/* General */
/* 
Fonts
Regular -> 400
Semibold -> 600
Bold -> 700 
*/
/* Colors */
:root {
  --red: #e2231a;
  --red-a: 226, 35, 26;
  --red-100: #c01e16;
  --blue-50: #dde5eb;
  --blue: #008dea;
  --blue-a: 0, 141, 234;
  --orange: #f9c150;
  --orange-a: 249, 193, 80;
  --white: #ffffff;
  --white-25: #eaecf4;
  --white-50: #f1f2f3;
  --gray: #dad8d8 !important;
  --gray-25: #ccc;
  --gray-50: #aaa;
  --gray-150: #858796;
  --gray-100: #979797;
  --gray-a-100: 151, 151, 151;
  --black-20: #525252;
  --black-25: #3a3a3a;
  --black-50: #313131;
  --black-100: #212529;
  --yellow: #cdfb13 !important;
  --yellow-100: #ffd800;
  --yellow-150: #d3b300;
  --orange-100: #ff8f00;
  --orange-150: #da7b00;
  --green: #92d12c;
  --green-50: #4eab18;
  --green-100: #038303;
  --green-a-100: 3, 131, 3;
  --green-150: #003a10;
  --green-grad: linear-gradient(
      90deg,
      rgba(0, 129, 2, 1) 0%,
      rgba(149, 210, 45, 1) 100%
  );
}

/* CSS Reset */
/* For different browsers */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  font-family: "Rubik", sans-serif !important;
  overflow-x: hidden;
  height: 100%;
  width: 100%;
  background: url("../images/general/bg.jpg") no-repeat center center fixed;
  background-size: cover;
  color: var(--black-25) !important;
}

body {
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.is-invalid {
  border: 1px solid var(--red);
}

.pointer-none {
  pointer-events: none;
}

.object-fit.cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
.object-fit.contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

/* Positions */
.p-fixed {
  position: fixed;
}

.p-sticky {
  position: sticky;
}

.p-absolute {
  position: absolute;
}

.p-relative {
  position: relative;
}

/* Dropzone */
.dropzone-canvas .dz-canvas .dz-border {
  border-radius: 10px;
}

.dropzone-canvas .dz-canvas .dz-border .dz-uploadbox p {
  margin: 0;
}

.dropzone-canvas .dz-dot {
  transform: translateY(-3px);
}

.dropzone-canvas .dz-dot i {
  font-size: 5px;
}

.dropzone-canvas .dz-info p {
  margin: 0;
}

.dropzone-canvas .dz-error {
  border-radius: 10px;
}

.dropzone-canvas.dz-light .dz-filelist .dz-file-item .dz-display {
  width: 80px;
  height: 80px;
}

.dropzone-canvas .dz-filelist .dz-file-item .dz-file-info .dz-filename > h6 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropzone-canvas.dz-light .dz-filelist .dz-file-item .dz-file-info {
  padding: 1rem;
  width: 70%;
}

.dropzone-canvas.dz-light .dz-filelist .dz-file-item .dz-remove button > svg {
  color: var(--black-20);
}

.dropzone-canvas.dz-light .dz-filelist .dz-file-item .dz-file-info > .dz-filename {
  color: var(--black-20);
  width: 100%;
}

.dropzone-canvas.dz-light .dz-canvas {
  background-color: var(--white-50) !important;
}

.dropzone-canvas.dz-light .dz-canvas .dz-border .dz-uploadbox {
  background-color: var(--white) !important;
  border-radius: 10px;
  transition: 0.3s ease all;
}

.dropzone-canvas.dz-light .dz-canvas .dz-border .dz-uploadbox:hover {
  background-color: var(--white-25) !important;
}

.dropzone-canvas.dz-light .dz-canvas .dz-border .dz-uploadbox p span,
.dropzone-canvas.dz-light .dz-canvas label {
  color: var(--gray-100) !important;
}

.box-canvas.file-upload.required-none .dropzone-canvas .dz-title span {
  display: none;
}

/* Labels */
span.label {
  padding: 5px 15px;
  background: gray;
  border-radius: 35px;
  color: white;
}
span.label.default {
  background-color: var(--green-50);
}
span.label.danger {
  background-color: var(--red);
}

/* Table Card */
.card.table-card.no-toprow .dt-container .dt-layout-row:first-child {
  display: none;
}
.card.table-card.no-toprow .dt-container .dt-layout-table {
  margin: 0;
}

/* Profile Card */
.table.generic-table .profile-section .image-section {
  overflow: hidden;
}
.table.generic-table .profile-section .image-section .image-wrapper {
  height: 70px;
  width: 70px;
}

.profile-section .image-section .image-wrapper {
  background-color: var(--white-25);
  padding: 1.5rem;
}
.profile-section .image-section .image-wrapper .default {
  opacity: 0.5;
}

/* Image Section */
.image-section .image-wrapper {
  overflow: hidden;
}
.image-section .image-wrapper.circle {
  border-radius: 5rem;
}

/* Cards - Custom */
.card.custom.border-radius-none {
  border-radius: 0;
}

/* Modal */
.modal#dataPrivacyModal .modal-header {
  align-items: center;
}
/* Cards */
.card .card-header .description {
  display: inline-block;
  font-style: italic;
  font-size: 80%;
  margin-top: 0.5rem;
  line-height: 23px;
}

