/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.login-container {
  background-image: url("/Content/image/login-bg.jpg");
  background-size: cover;
  background-position: center;
  height: 100%;
  position: relative;
}

.login-container .body-layout {
  background-color: rgba(238, 238, 238, 0.9);
  height: 100%;
  min-height: auto !important;
}

.login-container .body-layout .login-form-container-centered {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
}

.login-container .body-layout .login-form-container-centered .login-form-container {
  width: 400px;
}

.login-container .body-layout .login-form-container-centered .login-form-container .guideline-logo-container {
  width: 100%;
  padding: 20px 90px;
}

.login-container .body-layout .login-form-container-centered .login-form-container .guideline-logo-container img {
  width: 100%;
  object-fit: cover;
  height: 38px;
}

.login-container .body-layout .login-form-container-centered .login-form-container .guideline-coopyright-container {
  font-size: 10px;
  color: #757575;
  text-align: center;
  margin-top: 20px;
}

.login-container .body-layout .login-footer {
  height: 50px;
  position: absolute;
  width: 100%;
  bottom: 25px;
}

.login-container .body-layout .login-footer__container {
  border-top: 1px solid #0D77D6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 50px;
  height: 100%;
  padding: 0 20px;
}

.login-container .body-layout .login-footer__left {
  width: 170px;
}

.login-container .body-layout .login-footer__left img {
  width: 100%;
}

.login-container .body-layout .login-footer__right {
  font-size: 21px;
  color: #0D77D6 !important;
}

.login-container .body-layout .login-footer__right a {
  color: #0D77D6 !important;
  margin-left: 10px;
}

.login-form-control-container {
  background: #fff;
  border-radius: 6px;
  padding: 32px;
}

.login-form-control-container .required-list {
  margin-bottom: 18px;
  color: #212121;
}

.login-form-control-container .required-list__title {
  font-size: 14px;
}

.login-form-control-container .required-list__list {
  padding-left: 18px;
  font-size: 12px;
  margin-bottom: 0;
}

.login-form-control-container .required-list__list li {
  padding-top: 4px;
  color: #212121;
}

.login-form-control-container .validation-summary-errors {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  color: #E53935 !important;
}

.login-form-control-container .validation-summary-errors i {
  font-size: 18px;
}

.login-form-control-container .validation-summary-errors ul {
  margin: 0;
}

.login-form-control-container .validation-summary-errors ul li {
  font-size: 12px;
  color: #E53935 !important;
  text-align: left;
  padding-left: 10px;
  padding-right: 0;
  font-weight: 600;
}

.login-form-control-container .form-group {
  position: relative;
  margin-bottom: 18px;
}

.login-form-control-container .form-group .input-validation-error {
  border-radius: 3px !important;
  border: 2px solid #E53935 !important;
}

.login-form-control-container .form-group .icon {
  position: absolute;
  right: 8px;
  font-size: 12px;
  top: 8px;
  font-weight: 100;
  z-index: 1;
  color: #212121;
  cursor: pointer;
}

.login-form-control-container .form-group #show-password {
  cursor: pointer;
}

.login-form-control-container .form-control {
  font-size: 12px;
  color: #757575;
}

.login-form-control-container .form-control:focus {
  border-color: #3D92DE;
  box-shadow: none;
}

.login-form-control-container .form-control:-webkit-autofill {
  -webkit-text-fill-color: #212121;
  font-size: 12px;
}

.login-form-control-container__title {
  font-size: 18px;
  font-weight: 600;
  color: #212121;
}

.login-form-control-container__error-title {
  color: #E53935 !important;
}

.login-form-control-container__links {
  text-align: center;
  justify-content: center;
}

.login-form-control-container__links a {
  color: #0D77D6 !important;
  padding: 0 2px;
  font-size: 14px;
}

.login-form-control-container__links a i {
  margin-right: 10px;
}

.login-form-control-container__links a:hover {
  color: #0D77D6 !important;
}

.login-form-control-container__submit {
  background-color: #0D77D6;
  border-color: #0D77D6;
  height: 36px;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.login-form-control-container__submit:hover {
  background-color: #003968;
}

.login-form-control-container__submit:disabled {
  background-color: #3D92DE;
  border-color: #3D92DE;
}

.login-form-control-container__submit-label {
  flex-grow: 1;
}

.login-form-control-container__top-text {
  color: #757575;
  font-size: 12px;
  margin-bottom: 18px;
}

.login-form-control-container__top-text.center {
  text-align: center;
}

.login-form-control-container__top-text-error {
  color: #E53935;
  font-size: 12px;
  margin-bottom: 18px;
  font-weight: 600;
}

.login-form-control-container__top-text-error-line {
  display: flex;
  align-items: center;
}

.login-form-control-container__top-text-error i {
  margin-right: 10px;
  font-size: 18px;
}

.login-form-control-container__top-text-success {
  color: #558B2F;
  font-size: 12px;
  margin-bottom: 18px;
  font-weight: 600;
}

.login-form-control-container__top-text-success-line {
  display: flex;
  align-items: center;
}

.login-form-control-container__top-text-success i {
  margin-right: 10px;
  font-size: 18px;
}

.login-form-control-container__bottom-text {
  margin-top: 18px;
  font-size: 12px;
  color: #757575;
}

.login-form-control-container__bottom-text-line {
  text-align: center;
}

.login-form-control-container__bottom-text-line--emeil-text {
  color: #0D77D6 !important;
}

.login-form-control-container__bottom-text-line--emeil-text:hover {
  color: #0D77D6 !important;
}

.login-form-control-container__message {
  font-size: 14px;
  color: #757575;
  margin: 0;
  text-align: center;
}

.body-layout-register {
  min-height: 120rem !important;
}

.subtitle-description {
  font-weight: 800;
  font-style: normal;
  font-size: 2.3rem;
  line-height: 2.8rem;
}

.subtitle-description strong {
  font-weight: 800;
  font-style: normal;
  font-size: 2.3rem;
  line-height: 2.8rem;
}

.input-validation-error {
  border: solid #F20707 0.2rem !important;
  border-radius: 0rem !important;
}

.main-title {
  font-weight: 800;
  font-style: normal;
  font-size: 4.6rem;
  line-height: "";
  color: "";
}

.main-title:before {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  background-color: #35C9D0;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: -0.8rem;
}

.title-description {
  font-weight: 300;
  font-style: normal;
  font-size: 2.2rem;
  line-height: 2.8rem;
  color: #101A21;
}

.title-description-recover-password {
  font-weight: 300;
  font-style: normal;
  font-size: 4rem;
  line-height: 5rem;
  color: "";
}

.subtitle-description {
  font-size: 2.3rem;
}

.col-10 d-flex flex-row justify-content-center customs-box {
  background-color: #D3EBEE !important;
  left: 10rem !important;
  top: 88rem !important;
  position: absolute !important;
  width: 100%;
  margin: 0 0 0 5rem;
}

.submain-title {
  color: #2D2926;
  font-size: 1.4rem;
  margin: 4rem 0 0 10rem;
}

.submain-title:before {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  background-color: #35C9D0;
  width: 0.6rem;
  height: 0.6rem;
  margin-right: -0.2rem;
}

.subcustom-submit-button {
  background-color: #35C9D0;
  border-radius: 0rem;
  color: #fff;
  padding: 1.7rem 0;
  font-size: 2.3rem;
  height: 7rem !important;
  margin: 1.5rem 1rem 1.5rem 0;
}

.button-text {
  color: #fff !important;
  padding-bottom: 2rem !important;
}

.li-active-True {
  pointer-events: auto !important;
  opacity: 0.6 !important;
}

.li-active-False {
  pointer-events: none;
  opacity: 0.6 !important;
  color: #FF8189 !important;
}

.forgot-password {
  font-weight: 300;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.5rem;
  color: #FF8189 !important;
  margin-top: -5px;
}

.navbar-fixed-bottom {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.master-layout-navigation {
  margin-top: 30rem !important;
  position: relative !important;
}

.m-auto {
  margin-left: auto;
  margin-right: auto;
}

.widget-section {
  margin-top: 12rem !important;
}

.check-control {
  box-shadow: none !important;
}

.custom-border-radius {
  border: solid #35C9D0 0.2rem !important;
  border-radius: 0rem !important;
}

.customs-footer {
  background-color: #35C9D0 !important;
  padding: 5rem;
  position: absolute !important;
  width: 100%;
}

.custom-submit-button {
  background-color: #35C9D0;
  border-radius: 0rem;
  color: #fff;
  padding: 1.7rem 0;
  font-size: 2.3rem;
}

.customs-box {
  background-color: #D3EBEE !important;
  left: 10rem !important;
  top: 88rem !important;
  position: absolute !important;
  width: 100%;
  margin: 0 0 0 5rem;
}

.code-container {
  justify-content: space-evenly;
  margin-bottom: 18px;
}

.code-container .code-input {
  width: 3.5rem;
  text-align: center;
  display: block;
  height: 3.5rem;
  padding: .375rem .75rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  outline: none;
}

.code-container .code-input:focus {
  border-color: #3D92DE;
  box-shadow: none;
}

#resend-btn {
  border: none;
  background: none;
  color: #0D77D6;
  padding: 0;
}

#resend-btn[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

.login-success-message {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  color: #43782b;
}

.login-success-message .fas.fa-check {
  font-size: 18px;
}

.login-success-message span {
  font-size: 12px;
  text-align: left;
  padding-left: 10px;
  padding-right: 25px;
  font-weight: 600;
}

:root {
  --PI: 3.14159265358979;
  --radius: 50;
  --radius-small: 10;
  --circumference: calc(var(--PI) * var(--radius) * 2px);
  --circumference-small: calc(var(--PI) * var(--radius-small) * 2px);
  --guideline-mountains-hw: 70px;
  --guideline-blue-sky: #0d77d6;
  --guideline-nimbus: #ADB4BF;
  --guideline-basalt: #424042;
  --guideline-bolt: #d7e824;
}

.login-loader-container {
  z-index: 1001;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  max-height: 100vh;
  background: rgba(255, 255, 255, 0.2);
}

.login-loader-circle {
  position: absolute;
  z-index: 500;
  background: none;
  width: 160px;
  height: 160px;
}

.login-loader-circle circle {
  stroke: var(--guideline-blue-sky);
  stroke-width: 2;
  fill: transparent;
  transform-origin: center;
  stroke-dasharray: var(--circumference);
  animation: login-loader-spinner 1.5s ease-out infinite, login-loader-color-cycle 4s ease-in-out infinite;
}

@keyframes login-loader-spinner {
  from {
    stroke-dashoffset: var(--circumference);
    transform: rotateZ(0deg);
  }
  to {
    stroke-dashoffset: calc(var(--circumference) * -1);
    transform: rotateZ(720deg);
  }
}

@keyframes login-loader-color-cycle {
  0%, 100% {
    stroke: var(--guideline-blue-sky);
  }
  40% {
    stroke: var(--guideline-bolt);
  }
  66% {
    stroke: var(--guideline-basalt);
  }
  80%, 90% {
    stroke: var(--guideline-bolt);
  }
}

.login-loader-graphic {
  transform: scale(1.05);
  z-index: 1000;
  margin-bottom: 2px;
  height: var(--guideline-mountains-hw);
  width: var(--guideline-mountains-hw);
  display: flex;
  position: relative;
  flex-direction: row;
  border-radius: 50%;
  overflow: hidden;
}

.login-loader-graphic path {
  fill: #898989 !important;
  animation: login-loader-path-anim 0.5s cubic-bezier(1, 0.5, 0.5, 1) infinite;
}

.login-loader-graphic path:nth-child(1) {
  animation-delay: -0.44s;
}

.login-loader-graphic path:nth-child(2) {
  animation-delay: -0.32s;
}

.login-loader-graphic path:nth-child(3) {
  animation-delay: -0.22s;
}

.login-loader-graphic path:nth-child(4) {
  animation-delay: -0.12s;
}

@keyframes login-loader-path-anim {
  0% {
    bottom: 0;
    opacity: 1;
    box-shadow: none;
  }
  50%, 100% {
    bottom: -2px;
    opacity: 0.5;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
  }
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
@media (min-width: 1200px) and (max-width: 1400px) {
  .column {
    flex: 0 0 auto;
    width: 100%;
  }
  .widget-items {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    display: flex;
  }
  .widget-reports .widget-item {
    flex: 0 0 auto;
    width: 100%;
  }
  .main {
    width: fit-content !important;
  }
}

@media (min-width: 1400px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1400px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}

@media (min-width: 1400px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
  .dashboard-item {
    flex: 0 0 auto;
    width: 31%;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 31%;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 31%;
  }
  .report-item {
    flex: 0 0 auto;
    width: 31%;
  }
}

@media (min-width: 1440px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1360px;
  }
  .checkbox-item:checked + .node-label:after {
    width: 1.47rem !important;
    height: 1.4rem !important;
    left: 0.25rem !important;
  }
  .radio-item:checked + .node-label:after {
    width: 1.47rem !important;
    height: 1.2em !important;
    left: 0.25rem !important;
  }
}

@media (min-width: 1440px) {
  .row {
    --bs-gutter-x: 4rem;
  }
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 2350px) and (max-width: 2560px) {
  .custom-button {
    width: 12% !important;
  }
  .member-profile .custom-button {
    width: 40% !important;
  }
  .layout-recover .custom-button {
    width: 40% !important;
  }
  .widget-dataminer .custom-button {
    width: 60% !important;
  }
  .umbraco-forms-page .custom-button {
    width: 60% !important;
  }
  .report-info-detail {
    width: 30% !important;
  }
  .report-info-detail .custom-button {
    width: 100% !important;
  }
  .report-info-detail .contactus-button {
    width: 50% !important;
  }
  .report-detail-download .custom-button {
    width: 10% !important;
  }
  #contact-us-form .umbraco-forms-page {
    width: 75% !important;
  }
  .modal-dialog .custom-button {
    width: 30% !important;
  }
}

@media (min-width: 2200px) and (max-width: 2349px) {
  .custom-button {
    width: 14% !important;
  }
  .member-profile .custom-button {
    width: 40% !important;
  }
  .layout-recover .custom-button {
    width: 40% !important;
  }
  .widget-dataminer .custom-button {
    width: 60% !important;
  }
  .umbraco-forms-page .custom-button {
    width: 60% !important;
  }
  .list-report .card .report-lock-img {
    height: 41rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 41rem !important;
  }
  .report-info-detail {
    width: 30% !important;
  }
  .report-info-detail .custom-button {
    width: 100% !important;
  }
  .report-info-detail .contactus-button {
    width: 50% !important;
  }
  .report-detail-download .custom-button {
    width: 10% !important;
  }
  #contact-us-form .umbraco-forms-page {
    width: 80% !important;
  }
  .modal-dialog .custom-button {
    width: 30% !important;
  }
}

@media (min-width: 1921px) and (max-width: 2199px) {
  .widget-dataminer .custom-button {
    width: 60% !important;
  }
  .list-report .card .report-lock-img {
    height: 38rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 38rem !important;
  }
  .report-info-detail {
    width: 30% !important;
  }
  .report-info-detail .contactus-button {
    width: 50% !important;
  }
  #contact-us-form .umbraco-forms-page {
    width: 85% !important;
  }
}

@media (min-width: 1921px) and (max-width: 2048px) {
  .list-report .card .report-lock-img {
    height: 36rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 36rem !important;
  }
}

@media (min-width: 1921px) and (max-width: 2560px) {
  .cover {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .report {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  btn .custom-button {
    width: 100rem !important;
  }
  .dashboard-item {
    flex: 0 0 auto;
    width: 24% !important;
    margin-bottom: 4rem;
  }
  .card-smi-dashboard {
    width: 25% !important;
  }
  .card-my-dashboard {
    width: 25% !important;
  }
  .card-report-items {
    width: 25% !important;
  }
  .search-box {
    width: 40% !important;
  }
  .button-custom-report .custom-button {
    width: 14% !important;
  }
  .search-report {
    width: 25% !important;
  }
  .list-card-report .search-report {
    width: 100% !important;
  }
  .search-result-items {
    flex: 0 0 32% !important;
  }
  .report-summary-wrapper .headingDescription p {
    width: 85% !important;
  }
  .container-report-item .cover-image {
    width: 53%;
    max-width: 53%;
  }
  .container-report-item .report-info {
    width: 19%;
  }
}

@media (width: 2560px) {
  .button-custom-report .custom-button {
    width: 20% !important;
  }
  .report-content .contactus-button-body {
    width: 12% !important;
  }
}

@media (width: 1920px) {
  .container-report-item .cover-image {
    width: 72%;
    max-width: 72%;
  }
  .container-report-item .report-info {
    width: 25%;
  }
}

@media (max-width: 1800px) {
  .list-report .card .report-lock-img {
    height: 42rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 42rem !important;
  }
}

@media (max-width: 1700px) {
  .list-report .card .report-lock-img {
    height: 39rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 39rem !important;
  }
}

@media (max-width: 1600px) {
  .list-report .card .report-lock-img {
    height: 37rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 37rem !important;
  }
}

@media (max-width: 1500px) {
  .list-report .card .report-lock-img {
    height: 35rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 35rem !important;
  }
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 25rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 25rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 25rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 25rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 25rem !important;
  }
}

@media (max-width: 1440px) {
  .list-report .card .report-lock-img {
    height: 25rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 25rem !important;
  }
  .checkbox-item:checked + .node-label:after {
    width: 1.47rem !important;
    height: 1.4rem !important;
    left: 0.25rem !important;
  }
  .radio-item:checked + .node-label:after {
    width: 1.47rem !important;
    height: 1.2em !important;
    left: 0.25rem !important;
  }
}

@media (width: 1366px) {
  .list-report .card .report-lock-img {
    height: 23rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 23rem !important;
  }
  .list-card-report .filter-report {
    margin-bottom: 4rem;
  }
}

@media (max-width: 1366px) {
  .list-card-report .filter-report {
    margin-bottom: 4rem;
  }
}

@media (max-width: 1300px) {
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 22rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 22rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 22rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 22rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 22rem !important;
  }
}

@media (max-width: 1200px) {
  .list-report .card .report-lock-img {
    height: 26rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 26rem !important;
  }
}

