@font-face {
  font-family: "montserrat_light";
  src: url('/font/montserrat_light.ttf') format("truetype");
}

@font-face {
  font-family: "montserrat_medium";
  src: url('/font/montserrat_medium.ttf') format("truetype")
}

@font-face {
  font-family: "montserrat_regular";
  src: url('/font/montserrat_regular.ttf') format("truetype");
}

@font-face {
  font-family: "montserrat_semibold";
  src: url('/font/montserrat_semibold.ttf') format("truetype");
}

@font-face {
  font-family: "montserrat_bold";
  src: url('/font/montserrat_bold.ttf') format("truetype");
}

@font-face {
  font-family: "montserrat_extrabold";
  src: url('/font/montserrat_extrabold.ttf') format("truetype");
}

p {
  line-height: 0px;
  margin: 0;
}

.t-ff-l {
  font-family: "montserrat_light";
}

.t-ff-m {
  font-family: "montserrat_medium";
}

.t-ff-r {
  font-family: "montserrat_regular";
}

.t-ff-s {
  font-family: "montserrat_semibold";
}

.t-ff-b {
  font-family: "montserrat_bold";
}

.t-ff-e {
  font-family: "montserrat_extrabold";
}

.t-b1 {
  font-size: 24px;
  line-height: 100%;
}

.t-b2 {
  font-size: 22px;
  line-height: 100%;
}

.t-b3 {
  font-size: 20px;
  line-height: 100%;
}

.t-b4 {
  font-size: 18px;
  line-height: 100%;
}

.t-b5 {
  font-size: 16px;
  line-height: 100%;
}

.t-b6 {
  font-size: 14px;
  line-height: 100%;
}

.t-b7 {
  font-size: 12px;
  line-height: 100%;
}

.t-b8 {
  font-size: 10px;
  line-height: 100%;
}

.t-b9 {
  font-size: 8px;
  line-height: 100%;
}

.t-b9 {
  font-size: 6px;
  line-height: 100%;
}

.t-lh-125 {
  line-height: 125% !important;
}

.t-m-10 {margin: 40px;}.t-m-9 {margin: 36px;}.t-m-8 {margin: 32px;}.t-m-7 {margin: 28px;}.t-m-6 {margin: 24px;}.t-m-5 {margin: 20px;}.t-m-4 {margin: 16px;}.t-m-3 {margin: 12px;}.t-m-2 {margin: 08px;}.t-m-1 {margin: 04px;}
.t-mt-10 {margin-top: 40px;}.t-mt-9 {margin-top: 36px;}.t-mt-8 {margin-top: 32px;}.t-mt-7 {margin-top: 28px;}.t-mt-6 {margin-top: 24px;}.t-mt-5 {margin-top: 20px;}.t-mt-4 {margin-top: 16px;}.t-mt-3 {margin-top: 12px;}.t-mt-2 {margin-top: 08px;}.t-mt-1 {margin-top: 04px;}
.t-ml-10 {margin-left: 40px;}.t-ml-9 {margin-left: 36px;}.t-ml-8 {margin-left: 32px;}.t-ml-7 {margin-left: 28px;}.t-ml-6 {margin-left: 24px;}.t-ml-5 {margin-left: 20px;}.t-ml-4 {margin-left: 16px;}.t-ml-3 {margin-left: 12px;}.t-ml-2 {margin-left: 08px;}.t-ml-1 {margin-left: 04px;}
.t-mb-10 {margin-bottom: 40px;}.t-mb-9 {margin-bottom: 36px;}.t-mb-8 {margin-bottom: 32px;}.t-mb-7 {margin-bottom: 28px;}.t-mb-6 {margin-bottom: 24px;}.t-mb-5 {margin-bottom: 20px;}.t-mb-4 {margin-bottom: 16px;}.t-mb-3 {margin-bottom: 12px;}.t-mb-2 {margin-bottom: 08px;}.t-mb-1 {margin-bottom: 04px;}
.t-mr-10 {margin-right: 40px;}.t-mr-9 {margin-right: 36px;}.t-mr-8 {margin-right: 32px;}.t-mr-7 {margin-right: 28px;}.t-mr-6 {margin-right: 24px;}.t-mr-5 {margin-right: 20px;}.t-mr-4 {margin-right: 16px;}.t-mr-3 {margin-right: 12px;}.t-mr-2 {margin-right: 08px;}.t-mr-1 {margin-right: 04px;}
.t-mx-10 {margin-left: 40px; margin-right: 40px;}.t-mx-9 {margin-left: 36px; margin-right: 36px;}.t-mx-8 {margin-left: 32px; margin-right: 32px;}.t-mx-7 {margin-left: 28px; margin-right: 28px;}.t-mx-6 {margin-left: 24px; margin-right: 24px;}.t-mx-5 {margin-left: 20px; margin-right: 20px;}.t-mx-4 {margin-left: 16px; margin-right: 16px;}.t-mx-3 {margin-left: 12px; margin-right: 12px;}.t-mx-2 {margin-left: 08px; margin-right: 08px;}.t-mx-1 {margin-left: 04px; margin-right: 04px;}
.t-my-10 {margin-top: 40px; margin-bottom: 40px;}.t-my-9 {margin-top: 36px; margin-bottom: 36px;}.t-my-8 {margin-top: 32px; margin-bottom: 32px;}.t-my-7 {margin-top: 28px; margin-bottom: 28px;}.t-my-6 {margin-top: 24px; margin-bottom: 24px;}.t-my-5 {margin-top: 20px; margin-bottom: 20px;}.t-my-4 {margin-top: 16px; margin-bottom: 16px;}.t-my-3 {margin-top: 12px; margin-bottom: 12px;}.t-my-2 {margin-top: 08px; margin-bottom: 08px;}.t-my-1 {margin-top: 04px; margin-bottom: 04px;}

