body{padding:0;padding-bottom:32px;margin:0;background-color:#f8f8f8; color:#808080;font-family:'Ubuntu', sans-serif; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
font-size:1.3em;
}
.grey{color:#808080;}
.lightgrey{color:#bcbcbc;}
.blue{color:#457b9d;}
.orange{color:#ffa128;}
.red{color:#E63946;}
.green{color:green;}
strong{font-weight:600;}
a{text-decoration: none !important}

.box{border-radius:4px;box-shadow: 0 0 8px #ececec;background-color:#fff;padding:15px;min-width:100px;margin-bottom:20px;}
.box.blue{background-color:#457b9d;}
.box.transparent{background-color:transparent;}

.panel-default{border:0;/*border-radius:0 !important;*/box-shadow: 0 0 8px #ececec;}
.panel-default>.panel-heading{text-shadow: 1px 0 1px #ccc;border-bottom:1px solid #f5f5f5;background-image:none !important;background-color:#fff;color:#7d7d7d;font-weight:600;font-size:1.1em;}
.panel-footer{border-top:1px solid #f5f5f5;background-color:#fff;}

.btn{transition: all .3s ease-in-out;font-size:0.9em !important;font-weight:500 !important;outline:none !important;background-image:none !important; box-shadow:none !important; text-shadow:none !important;}

.btn-default{background-color:#fff !important; border-color:#d1d1d1;color:#666;}
.btn-default:focus, .btn-default:hover, .btn-default:active, .btn-default:active:hover{background-color:#fff !important;color:#457b9d;border-color:#457b9d;}

.btn-default.red{background-color:#fff !important; border-color:#d1d1d1;color:#666;}
.btn-default.red:focus, .btn-default.red:hover, .btn-default.red:active, .btn-default.red:active:hover{background-color:#fff !important;color:#E63946;border-color:#E63946;}

.btn-primary{border-color:#457b9d !important;background-color:#457b9d;color:#fff;text-transform: uppercase;}
.btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary:active:hover{background-color:#fff !important;color:#457b9d !important;}

.btn-primary.red{border-color:#E63946 !important;background-color:#E63946;color:#fff;text-transform: uppercase;}
.btn-primary.red:focus, .btn-primary.red:hover, .btn-primary.red:active, .btn-primary.red:active:hover{background-color:#fff !important;color:#E63946 !important;}

.btn-primary.green{border-color:#3c763d !important;background-color:#3c763d;color:#fff;text-transform: uppercase;}
.btn-primary.green:focus, .btn-primary.green:hover, .btn-primary.green:active, .btn-primary.green:active:hover{background-color:#fff !important;color:#3c763d !important;}

.alert{border:1px solid #f5f5f5; background-color:#fff !important; box-shadow: 0 0 8px #ececec !important;padding:10px;background-image:none !important;}
.alert-success{ border:1px solid #3c763d; }
.alert-danger{border:1px solid #E63946; color:#E63946;}
.alert-warning{border:1px solid #ffa128;color:#ffa128;}
.alert .close{margin-top:-1px;opacity:1;}
.alert-danger .close{color:#E63946;}
.alert-warning .close{color:#ffa128;}
.alert-success .close{color:#3c763d;}
hr{margin:20px 15px;}

header #menu .icon:before, header #menu .ion:before{vertical-align: middle;}

.edit i, .delete i{font-size:2em;}
.edit, .delete{cursor:pointer;display: inline-block}
.edit{color:#457b9d;}
.edit:hover, .edit:focus{color:#E63946;}
.delete{color:#E63946;}
.delete:hover, .delete:focus{color:#457b9d;}

header{background-color:#ffffff;box-shadow: 0 6px 18px #ececec;margin-bottom:30px;}
footer{background-color:#ffffff;box-shadow: 0 6px 18px #ececec;position:fixed;width:100%;left:0;bottom:0;margin-left:0px;margin-right:0px; padding:8px 15px;font-size:10px;}

header #menu{border-top:1px solid #dfdfdf;padding:14px 0;display:block;}
header #menu ul{padding:0;margin:0;list-style: none;}
header #menu ul li{display:inline-block;line-height:42px;position: relative;margin:0 30px;}
header #menu ul li a{color:#7d7d7d;font-size:1.1em;transition: all .3s ease-in-out;    display: inline-block;}
header #menu ul li a:hover, header #menu ul li a:active, header #menu ul li a:focus{color:#457b9d;}
header #menu ul li.active a{color:#7d7d7d;}
header #menu ul li.active:before{content:'';width:6px;height:6px;position:absolute; border-radius: 50%; background-color:#E63946;bottom:18px;left:34px;margin-left:-3px; }
header #menu ul li a i{width:42px; padding-right:20px;font-size:1.8em;color:#457b9d;}
header #menu ul li a:hover i, header #menu ul li a:active i, header #menu ul li a:focus i{color:#E63946;}
header #topbar{padding:14px 0;}
header .notifications > div{display:inline-block;margin:0 4px;}
header .notifications .mobilemenutoggler{display:inline-block;font-size:2em;color:#457b9d;cursor:pointer;line-height:34px;}
header .notifications .mobilemenutoggler:hover, header .notifications .mobilemenutoggler:focus{color:#E63946;}

.table{background-color:#fff;border-radius: 4px; box-shadow: 0 0 8px #ececec;    text-shadow: 1px 0 1px #ccc;margin-bottom: 0;}
.table>thead>tr>th {border-bottom: 1px solid #f0f0f0;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align: middle; color: #457b9d;font-size: 1.1em;border-bottom: 1px solid #f0f0f0;    text-shadow: 1px 0 1px #ccc;}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{    border: 1px solid #f0f0f0;}
.table>tbody>tr>td, .table>tbody>tr>th{text-shadow: none;    font-size: inherit;    color: inherit;}
.table-striped>tbody>tr:nth-of-type(odd) {background-color: #f0f0f0;}
.table-responsive{box-shadow: 0 0 8px #ececec;     border: 0 !important;}

.form-control{height:40px;padding:10px;border: 1px solid #a0a0a0 !important;outline:none !important;box-shadow: none !important;    background-color: #f8f8f8;}
label{padding-left: 12px;/*font-size: 1.1em;*/}

.add{text-shadow: none;font-weight:normal;display: inline-block;float:right;}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #7d7d7d;
    text-align: center;
    background-color: #f8f8f8;
    border-radius: 4px;
    box-shadow: 0 0 16px #aaa;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #f8f8f8;
}
.status{cursor:pointer;font-size: 2em;display:inline-block;}

.modal-content {
        -webkit-box-shadow: 0 0 8px rgb(0 0 0 / 20%);
        box-shadow: 0 0 8px rgb(0 0 0 / 20%);
}

.modal-content{border-radius:4px; border:0px;}
.modal-header .close{font-size: 1em;opacity:1 !important;line-height:normal;}
.modal-header{border-bottom:1px solid #f0f0f0;padding: 15px 15px 8px 15px;}
.modal-title{text-shadow: 1px 0 1px #ccc;color: #7d7d7d;font-weight: 600;font-size: 1.1em;}

.paging{margin:30px auto;}
.paging a{border-radius:50%;margin:0 4px;font-size:12px;line-height:26px; color:#457b9d;border:1px solid #457b9d;display:inline-block;width:27px;height:27px; text-align: center;}
.paging a:hover{background-color:#457b9d; color:#fff;border:1px solid #457b9d;}
.paging a.active{background-color:#E63946; color:#fff;border:1px solid #E63946;}

.menutoggler{font-size:24px;display:inline-block;
    margin-right:15px;
    vertical-align: middle;
    display:none;
    color:#457b9d;
    cursor: pointer;
}
.menutoggler:hover{color:#E63946;}
.uname{display:inline-block;margin-right:15px;}

#filter{max-width: 15%;margin:auto;}


@media screen and (max-width: 1024px) {
    .uname{display:none;}

}

@media screen and (max-width: 812px) {
    header #menu ul li{
        margin:0;width:100%;
    }
    header #menu ul li.active:before{
        bottom: 42%;
        left: 30px;
        margin-left:0;
    }
    .menutoggler{display:inline-block;}
    header #menu{display:none;}
    #filter{max-width: 92%;margin:auto;}

}

@media screen and (max-width: 732px) {
 
}


@media screen and (max-width:640px) {
 
}


@media screen and (max-width: 480px) {

 




}
@media screen and (max-width: 375px) {
 
}

@media screen and (max-width: 360px) {
 
	
}

@media screen and (max-width: 320px) {
 
}