/* Themes */
:root {
    color-scheme: light dark; /* both supported */
    --allways-dark: #111315;
    --allways-light: #FBF9F5;
    --background-color: #E9EBEB;
    --font-color: #111315;
    --subtitles: #404A7F;
    --bad-color: #FF4D79;
    --important: #FFE253;
    --accent-color: #FF5470;
    --main-element: #4DA3FF;
    --good-color: #00ca43;
    --z1: #E0E2E2;
    --z2: #D3D5D6;
    --table-striped-bg: rgba(0, 0, 0, 0.05);
    --status-1: #bfbfbf83;
    --status-2: #ffa35783;
    --status-3: #6baffc83;
    --status-4: #726bff83;
    --status-5: #f0ff6b83;
    --status-6: #6ff4a083;
    --status-7: #ff0000c2;

    --critico: #ff0000c2;
    --riesgo: #ff8514;
    --preventivo: #ffe95d;
    --ok: #00ca43;

    
  }

@media (prefers-color-scheme: dark ) {
    :root {
        --background-color: #111315;
        --font-color: #FBF9F5;
        --subtitles: #BFC3E0;
        --important: #FF5470;
        --accent-color: #FFE253;
        --main-element: #4DA3FF;
        --good-color: #5CFF91;
        --z1: #242733;
        --z2: #1f202a;
        --table-striped-bg: rgba(0, 0, 0, 0.267);
        --status-1: #bfbfbf;
        --status-2: #fc8d8d;
        --status-3: #a5cfff;
        --status-4: #fffbbc;
        --status-5: #aaffc9;
    }
    .img-light {
        display: none;
    }
    .img-dark {
        display: inherit;
    }
    
}

p {
  margin-bottom: 0.8rem;
}

h1 .small {
    font-size: 0.5em;
}

body {
    background-color: var(--background-color);
    color: var(--font-color);
    font-family: "Karla", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    font-size: 14px;
}

@media only screen and (min-width: 600px) {
    body {
        font-size: 15px;
    }
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  margin-bottom: 0rem;
}

a {
    color: inherit;
    text-decoration: none;
}



nav.bottom-nav {
    /* sticky bottom */
    position: fixed;
    bottom: 1rem;
    top: auto;
    width: 95vw;
    z-index: 100;
    text-align: center;

}

/* media breakpont for large screens */
/* @media (min-width: 600px) {
    nav.custom-nav {
        bottom: auto;
        top: 1rem;
    }
} */

.pointer {
    cursor: pointer;
}

nav .navbar-container {
    user-select: none;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /* gap: 10px; */
    transition: all ease-in-out 0.15s;
    border-radius: 56px;
    z-index: 1;
    backdrop-filter: blur(4px);
    font-weight: 600;
    color: var(--main-element);
    cursor: pointer;
}

nav .nav-links {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-decoration: none;
    color: inherit;
    margin-top: auto;
    margin-bottom: auto;
    list-style-type: none;
}

nav .nav-links {
    display: flex;
    gap: 0.1rem;
    position: relative;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    /* padding: 16px 32px; */
    overflow: hidden;
    border-radius: 56px;
    transition: all ease-in-out 0.15s;
    z-index: 2;
}


.glass {
  background: rgba(240, 249, 255, 0.1) !important;
  backdrop-filter: 
    blur(5px) 
    saturate(1.25) 
    contrast(1.09);
  -webkit-backdrop-filter: 
    blur(5px) 
    saturate(1.25) 
    contrast(1.09);
  border: 0.5px solid rgba(255, 255, 255, 0.1);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.08),
    inset 0 0.8px 0 rgba(255, 255, 255, 0.24);
  overflow: hidden;
}

nav .nav-links a{
    font-size: 1rem;
}

.nav-links a:hover{
    color: var(--accent-color);
}


nav .nav-links li {
    transition: all ease-in-out 0.15s;
    padding: 0.7rem 2rem 0.4rem 2rem;

    border-radius: 56px;
}

