:root {
  --nv-theme: theme-a;
  --nv-primary: var(--bs-danger);
  --nv-dark: var(--bs-dark);
  --nv-secondary: var(--bs-secondary);
  --nv-text-color: var(--bs-heading-color);
  --nv-breakpoint-sm: 36rem;
  --nv-breakpoint-md: 48rem;
  --nv-breakpoint-lg: 62rem;
  --nv-breakpoint-xl: 75rem;
  --nv-breakpoint-xxl: 87rem;
  --font-main: 'Inter', sans-serif;
  --spacing: 1rem;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_content/SharedComp/styles/fonts/inter.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext 
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v19/UcCo3FwrK3iLTcvvYwYL8g.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}*/
/* cyrillic 
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v19/UcCo3FwrK3iLTcvmYwYL8g.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}*/
/* greek-ext 
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v19/UcCo3FwrK3iLTcvuYwYL8g.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}*/
/* greek 
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v19/UcCo3FwrK3iLTcvhYwYL8g.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}*/
/* vietnamese 
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v19/UcCo3FwrK3iLTcvtYwYL8g.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}*/
/* latin-ext 
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/inter/v19/UcCo3FwrK3iLTcvsYwYL8g.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/
html,
body {
  font-family: 'Inter', Arial, sans-serif;
}
/*

.mx-app {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}*/
.p-app {
  padding: 1rem !important;
}
.px-app {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.bg-secondary-app {
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.rounded-app {
  border-radius: 1rem !important;
}
.opacity-container {
  background-color: rgba(255, 255, 255, 0.8);
}
.opacity-col {
  border-radius: 1rem !important;
  padding: 1rem !important;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex !important;
  /* from .d-flex */
  flex-direction: column !important;
  /* from .flex-column */
}
.opacity-row {
  border-radius: 1rem !important;
  padding: 1rem !important;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex !important;
  /* from .d-flex */
  flex-direction: row !important;
  /* from .flex-column */
}
.white-col {
  border-radius: 1rem !important;
  padding: 1rem !important;
  background-color: #fff !important;
  /* force background white */
  display: flex !important;
  /* from .d-flex */
  flex-direction: column !important;
  /* from .flex-column */
}
.white-row {
  border-radius: 1rem !important;
  padding: 1rem !important;
  background-color: #fff !important;
  /* force background white */
  display: flex !important;
  /* from .d-flex */
  flex-direction: row !important;
  /* from .flex-column */
}
#banner {
  border-radius: 1rem !important;
  padding: 1rem !important;
  background-color: rgba(255, 255, 255, 0.8);
  min-height: 30rem;
  margin-bottom: 1rem !important;
  /* from .mb-3 */
  opacity: 0.9;
  /* example: whatever you set for .opacity-container */
  display: flex !important;
  /* from .d-flex */
  flex-direction: column !important;
  /* from .flex-column */
  text-align: center !important;
  /* from .text-center */
  justify-content: center !important;
  /* from .justify-content-center */
  align-items: center !important;
  /* from .align-items-center */
}
.grayscale {
  filter: grayscale(100%);
}
/*.min-vh-50 {
    min-height: 50vh;
}

article {
    min-height: 83vh;
}*/
textarea:hover,
input:hover,
textarea:active,
input:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover {
  outline: 0px !important;
  -webkit-appearance: none;
  box-shadow: none !important;
}
.nav-pills .nav-link {
  color: var(--bs-body-color);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: var(--bs-nav-pills-link-active-color);
  color: var(--bs-secondary-rgb);
}
.btn-outline-secondary {
  background-color: #fff;
}
@media only screen and (min-width: 48rem) and (max-height: 62rem) {
  article {
    min-height: 68vh;
  }
}
@media only screen and (max-width: 48rem) {
  body,
  .form-select {
    font-size: 0.8rem;
  }
  .small,
  small {
    font-size: 0.7rem;
  }
}
@media only screen and (max-width: 36rem) {
  .p-app,
  .opacity-col,
  .opacity-row,
  .white-col,
  #banner {
    padding: 0.5rem !important;
  }
  .p-app.px-xs-0 {
    padding: 0 !important;
  }
  .border-sm-0 {
    border: 0 !important;
  }
  .rounded-sm-t {
    border-radius: 1rem 1rem 0 0 !important;
  }
  article.container {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  article.container.zero-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  /*    .p-app {
        padding: 0.5rem !important;
    }

    .px-app {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
    }*/
}
body {
  background: url("/_content/SharedComp/images/theme-a/bg/bg.jpg") fixed no-repeat center -20rem #040f21;
  background-size: cover;
}
@media (max-width: 87rem) {
  body {
    background: url("/_content/SharedComp/images/theme-a/bg/1400.jpg") fixed no-repeat center 0 #040f21;
  }
}
@media (max-width: 75rem) {
  body {
    background: url("/_content/SharedComp/images/theme-a/bg/1200.jpg") fixed no-repeat center 0 #040f21;
  }
}
@media (max-width: 62rem) {
  body {
    background: url("/_content/SharedComp/images/theme-a/bg/1000.jpg") fixed no-repeat center 0 #040f21;
  }
}
@media (max-width: 48rem) {
  body {
    background: url("/_content/SharedComp/images/theme-a/bg/800.jpg") fixed no-repeat center 0 #040f21;
  }
}
@media only screen and (max-width: 36rem) {
  body {
    background: url("/_content/SharedComp/images/theme-a/bg/1000.jpg") fixed no-repeat center 0 #040f21;
  }
}
@media only screen and (max-width: 75rem) {
  .horizontal-scroll-xl {
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 62rem) {
  .horizontal-scroll-lg {
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 48rem) {
  .horizontal-scroll-md {
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 36rem) {
  .horizontal-scroll-sm {
    overflow-x: scroll;
  }
}
.form-label {
  margin-bottom: 0.3rem;
}
.modal-navigation .modal-dialog {
  margin: 0;
  width: 100%;
  max-width: 25rem;
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
}
.modal-navigation .modal-content {
  height: 100%;
  border: none;
  border-radius: 0;
}
.modal-navigation.show .modal-dialog {
  transform: translateX(0);
}
.modal-navigation .nav-item svg {
  float: right;
}
@media (max-width: var(--nv-breakpoint-sm)) {
  .modal-navigation .modal-dialog {
    width: 100%;
    height: 100vh;
  }
}
.modal .modal-header img {
  float: left;
  height: 1.2rem;
}
.nav-pills button.nav-link {
  color: #fff;
}
.table th,
.table td {
  background: #fff;
}
.table th {
  font-weight: 500;
  justify-content: center;
  text-align: center;
}
.table th:first-child,
.table th:first-child .col-title {
  justify-content: left;
}
.table th .col-title {
  justify-content: center;
  text-align: center;
}
.table th .col-title-text {
  font-weight: 500;
  text-align: center;
}
.table td {
  text-align: center;
}
@media only screen and (max-width: 36rem) {
  table.table tr th,
  table.table tr th .col-title-text {
    font-size: 0.8rem;
  }
  table.table tr td,
  table.table tr th {
    padding: 0.5rem 0.25rem;
  }
}
main {
  margin-top: 5rem;
}
#manage-account .nav-pills .nav-link.active {
  color: var(--bs-nav-pills-link-active-color) !important;
  background-color: var(--bs-nav-pills-link-active-bg) !important;
}
footer ul li a {
  text-decoration: none;
  color: rgba(var(--bs-dark-rgb) 33, 37, 41, var(--bs-text-opacity)) !important;
}
footer ul li a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 36rem) {
  main {
    margin-top: 4.5rem;
  }
}