@media (min-width: 2560px) {
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 25%;
  }
  .dashboard-item {
    flex: 0 0 auto;
    width: 25%;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 25%;
  }
  .cover {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .report {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .custom-textbox {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
}

/*      Screen 4K (3840px x 2160px)     */
@media (min-width: 1441px) and (max-width: 1920px) {
  .button-custom-report .button-dashboard-spotlight {
    width: 30% !important;
  }
  .button-custom-report .button-report-spotlight {
    width: 51% !important;
  }
}

@media (min-width: 1280px) and (max-width: 1440px) {
  .button-custom-report .button-dashboard-spotlight {
    width: 50% !important;
  }
  .button-custom-report .button-report-spotlight {
    width: 51% !important;
  }
  .container-report-item .cover-image {
    width: 70%;
    max-width: 70%;
  }
  .container-report-item .report-info {
    width: 25%;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages {
    font-size: 1.5rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages:not(:disabled):not(.disabled).active {
    font-size: 1.5rem !important;
  }
}

@media (min-width: 1280px) and (max-width: 1365px) {
  .list-report .card .report-lock-img {
    height: 21rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 21rem !important;
  }
}

@media only screen and (min-width: 1200px) {
  .react-datepicker-wrapper {
    display: block !important;
  }
}

@media (max-width: 1199px) {
  .body-wrapper {
    padding: 0;
  }
  .section-button {
    display: flex;
    justify-content: space-between;
  }
  .react-datepicker-wrapper {
    display: block !important;
  }
  .report-info-dashboard {
    margin-top: 2rem;
  }
  .custom-button-dashboard {
    justify-content: center;
  }
  .column {
    flex: 0 0 auto;
    width: 100%;
  }
  .widget-items {
    flex-wrap: wrap;
    justify-content: space-between;
    /*width: 100%;*/
    display: flex;
  }
  .widget-reports .widget-item {
    flex: 0 0 auto;
    width: 100%;
  }
  .floating-widget {
    margin: 0px 0px 2rem 0px !important;
  }
  .list-report .card .report-lock-img {
    height: 40rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 40rem !important;
  }
  .content-wrap {
    margin-bottom: 0;
  }
  .container-landing-page {
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 1180px) and (max-width: 1279px) {
  .list-report .card .report-lock-img {
    height: 30rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 30rem !important;
  }
}

@media (min-width: 1025px) and (max-width: 1179px) {
  .list-report .card .report-lock-img {
    height: 28rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 28rem !important;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem !important;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 48%;
    margin-bottom: 4rem !important;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 48%;
    margin-bottom: 4rem !important;
  }
  .list-report .card .report-lock-img {
    height: 26rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 26rem !important;
  }
}

@media (max-width: 991px) {
  .list-report .card .report-lock-img {
    height: 33rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 33rem !important;
  }
  .dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 12rem !important;
    margin-bottom: 4rem !important;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 12rem !important;
    margin-bottom: 4rem !important;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 12rem !important;
    margin-bottom: 4rem !important;
  }
  .widget-items {
    margin: 0 !important;
  }
  .widget-items .widget-column {
    padding: 0 !important;
  }
  .btn-dataminer {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
  }
  .navbar-expand {
    flex-direction: column !important;
    justify-content: center !important;
  }
  .align-items-end {
    align-items: unset !important;
  }
  .top-header-right {
    margin-top: 2rem;
    align-items: center;
    justify-content: flex-end !important;
  }
  .navbar .username {
    display: flex;
    justify-content: flex-end;
  }
}

@media (min-width: 821px) and (max-width: 991px) {
  .list-report .card .report-lock-img {
    height: 23rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 23rem !important;
  }
}

@media (max-width: 900px) {
  .list-report .card .report-lock-img {
    height: 30rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 30rem !important;
  }
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 19rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 19rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 19rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 19rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 19rem !important;
  }
}

@media (min-width: 980px) {
  .report-summary-content .spotlight {
    justify-content: flex-start;
  }
  .report-summary-content .cover-image {
    flex: 0 0 auto !important;
    width: auto;
    max-width: 50vw;
    margin-right: 5rem;
  }
}

@media (width: 820px) {
  .list-report .card .report-lock-img {
    height: 20rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 20rem !important;
  }
}

@media (max-width: 800px) {
  .list-report .card .report-lock-img {
    height: 26rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 26rem !important;
  }
}

@media (min-width: 768px) and (max-width: 819px) {
  .list-report .card .report-lock-img {
    height: 19rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 19rem !important;
  }
}

@media (min-width: 768px) and (max-width: 849px) {
  .report-summary-content .spotlight {
    justify-content: flex-start;
  }
  .report-summary-content .cover-image {
    margin-bottom: 5rem;
    max-width: 100% !important;
  }
  .report-summary-content .description-spotlight {
    width: 100% !important;
  }
  .report-summary-content .description-spotlight .report-info .button-custom-report {
    display: flex;
    justify-content: space-between !important;
  }
  .report-summary-content .description-spotlight .report-info .button-custom-report .custom-button {
    width: 41.6666666667% !important;
  }
  .container-report-item .cover-image {
    margin-bottom: 5rem;
  }
}

@media only screen and (max-width: 767px) {
  .dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem;
  }
  .report-summary-content .cover-image {
    max-width: 100% !important;
    margin-bottom: 5rem;
  }
  .report-summary-content .cover-image img {
    max-width: 100%;
    max-height: 100%;
  }
  .report-summary-content .description-spotlight {
    width: 100% !important;
  }
  .report-summary-content .description-spotlight .button-custom-report {
    display: flex;
    justify-content: space-between !important;
  }
  .title-dataminer-login {
    margin-bottom: 4rem !important;
  }
  .widget-dataminer .horizontal-view .widget-description {
    margin-bottom: 4rem !important;
  }
  .search-result-items {
    max-width: 100% !important;
    max-height: 100% !important;
  }
  .customs-footer {
    display: flex !important;
    flex-direction: column !important;
  }
  .logo-wrapper {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 5rem;
  }
  .logo-wrapper-main {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 5rem;
  }
  .title-footer {
    text-align: center;
  }
  .item-footer {
    text-align: center;
  }
  .text-legend-item-title {
    text-align: center;
  }
  .item-footer-main {
    text-align: center;
  }
  .item-connect-footer {
    justify-content: center !important;
  }
  .item-connect-footer-main {
    justify-content: center !important;
  }
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 31rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 31rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 31rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 31rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 31rem !important;
  }
  .supporttype {
    flex: 0 0 auto;
    width: 100%;
  }
  .name {
    flex: 0 0 auto;
    width: 100%;
  }
  .container-report-item .cover-image {
    margin-bottom: 5rem;
  }
}

@media (min-width: 720px) and (max-width: 767px) {
  .list-report .card .report-lock-img {
    height: 17rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 17rem !important;
  }
}

@media (max-width: 700px) {
  .list-report .card .report-lock-img {
    height: 22rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 22rem !important;
  }
}

@media only screen and (max-width: 650px) {
  .dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 6rem !important;
    margin-bottom: 4rem !important;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 6rem !important;
    margin-bottom: 4rem !important;
  }
  .nav_btn-collapsed {
    z-index: 1 !important;
  }
  .no-overlay {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black background with opacity */
    z-index: 2;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
  }
  .overlay {
    position: fixed;
    /* Sit on top of the page content */
    display: block !important;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black background with opacity */
    z-index: 2;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
  }
  .nav_btn-close {
    position: absolute !important;
    width: 4rem !important;
    height: 4rem !important;
    background-image: url(/Content/image/close.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 5rem !important;
    opacity: .5;
    right: 1rem;
    top: 1rem;
  }
  .nav-collapsed {
    display: none !important;
  }
  .sprite-smi-logo {
    margin-left: 2rem;
  }
  .verify-code {
    display: flex !important;
    flex-direction: column;
    max-width: 100%;
  }
  .input-sendcode {
    min-width: 100%;
    padding: 0 !important;
  }
  .title-description {
    font-size: 1.9rem;
    margin: 0 2rem;
  }
  .data-consent {
    display: flex;
  }
  .check-data-consent {
    margin-top: 0.5rem;
    margin-right: 0.5rem;
  }
  .modal-backdrop {
    z-index: 0 !important;
  }
  .list-report .card .report-lock-img {
    height: 21rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 21rem !important;
  }
}

@media (min-width: 651px) and (max-width: 719px) {
  .list-report .card .report-lock-img {
    height: 15rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 15rem !important;
  }
}

@media (min-width: 576px) and (max-width: 650px) {
  .list-report .card .report-lock-img {
    height: 14rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 14rem !important;
  }
}

@media (max-width: 600px) {
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 25rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 25rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 25rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 25rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 25rem !important;
  }
  .search-result-items {
    display: flex !important;
    flex-direction: column;
    -webkit-box-shadow: 3px 12px 25px -7px #adacac;
    border: none !important;
  }
  .search-result-items .training_item_image {
    display: flex;
    justify-content: center;
    height: 100px !important;
    background-color: transparent;
    padding: 2rem 0;
  }
  .search-result-items .training_item_image img {
    max-width: 100%;
    max-height: 100%;
  }
  .search-result-items .training_item_content {
    padding: 1rem 1.5rem !important;
  }
  .central-toast .central-toast-wrapper .central-toast-items {
    right: 0;
  }
}

@media only screen and (width: 576px) {
  .sprite-smi-logo {
    margin-left: 15rem;
  }
  .verify-code {
    display: flex !important;
    flex-direction: column;
    max-width: 100%;
  }
  .input-sendcode {
    min-width: 100%;
    padding: 0 !important;
  }
  .title-description {
    font-size: 1.9rem;
    margin: 0 2rem;
  }
  .data-consent {
    display: flex;
  }
  .check-data-consent {
    margin-top: 0.5rem;
    margin-right: 0.5rem;
  }
}

@media only screen and (max-width: 576px) {
  .dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem;
  }
  .components-search-panel-training-search-result-item-module__training_item_title {
    display: block !important;
  }
  .dataminer-item {
    max-height: 100% !important;
  }
  .categories-dataminer {
    display: flex;
    flex-wrap: wrap;
  }
  .navbar.header {
    padding: 3rem 0;
  }
  .customs-footer .justify-logo-center {
    justify-content: center !important;
  }
  .btn-learnMore {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
  }
  .report-summary-content .cover-image {
    margin-bottom: 5rem;
  }
  .report-summary-content .description-spotlight .button-custom-report {
    display: flex;
    justify-content: center !important;
  }
  p.Summary {
    width: 100% !important;
  }
  #requestSupportFeedback {
    padding-right: 0;
  }
}

@media (min-width: 577px) and (max-width: 849px) {
  .report-summary-content .description-spotlight .report-info .button-view-dashboard {
    justify-content: center !important;
  }
}

