/* ========================================
   Base Login Slider & Form Styles
   ======================================== */
.loginsliderDiv .carousel-caption {
  right: 25%;
  left: 10%;
  padding: 1.15rem;
  border-radius: 1rem 1rem 0 1rem;
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
}
.loginsliderDiv .carousel .carousel-caption p {
  font-size: 14px;
}
.loginsliderDiv .carousel-img img {
  object-fit: cover;
}

.loginsigninDiv #abulogo {
  width: 100px;
}
.loginsigninDiv .login-logo {
  width: 185px;
  height: 100px;
  margin-right: 3px;
}
.loginsigninDiv .login-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  .loginsliderDiv .carousel-img img {
    object-fit: fill;
  }
}
/* ========================================
   Theme System - Image Filters
   ======================================== */
.theme-white .top-bg-img img, .theme-white .bg-svg {
  filter: invert(41%) sepia(41%) saturate(2749%) hue-rotate(217deg) brightness(102%) contrast(87%);
}

.theme-cyan .top-bg-img img, .theme-cyan .bg-svg {
  filter: invert(68%) sepia(86%) saturate(339%) hue-rotate(117deg) brightness(89%) contrast(84%);
}

.theme-black .top-bg-img img, .theme-black .bg-svg {
  filter: invert(21%) sepia(7%) saturate(1587%) hue-rotate(179deg) brightness(93%) contrast(87%);
}

.theme-purple .top-bg-img img, .theme-purple .bg-svg {
  filter: invert(40%) sepia(33%) saturate(994%) hue-rotate(195deg) brightness(92%) contrast(91%);
}

.theme-orange .top-bg-img img, .theme-orange .bg-svg {
  filter: invert(79%) sepia(31%) saturate(5011%) hue-rotate(344deg) brightness(100%) contrast(104%);
}

.theme-green .top-bg-img img, .theme-green .bg-svg {
  filter: invert(74%) sepia(11%) saturate(2490%) hue-rotate(92deg) brightness(82%) contrast(102%);
}

.theme-red .top-bg-img img, .theme-red .bg-svg {
  filter: invert(40%) sepia(87%) saturate(745%) hue-rotate(318deg) brightness(95%) contrast(93%);
}

.theme-light-blue .top-bg-img img, .theme-light-blue .bg-svg {
  filter: invert(84%) sepia(15%) saturate(727%) hue-rotate(179deg) brightness(102%) contrast(102%);
}

/* ========================================
   Theme System - Student Login Themes
   ======================================== */