.t-p-10 {padding: 40px;}.t-p-9 {padding: 36px;}.t-p-8 {padding: 32px;}.t-p-7 {padding: 28px;}.t-p-6 {padding: 24px;}.t-p-5 {padding: 20px;}.t-p-4 {padding: 16px;}.t-p-3 {padding: 12px;}.t-p-2 {padding: 08px;}.t-p-1 {padding: 04px;}
.t-pt-10 {padding-top: 40px;}.t-pt-9 {padding-top: 36px;}.t-pt-8 {padding-top: 32px;}.t-pt-7 {padding-top: 28px;}.t-pt-6 {padding-top: 24px;}.t-pt-5 {padding-top: 20px;}.t-pt-4 {padding-top: 16px;}.t-pt-3 {padding-top: 12px;}.t-pt-2 {padding-top: 08px;}.t-pt-1 {padding-top: 04px;}
.t-pl-10 {padding-left: 40px;}.t-pl-9 {padding-left: 36px;}.t-pl-8 {padding-left: 32px;}.t-pl-7 {padding-left: 28px;}.t-pl-6 {padding-left: 24px;}.t-pl-5 {padding-left: 20px;}.t-pl-4 {padding-left: 16px;}.t-pl-3 {padding-left: 12px;}.t-pl-2 {padding-left: 08px;}.t-pl-1 {padding-left: 04px;}
.t-pb-10 {padding-bottom: 40px;}.t-pb-9 {padding-bottom: 36px;}.t-pb-8 {padding-bottom: 32px;}.t-pb-7 {padding-bottom: 28px;}.t-pb-6 {padding-bottom: 24px;}.t-pb-5 {padding-bottom: 20px;}.t-pb-4 {padding-bottom: 16px;}.t-pb-3 {padding-bottom: 12px;}.t-pb-2 {padding-bottom: 08px;}.t-pb-1 {padding-bottom: 04px;}
.t-pr-10 {padding-right: 40px;}.t-pr-9 {padding-right: 36px;}.t-pr-8 {padding-right: 32px;}.t-pr-7 {padding-right: 28px;}.t-pr-6 {padding-right: 24px;}.t-pr-5 {padding-right: 20px;}.t-pr-4 {padding-right: 16px;}.t-pr-3 {padding-right: 12px;}.t-pr-2 {padding-right: 08px;}.t-pr-1 {padding-right: 04px;}
.t-px-10 {padding-left: 40px; padding-right: 40px;}.t-px-9 {padding-left: 36px; padding-right: 36px;}.t-px-8 {padding-left: 32px; padding-right: 32px;}.t-px-7 {padding-left: 28px; padding-right: 28px;}.t-px-6 {padding-left: 24px; padding-right: 24px;}.t-px-5 {padding-left: 20px; padding-right: 20px;}.t-px-4 {padding-left: 16px; padding-right: 16px;}.t-px-3 {padding-left: 12px; padding-right: 12px;}.t-px-2 {padding-left: 08px; padding-right: 08px;}.t-px-1 {padding-left: 04px; padding-right: 04px;}
.t-py-10 {padding-top: 40px; padding-bottom: 40px;}.t-py-9 {padding-top: 36px; padding-bottom: 36px;}.t-py-8 {padding-top: 32px; padding-bottom: 32px;}.t-py-7 {padding-top: 28px; padding-bottom: 28px;}.t-py-6 {padding-top: 24px; padding-bottom: 24px;}.t-py-5 {padding-top: 20px; padding-bottom: 20px;}.t-py-4 {padding-top: 16px; padding-bottom: 16px;}.t-py-3 {padding-top: 12px; padding-bottom: 12px;}.t-py-2 {padding-top: 08px; padding-bottom: 08px;}.t-py-1 {padding-top: 04px; padding-bottom: 04px;}

