.layout-side-section {
	/*background-image: linear-gradient(180deg, rgba(255,0,1,0), rgba(255,0,0,0));*/
}
.btn.btn-primary {
	background-color: #4ba82e;
	border-color: #4ba82e;
	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: #3e8329!important;
	border-color: #4ba82e!important; 
	outline: 0!important;
	box-shadow: 0 0 2px 2px #4ba82e!important;
	/* h-offset v-offset blur spread colour */
}


.app-logo {
	width: 190px !important;
	heigh: 40px;
}
.navbar{
	background-image: url("/assets/skoda_instore_cms/images/header_bg.png");
	background-repeat: no-repeat;
	box-shadow: 7px -2px 11px #4ba82e; 
}


.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: #4ba82e!important;
}


.btn-primary-light.active {
background-color: #4ba82e;
border-color: #4ba82e;
outline: 0!important;
box-shadow: 0 0 2px 2px #4ba82e!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: 81%;
}
.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);
 -webkit-animation:gear 8s linear infinite;
         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);
 -webkit-animation:gear2 3s linear infinite;
         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);}
}

@-webkit-keyframes gear2 {
   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);}
}