@font-face {
  font-family: "Helvetica LT Std";
  src: url("fonts/HelveticaLTStd-BlkCond.woff2") format("woff2"), url("fonts/HelveticaLTStd-BlkCond.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica LT Std";
  src: url("fonts/HelveticaLTStd-BlkCondObl.woff2") format("woff2"), url("fonts/HelveticaLTStd-BlkCondObl.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica LT Std";
  src: url("fonts/HelveticaLTStd-BlkObl.woff2") format("woff2"), url("fonts/HelveticaLTStd-BlkObl.woff") format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica LT Std";
  src: url("fonts/HelveticaLTStd-Bold.woff2") format("woff2"), url("fonts/HelveticaLTStd-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica LT Std";
  src: url("fonts/HelveticaLTStd-BoldObl.woff2") format("woff2"), url("fonts/HelveticaLTStd-BoldObl.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica LT Std";
  src: url("fonts/HelveticaLTStd-Light.woff2") format("woff2"), url("fonts/HelveticaLTStd-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica LT Std";
  src: url("fonts/HelveticaLTStd-LightObl.woff2") format("woff2"), url("fonts/HelveticaLTStd-LightObl.woff") format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica LT Std";
  src: url("fonts/HelveticaLTStd-Obl.woff2") format("woff2"), url("fonts/HelveticaLTStd-Obl.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Helvetica LT Std";
  src: url("fonts/HelveticaLTStd-Roman.woff2") format("woff2"), url("fonts/HelveticaLTStd-Roman.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

::-webkit-scrollbar-thumb {
  background-color: var(--bs-warning);
}

:root {
  --nbl--blue-text: #3558b7;
  --nbl--primary: #3558b7;
  --nbl--primary-rgb: 10, 110, 253;
  --nbl-primary-light: rgba(60, 62, 158, 0.514);
  --nbl--secondary: #ced2d5;
  --nbl--white: white;
  --nbl--dark: #333;
  --nbl--dark-text-color: #1e2022;
  --nbl--white-text-color: #ffffff;
  --nbl--dark-text: #00283f;
  --nbl-light: #f8f9fa;
  --owh-blue-light: #3d3d3d;
  --owh-base-font: 0.875rem;
  --bs-blue: #3558b7;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #505152;
  --nbl-base-font-family: "Helvetica LT Std";
  --nbl-base-font: 0.84rem;
  --bs-warning-rgb: 229, 168, 18;
  --sbl-sidebar-rbg: 71, 71, 71;
  --sbl-header-rbg: 255, 200, 64;
}

body {
  font-size: var(--nbl-base-font);
  font-family: var(--nbl-base-font-family);
  background-color: var(--bs-white);
  color: var(--bs-dark);
  height: 100%;
}

.fs-7 {
  font-size: 0.85rem;
}

.text-primary {
  color: var(--nbl--primary) !important;
}

.bg-primary {
  background-color: var(--nbl--primary) !important;
}

.btn-primary {
  background-color: var(--nbl--primary) !important;
  border: var(--nbl--primary) !important;
}

.bg-header-bg {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--sbl-header-rbg), var(--bs-bg-opacity));
}

.btn-outline-primary {
  border-color: var(--nbl--primary) !important;
  color: var(--nbl--primary) !important;
}

.btn-outline-primary:hover {
  background-color: var(--nbl--primary) !important;
  border-color: var(--nbl--primary) !important;
  color: white !important;
}

.app-brand-logo {
  width: 105px;
}

.l-title {
  background: -webkit-repeating-linear-gradient(85deg, #cfdbe4, #f47f90) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.table-sticky {
  width: -moz-max-content;
  width: max-content;
  border-collapse: collapse;
}

.table-sticky th,
.table-sticky td {
  border: 1px solid #dee2e6;
  background-color: #fff;
  white-space: nowrap;
  padding: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table-sticky .sticky-left {
  position: sticky;
  left: 0;
  z-index: 9;
  background-color: inherit;
}

.table-sticky .sticky-left-2 {
  position: sticky;
  left: 100px;
  z-index: 9;
  background-color: inherit;
}

.table-sticky .sticky-left-3 {
  position: sticky;
  left: 200px;
  z-index: 9;
  background-color: inherit;
}

.table-sticky .sticky-left-4 {
  position: sticky;
  left: 300px;
  z-index: 9;
  background-color: inherit;
}

.table-sticky .overflow-hidden {
  overflow: hidden;
  text-overflow: ellipsis;
}

.table-sticky thead {
  position: sticky;
  top: 0;
  z-index: 99;
}

.table-sticky thead td.sticky-left,
.table-sticky thead th.sticky-left {
  position: sticky;
  top: 0 !important;
  left: 0 !important;
  z-index: 99;
}

.branding-section {
  color: var(--nbl-primary);
}

.branding-section img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 43.7px;
}

.branding-section img.s-logo {
  width: 40px;
  height: 43.7px;
}

.table-sticky-res {
  max-height: 70vh;
  overflow: auto;
  position: relative;
}

.navbar-vertical-container {
  position: relative;
  height: 100%;
  min-height: 100%;
}

.navbar-vertical-fixed {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 100;
  width: 15.5rem;
}

@media screen and (max-width: 720px) {
  .navbar-vertical-fixed .navbar-vertical-fixed .navbar-vertical-content {
    left: -16.25rem;
  }
}

.navbar-vertical-fixed .navbar-vertical-container {
  max-height: 100%;
}

.navbar-vertical-fixed .navbar-vertical-footer-offset {
  height: 100%;
  --bs-bg-opacity: 1;
  background-color: rgba(var(--sbl-sidebar-rbg), var(--bs-bg-opacity));
}

.navbar-vertical-fixed .nav-vertical.nav-tabs .nav-link {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left: 0.1875rem solid transparent;
  margin-bottom: 5px;
}

.navbar-vertical-fixed .navbar-vertical-content {
  height: calc(100% - 5.875rem);
  overflow-y: auto;
}

.navbar-vertical-fixed .navbar-vertical-content .nav-tabs {
  border: none;
}

.navbar-vertical-fixed .navbar-vertical-content .nav-link {
  color: var(--bs-light);
  border-left: 4px solid transparent;
  display: flex;
  align-items: center;
  font-size: 0.76rem;
  padding: 0.45rem 0.5rem;
  font-weight: 600;
  text-wrap: auto;
}

.navbar-vertical-fixed .navbar-vertical-content .nav-link:hover {
  background: rgba(80, 80, 80, 0.05);
  color: #fff;
  border-radius: 4px !important;
}

.navbar-vertical-fixed .navbar-vertical-content .nav-collapse {
  position: relative;
  margin: 0 10px;
}

.navbar-vertical-fixed .navbar-vertical-content .nav-link {
  border-left: none;
}

.nav-icon {
  opacity: 0.9;
  flex: 0 0 1.6375rem;
  margin-right: 3px;
  font-size: 1rem;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .page-link {
  font-size: 0.8rem;
}

@media print {

  .table.table-no-borders tr,
  .table.table-no-borders td,
  .table.table-no-borders th {
    border: none !important;
    padding: 1px !important;
  }
}

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

.active>.page-link,
.page-link.active {
  background-color: var(--nbl--primary);
  border: 0;
}

.wpx-7 {
  width: 7px;
}

.hpx-7 {
  height: 7px;
}

.wpx-8 {
  width: 8px;
}

.hpx-8 {
  height: 8px;
}

.wpx-9 {
  width: 9px;
}

.hpx-9 {
  height: 9px;
}

.wpx-10 {
  width: 10px;
}

.hpx-10 {
  height: 10px;
}

.wpx-11 {
  width: 11px;
}

.hpx-11 {
  height: 11px;
}

.wpx-12 {
  width: 12px;
}

.hpx-12 {
  height: 12px;
}

.wpx-13 {
  width: 13px;
}

.hpx-13 {
  height: 13px;
}

.wpx-14 {
  width: 14px;
}

.hpx-14 {
  height: 14px;
}

.wpx-15 {
  width: 15px;
}

.hpx-15 {
  height: 15px;
}

.wpx-16 {
  width: 16px;
}

.hpx-16 {
  height: 16px;
}

.wpx-17 {
  width: 17px;
}

.hpx-17 {
  height: 17px;
}

.wpx-18 {
  width: 18px;
}

.hpx-18 {
  height: 18px;
}

.wpx-19 {
  width: 19px;
}

.hpx-19 {
  height: 19px;
}

.wpx-20 {
  width: 20px;
}

.hpx-20 {
  height: 20px;
}

.wpx-21 {
  width: 21px;
}

.hpx-21 {
  height: 21px;
}

.wpx-22 {
  width: 22px;
}

.hpx-22 {
  height: 22px;
}

.wpx-23 {
  width: 23px;
}

.hpx-23 {
  height: 23px;
}

.wpx-24 {
  width: 24px;
}

.hpx-24 {
  height: 24px;
}

.wpx-25 {
  width: 25px;
}

.hpx-25 {
  height: 25px;
}

.wpx-26 {
  width: 26px;
}

.hpx-26 {
  height: 26px;
}

.wpx-27 {
  width: 27px;
}

.hpx-27 {
  height: 27px;
}

.wpx-28 {
  width: 28px;
}

.hpx-28 {
  height: 28px;
}

.wpx-29 {
  width: 29px;
}

.hpx-29 {
  height: 29px;
}

.wpx-30 {
  width: 30px;
}

.hpx-30 {
  height: 30px;
}

.wpx-31 {
  width: 31px;
}

.hpx-31 {
  height: 31px;
}

.wpx-32 {
  width: 32px;
}

.hpx-32 {
  height: 32px;
}

.wpx-33 {
  width: 33px;
}

.hpx-33 {
  height: 33px;
}

.wpx-34 {
  width: 34px;
}

.hpx-34 {
  height: 34px;
}

.wpx-35 {
  width: 35px;
}

.hpx-35 {
  height: 35px;
}

.wpx-36 {
  width: 36px;
}

.hpx-36 {
  height: 36px;
}

.wpx-37 {
  width: 37px;
}

.hpx-37 {
  height: 37px;
}

.wpx-38 {
  width: 38px;
}

.hpx-38 {
  height: 38px;
}

.wpx-39 {
  width: 39px;
}

.hpx-39 {
  height: 39px;
}

.wpx-40 {
  width: 40px;
}

.hpx-40 {
  height: 40px;
}

.wpx-41 {
  width: 41px;
}

.hpx-41 {
  height: 41px;
}

.wpx-42 {
  width: 42px;
}

.hpx-42 {
  height: 42px;
}

.wpx-43 {
  width: 43px;
}

.hpx-43 {
  height: 43px;
}

.wpx-44 {
  width: 44px;
}

.hpx-44 {
  height: 44px;
}

.wpx-45 {
  width: 45px;
}

.hpx-45 {
  height: 45px;
}

.wpx-46 {
  width: 46px;
}

.hpx-46 {
  height: 46px;
}

.wpx-47 {
  width: 47px;
}

.hpx-47 {
  height: 47px;
}

.wpx-48 {
  width: 48px;
}

.hpx-48 {
  height: 48px;
}

.wpx-49 {
  width: 49px;
}

.hpx-49 {
  height: 49px;
}

.wpx-50 {
  width: 50px;
}

.hpx-50 {
  height: 50px;
}

.wpx-51 {
  width: 51px;
}

.hpx-51 {
  height: 51px;
}

.wpx-52 {
  width: 52px;
}

.hpx-52 {
  height: 52px;
}

.wpx-53 {
  width: 53px;
}

.hpx-53 {
  height: 53px;
}

.wpx-54 {
  width: 54px;
}

.hpx-54 {
  height: 54px;
}

.wpx-55 {
  width: 55px;
}

.hpx-55 {
  height: 55px;
}

.wpx-56 {
  width: 56px;
}

.hpx-56 {
  height: 56px;
}

.wpx-57 {
  width: 57px;
}

.hpx-57 {
  height: 57px;
}

.wpx-58 {
  width: 58px;
}

.hpx-58 {
  height: 58px;
}

.wpx-59 {
  width: 59px;
}

.hpx-59 {
  height: 59px;
}

.wpx-60 {
  width: 60px;
}

.hpx-60 {
  height: 60px;
}

.wpx-61 {
  width: 61px;
}

.hpx-61 {
  height: 61px;
}

.wpx-62 {
  width: 62px;
}

.hpx-62 {
  height: 62px;
}

.wpx-63 {
  width: 63px;
}

.hpx-63 {
  height: 63px;
}

.wpx-64 {
  width: 64px;
}

.hpx-64 {
  height: 64px;
}

.wpx-65 {
  width: 65px;
}

.hpx-65 {
  height: 65px;
}

.wpx-66 {
  width: 66px;
}

.hpx-66 {
  height: 66px;
}

.wpx-67 {
  width: 67px;
}

.hpx-67 {
  height: 67px;
}

.wpx-68 {
  width: 68px;
}

.hpx-68 {
  height: 68px;
}

.wpx-69 {
  width: 69px;
}

.hpx-69 {
  height: 69px;
}

.wpx-70 {
  width: 70px;
}

.hpx-70 {
  height: 70px;
}

.wpx-71 {
  width: 71px;
}

.hpx-71 {
  height: 71px;
}

.wpx-72 {
  width: 72px;
}

.hpx-72 {
  height: 72px;
}

.wpx-73 {
  width: 73px;
}

.hpx-73 {
  height: 73px;
}

.wpx-74 {
  width: 74px;
}

.hpx-74 {
  height: 74px;
}

.wpx-75 {
  width: 75px;
}

.hpx-75 {
  height: 75px;
}

.wpx-76 {
  width: 76px;
}

.hpx-76 {
  height: 76px;
}

.wpx-77 {
  width: 77px;
}

.hpx-77 {
  height: 77px;
}

.wpx-78 {
  width: 78px;
}

.hpx-78 {
  height: 78px;
}

.wpx-79 {
  width: 79px;
}

.hpx-79 {
  height: 79px;
}

.wpx-80 {
  width: 80px;
}

.hpx-80 {
  height: 80px;
}

.wpx-81 {
  width: 81px;
}

.hpx-81 {
  height: 81px;
}

.wpx-82 {
  width: 82px;
}

.hpx-82 {
  height: 82px;
}

.wpx-83 {
  width: 83px;
}

.hpx-83 {
  height: 83px;
}

.wpx-84 {
  width: 84px;
}

.hpx-84 {
  height: 84px;
}

.wpx-85 {
  width: 85px;
}

.hpx-85 {
  height: 85px;
}

.wpx-86 {
  width: 86px;
}

.hpx-86 {
  height: 86px;
}

.wpx-87 {
  width: 87px;
}

.hpx-87 {
  height: 87px;
}

.wpx-88 {
  width: 88px;
}

.hpx-88 {
  height: 88px;
}

.wpx-89 {
  width: 89px;
}

.hpx-89 {
  height: 89px;
}

.wpx-90 {
  width: 90px;
}

.hpx-90 {
  height: 90px;
}

.wpx-91 {
  width: 91px;
}

.hpx-91 {
  height: 91px;
}

.wpx-92 {
  width: 92px;
}

.hpx-92 {
  height: 92px;
}

.wpx-93 {
  width: 93px;
}

.hpx-93 {
  height: 93px;
}

.wpx-94 {
  width: 94px;
}

.hpx-94 {
  height: 94px;
}

.wpx-95 {
  width: 95px;
}

.hpx-95 {
  height: 95px;
}

.wpx-96 {
  width: 96px;
}

.hpx-96 {
  height: 96px;
}

.wpx-97 {
  width: 97px;
}

.hpx-97 {
  height: 97px;
}

.wpx-98 {
  width: 98px;
}

.hpx-98 {
  height: 98px;
}

.wpx-99 {
  width: 99px;
}

.hpx-99 {
  height: 99px;
}

.wpx-100 {
  width: 100px;
}

.hpx-100 {
  height: 100px;
}

.navbar-vertical-fixed .dropdown-toggle.active {
  background: transparent;
}

.navbar-vertical-fixed .dropdown-toggle::after {
  float: right;
  margin-left: auto;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1rem 1rem;
  content: "";
  transition: 0.3s;
}

.navbar-vertical-fixed .nav-item {
  display: flex;
  flex-flow: column;
  flex: 1;
}

.navbar-vertical-fixed .nav-item.active {
  border-radius: 4px !important;
  color: #030303;
}

.navbar-vertical-fixed .nav-item.active>.nav-link {
  background: #ffdf7f;
  color: #000000;
  border-radius: 4px;
}

.navbar-vertical-fixed .nav-item.active>.nav-link:hover {
  background: #ffdf7f;
  color: #000000;
}

.navbar-vertical-fixed .nav-item>.nav-link.dropdown-toggle::after {
  margin-left: auto;
  float: right;
  content: "\f282";
  height: 1rem;
  width: 1rem;
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: none;
}

.navbar-vertical-fixed .nav-item>.nav-link[aria-expanded=true] {
  background: #ffdf7f;
  color: #000000;
  border-radius: 4px;
}

.navbar-vertical-fixed .nav-item>.nav-link[aria-expanded=true]::after {
  transform: rotate(-180deg);
  margin-top: -3px;
}

.navbar-vertical-fixed .nav-item>.nav-link[aria-expanded=true]:hover {
  background: #ffd145;
  color: #000000;
  border-radius: 4px;
}

.show>.nav-link.active {
  background: #ffd145;
  color: #000000;
  border-radius: 4px !important;
  font-weight: 700;
}

.show>.nav-link.dropdown-toggle::after {
  margin-left: auto;
  display: inline-block;
  content: "\f282";
  height: 1rem;
  width: 1rem;
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: none;
}

.show>.nav-link.dropdown-toggle::after {
  transform: rotate(-180deg);
}

.vertical-navigation.sm-menu-vr .nav-item {
  margin: auto;
  padding-bottom: 0;
}

.vertical-navigation .nav-link {
  color: var(--nbl--dark-text-color);
  border-left: 4px solid transparent;
}

.vertical-navigation .nav-link.active,
.vertical-navigation .nav-link:hover {
  color: var(--nbl--blue-text);
  border-color: var(--nbl--blue-text);
  font-weight: 600;
}

.navbar-vertical-fixed .navbar-vertical-content {
  padding: 0 0.8rem;
}

.navbar-vertical-fixed.sidebar-small {
  width: 4rem;
}

.navbar-vertical-fixed.sidebar-small .navbar-vertical-content {
  padding: 0 0.4rem;
}

.navbar-vertical-fixed.sidebar-small .nav-item {
  padding-bottom: 0;
}

.navbar-vertical-fixed.sidebar-small .nav-item>.nav-link {
  padding-left: 0.5rem;
}

.navbar-vertical-fixed.sidebar-small .nav-icon {
  font-size: 1.1rem;
}

.navbar-vertical-fixed.sidebar-small .nav-link-title {
  display: none;
}

.navbar-vertical-fixed.sidebar-small .nav-collapse {
  position: absolute;
  min-width: 16rem;
  left: 3.5rem;
  background: #b4b4b4;
  padding: 10px;
}

.navbar-vertical-fixed.sidebar-small .dropdown-toggle::after {
  display: none !important;
}

.navbar-vertical-fixed.sidebar-small .dropdown-header {
  display: none;
}

.navbar-vertical-fixed.sidebar-small .t-ggle i {
  transform: rotate(-180deg);
}

.navbar-vertical-fixed.sidebar-small .nav-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.m-left {
  margin-left: 15.5rem;
}

@media screen and (max-width: 720px) {
  .m-left {
    margin-left: 0;
  }
}

.m-left.sidebar-small {
  margin-left: 3.5rem;
}

@media print {
  .m-left.sidebar-small {
    margin-left: 0;
  }
}

@media print {
  .m-left {
    margin-left: 0;
  }
}

.m-left header,
.m-left footer {
  z-index: 99 !important;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.6125rem 0.5rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  color: #1e2022;
  border: 0.0625rem solid rgba(231, 234, 243, 0.7);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media print {
  .form-control {
    border: none;
    padding: 0.3rem 0.4rem;
  }
}

input:-moz-read-only {
  background-color: rgb(237, 237, 237);
}

input:read-only {
  background-color: rgb(237, 237, 237);
}

.select2-selection__rendered {
  line-height: 31px !important;
}

.select2-container .select2-selection--single {
  height: 31px !important;
}

.select2-selection__arrow {
  height: 34px !important;
}

.t-ggle {
  color: white;
  font-size: 1.5rem;
  right: -46px;
  top: 7px;
}

.login {
  height: 100vh;
}

.login .auth-content {
  width: 70%;
}

@media screen and (max-width: 768px) {
  .login .auth-content {
    width: 95%;
  }
}

@media screen and (min-width: 1200px) {
  .login .auth-content {
    width: 50%;
  }
}

.login .auth-content .auth-left img {
  height: 450px;
  -o-object-fit: cover;
  object-fit: cover;
}

.login .auth-content .auth-left .o-image {
  background-size: cover;
  opacity: 0.9;
  inset: 0;
  position: absolute;
  background-color: #132271;
}

.login .auth-content .auth-left .content {
  top: 20px;
  left: 25px;
}

.login .auth-content .auth-right {
  background-color: #fff;
}

.login .auth-content .auth-right .form-group i {
  position: absolute;
  top: 11px;
  right: 10px;
  font-size: 1.1rem;
  z-index: 99;
  padding-left: 10px;
}

.login .auth-content .auth-right .form-group i:hover {
  cursor: pointer;
  color: blue;
}

.login .auth-content .auth-right .form-control {
  border: 0.0625rem solid rgba(170, 191, 255, 0.7);
  height: 45px;
}

.login .auth-content .auth-right .form-control:focus {
  box-shadow: none;
  border-color: var(--nbl--primary);
}

.login .auth-content .auth-right .btn {
  height: 45px;
}

.filter-items.active,
.filter-items:hover {
  color: var(--nbl--blue-text);
  cursor: pointer;
}

.filter-items.active .filter-checkbox,
.filter-items:hover .filter-checkbox {
  color: var(--nbl--blue-text);
}

.filter-check .f-check-input {
  display: none;
}

.user-pro {
  width: 50px;
  height: 50px;
  font-size: 1.8rem;
}

.c-tabs-content {
  display: none !important;
}

.c-tabs-content.active {
  display: block !important;
}

.card-subtitle {
  display: block;
  font-size: 0.71094rem;
  margin-bottom: 0.25rem;
  font-weight: 600;
}

.card {
  margin-bottom: 1rem;
}

.card .card-header {
  text-transform: capitalize;
  font-weight: 500;
  color: #000;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(181, 172, 172, 0.23) !important;
}

.tabs-s .nav-link {
  border-bottom: 2px solid transparent;
  color: var(--nbl--dark-text);
}

.tabs-s .nav-link.active {
  border-color: var(--nbl--blue-text);
  color: var(--nbl--blue-text);
}

.table {
  white-space: nowrap;
  width: 100% !important;
}

.table tr {
  color: #4a4d4f;
}

.table tr.border-left-danger {
  border-left: 5px solid var(--bs-danger);
}

.table tr th,
.table tr td {
  padding: 0.35rem 0.45rem;
  background-color: transparent;
  border-bottom-width: 0.0625rem;
  box-shadow: inset 0 0 0 9999px transparent;
  vertical-align: middle;
  font-size: 0.78rem;
}

.table tr th>strong,
.table tr td>strong {
  font-size: 0.6rem;
}

.table tr th.amount-td,
.table tr td.amount-td {
  text-align: right;
}

.table tr th {
  padding: 0.45rem 0.45rem;
}

.table tr.tr-header {
  background-color: #fff7b2;
  color: #030303;
  font-weight: bold;
  text-transform: uppercase;
}

.table tr.tr-header td {
  padding: 0.45rem 0.65rem;
  font-size: 0.78rem;
}

.table thead.thead-light th,
.table thead.bg-light th {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--sbl-sidebar-rbg), var(--bs-bg-opacity)) !important;
  text-transform: uppercase;
  color: var(--nbl--white-text-color);
}

.table thead.thead-light .sticky-col,
.table thead.thead-light .dtfc-fixed-left,
.table thead.bg-light .sticky-col,
.table thead.bg-light .dtfc-fixed-left {
  --bs-bg-opacity: 1;
  color: var(--bs-dark) !important;
  background-color: rgba(var(--sbl-header-rbg), var(--bs-bg-opacity)) !important;
}

.table thead th {
  font-size: 0.78rem;
  font-weight: 600;
  text-transform: capitalize;
  color: #4a4d4f;
}

.table tfoot th,
.table tfoot td {
  font-weight: bold;
  font-size: 0.78rem;
}

.table tr.bg-light.active-row {
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
  --bs-bg-opacity: 0.5;
}

.dt-row {
  margin: 10px -15px;
}

.dataTables_length,
.dataTables_filter {
  display: flex;
}

.dataTables_length label,
.dataTables_filter label {
  display: flex;
  align-items: center;
  gap: 3px;
}

.dataTables_filter {
  justify-content: end;
}

.dataTables_paginate {
  display: flex;
  justify-content: end;
}

.h-330 {
  height: 330px;
}

@media screen and (max-width: 920px) {
  .h-330 {
    height: auto;
  }
}

.fs-12x {
  font-size: 12px;
}

.min-h-130 {
  min-height: 130px;
}

@media screen and (max-width: 920px) {
  .min-h-130 {
    height: auto;
  }
}

.min-h-120 {
  min-height: 120px;
}

@media screen and (max-width: 920px) {
  .min-h-120 {
    height: auto;
  }
}

.min-h-90 {
  min-height: 90px;
}

@media screen and (max-width: 920px) {
  .min-h-90 {
    height: auto;
  }
}

.min-h-40 {
  min-height: 40px;
}

@media screen and (max-width: 920px) {
  .min-h-40 {
    height: auto;
  }
}

.min-h-27 {
  min-height: 27px;
}

@media screen and (max-width: 920px) {
  .min-h-27 {
    height: auto;
  }
}

.fs-8 {
  font-size: 11px;
  line-height: 13px;
}

.das-notification {
  margin-top: -10px;
  width: 20px;
  height: 20px;
  line-height: 1;
  color: white;
  font-weight: normal;
}

.wrapper {
  position: relative;
  width: 100%;
  z-index: 1;
  margin: auto;
  overflow: auto;
  height: 80vh;
}

.wrapper .table thead {
  position: sticky;
  top: 0 !important;
  z-index: 99 !important;
}

.pre-laoder {
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 100vh;
  background: #ffcede;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pre-laoder .loader {
  border: 8px solid #f3f3f3;
  /* Light grey */
  border-top: 8px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

label.form-label {
  font-size: 0.71rem !important;
  font-weight: 600 !important;
  padding-left: 0 !important;
}

.form-label {
  margin-bottom: 0.3rem;
}

.ellipsis {
  white-space: nowrap;
  /* Keep text in one line */
  overflow: hidden;
  /* Hide overflow text */
  text-overflow: ellipsis;
  /* Show ... */
}

.invalid-feedback {
  display: block !important;
  bottom: 0;
  position: absolute;
  font-size: 11px;
  text-transform: capitalize;
  font-size: 11px;
}

input:-moz-read-only {
  border-color: #7b7b7b !important;
}

input:read-only {
  border-color: #7b7b7b !important;
}

.select2-container {
  margin: 0;
  padding: 0;
}

.form-control {
  border-color: #7b7b7b !important;
}

.form-control.form-control-sm {
  font-size: 13px;
  padding: 2px 3px;
  line-height: 1;
}

.form-control.fm-control-quantity {
  width: 70px;
}

.form-control.fm-control-amount {
  width: 120px;
}

.form-control.fm-control-rate {
  width: 60px;
}

.form-control:focus {
  box-shadow: 0 0 4px -1px #ffc107 !important;
  border-color: #ffc107 !important;
}

.form-control.is-invalid {
  border-color: var(--bs-red) !important;
}

.act-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 30px;
  border-radius: 5px;
  flex-flow: wrap;
}

.act-btns.bt-primary {
  background: rgba(31, 133, 217, 0.22);
  color: #0a8ef9;
}

.act-btns.bt-success {
  background: rgba(53, 217, 31, 0.22);
  color: rgba(37, 161, 20, 0.8);
}

.act-btns.bt-danger {
  background: rgba(217, 31, 31, 0.22);
  color: rgba(161, 20, 20, 0.8);
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.fv-plugins-bootstrap5 .row .fv-plugins-icon {
  right: 22px;
}

.form-label {
  font-weight: 500;
  color: #000;
}

.form-group {
  position: relative;
}

.form-group label {
  justify-content: end !important;
}

.form-group label~.fv-plugins-icon {
  top: 23px !important;
}

.s-bottom {
  bottom: -14px !important;
}

.tb-img {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  overflow: hidden;
  background: #f8f9fa;
}

.nav-item.hs-mn-rqst {
  position: relative;
}

.nav-item.hs-mn-rqst .nav-link-title:after {
  position: absolute;
  width: 7px;
  height: 7px;
  background: red;
  top: 15px;
  z-index: 99;
  content: "";
  margin-left: 4px;
  border-radius: 50%;
}

.is-notification {
  min-width: 300px;
}

.is-notification .not-user-icon {
  width: 30px;
  height: 30px;
}

.is-notification .not-info {
  font-size: 13px;
  flex: 1;
}

.is-new {
  background: #f3f8fc;
  border-left: 2px solid #3499ec;
}

.i-noftif .dropdown-toggle:after {
  display: none;
}

.i-noftif.has-notification {
  position: relative;
}

.i-noftif.has-notification .dropdown-toggle:before {
  content: "";
  background: red;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  top: 1px;
  right: -1px;
}

.i-noftif.has-notification .n-count {
  font-size: 10px !important;
  width: 19px;
  height: 19px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  right: -10px;
  top: -8px !important;
}

.c-badge {
  height: 17px;
  font-size: 9px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
}

.comment-text {
  font-size: 13px;
}

.daterangepicker td.in-range {
  background-color: rgba(91, 105, 200, 0.3019607843);
  border-color: transparent;
  color: #000;
  border-radius: 0;
}

.daterangepicker td.active {
  background-color: #5b69c8;
  border-color: transparent;
  color: #fff;
}

.daterangepicker td.active:hover {
  background-color: #5b69c8;
  border-color: transparent;
  color: #fff;
}

.daterangepicker .ranges li.active {
  background-color: #5b69c8;
  color: #fff;
}

.input-group-append .input-group-text {
  padding: 0.475rem 0.75rem;
  font-size: 0.9rem;
  background-color: #f7f7f7;
}

.required-label {
  position: relative;
}

.required-label:after {
  content: "*";
  color: red;
  position: relative;
  top: 0;
}

.table.dataTable>thead .sorting::before,
.table.dataTable>thead .sorting::after,
.table.dataTable>thead .sorting_asc::before,
.table.dataTable>thead .sorting_asc::after,
.table.dataTable>thead .sorting_desc::before,
.table.dataTable>thead .sorting_desc::after,
.table.dataTable>thead .sorting_asc_disabled::before,
.table.dataTable>thead .sorting_asc_disabled::after,
.table.dataTable>thead .sorting_desc_disabled::before,
.table.dataTable>thead .sorting_desc_disabled::after {
  bottom: auto;
  display: inline-flex;
}

.table.dataTable tr th.sticky-col {
  padding: 0 30px;
}

.table.dataTable>thead .sorting_asc::before,
.table.dataTable>thead .sorting_asc::after,
.table.dataTable>thead .sorting_desc::before,
.table.dataTable>thead .sorting_desc::after {
  color: #0a8ef9;
}

.modal .modal-header {
  padding: 0.5rem 1rem;
}

.modal .modal-footer .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

.fs-i-s * {
  font-size: 12px !important;
}

@media print {
  body {
    background: #fff !important;
  }

  .container {
    max-width: 100%;
  }

  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .table td,
  .table th {
    padding: 6px !important;
  }

  .table thead th {
    font-size: 0.64375rem !important;
  }

  .print-body {
    height: 90;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}

.cube-folding {
  width: 50px;
  height: 50px;
  display: inline-block;
  transform: rotate(45deg);
  font-size: 0;
}

.cube-folding span {
  position: relative;
  width: 25px;
  height: 25px;
  transform: scale(1.1);
  display: inline-block;
}

.cube-folding span::before {
  content: "";
  background-color: white;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 25px;
  height: 25px;
  transform-origin: 100% 100%;
  animation: folding 2.5s infinite linear both;
}

.cube-folding .leaf2 {
  transform: rotateZ(90deg) scale(1.1);
}

.cube-folding .leaf2::before {
  animation-delay: 0.3s;
  background-color: rgb(242.25, 242.25, 242.25);
}

.cube-folding .leaf3 {
  transform: rotateZ(270deg) scale(1.1);
}

.cube-folding .leaf3::before {
  animation-delay: 0.9s;
  background-color: rgb(242.25, 242.25, 242.25);
}

.cube-folding .leaf4 {
  transform: rotateZ(180deg) scale(1.1);
}

.cube-folding .leaf4::before {
  animation-delay: 0.6s;
  background-color: rgb(229.5, 229.5, 229.5);
}

@keyframes folding {

  0%,
  10% {
    transform: perspective(140px) rotateX(-180deg);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }

  25%,
  75% {
    transform: perspective(140px) rotateX(0deg);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }

  90%,
  100% {
    transform: perspective(140px) rotateY(180deg);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
}

.cube-wrapper {
  position: fixed;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  height: 100%;
  width: 100%;
}

.cube-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  margin: auto;
  width: 90px;
  height: 6px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.1);
  filter: blur(2px);
  border-radius: 100%;
  animation: shadow 0.5s ease infinite alternate;
}

.cube-wrapper .loading {
  font-size: 12px;
  letter-spacing: 0.1em;
  display: block;
  color: white;
  position: relative;
  top: 25px;
  z-index: 2;
  animation: text 0.5s ease infinite alternate;
}

@keyframes text {
  100% {
    top: 35px;
  }
}

@keyframes shadow {
  100% {
    bottom: -18px;
    width: 100px;
  }
}

.preloader {
  background: rgba(0, 0, 0, 0.6);
  height: 100vh;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

.toast {
  background-color: #030303;
}

.toast-info {
  background-color: #3276b1;
}

.toast-info2 {
  background-color: #2f96b4;
}

.toast-error {
  background-color: #bd362f;
}

.toast-success {
  background-color: #51a351;
}

.toast-warning {
  background-color: #f89406;
}

.modal .select2-container .select2-container--open.select2-dropdown--below {
  max-width: 400px !important;
}

.avatar {
  width: 2.5rem;
  height: 2.5rem;
}

.s-table>.table .form-check-input {
  width: 1rem;
  height: 1rem;
  margin-top: 0.2142857143rem;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(98, 105, 118, 0.24);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.s-table>.table thead th {
  color: #626976;
  background: #f2f3f4;
  font-size: 0.625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.6;
  color: #626976;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  white-space: nowrap;
}

.s-table>.table tbody td {
  font-size: 12px;
  padding: 0.6rem 0.65rem;
}

.s-table>.table tbody td a {
  font-size: 12px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity));
}

.div-content-area {
  min-height: 255px;
  max-height: 255px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.request-title {
  font-size: 0.8rem;
}

.bg-assign {
  --bs-bg-opacity: 1;
  background-color: #41f9c9;
  color: #118466;
}

.table tr .sticky-col {
  position: sticky;
  right: 0px;
  z-index: 1 !important;
  background-color: #fff;
  color: var(--bs-primary);
}

.table tr th.sticky-col,
.table tr td.sticky-col {
  text-align: center;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-pointer.text-hover-primary:hover {
  color: var(--nbl--blue-text);
}

.custom-input {
  width: 101px;
  border: 1px solid #ccc;
  line-height: 1;
  padding: 8px;
  border-radius: 4px;
  font-size: 13px;
  color: #3a3a3a;
}

.tabs-s {
  position: relative;
}

.tabs-s:not(.--jsfied) {
  /* overflow-x: auto; */
  -webkit-overflow-scrolling: touch;
}

.tabs-s .--hidden {
  display: none;
}

.tabs-s a,
.tabs-s button {
  width: 100%;
  height: 100%;
  display: block;
  font-size: 1em;
  line-height: 1.2;
  text-align: center;
  /* color: #FAF3DD; */
  color: #0d6efd;
  background-color: transparent;
  border: 0px;
}

.tabs-s .-primary {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.tabs-s .-primary>li {
  flex-grow: 1;
}

.tabs-s .-primary>li>a,
.tabs-s .-primary>li>button {
  white-space: nowrap;
  padding: 1em 1em;
}

.tabs-s .-primary>li>a:hover,
.tabs-s .-primary>li>button:hover {
  color: #2a3565;
}

.tabs-s .-primary .dropdownmenu li a {
  text-align: left;
  color: #333;
}

.tabs-s .-primary .-more>button span {
  display: inline-block;
  transition: transform 0.2s;
}

.tabs-s.--show-secondary .-primary .-more>button span {
  transform: rotate(180deg);
}

.tabs-s .-secondary {
  max-width: 100%;
  min-width: 10em;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  box-shadow: 0 0.3em 0.5em rgba(0, 0, 0, 0.3);
  animation: nav-secondary 0.2s;
}

.tabs-s .-secondary li {
  /* border-top: 1px solid #2a3565; */
}

.tabs-s .-secondary a,
.tabs-s .-secondary button {
  padding: 0.8em;
}

.tabs-s .-secondary a:hover,
.tabs-s .-secondary button:hover {
  color: #39438b;
}

.tabs-s .-secondary a:active,
.tabs-s .-secondary button:active {
  background-color: #ffffff;
  color: #39438b;
}

.tabs-s.--show-secondary .-secondary {
  display: block;
  z-index: 9999;
  background-color: white;
}

@keyframes nav-secondary {
  0% {
    opacity: 0;
    transform: translateY(-1em);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.tabs-s .-secondary a,
.tabs-s .-secondary button {
  text-align: left;
}

.tabs-s .-secondary .dropdownmenu {
  display: none;
}

@media screen and (max-width: 720px) {

  .tabs-s .-primary>li>a,
  .tabs-s .-primary>li>button {
    padding: 0.7em 0.6em;
    /* box-shadow: inset 0 -0.2em 0 #2a3565; */
    font-size: 12px;
  }
}

.fv-plugins-bootstrap5 .table .fv-plugins-icon {
  right: 7px !important;
  height: 20px;
  width: 20px;
  top: 10px;
}

.has-no-borders {
  border: none !important;
}

.has-no-label {
  padding-top: 16px;
}

.np-text-select {
  font-size: 12px !important;
  min-height: 31px !important;
  line-height: 1.4 !important;
}

.btn-sm {
  padding: 0.3rem 0.2rem;
  font-size: 0.775rem;
  border-radius: 0.2rem;
}

.btn-group-sm>.btn {
  padding: 0.1rem 0.2rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}

div.dataTables_scrollBody .table.dataTable thead>tr>td:after,
div.dataTables_scrollBody .table.dataTable thead>tr>td:before,
div.dataTables_scrollBody .table.dataTable thead>tr>th:after,
div.dataTables_scrollBody .table.dataTable thead>tr>th:before {
  display: none;
}

footer {
  width: calc(100% - 250px);
  position: fixed;
  bottom: 0;
  color: var(--nbl--primary);
  background: #fff;
  padding: 13px 24px;
}

.columnRight {
  text-align: right;
}

.log_profile_img {
  width: 30px;
  height: 30px;
}

.hover-elivate {
  transition: all 300ms;
}

.hover-elivate:hover {
  --bs-bg-opacity: 1;
  background: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
  color: white !important;
  margin-top: -14px;
  min-height: 95px;
}

.border-sm-bottom::after {
  content: "";
  height: 4px;
  width: 75px;
  --bs-bg-opacity: 1;
  background: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
  position: absolute;
  left: 0;
  bottom: -4px;
}

.breadcrumb-item+.breadcrumb-item::before {
  padding-right: 0.15rem !important;
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: 0.15rem !important;
}

.card-body {
  padding: 3px 6px !important;
}

.pagination .page-link {
  font-size: 12px;
  line-height: 1;
}

.capexbuttton-additems {
  z-index: 999;
  width: 150px;
  right: 250px;
  top: 10px !important;
}

.capexbuttton-additems:hover {
  background-color: #f89406;
  color: white;
}

.fs-75 {
  font-size: 13px;
  line-height: 18px;
}

.fs-8 {
  font-size: 8px;
}

.fs-9 {
  font-size: 9px;
}

.fs-10 {
  font-size: 10px;
}

.fs-11 {
  font-size: 11px;
}

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-15 {
  font-size: 15px;
}

.fs-16 {
  font-size: 16px;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px;
}

.fs-19 {
  font-size: 19px;
}

.fs-20 {
  font-size: 20px;
}

.fs-21 {
  font-size: 21px;
}

.fs-22 {
  font-size: 22px;
}

.fs-23 {
  font-size: 23px;
}

.fs-24 {
  font-size: 24px;
}

.fs-25 {
  font-size: 25px;
}

.fs-26 {
  font-size: 26px;
}

.fs-27 {
  font-size: 27px;
}

.fs-28 {
  font-size: 28px;
}

.fs-29 {
  font-size: 29px;
}

.fs-30 {
  font-size: 30px;
}

.fs-31 {
  font-size: 31px;
}

.fs-32 {
  font-size: 32px;
}

.fs-33 {
  font-size: 33px;
}

.fs-34 {
  font-size: 34px;
}

.fs-35 {
  font-size: 35px;
}

.fs-36 {
  font-size: 36px;
}

.fs-37 {
  font-size: 37px;
}

.fs-38 {
  font-size: 38px;
}

.fs-39 {
  font-size: 39px;
}

.fs-40 {
  font-size: 40px;
}

.fs-41 {
  font-size: 41px;
}

.fs-42 {
  font-size: 42px;
}

.fs-43 {
  font-size: 43px;
}

.fs-44 {
  font-size: 44px;
}

.fs-45 {
  font-size: 45px;
}

.fs-46 {
  font-size: 46px;
}

.fs-47 {
  font-size: 47px;
}

.fs-48 {
  font-size: 48px;
}

.fs-49 {
  font-size: 49px;
}

.fs-50 {
  font-size: 50px;
}

.fs-51 {
  font-size: 51px;
}

.fs-52 {
  font-size: 52px;
}

.fs-53 {
  font-size: 53px;
}

.fs-54 {
  font-size: 54px;
}

.fs-55 {
  font-size: 55px;
}

.fs-56 {
  font-size: 56px;
}

.fs-57 {
  font-size: 57px;
}

.fs-58 {
  font-size: 58px;
}

.fs-59 {
  font-size: 59px;
}

.fs-60 {
  font-size: 60px;
}

.fs-61 {
  font-size: 61px;
}

.fs-62 {
  font-size: 62px;
}

.fs-63 {
  font-size: 63px;
}

.fs-64 {
  font-size: 64px;
}

.fs-65 {
  font-size: 65px;
}

.fs-66 {
  font-size: 66px;
}

.fs-67 {
  font-size: 67px;
}

.fs-68 {
  font-size: 68px;
}

.fs-69 {
  font-size: 69px;
}

.fs-70 {
  font-size: 70px;
}

.fs-71 {
  font-size: 71px;
}

.fs-72 {
  font-size: 72px;
}

.fs-73 {
  font-size: 73px;
}

.fs-74 {
  font-size: 74px;
}

.fs-75 {
  font-size: 75px;
}

.fs-76 {
  font-size: 76px;
}

.fs-77 {
  font-size: 77px;
}

.fs-78 {
  font-size: 78px;
}

.fs-79 {
  font-size: 79px;
}

.fs-80 {
  font-size: 80px;
}

.fs-81 {
  font-size: 81px;
}

.fs-82 {
  font-size: 82px;
}

.fs-83 {
  font-size: 83px;
}

.fs-84 {
  font-size: 84px;
}

.fs-85 {
  font-size: 85px;
}

.fs-86 {
  font-size: 86px;
}

.fs-87 {
  font-size: 87px;
}

.fs-88 {
  font-size: 88px;
}

.fs-89 {
  font-size: 89px;
}

.fs-90 {
  font-size: 90px;
}

.fs-91 {
  font-size: 91px;
}

.fs-92 {
  font-size: 92px;
}

.fs-93 {
  font-size: 93px;
}

.fs-94 {
  font-size: 94px;
}

.fs-95 {
  font-size: 95px;
}

.fs-96 {
  font-size: 96px;
}

.fs-97 {
  font-size: 97px;
}

.fs-98 {
  font-size: 98px;
}

.fs-99 {
  font-size: 99px;
}

.fs-100 {
  font-size: 100px;
}

.custom-opacity-1 {
  opacity: 0.01;
}

.custom-opacity-2 {
  opacity: 0.02;
}

.custom-opacity-3 {
  opacity: 0.03;
}

.custom-opacity-4 {
  opacity: 0.04;
}

.custom-opacity-5 {
  opacity: 0.05;
}

.custom-opacity-6 {
  opacity: 0.06;
}

.custom-opacity-7 {
  opacity: 0.07;
}

.custom-opacity-8 {
  opacity: 0.08;
}

.custom-opacity-9 {
  opacity: 0.09;
}

.custom-opacity-10 {
  opacity: 0.1;
}

.custom-opacity-11 {
  opacity: 0.11;
}

.custom-opacity-12 {
  opacity: 0.12;
}

.custom-opacity-13 {
  opacity: 0.13;
}

.custom-opacity-14 {
  opacity: 0.14;
}

.custom-opacity-15 {
  opacity: 0.15;
}

.custom-opacity-16 {
  opacity: 0.16;
}

.custom-opacity-17 {
  opacity: 0.17;
}

.custom-opacity-18 {
  opacity: 0.18;
}

.custom-opacity-19 {
  opacity: 0.19;
}

.custom-opacity-20 {
  opacity: 0.2;
}

.custom-opacity-21 {
  opacity: 0.21;
}

.custom-opacity-22 {
  opacity: 0.22;
}

.custom-opacity-23 {
  opacity: 0.23;
}

.custom-opacity-24 {
  opacity: 0.24;
}

.custom-opacity-25 {
  opacity: 0.25;
}

.custom-opacity-26 {
  opacity: 0.26;
}

.custom-opacity-27 {
  opacity: 0.27;
}

.custom-opacity-28 {
  opacity: 0.28;
}

.custom-opacity-29 {
  opacity: 0.29;
}

.custom-opacity-30 {
  opacity: 0.3;
}

.custom-opacity-31 {
  opacity: 0.31;
}

.custom-opacity-32 {
  opacity: 0.32;
}

.custom-opacity-33 {
  opacity: 0.33;
}

.custom-opacity-34 {
  opacity: 0.34;
}

.custom-opacity-35 {
  opacity: 0.35;
}

.custom-opacity-36 {
  opacity: 0.36;
}

.custom-opacity-37 {
  opacity: 0.37;
}

.custom-opacity-38 {
  opacity: 0.38;
}

.custom-opacity-39 {
  opacity: 0.39;
}

.custom-opacity-40 {
  opacity: 0.4;
}

.custom-opacity-41 {
  opacity: 0.41;
}

.custom-opacity-42 {
  opacity: 0.42;
}

.custom-opacity-43 {
  opacity: 0.43;
}

.custom-opacity-44 {
  opacity: 0.44;
}

.custom-opacity-45 {
  opacity: 0.45;
}

.custom-opacity-46 {
  opacity: 0.46;
}

.custom-opacity-47 {
  opacity: 0.47;
}

.custom-opacity-48 {
  opacity: 0.48;
}

.custom-opacity-49 {
  opacity: 0.49;
}

.custom-opacity-50 {
  opacity: 0.5;
}

.custom-opacity-51 {
  opacity: 0.51;
}

.custom-opacity-52 {
  opacity: 0.52;
}

.custom-opacity-53 {
  opacity: 0.53;
}

.custom-opacity-54 {
  opacity: 0.54;
}

.custom-opacity-55 {
  opacity: 0.55;
}

.custom-opacity-56 {
  opacity: 0.56;
}

.custom-opacity-57 {
  opacity: 0.57;
}

.custom-opacity-58 {
  opacity: 0.58;
}

.custom-opacity-59 {
  opacity: 0.59;
}

.custom-opacity-60 {
  opacity: 0.6;
}

.custom-opacity-61 {
  opacity: 0.61;
}

.custom-opacity-62 {
  opacity: 0.62;
}

.custom-opacity-63 {
  opacity: 0.63;
}

.custom-opacity-64 {
  opacity: 0.64;
}

.custom-opacity-65 {
  opacity: 0.65;
}

.custom-opacity-66 {
  opacity: 0.66;
}

.custom-opacity-67 {
  opacity: 0.67;
}

.custom-opacity-68 {
  opacity: 0.68;
}

.custom-opacity-69 {
  opacity: 0.69;
}

.custom-opacity-70 {
  opacity: 0.7;
}

.custom-opacity-71 {
  opacity: 0.71;
}

.custom-opacity-72 {
  opacity: 0.72;
}

.custom-opacity-73 {
  opacity: 0.73;
}

.custom-opacity-74 {
  opacity: 0.74;
}

.custom-opacity-75 {
  opacity: 0.75;
}

.custom-opacity-76 {
  opacity: 0.76;
}

.custom-opacity-77 {
  opacity: 0.77;
}

.custom-opacity-78 {
  opacity: 0.78;
}

.custom-opacity-79 {
  opacity: 0.79;
}

.custom-opacity-80 {
  opacity: 0.8;
}

.custom-opacity-81 {
  opacity: 0.81;
}

.custom-opacity-82 {
  opacity: 0.82;
}

.custom-opacity-83 {
  opacity: 0.83;
}

.custom-opacity-84 {
  opacity: 0.84;
}

.custom-opacity-85 {
  opacity: 0.85;
}

.custom-opacity-86 {
  opacity: 0.86;
}

.custom-opacity-87 {
  opacity: 0.87;
}

.custom-opacity-88 {
  opacity: 0.88;
}

.custom-opacity-89 {
  opacity: 0.89;
}

.custom-opacity-90 {
  opacity: 0.9;
}

.custom-opacity-91 {
  opacity: 0.91;
}

.custom-opacity-92 {
  opacity: 0.92;
}

.custom-opacity-93 {
  opacity: 0.93;
}

.custom-opacity-94 {
  opacity: 0.94;
}

.custom-opacity-95 {
  opacity: 0.95;
}

.custom-opacity-96 {
  opacity: 0.96;
}

.custom-opacity-97 {
  opacity: 0.97;
}

.custom-opacity-98 {
  opacity: 0.98;
}

.custom-opacity-99 {
  opacity: 0.99;
}

.custom-opacity-100 {
  opacity: 1;
}

.datepicker-container {
  z-index: 2048 !important;
}

.bg-fill-1 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-1::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 1%;
}

.bg-fill-1 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-1:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-2 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-2::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 2%;
}

.bg-fill-2 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-2:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-3 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-3::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 3%;
}

.bg-fill-3 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-3:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-4 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-4::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 4%;
}

.bg-fill-4 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-4:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-5 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-5::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 5%;
}

.bg-fill-5 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-5:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-6 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-6::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 6%;
}

.bg-fill-6 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-6:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-7 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-7::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 7%;
}

.bg-fill-7 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-7:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-8 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-8::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 8%;
}

.bg-fill-8 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-8:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-9 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-9::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 9%;
}

.bg-fill-9 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-9:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-10 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-10::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 10%;
}

.bg-fill-10 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-10:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-11 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-11::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 11%;
}

.bg-fill-11 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-11:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-12 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-12::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 12%;
}

.bg-fill-12 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-12:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-13 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-13::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 13%;
}

