body{
	font-size: 14px;
}

.slt-blue{background: #0056a2;}
.slt-green{background: green;}
.slt-cyan{background: #00B4EB;}
.l-green{background: #80ffaa;}

/*buttons*/
.btn-slt-blue{background: #0056a2;color: white; margin: 2px;border-radius: 4px;}
.btn-slt-blue:hover {background: #005299;color: white;}
.btn-slt-green{background: #008000;color: white; margin: 2px;border-radius: 4px;}
.btn-slt-green:hover {background: #006600;color: white;}
.btn-slt-cyan{background: #00B4EB;color: white; margin: 2px;border-radius: 4px;}
.btn-slt-cyan:hover {background: #00b0e6;color: white;}

/*input groups*/
.inp-grp{margin: 12px 0 12px 0;}
.inp-grp > label{position: absolute;font-size: 12px;background: #ffffff;margin: -10px 0 0 10px;box-shadow: 0 0 20px 2px #ffffff;}
.inp-grp > input{width: 100%; text-align: center;}

.w100{ width: 100px; }
.w75{width: 75px;}
.hidden{display: none;}

/*form validate*/
.frm-invalid{background: linear-gradient(to right, #ffffff, #ff8080);}
.frm-valid{background: linear-gradient(to right, #ffffff, #80ff80);}


/*Media screen configuration*/
@media screen and (max-width: 910px){
	.w100{width: 100px;}
	.w70{width: 70px;}
}


/*splash screen*/
#load-scr{background: rgba(0, 0, 0, 0.6);z-index: 5000;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#load-scr > img{animation-name: waitAnimate;animation-duration: 5s;animation-iteration-count: infinite;width: 6%;margin-left:47%;margin-top:300px;background: #ffffff;padding: 5px; border-radius:50%}
@keyframes waitAnimate {50% {transform: rotate(360deg);}}