.flex-break {
  flex-basis: 100%;
  height: 0;
}

.t-tx-prm {
  color: rgba(24,72,153,1);
}

.t-tx-dark {
  color: rgba(0, 0, 0, 0.7) !important;
}

.t-tx-med-dark {
  color: rgba(0, 0, 0, 0.6) !important;
}

.t-tx-med {
  color: rgba(0, 0, 0, 0.5) !important;
}

.t-tx-light {
  color: rgba(0, 0, 0, 0.2) !important;
}

.t-tx-white {
  color: #FFFFFF !important;
}

.t-tx-white {
  color: #FFFFFF !important;
}

.t-bg-prm {
  background-color: rgba(24,72,153,1);
}

.t-bg-white {
  background-color: #FFFFFF !important;
}

.t-icon {
  user-select: none;
}

.tooltip-inner {
  text-align: left;
  font-family: "montserrat_regular";
  font-size: 10px;
}

.tooltip {
  pointer-events: none;
}

.modal-dialog {
  min-width: 400px;
  background: #FFFFFF;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
  border-radius: 10px 10px 5px 5px;
}

.modal-content {
  box-shadow: none !important;
  border: none !important;
}

.modal-backdrop {
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(10px) !important;
}

.modal-backdrop.show {
  opacity: 1;
}

#t-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
}

body {
  overflow-y: hidden;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}

#mobileNavOpenBtn {
  display: none;
}

#mobileNavCloseBtn {
  position: fixed;
  top: 40px;
  right:40px;
}

#mobileNav {
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(10px) !important;
}

#sideNav {
  height: 100%;
  width: 137px;
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  overflow-x: visible;
  scrollbar-width: none;
  overflow-y: visible;
  border-right: 1px solid rgba(0, 0, 0, 0.10);
  background: rgba(24,72,153,1);
  /* General Shadow */
  box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  align-items: center;
}

#sideNav::-webkit-scrollbar {
  display: none;
}

#topNav {
  /*position: fixed;*/
  height: 64px;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
  background: #FFFFFF;
  padding: 12px 32px;
  z-index: 9;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#footer {
  /*position: fixed;*/
  height: 64px;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.10);
  background: #FFFFFF;
  padding: 12px 32px;
  z-index: 9;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#main {
  z-index: 1;
  padding: 0px 0px 0px 137px !important;
  margin: 0 0 0 0 !important;
  height: 100vh;
  background: rgba(24,72,153,0.05);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: cover;
  display: flex;
  flex-direction: column;
}

.t-nav-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  user-select: none;
  margin-top: 24px;
  transition: background-color 300ms;
  padding: 8px 10px;
  border-radius: 4px;
}