.bg-fill-13 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-13:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-14 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-14::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 14%;
}

.bg-fill-14 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-14:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-15 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-15::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 15%;
}

.bg-fill-15 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-15:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-16 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-16::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 16%;
}

.bg-fill-16 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-16:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-17 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-17::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 17%;
}

.bg-fill-17 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-17:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-18 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-18::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 18%;
}

.bg-fill-18 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-18:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-19 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-19::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 19%;
}

.bg-fill-19 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-19:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-20 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-20::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 20%;
}

.bg-fill-20 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-20:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-21 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-21::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 21%;
}

.bg-fill-21 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-21:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-22 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-22::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 22%;
}

.bg-fill-22 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-22:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-23 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-23::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 23%;
}

.bg-fill-23 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-23:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-24 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-24::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 24%;
}

.bg-fill-24 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-24:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-25 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-25::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 25%;
}

.bg-fill-25 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-25:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-26 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-26::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 26%;
}

.bg-fill-26 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-26:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-27 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-27::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 27%;
}

.bg-fill-27 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-27:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-28 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-28::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 28%;
}

.bg-fill-28 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-28:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-29 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-29::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 29%;
}

.bg-fill-29 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-29:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-30 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-30::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 30%;
}

.bg-fill-30 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-30:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-31 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-31::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 31%;
}

