body {
  /* height: 100%; DO NOT CHANGE THIS */
  overflow-x: hidden;
}

@media (min-width: 768px) {
  .freeze {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .noscroll {
    overflow-y: hidden;
  }
}
@media screen\0 {
  .freeze {
    position: relative;
  }
}
@media (max-width: 767px) {
  .freeze,
  .noscroll {
    height: 100vh;
    overflow-y: hidden;
    -ms-overflow-y: hidden;
  }
}
body {
  height: 100%;
  /* font-family: "Lato"; */ /* #495 */
  /* background-color: #DAD8D4!important; */
  /* background-image: url('/assets/icons/logo_60_white.png'); /*M2UUIUXHUB-813 */
  /* background-repeat: no-repeat;
  background-position: 30px 27px; */
  /** M2UUIUXHUB-846 **/
  min-height: 100vh;
  /** M2UUIUXHUB-846 **/
}
@media (max-width: 767px) {
  body {
    /* background-size: 36px; */ /*M2UUIUXHUB-813*/
    background-position: 31px 13px;
    background-repeat: no-repeat;
  }
}
html,
body {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
/* #root,div[role="dialog"],#mainNav{
  min-width: 327px;
}  */
.btn {
  border-radius: 0.7rem;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #ffffff;
}
p {
  font-size: 1.4rem;
  line-height: 1.75;
}
p.large {
  font-size: 1.6rem;
}
a,
a:hover,
a:focus,
a:active,
a.active {
  outline: none !important; /* 920 */
}
a {
  color: #ffc83d;
}
a:hover,
a:focus,
a:active,
a.active {
  color: #ffffff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: "Lato"; */ /* #495 */
  font-weight: bold;
}
.img-centered {
  margin: 0 auto;
}

.btn-primary {
  color: #ffffff;
  background-color: #fed136;
  border-color: #fed136;
  /* font-family: "Lato"; */ /* #495 */
  text-transform: uppercase;
  font-weight: 700;
}
/*Removing the unwanted CSS - Caused issue on UAT onclick highlight*/
/*body {*/
/* webkit-tap-highlight-color: #fed136; */
/* -webkit-tap-highlight-color: #fed136;  #495 */
/*}*/
input {
  font-size: 1.6rem !important;
}
input:focus,
button:focus {
  /* outline-color: #FFC83D; */ /* 920 */
  outline: none !important; /* 920 */
}
#root {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  /** M2UUIUXHUB-846 **/
  min-height: 100vh;
  background-color: #dad8d4;
  /** M2UUIUXHUB-846 **/
}

/** M2UUIUXHUB-846 **/
/* #body::after,
#root::after, */
/* #root:empty::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
      90deg,
      rgba(211, 211, 211, 0) 0,
      rgba(211, 211, 211, 0.8) 50%,
      rgba(211, 211, 211, 0) 100%
    ),
    linear-gradient(white 52px, transparent 0),
    linear-gradient(white 75px, transparent 0),
    linear-gradient(white 65px, transparent 0),
    linear-gradient(white 20px, transparent 0),
    linear-gradient(white 116px, transparent 0),
    linear-gradient(#dad8d4 100vh, transparent 0);
  background-size: 70%, 408px 52px, 680px 75px, 380px 65px, 180px 20px,
    290px 45px, 100% 116px, 100% 100%;
  background-position: -150% 0, calc(100vw - 408px - 15px) 22px,
    calc((100vw - 680px - 30px) / 2) 190px,
    calc((100vw - 380px - (15px * 2)) / 2) 315px,
    calc((100vw - 180px - (15px * 2)) / 2) 407px, 16px 24px,
    0 calc(100vh - 116px), 0 0;
  background-repeat: no-repeat;
  -webkit-animation: loading 2.5s infinite;
  animation: loading 2.5s infinite;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {
  #root:empty::after {
    background-size: 70%, 170px 25px, 386px 45px, 335px 65px, 205px 25px,
      285px 45px, 100% 90px, 100% 100%;
    background-position: -150% 0, calc(100vw - 170px - 15px) 22px,
      calc((100vw - 386px - 30px) / 2) 125px,
      calc((100vw - 335px - (15px * 2)) / 2) 215px,
      calc((100vw - 205px - (15px * 2)) / 2) 315px, 16px 10px,
      0 calc(100vh - 90px), 0 0;
    -webkit-animation: mobileLoading 2.5s infinite;
    animation: mobileLoading 2.5s infinite;
  }
} */

@-webkit-keyframes loading {
  to {
    background-position: 350% 0, calc(100vw - 408px - 15px) 22px,
      calc((100vw - 680px - 30px) / 2) 190px,
      calc((100vw - 380px - (15px * 2)) / 2) 315px,
      calc((100vw - 180px - (15px * 2)) / 2) 407px, 16px 24px,
      0 calc(100vh - 116px), 0 0;
  }
}

@keyframes loading {
  to {
    background-position: 350% 0, calc(100vw - 408px - 15px) 22px,
      calc((100vw - 680px - 30px) / 2) 190px,
      calc((100vw - 380px - (15px * 2)) / 2) 315px,
      calc((100vw - 180px - (15px * 2)) / 2) 407px, 16px 24px,
      0 calc(100vh - 116px), 0 0;
  }
}

@-webkit-keyframes mobileLoading {
  to {
    background-position: 350% 0, calc(100vw - 170px - 15px) 22px,
      calc((100vw - 386px - 30px) / 2) 125px,
      calc((100vw - 335px - (15px * 2)) / 2) 215px,
      calc((100vw - 205px - (15px * 2)) / 2) 315px, 16px 10px,
      0 calc(100vh - 90px), 0 0;
  }
}

@keyframes mobileLoading {
  to {
    background-position: 350% 0, calc(100vw - 170px - 15px) 22px,
      calc((100vw - 386px - 30px) / 2) 125px,
      calc((100vw - 335px - (15px * 2)) / 2) 215px,
      calc((100vw - 205px - (15px * 2)) / 2) 315px, 16px 10px,
      0 calc(100vh - 90px), 0 0;
  }
}
/** M2UUIUXHUB-846 **/
.zIndexModal {
  z-index: 1 !important;
}
/* M2UUIUXHUB-376 */
html {
  scroll-behavior: smooth;
}
/* +M2UUIUXHUB-536 */
@media print {
  .href-hidden-print::after {
    display: none !important;
  }
}