.login-loading-box1{ position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(255,255,255,1); opacity:0; height:0!important;}
.sh-login-loading-box{ opacity:1; height:100%!important;}
.loader { width: 100px; height: 80px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto;}
.loader .image { width: 100px; height: 160px; font-size: 40px; text-align: center; transform-origin: bottom center; animation: 2s rotate infinite; opacity: 0;}
.loader .image img{ width:40px;}
.loader span { display: block; width: 100%; text-align: center; position: absolute; bottom: 0;}

@keyframes rotate{
  0% {
	transform: rotate(90deg);
  }
  10% {
	opacity: 0;
  }
  35% {
	transform: rotate(0deg);
	opacity: 1;
  }
  65% {
	transform: rotate(0deg);
	opacity: 1;
  }
  80% {
	opacity: 0;
  }
  100% {
	transform: rotate(-90deg);
  }
}

.modal .mbtn-close{ color:#333; right:0; top:0; margin-top:-5px;}
.modal .mbtn-close:hover, .modal .mbtn-close:focus{ color:#333; opacity:0.7;}
.text5-light-grey{ color:#BDBDBD;}
.bi-fs-lg{ font-size:65px;}
.border-md-red1{ border-color:#e69aa6!important;}
.gradient-light-red{
background: #FFFFFF;
background: -webkit-linear-gradient(to bottom, #FFFFFF 70%, #f8d9dc 100%);
background: -moz-linear-gradient(to bottom, #FFFFFF 70%, #f8d9dc 100%);
background: linear-gradient(to bottom, #FFFFFF 70%, #f8d9dc 100%);}

@media (min-width: 1600px) {
.loader{ height:100px;}
.loader .image img{ width:60px;}
.loader span{ font-size:20px;}
}

@media (max-width: 991.98px) {
.login-box-h-auto .login-loading-box1.h-100{ height:0!important;}
.login-box-h-auto .sh-login-loading-box.h-100{ height:100%!important;}
}

@media (max-width: 767.98px) {
.login-box{ border-radius:10px;}
.login-box .login-logo-box{ display:inline-block; margin:0 auto;}
.login-box .login-logo-box img{ max-width:230px;}
.login-left-box .content-box, .login-right-box .content-box{ padding:15px;}
.login-box h1{ font-size:14px; display:inline-block;}
.login-box .img-clogo-box{ display:inline-block; vertical-align:middle; margin-left:10px;}
.login-box .img-clogo-box img{ max-width:40px;}
.login-box h2{ font-size:24px; margin-bottom: 10px !important;}
.login-box .content-box p{ margin-bottom:10px !important;}
.login-box .copyright-box{ margin-top:10px;}
.login-box .copyright-box p{ margin-bottom:0 !important;}
}