@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,800');
@import url('font-awesome.min.css');
html{height:100%;}
body{font-size:13px;background:#327bd9 url(../images/bg.jpg) bottom no-repeat;background-size:100%;}
a:hover{text-decoration:none;}
hr{border-bottom:solid 1px #6ba8f8;}
input{border-radius:0px!important;}
#header{padding:15px 0px;background:url(../images/header-bg.png) bottom center;min-height:100px;}
#header img{display:table;margin:auto;position:relative;top:17px;}
#wrapper{padding:0px 10%;}
#wrapper input[type="checkbox"]{position:relative;top:2px;}
.login-bottom{margin-top:10px; }
.login-bottom a{color:#fff;}
.login-bottom{color:#fff;}
#wrapper h1{color:#fff;text-align:center;font-size:25px;font-weight:800;    padding: 30px 0px 10px 0px;}
#wrapper h1 span{display:block;font-size:16px;font-weight:400;}
.textbox-wrapper{background:#fff;text-align:center;color:#fff;}
.textbox-wrapper input[type="text"],.textbox-wrapper input[type="password"]{width:86%;margin-left:8%;}
.textbox-wrapper input{border:none;font-size:13px;}
.textbox-wrapper i{color:#666;    font-size: 16px;
    position: relative;
    top: 8px;
    left: 24px;}
#login .textbox-wrapper{margin-bottom:10px;}
.buttons{display:table;margin: 25px auto 0;}
.buttons .btn-group{width:100%;}
.buttons a{    display: inline-block;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    width: 88px;
    height: 88px;
    background: #fff;
    margin: 0px 5px;
    color: #333;
    padding-top: 15px;
    font-weight: 700;
    border-radius: 100%;}
.buttons a i{display:block;font-size:30px;margin-bottom:10px;color: #327bd9;}
.logout {
position:absolute;right:10px;text-align:center;font-size:10px;text-transform:uppercase;color:#333;top:30px;}
.logout i{display:block;font-size:18px;
}
.logout a {
    color:#333;}
.back {position:absolute;left:10px;top:40px;color:#333;}
.back a{color:#333;}
.card {padding:10px;}
.card h3{margin:0px;padding:0px;font-size:18px;padding-bottom:10px;border-bottom:dashed 1px #ccc;margin-bottom:10px;}
.card p {padding:0px;margin:5px 0px;}
.card i {color:#999;display:inline-block;margin-right:10px;}
.man_send_loading{position: absolute;z-index: 99; padding: 5px;margin-top: -184px;
    margin-left: -150px;}
 .spinner
    {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url(/images/loading.gif) 50% 50% no-repeat #ffffff;           
    }

.search-box input[type="text"] {
width:100%;padding:2px;}
.btn-default{
    background: #adeafd;
    border-radius: 5px!important;
    margin-left: 5px;
}
.Active{background-color: #333;color:white;}
.radio{border: #8abbfb 1px solid;
    padding: 5px 10px;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    box-shadow: #8abbfb 0px 1px 4px 1px;
    margin: 0 5px;}
.radio label{padding-left:5px;}
.badge{
    border-radius: 5px;
    margin: 0px 5px 10px 0;
    padding: 5px 10px;
    font-size: 13px;
}