/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

 .toggle-asen{position:absolute;top:10px;right:-8px;display:block;width:154px;height:auto;z-index:99;opacity:.9}.toggle-asen:hover{opacity:1}.toggle-asen .btn-group{width:100px;float:left}.toggle-asen>span{display:inline-block;float:left;margin-right:5px;line-height:21px;color:#757575}.asen-vertical-uislider{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.asen-vertical-uislider>div{height:200px;margin:0 0 0 10px;display:inline-block}.asen-vertical-uislider >:first-child{margin-left:15px}.knobs-asen>div{display:inline-block;margin-left:30px}.knobs-asen >:first-child{margin-left:0}.asen label input[type=checkbox].checkbox+span:before,.asen label input[type=radio].radiobox+span:before{border:1px solid #5E5E5E}.asen label:hover input[type=checkbox].checkbox+span:before{border-color:#E77317}.asen label{margin-bottom:4!important}.asen .checkbox i{border-color:#7A7A7A}.asen .checkbox,.asen .radio{padding-left:22px}.asen.activate{right:0!important;box-shadow:-11px 12px 23px rgba(0,0,0,.2);padding:5px 10px 10px}.asen #asen-setting+form{display:none}.asen.activate #asen-setting+form{display:block}.asen{position:absolute;top:5px;right:0;width:160px;z-index:902;background:#F1DA91}.asen>span{position:absolute;right:0;top:0;display:block;height:30px;width:30px;border-radius:5px 0 0 5px;background:#F1DA91;padding:2px;text-align:center;line-height:28px;cursor:pointer}.asen>span i{font-size:17px}.asen.activate>span i:before{content:"\f00d"}.asen.activate>span{left:-30px}.asen>span:hover i{color:#333!important}.asen form section{margin:0!important}.asen .btn{font-size:13px!important;line-height:1.5!important;border-radius:3px!important;padding:3px 7px!important;height:auto!important}.asen-liveupdate-1{font-size:12px!important;position:absolute!important;left:33px;top:15px;display:block;z-index:2;font-weight:700;padding:1px 61px 3px 7px}.asen-btns{margin:0;padding:0;list-style:none}.asen-btns>li{display:inline-block;margin-bottom:7px}.asen-icon-font{font-size:14px;margin-bottom:6px;padding-top:4px;padding-bottom:4px}.asen-icon-font:hover{background-color:rgba(86,61,124,.1);text-decoration:none}.asen-modal{width:auto;max-width:600px;z-index:1}.asen-red{color:#DF413E}.asen-orange{color:#DAA03E}.asen-border{border:1px solid rgba(0,0,0,.2)}.nav-asen-btn{display:none}body:not(.menu-on-top) .nav-asen-btn{display:block;padding:6px 5px;margin:5px 10px;width:auto;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-size:12px;white-space:normal}.fixed-navigation .nav-asen-btn,.minified .nav-asen-btn{display:none!important}.smart-rtl .asen .margin-right-5{margin-right:0!important}

.login-info>span {
    height: 38px;
    display: block;
    padding: 0 10px;
    border-bottom: 1px solid #00335f;
}

aside {background: linear-gradient(to right,#022093 93%,#223fae 100%);}

nav ul ul {
    margin: 0;
    display: none;
    background: rgb(0 22 104);
    padding: 7px 0;
}

#ribbon {  background: #022093;}

nav ul ul li>a:hover {
    background-color: rgb(4, 65, 117);
    color: #fff;
}

.page-footer {
    border-top: 1px solid #6687a2;
    background: #022093 !important;
}

.form-group.margin-bottom5px{
	margin-bottom: 4px !important;
}

.ui-datepicker{
	z-index: 20 !important;
}

.MessageBoxContainer {
    top: 35%;
    left: 17%;
    color: #fff;
    position: absolute;
    width: 70%;
    background-color: #232323;
    background-color: rgba(4, 89, 177, 0.8);
    padding: 20px;
    border: 1px solid #0988e2;
}
.txt-color-orangeDark {
    color: #3fdaa7!important;
}



/* custom style **/ 
#header {
    display: block;
    height: 80px; /*49px;*/
    margin: 0;
    padding: 0 13px 0 0;
    background-color: #e0e0d1;
    background-image: -moz-linear-gradient(top,#e0e0d1,#ffffff);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#e0e0d1),to(#ffffff));
    background-image: -webkit-linear-gradient(top,#e0e0d1,#ffffff);
    background-image: -o-linear-gradient(top,#e0e0d1,#ffffff);
    background-image: linear-gradient(to bottom,#e0e0d1,#ffffff);
    background-repeat: repeat-x;
    position: relative;
    z-index: 905;
}

#left-panel {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 904;
    padding-top: 81px;  /*49px;*/
}

#header>div {
    display: inline-block;
    vertical-align: middle;
    height: 80px;
    float: left;
}

#logo-group>span {
    display: inline-block;
    height: 60px;
    float: left;
}

#logo img {
    width: 108px;
    height: auto;
    padding-left: 20px;
    margin-top: -15px;
}


/**login page bgcolor**/
#extr-page #main {
    background: #3555c2;
    margin: 0;
}

.red-star{
    font-size: 18px;
    color:red;
    display: inline;
}