/* Badges */
.badge {
  padding: 0.5rem 1rem !important;
  border-radius: 1rem !important;
  font-weight: 500 !important;
}
.badge.badge-default {
  color: var(--green-100);
  background-color: rgba(var(--green-a-100), 0.2);
}
.badge.badge-secondary {
  color: var(--gray-100) !important;
  background-color: rgba(var(--gray-a-100), 0.3) !important;
}
.badge.badge-warning {
  color: var(--orange) !important;
  background-color: rgba(var(--orange-a), 0.3) !important;
}
.badge.badge-danger {
  color: var(--red) !important;
  background-color: rgba(var(--red-a), 0.2) !important;
}
.badge.badge-primary {
  color: var(--blue) !important;
  background-color: rgba(var(--blue-a), 0.2) !important;
}

/* SweetAlerts */
.swal2-container {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.swal2-container .swal2-popup {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* Loaders */
.loader.dots {
  width: 40px;
  height: 9.6px;
  background: radial-gradient(circle closest-side, #92d12c 90%, rgba(0, 0, 0, 0)) 0% 50%, radial-gradient(circle closest-side, #92d12c 90%, rgba(0, 0, 0, 0)) 50% 50%, radial-gradient(circle closest-side, #92d12c 90%, rgba(0, 0, 0, 0)) 100% 50%;
  background-size: 33.3333333333% 100%;
  background-repeat: no-repeat;
  animation: dots-zcf63l 1s infinite linear;
}

@keyframes dots-zcf63l {
  33% {
    background-size: 33.3333333333% 0%, 33.3333333333% 100%, 33.3333333333% 100%;
  }
  50% {
    background-size: 33.3333333333% 100%, 33.3333333333% 0%, 33.3333333333% 100%;
  }
  66% {
    background-size: 33.3333333333% 100%, 33.3333333333% 100%, 33.3333333333% 0%;
  }
}
/* Message */
.message-fade,
#bootstrap-show-notification-container {
  position: fixed;
  z-index: 4;
  bottom: 0;
  right: 15px;
  transform: translateY(150%);
  animation: notification 0.8s forwards ease-in-out;
}
.message-fade > .alert,
#bootstrap-show-notification-container > .alert {
  display: flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.message-fade > .alert.alert-success,
#bootstrap-show-notification-container > .alert.alert-success {
  background-color: var(--green-50);
  color: var(--white);
}
.message-fade > .alert.alert-danger,
#bootstrap-show-notification-container > .alert.alert-danger {
  background-color: var(--red);
  color: var(--white);
}
.message-fade > .alert.alert-dismissible,
#bootstrap-show-notification-container > .alert.alert-dismissible {
  padding-right: 3rem;
}
.message-fade > .alert.alert-dismissible .close,
#bootstrap-show-notification-container > .alert.alert-dismissible .close {
  padding: 0.75rem;
}
.message-fade > .alert i,
#bootstrap-show-notification-container > .alert i {
  font-size: 20px;
  margin-right: 1rem;
}
.message-fade > .alert .close,
#bootstrap-show-notification-container > .alert .close {
  display: none;
}

