html {
  width: 100%;
}

body {
  overflow-x: hidden !important;
}

/* Hide everything under body tag */
body.show-spinner > *{
  opacity: 0;
}
.btn-group-lg > .btn, .btn-group-sm > .btn, .btn-lg, .btn-sm, .btn-xs {
	border-radius: 8px;
}

/* Spinner */
body.show-spinner::before{
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  border-top-color: rgba(0, 0, 0, 0.3);
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  position: fixed;
  z-index: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

.menu .main-menu ul li a {
  height: 92px;
}
.rounded.menu-sub-hidden .main-menu, .rounded.sub-hidden .main-menu {
	border-radius: 0px !important;
}

.row-voucher button {
    display: inline-block;
    font-size: 10px;
}
.row-voucher input {
    display: inline-block;
    padding: 11px;
    height: 30px;
    width: 110px;
}

.inactive {
    display: none !important;
}


.fixed-background {
	background: url(../img/mosaic_01.jpg) no-repeat 50% fixed;
  opacity: 0.15 !important;
  background-size: cover;
}

.background.auth {
	background: black;
  height: 100vh;
}

.auth-card .image-side {
  background: #55b8f9 !important;
  border-radius: 10px 0px 0px 10px;
}
.auth .card.auth-card {
  border-radius: 10px !important;
}
.auth .auth-card .image-side p.white {
	font-size: 1.1rem;
}

.auth.forgotpassword .auth-card .image-side {
  background: #fe8c33 !important;
}
.auth.signup .auth-card .image-side {
  background: #02b176 !important;
}
.auth.forgotpassword .auth-card .image-side {
  width: 50%;
}

.alert p {
	margin-bottom: 0px;
}