body.student-login {
  /* Theme: White (Blue) */
  /* Theme: Cyan */
  /* Theme: Black */
  /* Theme: Purple */
  /* Theme: Orange */
  /* Theme: Green */
  /* Theme: Red */
  /* Theme: Light Blue */
  /* Theme: Dark Green */
  /* Theme: International Red */
  /* Theme: Gold */
  /* Theme: Harvard Red */
  /* Theme: Primary (Default Red - Fallback) */
}
body.student-login.theme-white .loginsigninDiv .btn-primary,
body.student-login.theme-white .loginsigninDiv .btn-primary.disabled,
body.student-login.theme-white .loginsigninDiv .btn-info,
body.student-login.theme-white .loginsigninDiv .btn-info.disabled {
  background-color: #6777ef !important;
  border-color: #6777ef !important;
  color: #fff !important;
  box-shadow: 0 2px 6px #acb5f6 !important;
}
body.student-login.theme-white .loginsigninDiv .btn-primary:hover,
body.student-login.theme-white .loginsigninDiv .btn-primary.disabled:hover,
body.student-login.theme-white .loginsigninDiv .btn-info:hover,
body.student-login.theme-white .loginsigninDiv .btn-info.disabled:hover {
  background-color: #4f5ece !important;
  border-color: #4f5ece !important;
  color: #fff !important;
}
body.student-login.theme-white .loginsigninDiv a {
  color: #6777ef !important;
}
body.student-login.theme-white .loginsigninDiv .text-primary {
  color: #6777ef !important;
}
body.student-login.theme-white .loginsigninDiv .card.card-primary {
  border-top: 2px solid #6777ef !important;
}
body.student-login.theme-white .loginsliderDiv .carousel-caption {
  background: rgba(103, 119, 239, 0.9019607843) !important;
  box-shadow: 4px 5px 5px 0px #6777ef inset !important;
}
body.student-login.theme-cyan .loginsigninDiv .btn-primary,
body.student-login.theme-cyan .loginsigninDiv .btn-primary.disabled,
body.student-login.theme-cyan .loginsigninDiv .btn-info,
body.student-login.theme-cyan .loginsigninDiv .btn-info.disabled {
  background-color: #3dc9b3 !important;
  border-color: #3dc9b3 !important;
  color: #fff !important;
  box-shadow: 0 2px 6px rgba(61, 201, 179, 0.5294117647) !important;
}
body.student-login.theme-cyan .loginsigninDiv .btn-primary:hover,
body.student-login.theme-cyan .loginsigninDiv .btn-primary.disabled:hover,
body.student-login.theme-cyan .loginsigninDiv .btn-info:hover,
body.student-login.theme-cyan .loginsigninDiv .btn-info.disabled:hover {
  background-color: #2bad98 !important;
  border-color: #2bad98 !important;
  color: #fff !important;
}
body.student-login.theme-cyan .loginsigninDiv a {
  color: #3dc9b3 !important;
}
body.student-login.theme-cyan .loginsigninDiv .text-primary {
  color: #3dc9b3 !important;
}
body.student-login.theme-cyan .loginsigninDiv .card.card-primary {
  border-top: 2px solid #3dc9b3 !important;
}
body.student-login.theme-cyan .loginsliderDiv .carousel-caption {
  background: rgba(61, 199, 190, 0.9019607843) !important;
  box-shadow: 4px 5px 5px 0px #3dc7be inset !important;
}
body.student-login.theme-black .loginsigninDiv .btn-primary,
body.student-login.theme-black .loginsigninDiv .btn-primary.disabled,
body.student-login.theme-black .loginsigninDiv .btn-info,
body.student-login.theme-black .loginsigninDiv .btn-info.disabled {
  background-color: #353c48 !important;
  border-color: #353c48 !important;
  color: #fff !important;
  box-shadow: 0 2px 6px rgba(53, 60, 72, 0.5294117647) !important;
}
body.student-login.theme-black .loginsigninDiv .btn-primary:hover,
body.student-login.theme-black .loginsigninDiv .btn-primary.disabled:hover,
body.student-login.theme-black .loginsigninDiv .btn-info:hover,
body.student-login.theme-black .loginsigninDiv .btn-info.disabled:hover {
  background-color: #252c36 !important;
  border-color: #252c36 !important;
  color: #fff !important;
}
body.student-login.theme-black .loginsigninDiv a {
  color: #353c48 !important;
}
body.student-login.theme-black .loginsigninDiv .text-primary {
  color: #353c48 !important;
}
body.student-login.theme-black .loginsigninDiv .card.card-primary {
  border-top: 2px solid #353c48 !important;
}
body.student-login.theme-black .loginsliderDiv .carousel-caption {
  background: rgba(52, 58, 64, 0.9019607843) !important;
  box-shadow: 4px 5px 5px 0px #343a40 inset !important;
}
body.student-login.theme-purple .loginsigninDiv .btn-primary,
body.student-login.theme-purple .loginsigninDiv .btn-primary.disabled,
body.student-login.theme-purple .loginsigninDiv .btn-info,
body.student-login.theme-purple .loginsigninDiv .btn-info.disabled {
  background-color: #5864bd !important;
  border-color: #5864bd !important;
  color: #fff !important;
  box-shadow: 0 2px 6px rgba(88, 100, 189, 0.5294117647) !important;
}
body.student-login.theme-purple .loginsigninDiv .btn-primary:hover,
body.student-login.theme-purple .loginsigninDiv .btn-primary.disabled:hover,
body.student-login.theme-purple .loginsigninDiv .btn-info:hover,
body.student-login.theme-purple .loginsigninDiv .btn-info.disabled:hover {
  background-color: #4a549f !important;
  border-color: #4a549f !important;
  color: #fff !important;
}
body.student-login.theme-purple .loginsigninDiv a {
  color: #5864bd !important;
}
body.student-login.theme-purple .loginsigninDiv .text-primary {
  color: #5864bd !important;
}
body.student-login.theme-purple .loginsigninDiv .card.card-primary {
  border-top: 2px solid #5864bd !important;
}
body.student-login.theme-purple .loginsliderDiv .carousel-caption {
  background: rgba(103, 119, 239, 0.9019607843) !important;
  box-shadow: 4px 5px 5px 0px #6777ef inset !important;
}
body.student-login.theme-orange .loginsigninDiv .btn-primary,
body.student-login.theme-orange .loginsigninDiv .btn-primary.disabled,
body.student-login.theme-orange .loginsigninDiv .btn-info,
body.student-login.theme-orange .loginsigninDiv .btn-info.disabled {
  background-color: #ffa117 !important;
  border-color: #ffa117 !important;
  color: #fff !important;
  box-shadow: 0 2px 6px rgba(255, 161, 23, 0.5294117647) !important;
}
body.student-login.theme-orange .loginsigninDiv .btn-primary:hover,
body.student-login.theme-orange .loginsigninDiv .btn-primary.disabled:hover,
body.student-login.theme-orange .loginsigninDiv .btn-info:hover,
body.student-login.theme-orange .loginsigninDiv .btn-info.disabled:hover {
  background-color: #bb740d !important;
  border-color: #bb740d !important;
  color: #fff !important;
}
body.student-login.theme-orange .loginsigninDiv a {
  color: #ffa117 !important;
}
body.student-login.theme-orange .loginsigninDiv .text-primary {
  color: #ffa117 !important;
}
body.student-login.theme-orange .loginsigninDiv .card.card-primary {
  border-top: 2px solid #ffa117 !important;
}
body.student-login.theme-orange .loginsliderDiv .carousel-caption {
  background: rgba(255, 161, 23, 0.9019607843) !important;
  box-shadow: 4px 5px 5px 0px #ffa117 inset !important;
}
body.student-login.theme-green .loginsigninDiv .btn-primary,
body.student-login.theme-green .loginsigninDiv .btn-primary.disabled,
body.student-login.theme-green .loginsigninDiv .btn-info,
body.student-login.theme-green .loginsigninDiv .btn-info.disabled {
  background-color: #28c76f !important;
  border-color: #28c76f !important;
  color: #fff !important;
  box-shadow: 0 2px 6px rgba(40, 199, 111, 0.5294117647) !important;
}
body.student-login.theme-green .loginsigninDiv .btn-primary:hover,
body.student-login.theme-green .loginsigninDiv .btn-primary.disabled:hover,
body.student-login.theme-green .loginsigninDiv .btn-info:hover,
body.student-login.theme-green .loginsigninDiv .btn-info.disabled:hover {
  background-color: #187441 !important;
  border-color: #187441 !important;
  color: #fff !important;
}
body.student-login.theme-green .loginsigninDiv a {
  color: #28c76f !important;
}
body.student-login.theme-green .loginsigninDiv .text-primary {
  color: #28c76f !important;
}
body.student-login.theme-green .loginsigninDiv .card.card-primary {
  border-top: 2px solid #28c76f !important;
}
body.student-login.theme-green .loginsliderDiv .carousel-caption {
  background: rgba(76, 175, 79, 0.9019607843) !important;
  box-shadow: 4px 5px 5px 0px #4caf4f inset !important;
}
body.student-login.theme-red .loginsigninDiv .btn-primary,
body.student-login.theme-red .loginsigninDiv .btn-primary.disabled,
body.student-login.theme-red .loginsigninDiv .btn-info,
body.student-login.theme-red .loginsigninDiv .btn-info.disabled {
  background-color: #ea5455 !important;
  border-color: #ea5455 !important;
  color: #fff !important;
  box-shadow: 0 2px 6px rgba(234, 84, 85, 0.5294117647) !important;
}
body.student-login.theme-red .loginsigninDiv .btn-primary:hover,
body.student-login.theme-red .loginsigninDiv .btn-primary.disabled:hover,
body.student-login.theme-red .loginsigninDiv .btn-info:hover,
body.student-login.theme-red .loginsigninDiv .btn-info.disabled:hover {
  background-color: #b3393a !important;
  border-color: #b3393a !important;
  color: #fff !important;
}
body.student-login.theme-red .loginsigninDiv a {
  color: #ea5455 !important;
}
body.student-login.theme-red .loginsigninDiv .text-primary {
  color: #ea5455 !important;
}
body.student-login.theme-red .loginsigninDiv .card.card-primary {
  border-top: 2px solid #ea5455 !important;
}
body.student-login.theme-red .loginsliderDiv .carousel-caption {
  background: rgba(234, 84, 85, 0.9019607843) !important;
  box-shadow: 4px 5px 5px 0px #ea5455 inset !important;
}
body.student-login.theme-light-blue .loginsigninDiv .btn-primary,
body.student-login.theme-light-blue .loginsigninDiv .btn-primary.disabled,
body.student-login.theme-light-blue .loginsigninDiv .btn-info,
body.student-login.theme-light-blue .loginsigninDiv .btn-info.disabled {
  background-color: #C2E7FF !important;
  border-color: #C2E7FF !important;
  color: #001d35 !important;
  box-shadow: 0 2px 6px rgba(194, 231, 255, 0.5215686275) !important;
}
body.student-login.theme-light-blue .loginsigninDiv .btn-primary:hover,
body.student-login.theme-light-blue .loginsigninDiv .btn-primary.disabled:hover,
body.student-login.theme-light-blue .loginsigninDiv .btn-info:hover,
body.student-login.theme-light-blue .loginsigninDiv .btn-info.disabled:hover {
  background-color: #e2f1fb !important;
  border-color: #e2f1fb !important;
  color: #001d35 !important;
}
body.student-login.theme-light-blue .loginsigninDiv a {
  color: #C2E7FF !important;
}
body.student-login.theme-light-blue .loginsigninDiv .text-primary {
  color: #C2E7FF !important;
}
body.student-login.theme-light-blue .loginsigninDiv .card.card-primary {
  border-top: 2px solid #C2E7FF !important;
}
body.student-login.theme-light-blue .loginsliderDiv .carousel-caption {
  background: rgba(194, 231, 255, 0.9019607843) !important;
  box-shadow: 4px 5px 5px 0px #C2E7FF inset !important;
}
body.student-login.theme-dark-green .loginsigninDiv .btn-primary,
body.student-login.theme-dark-green .loginsigninDiv .btn-primary.disabled,
body.student-login.theme-dark-green .loginsigninDiv .btn-info,
body.student-login.theme-dark-green .loginsigninDiv .btn-info.disabled {
  background-color: #006934 !important;
  border-color: #006934 !important;
  color: #fff !important;
  box-shadow: 0 2px 6px rgba(0, 105, 52, 0.5294117647) !important;
}
body.student-login.theme-dark-green .loginsigninDiv .btn-primary:hover,
body.student-login.theme-dark-green .loginsigninDiv .btn-primary.disabled:hover,
body.student-login.theme-dark-green .loginsigninDiv .btn-info:hover,
body.student-login.theme-dark-green .loginsigninDiv .btn-info.disabled:hover {
  background-color: #013e1f !important;
  border-color: #013e1f !important;
  color: #fff !important;
}
body.student-login.theme-dark-green .loginsigninDiv a {
  color: #006934 !important;
}
body.student-login.theme-dark-green .loginsigninDiv .text-primary {
  color: #006934 !important;
}
body.student-login.theme-dark-green .loginsigninDiv .card.card-primary {
  border-top: 2px solid #006934 !important;
}
body.student-login.theme-dark-green .loginsliderDiv .carousel-caption {
  background: rgba(0, 105, 52, 0.9019607843) !important;
  box-shadow: 4px 5px 5px 0px #006934 inset !important;
}
body.student-login.theme-international-red .loginsigninDiv .btn-primary,
body.student-login.theme-international-red .loginsigninDiv .btn-primary.disabled,
body.student-login.theme-international-red .loginsigninDiv .btn-info,
body.student-login.theme-international-red .loginsigninDiv .btn-info.disabled {
  background-color: #8c0001 !important;
  border-color: #8c0001 !important;
  color: #fff !important;
  box-shadow: 0 2px 6px rgba(140, 0, 1, 0.5294117647) !important;
}
body.student-login.theme-international-red .loginsigninDiv .btn-primary:hover,
body.student-login.theme-international-red .loginsigninDiv .btn-primary.disabled:hover,
body.student-login.theme-international-red .loginsigninDiv .btn-info:hover,
body.student-login.theme-international-red .loginsigninDiv .btn-info.disabled:hover {
  background-color: #5c0203 !important;
  border-color: #5c0203 !important;
  color: #fff !important;
}
body.student-login.theme-international-red .loginsigninDiv a {
  color: #8c0001 !important;
}
body.student-login.theme-international-red .loginsigninDiv .text-primary {
  color: #8c0001 !important;
}
body.student-login.theme-international-red .loginsigninDiv .card.card-primary {
  border-top: 2px solid #8c0001 !important;
}
body.student-login.theme-international-red .loginsliderDiv .carousel-caption {
  background: rgba(140, 0, 1, 0.9019607843) !important;
  box-shadow: 4px 5px 5px 0px #8c0001 inset !important;
}
body.student-login.theme-gold .loginsigninDiv .btn-primary,
body.student-login.theme-gold .loginsigninDiv .btn-primary.disabled,
body.student-login.theme-gold .loginsigninDiv .btn-info,
body.student-login.theme-gold .loginsigninDiv .btn-info.disabled {
  background-color: #b38b11 !important;
  border-color: #b38b11 !important;
  color: #fff !important;
  box-shadow: 0 2px 6px rgba(179, 139, 17, 0.5294117647) !important;
}
body.student-login.theme-gold .loginsigninDiv .btn-primary:hover,
body.student-login.theme-gold .loginsigninDiv .btn-primary.disabled:hover,
body.student-login.theme-gold .loginsigninDiv .btn-info:hover,
body.student-login.theme-gold .loginsigninDiv .btn-info.disabled:hover {
  background-color: #93720d !important;
  border-color: #93720d !important;
  color: #fff !important;
}
body.student-login.theme-gold .loginsigninDiv a {
  color: #b38b11 !important;
}
body.student-login.theme-gold .loginsigninDiv .text-primary {
  color: #b38b11 !important;
}
body.student-login.theme-gold .loginsigninDiv .card.card-primary {
  border-top: 2px solid #b38b11 !important;
}
body.student-login.theme-gold .loginsliderDiv .carousel-caption {
  background: rgba(179, 139, 17, 0.9019607843) !important;
  box-shadow: 4px 5px 5px 0px #b38b11 inset !important;
}
body.student-login.theme-harvard-red .loginsigninDiv .btn-primary,
body.student-login.theme-harvard-red .loginsigninDiv .btn-primary.disabled,
body.student-login.theme-harvard-red .loginsigninDiv .btn-info,
body.student-login.theme-harvard-red .loginsigninDiv .btn-info.disabled {
  background-color: #a62d38 !important;
  border-color: #a62d38 !important;
  color: #fff !important;
  box-shadow: 0 2px 6px rgba(166, 45, 56, 0.5294117647) !important;
}
body.student-login.theme-harvard-red .loginsigninDiv .btn-primary:hover,
body.student-login.theme-harvard-red .loginsigninDiv .btn-primary.disabled:hover,
body.student-login.theme-harvard-red .loginsigninDiv .btn-info:hover,
body.student-login.theme-harvard-red .loginsigninDiv .btn-info.disabled:hover {
  background-color: #6c131b !important;
  border-color: #6c131b !important;
  color: #fff !important;
}
body.student-login.theme-harvard-red .loginsigninDiv a {
  color: #a62d38 !important;
}
body.student-login.theme-harvard-red .loginsigninDiv .text-primary {
  color: #a62d38 !important;
}
body.student-login.theme-harvard-red .loginsigninDiv .card.card-primary {
  border-top: 2px solid #a62d38 !important;
}
body.student-login.theme-harvard-red .loginsliderDiv .carousel-caption {
  background: rgba(166, 45, 56, 0.9019607843) !important;
  box-shadow: 4px 5px 5px 0px #a62d38 inset !important;
}
body.student-login.theme-primary .loginsigninDiv .btn-primary,
body.student-login.theme-primary .loginsigninDiv .btn-primary.disabled,
body.student-login.theme-primary .loginsigninDiv .btn-info,
body.student-login.theme-primary .loginsigninDiv .btn-info.disabled {
  background-color: #ee2737 !important;
  border-color: #ee2737 !important;
  color: #ffffff !important;
}
body.student-login.theme-primary .loginsigninDiv .btn-primary:hover,
body.student-login.theme-primary .loginsigninDiv .btn-primary.disabled:hover,
body.student-login.theme-primary .loginsigninDiv .btn-info:hover,
body.student-login.theme-primary .loginsigninDiv .btn-info.disabled:hover {
  background-color: #0c2340 !important;
  border-color: #0c2340 !important;
}
body.student-login.theme-primary .loginsigninDiv a {
  color: #ee2737 !important;
}
body.student-login.theme-primary .loginsigninDiv .text-primary {
  color: #ee2737 !important;
}
body.student-login.theme-primary .loginsigninDiv .card.card-primary {
  border-top: 2px solid #ee2737 !important;
}
body.student-login.theme-primary .loginsliderDiv .carousel-caption {
  background: rgba(238, 39, 55, 0.9019607843) !important;
  box-shadow: 4px 5px 5px 0px #ee2737 inset !important;
}