@keyframes notification {
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
/* Spinner */
.spinner-canvas {
  height: inherit;
  width: 100%;
}
.spinner-canvas .spinner-section {
  display: flex;
  justify-content: center;
  align-items: center;
  height: inherit;
}
.spinner-canvas .spinner-section .dots {
  width: 40px;
  height: 9.6px;
  animation: dots-zcf63l 0.8s infinite linear;
}
.spinner-canvas .spinner-section .dots.white {
  background: radial-gradient(circle closest-side, #ffffff 90%, rgba(0, 0, 0, 0)) 0% 50%, radial-gradient(circle closest-side, #ffffff 90%, rgba(0, 0, 0, 0)) 50% 50%, radial-gradient(circle closest-side, #ffffff 90%, rgba(0, 0, 0, 0)) 100% 50%;
  background-size: 33.3333333333% 100%;
  background-repeat: no-repeat;
}
.spinner-canvas .spinner-section .dots.green {
  background: radial-gradient(circle closest-side, #4eab18 90%, rgba(0, 0, 0, 0)) 0% 50%, radial-gradient(circle closest-side, #4eab18 90%, rgba(0, 0, 0, 0)) 50% 50%, radial-gradient(circle closest-side, #4eab18 90%, rgba(0, 0, 0, 0)) 100% 50%;
  background-size: 33.3333333333% 100%;
  background-repeat: no-repeat;
}
@keyframes dots-zcf63l {
  33% {
    background-size: 33.3333333333% 0%, 33.3333333333% 100%, 33.3333333333% 100%;
  }
  50% {
    background-size: 33.3333333333% 100%, 33.3333333333% 0%, 33.3333333333% 100%;
  }
  66% {
    background-size: 33.3333333333% 100%, 33.3333333333% 100%, 33.3333333333% 0%;
  }
}
.spinner-canvas .spinner-section .flipping {
  width: 67.2px;
  height: 67.2px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.spinner-canvas .spinner-section .flipping div {
  animation: flipping-18i5bq 1.5s calc(var(--delay) * 1s) infinite backwards;
  background-color: #119915;
}
.spinner-canvas .spinner-section .flipping div:nth-child(1) {
  --delay: 01;
}
.spinner-canvas .spinner-section .flipping div:nth-child(2) {
  --delay: 02;
}
.spinner-canvas .spinner-section .flipping div:nth-child(3) {
  --delay: 03;
}
.spinner-canvas .spinner-section .flipping div:nth-child(4) {
  --delay: 04;
}
.spinner-canvas .spinner-section .flipping div:nth-child(5) {
  --delay: 05;
}
.spinner-canvas .spinner-section .flipping div:nth-child(6) {
  --delay: 06;
}
.spinner-canvas .spinner-section .flipping div:nth-child(7) {
  --delay: 07;
}
.spinner-canvas .spinner-section .flipping div:nth-child(8) {
  --delay: 08;
}
.spinner-canvas .spinner-section .flipping div:nth-child(9) {
  --delay: 09;
}
@keyframes flipping-18i5bq {
  0% {
    transform: perspective(67.2px) rotateX(-90deg);
  }
  50%, 75% {
    transform: perspective(67.2px) rotateX(0);
  }
  100% {
    opacity: 0;
    transform: perspective(67.2px) rotateX(0);
  }
}
.spinner-canvas .spinner-section .colorful {
  width: 44.8px;
  height: 44.8px;
  border-radius: 50%;
  margin-top: -33.6px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  transform-origin: 50% 116.5%;
  animation: colorful-253w2v 1.6s infinite linear;
}
.spinner-canvas .spinner-section .colorful:before {
  content: "";
  min-width: 233%;
  height: 233%;
  background: radial-gradient(farthest-side, #038303 90%, rgba(0, 0, 0, 0)) top, radial-gradient(farthest-side, #4eab18 90%, rgba(0, 0, 0, 0)) left, radial-gradient(farthest-side, #92d12c 90%, rgba(0, 0, 0, 0)) bottom, radial-gradient(farthest-side, #cdfb13 90%, rgba(0, 0, 0, 0)) right;
  background-size: 43% 43%;
  background-repeat: no-repeat;
  animation: inherit;
  animation-direction: reverse;
}
@keyframes colorful-253w2v {
  100% {
    transform: rotate(360deg);
  }
}
.spinner-canvas .spinner-section .button-spinner {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #ffffff 94%, rgba(0, 0, 0, 0)) top/3.8px 3.8px no-repeat, conic-gradient(rgba(0, 0, 0, 0) 30%, #ffffff);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 3.8px), #000 0);
  animation: button-spinner-c7wet2 1s infinite linear;
}
@keyframes button-spinner-c7wet2 {
  100% {
    transform: rotate(1turn);
  }
}

/* Disable Scrollbars */
.disable-scrollbars {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}
.disable-scrollbars::-webkit-scrollbar {
  background: transparent; /* Chrome/Safari/Webkit */
  width: 0px;
}

/* Z-index */
.z-1000 {
  z-index: 1000 !important;
}

.z-1001 {
  z-index: 1001 !important;
}

.z-1002 {
  z-index: 1002 !important;
}

.z-1003 {
  z-index: 1003 !important;
}

.z-1004 {
  z-index: 1004 !important;
}

/* Overlay */
.overlay-canvas {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1002;
}
.overlay-canvas.table {
  position: absolute !important;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.overlay-canvas .overlay {
  height: inherit;
  color: var(--black-50);
  transition: 0.3s ease all;
}
.overlay-canvas .overlay.white {
  background-color: rgba(255, 255, 255, 0.8);
}
.overlay-canvas .text-section {
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Dropdown Custom */
.dropdown-section.is-invalid {
  border: none;
}
.dropdown-section.is-invalid .dropdown .select2 .select2-selection {
  border-color: var(--red) !important;
}

.dropdown.is-invalid {
  border: none;
}
.dropdown.is-invalid .select2 .select2-selection {
  border-color: var(--red) !important;
}
.dropdown .custom {
  position: relative;
  z-index: 1001;
}
.dropdown .custom .list-item-section {
  position: absolute;
  background-color: var(--white);
  max-height: calc(20rem - 50px);
  overflow-y: scroll;
  width: 100%;
  border: 1px solid var(--gray-25);
  z-index: 1004;
}
.dropdown .custom .list-item-section ul {
  list-style: none;
}
.dropdown .custom .list-item-section ul li.list-item {
  display: flex;
  align-items: center;
  height: calc(1.5em + 1rem + 5px);
  border-top: none;
}
.dropdown .custom .list-item-section ul li.list-item a {
  color: var(--black-25);
  text-decoration: none;
  padding: 0.75rem 0.75rem 0.5rem;
  width: 100%;
  transition: 0.1s ease all;
}
.dropdown .custom .list-item-section ul li.list-item a:hover {
  color: var(--white);
  background-color: var(--green-50);
}

/* Weights */
.fw-regular {
  font-weight: 400 !important;
}

.fw-semi {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

/* Links */
a.link {
  color: var(--green-50);
  transition: 0.3s;
}

a.link:hover {
  color: var(--green-100);
}

a.link.link-black {
  color: var(--black-25);
}

a.link.link-gray-100 {
  color: var(--gray-100);
}

a.link.link-red {
  color: var(--red);
}

a.link.link-red:hover {
  color: var(--red-100);
}

a.link.link-blue {
  color: var(--blue);
}

a.link.link-blue:hover {
  color: var(--blue-100);
}

a[disabled] {
  pointer-events: none;
}
a[disabled].btn {
  background-color: var(--gray-50) !important;
  color: var(--white) !important;
}

/* Accordions */
.accordion-button span {
  transition: 0.2s ease all;
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23038303'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
}
.accordion-button:not(.collapsed) {
  font-weight: 600;
  color: var(--black-100);
  background-color: var(--white);
}
.accordion-button:not(.collapsed) ::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23038303'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
}

/* .accordion-button {
    &::after {
        border: solid var(--green-100);
        border-width: 0 2px 2px 0;
        display: inline-block;
        transform: rotate(45deg);
        background-image: none;
        width: 10px;
        height: 10px;
        transform-origin: 40% 45%;
    }

    &:not(.collapsed) {
        &::after {
            background-image: none;
            transform: rotate(-135deg);
        }
    }
} */
/* BG Sidebar */
ul.sidebar {
  position: relative;
}

ul.sidebar .sidebar-heading {
  color: var(--white);
  z-index: 1;
}

/* Top Bar */
nav.topbar {
  overflow: hidden;
  z-index: 1;
}

nav.topbar #topbar-brand-text {
  font-size: 26px;
  color: var(--black-50);
  z-index: 1;
}

nav.topbar section#account-section > .profile-image-wrapper {
  overflow: hidden;
  width: 30px;
  border-radius: 50px;
}

nav.topbar section#account-section > .profile-image-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

nav.topbar section#topbar-brand-image {
  position: absolute;
  width: 120px;
  left: -25px;
  filter: opacity(0.5);
}

nav.topbar section#topbar-brand-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Sidebar */
.sidebar .nav-item .nav-link {
  color: var(--white) !important;
  justify-content: space-between;
  align-items: center;
}
.sidebar .nav-item.active .nav-link {
  margin: 0.5rem auto;
  width: 12rem;
  border-radius: 5px;
  font-weight: normal !important;
  background-color: var(--green-150);
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item {
  color: var(--white) !important;
  border-radius: 0px 6px 6px 0px !important;
  padding: 0.75rem 1rem !important;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
  font-weight: normal !important;
  padding-left: 0.75rem !important;
  color: var(--white) !important;
}

.sidebar .nav-item .collapse .collapse-inner .collapse-item:hover,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item:hover {
  transition: 0.3s;
}

/* Sidebar Green */
.sidebar.sidebar-green hr.sidebar-divider {
  background-color: var(--green-150);
}

.sidebar.sidebar-green li.nav-item .collapse a.collapse-item:hover {
  color: var(--green-150) !important;
}

.sidebar.sidebar-green .nav-item .collapse .collapse-inner .collapse-item.active,
.sidebar .nav-item .collapsing .collapse-inner .collapse-item.active {
  border-left: 5px solid var(--yellow);
}

/* Login, Register */
.login-canvas .system-description-canvas {
  font-size: 20px;
}
.login-canvas .system-description-canvas .university-section .image-wrapper {
  overflow: hidden;
  height: 5rem;
}
.login-canvas .system-description-canvas .university-section .image-wrapper img {
  border: 5px solid white;
  border-radius: 50%;
}
.login-canvas .system-description-canvas .title-section h1 {
  font-size: 2.8vw;
  line-height: 5rem;
}

/* Backgrounds */
.bg-white-50 {
  background-color: var(--white-50) !important;
}

.bg-green-50 {
  background-color: var(--green-50) !important;
}

.bg-green-100 {
  background-color: var(--green-100) !important;
}

.bg-green-150 {
  background-color: var(--green-150) !important;
}

.bg-black-50 {
  background-color: var(--black-50) !important;
}

.bg-black-100 {
  background-color: var(--black-100) !important;
}

.bg-yellowgreen-grad {
  background: rgb(255, 216, 0);
  background: linear-gradient(0deg, rgb(255, 216, 0) 0%, rgb(3, 131, 3) 100%);
}

.bg-yellowgreen-grad-145-dg {
  background: rgb(255, 216, 0);
  background: linear-gradient(145deg, rgb(255, 216, 0) 0%, rgb(3, 131, 3) 100%);
}

/* Tables */
.dataTables_scroll {
  margin-bottom: 1.5rem;
}

.table.generic-table {
  color: var(--black-50);
}

table.generic-table {
  font-size: 0.95rem;
}
table.generic-table thead tr th {
  border: 1px solid var(--gray) !important;
  white-space: nowrap !important;
  text-transform: uppercase;
  border-top-width: 0 !important;
}
table.generic-table tr td.smaller {
  font-size: 0.65rem;
}
table.generic-table tr td .action-section.small .btn {
  width: 13rem;
  font-size: 0.875rem;
}
table.generic-table tr td.check-box {
  vertical-align: middle;
}
table.generic-table tr:last-child td {
  border-bottom: none !important;
}
table.generic-table#admissions-graduate td.teaching-experience .agency {
  width: 35rem;
  word-break: break-word;
  white-space: normal;
}
table.generic-table.td-nowrap td {
  white-space: nowrap !important;
}

.dt-container label {
  color: var(--black-25) !important;
}

/* Tables - Department Heads - Schedule Plot */
table#schedule-plot-table tr {
  border: none !important;
}
table#schedule-plot-table tr td.time-label {
  height: 100%;
  vertical-align: middle;
  border-bottom: 1px solid var(--gray-50) !important;
  padding: 0;
}
table#schedule-plot-table tr td.time-label.generated .wrapper {
  height: 35px;
}
table#schedule-plot-table tr td.time-label .wrapper {
  height: 3rem;
}
table#schedule-plot-table tr td.time-label .wrapper div {
  height: 100%;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