.bg-fill-31 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-31:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-32 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-32::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 32%;
}

.bg-fill-32 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-32:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-33 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-33::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 33%;
}

.bg-fill-33 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-33:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-34 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-34::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 34%;
}

.bg-fill-34 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-34:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-35 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-35::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 35%;
}

.bg-fill-35 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-35:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-36 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-36::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 36%;
}

.bg-fill-36 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-36:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-37 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-37::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 37%;
}

.bg-fill-37 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-37:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-38 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-38::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 38%;
}

.bg-fill-38 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-38:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-39 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-39::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 39%;
}

.bg-fill-39 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-39:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-40 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-40::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 40%;
}

.bg-fill-40 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-40:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-41 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-41::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 41%;
}

.bg-fill-41 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-41:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-42 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-42::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 42%;
}

.bg-fill-42 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-42:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-43 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-43::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 43%;
}

.bg-fill-43 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-43:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-44 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-44::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 44%;
}

.bg-fill-44 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-44:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-45 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-45::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 45%;
}

.bg-fill-45 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-45:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-46 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-46::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 46%;
}

.bg-fill-46 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-46:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-47 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-47::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 47%;
}

.bg-fill-47 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-47:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-48 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-48::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 48%;
}

.bg-fill-48 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-48:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-49 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-49::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 49%;
}

