.form-group label.has-error {
    font-size: 13px;
    color: #dd4b39;
    display: block;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
	color: #a94442;
}
.has-error .form-control{
	border-color:#a94442;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-error .form-control:focus{
	border-color:#843534;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}
.has-error .input-group-addon{
	color:#a94442;
	background-color:#f2dede;
	border-color:#a94442
}
.has-error .form-control-feedback{
	color:#a94442
}

/*.spinner{width:200px;height:75px;background-color:#007bff;margin:100px auto;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out;position:absolute;left:0;right:0;bottom:35%;background: #007bff url(../img/logo-r.png) no-repeat;background-position: 8px;}
*/
/*
@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
} */
@keyframes sk-rotateplane{ 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(30, 60, 74, 0.3) ; } 70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(0, 123, 255, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); } }
.loader_div{
    position: fixed;
    background: #fff;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 9999;
}
.spinner {
    width: 200px;
    height: 75px;
    background-color: #223c4a;
    margin: 100px auto;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 35%;
    background: #223c4a url(../img/logo-r-white.png) no-repeat;
    background-position: 8px;
}

.spinner_wl {
	margin: 100px auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 40%;
}
.spinner_wl > div {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner_wl .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}

.spinner_wl .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}

.spinner_wl .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}

.spinner_wl .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
0%, 40%, 100% {
  transform: scaleY(0.4);
  -webkit-transform: scaleY(0.4);
}  20% {
  transform: scaleY(1.0);
  -webkit-transform: scaleY(1.0);
}
}