table#schedule-plot-table tr td.time-label .wrapper div:first-child {
  border-right: 1px solid var(--gray-50);
}
table#schedule-plot-table tr td.time {
  color: var(--black-20);
  background-color: var(--white);
}
table#schedule-plot-table tr td.time.active.top {
  border-top: 2px solid var(--gray-50) !important;
}
table#schedule-plot-table tr td.time.active.bottom {
  border-bottom: 2px solid var(--gray-50) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_7-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_7-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_8-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_8-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_9-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_9-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_10-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_10-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_11-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_11-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_12-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_12-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_13-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_13-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_14-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_14-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_15-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_15-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_16-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_16-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_17-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_17-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_18-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_18-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_19-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_mon.time_start_19-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_7-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_7-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_8-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_8-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_9-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_9-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_10-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_10-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_11-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_11-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_12-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_12-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_13-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_13-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_14-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_14-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_15-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_15-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_16-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_16-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_17-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_17-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_18-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_18-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_19-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_tue.time_start_19-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_7-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_7-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_8-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_8-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_9-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_9-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_10-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_10-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_11-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_11-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_12-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_12-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_13-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_13-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_14-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_14-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_15-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_15-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_16-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_16-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_17-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_17-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_18-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_18-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_19-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_wed.time_start_19-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_7-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_7-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_8-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_8-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_9-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_9-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_10-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_10-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_11-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_11-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_12-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_12-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_13-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_13-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_14-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_14-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_15-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_15-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_16-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_16-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_17-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_17-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_18-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_18-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_19-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_thu.time_start_19-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_7-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_7-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_8-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_8-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_9-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_9-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_10-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_10-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_11-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_11-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_12-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_12-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_13-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_13-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_14-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_14-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_15-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_15-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_16-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_16-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_17-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_17-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_18-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_18-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_19-00.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}