nav .nav-links li.active {
    /* background: linear-gradient(
        180deg,
        rgba(224, 230, 239, 0.8) 0%,
        rgba(191, 200, 216, 0.8) 57.59%,
        rgba(214, 218, 227, 0.8) 100%
    ); */
    box-shadow: 0 -3px 4px 0 rgba(63, 63, 90, 0.1) inset,
        0 -27px 12px 0 rgba(255, 255, 255, 0.104) inset,
        1px 1px 1px 0 rgba(255, 255, 255, 0.15) inset,
        -1px -1px 1px 0 rgba(255, 255, 255, 0.159) inset,
        0 4px 4px 0 rgba(255, 255, 255, 0.199) inset,
        0 4px 8px 0 rgba(255, 255, 255, 0.17) inset,
        0 4px 12px 0 rgba(78, 84, 103, 0.095);
      color: var(--accent-color);
}

/* media dark  */
@media (prefers-color-scheme: dark) {
    nav .nav-links li.active {
        /* background: linear-gradient(
            180deg,
            rgba(224, 230, 239, 0.8) 0%,
            rgba(191, 200, 216, 0.8) 57.59%,
            rgba(214, 218, 227, 0.8) 100%
        ); */
        box-shadow: 0 -3px 4px 0 rgba(63, 63, 90, 0.1) inset,
          0 -27px 12px 0 rgba(255, 255, 255, -0.95) inset,
          1px 1px 1px 0 rgba(94, 93, 98, 1.26) inset,
          -1px -1px 1px 0 rgba(255, 255, 255, 0.241) inset,
          0 4px 4px 0 rgba(94, 93, 98, -3.8) inset,
          0 4px 8px 0 rgba(94, 93, 98, 0.17) inset,
          0 4px 12px 0 rgba(78, 84, 103, 0.14); 
        color: var(--accent-color);
    }

    ::placeholder {
        color: var(--font-color) !important;
        font-size: 0.75rem !important;
        opacity: 1;
    }

    .liquid-glass::placeholder {
        color: var(--font-color);
        opacity: 0.5;
    }
}


input {
    padding: 0.45rem 1rem;
    border-radius: 5px;
    border-style: solid;
    border-color: var(--font-color);
    border-width: 0.05rem;
}

input::placeholder {
    color: var(--font-color) !important;
    font-size: 0.8rem !important;
    opacity: 0.75;
}



/* glasslike backround */


.counter-field {
    width: 3ch;
    text-align: center;
    padding: 0;
}

.custom .form-control {
  background-color: var(--z2);
  color: var(--font-color);
}

.custom .paginate_button {
  background-color: var(--z2);
  color: var(--font-color);
}

.custom .paginate_button.active {
  background-color: var(--z2);
  color: var(--font-color);
}


.custom .page-link{
  background-color: var(--z2);
  color: var(--font-color);
}

.custom .active .page-link{
  background-color: var(--main-element);
  color: var(--font-color);
}

.custom .btn-primary {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  color: var(--z1);
  border-radius: 18px;
}

input:disabled {
    background-color: var(--z2);
    color: var(--font-color);
}

.form-control:disabled {
    background-color: var(--z2);
    color: var(--font-color);
    opacity: 0.7;
}

.form

.form-select:disabled{
    background-color: var(--z2);
    color: var(--font-color);
}

select.form-select {
    padding: 0.45rem 1rem;
    border-radius: 5px;
    border-style: solid;
    border-color: var(--font-color);
    color: var(--font-color);
    background-color: var(--z1);
    border-width: 0.05rem;
}

.custom .form-text{
    color: var(--font-color);
}

