@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');


html {background-color:#edf0f2 ;font-size:16px !important;color:#004751 ;font-weight:400 ;font-family:'Oswald','Inter', 'sans-serif';}
body {font-size:16px !important;color:#004751 ;font-weight:400 ;font-family:'Oswald','Inter', 'sans-serif';}
.label-container th, .label-container tr, .nav-tabs .nav-link, .nav-tabs .nav-link.active {color:#004751 ;}
.table-hover > tbody > tr:hover > *  {color:#004751 !important;}
h1, h2, h3, h4, h5,  h6  {font-weight:400 ;font-family:'Oswald','Inter', 'sans-serif';}
.label-container td,.label-container th {border-color:#004751 ;}
.label-container .logo>img {width:57% !important;}
.label-container a {color:#004751 !important;}
.label-container {background-color:#FFFFFF ;border-radius:0px !important;}
.label-container .page-content {background-color:#FFFFFF !important;}
.label-container footer {border-bottom-left-radius:0px !important;border-bottom-right-radius:0px !important;}
.label-container header {border-top-left-radius:0px !important;border-top-right-radius:0px !important;}
body.tinyeditor {background-color:#FFFFFF ;border-radius:0px !important;}
.label-container, .tinyeditor {background-image:none;}
.label-container header {background-color:#b8dce2 ;}
.label-container header * {}
.label-container header nav-button button, .label-container header nav-button button:hover, .label-container header nav-button button:active, .label-container header nav-button button:focus, .label-container header nav-button button:focus-visible {}
.label-container header .language-select-list, .label-container header .language-select-list A {}
.btn-custom-font, .btn-custom-font:hover, .btn-custom-font:focus, .btn-custom-font:disabled, .btn-custom-font:active {font-weight:400 !important;font-family:'Oswald','Inter', 'sans-serif';font-size:20px !important;}
.btn-custom, A.btn-custom, .btn-custom:hover, .btn-custom:focus, .btn-custom:disabled, .btn-custom:active {background-color:#b8dce2 !important;border-color:#004751 !important;border-width:2px !important;font-weight:400 !important;font-family:'Oswald','Inter', 'sans-serif';color:#004751 !important;font-size:20px !important;border-radius:10px !important;padding-top:6px !important;padding-bottom:6px !important;}
.btn-custom, .btn-custom:hover, .btn-custom:active {color:#004751 ;}
.btn-custom:hover {}
.btn-custom:focus-visible {}
.btn-custom .icon,.btn-custom:hover .icon,.btn-custom:focus .icon,.btn-custom:active .icon {color:#004751 !important;max-width:20px !important;max-height:20px !important;}
.btn-custom:hover .icon {}
.btn-custom:focus-visible .icon {}
.btn-custom .icon svg {width:20px !important;height:20px !important;}
.label-container .social-links {text-align:center ;}
.label-container .social-links A {margin-right:0px !important;font-size:32px !important;color:#004751 !important;}
.fc .fc-highlight {}
.fc-v-event {}
.label-container footer .info * {font-size:16px !important;color:#000000 !important;font-weight:400 !important;font-family:'Oswald','Inter', 'sans-serif';text-align:center !important;}
.label-container footer .lang-select * {font-size:16px !important;color:#000000 !important;font-weight:400 !important;font-family:'Oswald','Inter', 'sans-serif';text-align:center !important;color:#000000 !important;}
.label-container footer {}

html {background-color:#FFFFFF ;font-size:16px !important;color:#000000 ;font-family:'Inter','Inter', 'sans-serif';}
body {font-size:16px !important;color:#000000 ;font-family:'Inter','Inter', 'sans-serif';}
.label-container th, .label-container tr, .nav-tabs .nav-link, .nav-tabs .nav-link.active {color:#000000 ;}
.table-hover > tbody > tr:hover > *  {color:#000000 !important;}
html {background-image:none;}
h1, h2, h3, h4, h5,  h6  {font-family:'Inter','Inter', 'sans-serif';}
.label-container td,.label-container th {border-color:#EEEEEE ;}
.label-container .logo>img {width:50% !important;}
.label-container a {color:#5179d6 !important;}
.label-container {background-color:#FFFFFF ;border-radius:20px !important;}
.label-container .page-content {background-color:#FFFFFF !important;}
.label-container footer {border-bottom-left-radius:20px !important;border-bottom-right-radius:20px !important;}
.label-container header {border-top-left-radius:20px !important;border-top-right-radius:20px !important;}
body.tinyeditor {background-color:#FFFFFF ;border-radius:20px !important;}
.label-container, .tinyeditor {background-image:none;}
.label-container header {}
.label-container header * {}
.label-container header nav-button button, .label-container header nav-button button:hover, .label-container header nav-button button:active, .label-container header nav-button button:focus, .label-container header nav-button button:focus-visible {}
.label-container header .language-select-list, .label-container header .language-select-list A {}
.btn-custom-font, .btn-custom-font:hover, .btn-custom-font:focus, .btn-custom-font:disabled, .btn-custom-font:active {font-family:'Inter','Inter', 'sans-serif';font-size:16px !important;}
.btn-custom, A.btn-custom, .btn-custom:hover, .btn-custom:focus, .btn-custom:disabled, .btn-custom:active {background-color:#5179d6 !important;border-color:#5179d6 !important;border-width:0px !important;font-family:'Inter','Inter', 'sans-serif';color:#FFFFFF !important;font-size:16px !important;border-radius:10px !important;padding-top:6px !important;padding-bottom:6px !important;}
.btn-custom, .btn-custom:hover, .btn-custom:active {color:#FFFFFF ;}
.btn-custom:hover {}
.btn-custom:focus-visible {}
.btn-custom .icon,.btn-custom:hover .icon,.btn-custom:focus .icon,.btn-custom:active .icon {color:#FFFFFF !important;max-width:20px !important;max-height:20px !important;}
.btn-custom:hover .icon {}
.btn-custom:focus-visible .icon {}
.btn-custom .icon svg {width:20px !important;height:20px !important;}
.label-container .social-links {text-align:center ;}
.label-container .social-links A {margin-right:10px !important;font-size:26px !important;color:#5179d6 !important;}
.fc .fc-highlight {}
.fc-v-event {}
.label-container footer .info * {font-size:12px !important;color:#000000 !important;font-family:'Inter','Inter', 'sans-serif';text-align:center !important;}
.label-container footer .lang-select * {font-size:12px !important;color:#000000 !important;font-family:'Inter','Inter', 'sans-serif';text-align:center !important;color:#000000 !important;}
.label-container footer {}



body.admin {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text",
               "Helvetica Neue", Arial, sans-serif !important;
  font-size: 16px !important;
  -webkit-font-smoothing: antialiased;
  background: #f2f3f7;
  color: #111;
}


:root {
  
  --la-primary: #007aff;
  --la-primary-dark: #0051a8;
  --la-primary-deep: #004080;

  
  --la-accent: #34c759;
  --la-border-soft: rgba(0, 0, 0, 0.08);
  --la-border-strong: rgba(0, 0, 0, 0.18);
  --la-surface: #f9fafc;

  
  --la-gloss-highlight: rgba(255, 255, 255, 0.60);
  --la-gloss-highlight-soft: rgba(255, 255, 255, 0.35);
  --la-gloss-shadow: rgba(0, 0, 0, 0.35);
  --la-inset-shadow: rgba(0, 0, 0, 0.18);

  
  --la-radius-lg: 12px;
  --la-radius-md: 8px;
  --la-radius-sm: 5px;
}



#sidebar,
.bg-dark {
  background: linear-gradient(
      to bottom,
      var(--la-gloss-highlight) 0%,
      var(--la-primary) 12%,
      var(--la-primary-dark) 45%,
      var(--la-primary-deep) 100%
  ) !important;

  border-right: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.4),
    inset 0 -1px 0 rgba(0, 0, 0, 0.3),
    0 0 0 1px rgba(0, 0, 0, 0.35),
    0 12px 25px rgba(0, 0, 0, 0.45);
}


#sidebar a,
#sidebar .nav-link {
  color: #fdfefe !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
}

#sidebar a:hover,
#sidebar .nav-link:hover,
#sidebar .nav-link.active {
  background: radial-gradient(circle at top center,
              rgba(255, 255, 255, 0.35),
              transparent 60%) !important;
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.6),
    inset 0 -1px 2px rgba(0, 0, 0, 0.5);
  border-radius: var(--la-radius-sm);
}


#sidebar .nav-item {
  margin-bottom: 2px;
}



.navbar,
.navbar-dark,
.navbar.bg-dark {
  background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.75) 0%,
      rgba(255, 255, 255, 0.45) 35%,
      rgba(255, 255, 255, 0.15) 100%
  ) !important;
  backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.18);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.6),
    0 5px 16px rgba(0, 0, 0, 0.25);
}


.navbar .navbar-brand,
.navbar .nav-link {
  color: #111 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.active {
  color: var(--la-primary-dark) !important;
}



.card,
.panel,
.panel-default,
.well,
.box {
  background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.95) 0%,
      rgba(255, 255, 255, 0.90) 40%,
      rgba(245, 246, 250, 0.95) 100%
  );
  border-radius: var(--la-radius-lg);
  border: 1px solid var(--la-border-soft);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.8),
    0 15px 30px rgba(0, 0, 0, 0.18);
}


.card-header,
.panel-heading,
.box-header {
  background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.95) 0%,
      rgba(230, 233, 240, 0.98) 100%
  );
  border-bottom: 1px solid var(--la-border-strong);
  border-radius: var(--la-radius-lg) var(--la-radius-lg) 0 0;
  font-weight: 600;
  letter-spacing: 0.01em;
}



.btn,
button,
input[type="button"],
input[type="submit"] {
  border-radius: 999px !important;
  border: 1px solid rgba(0, 0, 0, 0.35);
  padding: 0.5rem 1.2rem;
  font-weight: 500;
  letter-spacing: 0.01em;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 3px 7px rgba(0, 0, 0, 0.4);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.45);
}

.btn-primary,
.btn-success,
.btn-info {
  background: linear-gradient(
      to bottom,
      #4dc2ff 0%,
      var(--la-primary) 40%,
      var(--la-primary-dark) 100%
  ) !important;
  color: #fff !important;
}

.btn-secondary,
.btn-default,
.btn-outline-secondary {
  background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #eaedf3 50%,
      #d0d5e0 100%
  ) !important;
  color: #222 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.85);
}

.btn-danger {
  background: linear-gradient(
      to bottom,
      #ff6b6b 0%,
      #ff3b30 40%,
      #c1271d 100%
  ) !important;
  color: #fff !important;
}


.btn:active,
button:active,
input[type="submit"]:active {
  transform: translateY(1px);
  box-shadow:
    inset 0 2px 3px rgba(0, 0, 0, 0.4),
    0 1px 2px rgba(255, 255, 255, 0.6);
  filter: brightness(0.97);
}



input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea,
.form-control {
  border-radius: var(--la-radius-md) !important;
  border: 1px solid rgba(0, 0, 0, 0.18);
  background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #f6f7fb 100%
  );
  box-shadow:
    inset 0 1px 3px rgba(0, 0, 0, 0.12),
    0 1px 0 rgba(255, 255, 255, 0.7);
}


input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  outline: none !important;
  border-color: var(--la-primary);
  box-shadow:
    0 0 0 2px rgba(0, 122, 255, 0.35),
    inset 0 0 0 1px rgba(255, 255, 255, 0.75);
}



table,
.table {
  border-radius: var(--la-radius-md);
  overflow: hidden;
  background-color: #ffffff;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.9),
    0 10px 20px rgba(0, 0, 0, 0.12);
}

thead,
.table thead th {
  background: linear-gradient(
      to bottom,
      #fdfdfd 0%,
      #e6eaf3 100%
  );
  border-bottom: 1px solid var(--la-border-strong);
  font-weight: 600;
}

tbody tr:nth-child(even) {
  background-color: #f7f9fc;
}

tbody tr:hover {
  background: linear-gradient(
      to right,
      rgba(0, 122, 255, 0.05),
      transparent 70%
  );
}



.badge,
.label,
.badge-primary {
  border-radius: 999px;
  padding: 0.25rem 0.6rem;
  background: linear-gradient(
      to bottom,
      #4dc2ff 0%,
      var(--la-primary) 100%
  );
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}



.pagination .page-link,
.page-item .page-link {
  border-radius: 999px !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: linear-gradient(
      to bottom,
      #ffffff 0%,
      #e6eaf3 100%
  );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 2px 4px rgba(0, 0, 0, 0.25);
}

.pagination .active .page-link {
  background: linear-gradient(
      to bottom,
      #4dc2ff 0%,
      var(--la-primary) 100%
  );
  color: #fff;
}



hr {
  border: 0;
  height: 1px;
  background: linear-gradient(
      to right,
      transparent,
      rgba(0, 0, 0, 0.25),
      transparent
  );
}

.tooltip-inner,
.popover {
  border-radius: var(--la-radius-md);
}