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

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

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

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

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

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

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

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

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

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

.t-ff-t {
  font-family: "poppins_thing";
}

.t-ff-el {
  font-family: "poppins_extralight";
}

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

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

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

.t-ff-sb {
  font-family: "poppins_semibold";
}

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

.t-ff-eb {
  font-family: "poppins_extrabold";
}

.t-ff-bk {
  font-family: "poppins_black";
}

.t-h1 {
  font-size: 48px;
  line-height: 100%;
}

.t-h2 {
  font-size: 46px;
  line-height: 100%;
}

.t-h3 {
  font-size: 44px;
  line-height: 100%;
}

.t-h4 {
  font-size: 42px;
  line-height: 100%;
}

.t-h5 {
  font-size: 40px;
  line-height: 100%;
}

.t-h6 {
  font-size: 38px;
  line-height: 100%;
}

.t-h7 {
  font-size: 36px;
  line-height: 100%;
}

.t-h8 {
  font-size: 34px;
  line-height: 100%;
}

.t-h9 {
  font-size: 32px;
  line-height: 100%;
}

.t-h10 {
  font-size: 30px;
  line-height: 100%;
}

.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-b10 {
  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(4, 26, 112, 1);
}

.t-tx-sec {
  color: rgba(0, 152, 166, 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-bg-prm {
  background-color: rgba(4, 26, 112, 1);
}

.t-bg-sec {
  background-color: rgba(0, 152, 166, 1);
}

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

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

.tooltip-inner {
  text-align: left;
  font-family: "poppins_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(4, 26, 112, 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: url('/img/main-bg-desktop.png') rgba(4, 26, 112, 0.01);
  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;
  border-radius: 10px;
  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(4, 26, 112, 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;
}

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

.dropdown-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  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-h {
  background-color: rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: start;
  align-items: baseline;
  width: 100%;
  min-height: 8px;
}

.t-progress-h>.t-progress-fill {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: poppins_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(4, 26, 112, 1);
}

.t-tab.active p {
  color: rgba(4, 26, 112, 1) !important;
}

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

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

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

  background: rgba(4, 26, 112, 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(4, 26, 112, 0.8) !important;
  box-shadow: 0px 10px 10px rgba(4, 26, 112, 0.15) !important;
  color: #FFFFFF !important;
}

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

  background: rgba(0, 152, 166, 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-sec:hover {
  background: rgba(0, 152, 166, 0.8) !important;
  box-shadow: 0px 10px 10px rgba(4, 26, 112, 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: "poppins_medium";
  font-size: 10px;
  border-radius: 5px;
}

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

@media only screen and (max-width: 600px) {
  #main {
    padding: 0px 0px 0px 0px !important;
  }

  #sideNav {
    display: none;
  }

  #mobileNavOpenBtn {
    display: unset;
    cursor: pointer;
    color: black;
  }
}