table#schedule-plot-table tr td.time.day_fri.time_start_19-50.active {
  border-bottom: 1px solid var(--gray-25);
  border-left: 2px solid var(--gray-50) !important;
  border-right: 2px solid var(--gray-50) !important;
  background-color: var(--gray-25) !important;
}

/* Tracking Status */
.tracking-section table#admissions-graduate tr:nth-child(2) td {
  font-size: 1.25rem;
  font-weight: 600;
  color: var(--green-100);
}

/* Pagination */
.page-item .page-link {
  color: var(--black-50);
}
.page-item .page-link:hover {
  color: var(--green-100);
}

.page-item.active .page-link {
  background-color: var(--green-100) !important;
  border-color: var(--green-100) !important;
  pointer-events: none;
}

/* Horizontal Dividers */
hr.gray-100 {
  border-top: 1px solid var(--gray-100) !important;
}

/* Breadcrumb */
.nav-breadcrumb h2 a {
  color: var(--gray-150);
  text-decoration: none;
  transition: 0.3s ease all;
}
.nav-breadcrumb h2 a:hover {
  color: var(--green-50);
}

/* Buttons */
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--white) !important;
  padding: 0.5rem 1rem !important;
  transition: 0.2s ease all !important;
  border: none !important;
}
.btn.small {
  font-size: 0.875rem;
}
.btn:focus {
  box-shadow: none !important;
}
.btn:active {
  transform: translateY(3px);
}
.btn.btn-default {
  background-color: var(--green-50);
}
.btn.btn-default.no-fill {
  color: var(--green-100) !important;
  background-color: var(--white) !important;
  border: 1px solid var(--green-100) !important;
}
.btn.btn-default.no-fill:hover {
  color: var(--white) !important;
}
.btn.btn-default.no-fill.disabled {
  color: var(--gray-100) !important;
  border: 1px solid var(--gray-100) !important;
}
.btn.btn-default:hover {
  background-color: var(--green-100) !important;
}
.btn.btn-white {
  color: var(--green-100) !important;
  background-color: var(--white) !important;
}
.btn.btn-white:hover {
  background-color: var(--white-50) !important;
}
.btn.btn-orange {
  background-color: var(--orange-100) !important;
}
.btn.btn-orange:hover {
  background-color: var(--orange-150) !important;
}
.btn.btn-logout {
  padding: 5px 15px 4px !important;
  font-size: 0.875rem !important;
}
.btn.btn-logout:hover {
  background-color: var(--red-100) !important;
}
.btn.btn-logout {
  height: auto;
  width: auto;
}
.btn.disabled {
  background-color: var(--gray-100) !important;
}