@media (width: 850px) {
  .button-custom-report .button-report-spotlight {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .list-report .card .report-lock-img {
    height: 39rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 39rem !important;
  }
}

@media (min-width: 500px) and (max-width: 566px) {
  .list-report .card .report-lock-img {
    height: 25rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 25rem !important;
  }
}

@media (min-width: 500px) and (max-width: 767px) {
  .button-view-dashboard .custom-button {
    width: 50%;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages {
    font-size: 1.2rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages:not(:disabled):not(.disabled).active {
    font-size: 1.2rem !important;
  }
}

@media (max-width: 500px) {
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 22rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 22rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 22rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 22rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 22rem !important;
  }
}

@media only screen and (max-width: 450px) {
  .top-header-right {
    flex-direction: column-reverse !important;
    align-items: flex-end;
    justify-content: flex-end !important;
  }
  .navbar .username {
    display: flex;
    margin-bottom: 1.6rem !important;
    justify-content: flex-end;
  }
  .btn-group-icon {
    margin-right: 0 !important;
  }
  .dropleft {
    margin-left: 2rem !important;
  }
  .list-report .card .report-lock-img {
    height: 29rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 29rem !important;
  }
  .main-title:before {
    width: 0.9rem;
    height: 0.9rem;
  }
  .main-title {
    padding: 0;
    font-weight: 800;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: "";
  }
  .member-profile .form-group {
    padding: 0;
  }
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 19rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 19rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 19rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 19rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 19rem !important;
  }
}

@media (min-width: 376px) and (max-width: 499px) {
  .list-report .card .report-lock-img {
    height: 19rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 19rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages {
    font-size: 1rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages:not(:disabled):not(.disabled).active {
    font-size: 1rem !important;
  }
}

@media (min-width: 320px) and (max-width: 375px) {
  .list-report .card .report-lock-img {
    height: 18rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 18rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages {
    font-size: 1rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages:not(:disabled):not(.disabled).active {
    font-size: 1rem !important;
  }
}

@media (max-width: 350px) {
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 15rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 15rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 15rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 15rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 15rem !important;
  }
}

@media only screen and (max-width: 319px) {
  html, body {
    margin: 0;
    padding: 0;
  }
  .container-fluid {
    width: 32rem;
    overflow: scroll;
  }
  .container-fluid .horizontal-view {
    width: 100%;
  }
  .navbar-fixed-bottom {
    width: 32rem;
  }
  .text-legend-item-title {
    font-size: 1.4rem !important;
  }
  .nav-item-legend {
    margin-bottom: 3rem !important;
  }
  .text-legend-item {
    font-size: 1.4rem !important;
  }
  .widget-dataminer h4 * {
    font-size: 1.2rem !important;
  }
  .widget-dataminer h4 p {
    font-size: 1.5rem !important;
  }
  .widget-dataminer h4 p strong {
    font-size: 1.5rem !important;
  }
}

@media (min-width: 320px) and (max-width: 980px) {
  .container-dashboard {
    display: flex !important;
    flex-direction: column;
  }
  .container-dashboard .cover-image {
    margin-bottom: 5rem;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
  .container-report {
    display: flex !important;
    flex-direction: column;
  }
  .container-report .cover-image {
    margin-bottom: 5rem;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
  .report-summary-content .container-report .description-spotlight .button-custom-report {
    align-items: center;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .profile {
    padding: 0 5rem;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  .dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 6rem !important;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 6rem !important;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 6rem !important;
  }
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.custom-submit-button {
  background-color: #35C9D0 !important;
  border-radius: 0 !important;
  color: #fff !important;
  padding: 1rem 0 !important;
  font-size: 2.3rem !important;
}

.button-text {
  font-weight: 800;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #fff !important;
}

.btn-group-icon {
  display: flex;
  justify-content: flex-end;
  margin-right: 5rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-check:checked + .btn-primary {
  color: #fff;
  background-color: #35C9D0;
  border-color: #35C9D0;
}

.custom-button {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #fff;
  background-color: #35C9D0 !important;
  border-radius: 0 !important;
  padding: 1.2rem !important;
  text-align: center;
}

.custom-button .circle-svg-small {
  margin-right: 5px;
}

.custom-button strong {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.custom-button .title-dataminer {
  font-weight: 800;
  font-style: normal;
  font-size: 2.3rem;
  line-height: 2.8rem;
  margin-left: 1rem;
}

.custom-button:hover {
  color: #fff !important;
}

.dropleft {
  margin-left: 3rem;
}

.dropleft .dropdown-menu {
  right: -80% !important;
}

.dropleft.show img {
  filter: brightness(0) invert(1);
}

.btn-viewAll {
  margin-top: 5rem;
}

.custom-link {
  font-size: 1.8rem;
  background-color: transparent;
  color: #2872dd !important;
  outline: none;
  box-sizing: none;
  background: none !important;
  border: none;
  text-decoration: none;
}

.custom-link:hover {
  text-decoration: underline !important;
  color: #2872dd !important;
}

.btn-custom {
  background-color: #3D92DE;
  color: #fff;
  padding: 7px 15px;
  font-size: 1.6rem;
  min-width: 130px;
}

.btn-custom:hover {
  color: #fff;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.icon-legend-item {
  font-size: 2.5rem;
  margin: 0.5rem;
}

.icon-legend {
  font-size: 0.5rem !important;
  color: #BCE194 !important;
}

.icon-master-title {
  font-size: 1rem !important;
  color: #35C9D0;
}

.icon-phone:before {
  content: "";
  display: block;
  background: url("/Content/image/icon-phone-blue.png") no-repeat;
  width: 2rem;
  height: 2rem;
  float: left;
  margin: .5rem .5rem 0 0;
}

.icon-email:before {
  content: "";
  display: block;
  background: url("/Content/image/icon-email-blue.png") no-repeat;
  width: 2.5rem;
  height: 2rem;
  float: left;
  margin: .5rem .5rem 0 0;
}

.icon-email a {
  color: #35C9D0 !important;
  text-decoration: none;
}

.icon-email a:hover {
  color: #35C9D0 !important;
}

.icon-support-feedback {
  margin: 0.3rem 0;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.sprite-smi-logo {
  background-position: -847px -1058px;
  width: 18.4rem;
  height: 10rem;
}

#smi-logo {
  width: 12rem;
  height: 12rem;
}

.us_header_smi_logo {
  height: 7rem;
  right: 1rem;
}

.us_header_market_insight {
  right: 3rem;
}

.img-dataminer {
  margin-top: 2rem;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.search-report {
  padding: 0;
}

.search-report .search-text {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.5rem;
  color: "";
  background: #fff url("/Content/image/lookup.png") left no-repeat;
  background-position-x: 1rem;
  padding: 0 3rem 0 3.5rem;
  height: 4rem;
  width: 100%;
}

.search-report .search-date {
  background: white url("/Content/Content/image/date.png") left no-repeat;
  background-position-x: 1rem;
  padding: 1rem 3rem 1rem 3.5rem;
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
  height: 4rem;
  width: 30rem;
}

.search-report .search-date {
  background: #fff url("/Content/image/date.png") left no-repeat;
  background-position-x: 1rem;
  padding: 1rem 3rem 1rem 3.5rem;
  font-size: 2.2rem;
  height: 4rem;
}

.search-report input:focus-visible {
  outline: none;
}

.search-report input:focus-visible {
  outline: none;
}

.search-placeholder {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
}

.form-group .search-text {
  min-width: 100%;
}

.custom-textbox, .custom-textbox:focus {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
  color: #101A21 !important;
}

.custom-textbox::placeholder, .custom-textbox-submit::placeholder {
  color: #91989d !important;
}

.custom-textbox-submit, .custom-textbox-submit:focus, .custom-textbox-submit::placeholder {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
  color: #91989d !important;
  height: 4rem;
}

.custom-textbox-submit[readonly] {
  background-color: #e9ecef;
}

.custom-textarea-submit, .custom-textarea-submit:focus, .custom-textarea-submit::placeholder {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
  color: #91989d !important;
}

.custom-textbox-submit[readonly] {
  background-color: #e9ecef;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.list-report .row > * {
  margin-top: 0;
}

.list-report .card {
  border: none;
  margin-bottom: 6rem !important;
}

.list-report .card .report-lock-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34rem;
}

.list-report .card .report-lock-img img {
  max-height: 100%;
  max-width: 100%;
}

.list-report .card .report-thumbnail .report-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34rem;
}

.list-report .card .report-thumbnail .report-img img {
  max-height: 100%;
  max-width: 100%;
}

.list-report .card .card-body {
  padding: 0 0;
}

.list-report .report-button {
  font-weight: 800;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.6rem;
  background-color: #C4DE94;
  padding: 1rem 0;
  text-align: center;
}

.list-report .report-button:hover {
  color: #fff !important;
}

.list-report .report-button + .contact-us {
  background-color: #FF8189;
}

.list-report .report-title {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
  height: auto;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.list-report .card-description {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
  height: 6rem;
  margin: 3.5rem 0 2rem 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.list-report .icon-title {
  color: #35C9D0;
  font-size: 1rem !important;
}

.list-report-wrapper .filter-report p {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.list-report-wrapper .filter-report p strong {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.list-report-wrapper .filter-report label {
  font-weight: 800;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #b5babf !important;
  border: 0.2rem solid #35C9D0;
  border-radius: 0;
  margin-right: 1rem;
  padding: .8rem 2rem;
}

.list-report-wrapper .filter-report label.selected {
  color: #fff !important;
  background-color: #35C9D0;
}

.list-dashboard h4 {
  text-align: center;
  margin-bottom: 0;
  font-size: 1.3rem !important;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.popup-success {
  border: none;
}

.popup-success .submit-button {
  font-weight: 800;
  font-style: normal;
  font-size: 2.3rem;
  line-height: "";
  color: #fff;
  background-color: #35C9D0 !important;
  border-radius: 0 !important;
  padding: 1.5rem 0 !important;
  text-align: center;
}

.popup-success input:focus-visible {
  outline: none;
}

.popup-success .modal-header {
  background-color: #35C9D0;
}

.popup-success .modal-title {
  color: #fff !important;
}

.popup-success #success-message {
  font-weight: 300;
  font-style: normal;
  font-size: 2.3rem;
  line-height: "";
  color: "";
  text-align: center;
}

.popup-success .modal-body {
  padding: 3rem;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
p {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
}

p.Paragraph {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
  margin: 10px 5px 0;
  color: #212121;
}

.Paragraph + p {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
}

p.Summary {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
  margin-bottom: 2rem;
}

p.Summary-home {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
}

.page-product p {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
}

.account-name {
  color: #000 !important;
  display: inline-block;
  vertical-align: baseline;
  width: 0.6rem;
  height: 0.6rem;
  margin-left: 0.6rem;
}

.account-name:after {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  background-color: #35C9D0;
  width: 0.6rem;
  height: 0.6rem;
  margin-left: 0.6rem;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
  --bs-number-x: 1.7rem;
  --bs-fontsize: 0.8rem;
  width: calc(var(--bs-number-x) / 0.625) !important;
  line-height: calc(var(--bs-number-x) / 0.625) !important;
  font-size: calc(var(--bs-fontsize) / 0.625) !important;
}

.react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header {
  --bs-fontsize: 0.944rem;
  font-size: calc(var(--bs-fontsize) / 0.625) !important;
}

.react-datepicker-wrapper,
.react-datepicker__input-container,
.react-datepicker__input-container input {
  display: block !important;
  width: 100% !important;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.legend-title {
  font-weight: normal;
  font-style: normal;
  font-size: "";
  line-height: "";
  color: #BCE194;
}

.subtitle-description {
  font-weight: 800;
  font-style: normal;
  font-size: 2.3rem;
  line-height: 2.5rem;
  color: "";
}

.text-legend-item-title {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.text-legend-item-title strong {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.text-legend-item-title:before {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  background-color: #C4DE94;
  width: 0.6rem;
  height: 0.6rem;
}

.text-legend-item {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.8rem;
}

.title-dataminer-login {
  margin-bottom: 6rem;
}

.title-dataminer-login p {
  font-weight: 300;
  font-style: normal;
  font-size: 2.2rem;
  line-height: 2.5rem;
  color: "";
}

.page-title {
  font-weight: 800;
  font-style: normal;
  font-size: 2.3rem;
  line-height: 2.5rem;
  color: "";
}

.page-title .icon-title {
  color: #35C9D0;
  font-size: 1rem, !important;
  margin-right: 5rem;
}

.page-title:before {
  background-color: #35C9D0;
  content: "";
  display: inline-block;
  height: 0.6rem;
  vertical-align: baseline;
  width: 0.6rem;
}

.section-heading {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.widget-heading, .page-heading, .widget-title {
  font-weight: 800;
  font-style: normal;
  font-size: 2.3rem;
  line-height: 2.8rem;
}

.widget-heading strong, .page-heading strong, .section-heading strong, .widget-title strong {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

#widgetError .error-header > .error-title {
  font-weight: 800;
  font-style: normal;
  font-size: 3.6rem;
  line-height: 4;
  color: "";
  border-bottom: 0.2rem solid #35c9d0;
  padding: 0 6.4rem 1.5rem 6.4rem;
}

.disable-hover:hover {
  color: #fff !important;
}

.umbraco-forms-page label {
  font-size: 1.6rem;
}

.main-title {
  font-weight: 800;
  font-style: normal;
  font-size: 4.6rem;
  line-height: "";
  color: "";
}

.main-title:before {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  background-color: #35C9D0;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: -0.8rem;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.no-border {
  border: none;
}

.custom-border-radius {
  border: solid #35C9D0 0.2rem !important;
  border-radius: 0 !important;
  padding: 0.6rem 1rem;
}

.custom-border-radius:focus-visible {
  outline: none;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.validation-summary-errors ul {
  padding-left: 0;
  text-align: center;
}

.validation-summary-errors ul li {
  font-weight: 300;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.5rem;
  list-style: none !important;
  color: #dc3545 !important;
}

.input-validation-error {
  border: solid #ff0000 0.2rem !important;
}

.field-validation-error {
  font-weight: 300;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.5rem;
  color: #dc3545 !important;
  padding-top: .5rem;
  display: block;
}

.container-error-widget {
  display: flex;
  flex-direction: column;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.headingDescription {
  margin-bottom: 6rem;
}

.headingDescription p {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
}

.page-product-description {
  font-size: 2.2rem;
  padding: 0 1.5rem;
}

.product-description {
  font-size: 2.2rem;
  padding-left: 0;
  padding-right: 0;
}

.description-item-training a {
  font-weight: 300;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.5rem;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.widget-dataminer .horizontal-view .widget-description {
  margin-bottom: 2rem;
}

.widget-dataminer {
  background-color: #D3EBEE;
  padding: 3rem !important;
}

.widget-dataminer .widget-button {
  font-weight: 800;
  font-style: normal;
  font-size: 2.3rem;
  line-height: "";
  color: "";
  background-color: #35C9D0 !important;
  border-radius: 0 !important;
  padding: 1.2rem 4rem !important;
}

.widget-dataminer .widget-button:hover {
  color: #fff !important;
  text-decoration: none;
}

.widget-dataminer .icon-widget-button:before {
  content: url(/Content/image/icon-dataminer.png);
}

.widget-dataminer div {
  font-weight: 300;
  font-style: normal;
  font-size: 2.2rem;
  line-height: 2.5rem;
  color: "";
  margin: 0;
}

.widget-dataminer h4 * {
  font-size: 2.3rem !important;
}

.widget-dataminer h4 p {
  font-weight: 300;
  font-style: normal;
  font-size: 2.2rem;
  line-height: 2.5rem;
  color: "";
  display: contents;
}

.widget-dataminer h4 p strong {
  font-weight: 800;
  font-style: normal;
  font-size: 2.3rem;
  line-height: 2.8rem;
}

.widget-dataminer h4:not([class*="have-format"]) p {
  font-weight: 800;
  font-style: normal;
  font-size: 2.3rem;
  line-height: 2.8rem;
}

.dmiwidgetwatermarked {
  filter: brightness(90%);
}

.dmiwidgetwatermarked:after {
  background: url("/Content/Content/image/home_unlockkey.png") no-repeat center;
  content: "";
  height: 10rem;
  width: 10rem;
  position: absolute;
  top: -30%;
  left: 45%;
}

.dmiboxwidgetwatermarked {
  filter: brightness(90%);
}

.dmiboxwidgetwatermarked:after {
  background: url("/Content/Content/image/home_unlockkey.png") no-repeat center;
  content: "";
  height: 10rem;
  width: 10rem;
  position: absolute;
  top: 14%;
  left: 39%;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.watermarked img {
  filter: brightness(80%);
}

.watermarked:after {
  background: url("/Content/image/home_unlockkey.png") no-repeat center;
  content: "";
  height: 10rem;
  width: 10rem;
  position: absolute;
}

.widgetwatermarked img {
  filter: brightness(80%);
}

.widgetwatermarked:after {
  background: url("/Content/image/home_unlockkey.png") no-repeat center;
  content: "";
  height: 100px;
  width: 100px;
  position: absolute;
  top: 35%;
  left: 45%;
}

.widget-dashboard .widget-description {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
}

.widget-dashboard .widget-item {
  border: 0.2rem solid #35C9D0;
  text-align: center;
  flex-grow: 1;
}

.widget-dashboard .widget-item img {
  padding: 2.5rem;
  max-height: 100%;
  max-width: 100%;
}

.widget-dashboard .widget-item .smi-dashboard-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30rem;
}

.widget-dashboard .widget-item .my-dashboard-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30rem;
}

.widget-dashboard .item-title {
  background-color: #35C9D0;
  color: #fff;
  font-size: 2rem;
  font-weight: bolder;
  line-height: 4rem;
  text-align: center;
}

.widget-dashboard .item-title h4 {
  background-color: #35C9D0;
  color: #fff;
  padding: .8rem;
  text-align: center;
  margin-bottom: 0px;
  font-size: 1.2rem;
}

.widget-dashboard .item-image {
  height: 24rem;
  padding: 0.5rem;
  position: relative;
}

.widget-dashboard .item-image img {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.smiwidgetwatermarked img {
  filter: brightness(80%);
}

.item-title a {
  font-weight: 800;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 3rem;
  color: "";
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.smi-dashboard-tile-widget {
  border: 0.2rem solid #35C9D0;
  margin-bottom: 4rem;
}

.smi-dashboard-tile-widget a {
  font-weight: 800;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: "";
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.smi-dashboard-tile-widget img {
  padding: 2.5rem;
  max-height: 100%;
  max-width: 100%;
}

.smi-dashboard-tile-widget h4 {
  background-color: #35C9D0;
  padding: 0.8rem;
  text-align: center;
  margin-bottom: 0px;
}

.smi-dashboard-tile-widget .smi-dashboard-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30rem;
}

.smi-dashboard-tile-widget .my-dashboard-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30rem;
}

.smi-dashboard-tile-widget-block {
  border: 0.2rem solid #35C9D0;
  margin-bottom: 4rem;
}

.smi-dashboard-tile-widget-block .smiwidgetwatermarked {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30rem;
}

.smi-dashboard-tile-widget-block .smiwidgetwatermarked img {
  padding: 2.5rem;
  max-height: 100%;
  max-width: 100%;
}

.smi-dashboard-tile-widget-block .smiwidgetwatermarked:after {
  background: url("/Content/image/home_unlockkey.png") no-repeat center;
  content: "";
  height: 10rem;
  width: 10rem;
  position: absolute;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.smi-dashboard-tile-widget-block h4 {
  background-color: #35C9D0;
  padding: 1.3rem;
  text-align: center;
  margin-bottom: 0px;
  font-size: 1.3rem !important;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.widget-reports .widget-item {
  border: 0.2rem solid #35C9D0;
  margin-bottom: 3rem;
  overflow: hidden;
  height: 10rem;
}

.widget-reports .widget-item .item-content {
  padding: 0.2rem 1rem;
}

.widget-reports .widget-item .item-content .item-title {
  font-weight: 800;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: "";
  min-height: 1.4rem;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.widget-reports .widget-item .item-content .item-title a {
  color: #101A21 !important;
}

.widget-reports .widget-item .item-content .item-title a:hover {
  color: #101A21 !important;
}

.widget-reports .widget-item .item-content .item-description {
  font-weight: 300;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.5rem;
  min-height: 4.9rem;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.widget-reports .widget-item img {
  background-color: #000;
}

.widget-reports .widget-button {
  font-weight: 800;
  font-style: normal;
  font-size: 2.3rem;
  line-height: "";
  color: "";
  border-radius: 0 !important;
  background-color: #35C9D0 !important;
  padding: 15px 0 !important;
}

.widget-reports .widget-button:hover {
  color: #fff !important;
}

.lastwidgetwatermarked {
  filter: brightness(90%);
}

.lastwidgetwatermarked:after {
  background: url("/Content/Content/image/home_unlockkey.png") no-repeat center;
  content: "";
  height: 10rem;
  width: 10rem;
  position: absolute;
  top: 3%;
  left: 45%;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.landing .nav {
  border: 0 !important;
  margin-left: 10px;
}

.landing .nav .nav-item .nav-link {
  padding: 8px 22px;
  border-radius: 4px 4px 0px 0px;
  min-width: 13.3rem;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
  text-align: center;
  text-decoration: none;
  color: #757575 !important;
  border: none;
  display: block;
}

.landing .nav .nav-item .nav-link.active {
  color: #212121 !important;
  background-color: white !important;
}

.landing_content {
  background-color: white;
  padding: 4px;
  border-radius: 4px;
}

.landing_description {
  margin: 3.2rem;
}

.landing_description p {
  font-size: 2.1rem !important;
  font-weight: 500;
  line-height: 2.5rem !important;
  color: #757575 !important;
  margin-bottom: 0 !important;
}

.landing_product-description {
  margin: 2.4rem 1.2rem;
}

.landing_product-description p {
  font-size: 1.8rem !important;
  font-weight: 500;
  line-height: 2.1rem !important;
  color: #757575 !important;
  margin-bottom: 0 !important;
}

.landing_sub-nav.nav .nav-item .nav-link.active {
  background-color: #E7F1FB !important;
}

.landing_sub-nav__content {
  background-color: #E7F1FB;
  padding: 8px;
}

.landing .container-landing-page {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}

.landing .container-landing-page .tab-pane-content-left {
  flex: 1 1 66%;
  max-width: 100%;
}

.landing .container-landing-page .tab-pane-content-left .product-image {
  background-color: white;
  height: 100%;
  border-radius: 5px;
  border: 1px solid #E0E0E0;
  overflow: hidden;
}

.landing .container-landing-page .tab-pane-content-left .product-image img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  display: block;
}

.landing .container-landing-page .tab-pane-content-right {
  flex: 1 1 33%;
  background-color: white;
  padding: 3.2rem;
}

.landing .container-landing-page .tab-pane-content-right .quick-links {
  display: flex;
  flex-wrap: wrap;
  gap: 3.2rem;
  justify-content: space-around;
}

.landing .container-landing-page .tab-pane-content-right .quick-links_item {
  flex: 1 0 auto;
  width: 30rem;
  max-width: 46rem;
}

.landing .container-landing-page .tab-pane-content-right .quick-links_item__title {
  font-size: 1.8rem;
  font-weight: 800;
  line-height: 2.2rem;
  color: #212121;
  padding: 0;
  margin: 0;
}

.landing .container-landing-page .tab-pane-content-right .quick-links_item__link {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.1rem;
  color: #0D77D6 !important;
  height: 27px;
  border-bottom: 1px solid #E0E0E0;
  padding-top: 1.6rem;
  box-sizing: content-box;
  display: block;
}

.landing .container-landing-page .tab-pane-content-right .quick-links_item__list {
  list-style-type: none;
  padding: 0;
}

.landing .container-landing-page .tab-pane-content-right .quick-links_item__link-disabled {
  opacity: 0.3;
  color: #212121 !important;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.biwidgetwatermarked img {
  filter: brightness(80%);
}

.biwidgetwatermarked:after {
  background: url("/Content/Content/image/home_unlockkey.png") no-repeat center;
  content: "";
  height: 10rem;
  width: 10rem;
  position: absolute;
  top: 31%;
  left: 45%;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.tilewidgetwatermarked img {
  filter: brightness(80%);
}

.tilewidgetwatermarked:after {
  background: url("/Content/Content/image/home_unlockkey.png") no-repeat center;
  content: "";
  height: 10rem;
  width: 10rem;
  position: absolute;
  top: 20%;
  left: 45%;
}

.toptilewidgetwatermarked img {
  filter: brightness(80%);
}

.toptilewidgetwatermarked:after {
  background: url("/Content/Content/image/home_unlockkey.png") no-repeat center;
  content: "";
  height: 10rem;
  width: 10rem;
  position: absolute;
  top: 35%;
  left: 45%;
}

.tile-widget .tile-img {
  display: flex;
  justify-content: center;
  align-items: center;
}

.tile-widget .tile-img img {
  max-height: 100%;
  max-width: 100%;
}

.tile-widget h4 {
  background-color: #35C9D0;
  color: #fff;
  padding: .8rem;
  text-align: center;
  margin-bottom: 0px;
}

.tile-widget img {
  padding: 0.5rem;
  width: 100%;
}

.tile-widget strong {
  font-weight: 800;
  font-style: normal;
  font-size: 2.3rem;
  line-height: 2.8rem;
}

.tile-widget-block {
  border: 0.2rem solid #35C9D0;
}

.tile-widget-block img {
  width: 100%;
}

.tile-widget-block h4 {
  background-color: #35C9D0;
  color: #fff;
  padding: .7rem;
  text-align: center;
  margin-bottom: 0px;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
a {
  color: white !important;
  text-decoration: none !important;
}

a:hover {
  text-decoration: none !important;
  color: #fff !important;
}

a.dropdown-item {
  text-decoration: none !important;
  color: #212529 !important;
}

a.dropdown-item:hover {
  text-decoration: none;
  color: #31b7be !important;
  background-color: transparent !important;
}

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

.btn-group-icon .dropdown-menu {
  background-color: #35C9D0;
  border: 0.2rem solid #fff;
  z-index: 10;
  width: 23rem;
  padding: 1rem;
  top: -1rem !important;
}

.dropleft {
  margin-left: 3rem;
}

.dropleft figure.flag-box i.arrow {
  position: relative;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: -3px;
}

.dropleft.show img {
  filter: brightness(0) invert(1);
}

.dropleft.show .dropdown-menu-item figure.flag-box i.arrow {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  border-color: #fff;
  position: static;
}

.dropleft.show.flag-dropdown .dropdown-menu {
  width: inherit !important;
  right: -13px !important;
}

.dropleft.show.flag-dropdown .flag-normal {
  opacity: 0;
}

.notification-click .dropdown-menu {
  background-color: #35C9D0;
  z-index: 1;
}

.dropdown-divider {
  border: 0.1rem solid #fff;
  margin: 1rem 0;
}

#notificationDropdown {
  position: relative;
  z-index: 1;
}

#settingDropdown {
  position: relative;
  z-index: 1;
}

figure.flag-box {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  margin: 0;
}

figure.flag-box img {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  filter: none !important;
}

figure.flag-box figcaption {
  color: #000;
  font-weight: 800;
  font-size: 1.6rem !important;
  line-height: 1.6rem;
  width: 100%;
  min-width: 4rem;
  white-space: nowrap;
}

.dropdown-menu-item:not(:first-child):not(:last-child) {
  padding-bottom: 1rem;
}

.custon-select {
  /* item list */
}

.custon-select #market-dropdown {
  display: none;
}

.custon-select #container-select-list {
  padding-left: 0px;
  margin-bottom: 0;
}

.custon-select #container-select-list img, .custon-select .btn-select img {
  width: 18px;
  height: 12px;
}

.custon-select #container-select-list li {
  list-style: none;
  padding-top: 5px;
  padding-bottom: 5px;
}

.custon-select #container-select-list li:hover {
  background-color: #F4F3F3;
}

.custon-select #container-select-list li img {
  margin: 5px;
}

.custon-select #container-select-list li span, .custon-select .btn-select li span {
  margin-left: 10px;
}

.custon-select .container-select {
  display: none;
  width: 100%;
  max-width: 350px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  position: absolute;
  z-index: 10000;
  width: calc(100% - 40px);
  background: #fff;
}

.custon-select .open {
  display: show !important;
}

.custon-select .btn-select {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  width: 100%;
  height: 28px;
}

.custon-select .btn-select li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: start;
}

.custon-select .btn-select:hover li {
  margin-left: 0px;
}

.custon-select .btn-select:hover {
  background-color: #F4F3F3;
  border: 1px solid transparent;
  box-shadow: inset 0 0px 0px 1px #ccc;
}

.custon-select .btn-select:focus {
  outline: none;
}

.custon-select .drop-icon {
  position: absolute;
  right: 30px;
  bottom: 10px;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.card-custom {
  padding: 0 2.5rem;
}

.card-custom img {
  width: auto;
  height: 10rem;
}

.card-custom .card-title {
  margin-top: 3%;
  font-size: 2.3rem;
}

.home-card-item {
  width: auto;
  border: 0.2rem solid #35C9D0 !important;
  max-height: 25rem;
  padding: 4.5rem 0;
  align-items: center;
}

.home-card-item:hover:not(.envelop), .home-card-item:hover:not(.envelop) .card-title {
  background-color: #35C9D0;
  color: #fff !important;
}

.home-card-item:hover:not(.envelop) .card-img-top {
  filter: brightness(0) invert(1);
}

.home-card-item.envelop .card-img-top, .home-card-item.envelop .card-title {
  filter: brightness(60%);
}

.card-item-white {
  color: #fff;
}

.card-item-green {
  color: #35C9D0;
}

.action-Digital {
  background-color: #35C9D0 !important;
}

.card-title-Digital {
  color: #fff;
}

.card-title {
  margin-top: 10%;
  color: #35C9D0;
}

.card-title-Digital {
  color: #fff !important;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.umbraco-forms-page .supporttype select {
  height: 4rem;
  border: solid #35C9D0 0.2rem;
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
  color: #91989d;
  height: 4rem;
}

#requestSupportFeedback #request-feedback {
  padding: 2rem;
}

#requestSupportFeedback #request-feedback .modal-header {
  display: block;
  text-align: center;
}

#requestSupportFeedback #request-feedback .modal-header .btn-close-modal {
  position: absolute;
  top: 2.5rem;
  right: 3.7rem;
  font-size: 3rem;
  vertical-align: middle;
}

#requestSupportFeedback #request-feedback .modal-body .form-label {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.8rem;
}

#container-create-edit-modal .modal-content {
  height: 32rem;
  padding: 2rem;
}

#container-create-edit-modal .modal-content .modal-header {
  border: none;
}

#container-create-edit-modal .modal-content .modal-header .btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em;
  color: #000;
  background: transparent url("/Content/image/Close-button.svg") 50%/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: .5;
}

#container-create-edit-modal .modal-content .modal-header #contained-modal-title-vcenter {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

#container-create-edit-modal .modal-content .modal-body {
  border: none;
  padding: 0 1rem;
}

#container-create-edit-modal .modal-content .modal-body #form-save-share-view .form-group {
  margin-bottom: 2rem;
}

#container-create-edit-modal .modal-content .modal-body #form-save-share-view .form-group label {
  font-weight: 800;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: "";
}

#container-create-edit-modal .modal-content .modal-body #form-save-share-view .form-group input {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
  height: 4rem;
  border: 0.2rem solid #35C9D0;
}

#container-create-edit-modal .modal-content .modal-body #form-save-share-view .form-group button {
  position: absolute;
  top: 11.2rem;
  right: 2rem;
  background-color: #fff;
  border: none;
}

#container-create-edit-modal .modal-content .modal-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}

#container-create-edit-modal .modal-content .modal-footer button {
  width: 24rem;
  height: 6rem;
  background-color: #35C9D0;
  font-weight: 800;
  font-style: normal;
  font-size: 2.3rem;
  line-height: 2.8rem;
  border: none;
  margin: 0 1.5rem;
}

#container-save-delete-modal .modal-content {
  height: 16.7rem;
  padding: 3rem 2rem;
}

#container-save-delete-modal .modal-content .modal-header {
  border: none;
  padding: 0 1rem;
}

#container-save-delete-modal .modal-content .modal-header .btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em;
  color: #000;
  background: transparent url("/Content/image/Close-button.svg") 50%/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: .5;
}

#container-save-delete-modal .modal-content .modal-header label {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

#container-save-delete-modal .modal-content .modal-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  padding: 1.7rem 0;
}

#container-save-delete-modal .modal-content .modal-footer button {
  width: 24rem;
  height: 6rem;
  background-color: #35C9D0;
  font-weight: 800;
  font-style: normal;
  font-size: 2.3rem;
  line-height: 2.8rem;
  border: none;
  margin: 0 1.5rem;
}

