#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

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

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

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:80px;height:80px;
    border-style:solid;
    border-color:#243E63;
    border-top-color:transparent;
    border-width: 10px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

h3{
    font-weight: 600!important;
    text-transform: uppercase!important;
}

.bg-primary{
    background-color: #243E63!important;
}

.modal-body{
    padding-top: 30px!important;
}

h4{
    font-weight: 700!important;
    font-size:  1rem!important;
    text-transform: uppercase!important;
    color: white;
}



.alert-danger{
    background-color: #EC5252!important;
    color: white!important;
}

.alert-success{
    background-color: #28a745!important;
    color: white!important;
}

.modal-title{
    color: #fff!important;
}

.big-icon i{
    font-size:58px!important;
}

/*------loader -------*/

.loader {
  width: 48px;
  height: 48px;
  display: inline-block;
  position: relative;
}
.loader::after,
.loader::before {
  content: '';
  width: 48px;
  height: 48px;
  border: 2px solid #FFF;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  animation: rotation 2s ease-in-out infinite;
}
.loader::after {
  border-color: #FF3D00;
  animation-delay: 1s;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}