/* Text Buttons */
.btn-text {
  text-decoration: none !important;
  cursor: pointer;
}

.btn-text.btn-danger:not(:disabled):not(.disabled):active {
  color: var(--red-100) !important;
}

.btn-text.btn-danger {
  color: var(--red);
  background: none !important;
}

.btn-text.btn-danger:hover {
  color: var(--red-100);
}

/* Texts */
.text-default {
  color: var(--green-100) !important;
}

.text-gray-50 {
  color: var(--gray-50);
}

.text-black-25 {
  color: var(--black-25);
}

.text-green-100 {
  color: var(--green-100);
}

.text-orange-100 {
  color: var(--orange-100);
}

/* Date Range */
.datepicker {
  z-index: 1001 !important;
}

.datepicker td,
th {
  text-align: center;
  padding: 8px 12px;
  font-size: 14px;
}

/* Forms */
form label {
  color: var(--black-25);
}
form label.required {
  display: flex;
  align-items: center;
}
form label.required:after {
  content: "*";
  font-size: 25px;
  margin-left: 0.25rem;
  color: var(--red);
  transform: translateY(-18px);
  height: 0;
}
form .form-check {
  display: flex;
  align-items: center;
}
form input[type=text] {
  border: 1px solid var(--gray-25);
}
form input[type=radio] {
  margin-top: 0;
}
form input[type=radio]:checked {
  background-color: var(--green-50);
  border-color: var(--green-50);
}
form input[type=checkbox] {
  margin-top: 0;
}
form input[type=checkbox]:checked {
  background-color: var(--green-50) !important;
  border-color: var(--green-50) !important;
}
form select {
  border: 1px solid var(--gray-25);
}
form .input-group-text {
  color: var(--black-20) !important;
}