/* ========================================
   Default Fallback (No Theme or Unknown Theme)
   ======================================== */
body.student-login:not([class*=theme-]) .loginsigninDiv .btn-primary,
body.student-login:not([class*=theme-]) .loginsigninDiv .btn-primary.disabled,
body.student-login:not([class*=theme-]) .loginsigninDiv .btn-info,
body.student-login:not([class*=theme-]) .loginsigninDiv .btn-info.disabled,
body.student-login.theme-default .loginsigninDiv .btn-primary,
body.student-login.theme-default .loginsigninDiv .btn-primary.disabled,
body.student-login.theme-default .loginsigninDiv .btn-info,
body.student-login.theme-default .loginsigninDiv .btn-info.disabled {
  background-color: #EE2737 !important;
  border-color: #EE2737 !important;
}
body.student-login:not([class*=theme-]) .loginsigninDiv .btn-primary:hover,
body.student-login:not([class*=theme-]) .loginsigninDiv .btn-primary.disabled:hover,
body.student-login:not([class*=theme-]) .loginsigninDiv .btn-info:hover,
body.student-login:not([class*=theme-]) .loginsigninDiv .btn-info.disabled:hover,
body.student-login.theme-default .loginsigninDiv .btn-primary:hover,
body.student-login.theme-default .loginsigninDiv .btn-primary.disabled:hover,
body.student-login.theme-default .loginsigninDiv .btn-info:hover,
body.student-login.theme-default .loginsigninDiv .btn-info.disabled:hover {
  background-color: #0c2340 !important;
  border-color: #0c2340 !important;
}
body.student-login:not([class*=theme-]) .loginsigninDiv a,
body.student-login.theme-default .loginsigninDiv a {
  color: #EE2737 !important;
}
body.student-login:not([class*=theme-]) .loginsigninDiv .text-primary,
body.student-login.theme-default .loginsigninDiv .text-primary {
  color: #EE2737 !important;
}
body.student-login:not([class*=theme-]) .loginsigninDiv .card.card-primary,
body.student-login.theme-default .loginsigninDiv .card.card-primary {
  border-top: 2px solid #EE2737 !important;
}
body.student-login:not([class*=theme-]) .loginsliderDiv .carousel-caption,
body.student-login.theme-default .loginsliderDiv .carousel-caption {
  background: rgba(238, 39, 55, 0.9019607843) !important;
  box-shadow: 4px 5px 5px 0px #ee2737 inset !important;
}