.t-nav-link:hover {
  background-color: rgba(255, 255, 255, 0.20);
}

.t-nav-icon {
  width: 16px;
  height: 16px;
}

.dropdown-toggle::after {
  display: none !important;
}

.nav-dropdown .dropdown-menu {
  background: rgba(24,72,153,1);
  border: 1px solid rgba(0, 0, 0, 0.10);
  box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.15);
  padding: 0px 0px;
  z-index: 10 !important;
}

.nav-dropdown .dropdown-item {
  color: #FFFFFF;
  font-size: 12px;
  padding: 8px 12px;
  transition: color 100ms;
  display: flex;
  align-items: center;
}

.nav-dropdown .dropdown-item span.dropdown-text {
  font-family: montserrat_medium;
}

.nav-dropdown .dropdown-item span.dropdown-icon {
  margin-right: 8px;
}

.nav-dropdown .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.20) !important;
  box-shadow: none !important;
}

.t-card {
  background: #FFFFFF;
  box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.15);
}

.apexcharts-svg {
  overflow: visible;
}

.t-progress-v {
  background-color: rgba(230,230,230, 1);
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: baseline;
  height: 225px;
}

.t-progress-h {
  background-color: rgba(230,230,230, 1);
  display: flex;
  justify-content: start;
  align-items: baseline;
  width: 100%;
  min-height: 8px;
}

.t-progress-v>.t-progress-fill {
  width: 100%;
}

.t-progress-h>.t-progress-fill {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Montserrat_semibold;
  font-size: 16px;
  color: rgba(46, 46, 46, 1);
  overflow: hidden;
}

.tabContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