/* Width */
.w-limiter {
  /* max-width: 2560px; */
  max-width: 1920px;
}

.w-set {
  width: 100%;
}

.w-10 {
  width: 10% !important;
}

.w-15 {
  width: 15% !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-30 {
  width: 30% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-45 {
  width: 45% !important;
}

.w-50 {
  width: 50% !important;
}

.w-55 {
  width: 55% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.w-100 {
  width: 100% !important;
}

/* DataTables */
.dataTables_scroll {
  margin-bottom: 1.5rem;
}

.table-responsive .dt-container .dt-layout-row:last-child {
  margin-bottom: 0 !important;
}
.table-responsive .dt-container .dt-layout-row tbody tr.group {
  font-weight: 600;
  color: var(--green-50);
}
.table-responsive .dt-container .dt-length select {
  border: 1px solid var(--gray-100);
  border-radius: 3px;
  padding: 5px;
  margin-right: 0.5rem;
}
.table-responsive .dt-container .dt-length label {
  font-style: italic;
  color: var(--gray-150) !important;
}
.table-responsive .dt-container .dt-search label {
  font-style: italic;
  color: var(--gray-150) !important;
}
.table-responsive .dt-container .dt-search input {
  border: 1px solid var(--gray-100);
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  color: inherit;
  margin-left: 0.5rem;
  /* icon */
  padding-left: 35px;
  background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url("/images/search-icon.svg") no-repeat 7px 7px;
  background-size: 20px;
}
.table-responsive .dt-container .dt-search input:focus-visible {
  outline: 2px solid var(--green-50);
  border-radius: 3px;
}
.table-responsive .dt-container .dt-layout-table {
  margin-top: 1.5rem;
}
.table-responsive .dt-container .dt-paging nav {
  /* pagination fix (showing page 1 only) */
  padding: 0.5rem 0 !important;
}
.table-responsive .dt-container .dt-paging nav .dt-paging-button {
  border: none !important;
  border-radius: 5px;
  transition: 0.2s;
}
.table-responsive .dt-container .dt-paging nav .dt-paging-button.current {
  font-weight: bold;
  color: var(--white) !important;
  pointer-events: none;
  opacity: 0.7;
  background: var(--green-50) !important;
}
.table-responsive .dt-container .dt-paging nav .dt-paging-button:hover {
  background: var(--green-100);
}
.table-responsive.no-view-drop .dt-container .dt-layout-row .dt-layout-end {
  margin: 0;
}
/* Toasts */
#bootstrap-show-notification-container {
  bottom: 0 !important;
  top: unset !important;
}
#bootstrap-show-notification-container .alert {
  box-shadow: none !important;
  transform: translateY(150%);
  animation: notification 0.8s forwards ease-in-out;
}

/* BS Tooltips */
.tooltip-info {
  color: var(--green-50);
  margin-left: 0.25rem;
}
.tooltip-info:hover {
  cursor: pointer;
}

.tooltip-default {
  --bs-tooltip-bg: var(--black-25);
}
.tooltip-default .tooltip-inner {
  background-color: var(--white);
  color: var(--black-25);
  border: 1px solid var(--black-25);
}

/* Select2 Custom Select */
.select2-container {
  width: 100% !important;
}
.select2-container .select2-selection--single {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  height: 38px !important;
}

.select2-dropdown {
  border: 1px solid #ced4da;
}

.select2-container--default .select2-selection--single {
  border: 1px solid var(--gray-25) !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  height: 100% !important;
  width: 40px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0 2.25rem 0 0.75rem;
  line-height: 38px !important;
}
.select2-container--default .select2-selection--single .select2-results > .select2-results__options {
  overflow-y: auto;
  max-height: 252px;
}
.select2-container--default .select2-results__option {
  color: var(--black-25);
  padding-left: 0.75rem;
}
.select2-container--default .select2-results__option--disabled {
  display: none;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--green-50) !important;
}

