body, html {
  background-color: #fff;
  height: 100vh;
}

.input-group .btn {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

select, textarea {
  border-color: #6c757d !important;
  font-family: Arial, sans-serif;
  font-size: 14px;
  border-radius: 8px !important;
}

input[type="text"], input[type="password"], input[type="email"] {
  border-color: #6c757d;
  font-family: Arial, sans-serif;
  font-size: 14px;
  border-radius: 8px;
}

.input-group-text {
  border-color: #6c757d;
}

.btn {
  color: #fff;
  border-radius: 8px !important;
}

.preloader {
  width: 100%;
  height: 100%;
  top: 0px;
  position: fixed;
  z-index: 99999;
  background: url('../assets/images/logo-android-chrome-192x192.png') no-repeat fixed;
  background-color: white;
  /* background-size: cover;  */
  height: 100vh; 
  background-position: center center;
  /* background-size: cover;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover; */
  }

  @media (max-width: 548px) {
    .lds-ripple {
      top: calc(42.1%);
      left: calc(45.1%);
      right: 0;
    }
  }
  
  @media (min-width: 1200px) {
    .lds-ripple {
      top: calc(46.1%);
      left: calc(48.1%);
      right: 0;
    }
  }