#container-save-delete-modal .modal-content .modal-footer .container-footer-delete button {
  background-color: #FF8189;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.central-toast {
  position: relative;
}

.central-toast .central-toast-wrapper {
  position: absolute;
  right: 0;
  width: 45rem;
}

.central-toast .central-toast-wrapper .central-toast-items {
  position: fixed;
  z-index: 999;
  width: 45rem;
}

.toast-message {
  background-color: #FFF;
  box-shadow: 0 0.25rem 0.75rem #00000080;
  max-width: 45rem;
  top: 0;
  right: 0;
  z-index: 100;
}

.toast-message .toast-header {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #000;
  padding: 0.8rem;
}

.toast-message .toast-header .close {
  font-size: 2.5rem;
}

.toast-message .toast-body {
  font-weight: 300;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 2rem;
  color: "";
  padding: 1.1rem;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.data-report-id {
  height: 100%;
}

.data-report-id .container-sidebar {
  height: 100%;
}

/* The sidebar-tool-powerBI menu */
.sidebar-tool-powerBI {
  height: 100%;
  width: 330px;
  z-index: 10;
}

.sidebar-tool-powerBI #power-bi-sidebar {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.sidebar-tool-powerBI #power-bi-sidebar .power-bi-sidebar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.7rem 1.5rem;
  border-bottom: 1px solid #dee2e6;
}

.sidebar-tool-powerBI #power-bi-sidebar .power-bi-sidebar-header__title {
  font-size: 21px;
  color: #212121;
}

.sidebar-tool-powerBI #power-bi-sidebar .power-bi-sidebar-header__close-button {
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
}

.sidebar-tool-powerBI #power-bi-sidebar .power-bi-sidebar-footer {
  display: flex;
  justify-content: flex-end;
  padding: 1.5rem;
  border-top: 1px solid #dee2e6;
}

.sidebar-tool-powerBI #power-bi-sidebar .power-bi-sidebar-footer .reset-button {
  margin-right: 0.5rem;
}

.sidebar-tool-powerBI #power-bi-sidebar .sidepanel {
  flex-grow: 1;
  overflow: auto;
  padding: 0 16px;
  padding-bottom: 20px;
}

.sidebar-tool-powerBI #power-bi-sidebar .sidepanel_error-messsage {
  color: #E53935;
  font-size: 14px;
  margin-top: 16px;
  line-height: 1.2;
  background: rgba(229, 57, 53, 0.1);
  border-radius: 4px;
  padding: 10px;
}

.sidebar-tool-powerBI #power-bi-sidebar .sidepanel .filter-container {
  margin-top: 16px;
}

.sidebar-tool-powerBI #power-bi-sidebar .sidepanel .filter-container:last-child {
  margin-bottom: 16px;
}

.sidebar-tool-powerBI #power-bi-sidebar .sidepanel .filter-container .display-name-filter {
  font-size: 12px;
  margin-bottom: 3px;
  color: #212121;
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
}

.sidebar-tool-powerBI #power-bi-sidebar .sidepanel .filter-container .display-name-filter .tooltip-has-more-data, .sidebar-tool-powerBI #power-bi-sidebar .sidepanel .filter-container .display-name-filter .tooltip-info {
  color: white !important;
  background-color: #0D77D6 !important;
  max-width: 300px;
  opacity: 1 !important;
}

.sidebar-tool-powerBI #power-bi-sidebar .sidepanel .filter-container .display-name-filter .tooltip-has-more-data::after, .sidebar-tool-powerBI #power-bi-sidebar .sidepanel .filter-container .display-name-filter .tooltip-has-more-data::before, .sidebar-tool-powerBI #power-bi-sidebar .sidepanel .filter-container .display-name-filter .tooltip-info::after, .sidebar-tool-powerBI #power-bi-sidebar .sidepanel .filter-container .display-name-filter .tooltip-info::before {
  background-color: #0D77D6 !important;
}

.sidebar-tool-powerBI #power-bi-sidebar .sidepanel .filter-container .display-name-filter .tooltip-info_icon {
  color: #0D77D6;
  font-size: 1.6rem;
}

.sidebar-tool-powerBI #power-bi-sidebar .sidepanel .filter-container .error-message {
  color: #E53935;
  font-size: 12px;
}

.sidebar-tool-powerBI #power-bi-sidebar .sidepanel .switch-container-filter {
  display: flex;
  align-items: flex-start;
}

.sidebar-tool-powerBI #power-bi-sidebar .sidepanel .switch-container-filter .value-switch-filter {
  font-size: 12px;
  display: flex;
  flex-direction: column;
}

.sidebar-tool-powerBI #power-bi-sidebar .sidepanel .switch-container-filter .value-switch-filter_value {
  color: #212121;
}

.sidebar-tool-powerBI #power-bi-sidebar .sidepanel .switch-container-filter .value-switch-filter_error-message {
  color: #E53935;
}

.sidebar-tool-powerBI #power-bi-sidebar .sidepanel .switch-button-filter {
  margin: 0 10px;
}

#power-bi-sidebar {
  /* Toggle Button Spend Type */
}

#power-bi-sidebar .header-view-panel {
  display: flex;
  align-items: center;
  width: 100%;
  height: 4rem;
  padding-left: 3rem;
  background-color: #35C9D0;
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

#power-bi-sidebar .view-container {
  height: 70%;
  overflow: auto;
  padding: 0 1.5rem 0 3rem;
  margin-top: 3rem;
  margin-right: 0.8rem;
}

#power-bi-sidebar .view-container .container-button-create-view {
  display: flex;
  justify-content: center;
  align-items: center;
}

#power-bi-sidebar .view-container .container-button-create-view .button-create-view {
  width: 25rem;
  height: 6.1rem;
  background-color: #35C9D0;
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #fff;
  border: none;
}

#power-bi-sidebar .view-container .container-button-create-view #form-save-share-view {
  display: flex;
  flex-direction: column;
}

#power-bi-sidebar .view-container .container-button-create-view #form-save-share-view #container-input-title-view {
  display: flex !important;
  flex-direction: column;
}

#power-bi-sidebar .view-container .container-button-create-view #form-save-share-view #container-share-link-view {
  display: flex !important;
  flex-direction: column;
}

#power-bi-sidebar .view-container .container-saved-views {
  margin-top: 1.5rem;
  overflow: hidden;
}

#power-bi-sidebar .view-container .container-saved-views .header-my-views {
  font-weight: 800;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #101A21;
  margin-bottom: 0.6rem;
}

#power-bi-sidebar .view-container .container-saved-views .list-group {
  margin-top: 0.6rem;
}

#power-bi-sidebar .view-container .container-saved-views .list-group .view {
  width: 100%;
  height: 4rem;
  display: flex;
}

#power-bi-sidebar .view-container .container-saved-views .list-group .view #tooltip-title-view {
  padding: 0.3rem 1rem;
  opacity: 1;
  font-weight: 800;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #fff;
  background-color: #35C9D0 !important;
}

#power-bi-sidebar .view-container .container-saved-views .list-group .view .container-title-view {
  width: 25.5rem;
  padding: 0 1.5rem;
  background-color: #fff;
  border-right: 0.2rem solid #35C9D0;
  border-left: 0.2rem solid #35C9D0;
}

#power-bi-sidebar .view-container .container-saved-views .list-group .view .container-title-view .list-group-item {
  font-weight: 800;
  font-style: normal;
  font-size: 1.3rem;
  line-height: "";
  color: #101A21;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  background-color: #fff;
  border: none;
  border-bottom: 0.2rem solid #35C9D0;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#power-bi-sidebar .view-container .container-saved-views .list-group .view .container-title-view .list-group-item.active {
  font-weight: 800;
  font-style: normal;
  font-size: 1.3rem;
  line-height: "";
  color: #35C9D0;
  width: 100%;
  height: 100%;
  border: none;
  background-color: #fff;
  border-bottom: 0.2rem solid #35C9D0;
}

#power-bi-sidebar .view-container .container-saved-views .list-group .view .tool-manage-view {
  display: flex;
  margin: 0 0.7rem;
  align-items: center;
  justify-content: space-between;
  height: 3.5rem;
}

#power-bi-sidebar .view-container .container-saved-views .list-group .view .tool-manage-view > a {
  margin: 0 0.5rem;
}

#power-bi-sidebar .view-container .container-saved-views .list-group .view:first-child .container-title-view {
  border-top: 0.2rem solid #35C9D0;
}

#power-bi-sidebar .view-container .container-saved-views .list-group .view:last-child .container-title-view {
  border-bottom: 0.2rem solid #35C9D0;
}

#power-bi-sidebar .view-container .container-saved-views .list-group .view:last-child .container-title-view .list-group-item {
  border-bottom: none;
}

#power-bi-sidebar .view-container .container-saved-views .list-group .view:last-child .container-title-view .list-group-item.active {
  border-bottom: none;
}

#power-bi-sidebar .toggle-container {
  width: 70px;
  background-color: #c4c4c4;
  cursor: pointer;
  user-select: none;
  border-radius: 3px;
  padding: 2px;
  height: 32px;
  position: relative;
}

#power-bi-sidebar .dialog-button {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  cursor: pointer;
  background-color: #002b49;
  color: white;
  padding: 8px 12px;
  border-radius: 18px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  min-width: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  min-width: unset;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  position: absolute;
  left: 34px;
  transition: all 0.3s ease;
}

#power-bi-sidebar .disabled {
  background-color: #707070;
  left: 2px;
}

.hidden-dropdown-item {
  display: none;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
/*===================Handle Scrollbar Dropdown Filter Values===================*/
/* width */
.dropdown-content::-webkit-scrollbar {
  width: 2rem;
}

/* Track */
.dropdown-content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #fff;
}

/* Handle */
.dropdown-content::-webkit-scrollbar-thumb {
  background: #D3EBEE;
  background-clip: padding-box;
  border: 0.7rem solid #fff;
}

/* Handle on hover */
.dropdown-content::-webkit-scrollbar-thumb:hover {
  background: #D3EBEE;
}

.dropdown-content {
  scrollbar-width: thin !important;
  scrollbar-color: #D3EBEE #fff;
}

/*===================Handle Scrollbar View Container===================*/
/* width */
.view-container::-webkit-scrollbar {
  width: 1rem;
  background-color: #fff;
}

/* Track */
.view-container::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #fff;
}

/* Handle */
.view-container::-webkit-scrollbar-thumb {
  background: #D3EBEE;
  background-clip: padding-box;
  border: 0.3rem solid #fff;
}

/* Handle on hover */
.view-container::-webkit-scrollbar-thumb:hover {
  background: #D3EBEE;
}

.view-container {
  scrollbar-width: thin !important;
  scrollbar-color: #fff #D3EBEE;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.container-date-picker {
  display: flex;
  flex-direction: column;
}

.container-date-picker .content-date-picker {
  display: flex;
}

.container-date-picker .content-date-picker .text-date-range {
  display: flex;
  width: 50%;
  justify-content: flex-end;
  align-items: center;
  margin-left: 5px;
  position: relative;
}

.container-date-picker .content-date-picker .text-date-range .p-inputtext {
  padding-right: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.container-date-picker .content-date-picker .text-date-range__icon {
  position: absolute;
  color: #0D77D6;
  cursor: pointer;
  padding: 6px;
  font-size: 16px;
}

.container-date-picker .content-date-picker .text-date-range__icon[disabled] {
  cursor: default;
  opacity: 0.4;
}

.container-date-picker .content-date-picker .custom-date {
  width: 50%;
  margin: 0;
  height: auto;
  margin-right: 5px;
}

.container-date-picker .content-date-picker .custom-date .dropdown-custom-date {
  width: 100%;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.flag-box .arrow {
  border: solid #000;
  border-width: 0 2px 2px 0;
  padding: 4px;
  width: 5px;
  height: 5px;
}

.flag-box .arrow.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.flag-box .arrow.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.flag-box .arrow.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.flag-box .arrow.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.custom-form label {
  font-size: 1.4rem;
}

.custom-form .custom-form-control {
  height: 28px;
}

.custom-form .custom-title {
  font-size: 1.6rem !important;
  margin-bottom: 10px;
}

.custom-form .devider {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: 0;
  border-top: 2px solid #DEDEDE;
}

.request-download {
  border-radius: 0.4rem;
  border: none;
  position: relative;
}

.request-download_modal-header {
  padding: 0.8rem 1.6rem;
  border-bottom: 0.1rem solid #E0E0E0;
}

.request-download_modal-header__title {
  font-size: 1.6rem !important;
  font-weight: 400 !important;
  line-height: 1.9rem !important;
  letter-spacing: 0em !important;
  margin: 0;
  color: #212121 !important;
}

.request-download_modal-header__icon {
  color: #757575;
}

.request-download .modal-body {
  padding: 0;
}

.request-download_body {
  background-color: #eeeeee;
  padding: 0.4rem;
}

.request-download_card {
  padding: 1.6rem;
  border-radius: 0.4rem;
  background-color: #ffffff;
}

.request-download_modal-dialog {
  max-width: 53.7rem;
}

.request-download_modal-footer {
  border-top: 0.1rem solid #E0E0E0;
}

.request-download_button {
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  line-height: 2.1rem !important;
}

.request-download_button__icon {
  height: 2rem;
  width: 2rem;
}

.request-download_loader {
  position: absolute;
  width: 100%;
  display: none;
  height: 100%;
  z-index: 1;
}

.request-download_loader__active {
  display: block;
}

.request-download_sub-title {
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  line-height: 1.6rem !important;
  color: #757575 !important;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
@media (min-width: 1200px) and (max-width: 1400px) {
  .column {
    flex: 0 0 auto;
    width: 100%;
  }
  .widget-items {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    display: flex;
  }
  .widget-reports .widget-item {
    flex: 0 0 auto;
    width: 100%;
  }
  .main {
    width: fit-content !important;
  }
}

@media (min-width: 1400px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1400px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}

@media (min-width: 1400px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
  .dashboard-item {
    flex: 0 0 auto;
    width: 31%;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 31%;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 31%;
  }
  .report-item {
    flex: 0 0 auto;
    width: 31%;
  }
}

@media (min-width: 1440px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1360px;
  }
  .checkbox-item:checked + .node-label:after {
    width: 1.47rem !important;
    height: 1.4rem !important;
    left: 0.25rem !important;
  }
  .radio-item:checked + .node-label:after {
    width: 1.47rem !important;
    height: 1.2em !important;
    left: 0.25rem !important;
  }
}

@media (min-width: 1440px) {
  .row {
    --bs-gutter-x: 4rem;
  }
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 2350px) and (max-width: 2560px) {
  .custom-button {
    width: 12% !important;
  }
  .member-profile .custom-button {
    width: 40% !important;
  }
  .layout-recover .custom-button {
    width: 40% !important;
  }
  .widget-dataminer .custom-button {
    width: 60% !important;
  }
  .umbraco-forms-page .custom-button {
    width: 60% !important;
  }
  .report-info-detail {
    width: 30% !important;
  }
  .report-info-detail .custom-button {
    width: 100% !important;
  }
  .report-info-detail .contactus-button {
    width: 50% !important;
  }
  .report-detail-download .custom-button {
    width: 10% !important;
  }
  #contact-us-form .umbraco-forms-page {
    width: 75% !important;
  }
  .modal-dialog .custom-button {
    width: 30% !important;
  }
}

@media (min-width: 2200px) and (max-width: 2349px) {
  .custom-button {
    width: 14% !important;
  }
  .member-profile .custom-button {
    width: 40% !important;
  }
  .layout-recover .custom-button {
    width: 40% !important;
  }
  .widget-dataminer .custom-button {
    width: 60% !important;
  }
  .umbraco-forms-page .custom-button {
    width: 60% !important;
  }
  .list-report .card .report-lock-img {
    height: 41rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 41rem !important;
  }
  .report-info-detail {
    width: 30% !important;
  }
  .report-info-detail .custom-button {
    width: 100% !important;
  }
  .report-info-detail .contactus-button {
    width: 50% !important;
  }
  .report-detail-download .custom-button {
    width: 10% !important;
  }
  #contact-us-form .umbraco-forms-page {
    width: 80% !important;
  }
  .modal-dialog .custom-button {
    width: 30% !important;
  }
}

@media (min-width: 1921px) and (max-width: 2199px) {
  .widget-dataminer .custom-button {
    width: 60% !important;
  }
  .list-report .card .report-lock-img {
    height: 38rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 38rem !important;
  }
  .report-info-detail {
    width: 30% !important;
  }
  .report-info-detail .contactus-button {
    width: 50% !important;
  }
  #contact-us-form .umbraco-forms-page {
    width: 85% !important;
  }
}

@media (min-width: 1921px) and (max-width: 2048px) {
  .list-report .card .report-lock-img {
    height: 36rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 36rem !important;
  }
}

@media (min-width: 1921px) and (max-width: 2560px) {
  .cover {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .report {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  btn .custom-button {
    width: 100rem !important;
  }
  .dashboard-item {
    flex: 0 0 auto;
    width: 24% !important;
    margin-bottom: 4rem;
  }
  .card-smi-dashboard {
    width: 25% !important;
  }
  .card-my-dashboard {
    width: 25% !important;
  }
  .card-report-items {
    width: 25% !important;
  }
  .search-box {
    width: 40% !important;
  }
  .button-custom-report .custom-button {
    width: 14% !important;
  }
  .search-report {
    width: 25% !important;
  }
  .list-card-report .search-report {
    width: 100% !important;
  }
  .search-result-items {
    flex: 0 0 32% !important;
  }
  .report-summary-wrapper .headingDescription p {
    width: 85% !important;
  }
  .container-report-item .cover-image {
    width: 53%;
    max-width: 53%;
  }
  .container-report-item .report-info {
    width: 19%;
  }
}

@media (width: 2560px) {
  .button-custom-report .custom-button {
    width: 20% !important;
  }
  .report-content .contactus-button-body {
    width: 12% !important;
  }
}

@media (width: 1920px) {
  .container-report-item .cover-image {
    width: 72%;
    max-width: 72%;
  }
  .container-report-item .report-info {
    width: 25%;
  }
}

@media (max-width: 1800px) {
  .list-report .card .report-lock-img {
    height: 42rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 42rem !important;
  }
}

@media (max-width: 1700px) {
  .list-report .card .report-lock-img {
    height: 39rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 39rem !important;
  }
}

@media (max-width: 1600px) {
  .list-report .card .report-lock-img {
    height: 37rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 37rem !important;
  }
}

@media (max-width: 1500px) {
  .list-report .card .report-lock-img {
    height: 35rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 35rem !important;
  }
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 25rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 25rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 25rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 25rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 25rem !important;
  }
}

@media (max-width: 1440px) {
  .list-report .card .report-lock-img {
    height: 25rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 25rem !important;
  }
  .checkbox-item:checked + .node-label:after {
    width: 1.47rem !important;
    height: 1.4rem !important;
    left: 0.25rem !important;
  }
  .radio-item:checked + .node-label:after {
    width: 1.47rem !important;
    height: 1.2em !important;
    left: 0.25rem !important;
  }
}

@media (width: 1366px) {
  .list-report .card .report-lock-img {
    height: 23rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 23rem !important;
  }
  .list-card-report .filter-report {
    margin-bottom: 4rem;
  }
}

@media (max-width: 1366px) {
  .list-card-report .filter-report {
    margin-bottom: 4rem;
  }
}

@media (max-width: 1300px) {
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 22rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 22rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 22rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 22rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 22rem !important;
  }
}

@media (max-width: 1200px) {
  .list-report .card .report-lock-img {
    height: 26rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 26rem !important;
  }
}

