/*
 * 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,#052963 93%,#134391 100%);}

#ribbon {  background: #134391;}

nav ul ul li>a:hover {
    background-color: rgb(0 60 115);
    color: #fff;
}

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

/*.jarviswidget>header {
    border-color: #ecc800!important;
    background: #ffd800;
    color: #000;
}*/

.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;
}

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

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

#logo img {
    width: 150px;
}
#logo {
    margin-top: 5px;
}

#extr-page .hero {
    background-image: none;
}


/**** for admin photo *******/
/*.login-info {
    display: block;
    font-size: 12px;
    height: 150px;
    color: #fff;
    background: #00335f;
    border: solid transparent;
    border-width: 1px 0;
    box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%);
    width: 100%;
    margin: 0!important;
    border-bottom: 1px solid #986d6d;
}
.login-info a {
    text-decoration: none!important;
    color: #c0bbb7;
    display: block;
    margin-top: 6px;
}
.login-info>span {
    height: 38px;
    display: block;
    padding: 0 10px;
    border-bottom: 1px solid #00335f;
}
.login-info img {
    width: 80px;
    height: auto;
    display: block;
    vertical-align: middle;
    margin: 5px 10px 5px 60px;
    position: relative;
    text-align: center;
    border: 1px solid #7f7f7f;
    border-radius: 10px;
}
.login-info a span {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    display: block;
    text-decoration: none;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    text-align: center;
}*/