html {
  width: 100%;
}

body {
  overflow-x: hidden !important;
}

body.show-spinner>main {
  overflow: hidden !important;
}

/* Hide everything under body tag */
body.show-spinner>* {
  opacity: 0;
}

/* Spinner */
body.show-spinner::after {
  content: " ";
  display: inline-block;
  width: 100px;
  height: 100px;
  border: 10px 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% - 35px);
  top: calc(50% - 75px);
  position: fixed;
  z-index: 1;
}

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

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

label.error{display:block;color:red;font-weight:normal;font-size:12px; text-align:left;}
div.error{display:block;color:red;font-weight:normal;}
input.error{border:1px solid red;}
textarea.error{border:1px solid red;}
select.error{border:1px solid red;}
.error_msg{color:#FF0000;font-weight:bold;font-size:12px;}
.show_msg{color:#009900;font-weight:bold;font-size:12px;}