/* ===============================
=            Choices            =
=============================== */
.choices {
    position: relative;
    overflow: hidden;
    /* margin-bottom: 1.5rem; */
    font-size: 1rem;
  }
  .choices:focus {
    outline: none;
  }
  .choices:last-child {
    margin-bottom: 0;
  }
  .choices.is-open {
    overflow: visible;
  }
  .choices.is-disabled .choices__inner,
  .choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
            user-select: none;
  }
  .choices.is-disabled .choices__item {
    cursor: not-allowed;
  }
  .choices [hidden] {
    display: none !important;
  }
  
  .choices[data-type*=select-one] {
    cursor: pointer;
  }
  .choices[data-type*=select-one] .choices__inner {
    padding-bottom: 7.5px;
  }
  .choices[data-type*=select-one] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin: 0;
  }
  .choices[data-type*=select-one] .choices__button {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: 0.25;
  }
  .choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus {
    opacity: 1;
  }
  .choices[data-type*=select-one] .choices__button:focus {
    box-shadow: 0 0 0 2px #00bcd4;
  }
  .choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
    display: none;
  }
  .choices[data-type*=select-one]::after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none;
  }
  .choices[data-type*=select-one].is-open::after {
    border-color: transparent transparent #333 transparent;
    margin-top: -7.5px;
  }
  .choices[data-type*=select-one][dir=rtl]::after {
    left: 11.5px;
    right: auto;
  }
  .choices[data-type*=select-one][dir=rtl] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0;
  }
  
  .choices[data-type*=select-multiple] .choices__inner,
  .choices[data-type*=text] .choices__inner {
    cursor: text;
  }
  .choices[data-type*=select-multiple] .choices__button,
  .choices[data-type*=text] .choices__button {
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-right: -4px;
    margin-bottom: 0;
    margin-left: 8px;
    padding-left: 16px;
    border-left: 1px solid #008fa1;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==");
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: 0.75;
    border-radius: 5px;
  }
  .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus,
  .choices[data-type*=text] .choices__button:hover,
  .choices[data-type*=text] .choices__button:focus {
    opacity: 1;
  }
  
  .choices__inner {
    padding: 0.45rem 1rem;
    border-radius: 5px;
    border-style: solid;
    border-color: var(--font-color);
    color: var(--font-color);
    background-color: var(--z1);
    border-width: 0.05rem;
    display: inline-block;
    width: 100%;
    overflow: hidden;
  }
  .is-focused .choices__inner, .is-open .choices__inner {
    border-color: var(--font-color);
  }
  .is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0;
  }
  .is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px;
  }
  
  .choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none;
  }
  .choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%;
  }
  [dir=rtl] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px;
  }
  .choices__list--single .choices__item {
    width: 100%;
  }
  
  .choices__list--multiple {
    display: inline;
  }
  .choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 1rem;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #00bcd4;
    border: 1px solid #00a5bb;
    color: #fff;
    word-break: break-all;
    box-sizing: border-box;
  }
  .choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px;
  }
  [dir=rtl] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px;
  }
  .choices__list--multiple .choices__item.is-highlighted {
    background-color: #00a5bb;
    border: 1px solid #008fa1;
  }
  .is-disabled .choices__list--multiple .choices__item {
    background-color: #aaaaaa;
    border: 1px solid #919191;
  }
  
  .choices__list--dropdown, .choices__list[aria-expanded] {
    visibility: hidden;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: var(--z2);
    border: 1px solid var(--font-color);
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all;
    will-change: visibility;
  }
  .is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
    visibility: visible;
  }
  .is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
    border-color: #b7b7b7;
  }
  .is-flipped .choices__list--dropdown, .is-flipped .choices__list[aria-expanded] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: 0.25rem 0.25rem 0 0;
  }
  .choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
  }
  .choices__list--dropdown .choices__item, .choices__list[aria-expanded] .choices__item {
    position: relative;
    padding: 10px;
    font-size: 1rem;
  }
  [dir=rtl] .choices__list--dropdown .choices__item, [dir=rtl] .choices__list[aria-expanded] .choices__item {
    text-align: right;
  }
  @media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable {
      padding-right: 100px;
    }
    .choices__list--dropdown .choices__item--selectable::after, .choices__list[aria-expanded] .choices__item--selectable::after {
      content: attr(data-select-text);
      font-size: 1rem;
      opacity: 0;
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
    }
    [dir=rtl] .choices__list--dropdown .choices__item--selectable, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
      text-align: right;
      padding-left: 100px;
      padding-right: 10px;
    }
    [dir=rtl] .choices__list--dropdown .choices__item--selectable::after, [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after {
      right: auto;
      left: 10px;
    }
  }
  .choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: var(--background-color);
  }
  .choices__list--dropdown .choices__item--selectable.is-highlighted::after, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    opacity: 0.5;
  }
  
  .choices__item {
    cursor: default;
  }
  
  .choices__item--selectable {
    cursor: pointer;
  }
  
  .choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
            user-select: none;
    opacity: 0.5;
  }
  
  .choices__heading {
    font-weight: 600;
    font-size: 1rem;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: gray;
  }
  
  .choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
            appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
  }
  .choices__button:focus {
    outline: none;
  }

  .mutlitpe-select-from-group .choices__inner .choices__input{
    width: fit-content!important; 
  }
  
  .choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: var(--z1) !important;
    font-size: 1rem;
    margin-bottom: 5px;
    border: 0;
    border-radius: 5px;
    max-width: 100%;
  }
  .choices__input:focus {
    outline: 0;
  }
  .choices__input::-webkit-search-decoration, .choices__input::-webkit-search-cancel-button, .choices__input::-webkit-search-results-button, .choices__input::-webkit-search-results-decoration {
    display: none;
  }
  .choices__input::-ms-clear, .choices__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
  }
  [dir=rtl] .choices__input {
    padding-right: 2px;
    padding-left: 0;
  }
  
  .choices__placeholder {
    opacity: 0.5;
  }