.select2-search--dropdown .select2-search__field {
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid #a8b2bd !important;
}

/* Progress Bar w/ Steps */
.step-header {
  position: relative;
}
.step-header .circles {
  position: inherit;
  width: 100%;
  z-index: 1001;
}
.step-header .circles ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 auto;
  text-align: center;
}
.step-header .circles ul li {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.step-header .circles ul li .step {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  width: 25px;
  height: 25px;
  background-color: var(--green-50);
  border-radius: 50px;
  padding: 20px;
  transition: 0.5s ease all;
}
.step-header .circles ul li .step.disabled {
  background-color: var(--white-25);
}
.step-header .progress {
  position: absolute;
  top: 15px;
  width: 100%;
  height: 0.5rem !important;
  z-index: 1000;
}

/* Reports */
/* Header */
#header section.univ {
  margin-bottom: -2rem;
}
#header section.univ .logo {
  width: 115px;
}
#header section.univ .logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#header section.univ .title {
  color: var(--green-100);
}
#header section.current-view .wrapper {
  height: 35px;
}
#header section.current-view .wrapper span {
  text-transform: uppercase;
  color: var(--white);
  margin: 0;
}
#header section.current-view .wrapper div {
  display: flex;
  align-items: center;
}
#header section.current-view .wrapper .type {
  background-color: var(--green-100);
  padding: 0.5rem;
  padding-left: 10rem;
}
#header section.current-view .wrapper .current {
  background-color: var(--green-50);
  padding: 0.5rem;
  padding-right: 10rem;
}

/* Custom Border */
.brdr-right {
  position: relative;
  padding-right: 20px;
}

.brdr-right::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 90%;
  width: 1px;
  background-color: var(--gray);
}

/* Table */
table#schedule-plot-table tr:last-child {
  border-bottom: 1px solid var(--gray-50) !important;
}
table#schedule-plot-table th {
  border: 1px solid var(--gray-50) !important;
  padding: 5px !important;
}
table#schedule-plot-table td:not(.active) {
  text-align: center;
  border-top: none !important;
  border-bottom: none !important;
  border-left: 1px solid var(--gray-50) !important;
  border-right: 1px solid var(--gray-50) !important;
}/*# sourceMappingURL=style.css.map */