.multi-institute .inst-logo-div {
  height: 70px;
  width: 70px;
}
.multi-institute .inst-logo-div img {
  object-fit: contain;
}
.multi-institute.selected-institute {
  border-color: #6777EF !important;
  background-color: #f0f3ff;
  box-shadow: 0 2px 6px rgba(103, 119, 239, 0.4392156863) !important;
}

.theme-white .multi-institute.selected-institute {
  border-color: #6777ef !important;
  background-color: #f0f3ff !important;
  box-shadow: 0 0 6px rgba(103, 119, 239, 0.4392156863) !important;
}

.theme-cyan .multi-institute.selected-institute {
  border-color: #3dc9b3 !important;
  background-color: #e9fdf9 !important;
  box-shadow: 0 0 6px rgba(61, 201, 179, 0.4392156863) !important;
}

.theme-black .multi-institute.selected-institute {
  border-color: #353c48 !important;
  background-color: #f4f4f4 !important;
  box-shadow: 0 0 6px rgba(53, 60, 72, 0.4392156863) !important;
}

.theme-purple .multi-institute.selected-institute {
  border-color: #5864bd !important;
  background-color: #f0f1ff !important;
  box-shadow: 0 0 6px rgba(88, 100, 189, 0.4392156863) !important;
}

.theme-orange .multi-institute.selected-institute {
  border-color: #ffa117 !important;
  background-color: #fff5e5 !important;
  box-shadow: 0 0 6px rgba(255, 161, 23, 0.4392156863) !important;
}