@media (min-width: 2560px) {
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 25%;
  }
  .dashboard-item {
    flex: 0 0 auto;
    width: 25%;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 25%;
  }
  .cover {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .report {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .custom-textbox {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
}

/*      Screen 4K (3840px x 2160px)     */
@media (min-width: 1441px) and (max-width: 1920px) {
  .button-custom-report .button-dashboard-spotlight {
    width: 30% !important;
  }
  .button-custom-report .button-report-spotlight {
    width: 51% !important;
  }
}

@media (min-width: 1280px) and (max-width: 1440px) {
  .button-custom-report .button-dashboard-spotlight {
    width: 50% !important;
  }
  .button-custom-report .button-report-spotlight {
    width: 51% !important;
  }
  .container-report-item .cover-image {
    width: 70%;
    max-width: 70%;
  }
  .container-report-item .report-info {
    width: 25%;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages {
    font-size: 1.5rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages:not(:disabled):not(.disabled).active {
    font-size: 1.5rem !important;
  }
}

@media (min-width: 1280px) and (max-width: 1365px) {
  .list-report .card .report-lock-img {
    height: 21rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 21rem !important;
  }
}

@media only screen and (min-width: 1200px) {
  .react-datepicker-wrapper {
    display: block !important;
  }
}

@media (max-width: 1199px) {
  .body-wrapper {
    padding: 0;
  }
  .section-button {
    display: flex;
    justify-content: space-between;
  }
  .react-datepicker-wrapper {
    display: block !important;
  }
  .report-info-dashboard {
    margin-top: 2rem;
  }
  .custom-button-dashboard {
    justify-content: center;
  }
  .column {
    flex: 0 0 auto;
    width: 100%;
  }
  .widget-items {
    flex-wrap: wrap;
    justify-content: space-between;
    /*width: 100%;*/
    display: flex;
  }
  .widget-reports .widget-item {
    flex: 0 0 auto;
    width: 100%;
  }
  .floating-widget {
    margin: 0px 0px 2rem 0px !important;
  }
  .list-report .card .report-lock-img {
    height: 40rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 40rem !important;
  }
  .content-wrap {
    margin-bottom: 0;
  }
  .container-landing-page {
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 1180px) and (max-width: 1279px) {
  .list-report .card .report-lock-img {
    height: 30rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 30rem !important;
  }
}

@media (min-width: 1025px) and (max-width: 1179px) {
  .list-report .card .report-lock-img {
    height: 28rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 28rem !important;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem !important;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 48%;
    margin-bottom: 4rem !important;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 48%;
    margin-bottom: 4rem !important;
  }
  .list-report .card .report-lock-img {
    height: 26rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 26rem !important;
  }
}

@media (max-width: 991px) {
  .list-report .card .report-lock-img {
    height: 33rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 33rem !important;
  }
  .dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 12rem !important;
    margin-bottom: 4rem !important;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 12rem !important;
    margin-bottom: 4rem !important;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 12rem !important;
    margin-bottom: 4rem !important;
  }
  .widget-items {
    margin: 0 !important;
  }
  .widget-items .widget-column {
    padding: 0 !important;
  }
  .btn-dataminer {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
  }
  .navbar-expand {
    flex-direction: column !important;
    justify-content: center !important;
  }
  .align-items-end {
    align-items: unset !important;
  }
  .top-header-right {
    margin-top: 2rem;
    align-items: center;
    justify-content: flex-end !important;
  }
  .navbar .username {
    display: flex;
    justify-content: flex-end;
  }
}

@media (min-width: 821px) and (max-width: 991px) {
  .list-report .card .report-lock-img {
    height: 23rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 23rem !important;
  }
}

@media (max-width: 900px) {
  .list-report .card .report-lock-img {
    height: 30rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 30rem !important;
  }
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 19rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 19rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 19rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 19rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 19rem !important;
  }
}

@media (min-width: 980px) {
  .report-summary-content .spotlight {
    justify-content: flex-start;
  }
  .report-summary-content .cover-image {
    flex: 0 0 auto !important;
    width: auto;
    max-width: 50vw;
    margin-right: 5rem;
  }
}

@media (width: 820px) {
  .list-report .card .report-lock-img {
    height: 20rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 20rem !important;
  }
}

@media (max-width: 800px) {
  .list-report .card .report-lock-img {
    height: 26rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 26rem !important;
  }
}

@media (min-width: 768px) and (max-width: 819px) {
  .list-report .card .report-lock-img {
    height: 19rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 19rem !important;
  }
}

@media (min-width: 768px) and (max-width: 849px) {
  .report-summary-content .spotlight {
    justify-content: flex-start;
  }
  .report-summary-content .cover-image {
    margin-bottom: 5rem;
    max-width: 100% !important;
  }
  .report-summary-content .description-spotlight {
    width: 100% !important;
  }
  .report-summary-content .description-spotlight .report-info .button-custom-report {
    display: flex;
    justify-content: space-between !important;
  }
  .report-summary-content .description-spotlight .report-info .button-custom-report .custom-button {
    width: 41.6666666667% !important;
  }
  .container-report-item .cover-image {
    margin-bottom: 5rem;
  }
}

@media only screen and (max-width: 767px) {
  .dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem;
  }
  .report-summary-content .cover-image {
    max-width: 100% !important;
    margin-bottom: 5rem;
  }
  .report-summary-content .cover-image img {
    max-width: 100%;
    max-height: 100%;
  }
  .report-summary-content .description-spotlight {
    width: 100% !important;
  }
  .report-summary-content .description-spotlight .button-custom-report {
    display: flex;
    justify-content: space-between !important;
  }
  .title-dataminer-login {
    margin-bottom: 4rem !important;
  }
  .widget-dataminer .horizontal-view .widget-description {
    margin-bottom: 4rem !important;
  }
  .search-result-items {
    max-width: 100% !important;
    max-height: 100% !important;
  }
  .customs-footer {
    display: flex !important;
    flex-direction: column !important;
  }
  .logo-wrapper {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 5rem;
  }
  .logo-wrapper-main {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 5rem;
  }
  .title-footer {
    text-align: center;
  }
  .item-footer {
    text-align: center;
  }
  .text-legend-item-title {
    text-align: center;
  }
  .item-footer-main {
    text-align: center;
  }
  .item-connect-footer {
    justify-content: center !important;
  }
  .item-connect-footer-main {
    justify-content: center !important;
  }
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 31rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 31rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 31rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 31rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 31rem !important;
  }
  .supporttype {
    flex: 0 0 auto;
    width: 100%;
  }
  .name {
    flex: 0 0 auto;
    width: 100%;
  }
  .container-report-item .cover-image {
    margin-bottom: 5rem;
  }
}

@media (min-width: 720px) and (max-width: 767px) {
  .list-report .card .report-lock-img {
    height: 17rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 17rem !important;
  }
}

@media (max-width: 700px) {
  .list-report .card .report-lock-img {
    height: 22rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 22rem !important;
  }
}

@media only screen and (max-width: 650px) {
  .dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 6rem !important;
    margin-bottom: 4rem !important;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 6rem !important;
    margin-bottom: 4rem !important;
  }
  .nav_btn-collapsed {
    z-index: 1 !important;
  }
  .no-overlay {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black background with opacity */
    z-index: 2;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
  }
  .overlay {
    position: fixed;
    /* Sit on top of the page content */
    display: block !important;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black background with opacity */
    z-index: 2;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
  }
  .nav_btn-close {
    position: absolute !important;
    width: 4rem !important;
    height: 4rem !important;
    background-image: url(/Content/image/close.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 5rem !important;
    opacity: .5;
    right: 1rem;
    top: 1rem;
  }
  .nav-collapsed {
    display: none !important;
  }
  .sprite-smi-logo {
    margin-left: 2rem;
  }
  .verify-code {
    display: flex !important;
    flex-direction: column;
    max-width: 100%;
  }
  .input-sendcode {
    min-width: 100%;
    padding: 0 !important;
  }
  .title-description {
    font-size: 1.9rem;
    margin: 0 2rem;
  }
  .data-consent {
    display: flex;
  }
  .check-data-consent {
    margin-top: 0.5rem;
    margin-right: 0.5rem;
  }
  .modal-backdrop {
    z-index: 0 !important;
  }
  .list-report .card .report-lock-img {
    height: 21rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 21rem !important;
  }
}

@media (min-width: 651px) and (max-width: 719px) {
  .list-report .card .report-lock-img {
    height: 15rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 15rem !important;
  }
}

@media (min-width: 576px) and (max-width: 650px) {
  .list-report .card .report-lock-img {
    height: 14rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 14rem !important;
  }
}

@media (max-width: 600px) {
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 25rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 25rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 25rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 25rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 25rem !important;
  }
  .search-result-items {
    display: flex !important;
    flex-direction: column;
    -webkit-box-shadow: 3px 12px 25px -7px #adacac;
    border: none !important;
  }
  .search-result-items .training_item_image {
    display: flex;
    justify-content: center;
    height: 100px !important;
    background-color: transparent;
    padding: 2rem 0;
  }
  .search-result-items .training_item_image img {
    max-width: 100%;
    max-height: 100%;
  }
  .search-result-items .training_item_content {
    padding: 1rem 1.5rem !important;
  }
  .central-toast .central-toast-wrapper .central-toast-items {
    right: 0;
  }
}

@media only screen and (width: 576px) {
  .sprite-smi-logo {
    margin-left: 15rem;
  }
  .verify-code {
    display: flex !important;
    flex-direction: column;
    max-width: 100%;
  }
  .input-sendcode {
    min-width: 100%;
    padding: 0 !important;
  }
  .title-description {
    font-size: 1.9rem;
    margin: 0 2rem;
  }
  .data-consent {
    display: flex;
  }
  .check-data-consent {
    margin-top: 0.5rem;
    margin-right: 0.5rem;
  }
}

@media only screen and (max-width: 576px) {
  .dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem;
  }
  .components-search-panel-training-search-result-item-module__training_item_title {
    display: block !important;
  }
  .dataminer-item {
    max-height: 100% !important;
  }
  .categories-dataminer {
    display: flex;
    flex-wrap: wrap;
  }
  .navbar.header {
    padding: 3rem 0;
  }
  .customs-footer .justify-logo-center {
    justify-content: center !important;
  }
  .btn-learnMore {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
  }
  .report-summary-content .cover-image {
    margin-bottom: 5rem;
  }
  .report-summary-content .description-spotlight .button-custom-report {
    display: flex;
    justify-content: center !important;
  }
  p.Summary {
    width: 100% !important;
  }
  #requestSupportFeedback {
    padding-right: 0;
  }
}

@media (min-width: 577px) and (max-width: 849px) {
  .report-summary-content .description-spotlight .report-info .button-view-dashboard {
    justify-content: center !important;
  }
}

