/* ======== error or spinner ========== */

input.error {
    border-color: Red !important;
    border-style: solid;
    border-width: 1px;
  }
  
  textarea.error {
    border-color: Red !important;
    border-style: solid;
    border-width: 1px;
  }
  
  select.error {
    border-color: Red !important;
    border-style: solid;
    border-width: 1px;
  }
  
  label.error {
    color: red;
    font-size: 11px;
  }
  
  input[type="“radio”"].error:after,
  input[type="“checkbox”"].error:after {
    border-color: red;
  }/* _____ site_btn spinner _____ */.site_btn .spinner {  width: auto;  height: auto;  background: inherit;  border-radius: inherit;  overflow: hidden;}.site_btn .spinner~i {  visibility: hidden;}.site_btn .spinner,.site_btn .spinner:before,.site_btn .spinner:after {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  display: flex;  align-items: center;  justify-content: center;  margin: auto;}.site_btn .spinner:before,.site_btn .spinner:after {  content: "";  width: 18px;  height: 18px;  border: 3px solid;  animation: spinner 0.5s linear infinite;  border-radius: 75%;  -webkit-animation: spinner 0.5s linear infinite;}.site_btn .spinner:before {  border-right-color: transparent;  border-bottom-color: transparent;}.site_btn .spinner:after {  border-top-color: transparent;  border-left-color: transparent;  opacity: 0.5;} .site_btn.smBtn .spinner:before,.site_btn.smBtn .spinner:after {  width: 14px;  height: 14px;}.site_btn.lgBtn .spinner:before,.site_btn.lgBtn .spinner:after {  width: 20px;  height: 20px;} .hidden {  display: none!important;} @keyframes spinner {  0% {    transform: rotate(0deg);    -webkit-transform: rotate(0deg);    -moz-transform: rotate(0deg);    -ms-transform: rotate(0deg);    -o-transform: rotate(0deg);  }  100% {    transform: rotate(-360deg);    -webkit-transform: rotate(-360deg);    -moz-transform: rotate(-360deg);    -ms-transform: rotate(-360deg);    -o-transform: rotate(-360deg);  }}