.g-recaptcha {

  margin: 15px auto !important;

  width: auto !important;

  height: auto !important;

  text-align: -webkit-center;

  text-align: -moz-center;

  text-align: -o-center;

  text-align: -ms-center;

}



.custom-captcha {

  margin: auto; 

  width: 84%; 

  max-width: 100%;

}



.invalid-feedback {

  font-style: italic;

}



.avatar-sidebar {

  width: 60%;

  height: auto;

}



.sidebar-brand-text {

  font-size: 14px;

  text-align: center;

  text-transform: uppercase;

}



.card.table .card-header:first-child{

  border-bottom: 1px solid #ced5de;

}



.pull-right {

  float: right;

}



.has-error .form-control, .has-error .form-select {

  border: 1px solid #dc3545;

}



.has-error .help-block {

  width: 100%;

  margin-top: 0.25rem;

  font-size: 70%;

  color: #dc3545;

  font-style: italic;

}



.logo-image {

  width: 150px;

  height: auto;

}



/* Absolute Center Spinner */

.loading {

  position: fixed;

  z-index: 9999;

  height: 2em;

  width: 2em;

  overflow: show;

  margin: auto;

  top: 0;

  left: 0;

  bottom: 0;

  right: 0;

}



/* Transparent Overlay */

.loading:before {

  content: '';

  display: block;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));



  background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));

}



/* :not(:required) hides these rules from IE9 and below */

.loading:not(:required) {

  /* hide "loading..." text */

  font: 0/0 a;

  color: transparent;

  text-shadow: none;

  background-color: transparent;

  border: 0;

}



.loading:not(:required):after {

  content: '';

  display: block;

  font-size: 10px;

  width: 1em;

  height: 1em;

  margin-top: -0.5em;

  -webkit-animation: spinner 150ms infinite linear;

  -moz-animation: spinner 150ms infinite linear;

  -ms-animation: spinner 150ms infinite linear;

  -o-animation: spinner 150ms infinite linear;

  animation: spinner 150ms infinite linear;

  border-radius: 0.5em;

  -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;

  box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;

}



/* Animation */



@-webkit-keyframes spinner {

  0% {

      -webkit-transform: rotate(0deg);

      -moz-transform: rotate(0deg);

      -ms-transform: rotate(0deg);

      -o-transform: rotate(0deg);

      transform: rotate(0deg);

  }



  100% {

      -webkit-transform: rotate(360deg);

      -moz-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

      -o-transform: rotate(360deg);

      transform: rotate(360deg);

  }

}



@-moz-keyframes spinner {

  0% {

      -webkit-transform: rotate(0deg);

      -moz-transform: rotate(0deg);

      -ms-transform: rotate(0deg);

      -o-transform: rotate(0deg);

      transform: rotate(0deg);

  }



  100% {

      -webkit-transform: rotate(360deg);

      -moz-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

      -o-transform: rotate(360deg);

      transform: rotate(360deg);

  }

}



@-o-keyframes spinner {

  0% {

      -webkit-transform: rotate(0deg);

      -moz-transform: rotate(0deg);

      -ms-transform: rotate(0deg);

      -o-transform: rotate(0deg);

      transform: rotate(0deg);

  }



  100% {

      -webkit-transform: rotate(360deg);

      -moz-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

      -o-transform: rotate(360deg);

      transform: rotate(360deg);

  }

}



@keyframes spinner {

  0% {

      -webkit-transform: rotate(0deg);

      -moz-transform: rotate(0deg);

      -ms-transform: rotate(0deg);

      -o-transform: rotate(0deg);

      transform: rotate(0deg);

  }



  100% {

      -webkit-transform: rotate(360deg);

      -moz-transform: rotate(360deg);

      -ms-transform: rotate(360deg);

      -o-transform: rotate(360deg);

      transform: rotate(360deg);

  }

}



/* Normal desktop :1200px. */

@media (min-width: 1200px) and (max-width: 1500px) {

} /* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1200px) {

} /* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {

    

} 



/* small mobile :320px. */

@media (max-width: 767px) {

    

} 



/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {

  .custom-captcha {

    width: 100%;

  }

}