.bg-fill-49 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-49:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-50 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-50::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 50%;
}

.bg-fill-50 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-50:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-51 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-51::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 51%;
}

.bg-fill-51 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-51:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-52 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-52::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 52%;
}

.bg-fill-52 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-52:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-53 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-53::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 53%;
}

.bg-fill-53 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-53:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-54 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-54::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 54%;
}

.bg-fill-54 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-54:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-55 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-55::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 55%;
}

.bg-fill-55 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-55:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-56 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-56::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 56%;
}

.bg-fill-56 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-56:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-57 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-57::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 57%;
}

.bg-fill-57 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-57:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-58 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-58::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 58%;
}

.bg-fill-58 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-58:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-59 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-59::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 59%;
}

.bg-fill-59 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-59:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-60 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-60::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 60%;
}

.bg-fill-60 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-60:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-61 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-61::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 61%;
}

.bg-fill-61 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-61:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-62 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-62::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 62%;
}

.bg-fill-62 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-62:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-63 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-63::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 63%;
}

.bg-fill-63 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-63:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-64 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-64::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 64%;
}

.bg-fill-64 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-64:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-65 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-65::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 65%;
}

.bg-fill-65 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-65:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-66 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-66::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 66%;
}

.bg-fill-66 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-66:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-67 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-67::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 67%;
}

