.loading_wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  display: block;
  position: absolute;
}

.loader_logo {
  height: 80px;
  width: 80px;
  position: absolute;
  left: calc(50% - 50px);
  top: 38%;
}

.loader_logo img {
  height: 100%;
  width: 100%;
}

.loading {
  border: 3px solid rgba(121, 121, 121, 0.45);
  position: absolute;
  left: calc(50% - 40px);
  top: 50%;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border-top-color: #000000;
  animation: loader 1s ease-in-out infinite;
  -webkit-animation: loader 1s ease-in-out infinite;
}

.spinner-primary {
  background: #000000 !important;
  background: linear-gradient(to right, #000000 10%, rgba(67, 236, 76, 0) 42%) !important;
}
.spinner-primary:before {
  background: #000000 !important;
}

.auth-content .btn-primary , .auth-content  .btn-outline-primary:hover , .auth-content  .btn-outline-primary:active {
  background-color: #000000  !important;
  border-color: #000000  !important;
}

.auth-content .btn-primary:hover , .auth-content .btn-primary:active , .auth-content .btn-primary:focus {
box-shadow: 0 8px 25px -8px #000000  !important;
background-color: #e5e7eb99  !important;
border-color: #000000  !important;
color:#000  !important;
}


.auth-content  .btn-outline-primary:hover , .auth-content  .btn-outline-primary:active , .auth-content  .btn-outline-primary:focus {
 box-shadow: 0 8px 25px -8px #000000  !important;
}
.auth-content  .btn-outline-primary{
border-color: #000000;
color:#000;
}

.input-container .radio-tile-label {
color: #fff;
}
fieldset.form-group .form-control:focus{
box-shadow:0 0 0 0.2rem rgba(0, 0, 0, 0.25)
}
.auth-content a.btn-rounded.btn-block.mt-2 {
color: #000;
}
div#login h1.mb-3.text-18 {
text-align: center;
}
div#login .p-4 .radio-tile {
padding: 10px 3px;
border-color: #000;
background: #000;
}
div#login .p-4 .radio-tile-group label{
color: #fff !important;
}
div#login .p-4 .input-container:hover .radio-tile{
background: #fff !important;
}
div#login .p-4 .input-container:hover label{
color: #000 !important;
}

a{font-weight: bold; color: #111827 !important;}
a:hover{font-weight: bold; color: #000 !important;}

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

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