.bill-table th, .bill-table td {
    border: none;
    background-color: var(--z1);
    color: var(--font-color);
}
  
  /* =====  End of Choices  ====== */

.card-buttons .icon-link{ 
    width: 100%;
    background-color: var(--z2);
    font-size: 1rem;
    padding: 0.5rem 1.5rem;
    border-radius: 18px;

}

.icon-link {
  font-size: 1rem;
    margin-bottom: 0rem;
    font-weight: 600;
    outline: 0;
    border: none;
    cursor: pointer;
    color: var(--accent-color);
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.card-buttons i{
    font-size: 1.5rem;
    margin-top: -0.6rem;
}

textarea {
    padding: 0.5rem 1rem;
    border-radius: 5px;
    border-style: solid;
    border-color: var(--font-color);
    border-width: 0.05rem;
}



.form-group.icon .form-control.icon {
    padding-left: 2.375rem;
}


.form-group.icon .form-control-icon {
    position: absolute;
    z-index: 10;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    padding-top: 0.2rem;
    text-align: center;
    pointer-events: none;
    border-radius: 50px;
}


.form-control.round-input {
  border-radius: 50px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}


/* gmp-place-autocomplete {
  border-radius: 50px;
  background: rgba(240, 249, 255, 0.1);
  backdrop-filter: 
    blur(5px) 
    saturate(1.25) 
    contrast(1.09);
  -webkit-backdrop-filter: 
    blur(5px) 
    saturate(1.25) 
    contrast(1.09);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.24);
  overflow: hidden;
} */

.form-control.form-control.round-input#origen {
  position: relative;
  z-index: 9;
}
/* make it scrollable */
.autocomplete-items {
  position: absolute;
  z-index: 8;
  max-height: 45vh;
  left: 10vw;
  right: 10vw;
  margin-top: 0.3rem;
  /* Allow scrolling */
  overflow: auto; 

  padding: 2rem 1rem;
  
  /* Hide scrollbar for Chrome, Safari and Opera */
  /* &::-webkit-scrollbar {
    display: none;
  } */
  scrollbar-width: none;

  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;

  border-radius: 18px 18px 18px 18px;
  background: rgba(240, 249, 255, 0.1);
  
  backdrop-filter: 
    blur(10px) 
    saturate(1.25) 
    contrast(1.09);
  -webkit-backdrop-filter: 
    blur(5px) 
    saturate(1.25) 
    contrast(1.09);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.24);
    
}

.autocomplete-items div {
    padding: 1rem 1.5rem;
    border-radius: 18px;
    cursor: pointer;
}

.search-result {
  padding: 1rem 1.5rem;
  border-radius: 18px;
  cursor: pointer;
  color: var(--font-color);
}

.autocomplete-active {
    box-shadow: 0 -3px 4px 0 rgba(63, 63, 90, 0.1) inset,
        0 -27px 12px 0 rgba(255, 255, 255, 0.104) inset,
        1px 1px 1px 0 rgba(255, 255, 255, 0.15) inset,
        -1px -1px 1px 0 rgba(255, 255, 255, 0.159) inset,
        0 4px 4px 0 rgba(255, 255, 255, 0.199) inset,
        0 4px 8px 0 rgba(255, 255, 255, 0.17) inset,
        0 4px 12px 0 rgba(78, 84, 103, 0.095);
    color: var(--accent-color);
}