.bg-fill-67 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-67:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-68 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-68::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 68%;
}

.bg-fill-68 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-68:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-69 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-69::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 69%;
}

.bg-fill-69 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-69:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-70 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-70::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 70%;
}

.bg-fill-70 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-70:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-71 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-71::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 71%;
}

.bg-fill-71 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-71:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-72 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-72::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 72%;
}

.bg-fill-72 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-72:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-73 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-73::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 73%;
}

.bg-fill-73 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-73:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-74 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-74::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 74%;
}

.bg-fill-74 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-74:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-75 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-75::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 75%;
}

.bg-fill-75 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-75:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-76 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-76::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 76%;
}

.bg-fill-76 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-76:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-77 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-77::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 77%;
}

.bg-fill-77 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-77:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-78 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-78::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 78%;
}

.bg-fill-78 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-78:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-79 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-79::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 79%;
}

.bg-fill-79 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-79:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-80 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-80::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 80%;
}

.bg-fill-80 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-80:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-81 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-81::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 81%;
}

.bg-fill-81 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-81:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-82 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-82::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 82%;
}

.bg-fill-82 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-82:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-83 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-83::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 83%;
}

.bg-fill-83 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-83:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-84 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-84::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 84%;
}

.bg-fill-84 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-84:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-85 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-85::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 85%;
}

.bg-fill-85 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-85:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-86 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-86::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 86%;
}

.bg-fill-86 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-86:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-87 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-87::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 87%;
}

.bg-fill-87 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-87:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-88 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-88::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 88%;
}

.bg-fill-88 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-88:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-89 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-89::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 89%;
}

.bg-fill-89 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-89:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-90 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-90::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 90%;
}

.bg-fill-90 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-90:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-91 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-91::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 91%;
}

.bg-fill-91 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-91:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-92 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-92::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 92%;
}

.bg-fill-92 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-92:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-93 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-93::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 93%;
}

.bg-fill-93 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-93:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-94 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-94::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 94%;
}

.bg-fill-94 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-94:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-95 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-95::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 95%;
}

.bg-fill-95 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-95:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-96 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-96::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 96%;
}

.bg-fill-96 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-96:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-97 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-97::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 97%;
}

.bg-fill-97 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-97:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-98 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-98::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 98%;
}

.bg-fill-98 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-98:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-99 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-99::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 99%;
}

.bg-fill-99 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-99:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.bg-fill-100 {
  position: relative;
  border-color: var(--bs-warning);
}

.bg-fill-100::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: var(--bs-warning);
  z-index: 0;
  top: 0;
  width: 100%;
}

.bg-fill-100 .has-index {
  z-index: 1;
  position: relative;
}

.bg-fill-100:hover {
  box-shadow: 0 4px 4px -1px orange;
  border-color: orange;
}

.wpx-1 {
  width: 1px;
}

.hpx-1 {
  height: 1px;
}

.wpx-2 {
  width: 2px;
}

.hpx-2 {
  height: 2px;
}

.wpx-3 {
  width: 3px;
}

.hpx-3 {
  height: 3px;
}

.wpx-4 {
  width: 4px;
}

.hpx-4 {
  height: 4px;
}

.wpx-5 {
  width: 5px;
}

.hpx-5 {
  height: 5px;
}

.wpx-6 {
  width: 6px;
}

.hpx-6 {
  height: 6px;
}

.wpx-7 {
  width: 7px;
}

.hpx-7 {
  height: 7px;
}

.wpx-8 {
  width: 8px;
}

.hpx-8 {
  height: 8px;
}

.wpx-9 {
  width: 9px;
}

.hpx-9 {
  height: 9px;
}

.wpx-10 {
  width: 10px;
}

.hpx-10 {
  height: 10px;
}

.wpx-11 {
  width: 11px;
}

.hpx-11 {
  height: 11px;
}

.wpx-12 {
  width: 12px;
}

.hpx-12 {
  height: 12px;
}

.wpx-13 {
  width: 13px;
}

.hpx-13 {
  height: 13px;
}

.wpx-14 {
  width: 14px;
}

.hpx-14 {
  height: 14px;
}

.wpx-15 {
  width: 15px;
}

.hpx-15 {
  height: 15px;
}

