@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
*,
html,
body {
  font-family: "Barlow", sans-serif !important;
}

@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/fonts/Barlow-Thin.ttf);
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/fonts/Barlow-ExtraLight.ttf);
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/Barlow-Light.ttf);
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/Barlow-Regular.ttf);
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/Barlow-Medium.ttf);
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/Barlow-SemiBold.ttf);
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/Barlow-Bold.ttf);
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/Barlow-ExtraBold.ttf);
}
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts/Barlow-Black.ttf);
}
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(/fonts/Barlow-ThinItalic.ttf);
}
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/fonts/Barlow-ExtraLightItalic.ttf);
}
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/Barlow-LightItalic.ttf);
}
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/Barlow-Italic.ttf);
}
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/Barlow-MediumItalic.ttf);
}
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/Barlow-SemiBoldItalic.ttf);
}
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/Barlow-BoldItalic.ttf);
}
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/Barlow-ExtraBoldItalic.ttf);
}
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts/Barlow-BlackItalic.ttf);
}
.rainbow {
  position: relative;
}
.rainbow::before {
  content: "";
  width: 100%;
  height: 10px;
  display: block;
  left: 0px;
  top: 0px;
  position: absolute;
  background: linear-gradient(to right, #324086, #324086 16.67%, #7cc8ca 16.67%, #7cc8ca 33.34%, #fabb5b 33.34%, #fabb5b 50.01%, #f49c5d 50.01%, #f49c5d 66.68%, #d81b62 66.68%, #d81b62 83.35%, #a22662 83.35%, #a22662);
}

header.header_height {
  height: 270px;
}
header.height_default_bg {
  background-color: #394998;
}

.container_position {
  position: relative;
  z-index: 150;
  margin-top: -80px;
}

.custom_container {
  width: 80%;
  background-color: white;
  border-radius: 5px;
  min-height: 610px;
}

.custom_container_variant {
  width: 80%;
  border-radius: 5px;
}

.custom_form_container {
  width: 40%;
}

@media (max-width: 575.98px) {
  .custom_container {
    width: 95%;
  }
  .custom_container_variant {
    width: 95%;
  }
  .custom_form_container {
    width: 90%;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .custom_container {
    width: 90%;
  }
  .custom_container_variant {
    width: 90%;
  }
  .custom_form_container {
    width: 90%;
  }
}
@media (min-width: 768px) and (max-width: 961px) {
  .custom_form_container {
    width: 70%;
  }
}
@media (min-width: 962px) and (max-width: 992px) {
  .custom_form_container {
    width: 60%;
  }
}
@media (min-width: 993px) and (max-width: 1264px) {
  .custom_form_container {
    width: 60%;
  }
}
@media (min-width: 1265px) and (max-width: 1665px) {
  .custom_form_container {
    width: 60%;
  }
}
.custom_text_blue {
  color: #394998 !important;
}

.custom_text_caption {
  color: #737E86 !important;
}

.custom_btn_blue {
  background-color: #394998 !important;
  color: white !important;
  width: 160px;
  height: 45px !important;
  font-size: 17px !important;
}

.blue_btn {
  background-color: #394998 !important;
  color: white !important;
}

.blue_btn_text {
  color: #394998 !important;
}

.v-btn {
  text-transform: none !important;
}

.custom_h1 {
  font-size: 3rem;
}

.custom_h2 {
  font-size: 1.7em;
}

@media (max-width: 575.98px) {
  .custom_h1 {
    font-size: 2.3rem;
  }
  .custom_h2 {
    font-size: 1.5em;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .custom_h1 {
    font-size: 2.8rem;
  }
}
.custom_bg_blue {
  background: #394998 !important;
}

.custom_bg_light_blue {
  background: #394998 !important;
}

.custom_bg_light_grey {
  background: #EEEEEE !important;
}

nav {
  overflow-y: scroll;
}

.custom_nav {
  position: relative;
  padding: 10px 5px 5px 5px;
  border-radius: 0px 0px 6px 6px;
  flex-shrink: 0;
  cursor: pointer;
}
.custom_nav span,
.custom_nav i {
  color: white !important;
  font-weight: 500 !important;
}
.custom_nav.active {
  color: #394998 !important;
  background: #fff;
}
.custom_nav.active span,
.custom_nav.active i {
  color: #394998 !important;
}
.custom_nav:hover {
  background: #fff;
}
.custom_nav:hover span,
.custom_nav:hover i {
  color: #394998 !important;
}

.custom_hover:hover {
  opacity: 0.8;
  background: #394998 !important;
  color: white !important;
}

.selected_side_menu {
  border-radius: 5px;
  border: 1px solid #d67c3d;
  background-color: transparent !important;
  color: #d67c3d !important;
}
.selected_side_menu::before {
  opacity: 0 !important;
}

.custom_card {
  overflow: hidden;
}
.custom_card .custom_card_container {
  height: 230px;
  overflow-y: scroll;
}
.custom_card .custom_w250 {
  width: 250px;
}

*,
html,
body {
  font-family: "Barlow", sans-serif !important;
}

footer,
main {
  background-color: #F0F4F6 !important;
}

footer a {
  width: 38px;
}
footer a img {
  height: 20px;
  padding: 2px;
  filter: brightness(0) invert(1);
}

.search {
  max-width: 350px;
}

.workspace {
  max-height: 690px;
  overflow-y: scroll;
}

.pointer {
  cursor: pointer;
}

.v-list-item {
  min-height: 30px !important;
}

.v-expansion-panel--active > .v-expansion-panel-header {
  min-height: 30px !important;
}

.v-divider {
  border-top: 0.4px solid #15267A !important;
}