.theme-green .multi-institute.selected-institute {
  border-color: #28c76f !important;
  background-color: #e8fff2 !important;
  box-shadow: 0 0 6px rgba(40, 199, 111, 0.4392156863) !important;
}

.theme-red .multi-institute.selected-institute {
  border-color: #ea5455 !important;
  background-color: #ffeaea !important;
  box-shadow: 0 0 6px rgba(234, 84, 85, 0.4392156863) !important;
}

.theme-dark-green .multi-institute.selected-institute {
  border-color: #006934 !important;
  background-color: #e9fff0 !important;
  box-shadow: 0 0 6px rgba(0, 105, 52, 0.4392156863) !important;
}

.theme-international-red .multi-institute.selected-institute {
  border-color: #8c0001 !important;
  background-color: #fff0f0 !important;
  box-shadow: 0 0 6px rgba(140, 0, 1, 0.4392156863) !important;
}

.theme-gold .multi-institute.selected-institute {
  border-color: #b38b11 !important;
  background-color: #fff9e6 !important;
  box-shadow: 0 0 6px rgba(179, 139, 17, 0.4392156863) !important;
}

.theme-harvard-red .multi-institute.selected-institute {
  border-color: #a62d38 !important;
  background-color: #fff1f3 !important;
  box-shadow: 0 0 6px rgba(166, 45, 56, 0.4392156863) !important;
}