.t-tab{
  padding: 16px 12px;
  /*min-width: 250px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.10);
  cursor: pointer;
}

.t-tab.active {
  border-bottom: 2px solid rgba(24,72,153, 1);
}

.t-tab.active p {
  color: rgba(24,72,153, 1) !important;
}

.t-tab-content {
  display: none;
}

.t-tab-content.active {
  display: block;
  width: 100%;
}

.t-btn-top, .t-btn-bottom {
  border-radius: 60px;
  border: 2px solid rgba(0, 0, 0, 0.50);
  background: rgba(18, 119, 125, 0.1);
  color: rgba(0, 0, 0, 0.5);
  font-family: Montserrat_regular;
  font-size: 14px;
  width: 116px;
  padding: 8px 16px;
  line-height: 100%;
}

.t-btn-top.active {
  border: 2px solid rgba(98, 193, 96, 1);
  color: rgba(29, 186, 55, 1);
}

.t-btn-bottom.active {
  border: 2px solid rgba(252, 130, 122, 1);
  color: rgba(251, 83, 72, 1);
}

.t-btn-prm {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: none;

  background: rgba(24,72,153,1) !important;
  box-shadow: 0px 2px 30px rgba(217, 217, 217, 0.2), 2px 0px 30px rgba(217, 217, 217, 0.2) !important;
  color: #FFFFFF !important;
}

.t-btn-prm:hover {
  background: rgba(24,72,153,0.8) !important;
  box-shadow: 0px 10px 10px rgba(24,72,153, 0.15) !important;
  color: #FFFFFF !important;
}

.t-btn-prm:disabled {
  background: rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
}

.t-btn-xs {
  padding: 8px 12px;
  height: 24px;
  font-family: "montserrat_medium";
  font-size: 10px;
  border-radius: 5px;
}

.t-btn-sm {
  padding: 12px 16px;
  height: 32px;
  font-family: "montserrat_medium";
  font-size: 12px;
  border-radius: 5px;
}

.buttons-excel {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 16px;
  margin: 0px;
  height: 33px;
  border: none;

  font-family: "montserrat_medium";
  font-size: 12px;
  border-radius: 5px;

  background: rgba(24,72,153,1) !important;
  box-shadow: 0px 2px 30px rgba(217, 217, 217, 0.2), 2px 0px 30px rgba(217, 217, 217, 0.2) !important;
  color: #FFFFFF !important;
}

.buttons-excel:hover {
  background: rgba(24,72,153,0.8) !important;
  box-shadow: 0px 10px 10px rgba(24,72,153, 0.15) !important;
  color: #FFFFFF !important;
}

.t-bg-yrs {background-color: rgba(23,239,251, 1);}.t-bg-yrs4 {background-color: rgba(23,239,251, .8);}.t-bg-yrs3 {background-color: rgba(23,239,251, .6);}.t-bg-yrs2 {background-color: rgba(23,239,251, .4);}.t-bg-yrs1 {background-color: rgba(23,239,251, .2);}
.t-bg-top {background-color: rgba(0,117,255, 1);}.t-bg-top4 {background-color: rgba(0,117,255, .8);}.t-bg-top3 {background-color: rgba(0,117,255, .6);}.t-bg-top2 {background-color: rgba(0,117,255, .4);}.t-bg-top1 {background-color: rgba(0,117,255, .2);}
.t-bg-ind {background-color: rgba(255,153,0, 1);}.t-bg-ind4 {background-color: rgba(255,153,0, .8);}.t-bg-ind3 {background-color: rgba(255,153,0, .6);}.t-bg-ind2 {background-color: rgba(255,153,0, .4);}.t-bg-ind1 {background-color: rgba(255,153,0, .2);}
.t-bg-bmk {background-color: rgba(126,0,106, 1);}.t-bg-bmk4 {background-color: rgba(126,0,106, .8);}.t-bg-bmk3 {background-color: rgba(126,0,106, .6);}.t-bg-bmk2 {background-color: rgba(126,0,106, .4);}.t-bg-bmk1 {background-color: rgba(126,0,106, .2);}
.t-bg-pv1 {background-color: rgba(144,144,144, 1);}.t-bg-pv14 {background-color: rgba(144,144,144, .8);}.t-bg-pv13 {background-color: rgba(144,144,144, .6);}.t-bg-pv12 {background-color: rgba(144,144,144, .4);}.t-bg-pv11 {background-color: rgba(144,144,144, .2);}
.t-bg-sva {background-color: rgba(92,92,92, 1);}.t-bg-sva4 {background-color: rgba(92,92,92, .8);}.t-bg-sva3 {background-color: rgba(92,92,92, .6);}.t-bg-sva2 {background-color: rgba(92,92,92, .4);}.t-bg-sva1 {background-color: rgba(92,92,92, .2);}

.t-tx-yrs {
  color: rgba(23,239,251, 1);
}

.t-tx-top {
  color: rgba(0,117,255, 1);
}

.t-tx-ind {
  color: rgba(255,153,0, 1);
}

.t-tx-bmk {
  color: rgba(126,0,106, 1);
}

.t-tx-pv1 {
  color: rgba(144,144,144, 1);
}

.t-tx-sva {
  color: rgba(92,92,92, 1);
}

.t-border-yrs {
  border: 1px solid #dee2e6 !important;
  border-bottom: 2px solid rgba(23,239,251, 1) !important;
}

.t-border-top {
  border: 1px solid #dee2e6 !important;
  border-bottom: 2px solid rgba(0,117,255, 1) !important;
}

.t-border-ind {
  border: 1px solid #dee2e6 !important;
  border-bottom: 2px solid rgba(255,153,0, 1) !important;
}

.t-border-bmk {
  border: 1px solid #dee2e6 !important;
  border-bottom: 2px solid rgba(126,0,106, 1) !important;
}

.t-border-pv1 {
  border: 1px solid #dee2e6 !important;
  border-bottom: 2px solid rgba(144,144,144, 1) !important;
}

.t-border-sva {
  border: 1px solid #dee2e6 !important;
  border-bottom: 2px solid rgba(92,92,92, 1) !important;
}

.t-tx-dgreen {
  color: rgba(29, 186, 55, 1) !important;
}

.t-tx-lgreen {
  color: rgba(98, 193, 96, 1) !important;
}

.t-tx-yellow {
  color: rgba(255, 184, 0, 1) !important;
}

.t-tx-lred {
  color: rgba(252, 130, 122, 1) !important;
}

.t-tx-dred {
  color: rgba(251, 83, 72, 1) !important;
}