.wpx-16 {
  width: 16px;
}

.hpx-16 {
  height: 16px;
}

.wpx-17 {
  width: 17px;
}

.hpx-17 {
  height: 17px;
}

.wpx-18 {
  width: 18px;
}

.hpx-18 {
  height: 18px;
}

.wpx-19 {
  width: 19px;
}

.hpx-19 {
  height: 19px;
}

.wpx-20 {
  width: 20px;
}

.hpx-20 {
  height: 20px;
}

.wpx-21 {
  width: 21px;
}

.hpx-21 {
  height: 21px;
}

.wpx-22 {
  width: 22px;
}

.hpx-22 {
  height: 22px;
}

.wpx-23 {
  width: 23px;
}

.hpx-23 {
  height: 23px;
}

.wpx-24 {
  width: 24px;
}

.hpx-24 {
  height: 24px;
}

.wpx-25 {
  width: 25px;
}

.hpx-25 {
  height: 25px;
}

.wpx-26 {
  width: 26px;
}

.hpx-26 {
  height: 26px;
}

.wpx-27 {
  width: 27px;
}

.hpx-27 {
  height: 27px;
}

.wpx-28 {
  width: 28px;
}

.hpx-28 {
  height: 28px;
}

.wpx-29 {
  width: 29px;
}

.hpx-29 {
  height: 29px;
}

.wpx-30 {
  width: 30px;
}

.hpx-30 {
  height: 30px;
}

.wpx-31 {
  width: 31px;
}

.hpx-31 {
  height: 31px;
}

.wpx-32 {
  width: 32px;
}

.hpx-32 {
  height: 32px;
}

.wpx-33 {
  width: 33px;
}

.hpx-33 {
  height: 33px;
}

.wpx-34 {
  width: 34px;
}

.hpx-34 {
  height: 34px;
}

.wpx-35 {
  width: 35px;
}

.hpx-35 {
  height: 35px;
}

.wpx-36 {
  width: 36px;
}

.hpx-36 {
  height: 36px;
}

.wpx-37 {
  width: 37px;
}

.hpx-37 {
  height: 37px;
}

.wpx-38 {
  width: 38px;
}

.hpx-38 {
  height: 38px;
}

.wpx-39 {
  width: 39px;
}

.hpx-39 {
  height: 39px;
}

.wpx-40 {
  width: 40px;
}

.hpx-40 {
  height: 40px;
}

.wpx-41 {
  width: 41px;
}

.hpx-41 {
  height: 41px;
}

.wpx-42 {
  width: 42px;
}

.hpx-42 {
  height: 42px;
}

.wpx-43 {
  width: 43px;
}

.hpx-43 {
  height: 43px;
}

.wpx-44 {
  width: 44px;
}

.hpx-44 {
  height: 44px;
}

.wpx-45 {
  width: 45px;
}

.hpx-45 {
  height: 45px;
}

.wpx-46 {
  width: 46px;
}

.hpx-46 {
  height: 46px;
}

.wpx-47 {
  width: 47px;
}

.hpx-47 {
  height: 47px;
}

.wpx-48 {
  width: 48px;
}

.hpx-48 {
  height: 48px;
}

.wpx-49 {
  width: 49px;
}

.hpx-49 {
  height: 49px;
}

.wpx-50 {
  width: 50px;
}

.hpx-50 {
  height: 50px;
}

.wpx-51 {
  width: 51px;
}

.hpx-51 {
  height: 51px;
}

.wpx-52 {
  width: 52px;
}

.hpx-52 {
  height: 52px;
}

.wpx-53 {
  width: 53px;
}

.hpx-53 {
  height: 53px;
}

.wpx-54 {
  width: 54px;
}

.hpx-54 {
  height: 54px;
}

.wpx-55 {
  width: 55px;
}

.hpx-55 {
  height: 55px;
}

.wpx-56 {
  width: 56px;
}

.hpx-56 {
  height: 56px;
}

.wpx-57 {
  width: 57px;
}

.hpx-57 {
  height: 57px;
}

.wpx-58 {
  width: 58px;
}

.hpx-58 {
  height: 58px;
}

.wpx-59 {
  width: 59px;
}

.hpx-59 {
  height: 59px;
}

.wpx-60 {
  width: 60px;
}

.hpx-60 {
  height: 60px;
}

.wpx-61 {
  width: 61px;
}

.hpx-61 {
  height: 61px;
}

.wpx-62 {
  width: 62px;
}

.hpx-62 {
  height: 62px;
}

.wpx-63 {
  width: 63px;
}

.hpx-63 {
  height: 63px;
}

.wpx-64 {
  width: 64px;
}

.hpx-64 {
  height: 64px;
}

.wpx-65 {
  width: 65px;
}

.hpx-65 {
  height: 65px;
}

.wpx-66 {
  width: 66px;
}

.hpx-66 {
  height: 66px;
}

.wpx-67 {
  width: 67px;
}

.hpx-67 {
  height: 67px;
}

.wpx-68 {
  width: 68px;
}

.hpx-68 {
  height: 68px;
}

.wpx-69 {
  width: 69px;
}

.hpx-69 {
  height: 69px;
}

.wpx-70 {
  width: 70px;
}

.hpx-70 {
  height: 70px;
}

.wpx-71 {
  width: 71px;
}

.hpx-71 {
  height: 71px;
}

.wpx-72 {
  width: 72px;
}

.hpx-72 {
  height: 72px;
}

.wpx-73 {
  width: 73px;
}

.hpx-73 {
  height: 73px;
}

.wpx-74 {
  width: 74px;
}

.hpx-74 {
  height: 74px;
}

.wpx-75 {
  width: 75px;
}

.hpx-75 {
  height: 75px;
}

.wpx-76 {
  width: 76px;
}

.hpx-76 {
  height: 76px;
}

.wpx-77 {
  width: 77px;
}

.hpx-77 {
  height: 77px;
}

.wpx-78 {
  width: 78px;
}

.hpx-78 {
  height: 78px;
}

.wpx-79 {
  width: 79px;
}

.hpx-79 {
  height: 79px;
}

.wpx-80 {
  width: 80px;
}

.hpx-80 {
  height: 80px;
}

.wpx-81 {
  width: 81px;
}

.hpx-81 {
  height: 81px;
}

.wpx-82 {
  width: 82px;
}

.hpx-82 {
  height: 82px;
}

.wpx-83 {
  width: 83px;
}

.hpx-83 {
  height: 83px;
}

.wpx-84 {
  width: 84px;
}

.hpx-84 {
  height: 84px;
}

.wpx-85 {
  width: 85px;
}

.hpx-85 {
  height: 85px;
}

.wpx-86 {
  width: 86px;
}

.hpx-86 {
  height: 86px;
}

.wpx-87 {
  width: 87px;
}

.hpx-87 {
  height: 87px;
}

.wpx-88 {
  width: 88px;
}

.hpx-88 {
  height: 88px;
}

.wpx-89 {
  width: 89px;
}

.hpx-89 {
  height: 89px;
}

.wpx-90 {
  width: 90px;
}

.hpx-90 {
  height: 90px;
}

.wpx-91 {
  width: 91px;
}

.hpx-91 {
  height: 91px;
}

.wpx-92 {
  width: 92px;
}

.hpx-92 {
  height: 92px;
}

.wpx-93 {
  width: 93px;
}

.hpx-93 {
  height: 93px;
}

.wpx-94 {
  width: 94px;
}

.hpx-94 {
  height: 94px;
}

.wpx-95 {
  width: 95px;
}

.hpx-95 {
  height: 95px;
}

.wpx-96 {
  width: 96px;
}

.hpx-96 {
  height: 96px;
}

.wpx-97 {
  width: 97px;
}

.hpx-97 {
  height: 97px;
}

.wpx-98 {
  width: 98px;
}

.hpx-98 {
  height: 98px;
}

.wpx-99 {
  width: 99px;
}

.hpx-99 {
  height: 99px;
}

.wpx-100 {
  width: 100px;
}

.hpx-100 {
  height: 100px;
}

.wpx-101 {
  width: 101px;
}

.hpx-101 {
  height: 101px;
}

.wpx-102 {
  width: 102px;
}

.hpx-102 {
  height: 102px;
}

.wpx-103 {
  width: 103px;
}

.hpx-103 {
  height: 103px;
}

.wpx-104 {
  width: 104px;
}

.hpx-104 {
  height: 104px;
}

.wpx-105 {
  width: 105px;
}

.hpx-105 {
  height: 105px;
}

.wpx-106 {
  width: 106px;
}

.hpx-106 {
  height: 106px;
}

.wpx-107 {
  width: 107px;
}

.hpx-107 {
  height: 107px;
}

.wpx-108 {
  width: 108px;
}

.hpx-108 {
  height: 108px;
}

.wpx-109 {
  width: 109px;
}

.hpx-109 {
  height: 109px;
}

.wpx-110 {
  width: 110px;
}

.hpx-110 {
  height: 110px;
}

.wpx-111 {
  width: 111px;
}

.hpx-111 {
  height: 111px;
}

.wpx-112 {
  width: 112px;
}

.hpx-112 {
  height: 112px;
}

.wpx-113 {
  width: 113px;
}

.hpx-113 {
  height: 113px;
}

.wpx-114 {
  width: 114px;
}

.hpx-114 {
  height: 114px;
}

.wpx-115 {
  width: 115px;
}

.hpx-115 {
  height: 115px;
}

.wpx-116 {
  width: 116px;
}

.hpx-116 {
  height: 116px;
}

.wpx-117 {
  width: 117px;
}

.hpx-117 {
  height: 117px;
}

.wpx-118 {
  width: 118px;
}

.hpx-118 {
  height: 118px;
}

.wpx-119 {
  width: 119px;
}

.hpx-119 {
  height: 119px;
}

.wpx-120 {
  width: 120px;
}

.hpx-120 {
  height: 120px;
}

.wpx-121 {
  width: 121px;
}

.hpx-121 {
  height: 121px;
}

.wpx-122 {
  width: 122px;
}

.hpx-122 {
  height: 122px;
}

.wpx-123 {
  width: 123px;
}

.hpx-123 {
  height: 123px;
}

.wpx-124 {
  width: 124px;
}

.hpx-124 {
  height: 124px;
}

.wpx-125 {
  width: 125px;
}

.hpx-125 {
  height: 125px;
}

.wpx-126 {
  width: 126px;
}

.hpx-126 {
  height: 126px;
}

.wpx-127 {
  width: 127px;
}

.hpx-127 {
  height: 127px;
}

.wpx-128 {
  width: 128px;
}

.hpx-128 {
  height: 128px;
}

.wpx-129 {
  width: 129px;
}

.hpx-129 {
  height: 129px;
}

.wpx-130 {
  width: 130px;
}

.hpx-130 {
  height: 130px;
}

.wpx-131 {
  width: 131px;
}

.hpx-131 {
  height: 131px;
}

.wpx-132 {
  width: 132px;
}

.hpx-132 {
  height: 132px;
}

.wpx-133 {
  width: 133px;
}

.hpx-133 {
  height: 133px;
}

.wpx-134 {
  width: 134px;
}

.hpx-134 {
  height: 134px;
}

.wpx-135 {
  width: 135px;
}

.hpx-135 {
  height: 135px;
}

.wpx-136 {
  width: 136px;
}

.hpx-136 {
  height: 136px;
}

.wpx-137 {
  width: 137px;
}

.hpx-137 {
  height: 137px;
}

.wpx-138 {
  width: 138px;
}

.hpx-138 {
  height: 138px;
}

.wpx-139 {
  width: 139px;
}

.hpx-139 {
  height: 139px;
}

.wpx-140 {
  width: 140px;
}

.hpx-140 {
  height: 140px;
}

.wpx-141 {
  width: 141px;
}

.hpx-141 {
  height: 141px;
}

.wpx-142 {
  width: 142px;
}

.hpx-142 {
  height: 142px;
}

.wpx-143 {
  width: 143px;
}

.hpx-143 {
  height: 143px;
}

.wpx-144 {
  width: 144px;
}

.hpx-144 {
  height: 144px;
}

