.navbar {
    box-shadow: 7px -2px 11px #ff0067;
    /* background-image: url("/files/header_bg.png"); */
    background-repeat:no-repeat;
    background-color: #ffcaca;
    /* background-color: #ececea; */
}
.layout-main-section{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px !important;
}

.btn.btn-primary{background-color:#e31a37;border-color:#e31a37;outline:0!important;box-shadow:none!important;color:var(--white);white-space:nowrap;--icon-stroke:#fff!important;--icon-fill-bg:#fff!important}




/* recently added */
.btn.btn-primary {
	background-color: #E31A37;
	border-color: #E31A37;
	outline: 0!important;
	box-shadow: none!important;
	

	color: var(--white);
	white-space: nowrap;
	--icon-stroke: #FFFFFF!important;
	--icon-fill-bg: #FFFFFF!important;
}
.btn.btn-primary:active{
	background-color: #c50000!important;
	border-color: #E31A37!important; 
	outline: 0!important;
	box-shadow: 0 0 2px 2px #E31A37!important;
	/* h-offset v-offset blur spread colour */
}
.login-content.page-card{
    max-width: 500px !important;
}

.form-signin.form-login {
    max-width: 400px !important;
}

.app-logo {
	/* width: 400px !important;
	height: 50px !important; */
	image-rendering: -webkit-optimize-contrast !important;
	filter: none !important;
}
.page-card-head img {
	max-height: 70px !important;
	max-width: auto !important;
}
.navbar{
	box-shadow: 7px -2px 11px #E31A37; 
}
.navbar-home img {
    max-height: 32px !important;
    width: auto;
}

.a.nav-link.btn-login-area.active,.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
	color: #E31A37!important;
}


.btn-primary-light.active {
background-color: #E31A37;
border-color: #E31A37;
outline: 0!important;
box-shadow: 0 0 2px 2px #E31A37!important;

}
.login-captcha-refresh{
	right: 9px;
    top: 9px;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    font-size: 12px;
}
.txt-input-captcha{
	margin-left: 60px;
    width: 85%;
}
.captcha-txt{
	font-size: 15px;
	color: #E31A37;
	font-weight: bold;
}
.loadingBlock{     top: 65%;
    left: 48%;position: absolute;z-index:9999;  } 
.gear{width: 80px; height: 80px; border-radius:10%; margin:80px auto; border:5px solid  #E31A37 ; position:relative;
}

.gear:after{content:"";width: 100px; height: 100px;border-radius:100%; display:block; border:5px dashed  #E31A37 ;position:absolute; top:-24px; left: -24px; box-shadow: inset 0px 0 0 20px #E31A37; transform:scale(.5) rotate(0deg);
 animation:gear 8s linear infinite;}

.gear:before{content:"";width: 58px; height: 58px;border-radius:100%; 
 display:block; border:5px dashed  #E31A37 ; position:absolute; top:26px; right: -14px; box-shadow: inset 0px 0 0 10px #E31A37; transform:scale(.5) rotate(0deg);
 animation:gear2 3s linear infinite;}

@keyframes gear {
   0%{transform:scale(.5) rotate(0deg);}
  100%{transform:scale(.5) rotate(360deg);}
}
@-webkit-keyframes gear {
	0%{transform:scale(.5) rotate(0deg);}
	100%{transform:scale(.5) rotate(360deg);}
}

@keyframes gear2 {
   0%{transform:scale(.5) rotate(0deg);}
  100%{transform:scale(.5)  rotate(-360deg);}
}

h4{
	font-weight: 500;
}

:root,
[data-theme=light], [data-theme=dark] {
    --font-stack:  Inter !important;
	--font-family-sans-serif:  Inter !important;
    --font-family-monospace:  Inter !important;
}

body{
	font-family: inherit !important;
	/* font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; */
}