/* quintal_files/static/src/assets/scss/admission.scss */
:root {
  --body-bg-rgb:
    245,
    246,
    250;
  --primary-rgb:
    0,
    102,
    171;
  --secondary-rgb:
    255,
    90,
    41;
  --warning-rgb:
    255,
    154,
    19;
  --info-rgb:
    12,
    156,
    252;
  --success-rgb:
    12,
    199,
    99;
  --danger-rgb:
    255,
    56,
    60;
  --light-rgb:
    247,
    248,
    250;
  --dark-rgb:
    10,
    10,
    10;
  --orange-rgb:
    254,
    124,
    88;
  --pink-rgb:
    254,
    84,
    155;
  --teal-rgb:
    0,
    216,
    216;
  --purple-rgb:
    123,
    118,
    254;
  --green-rgb:
    1,
    239,
    140;
  --default-body-bg-color: rgb(var(--body-bg-rgb));
  --primary-color: rgb(var(--primary-rgb));
  --primary-border: rgb(var(--primary-rgb));
  --primary01: rgba(var(--primary-rgb), 0.1);
  --primary02: rgba(var(--primary-rgb), 0.2);
  --primary03: rgba(var(--primary-rgb), 0.3);
  --primary04: rgba(var(--primary-rgb), 0.4);
  --primary05: rgba(var(--primary-rgb), 0.5);
  --primary06: rgba(var(--primary-rgb), 0.6);
  --primary07: rgba(var(--primary-rgb), 0.7);
  --primary08: rgba(var(--primary-rgb), 0.8);
  --primary09: rgba(var(--primary-rgb), 0.9);
  --primary005: rgba(var(--primary-rgb), 0.05);
  --default-font-family: "Quicksand", sans-serif;
  --default-font-weight: 500;
  --default-text-color: #222f36;
  --default-border: #f3f2f9;
  --default-background: #f9fafb;
  --menu-bg: #fff;
  --menu-prime-color: #657a99;
  --menu-border-color: #f3f2f9;
  --header-bg: #fff;
  --header-prime-color: #657a99;
  --header-border-color: #f3f2f9;
  --custom-white: #fff;
  --custom-black: #000;
  --bootstrap-card-border: #f3f2f9;
  --list-hover-focus-bg: #f5f6f7;
  --text-muted: #98a5c3;
  --input-border: #e2e6f1;
  --form-control-bg: #ffffff;
  --bs-link-color-rgb: var(--default-text-color);
  --gray-1: #f9fafb;
  --gray-2: #f2f4f5;
  --gray-3: #e6eaeb;
  --gray-4: #dbdfe1;
  --gray-5: #949eb7;
  --gray-6: #7987a1;
  --gray-7: #4d5875;
  --gray-8: #383853;
  --gray-9: #323251;
  --white-1: rgba(255, 255, 255, 0.1);
  --white-2: rgba(255, 255, 255, 0.2);
  --white-3: rgba(255, 255, 255, 0.3);
  --white-4: rgba(255, 255, 255, 0.4);
  --white-5: rgba(255, 255, 255, 0.5);
  --white-6: rgba(255, 255, 255, 0.6);
  --white-7: rgba(255, 255, 255, 0.7);
  --white-8: rgba(255, 255, 255, 0.8);
  --white-9: rgba(255, 255, 255, 0.9);
  --black-1: rgba(0, 0, 0, 0.1);
  --black-2: rgba(0, 0, 0, 0.2);
  --black-3: rgba(0, 0, 0, 0.3);
  --black-4: rgba(0, 0, 0, 0.4);
  --black-5: rgba(0, 0, 0, 0.5);
  --black-6: rgba(0, 0, 0, 0.6);
  --black-7: rgba(0, 0, 0, 0.7);
  --black-8: rgba(0, 0, 0, 0.8);
  --black-9: rgba(0, 0, 0, 0.9);
}
[data-theme-mode=dark] {
  --body-bg-rgb:
    35,
    34,
    38;
  --body-bg-rgb2:
    25,
    24,
    26 ;
  --menu-bg: rgb(var(--body-bg-rgb));
  --menu-border-color: rgba(255, 255, 255, 0.1);
  --menu-prime-color: rgba(255,255,255,0.4);
  --header-bg: rgb(var(--body-bg-rgb));
  --header-prime-color: rgba(255,255,255,0.4);
  --header-border-color: rgba(255, 255, 255, 0.1);
  --custom-white: rgb(var(--body-bg-rgb));
  --custom-black: #fff;
  --default-border: rgba(255, 255, 255, 0.07);
  --default-text-color: rgba(255, 255, 255, 0.8);
  --light-rgb:
    46,
    45,
    50;
  --dark-rgb:
    240,
    245,
    248;
  --bootstrap-card-border: rgba(255, 255, 255, 0.1);
  --list-hover-focus-bg: rgba(255, 255, 255, 0.1);
  --default-background: rgb(var(--body-bg-rgb2));
  --default-body-bg-color: rgb(var(--body-bg-rgb2));
  --text-muted: rgba(255, 255, 255, 0.5);
  --input-border: rgba(255, 255, 255, 0.1);
  --form-control-bg: rgb(var(--body-bg-rgb));
  color-scheme: dark;
  --gray-1: #110f0f;
  --gray-2: #17171c;
  --gray-3: #393946;
  --gray-4: #505062;
  --gray-5: #73738c;
  --gray-6: #8f8fa3;
  --gray-7: #ababba;
  --gray-8: #c7c7d1;
  --gray-9: #e3e3e8;
  --white-1: rgba(0, 0, 0, 0.1);
  --white-2: rgba(0, 0, 0, 0.2);
  --white-3: rgba(0, 0, 0, 0.3);
  --white-4: rgba(0, 0, 0, 0.4);
  --white-5: rgba(0, 0, 0, 0.5);
  --white-6: rgba(0, 0, 0, 0.6);
  --white-7: rgba(0, 0, 0, 0.7);
  --white-8: rgba(0, 0, 0, 0.8);
  --white-9: rgba(0, 0, 0, 0.9);
  --black-1: rgba(255, 255, 255, 0.1);
  --black-2: rgba(255, 255, 255, 0.2);
  --black-3: rgba(255, 255, 255, 0.3);
  --black-4: rgba(255, 255, 255, 0.4);
  --black-5: rgba(255, 255, 255, 0.5);
  --black-6: rgba(255, 255, 255, 0.6);
  --black-7: rgba(255, 255, 255, 0.7);
  --black-8: rgba(255, 255, 255, 0.8);
  --black-9: rgba(255, 255, 255, 0.9);
}
span.name {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
}
span.details {
  font-size: 15px;
  text-align: left;
}
span.number {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}
.menu-title {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: left;
  margin: 0;
  background-size: 16px;
  background-repeat: no-repeat;
  padding-left: 20px;
}
.preventDetailonClick {
  cursor: default !important;
}
.dropdown-container {
  max-width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
}
.dropdown-container .card-body {
  max-width: 100%;
  white-space: nowrap;
  overflow-x: scroll;
}
.inactive-dlb-section {
  display: none;
}
.active-dlb-section {
  display: block;
}
.helperTextDiv {
  font-size: 12px;
  margin-bottom: 0.5rem;
  padding: 0 1.2rem 0.5rem 1rem;
  text-align: center;
  width: 37%;
}
.helperContainer {
  display: flex;
  position: static;
  justify-content: flex-end;
}
.dual-listbox .dual-listbox__available,
.dual-listbox .dual-listbox__selected {
  width: 100%;
}
.event-dlb {
  gap: 0;
}
.dual-listbox .dual-listbox__button {
  background: #0066ab;
  margin: 0 0.25rem 0.6rem 0.25rem;
  border-radius: 7px;
  flex-direction: row;
}
.dual-listbox__container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  box-sizing: border-box;
  gap: 4.45rem;
}
.dual-listbox__available,
.dual-listbox__selected {
  text-align: left;
  margin-bottom: 0;
}
.dual-listbox__container .dual-listbox__available-container,
.dual-listbox__container .dual-listbox__selected-container {
  min-width: 12.5rem;
  flex: 1;
  padding-bottom: 0;
}
@media (min-width: 401px) and (max-width: 992px) {
  .dual-listbox__container {
    gap: 1.9rem;
    flex-direction: row;
  }
  .dual-listbox__available,
  .dual-listbox__selected {
    min-width: auto;
    margin: 0 auto;
    width: 100% !important;
  }
  .dual-listbox__container .dual-listbox__available-container,
  .dual-listbox__container .dual-listbox__selected-container,
  .dual-listbox__available,
  .dual-listbox__selected {
    min-width: 20.625rem;
    margin: 0 auto;
    width: 100% !important;
  }
  .dual-listbox .dual-listbox__buttons {
    flex-direction: row;
    margin: 0 auto !important;
  }
  .helperTextDiv {
    width: 100%;
    margin-top: 0.5rem;
  }
}
@media (max-width: 400px) {
  .dual-listbox__container {
    gap: 0;
    flex-direction: column;
  }
  .dual-listbox__container .dual-listbox__available-container,
  .dual-listbox__container .dual-listbox__selected-container,
  .dual-listbox__available,
  .dual-listbox__selected {
    width: 100% !important;
  }
  .helperTextDiv {
    width: 100%;
    margin-top: 0.5rem;
  }
}