@media (width: 850px) {
  .button-custom-report .button-report-spotlight {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .list-report .card .report-lock-img {
    height: 39rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 39rem !important;
  }
}

@media (min-width: 500px) and (max-width: 566px) {
  .list-report .card .report-lock-img {
    height: 25rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 25rem !important;
  }
}

@media (min-width: 500px) and (max-width: 767px) {
  .button-view-dashboard .custom-button {
    width: 50%;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages {
    font-size: 1.2rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages:not(:disabled):not(.disabled).active {
    font-size: 1.2rem !important;
  }
}

@media (max-width: 500px) {
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 22rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 22rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 22rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 22rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 22rem !important;
  }
}

@media only screen and (max-width: 450px) {
  .top-header-right {
    flex-direction: column-reverse !important;
    align-items: flex-end;
    justify-content: flex-end !important;
  }
  .navbar .username {
    display: flex;
    margin-bottom: 1.6rem !important;
    justify-content: flex-end;
  }
  .btn-group-icon {
    margin-right: 0 !important;
  }
  .dropleft {
    margin-left: 2rem !important;
  }
  .list-report .card .report-lock-img {
    height: 29rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 29rem !important;
  }
  .main-title:before {
    width: 0.9rem;
    height: 0.9rem;
  }
  .main-title {
    padding: 0;
    font-weight: 800;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: "";
  }
  .member-profile .form-group {
    padding: 0;
  }
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 19rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 19rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 19rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 19rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 19rem !important;
  }
}

@media (min-width: 376px) and (max-width: 499px) {
  .list-report .card .report-lock-img {
    height: 19rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 19rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages {
    font-size: 1rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages:not(:disabled):not(.disabled).active {
    font-size: 1rem !important;
  }
}

@media (min-width: 320px) and (max-width: 375px) {
  .list-report .card .report-lock-img {
    height: 18rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 18rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages {
    font-size: 1rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages:not(:disabled):not(.disabled).active {
    font-size: 1rem !important;
  }
}

@media (max-width: 350px) {
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 15rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 15rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 15rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 15rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 15rem !important;
  }
}

@media only screen and (max-width: 319px) {
  html, body {
    margin: 0;
    padding: 0;
  }
  .container-fluid {
    width: 32rem;
    overflow: scroll;
  }
  .container-fluid .horizontal-view {
    width: 100%;
  }
  .navbar-fixed-bottom {
    width: 32rem;
  }
  .text-legend-item-title {
    font-size: 1.4rem !important;
  }
  .nav-item-legend {
    margin-bottom: 3rem !important;
  }
  .text-legend-item {
    font-size: 1.4rem !important;
  }
  .widget-dataminer h4 * {
    font-size: 1.2rem !important;
  }
  .widget-dataminer h4 p {
    font-size: 1.5rem !important;
  }
  .widget-dataminer h4 p strong {
    font-size: 1.5rem !important;
  }
}

@media (min-width: 320px) and (max-width: 980px) {
  .container-dashboard {
    display: flex !important;
    flex-direction: column;
  }
  .container-dashboard .cover-image {
    margin-bottom: 5rem;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
  .container-report {
    display: flex !important;
    flex-direction: column;
  }
  .container-report .cover-image {
    margin-bottom: 5rem;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
  .report-summary-content .container-report .description-spotlight .button-custom-report {
    align-items: center;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .profile {
    padding: 0 5rem;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  .dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 6rem !important;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 6rem !important;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 6rem !important;
  }
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.report-summary-wrapper .report-summary-content .download-button {
  font-weight: 800;
  font-style: normal;
  font-size: 2.3rem;
  line-height: "";
  color: "";
  background-color: #35C9D0 !important;
  border-radius: 0 !important;
  padding: 1.5rem 0 !important;
  text-align: center;
}

.report-summary-wrapper .report-summary-content .download-button:hover {
  color: #fff !important;
}

.report-summary-wrapper .report-summary-content .spotlight .cover-image img {
  max-width: 100%;
  max-height: 100%;
}

.report-summary-wrapper .report-summary-content .spotlight .report-info .short-description {
  font-size: 2.2rem;
  line-height: 2.8rem;
}

.report-summary-wrapper .report-summary-content strong {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.report-content .download-button {
  font-weight: 800;
  font-style: normal;
  font-size: 2.3rem;
  line-height: "";
  color: "";
  background-color: #35C9D0 !important;
  border-radius: 0 !important;
  padding: 1.5rem 0 !important;
  text-align: center;
}

.report-content .download-button:hover {
  color: #fff !important;
}

.report-content .contactus-button {
  background-color: #FF8189 !important;
}

.report-content .contactus-button:hover {
  color: #fff !important;
}

.report-content .spotlight {
  padding: 2rem 0;
}

.report-content .spotlight .cover-image img {
  max-width: 100%;
  max-height: 100%;
}

.report-content .spotlight .report-info {
  background-color: #D3EBEE;
  font-size: 2rem;
}

.report-content .spotlight .report-info .card-body {
  padding: 2.5rem;
}

.report-content .spotlight .report-info .card-body .container-button-download {
  text-align: center;
}

.report-content .spotlight .report-info .report-info-title {
  font-size: 2.3rem;
}

.report-content .spotlight .report-info .report-info-title a {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.report-content .spotlight .report-info .report-info-title:before {
  background-color: #35C9D0;
  content: "";
  display: inline-block;
  height: 0.6rem;
  vertical-align: baseline;
  width: 0.6rem;
}

.report-content .spotlight .report-info .report-info-title-icon {
  color: #35C9D0;
  font-size: 1rem !important;
}

.report-summary-content .container-report {
  display: block;
  padding: 0;
}

.report-summary-content .container-report .cover-image {
  float: left;
}

.report-summary-content .container-report .cover-image img {
  max-width: 100%;
  max-height: 100%;
}

.report-summary-content .container-report .description-spotlight .button-custom-report {
  flex-direction: column !important;
}

.container-report-item {
  display: block;
  padding: 0;
}

.container-report-item .cover-image {
  flex: 0 0 auto !important;
  margin-right: 5rem;
  float: left;
}

.container-report-item .cover-image img {
  max-width: 100%;
  max-height: 100%;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.list-dashboard h4 {
  text-align: center;
  margin-bottom: 0rem;
  font-size: 1.3rem !important;
}

.powerbi-placeholder {
  position: relative;
  padding: 0.8rem 0.4rem 0.4rem;
}

.powerbi-placeholder:hover .wrapper-action-pane {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 300ms;
}

.powerbi-placeholder .m-fadeOut {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 500ms, opacity 10000ms;
}

.powerbi-placeholder .m-fadeIn {
  visibility: visible;
  opacity: 1;
  transition: visibility 0s linear 0s, opacity 300ms;
}

.powerbi-placeholder .wrapper-action-pane-expanded {
  right: 39rem !important;
}

.powerbi-placeholder.absolute .action-pane {
  position: absolute;
  top: 0;
}

.powerbi-placeholder.fixed .action-pane {
  position: fixed;
  top: 0;
  right: auto;
  display: flex;
  flex-direction: column;
}

.toast-powerbi {
  background-color: #FFF;
  box-shadow: 0 0.25rem 0.75rem #00000080;
  width: 33rem;
  top: 0;
  right: 0;
  z-index: 100;
  margin-left: auto;
}

.toast-powerbi .toast-header {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #000;
  padding: 0.8rem;
}

.toast-powerbi .toast-header .close {
  font-size: 2.5rem;
}

.toast-powerbi .toast-body {
  font-weight: 300;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 2rem;
  color: "";
  padding: 1.1rem;
}

.container-dashboard {
  display: block;
  padding: 0;
}

.container-dashboard .cover-image {
  float: left;
}

.page-slider .slick-next:before {
  content: "\f105" !important;
}

.page-slider .slick-prev:before {
  content: "\f104" !important;
}

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

.active-filters-content .title-active-filters {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
  display: flex;
  margin-bottom: 1rem;
}

.active-filters-content .title-active-filters .toggle-active-filters {
  margin-left: 1rem;
  border: none;
  background-color: transparent;
}

.active-filters-content .title-active-filters .toggle-active-filters .fa-angle-up {
  color: #35C9D0 !important;
}

.active-filters-content .title-active-filters .toggle-active-filters .fa-angle-down {
  color: #35C9D0 !important;
}

.active-filters-content .active-filters .react-tooltip {
  margin: 0;
  padding: 0;
  opacity: 1;
}

.active-filters-content .active-filters .container-active-filters {
  position: relative;
}

.active-filters-content .active-filters .container-active-filters .list-active-filters {
  position: relative;
  overflow: hidden;
  width: 94.5%;
  height: 2.5rem;
}

.active-filters-content .active-filters .container-active-filters .list-active-filters .text-active-filters-container {
  white-space: nowrap;
  position: absolute;
  top: 0;
  cursor: pointer;
}

.active-filters-content .active-filters .container-active-filters .list-active-filters .text-active-filters-container .text-active-filters {
  font-weight: 300;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 1.5rem;
  color: "";
}

.active-filters-content .active-filters .container-active-filters .button-prev {
  position: absolute;
  z-index: 2;
  top: -1rem;
  left: -3.5rem;
  margin-left: 1rem;
  border: none;
  background-color: transparent;
  font-size: 2.5rem;
}

.active-filters-content .active-filters .container-active-filters .button-prev i {
  color: #35C9D0 !important;
}

.active-filters-content .active-filters .container-active-filters .button-next {
  position: absolute;
  top: -1rem;
  right: 4rem;
  margin-left: 1rem;
  border: none;
  background-color: transparent;
  font-size: 2.5rem;
}

.active-filters-content .active-filters .container-active-filters .button-next i {
  color: #35C9D0 !important;
}

.active-filters-content .active-filters .container-active-filters-tooltip {
  word-break: break-word;
  width: 40rem;
  height: auto;
  min-height: 20rem;
  padding: 1rem;
  background-color: #fff;
  border: 0.2rem solid #35C9D0;
  font-weight: 300;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 2rem;
  color: #101A21;
}

.active-filters-content .active-filters .container-active-filters-tooltip .title-active-filters-tooltip {
  font-weight: 300;
  font-style: normal;
  font-size: 1.3rem;
  line-height: 1.5rem;
  color: #101A21;
}

.container-powerbi-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4rem 0.4rem 0.8rem;
}

.container-powerbi-header .wrapper-action-pane {
  z-index: 9;
}

.container-powerbi-header .wrapper-action-pane .action-pane {
  display: flex;
}

.container-powerbi-header .wrapper-action-pane .action-pane_item {
  color: #0D77D6 !important;
  margin-left: 10px;
}

.container-powerbi-header .wrapper-action-pane .action-pane #closeFullScreen {
  display: none;
}

.container-powerbi-header .wrapper-action-pane .action-pane .btnDisable {
  display: block;
  pointer-events: none;
}

.dashboard-page {
  background-color: white;
}

.dashboard-page .p-20px {
  padding: 20px 20px 0 20px;
}

.dashboard-page_fullscreen {
  padding: 20px;
  overflow-y: auto;
}

.dashboard-page_fullscreen .navbar.header-container, .dashboard-page_fullscreen #sidebar-container {
  display: none;
}

.dashboard-page_fullscreen .container-powerbi-header .wrapper-action-pane #closeFullScreen {
  display: block;
}

.dashboard-page_fullscreen .container-powerbi-header .wrapper-action-pane #openFullScreen {
  display: none;
}

.invalid-report {
  border-radius: 0.4rem;
  border: none;
  position: relative;
}

.invalid-report_modal-header {
  padding: 0.8rem 1.6rem;
  border-bottom: 0.1rem solid #E0E0E0;
}

.invalid-report_modal-header__title {
  font-size: 1.6rem !important;
  font-weight: 400 !important;
  line-height: 1.9rem !important;
  letter-spacing: 0em !important;
  margin: 0;
  color: #212121 !important;
}

.invalid-report_modal-header__icon {
  color: #757575;
}

.invalid-report_body {
  background-color: #eeeeee;
  padding: 0.4rem;
}

.invalid-report_card {
  padding: 1.6rem;
  border-radius: 0.4rem;
  background-color: #ffffff;
}

.invalid-report_content {
  color: #757575;
  font-size: 1.4rem !important;
  line-height: 2rem !important;
  text-align: center;
}

.invalid-report_content b {
  font-weight: bold;
}

.invalid-report_modal-dialog {
  max-width: 53.7rem;
}

.invalid-report_modal-footer {
  border-top: 0.1rem solid #E0E0E0;
}

.invalid-report_button__primary {
  color: #ffffff;
  background: #0D77D6;
  border: 1px solid #0D77D6;
  padding: 0.7rem 3.3rem;
  font-size: 1.4rem;
  border-radius: 4px;
  cursor: pointer;
  margin: 0 0.5rem 0 0;
}

.invalid-report_button__primary:hover {
  background: #003968;
}

.invalid-report_button__secondary {
  padding: 0.7rem 3.3rem;
  font-size: 1.4rem;
  border-radius: 4px;
  cursor: pointer;
  margin: 0 0.5rem 0 0;
  color: #607D8B;
  background: transparent;
  border: none;
}

.invalid-report_button__secondary:hover {
  background: rgba(96, 125, 139, 0.04);
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.error-page-not-found {
  position: relative;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  padding: 2% 20%;
  text-align: center;
}

.error-page-not-found .error-page-not-found-subtitle {
  font-weight: 400;
  margin: 0 0 1.6rem;
}

.error-page-not-found .error-page-not-found-title {
  font-size: 10rem !important;
  letter-spacing: 2.4rem;
  margin: 0;
  display: inline-block;
  text-decoration: none;
  border-bottom: 0.2rem solid #2cccd3 !important;
  margin-bottom: 2rem !important;
}

.error-page-not-found .error-page-not-found-text {
  font-weight: 300;
  font-style: normal;
  font-size: 2.2rem;
  line-height: 2.5rem;
  color: "";
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.page-detail img {
  width: 100%;
  height: auto;
}

.page-detail p {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
}

.page-detail li {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.page-contact-us_container {
  max-width: 90rem;
}

.page-contact-us_container__white {
  background-color: #FFFFFF;
  color: #212121;
  padding: 2.4rem;
}

.page-contact-us_loader {
  position: absolute;
  width: 100%;
  display: none;
  height: 100%;
  z-index: 1;
}

.page-contact-us_loader__active {
  display: block;
}

.page-contact-us_heading {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.1rem;
  letter-spacing: 0em !important;
  margin-bottom: 3.2rem;
}

.page-contact-us_description {
  margin-bottom: 3.7rem;
}

.page-contact-us_description p {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
  letter-spacing: 0em !important;
}

.page-contact-us_cards-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 3.2rem;
  max-width: 73rem;
}

.page-contact-us_card {
  padding: 0.5rem;
}

.page-contact-us_card__heading {
  margin-bottom: 0.8rem;
}

.page-contact-us_card__item {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.1rem;
  letter-spacing: 0em !important;
  margin-bottom: 0.8rem;
  display: flex;
  align-items: flex-start;
  gap: 0.4rem;
  color: #757575;
}

.page-contact-us_card__email {
  color: #0D77D6 !important;
  text-decoration: underline !important;
}

.page-contact-us_card__email:hover, .page-contact-us_card__email:active {
  color: #0D77D6;
  text-decoration: underline !important;
}

.page-contact-us_card__icon {
  color: #0D77D6;
  display: inline-block;
  padding: 0.3rem;
  height: 2.4rem;
  width: 2.4rem;
}

.page-contact-us_secondary-heading {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.9rem;
  letter-spacing: 0em !important;
  color: #212121;
}

.page-contact-us_form-heading {
  margin-bottom: 1.2rem;
}

.page-contact-us .umbraco-form_button {
  margin: 0;
  margin-top: 3.2rem;
}

.item-page img {
  max-width: 100%;
}

.item-page_heading {
  font-size: 2.1rem;
  font-weight: 600;
  line-height: 2.5rem;
  letter-spacing: 0em !important;
  color: #7E57C2;
  margin-bottom: 16px;
}

.item-page_heading__report {
  color: #212121;
}

.item-page_category {
  display: flex;
  flex-direction: column;
  background-color: #E7F1FB;
  margin-left: 1.6rem;
  padding: 1.6rem;
  width: 34.4rem;
  min-width: 34.4rem;
  align-items: center;
  justify-content: space-between;
  order: 2;
  float: right;
}

.item-page_category__heading {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.1rem;
  letter-spacing: 0em !important;
  margin-bottom: 0.4rem;
}

.item-page_category__item-container {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
  letter-spacing: 0em !important;
  margin-bottom: 0.3rem;
  padding: 0;
  color: #212121;
}

.item-page_category__container {
  width: 100%;
}

.item-page_category__container:not(:first-child) {
  margin-top: 1.4rem;
}

.item-page_category__button {
  border: none;
  background: #0D77D6;
  padding: 0.8rem 1.5rem;
  color: #ffffff;
  margin-top: 3.2rem;
  border-radius: 0.4rem;
}

.item-page_category__button:hover {
  background-color: #003968;
}

.item-page_category__button-text {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6rem;
  letter-spacing: 0em;
}

.item-page_category__button-icon {
  height: 1.4rem;
  display: inline-block;
  padding-left: 1.2rem;
}

.item-page_category__contact-us-button {
  background-color: #6366F1;
}

.item-page_content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.item-page_content__wrapper {
  padding: 1.6rem;
}

.item-page_details {
  width: 100%;
  height: calc(100vh - 95px);
  overflow-x: hidden;
  overflow-y: auto;
}

.item-page_description {
  padding-right: 20px;
}

.item-page_description * {
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  line-height: 1.6rem !important;
  letter-spacing: 0em !important;
  color: #757575;
}

.item-page_image {
  max-width: 100%;
  border: 8px solid #EEEEEE;
  margin-bottom: 16px;
}

.notification-page .clearfix {
  display: flex;
}

.notification-page p {
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  line-height: 1.6rem !important;
  letter-spacing: 0em !important;
  color: #757575;
}

.notification-page h1, .notification-page h2, .notification-page h3, .notification-page h4, .notification-page h5, .notification-page h6 {
  color: #212121;
}

.notification-page .column {
  padding: 1.6rem !important;
}

.blackcolor {
  color: #000 !important;
}

.blackcolor:hover {
  color: #000 !important;
}

.whitecolor:hover {
  color: #fff !important;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
/*@import "../device-style.scss";*/
/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
/* Header Login Page*/
.sprite-smi-logo {
  background-position: -847px -1058px;
  width: 18.4rem;
  height: 10rem;
}

.navbar.header {
  background-color: #101A21 !important;
  padding: 3rem 0 3rem 6rem;
}

/* Header Main Pages*/
.master-title {
  font-weight: 800;
  font-style: normal;
  font-size: 2.3rem;
  line-height: 2.8rem;
  text-align: start;
  margin-bottom: 0;
  color: #212121;
  margin: 0 5px;
}

.top-header-right {
  display: flex;
  justify-content: flex-end;
}

.header-container {
  min-height: 51px;
  border-bottom: 1px solid #EEE;
  background-color: #fff;
  padding-right: 20px;
  z-index: 1003;
}

.header_flexbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header_breadcrumbs {
  margin-left: 30px;
  font-weight: 600;
}

.header_breadcrumbs .fa {
  margin: 0 10px;
  color: #757575;
}

.header_breadcrumbs, .header_breadcrumbs .header_breadcrumbs__with-icon {
  color: #212121 !important;
  font-size: 1.5rem;
  margin-bottom: 0 !important;
}

.header_username {
  font-size: 1.2rem;
  color: #0D77D6 !important;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  padding: 7px 10px;
  border-radius: 16px/50%;
  margin-right: -10px;
}

.header_username--icon {
  margin-right: 5px;
  display: flex;
}

.header_username--angel-icon {
  margin-left: 10px;
  display: flex;
}

.header_username:hover {
  background-color: #B6D6F3 !important;
  color: #0D77D6 !important;
}

.header_username[aria-expanded="true"] {
  background: #0D77D6 !important;
  color: #fff !important;
}

.header_username[aria-expanded="true"] .header_username--angel-icon {
  transform: rotate(180deg);
}

.dropdown-menu {
  min-width: 200px;
  box-shadow: 0px 4px 4px 0px #00000040;
  border: none;
}

.setting-dropdown {
  margin-left: 5px;
}

.setting-dropdown .dropdown-menu {
  right: -20px !important;
  top: 100%;
  padding: 5px;
}

.setting-dropdown .dropdown-menu_item {
  width: 100%;
  border: none;
  background: transparent;
  align-items: center;
  color: #212121 !important;
  font-size: 14px;
  display: flex;
  height: 30px;
  padding: 0 10px;
}

.setting-dropdown .dropdown-menu_item:hover {
  border-radius: 15px;
  background-color: #B6D6F3 !important;
}

.setting-dropdown .dropdown-menu_item .prime-icon {
  vertical-align: middle;
  margin-right: 5px;
}

.spotter-button {
  height: 32px;
  width: 32px;
  padding-left: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: 5px;
  color: #757575 !important;
  cursor: pointer;
}

.spotter-button:hover {
  background-color: #B6D6F3 !important;
}

.spotter-button__active {
  background: #0D77D6 !important;
  color: #fff !important;
}

.spotter-button__active:hover {
  background: #0D77D6 !important;
}

.spotter-button__cancel {
  height: 27px;
  width: 27px;
}

.spotter-button__cancel .react-app-root {
  height: 13px;
}

.spotter-button__container {
  display: flex;
  justify-content: flex-end;
  font-size: 1rem;
}

.spotter-button_disabled {
  opacity: 0.5;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.background-white-before:before {
  background-color: transparent;
}

.customs-footer {
  background-color: #35C9D0 !important;
  padding: 5rem;
  width: 100%;
}

.customs-footer > a {
  color: #fff !important;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.navbar-nav {
  display: flex;
  max-width: 28rem;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  width: 100%;
}

.navbar .username {
  font-weight: 800;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.6rem;
}

.nav-collapsed {
  width: 2rem !important;
  background-color: #000;
}

.nav-collapsed .react-nav-bar-component {
  visibility: hidden;
}

.nav-link.disable > .nav-item-title {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: #fff !important;
  width: 15rem;
  position: relative;
  top: 0px;
  left: 0px;
  text-align: left;
  text-decoration: none;
  opacity: 0.5;
}

.nav_btn-collapsed {
  width: 3rem;
  height: 3rem;
  background: #35C9D0;
  background-image: url("/Content/image/arrow_left.png");
  background-position: center;
  background-repeat: no-repeat;
}

.nav-icon {
  position: absolute;
  height: 100%;
  display: flex;
  z-index: 1000;
}

.nav-icon .container-error-widget {
  width: 15rem;
}

.modal-backdrop {
  z-index: 999;
}

.nav-icon-collapsed {
  position: relative;
  z-index: 1;
}

li.nav-item.active.active-lock.non-active {
  background-color: transparent !important;
  opacity: 0.5 !important;
}

li.nav-item.active.non-active {
  background-color: transparent !important;
  opacity: 1 !important;
}

.nav_btn-collapsed:hover {
  background-color: #12929b;
}

.nav-collapsed ~ .nav_btn-collapsed {
  background-image: url(/Content/image/icon_humberger.png);
}

.nav-link {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: white !important;
  min-width: 20rem;
  position: relative;
  top: 0px;
  left: 0px;
  opacity: 1;
  text-align: left;
  text-decoration: none;
}

.nav-item img {
  vertical-align: baseline;
  margin-right: 0.5rem;
  height: 1em;
}

.custom-master-navigation {
  border-bottom: 0.2rem solid #35C9D0 !important;
}

.nav-item.active {
  background-color: #35C9D0 !important;
  margin-bottom: 0.5rem;
  margin-right: 1rem;
}

.nav-item.active-lock {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.8rem;
  color: "";
  background-color: #FF8189 !important;
  margin-bottom: 0.5rem;
}

.nav-root {
  font-style: normal;
  font-weight: 800;
  font-size: 1.8rem;
  line-height: 2.2rem;
  padding-top: 2.3rem;
  display: block;
  padding-left: 0.1rem;
  min-width: 20rem;
}

.nav-root .nav-item-title {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #fff !important;
  word-wrap: break-word;
}

.nav-root:before {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  background-color: #35C9D0;
  width: 0.6rem;
  height: 0.6rem;
}

.nav-item-title {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.8rem;
  word-wrap: break-word;
}

.nav-item.active .nav-item-title {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.blank {
  height: 100%;
  width: 0.1rem;
  display: block;
}

.signout_button_css {
  outline: none;
  box-sizing: none;
  background-color: transparent;
  background: none !important;
  border: none;
  text-decoration: none;
  cursor: pointer;
  font-size: 2.2rem;
  color: #fff;
  padding: 0.5rem 0 .5rem 1rem;
}

.signout_button_css:focus,
.signout_button_css:hover {
  color: #fff !important;
}

.signout_button_top_css {
  outline: none;
  box-sizing: none;
  background: none !important;
  border: none;
  text-decoration: none;
  padding: 0 !important;
}

.nav-dropdown-panel {
  z-index: 1004 !important;
}

.nav-dropdown-panel .p-dropdown-item:hover, .nav-dropdown-panel .p-dropdown-item.p-highlight:hover {
  color: #212121 !important;
  background: #e9ecef !important;
}

.nav-dropdown-panel .p-dropdown-item.p-highlight {
  color: #212121 !important;
  background: transparent !important;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.foundationForm label, .foundationForm input, .foundationForm select {
  font-size: 1.6rem;
}

.foundationForm select {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.8rem;
}

.foundationForm label {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.8rem;
}

.foundationForm input {
  font-weight: 300;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.1rem;
}

.external-form * {
  font-size: 1.6rem;
}

.form-row > .col, .form-row > [class*=col-] {
  padding-left: 1.3rem;
  padding-right: 1.3rem;
}

.form-loading-error {
  color: #B71C1C;
  padding: 1rem;
  text-align: center;
  font-size: 1.6rem;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
html, body {
  font-family: Arial, sans-serif !important;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

body {
  overflow-x: hidden;
  /* background-color: #eeeeee !important;*/
}

.flex-column {
  flex-direction: column !important;
}

.flex-row {
  flex-direction: row !important;
  position: relative;
  /*width: 100%;*/
  min-height: auto;
}

.d-flex {
  display: flex !important;
}

.full-height {
  height: 100% !important;
}

.page-wrapper {
  padding: 20px;
}

.page-wrapper_white_background {
  background-color: #FFFFFF;
  width: 100%;
}

.page-wrapper_grey-background {
  background-color: #EEEEEE;
  width: 100%;
}

#wrapper #content-wrapper {
  overflow-x: hidden;
  overflow-y: hidden;
}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#embedContainer {
  height: 100% !important;
  width: 100% !important;
  margin-top: 1rem;
  margin-bottom: 1.5rem !important;
  position: relative;
}

.topproductheader {
  padding-top: 4rem !important;
}

iframe {
  border: none;
}

.min-100 {
  min-height: 100%;
}

.body-layout-register {
  min-height: 120rem !important;
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
.show.notification-dropdown {
  display: flex;
  background: #0D77D6 !important;
}

.show.notification-dropdown .notification-dropdown__link {
  color: #fff !important;
}

.show.notification-dropdown:hover {
  background: #0D77D6 !important;
}

.notification-dropdown {
  height: 32px;
  width: 32px;
  padding-left: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.notification-dropdown:hover {
  background-color: #B6D6F3 !important;
}

.notification-dropdown__link {
  color: #757575 !important;
  font-size: 14px;
}

.notification-dropdown__link .react-app-root {
  vertical-align: text-top;
}

.notification-dropdown__link.new-notification:before {
  content: '';
  width: 10px;
  height: 10px;
  background: #EE222B;
  border-radius: 50%;
  position: absolute;
  display: block;
  border: 2px solid #fff;
  right: 0px;
  top: 0px;
}

.notification-dropdown__link:hover {
  color: #757575 !important;
}

.notification-dropdown__menu {
  background: #fff !important;
  padding: 0 5px;
  top: 100% !important;
}

.notification-dropdown__menu--item {
  padding: 5px 0;
}

.notification-dropdown__menu .notification-link, .notification-dropdown__menu .notification-title, .notification-dropdown__menu .notification-date {
  color: #212121 !important;
}

.notification-dropdown__menu .notification-title {
  font-size: 14px;
}

.notification-dropdown__menu .notification-link {
  font-size: 12px;
  color: #0D77D6 !important;
}

.notification-dropdown__menu .notification-date {
  font-size: 12px;
}

.umbraco-form ::placeholder {
  color: #757575;
  opacity: 1;
}

.umbraco-form :-ms-input-placeholder {
  color: #757575;
}

.umbraco-form ::-ms-input-placeholder {
  color: #757575;
}

.umbraco-form_input {
  background-color: #eeeeee;
  border: 0.1rem solid #bdbdbd;
  border-radius: 0.4rem;
  padding: 0.4rem 0.8rem;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: 0em !important;
  color: #212121;
}

.umbraco-form_input:hover {
  border-color: rgba(13, 119, 214, 0.5);
}

.umbraco-form_input:focus {
  border-color: #0d77d6;
  outline: none;
  background-color: #eeeeee;
  box-shadow: none;
}

.umbraco-form_input.input-validation-error {
  border: 0.1rem solid #b71c1c !important;
}

.umbraco-form_label {
  font-size: 1.2rem !important;
  font-weight: 400;
  line-height: 1.4rem;
  letter-spacing: 0em !important;
  display: block;
  color: #212121;
}

.umbraco-form_asterisk {
  color: #b71c1c;
}

.umbraco-form_button {
  padding: 0.9rem 2.8rem;
  background-color: #0d77d6;
  color: #ffffff;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.7rem;
  letter-spacing: 0em !important;
  border-width: 0;
  border-radius: 0.4rem;
  margin: 1.6rem;
}

.umbraco-form_button:hover:not([disabled]) {
  background-color: #003968;
}

.umbraco-form_button:disabled {
  opacity: 0.2;
}

.umbraco-form_group {
  margin-bottom: 1.2rem;
  flex: 1 1 auto;
}

.umbraco-form_row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: 3.2rem;
}

.umbraco-form .field-validation-error {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.2rem;
  padding-top: 0;
  letter-spacing: 0em !important;
  color: #b71c1c !important;
}

html {
  font-size: 10px;
}

a {
  cursor: pointer;
}

a.btn-primary:hover {
  text-decoration: none;
}

h1,
h3,
h4,
h5,
h6 {
  font-weight: 800;
  font-style: normal;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #000;
  letter-spacing: 0.02em !important;
}

h1 .ti-arrow-right,
h2 .ti-arrow-right,
h3 .ti-arrow-right,
h4 .ti-arrow-right,
h5 .ti-arrow-right,
h6 .ti-arrow-right {
  margin-left: 50px;
}

h2 {
  line-height: 1.5em !important;
  color: #35C9D0;
  letter-spacing: -1 !important;
}

h1,
h2 {
  display: inline-block;
  text-decoration: none;
}

.mt-6 {
  margin-top: 6rem;
}

.mb-4 {
  margin-bottom: 4rem !important;
}

.mb-5 {
  margin-bottom: 5rem !important;
}

.mb-6 {
  margin-bottom: 6rem;
}

.mb-7 {
  margin-bottom: 7rem;
}

.mb-8 {
  margin-bottom: 8rem;
}

.mt-1 {
  margin-top: 1rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.mt-3 {
  margin-top: 3rem !important;
}

.mt-4 {
  margin-top: 4rem !important;
}

.mb-3 {
  margin-bottom: 3rem !important;
}

.pb-6 {
  padding-bottom: 6rem;
}

.pr-0 {
  padding-right: 0rem;
}

.pr-4 {
  padding-right: 4rem !important;
}

.mt-10 {
  margin-top: 1rem;
}

.mt-30 {
  margin-top: 3rem;
}

.rotate {
  animation: rotation 2s infinite linear;
  display: none;
}

.show {
  display: block;
}

.blue-dot:before {
  background-color: #35C9D0;
  content: "";
  display: inline-block;
  height: 0.6rem;
  vertical-align: baseline;
  width: 0.6rem;
  margin: 0 0.6rem 0 0;
}

.blue-dot-after:after {
  background-color: #35C9D0;
  content: "";
  display: inline-block;
  height: 0.6rem;
  vertical-align: baseline;
  width: 0.6rem;
  margin: .8rem 0 0 .6rem;
}

.blue-breadcrumb:before {
  content: "";
  display: inline-block;
  background: url("/Content/image/left.png") no-repeat;
  width: 0.7rem;
  height: 1rem;
  vertical-align: baseline;
  margin: 0 0.6rem 0 0;
}

.three-dots {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.two-line {
  -webkit-line-clamp: 2;
}

.three-line {
  -webkit-line-clamp: 3;
}

.clearfix {
  overflow: hidden;
}

.tooltip-inner {
  background-color: #fff;
  color: #000;
  font-size: 1.3rem;
  border: 1px solid #000;
}

.tooltip.bs-tooltip-right {
  margin-left: .5rem;
}

.tooltip.bs-tooltip-right .arrow:before {
  border-right-color: #fff;
}

.row {
  --bs-gutter-x: 4rem;
}

.black-hr {
  border: 0.1rem solid #000 !important;
  opacity: initial;
  margin-top: 0;
}

.green-hr {
  color: #35C9D0 !important;
  border: 0.1rem solid !important;
  width: 15rem;
  opacity: initial;
  margin: 6rem auto 6rem auto;
}

.bg-gradient-primary {
  background-color: #fff;
  background-image: none;
}

.bg-gradient-primary {
  background-size: cover;
}

.accordion {
  overflow-anchor: none;
}

.notification {
  width: 6rem !important;
}

.link-blue a {
  text-decoration: none;
}

.widget1 {
  height: 100% !important;
  width: 100% !important;
  margin-top: 1rem;
  margin-bottom: 1.5rem !important;
  position: relative;
}

.widget1 img {
  height: 402px !important;
  width: 100% !important;
}

.widget2 {
  height: 100% !important;
  width: 100% !important;
  margin-top: 1rem;
  margin-bottom: 1.5rem !important;
  position: relative;
}

.widget2 img {
  height: 402px !important;
  width: 100% !important;
}

.envelop {
  z-index: 1000;
  background-position-y: center;
  background: #989898;
}

.envelop:after {
  background: url("/Content/css/image/home_unlockkey.png") no-repeat center;
  content: '';
  height: 10rem;
  width: 10rem;
  position: absolute;
}

.whitecolor:hover {
  color: #fff !important;
}

.blackcolor {
  color: #000 !important;
}

.blackcolor:hover {
  color: #000 !important;
}

#body-row {
  margin-left: 0;
  margin-right: 0;
}

#sidebar-container {
  min-height: 100vh;
  padding: 0;
  position: relative;
  z-index: 1004;
}

#sidebar-container span[data-toggle=sidebar-colapse] {
  position: absolute;
  top: 10px;
  right: -20px;
  width: 20px;
  height: 30px;
  border-bottom-right-radius: 12px;
  border-top-right-radius: 12px;
  color: #0D77D6 !important;
  border-right: 1px solid #EEE;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
  background-color: #fff;
  z-index: 1;
  cursor: pointer;
}

/* Sidebar sizes when expanded and expanded */
#sidebar-container.sidebar-expanded {
  width: 200px;
  box-sizing: border-box;
}

.logo-container {
  /*200px without border width*/
  width: calc(200px - 2px);
  margin-right: 2px;
  display: flex;
  justify-content: center;
  padding: 0 14px 0 19px;
}

.logo-container #smi-logo-link {
  width: 100%;
}

.logo-container #smi-logo-link img {
  width: 100%;
}

.smi-logo-link_img {
  object-fit: cover;
  height: 28px;
}

#sidebar-container.sidebar-expanded ~ div .header-container div > .logo-container {
  display: none;
}

.sidebar-collapsed {
  width: 0px;
}

.sidebar-collapsed .navbar-nav {
  visibility: hidden;
}

/* Menu item*/
#sidebar-container .list-group a {
  height: 50px;
  color: white;
}

/* Submenu item*/
#sidebar-container .list-group .sidebar-submenu a {
  height: 45px;
  padding-left: 30px;
}

.sidebar-submenu {
  font-size: 0.9rem;
}

/* Separators */
.sidebar-separator-title {
  background-color: #333;
  height: 35px;
}

.sidebar-separator {
  background-color: #333;
  height: 25px;
}

.logo-separator {
  background-color: #333;
  height: 60px;
}

/* Closed submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
  content: " \f0d7";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 10px;
}

/* Opened submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
  content: " \f0da";
  font-family: FontAwesome;
  display: inline;
  text-align: right;
  padding-left: 10px;
}

.padding-wrapper-content {
  padding: 0px 20px;
}

.scrolled-content {
  min-height: calc(100vh - 51px);
  border-color: #EEEEEE;
  border-width: 4px;
  border-style: solid;
  position: relative;
}

.full-height-loader {
  position: relative;
  min-height: calc(100vh - 61px);
}

.loader-container {
  position: relative;
  height: 100%;
  width: 100%;
}

#scrollable-container {
  border-left: 1px solid #EEE;
  background: #eee;
}

.custom-toast {
  box-shadow: none;
  border: none;
  border-radius: 0;
  position: fixed;
  top: 20px;
  right: 20px;
}

.custom-toast_error {
  max-width: 25rem;
}

.custom-toast.p-toast .p-toast-message {
  box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.3);
  margin: 0;
}

.custom-toast:not(.show) {
  display: none;
}

tr > td > .OuterDivStylesEllipsisToolTipChan {
  vertical-align: middle;
}

.saved-report-list.p-datatable .p-datatable-tbody > tr {
  cursor: pointer !important;
}

.spotter-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: white;
  z-index: 1002;
  padding: 10px 24px;
  display: flex;
  flex-direction: column;
  row-gap: 1em;
}

.body-wrapper__no-scroll {
  height: calc(100vh - 60px);
  overflow: hidden;
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
@media (min-width: 1281px) {
  .form-row {
    justify-content: center;
  }
  .dashboard-item {
    flex: 0 0 auto;
    width: 31%;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 31%;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 31%;
  }
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
@media (min-width: 1025px) and (max-width: 1280px) {
  .widget-items {
    display: flex;
    width: 100%;
    padding: 0;
  }
  .smi-dashboard-tile-widget {
    width: 100%;
  }
  .text-legend-item {
    font-size: 1.6rem !important;
  }
  .filter-category-item {
    display: flex;
    justify-content: center;
  }
  .dashboard-item {
    flex: 0 0 auto;
    width: 48%;
    margin-bottom: 4rem;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 48%;
    margin-bottom: 4rem;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 48%;
    margin-bottom: 4rem;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages {
    font-size: 1.4rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages:not(:disabled):not(.disabled).active {
    font-size: 1.4rem !important;
  }
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
  .master-title {
    font-size: 1.5rem;
  }
  .text-legend-item {
    font-size: 1.6rem !important;
  }
  .components-search-panel-search-panel-module__results_container--3F1XNMforB {
    display: flex;
    flex-direction: column;
  }
  .components-search-panel-training-search-result-item-module__search_result_item--2i7m4bpSK3 {
    max-width: 100% !important;
  }
  .filter-category-item {
    display: flex;
    justify-content: center;
  }
  .form-row {
    justify-content: center;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages {
    font-size: 1.2rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages:not(:disabled):not(.disabled).active {
    font-size: 1.2rem !important;
  }
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
@media (min-width: 481px) and (max-width: 767px) {
  .container {
    width: inherit;
  }
  .components-search-panel-search-panel-module__results_container--3F1XNMforB {
    display: flex;
    flex-direction: column;
  }
  .components-search-panel-training-search-result-item-module__search_result_item--2i7m4bpSK3 {
    max-width: 100% !important;
  }
  .form-row {
    justify-content: center;
  }
  .master-title:before {
    display: none !important;
  }
  .react-datepicker-wrapper {
    display: block !important;
  }
  .search-box {
    margin-bottom: 2rem;
  }
  .icon-email a {
    word-wrap: break-word;
  }
  .search-report .search-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .text-legend-item {
    font-size: 1.4rem !important;
  }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
@media (min-width: 320px) and (max-width: 480px) {
  .container {
    width: inherit;
  }
  .text-legend-item {
    font-size: 1.4rem !important;
  }
  .master-title:before {
    display: none !important;
  }
  .components-search-panel-search-panel-module__results_container--3F1XNMforB {
    display: flex;
    flex-direction: column;
  }
  .components-search-panel-training-search-result-item-module__search_result_item--2i7m4bpSK3 {
    max-width: 100% !important;
  }
  .react-datepicker-wrapper {
    display: block !important;
  }
  .search-box {
    margin-bottom: 2rem;
  }
  .icon-email a {
    word-wrap: break-word;
  }
  .search-report .search-text {
    margin-bottom: 2rem !important;
  }
  .search-report .search-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
/*@media (max-width: 767px) {
    .customs-footer div.logo-wrapper {
        display: none !important;
    }
}*/
@media (min-width: 1400px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}

@media (min-width: 1440px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1360px;
  }
  .react-datepicker-wrapper,
.react-datepicker__input-container,
.react-datepicker__input-container input {
    display: block !important;
    width: 300px !important;
  }
}

@media (min-width: 1400px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1440px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1400px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}

@media (min-width: 1440px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}

@media (max-width: 1199px) {
  .nav-item-legend {
    height: 100%;
    margin: 1rem 0;
  }
  .offset-4 {
    margin-left: 0;
    text-align: center !important;
  }
}

@media (max-width: 600px) {
  .customs-footer .justify-logo-center {
    justify-content: center !important;
  }
  .layout-recover {
    max-width: 500px;
  }
  .customs-footer {
    background-color: #35C9D0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    position: static !important;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }
  .logo-wrapper {
    margin-top: 7rem;
  }
  .logo-wrapper-main {
    margin-top: 7rem;
  }
  .main-title {
    font-weight: 800;
    font-style: normal;
    font-size: 3.8rem;
    line-height: 4rem;
    color: "";
  }
  .main-title:before {
    margin-right: -0.3rem;
  }
  .widget-dataminer {
    padding: 3rem 0 !important;
  }
}

@media (max-width: 450px) {
  .main-title:before {
    width: 0.9rem;
    height: 0.9rem;
  }
  .main-title {
    padding: 0;
    font-weight: 800;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: "";
  }
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
@media (min-width: 1281px) {
  .customs-box {
    left: 5rem !important;
    top: 88rem !important;
    visibility: "";
  }
  .input-sendcode {
    margin-right: 1rem;
  }
  .verify-code {
    display: flex !important;
    flex-direction: row !important;
    max-width: 100%;
    justify-content: flex-start;
    margin: 0 !important;
    align-items: center;
  }
}

/*@media (min-width: 1200px) {
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 117rem !important;
    }
}*/
/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
@media (min-width: 1025px) and (max-width: 1280px) {
  .customs-box {
    left: 5rem !important;
    top: 88rem !important;
    visibility: "";
  }
  #smi-logo {
    width: 12rem !important;
    height: 12rem !important;
  }
  .text-legend-item {
    font-size: 1.8rem !important;
  }
  .text-legend-item-title {
    font-size: 1.7rem !important;
  }
  .input-sendcode {
    margin-right: 1rem;
  }
  .verify-code {
    display: flex !important;
    flex-direction: row !important;
    max-width: 100%;
    justify-content: flex-start;
    margin: 0 !important;
    align-items: center;
  }
  .code {
    line-height: 1.7rem;
  }
  .title-description {
    font-size: 2rem;
  }
  .data-consent {
    display: flex;
  }
  .check-data-consent {
    margin-top: 0.5rem;
    margin-right: 0.5rem;
  }
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
  .customs-box {
    left: 5rem !important;
    top: 88rem !important;
    visibility: hidden;
  }
  #smi-logo {
    width: 12rem !important;
    height: 12rem !important;
  }
  .text-legend-item {
    font-size: 1.6rem !important;
  }
  .text-legend-item-title {
    font-size: 1.5rem !important;
  }
  .widget-dataminer h4 * {
    font-size: 2rem !important;
  }
  .custom-button {
    font-size: 2rem !important;
  }
  .verify-code {
    display: flex !important;
    flex-direction: column;
    max-width: 100%;
  }
  .input-sendcode {
    background-color: red;
    min-width: 100%;
    padding: 0 !important;
  }
  .title-description {
    font-size: 1.9rem;
    margin: 0 2rem;
  }
  .data-consent {
    display: flex;
  }
  .check-data-consent {
    margin-top: 0.5rem;
    margin-right: 0.5rem;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .customs-box {
    left: 5rem !important;
    top: 88rem !important;
    visibility: "";
  }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
@media (min-width: 481px) and (max-width: 767px) {
  .customs-box {
    left: 0 !important;
    top: 88rem !important;
    visibility: hidden;
  }
  .title-description-recover-password {
    font-weight: 300;
    font-style: normal;
    font-size: 3rem;
    line-height: 4rem;
    color: "";
  }
  .text-legend-item {
    font-size: 1.4rem !important;
  }
  .text-legend-item-title {
    font-size: 1.4rem !important;
  }
  .widget-dataminer h4 * {
    font-size: 1.5rem !important;
  }
  .custom-button {
    font-size: 2rem !important;
  }
  .nav-item-legend {
    margin-bottom: 3rem !important;
  }
  .nav .nav-item {
    margin-bottom: -0.1rem;
    width: 50%;
  }
  .title-description-recover-password {
    font-size: 3.8rem;
  }
  .master-layout-navigation {
    margin-top: 56rem !important;
  }
  .justify-content-end {
    justify-content: center !important;
  }
  .button-learnmore {
    justify-content: center;
    margin-top: 1rem;
  }
  /*.container, .container-lg, .container-md, .container-sm, .container-xl {
        width: 100%;
        padding-right: 15px !important;
        padding-left: 15px !important;
        margin-right: auto;
        margin-left: auto;
    }*/
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
@media (min-width: 320px) and (max-width: 480px) {
  .customs-box {
    left: 0 !important;
    top: 88rem !important;
    visibility: hidden;
  }
  .layout-recover {
    max-width: 350px !important;
  }
  .title-description-recover-password {
    font-weight: 300;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 4rem;
    color: "";
  }
  .button-learnmore {
    justify-content: center;
    margin-top: 1rem;
  }
  .text-legend-item {
    font-size: 1.4rem !important;
  }
  .text-legend-item-title {
    font-size: 1.4rem !important;
  }
  .text-legend-item-title strong {
    word-wrap: break-word;
  }
  .widget-dataminer h4 * {
    font-size: 1.2rem !important;
  }
  .custom-button {
    font-size: 2rem !important;
  }
  .nav-item-legend {
    margin-bottom: 3rem !important;
  }
  .nav .nav-item {
    margin-bottom: -0.1rem;
    width: 50%;
  }
  .register-form .nav-link.active {
    width: 100%;
  }
  .register-form .nav-link {
    width: 100% !important;
  }
  .tab-content {
    height: 110rem;
  }
  .main-title {
    font-weight: 800;
    font-style: normal;
    font-size: 3.2rem;
    line-height: 4rem;
    color: "";
  }
  .link-signup {
    margin: 0 2rem;
  }
  .title-login {
    font-size: 1.9rem;
  }
  .link-signup {
    font-size: 1.7rem;
  }
  .form-row {
    justify-content: center;
  }
  /*.widget-dataminer {
            h4 {
                p {
                    font-size: 1.5rem !important;

                    strong {
                        font-size: 1.5rem !important;
                    }
                }
            }
    }*/
  .justify-content-end {
    justify-content: center !important;
  }
}

@media (min-width: 1281px) {
  .customs-box {
    left: 50px !important;
    top: 880px !important;
  }
}

@media (min-width: 1200px) {
  .container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 1170px !important;
  }
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .customs-box {
    left: 50px !important;
    top: 880px !important;
  }
}

@media (max-width: 1199px) {
  .nav-item-legend {
    height: 100%;
    margin: 1rem 0;
  }
  .offset-4 {
    margin-left: 0;
    text-align: center !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .customs-box {
    visibility: hidden;
    left: 50px !important;
    top: 880px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .customs-box {
    left: 50px !important;
    top: 880px !important;
  }
}

@media (min-width: 481px) and (max-width: 767px) {
  .customs-box {
    top: 880px !important;
    visibility: hidden;
  }
}

@media (min-width: 320px) and (max-width: 480px) {
  .customs-box {
    top: 880px !important;
    visibility: hidden;
  }
}

@media (max-width: 600px) {
  /*.navbar.header {
        padding: 30px 0;
    }*/
  .customs-footer .justify-logo-center {
    justify-content: center !important;
  }
  .layout-recover {
    max-width: 500px;
  }
}

/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
/* common colors */
/* common font styles */
/* common font size */
/* =0.625rem */
/* common class */
.opacity-50 {
  opacity: 0.5;
}

.v-none {
  visibility: hidden;
}

/* mixin */
/* keyframe */
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* padding(1rem = 10px) */
/* margin(1rem = 10px) */
/* border(1rem = 10px) */
/* border-radius(1rem = 10px) */
@media (min-width: 1200px) and (max-width: 1400px) {
  .column {
    flex: 0 0 auto;
    width: 100%;
  }
  .widget-items {
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    display: flex;
  }
  .widget-reports .widget-item {
    flex: 0 0 auto;
    width: 100%;
  }
  .main {
    width: fit-content !important;
  }
}

@media (min-width: 1400px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 1400px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}

@media (min-width: 1400px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
  .dashboard-item {
    flex: 0 0 auto;
    width: 31%;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 31%;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 31%;
  }
  .report-item {
    flex: 0 0 auto;
    width: 31%;
  }
}

@media (min-width: 1440px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1360px;
  }
  .checkbox-item:checked + .node-label:after {
    width: 1.47rem !important;
    height: 1.4rem !important;
    left: 0.25rem !important;
  }
  .radio-item:checked + .node-label:after {
    width: 1.47rem !important;
    height: 1.2em !important;
    left: 0.25rem !important;
  }
}

@media (min-width: 1440px) {
  .row {
    --bs-gutter-x: 4rem;
  }
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.6666666667%;
  }
  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (min-width: 2350px) and (max-width: 2560px) {
  .custom-button {
    width: 12% !important;
  }
  .member-profile .custom-button {
    width: 40% !important;
  }
  .layout-recover .custom-button {
    width: 40% !important;
  }
  .widget-dataminer .custom-button {
    width: 60% !important;
  }
  .umbraco-forms-page .custom-button {
    width: 60% !important;
  }
  .report-info-detail {
    width: 30% !important;
  }
  .report-info-detail .custom-button {
    width: 100% !important;
  }
  .report-info-detail .contactus-button {
    width: 50% !important;
  }
  .report-detail-download .custom-button {
    width: 10% !important;
  }
  #contact-us-form .umbraco-forms-page {
    width: 75% !important;
  }
  .modal-dialog .custom-button {
    width: 30% !important;
  }
}

@media (min-width: 2200px) and (max-width: 2349px) {
  .custom-button {
    width: 14% !important;
  }
  .member-profile .custom-button {
    width: 40% !important;
  }
  .layout-recover .custom-button {
    width: 40% !important;
  }
  .widget-dataminer .custom-button {
    width: 60% !important;
  }
  .umbraco-forms-page .custom-button {
    width: 60% !important;
  }
  .list-report .card .report-lock-img {
    height: 41rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 41rem !important;
  }
  .report-info-detail {
    width: 30% !important;
  }
  .report-info-detail .custom-button {
    width: 100% !important;
  }
  .report-info-detail .contactus-button {
    width: 50% !important;
  }
  .report-detail-download .custom-button {
    width: 10% !important;
  }
  #contact-us-form .umbraco-forms-page {
    width: 80% !important;
  }
  .modal-dialog .custom-button {
    width: 30% !important;
  }
}

@media (min-width: 1921px) and (max-width: 2199px) {
  .widget-dataminer .custom-button {
    width: 60% !important;
  }
  .list-report .card .report-lock-img {
    height: 38rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 38rem !important;
  }
  .report-info-detail {
    width: 30% !important;
  }
  .report-info-detail .contactus-button {
    width: 50% !important;
  }
  #contact-us-form .umbraco-forms-page {
    width: 85% !important;
  }
}

@media (min-width: 1921px) and (max-width: 2048px) {
  .list-report .card .report-lock-img {
    height: 36rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 36rem !important;
  }
}

@media (min-width: 1921px) and (max-width: 2560px) {
  .cover {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .report {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  btn .custom-button {
    width: 100rem !important;
  }
  .dashboard-item {
    flex: 0 0 auto;
    width: 24% !important;
    margin-bottom: 4rem;
  }
  .card-smi-dashboard {
    width: 25% !important;
  }
  .card-my-dashboard {
    width: 25% !important;
  }
  .card-report-items {
    width: 25% !important;
  }
  .search-box {
    width: 40% !important;
  }
  .button-custom-report .custom-button {
    width: 14% !important;
  }
  .search-report {
    width: 25% !important;
  }
  .list-card-report .search-report {
    width: 100% !important;
  }
  .search-result-items {
    flex: 0 0 32% !important;
  }
  .report-summary-wrapper .headingDescription p {
    width: 85% !important;
  }
  .container-report-item .cover-image {
    width: 53%;
    max-width: 53%;
  }
  .container-report-item .report-info {
    width: 19%;
  }
}

@media (width: 2560px) {
  .button-custom-report .custom-button {
    width: 20% !important;
  }
  .report-content .contactus-button-body {
    width: 12% !important;
  }
}

@media (width: 1920px) {
  .container-report-item .cover-image {
    width: 72%;
    max-width: 72%;
  }
  .container-report-item .report-info {
    width: 25%;
  }
}

@media (max-width: 1800px) {
  .list-report .card .report-lock-img {
    height: 42rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 42rem !important;
  }
}

@media (max-width: 1700px) {
  .list-report .card .report-lock-img {
    height: 39rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 39rem !important;
  }
}

@media (max-width: 1600px) {
  .list-report .card .report-lock-img {
    height: 37rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 37rem !important;
  }
}

@media (max-width: 1500px) {
  .list-report .card .report-lock-img {
    height: 35rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 35rem !important;
  }
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 25rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 25rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 25rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 25rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 25rem !important;
  }
}

@media (max-width: 1440px) {
  .list-report .card .report-lock-img {
    height: 25rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 25rem !important;
  }
  .checkbox-item:checked + .node-label:after {
    width: 1.47rem !important;
    height: 1.4rem !important;
    left: 0.25rem !important;
  }
  .radio-item:checked + .node-label:after {
    width: 1.47rem !important;
    height: 1.2em !important;
    left: 0.25rem !important;
  }
}

@media (width: 1366px) {
  .list-report .card .report-lock-img {
    height: 23rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 23rem !important;
  }
  .list-card-report .filter-report {
    margin-bottom: 4rem;
  }
}

@media (max-width: 1366px) {
  .list-card-report .filter-report {
    margin-bottom: 4rem;
  }
}

@media (max-width: 1300px) {
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 22rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 22rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 22rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 22rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 22rem !important;
  }
}

@media (max-width: 1200px) {
  .list-report .card .report-lock-img {
    height: 26rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 26rem !important;
  }
}

@media (min-width: 2560px) {
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 25%;
  }
  .dashboard-item {
    flex: 0 0 auto;
    width: 25%;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 25%;
  }
  .cover {
    flex: 0 0 auto;
    width: 58.3333333333%;
  }
  .report {
    flex: 0 0 auto;
    width: 41.6666666667%;
  }
  .custom-textbox {
    flex: 0 0 auto !important;
    width: 100% !important;
  }
}

/*      Screen 4K (3840px x 2160px)     */
@media (min-width: 1441px) and (max-width: 1920px) {
  .button-custom-report .button-dashboard-spotlight {
    width: 30% !important;
  }
  .button-custom-report .button-report-spotlight {
    width: 51% !important;
  }
}

@media (min-width: 1280px) and (max-width: 1440px) {
  .button-custom-report .button-dashboard-spotlight {
    width: 50% !important;
  }
  .button-custom-report .button-report-spotlight {
    width: 51% !important;
  }
  .container-report-item .cover-image {
    width: 70%;
    max-width: 70%;
  }
  .container-report-item .report-info {
    width: 25%;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages {
    font-size: 1.5rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages:not(:disabled):not(.disabled).active {
    font-size: 1.5rem !important;
  }
}

@media (min-width: 1280px) and (max-width: 1365px) {
  .list-report .card .report-lock-img {
    height: 21rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 21rem !important;
  }
}

@media only screen and (min-width: 1200px) {
  .react-datepicker-wrapper {
    display: block !important;
  }
}

@media (max-width: 1199px) {
  .body-wrapper {
    padding: 0;
  }
  .section-button {
    display: flex;
    justify-content: space-between;
  }
  .react-datepicker-wrapper {
    display: block !important;
  }
  .report-info-dashboard {
    margin-top: 2rem;
  }
  .custom-button-dashboard {
    justify-content: center;
  }
  .column {
    flex: 0 0 auto;
    width: 100%;
  }
  .widget-items {
    flex-wrap: wrap;
    justify-content: space-between;
    /*width: 100%;*/
    display: flex;
  }
  .widget-reports .widget-item {
    flex: 0 0 auto;
    width: 100%;
  }
  .floating-widget {
    margin: 0px 0px 2rem 0px !important;
  }
  .list-report .card .report-lock-img {
    height: 40rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 40rem !important;
  }
  .content-wrap {
    margin-bottom: 0;
  }
  .container-landing-page {
    display: flex;
    flex-direction: column;
  }
}

@media (min-width: 1180px) and (max-width: 1279px) {
  .list-report .card .report-lock-img {
    height: 30rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 30rem !important;
  }
}

@media (min-width: 1025px) and (max-width: 1179px) {
  .list-report .card .report-lock-img {
    height: 28rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 28rem !important;
  }
}

@media (min-width: 992px) and (max-width: 1024px) {
  .dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem !important;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 48%;
    margin-bottom: 4rem !important;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 48%;
    margin-bottom: 4rem !important;
  }
  .list-report .card .report-lock-img {
    height: 26rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 26rem !important;
  }
}

@media (max-width: 991px) {
  .list-report .card .report-lock-img {
    height: 33rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 33rem !important;
  }
  .dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 12rem !important;
    margin-bottom: 4rem !important;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 12rem !important;
    margin-bottom: 4rem !important;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 12rem !important;
    margin-bottom: 4rem !important;
  }
  .widget-items {
    margin: 0 !important;
  }
  .widget-items .widget-column {
    padding: 0 !important;
  }
  .btn-dataminer {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
  }
  .navbar-expand {
    flex-direction: column !important;
    justify-content: center !important;
  }
  .align-items-end {
    align-items: unset !important;
  }
  .top-header-right {
    margin-top: 2rem;
    align-items: center;
    justify-content: flex-end !important;
  }
  .navbar .username {
    display: flex;
    justify-content: flex-end;
  }
}

@media (min-width: 821px) and (max-width: 991px) {
  .list-report .card .report-lock-img {
    height: 23rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 23rem !important;
  }
}

@media (max-width: 900px) {
  .list-report .card .report-lock-img {
    height: 30rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 30rem !important;
  }
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 19rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 19rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 19rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 19rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 19rem !important;
  }
}

@media (min-width: 980px) {
  .report-summary-content .spotlight {
    justify-content: flex-start;
  }
  .report-summary-content .cover-image {
    flex: 0 0 auto !important;
    width: auto;
    max-width: 50vw;
    margin-right: 5rem;
  }
}

@media (width: 820px) {
  .list-report .card .report-lock-img {
    height: 20rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 20rem !important;
  }
}

@media (max-width: 800px) {
  .list-report .card .report-lock-img {
    height: 26rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 26rem !important;
  }
}

@media (min-width: 768px) and (max-width: 819px) {
  .list-report .card .report-lock-img {
    height: 19rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 19rem !important;
  }
}

@media (min-width: 768px) and (max-width: 849px) {
  .report-summary-content .spotlight {
    justify-content: flex-start;
  }
  .report-summary-content .cover-image {
    margin-bottom: 5rem;
    max-width: 100% !important;
  }
  .report-summary-content .description-spotlight {
    width: 100% !important;
  }
  .report-summary-content .description-spotlight .report-info .button-custom-report {
    display: flex;
    justify-content: space-between !important;
  }
  .report-summary-content .description-spotlight .report-info .button-custom-report .custom-button {
    width: 41.6666666667% !important;
  }
  .container-report-item .cover-image {
    margin-bottom: 5rem;
  }
}

@media only screen and (max-width: 767px) {
  .dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem;
  }
  .report-summary-content .cover-image {
    max-width: 100% !important;
    margin-bottom: 5rem;
  }
  .report-summary-content .cover-image img {
    max-width: 100%;
    max-height: 100%;
  }
  .report-summary-content .description-spotlight {
    width: 100% !important;
  }
  .report-summary-content .description-spotlight .button-custom-report {
    display: flex;
    justify-content: space-between !important;
  }
  .title-dataminer-login {
    margin-bottom: 4rem !important;
  }
  .widget-dataminer .horizontal-view .widget-description {
    margin-bottom: 4rem !important;
  }
  .search-result-items {
    max-width: 100% !important;
    max-height: 100% !important;
  }
  .customs-footer {
    display: flex !important;
    flex-direction: column !important;
  }
  .logo-wrapper {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 5rem;
  }
  .logo-wrapper-main {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 5rem;
  }
  .title-footer {
    text-align: center;
  }
  .item-footer {
    text-align: center;
  }
  .text-legend-item-title {
    text-align: center;
  }
  .item-footer-main {
    text-align: center;
  }
  .item-connect-footer {
    justify-content: center !important;
  }
  .item-connect-footer-main {
    justify-content: center !important;
  }
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 31rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 31rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 31rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 31rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 31rem !important;
  }
  .supporttype {
    flex: 0 0 auto;
    width: 100%;
  }
  .name {
    flex: 0 0 auto;
    width: 100%;
  }
  .container-report-item .cover-image {
    margin-bottom: 5rem;
  }
}

@media (min-width: 720px) and (max-width: 767px) {
  .list-report .card .report-lock-img {
    height: 17rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 17rem !important;
  }
}

@media (max-width: 700px) {
  .list-report .card .report-lock-img {
    height: 22rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 22rem !important;
  }
}

@media only screen and (max-width: 650px) {
  .dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 6rem !important;
    margin-bottom: 4rem !important;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 6rem !important;
    margin-bottom: 4rem !important;
  }
  .nav_btn-collapsed {
    z-index: 1 !important;
  }
  .no-overlay {
    position: fixed;
    /* Sit on top of the page content */
    display: none;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black background with opacity */
    z-index: 2;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
  }
  .overlay {
    position: fixed;
    /* Sit on top of the page content */
    display: block !important;
    /* Hidden by default */
    width: 100%;
    /* Full width (cover the whole page) */
    height: 100%;
    /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    /* Black background with opacity */
    z-index: 2;
    /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer;
    /* Add a pointer on hover */
  }
  .nav_btn-close {
    position: absolute !important;
    width: 4rem !important;
    height: 4rem !important;
    background-image: url(/Content/image/close.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 5rem !important;
    opacity: .5;
    right: 1rem;
    top: 1rem;
  }
  .nav-collapsed {
    display: none !important;
  }
  .sprite-smi-logo {
    margin-left: 2rem;
  }
  .verify-code {
    display: flex !important;
    flex-direction: column;
    max-width: 100%;
  }
  .input-sendcode {
    min-width: 100%;
    padding: 0 !important;
  }
  .title-description {
    font-size: 1.9rem;
    margin: 0 2rem;
  }
  .data-consent {
    display: flex;
  }
  .check-data-consent {
    margin-top: 0.5rem;
    margin-right: 0.5rem;
  }
  .modal-backdrop {
    z-index: 0 !important;
  }
  .list-report .card .report-lock-img {
    height: 21rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 21rem !important;
  }
}

@media (min-width: 651px) and (max-width: 719px) {
  .list-report .card .report-lock-img {
    height: 15rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 15rem !important;
  }
}

@media (min-width: 576px) and (max-width: 650px) {
  .list-report .card .report-lock-img {
    height: 14rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 14rem !important;
  }
}

@media (max-width: 600px) {
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 25rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 25rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 25rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 25rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 25rem !important;
  }
  .search-result-items {
    display: flex !important;
    flex-direction: column;
    -webkit-box-shadow: 3px 12px 25px -7px #adacac;
    border: none !important;
  }
  .search-result-items .training_item_image {
    display: flex;
    justify-content: center;
    height: 100px !important;
    background-color: transparent;
    padding: 2rem 0;
  }
  .search-result-items .training_item_image img {
    max-width: 100%;
    max-height: 100%;
  }
  .search-result-items .training_item_content {
    padding: 1rem 1.5rem !important;
  }
  .central-toast .central-toast-wrapper .central-toast-items {
    right: 0;
  }
}