.wpx-145 {
  width: 145px;
}

.hpx-145 {
  height: 145px;
}

.wpx-146 {
  width: 146px;
}

.hpx-146 {
  height: 146px;
}

.wpx-147 {
  width: 147px;
}

.hpx-147 {
  height: 147px;
}

.wpx-148 {
  width: 148px;
}

.hpx-148 {
  height: 148px;
}

.wpx-149 {
  width: 149px;
}

.hpx-149 {
  height: 149px;
}

.wpx-150 {
  width: 150px;
}

.hpx-150 {
  height: 150px;
}

.wpx-151 {
  width: 151px;
}

.hpx-151 {
  height: 151px;
}

.wpx-152 {
  width: 152px;
}

.hpx-152 {
  height: 152px;
}

.wpx-153 {
  width: 153px;
}

.hpx-153 {
  height: 153px;
}

.wpx-154 {
  width: 154px;
}

.hpx-154 {
  height: 154px;
}

.wpx-155 {
  width: 155px;
}

.hpx-155 {
  height: 155px;
}

.wpx-156 {
  width: 156px;
}

.hpx-156 {
  height: 156px;
}

.wpx-157 {
  width: 157px;
}

.hpx-157 {
  height: 157px;
}

.wpx-158 {
  width: 158px;
}

.hpx-158 {
  height: 158px;
}

.wpx-159 {
  width: 159px;
}

.hpx-159 {
  height: 159px;
}

.wpx-160 {
  width: 160px;
}

.hpx-160 {
  height: 160px;
}

.wpx-161 {
  width: 161px;
}

.hpx-161 {
  height: 161px;
}

.wpx-162 {
  width: 162px;
}

.hpx-162 {
  height: 162px;
}

.wpx-163 {
  width: 163px;
}

.hpx-163 {
  height: 163px;
}

.wpx-164 {
  width: 164px;
}

.hpx-164 {
  height: 164px;
}

.wpx-165 {
  width: 165px;
}

.hpx-165 {
  height: 165px;
}

.wpx-166 {
  width: 166px;
}

.hpx-166 {
  height: 166px;
}

.wpx-167 {
  width: 167px;
}

.hpx-167 {
  height: 167px;
}

.wpx-168 {
  width: 168px;
}

.hpx-168 {
  height: 168px;
}

.wpx-169 {
  width: 169px;
}

.hpx-169 {
  height: 169px;
}

.wpx-170 {
  width: 170px;
}

.hpx-170 {
  height: 170px;
}

.wpx-171 {
  width: 171px;
}

.hpx-171 {
  height: 171px;
}

.wpx-172 {
  width: 172px;
}

.hpx-172 {
  height: 172px;
}

.wpx-173 {
  width: 173px;
}

.hpx-173 {
  height: 173px;
}

.wpx-174 {
  width: 174px;
}

.hpx-174 {
  height: 174px;
}

.wpx-175 {
  width: 175px;
}

.hpx-175 {
  height: 175px;
}

.wpx-176 {
  width: 176px;
}

.hpx-176 {
  height: 176px;
}

.wpx-177 {
  width: 177px;
}

.hpx-177 {
  height: 177px;
}

.wpx-178 {
  width: 178px;
}

.hpx-178 {
  height: 178px;
}

.wpx-179 {
  width: 179px;
}

.hpx-179 {
  height: 179px;
}

.wpx-180 {
  width: 180px;
}

.hpx-180 {
  height: 180px;
}

.wpx-181 {
  width: 181px;
}

.hpx-181 {
  height: 181px;
}

.wpx-182 {
  width: 182px;
}

.hpx-182 {
  height: 182px;
}

.wpx-183 {
  width: 183px;
}

.hpx-183 {
  height: 183px;
}

.wpx-184 {
  width: 184px;
}

.hpx-184 {
  height: 184px;
}

.wpx-185 {
  width: 185px;
}

.hpx-185 {
  height: 185px;
}

.wpx-186 {
  width: 186px;
}

.hpx-186 {
  height: 186px;
}

.wpx-187 {
  width: 187px;
}

.hpx-187 {
  height: 187px;
}

.wpx-188 {
  width: 188px;
}

.hpx-188 {
  height: 188px;
}

.wpx-189 {
  width: 189px;
}

.hpx-189 {
  height: 189px;
}

.wpx-190 {
  width: 190px;
}

.hpx-190 {
  height: 190px;
}

.wpx-191 {
  width: 191px;
}

.hpx-191 {
  height: 191px;
}

.wpx-192 {
  width: 192px;
}

.hpx-192 {
  height: 192px;
}

.wpx-193 {
  width: 193px;
}

.hpx-193 {
  height: 193px;
}

.wpx-194 {
  width: 194px;
}

.hpx-194 {
  height: 194px;
}

.wpx-195 {
  width: 195px;
}

.hpx-195 {
  height: 195px;
}

.wpx-196 {
  width: 196px;
}

.hpx-196 {
  height: 196px;
}

.wpx-197 {
  width: 197px;
}

.hpx-197 {
  height: 197px;
}

.wpx-198 {
  width: 198px;
}

.hpx-198 {
  height: 198px;
}

.wpx-199 {
  width: 199px;
}

.hpx-199 {
  height: 199px;
}

.wpx-200 {
  width: 200px;
}

.hpx-200 {
  height: 200px;
}

.wpx-201 {
  width: 201px;
}

.hpx-201 {
  height: 201px;
}

.wpx-202 {
  width: 202px;
}

.hpx-202 {
  height: 202px;
}

.wpx-203 {
  width: 203px;
}

.hpx-203 {
  height: 203px;
}

.wpx-204 {
  width: 204px;
}

.hpx-204 {
  height: 204px;
}

.wpx-205 {
  width: 205px;
}

.hpx-205 {
  height: 205px;
}

.wpx-206 {
  width: 206px;
}

.hpx-206 {
  height: 206px;
}

.wpx-207 {
  width: 207px;
}

.hpx-207 {
  height: 207px;
}

.wpx-208 {
  width: 208px;
}

.hpx-208 {
  height: 208px;
}

.wpx-209 {
  width: 209px;
}

.hpx-209 {
  height: 209px;
}

.wpx-210 {
  width: 210px;
}

.hpx-210 {
  height: 210px;
}

.wpx-211 {
  width: 211px;
}

.hpx-211 {
  height: 211px;
}

.wpx-212 {
  width: 212px;
}

.hpx-212 {
  height: 212px;
}

.wpx-213 {
  width: 213px;
}

.hpx-213 {
  height: 213px;
}

.wpx-214 {
  width: 214px;
}

.hpx-214 {
  height: 214px;
}

.wpx-215 {
  width: 215px;
}

.hpx-215 {
  height: 215px;
}

.wpx-216 {
  width: 216px;
}

.hpx-216 {
  height: 216px;
}

.wpx-217 {
  width: 217px;
}

.hpx-217 {
  height: 217px;
}

.wpx-218 {
  width: 218px;
}

.hpx-218 {
  height: 218px;
}

.wpx-219 {
  width: 219px;
}

.hpx-219 {
  height: 219px;
}

.wpx-220 {
  width: 220px;
}

.hpx-220 {
  height: 220px;
}

.wpx-221 {
  width: 221px;
}

.hpx-221 {
  height: 221px;
}

.wpx-222 {
  width: 222px;
}

.hpx-222 {
  height: 222px;
}

.wpx-223 {
  width: 223px;
}

.hpx-223 {
  height: 223px;
}

.wpx-224 {
  width: 224px;
}

.hpx-224 {
  height: 224px;
}

.wpx-225 {
  width: 225px;
}

.hpx-225 {
  height: 225px;
}

.wpx-226 {
  width: 226px;
}

.hpx-226 {
  height: 226px;
}

.wpx-227 {
  width: 227px;
}

.hpx-227 {
  height: 227px;
}

.wpx-228 {
  width: 228px;
}

.hpx-228 {
  height: 228px;
}

.wpx-229 {
  width: 229px;
}

.hpx-229 {
  height: 229px;
}

.wpx-230 {
  width: 230px;
}

.hpx-230 {
  height: 230px;
}

.wpx-231 {
  width: 231px;
}

.hpx-231 {
  height: 231px;
}

.wpx-232 {
  width: 232px;
}

.hpx-232 {
  height: 232px;
}

.wpx-233 {
  width: 233px;
}

.hpx-233 {
  height: 233px;
}

.wpx-234 {
  width: 234px;
}

.hpx-234 {
  height: 234px;
}

.wpx-235 {
  width: 235px;
}

.hpx-235 {
  height: 235px;
}

.wpx-236 {
  width: 236px;
}

.hpx-236 {
  height: 236px;
}

.wpx-237 {
  width: 237px;
}

.hpx-237 {
  height: 237px;
}

.wpx-238 {
  width: 238px;
}

.hpx-238 {
  height: 238px;
}

.wpx-239 {
  width: 239px;
}

.hpx-239 {
  height: 239px;
}

.wpx-240 {
  width: 240px;
}

.hpx-240 {
  height: 240px;
}

.wpx-241 {
  width: 241px;
}

.hpx-241 {
  height: 241px;
}

.wpx-242 {
  width: 242px;
}

.hpx-242 {
  height: 242px;
}

.wpx-243 {
  width: 243px;
}

.hpx-243 {
  height: 243px;
}

.wpx-244 {
  width: 244px;
}

.hpx-244 {
  height: 244px;
}

.wpx-245 {
  width: 245px;
}

.hpx-245 {
  height: 245px;
}

.wpx-246 {
  width: 246px;
}

.hpx-246 {
  height: 246px;
}

.wpx-247 {
  width: 247px;
}

.hpx-247 {
  height: 247px;
}

.wpx-248 {
  width: 248px;
}

.hpx-248 {
  height: 248px;
}

.wpx-249 {
  width: 249px;
}

.hpx-249 {
  height: 249px;
}

.wpx-250 {
  width: 250px;
}

.hpx-250 {
  height: 250px;
}

.wpx-251 {
  width: 251px;
}

.hpx-251 {
  height: 251px;
}

.wpx-252 {
  width: 252px;
}

.hpx-252 {
  height: 252px;
}

.wpx-253 {
  width: 253px;
}

.hpx-253 {
  height: 253px;
}

.wpx-254 {
  width: 254px;
}

.hpx-254 {
  height: 254px;
}

.wpx-255 {
  width: 255px;
}

.hpx-255 {
  height: 255px;
}

.wpx-256 {
  width: 256px;
}

.hpx-256 {
  height: 256px;
}

.wpx-257 {
  width: 257px;
}

.hpx-257 {
  height: 257px;
}

.wpx-258 {
  width: 258px;
}

.hpx-258 {
  height: 258px;
}

.wpx-259 {
  width: 259px;
}

.hpx-259 {
  height: 259px;
}

.wpx-260 {
  width: 260px;
}

.hpx-260 {
  height: 260px;
}

.wpx-261 {
  width: 261px;
}

.hpx-261 {
  height: 261px;
}

.wpx-262 {
  width: 262px;
}

.hpx-262 {
  height: 262px;
}

.wpx-263 {
  width: 263px;
}

.hpx-263 {
  height: 263px;
}

.wpx-264 {
  width: 264px;
}

.hpx-264 {
  height: 264px;
}

.wpx-265 {
  width: 265px;
}

.hpx-265 {
  height: 265px;
}

.wpx-266 {
  width: 266px;
}

.hpx-266 {
  height: 266px;
}

.wpx-267 {
  width: 267px;
}

.hpx-267 {
  height: 267px;
}

.wpx-268 {
  width: 268px;
}

.hpx-268 {
  height: 268px;
}

.wpx-269 {
  width: 269px;
}

.hpx-269 {
  height: 269px;
}

.wpx-270 {
  width: 270px;
}

.hpx-270 {
  height: 270px;
}

.wpx-271 {
  width: 271px;
}

.hpx-271 {
  height: 271px;
}

.wpx-272 {
  width: 272px;
}

.hpx-272 {
  height: 272px;
}

.wpx-273 {
  width: 273px;
}

.hpx-273 {
  height: 273px;
}

