body { background: #ccc none repeat scroll 0 0; color: #4e5e6a; font-family: "Open Sans",sans-serif; font-size: 12px; height: 100% !important; position: relative; width: 100%;}
.sidebar-header { padding-top:5px; padding-bottom:0px !important;}
.clear { display: block; clear: both;}
.sub-menu li.droplink a p { }
.main-form { color: #00BAD6; width:350px; margin: 10% auto; padding:50px; border: 1px solid rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2); background: #fff; border-top-left-radius: 2em; border-bottom-right-radius: 2em; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out;}
.main-form:hover { border-top-right-radius: 2em; border-top-left-radius: 0em; border-bottom-left-radius: 2em;  border-bottom-right-radius: 0em;}
input[type="checkbox"]{ -webkit-appearance:none; width:10px; height:10px; position:relative; outline:medium none; margin-right:10px;}
input[type="checkbox"]::before{ width:9px; height:9px; content:""; display:block; border:3px solid #C4BCB0; border-radius: 9px; position:absolute;}
input[type="checkbox"]:checked::after{ width:5px; height:5px; content:""; display:block; background: #C4BCB0; border-radius: 5px; position:absolute; left:5px; top:5px;}
.btn-login {  background: #00BAD6; color: #fff; font-weight: bold; text-transform: uppercase; border: 1px solid #00BAD6; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
.btn-login:hover { background: #fff; color: #00BAD6; border: 1px solid #00BAD6;}
.logo-img { margin-bottom: 55px; }
.frgt-link { color: #00BAD6}
.frgt-link:hover, .frgt-link:focus { color: #00BAD6}
i.login_fa { color: #00BAD6; display: inline-block; position: relative; padding: 8px 9px; height: 34px; line-height: 1.4; float: left; border: 1px solid #dce1e4; background: #f9f9f9; top:0px;}
input.login_input { display: inline-block; padding: 6px 5px !important; max-width: calc(100% - 32px); border-left: 0px;}
.login-box .form-group { margin: 10px 0px; clear: both;}
.login-box .form-group.m { margin-top: 15px;}
.main-wrapper.login { margin: 5% 5% 3% 5%;}
.logo_img { left: 30px !important;}
.chart {  display: block; position:relative; width: 90%; height: 80%; font-size: 12px; min-height: 235px;}
.chart.donut { max-width: 300%; min-height: 200px; width: 100%;}	
.chart.full { max-width: 100%; width: 100%; min-height: 520px;}
.chart a { font-size: 0px !important;}
.panel.chart-panel { min-width: 250px; height: 335px;}
h3.center { width: 100%; text-align: center;}
.top-nav { margin-top: 17px;}
.top-table { margin-bottom: 0px;}
.tab-content.top { padding: 0px;}
.table-title { font-size: 18px; margin-bottom: 10px;}
.table-title small.date-title { font-weight: 600; font-size: 13px;}
.table-title small.indc { font-size: 12px; font-weight: 600; padding-left: 10px; color: red;}
.book-name.counter { display: inline-block; margin-bottom: 0px; text-align: center; margin-left: 25px; color: #374051; font-weight: 300; float: left; font-size: 22px; font-weight: normal;}
.book-name.counter.red { color: #e53838;}
.book-name.counter.green { color: #348e2b;}
.book-name.left { float: left; font-size: 20px; display: inline-block; margin: 0px 0px 5px 0px;}
hr.clr { clear: both; display: block; width: 90%;}
th.center { text-align: center;}
.spin { transform: rotate(270deg); float: left; margin-right: 10px; font-size: 24px;}
.panel-ic { float: left; margin-right: 5px; font-size: 18px;}
.panel-ic.fir { margin-right: -7px; line-height: .5;}
@media screen and (max-width: 350px){
	.chart { max-width: 275px}
	.chart.donut { max-width: 200px; min-height: 200px;}
}
.user_avatar { width: 50px; margin: 0px auto; border-radius: 50%;}
.no-sort:after { display: none!important; }
.no-sort { pointer-events: none!important; cursor: default!important; background: transparent !important; }
.datatable-border { border-bottom: 0px !important}
.datatable-border tr { border: 1px solid #ddd !important;}
.datatable-border tr td, .datatable-border tr th { border: .15em solid #ddd !important; border-right: 0 !important; }
.datatable-border tr td:last-child, .datatable-border tr th:last-child { border-right: .15em solid #ddd !important;}
tr.group.custom { background: #01bad6 !important; color: #fff; font-size: 15px; font-weight: bold; border-color: #01bad6 !important;}
tr.group.custom td, tr.group.custom th { border-color: #01bad6 !important;}
.lbl_no_padding { padding: 0px !important;}
.panel.equal_height { min-height: 275px; max-height: 275px;}
.update_profile {width:150px; float:right}
.label-big { font-size: 14px; display: block;}
.panel .panel-heading .panel-control.full { width: 100%;}
.panel-reload.r { float: right !important; }
.panel-reload.dt { float: right !important;     position: relative;
    top: -20px;}
table.half { width: 50% !important; float: left;}
button.trans { background: transparent; border: 0px;}
.no_padding { padding: 0px !important}
.align_icon { width: calc(100% - 50px);}
input[type="checkbox"] { -webkit-appearance: checkbox; width: 15px; height: 13px;}
input[type="checkbox"]::before, input[type="checkbox"]:checked::after {content: none;}
table thead tr:first-child { font-weight: bold; }
.limited-height { max-height: 500px;}
th, td { white-space: nowrap; }
tfoot { font-size: 13px; font-weight: bold;}
table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td, table.dataTable tbody th, table.dataTable tbody td { padding: 5px 18px !important;}
.btn-success.def_height{ height: 34px;}
.search_input { width: calc(100% - 70px) !important;}
tbody.high {color: #348e2b;}
tbody.low {color: #e53838;}
.corner-ribbon{ width: 200px; background:#01bad6; position: absolute; top: 25px; left: -50px; text-align: center; line-height: 30px; letter-spacing: 1px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.corner-ribbon.sticky{position:fixed}
.corner-ribbon.shadow{box-shadow:0 0 3px rgba(0,0,0,.3);}
.corner-ribbon.bottom-left{top:auto;bottom:25px;left:-50px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}