@media only screen and (width: 576px) {
  .sprite-smi-logo {
    margin-left: 15rem;
  }
  .verify-code {
    display: flex !important;
    flex-direction: column;
    max-width: 100%;
  }
  .input-sendcode {
    min-width: 100%;
    padding: 0 !important;
  }
  .title-description {
    font-size: 1.9rem;
    margin: 0 2rem;
  }
  .data-consent {
    display: flex;
  }
  .check-data-consent {
    margin-top: 0.5rem;
    margin-right: 0.5rem;
  }
}

@media only screen and (max-width: 576px) {
  .dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 !important;
    margin-bottom: 4rem;
  }
  .components-search-panel-training-search-result-item-module__training_item_title {
    display: block !important;
  }
  .dataminer-item {
    max-height: 100% !important;
  }
  .categories-dataminer {
    display: flex;
    flex-wrap: wrap;
  }
  .navbar.header {
    padding: 3rem 0;
  }
  .customs-footer .justify-logo-center {
    justify-content: center !important;
  }
  .btn-learnMore {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
  }
  .report-summary-content .cover-image {
    margin-bottom: 5rem;
  }
  .report-summary-content .description-spotlight .button-custom-report {
    display: flex;
    justify-content: center !important;
  }
  p.Summary {
    width: 100% !important;
  }
  #requestSupportFeedback {
    padding-right: 0;
  }
}