.wpx-274 {
  width: 274px;
}

.hpx-274 {
  height: 274px;
}

.wpx-275 {
  width: 275px;
}

.hpx-275 {
  height: 275px;
}

.wpx-276 {
  width: 276px;
}

.hpx-276 {
  height: 276px;
}

.wpx-277 {
  width: 277px;
}

.hpx-277 {
  height: 277px;
}

.wpx-278 {
  width: 278px;
}

.hpx-278 {
  height: 278px;
}

.wpx-279 {
  width: 279px;
}

.hpx-279 {
  height: 279px;
}

.wpx-280 {
  width: 280px;
}

.hpx-280 {
  height: 280px;
}

.wpx-281 {
  width: 281px;
}

.hpx-281 {
  height: 281px;
}

.wpx-282 {
  width: 282px;
}

.hpx-282 {
  height: 282px;
}

.wpx-283 {
  width: 283px;
}

.hpx-283 {
  height: 283px;
}

.wpx-284 {
  width: 284px;
}

.hpx-284 {
  height: 284px;
}

.wpx-285 {
  width: 285px;
}

.hpx-285 {
  height: 285px;
}

.wpx-286 {
  width: 286px;
}

.hpx-286 {
  height: 286px;
}

.wpx-287 {
  width: 287px;
}

.hpx-287 {
  height: 287px;
}

.wpx-288 {
  width: 288px;
}

.hpx-288 {
  height: 288px;
}

.wpx-289 {
  width: 289px;
}

.hpx-289 {
  height: 289px;
}

.wpx-290 {
  width: 290px;
}

.hpx-290 {
  height: 290px;
}

.wpx-291 {
  width: 291px;
}

.hpx-291 {
  height: 291px;
}

.wpx-292 {
  width: 292px;
}

.hpx-292 {
  height: 292px;
}

.wpx-293 {
  width: 293px;
}

.hpx-293 {
  height: 293px;
}

.wpx-294 {
  width: 294px;
}

.hpx-294 {
  height: 294px;
}

.wpx-295 {
  width: 295px;
}

.hpx-295 {
  height: 295px;
}

.wpx-296 {
  width: 296px;
}

.hpx-296 {
  height: 296px;
}

.wpx-297 {
  width: 297px;
}

.hpx-297 {
  height: 297px;
}

.wpx-298 {
  width: 298px;
}

.hpx-298 {
  height: 298px;
}

.wpx-299 {
  width: 299px;
}

.hpx-299 {
  height: 299px;
}

.wpx-300 {
  width: 300px;
}

.hpx-300 {
  height: 300px;
}

.wpx-301 {
  width: 301px;
}

.hpx-301 {
  height: 301px;
}

.wpx-302 {
  width: 302px;
}

.hpx-302 {
  height: 302px;
}

.wpx-303 {
  width: 303px;
}

.hpx-303 {
  height: 303px;
}

.wpx-304 {
  width: 304px;
}

.hpx-304 {
  height: 304px;
}

.wpx-305 {
  width: 305px;
}

.hpx-305 {
  height: 305px;
}

.wpx-306 {
  width: 306px;
}

.hpx-306 {
  height: 306px;
}

.wpx-307 {
  width: 307px;
}

.hpx-307 {
  height: 307px;
}

.wpx-308 {
  width: 308px;
}

.hpx-308 {
  height: 308px;
}

.wpx-309 {
  width: 309px;
}

.hpx-309 {
  height: 309px;
}

.wpx-310 {
  width: 310px;
}

.hpx-310 {
  height: 310px;
}

.wpx-311 {
  width: 311px;
}

.hpx-311 {
  height: 311px;
}

.wpx-312 {
  width: 312px;
}

.hpx-312 {
  height: 312px;
}

.wpx-313 {
  width: 313px;
}

.hpx-313 {
  height: 313px;
}

.wpx-314 {
  width: 314px;
}

.hpx-314 {
  height: 314px;
}

.wpx-315 {
  width: 315px;
}

.hpx-315 {
  height: 315px;
}

.wpx-316 {
  width: 316px;
}

.hpx-316 {
  height: 316px;
}

.wpx-317 {
  width: 317px;
}

.hpx-317 {
  height: 317px;
}

.wpx-318 {
  width: 318px;
}

.hpx-318 {
  height: 318px;
}

.wpx-319 {
  width: 319px;
}

.hpx-319 {
  height: 319px;
}

.wpx-320 {
  width: 320px;
}

.hpx-320 {
  height: 320px;
}

.wpx-321 {
  width: 321px;
}

.hpx-321 {
  height: 321px;
}

.wpx-322 {
  width: 322px;
}

.hpx-322 {
  height: 322px;
}

.wpx-323 {
  width: 323px;
}

.hpx-323 {
  height: 323px;
}

.wpx-324 {
  width: 324px;
}

.hpx-324 {
  height: 324px;
}

.wpx-325 {
  width: 325px;
}

.hpx-325 {
  height: 325px;
}

.wpx-326 {
  width: 326px;
}

.hpx-326 {
  height: 326px;
}

.wpx-327 {
  width: 327px;
}

.hpx-327 {
  height: 327px;
}

.wpx-328 {
  width: 328px;
}

.hpx-328 {
  height: 328px;
}

.wpx-329 {
  width: 329px;
}

.hpx-329 {
  height: 329px;
}

.wpx-330 {
  width: 330px;
}

.hpx-330 {
  height: 330px;
}

.wpx-331 {
  width: 331px;
}

.hpx-331 {
  height: 331px;
}

.wpx-332 {
  width: 332px;
}

.hpx-332 {
  height: 332px;
}

.wpx-333 {
  width: 333px;
}

.hpx-333 {
  height: 333px;
}

.wpx-334 {
  width: 334px;
}

.hpx-334 {
  height: 334px;
}

.wpx-335 {
  width: 335px;
}

.hpx-335 {
  height: 335px;
}

.wpx-336 {
  width: 336px;
}

.hpx-336 {
  height: 336px;
}

.wpx-337 {
  width: 337px;
}

.hpx-337 {
  height: 337px;
}

.wpx-338 {
  width: 338px;
}

.hpx-338 {
  height: 338px;
}

.wpx-339 {
  width: 339px;
}

.hpx-339 {
  height: 339px;
}

.wpx-340 {
  width: 340px;
}

.hpx-340 {
  height: 340px;
}

.wpx-341 {
  width: 341px;
}

.hpx-341 {
  height: 341px;
}

.wpx-342 {
  width: 342px;
}

.hpx-342 {
  height: 342px;
}

.wpx-343 {
  width: 343px;
}

.hpx-343 {
  height: 343px;
}

.wpx-344 {
  width: 344px;
}

.hpx-344 {
  height: 344px;
}

.wpx-345 {
  width: 345px;
}

.hpx-345 {
  height: 345px;
}

.wpx-346 {
  width: 346px;
}

.hpx-346 {
  height: 346px;
}

.wpx-347 {
  width: 347px;
}

.hpx-347 {
  height: 347px;
}

.wpx-348 {
  width: 348px;
}

.hpx-348 {
  height: 348px;
}

.wpx-349 {
  width: 349px;
}

.hpx-349 {
  height: 349px;
}

.wpx-350 {
  width: 350px;
}

.hpx-350 {
  height: 350px;
}

.wpx-351 {
  width: 351px;
}

.hpx-351 {
  height: 351px;
}

.wpx-352 {
  width: 352px;
}

.hpx-352 {
  height: 352px;
}

.wpx-353 {
  width: 353px;
}

.hpx-353 {
  height: 353px;
}

.wpx-354 {
  width: 354px;
}

.hpx-354 {
  height: 354px;
}

.wpx-355 {
  width: 355px;
}

.hpx-355 {
  height: 355px;
}

.wpx-356 {
  width: 356px;
}

.hpx-356 {
  height: 356px;
}

.wpx-357 {
  width: 357px;
}

.hpx-357 {
  height: 357px;
}

.wpx-358 {
  width: 358px;
}

.hpx-358 {
  height: 358px;
}

.wpx-359 {
  width: 359px;
}

.hpx-359 {
  height: 359px;
}

.wpx-360 {
  width: 360px;
}

.hpx-360 {
  height: 360px;
}

.wpx-361 {
  width: 361px;
}

.hpx-361 {
  height: 361px;
}

.wpx-362 {
  width: 362px;
}

.hpx-362 {
  height: 362px;
}

.wpx-363 {
  width: 363px;
}

.hpx-363 {
  height: 363px;
}

.wpx-364 {
  width: 364px;
}

.hpx-364 {
  height: 364px;
}

.wpx-365 {
  width: 365px;
}

.hpx-365 {
  height: 365px;
}

.wpx-366 {
  width: 366px;
}

.hpx-366 {
  height: 366px;
}

.wpx-367 {
  width: 367px;
}

.hpx-367 {
  height: 367px;
}

.wpx-368 {
  width: 368px;
}

.hpx-368 {
  height: 368px;
}

.wpx-369 {
  width: 369px;
}

.hpx-369 {
  height: 369px;
}

.wpx-370 {
  width: 370px;
}

.hpx-370 {
  height: 370px;
}

.wpx-371 {
  width: 371px;
}

.hpx-371 {
  height: 371px;
}

.wpx-372 {
  width: 372px;
}

.hpx-372 {
  height: 372px;
}

.wpx-373 {
  width: 373px;
}

.hpx-373 {
  height: 373px;
}

.wpx-374 {
  width: 374px;
}

.hpx-374 {
  height: 374px;
}

.wpx-375 {
  width: 375px;
}

.hpx-375 {
  height: 375px;
}

.wpx-376 {
  width: 376px;
}

.hpx-376 {
  height: 376px;
}

.wpx-377 {
  width: 377px;
}

.hpx-377 {
  height: 377px;
}

.wpx-378 {
  width: 378px;
}

.hpx-378 {
  height: 378px;
}

.wpx-379 {
  width: 379px;
}

.hpx-379 {
  height: 379px;
}

.wpx-380 {
  width: 380px;
}

.hpx-380 {
  height: 380px;
}

.wpx-381 {
  width: 381px;
}

.hpx-381 {
  height: 381px;
}

.wpx-382 {
  width: 382px;
}

.hpx-382 {
  height: 382px;
}

.wpx-383 {
  width: 383px;
}

.hpx-383 {
  height: 383px;
}

.wpx-384 {
  width: 384px;
}

.hpx-384 {
  height: 384px;
}

.wpx-385 {
  width: 385px;
}

.hpx-385 {
  height: 385px;
}

.wpx-386 {
  width: 386px;
}

.hpx-386 {
  height: 386px;
}

.wpx-387 {
  width: 387px;
}

.hpx-387 {
  height: 387px;
}

.wpx-388 {
  width: 388px;
}

.hpx-388 {
  height: 388px;
}

.wpx-389 {
  width: 389px;
}

.hpx-389 {
  height: 389px;
}

.wpx-390 {
  width: 390px;
}

.hpx-390 {
  height: 390px;
}

.wpx-391 {
  width: 391px;
}

.hpx-391 {
  height: 391px;
}

.wpx-392 {
  width: 392px;
}

.hpx-392 {
  height: 392px;
}

.wpx-393 {
  width: 393px;
}

.hpx-393 {
  height: 393px;
}

.wpx-394 {
  width: 394px;
}

.hpx-394 {
  height: 394px;
}

.wpx-395 {
  width: 395px;
}

.hpx-395 {
  height: 395px;
}

.wpx-396 {
  width: 396px;
}

.hpx-396 {
  height: 396px;
}

.wpx-397 {
  width: 397px;
}

.hpx-397 {
  height: 397px;
}

.wpx-398 {
  width: 398px;
}

.hpx-398 {
  height: 398px;
}

.wpx-399 {
  width: 399px;
}

.hpx-399 {
  height: 399px;
}

.wpx-400 {
  width: 400px;
}

.hpx-400 {
  height: 400px;
}

.t-ggle:hover {
  cursor: pointer;
}

/*# sourceMappingURL=style.css.map */

.delete-job-detail {
  margin-left: -6px;
}