.custom-card {
    padding: 1rem;
    border-radius: 18px;
    background-color: var(--z1);
    /* smooth transitions */
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.draggable-list {
  /* display: flex; */
  /* Try this too! */
  /* flex-direction: column; */
  gap: 1rem;
  list-style-type: none;
  padding: 0;
}

.draggable {
  /* delete dot */
  cursor: grab;
  padding: 0.25rem 0rem;
}

.draggable:active {
  cursor: grabbing;
   background: rgba(240, 249, 255, 0.1);
    backdrop-filter: 
      blur(5px) 
      saturate(1.25) 
      contrast(1.09);
    -webkit-backdrop-filter: 
      blur(5px) 
      saturate(1.25) 
      contrast(1.09);
    border: 0.5px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
    box-shadow: 0 -3px 4px 0 rgba(63, 63, 90, 0.1) inset,
        0 -27px 12px 0 rgba(255, 255, 255, 0.104) inset,
        1px 1px 1px 0 rgba(255, 255, 255, 0.15) inset,
        -1px -1px 1px 0 rgba(255, 255, 255, 0.159) inset,
        0 4px 4px 0 rgba(255, 255, 255, 0.199) inset,
        0 4px 8px 0 rgba(255, 255, 255, 0.17) inset,
        0 4px 12px 0 rgba(78, 84, 103, 0.095);
    color: var(--accent-color);
    border-radius: 18px;
    opacity: 0.8;
}

.dragging {
    background: rgba(240, 249, 255, 0.1);
    backdrop-filter: 
      blur(5px) 
      saturate(1.25) 
      contrast(1.09);
    -webkit-backdrop-filter: 
      blur(5px) 
      saturate(1.25) 
      contrast(1.09);
    border: 0.5px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
    box-shadow: 0 -3px 4px 0 rgba(63, 63, 90, 0.1) inset,
        0 -27px 12px 0 rgba(255, 255, 255, 0.104) inset,
        1px 1px 1px 0 rgba(255, 255, 255, 0.15) inset,
        -1px -1px 1px 0 rgba(255, 255, 255, 0.159) inset,
        0 4px 4px 0 rgba(255, 255, 255, 0.199) inset,
        0 4px 8px 0 rgba(255, 255, 255, 0.17) inset,
        0 4px 12px 0 rgba(78, 84, 103, 0.095);
    color: var(--accent-color);
    border-radius: 18px;
    opacity: 0.8;
    
}



.over {
  border-style: dashed;
  opacity: 0.5;
}

/* select radio */
.questions .form__input {
  position: absolute;
  opacity: 0;
}

.questions .form__label {
  background-color: transparent;
  align-items: start;
  border-radius: 18px;
  cursor: pointer;
  padding: 1rem 1rem;
  position: relative;
  transition: all 0.2s ease;
}

@media (prefers-color-scheme: dark) {
  .questions .form__label:has(input:checked) {
  box-shadow: 0 -3px 4px 0 rgba(63, 63, 90, 0.1) inset,
          0 -27px 12px 0 rgba(255, 255, 255, -0.95) inset,
          1px 1px 1px 0 rgba(94, 93, 98, 1.26) inset,
          -1px -1px 1px 0 rgba(255, 255, 255, 0.241) inset,
          0 4px 4px 0 rgba(94, 93, 98, -3.8) inset,
          0 4px 8px 0 rgba(94, 93, 98, 0.17) inset,
          0 4px 12px 0 rgba(78, 84, 103, 0.14); 
        color: var(--accent-color);
}

}

.questions .form__label:has(input:checked) {
  box-shadow: 0 -3px 4px 0 rgba(63, 63, 90, 0.1) inset,
        0 -27px 12px 0 rgba(255, 255, 255, 0.104) inset,
        1px 1px 1px 0 rgba(255, 255, 255, 0.15) inset,
        -1px -1px 1px 0 rgba(255, 255, 255, 0.159) inset,
        0 4px 4px 0 rgba(255, 255, 255, 0.199) inset,
        0 4px 8px 0 rgba(255, 255, 255, 0.17) inset,
        0 4px 12px 0 rgba(78, 84, 103, 0.095);
      color: var(--accent-color);
}
.questions .form__label:has(input:checked) .form__label-check {
  display: block;
}
/* .questions .form__label:has(input:focus) {
  outline: 2px ridge rgba(0, 110, 200, 0.4);
} */

.questions .form__label-name {
  font-size: 1rem;
  /* 175% */
}
.questions .form__label-text {
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 325;
  line-height: 1.25rem;
  /* 142.857% */
}

/* datatables */
/* Data tables */
.custo-table>tbody>tr:nth-of-type(odd)>*{
    color: var(--font-color);
    background-color: var(--z1);
}

.custo-tabletable table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled{
    border-radius: 18px !important;
}

table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting_asc_disabled, table.dataTable thead>tr>th.sorting_desc_disabled, table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting_asc_disabled, table.dataTable thead>tr>td.sorting_desc_disabled{
    border-radius: 18px !important;
}

.table-header:hover{
    cursor: pointer;
}

.custo-table.table>:not(caption)>*>*{
    border-bottom-width: 0rem;
    background-color: var(--z1)!important;
    color: var(--font-color);
}

.custo-table tr:hover{
    cursor: pointer;
}

.custo-table {
    background-color: var(--z1);
    color: var(--font-color);
    border-radius: 18px !important;
    overflow: hidden;
}



.custom-nav {
  position: fixed;
  bottom: 1rem;
  z-index: 1000;
  width: 100vw;

}

.nav-text{
    color: var(--background-color);
    
}

.nav-icon {
    color: var(--background-color);
    font-size: 1.5rem;
}

.nav-dropdown{
  z-index: 1000;
  position: absolute;
  background-color: var(--z2);
  border-radius: 10px;
  padding: 0.5rem 1rem;
  margin-top: 0.5rem;
}


.dataTables_wrapper{
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.custo-table>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--table-striped-bg);
}