@media (min-width: 577px) and (max-width: 849px) {
  .report-summary-content .description-spotlight .report-info .button-view-dashboard {
    justify-content: center !important;
  }
}

@media (width: 850px) {
  .button-custom-report .button-report-spotlight {
    width: 100% !important;
  }
}

@media (max-width: 575px) {
  .list-report .card .report-lock-img {
    height: 39rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 39rem !important;
  }
}

@media (min-width: 500px) and (max-width: 566px) {
  .list-report .card .report-lock-img {
    height: 25rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 25rem !important;
  }
}

@media (min-width: 500px) and (max-width: 767px) {
  .button-view-dashboard .custom-button {
    width: 50%;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages {
    font-size: 1.2rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages:not(:disabled):not(.disabled).active {
    font-size: 1.2rem !important;
  }
}

@media (max-width: 500px) {
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 22rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 22rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 22rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 22rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 22rem !important;
  }
}

@media only screen and (max-width: 450px) {
  .top-header-right {
    flex-direction: column-reverse !important;
    align-items: flex-end;
    justify-content: flex-end !important;
  }
  .navbar .username {
    display: flex;
    margin-bottom: 1.6rem !important;
    justify-content: flex-end;
  }
  .btn-group-icon {
    margin-right: 0 !important;
  }
  .dropleft {
    margin-left: 2rem !important;
  }
  .list-report .card .report-lock-img {
    height: 29rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 29rem !important;
  }
  .main-title:before {
    width: 0.9rem;
    height: 0.9rem;
  }
  .main-title {
    padding: 0;
    font-weight: 800;
    font-style: normal;
    font-size: 2.5rem;
    line-height: 2.5rem;
    color: "";
  }
  .member-profile .form-group {
    padding: 0;
  }
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 19rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 19rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 19rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 19rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 19rem !important;
  }
}

@media (min-width: 376px) and (max-width: 499px) {
  .list-report .card .report-lock-img {
    height: 19rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 19rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages {
    font-size: 1rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages:not(:disabled):not(.disabled).active {
    font-size: 1rem !important;
  }
}

@media (min-width: 320px) and (max-width: 375px) {
  .list-report .card .report-lock-img {
    height: 18rem !important;
  }
  .list-report .card .report-thumbnail .report-img {
    height: 18rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages {
    font-size: 1rem !important;
  }
  .dashboard-pages-content .dashboard-pages .button-dashboard-pages:not(:disabled):not(.disabled).active {
    font-size: 1rem !important;
  }
}

@media (max-width: 350px) {
  .widget-dashboard .widget-item .smi-dashboard-img {
    height: 15rem !important;
  }
  .widget-dashboard .widget-item .my-dashboard-img {
    height: 15rem !important;
  }
  .smi-dashboard-tile-widget .smi-dashboard-img {
    height: 15rem !important;
  }
  .smi-dashboard-tile-widget .my-dashboard-img {
    height: 15rem !important;
  }
  .smi-dashboard-tile-widget-block .smiwidgetwatermarked {
    height: 15rem !important;
  }
}

@media only screen and (max-width: 319px) {
  html, body {
    margin: 0;
    padding: 0;
  }
  .container-fluid {
    width: 32rem;
    overflow: scroll;
  }
  .container-fluid .horizontal-view {
    width: 100%;
  }
  .navbar-fixed-bottom {
    width: 32rem;
  }
  .text-legend-item-title {
    font-size: 1.4rem !important;
  }
  .nav-item-legend {
    margin-bottom: 3rem !important;
  }
  .text-legend-item {
    font-size: 1.4rem !important;
  }
  .widget-dataminer h4 * {
    font-size: 1.2rem !important;
  }
  .widget-dataminer h4 p {
    font-size: 1.5rem !important;
  }
  .widget-dataminer h4 p strong {
    font-size: 1.5rem !important;
  }
}

@media (min-width: 320px) and (max-width: 980px) {
  .container-dashboard {
    display: flex !important;
    flex-direction: column;
  }
  .container-dashboard .cover-image {
    margin-bottom: 5rem;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
  .container-report {
    display: flex !important;
    flex-direction: column;
  }
  .container-report .cover-image {
    margin-bottom: 5rem;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
  .report-summary-content .container-report .description-spotlight .button-custom-report {
    align-items: center;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .profile {
    padding: 0 5rem;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  .dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 6rem !important;
  }
  .smi-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 6rem !important;
  }
  .my-dashboard-item {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px 6rem !important;
  }
}