@charset "utf-8";
/* CSS Document */

.blue-bg{ background-color:#333333;}
.gray-bg{ background-color:#e8e8e8;}

.green{color: #5cb85c;}
.red{color: #d9534f;}

.header-banner{ width:600px; height:80px; background-color:#5C5C5C;}
.cube-banner{ width:263px; height:150px; background-color:#CCC;}

.pad-t-20{padding-top:20px;}
.pad-b-20{padding-bottom:20px;}

.mar-b-20{margin-bottom:20px;}

.nav-pills>li>a{border-radius:0;}

.datem .input-group .form-control{ width:123px;padding-left: 0px;padding-right: 5px;}

 .werd .btn,  .werd .btn-group, .werd .input-group{ width:100%;}

footer{background-color:#F1F1F1; padding:15px; text-align:center;}

.big-input{ font-size:20px; font-weight: bold; height: 38px; padding: 4px 12px;}

.container-non-responsive {width: 1170px; margin:auto;}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{ background-color:#c8d200; color:#000;}

.nav a{color:#4b2077; font-weight: bold;}

/* login */
.login{ min-height:900px; padding-top:200px;}
.login .box{ background-color:#fff; box-shadow:5px 5px 5px #272727; padding:15px; border-radius:4px;}




.icon-refresh-animate {
	animation-name: rotateThis;
	animation-duration: 30s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}


@keyframes rotateThis {
	from { transform: scale( 1 ) rotate( 0deg );   }
	to   { transform: scale( 1 ) rotate( 360deg ); }

}
.Loading{width:100%;height:100%; position:fixed; background:rgba(0,0,0,0.7); z-index: 100000; top:0; left:0;right:0;}
.Loading img{margin-top:25%; margin-right:auto; margin-left:auto;}

.panel-title{font-weight:bold;font-size: 18px;}
.Foot li{background:#333; padding:5px; margin-left:10px;margin-bottom: 10px; width:180px;}
.Foot li a{color:#fff; padding: 5px;}