.custo-table :last-child >:last-child > td {
    /* border-radius: 0 0 18px 18px; */
}

.custo-table :last-child >:last-child > th {
    border-radius: 0 0 18px 18px;
}

.equal tbody>tr>*:nth-last-child(2)~*{ width:10%}
.equal tbody>tr>*:nth-last-child(3)~*{ width:33.3%}
.equal tbody>tr>*:nth-last-child(4)~*{ width:25%}
.equal tbody>tr>*:nth-last-child(6)~*{ width:16%} */
.equal tbody>tr>*:nth-last-child(5)~*{ width: auto;}

.paginate_button.page-item.previous{
    border-radius: 18px 0 0 18px;
}



.paginate_button.page-item.next {
    border-radius: 0 18px 18px 0;
}

.dataTables_paginate a{
    padding: 0rem 0.6rem; 
}
.dataTables_paginate {
    text-align: center;
}

.dataTables_info{
    text-align: center;
}

.dataTables_length {
    float: right;
    padding-top: 1rem;
    
}

.dataTables_filter{
    padding-bottom: 0.5rem;
}

.dataTables_paginate .current{
    text-decoration: underline;
    color: var(--main-element);
}

.paginate_button.page-item.active .page-link{
  color: var(--font-color) !important;
}

@media only screen and (min-width: 600px) {
    .dataTables_length {
        float: none;
        margin-bottom: -2.5rem;
        padding-top: 0rem;
    }
    
    .dataTables_filter{
        float: right;
    }

    .dataTables_info{
        text-align: left;
    }
    
    .dataTables_paginate{
        float: right;
        margin-top: -1.5rem;
    }
    .dataTables_paginate a{
        padding: 0rem 0.5rem;
    }

    .dataTables_paginate a{
        padding: 0rem 0.5rem;
    }

    form .form-group .select2-container--default .select2-selection--multiple{
        min-width: 80vw !important; 
        max-width: 80vw !important;
    }
    
    form .select2.select2-container.select2-container--default.select2-container--below{
        min-width: 80vw !important;
        max-width: 80vw !important;
    }
    
}

.login-element {
  max-width: 2000px;
}

.login-element h1{
  margin-top: 2rem;
  text-align: center;
}
.login-element p{
  text-align: center;
  color: var(--font-color);
}

.login-nav {
  text-align: center;
  margin-bottom: -1rem;
}


.modal-content.glass {
  color: var(--font-color);
}

.modal-content.glass .btn-close {
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FBF9F5'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
}

/* if dark mode */
@media (prefers-color-scheme: dark) {
  .modal-content.glass .btn-close {
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FBF9F5'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  }
}

.modal-content.glass .table {
--bs-table-color-type: initial;
--bs-table-bg-type: initial;
--bs-table-color-state: initial;
--bs-table-bg-state: initial;
--bs-table-color: var(--font-color);
--bs-table-bg: transparent;
--bs-table-border-color: var(--font-color);
--bs-table-accent-bg: transparent;
--bs-table-striped-color: var(--font-color);
--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
--bs-table-active-color: var(--font-color);
--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
--bs-table-hover-color: var(--font-color);
--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
}