/*
 * 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-demo{position:absolute;top:10px;right:-8px;display:block;width:150px;height:auto;z-index:99;opacity:.9}.toggle-demo:hover{opacity:1}.toggle-demo .btn-group{width:100px;float:left}.toggle-demo>span{display:inline-block;float:left;margin-right:5px;line-height:21px;color:#757575}.demo-vertical-uislider{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}.demo-vertical-uislider>div{height:200px;margin:0 0 0 10px;display:inline-block}.demo-vertical-uislider >:first-child{margin-left:15px}.knobs-demo>div{display:inline-block;margin-left:30px}.knobs-demo >:first-child{margin-left:0}.demo label input[type=checkbox].checkbox+span:before,.demo label input[type=radio].radiobox+span:before{border:1px solid #5E5E5E}.demo label:hover input[type=checkbox].checkbox+span:before{border-color:#E77317}.demo label{margin-bottom:4!important}.demo .checkbox i{border-color:#7A7A7A}.demo .checkbox,.demo .radio{padding-left:22px}.demo.activate{right:0!important;box-shadow:-11px 12px 23px rgba(0,0,0,.2);padding:5px 10px 10px}.demo #demo-setting+form{display:none}.demo.activate #demo-setting+form{display:block}.demo{position:absolute;top:5px;right:0;width:160px;z-index:11;background:#F1DA91}.demo>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}.demo>span i{font-size:17px}.demo.activate>span i:before{content:"\f00d"}.demo.activate>span{left:-30px}.demo>span:hover i{color:#333!important}.demo form section{margin:0!important}.demo .btn{font-size:13px!important;line-height:1.5!important;border-radius:3px!important;padding:3px 7px!important;height:auto!important}.demo-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}.demo-btns{margin:0;padding:0;list-style:none}.demo-btns>li{display:inline-block;margin-bottom:7px}.demo-icon-font{font-size:14px;margin-bottom:6px;padding-top:4px;padding-bottom:4px}.demo-icon-font:hover{background-color:rgba(86,61,124,.1);text-decoration:none}.demo-modal{width:auto;max-width:600px;z-index:1}.demo-red{color:#DF413E}.demo-orange{color:#DAA03E}.demo-border{border:1px solid rgba(0,0,0,.2)}

.top-search {
    padding: 10px 15px;
    background-color: White;
    border: 1px solid #ddd;
    border-radius: 2px;
}
            
form .btn {
    padding: 6px 12px !important;
}

.ulrow {
    width: 100%;
    list-style-type: none;
}

.ulrow li {
    width: 100%;
    padding: 4px;
    float:left;
    border-bottom: solid 1px #ccc;
}

.bootstrapWizard li {
    width: 14%;
}

.input-disabled{background-color:#EBEBE4;border:1px solid #ABADB3;padding:2px 1px;}


.modal .modal-dialog {
  width: 90%;
}

.modal .modal-body {
  overflow-y: hidden;
}

.modal .modal-med .modal-dialog {
  width: 90%;
}

.modal-med .modal-content {
    /* new custom width */
    width: 90%;
    max-width:900px;
    min-height:300px;
    margin-left:auto;
    margin-right:auto; 
    overflow:hidden;
}

.modal-sm {
    /* new custom width */
    width: 40%;
    /* place center */
    margin-left:auto;
    margin-right:auto; 
    overflow-y:hidden;
}

 /** Remove drop-down arrows from Select2 boxes */
    .row .itinerary .airport .select2-container .select2-choice .select2-arrow {
        display: none;
    }

    .row .airport .select2-container .select2-choice .select2-arrow {
        display: none;
    }

    .itinerary .airport .select2-container .select2-choice .select2-arrow {
        display: none;
    }

    .hidearrow .select2-container .select2-choice .select2-arrow {
        display: none;
    }
    
    .hidearrow .select2-container .select2-choice {
       padding: 0 !important;
       border:none;
       top: -5px;
       height: 25px;
    }
        
    .itinerary {
        padding: 0 !important;
    }
            
    .itinerary.itinerary-header, .itinerary-header div {
        background-color: WhiteSmoke !important;
        font-weight: bold;
    }
            
    .row .itinerary div {
        padding: 5px !important;
    }


/*  Log styles  */
.top-item {
    margin-top: 0;
}
             
.log-fields .col-xs-12,
.log-fields .col-xs-8,
.log-fields .col-xs-7,
.log-fields .col-xs-6,
.log-fields .col-xs-5,
.log-fields .col-xs-4,
.log-fields .col-xs-3,
.log-fields .col-xs-2,
.log-fields .col-xs-1 {
    padding: 0 10px 0;
}
             
.leg-selection {
    margin-bottom: 15px;
}
             
.leg-details {
    padding: 15px 0;
    border-top: 1px solid Gainsboro;
    border-bottom: 1px solid Gainsboro;
}

.rsAptCreate  {
    background:none;
    background-repeat:no-repeat;
}

.crewEvent {
    position: relative;
    background-image: url('/img/CrewScheduler.png') !important;
    background-position: center center !important;
    background-repeat:no-repeat;    
}

.timeline-icon > img {
    height: 75px;
    width: 75px;
    border-radius: 50%;
    margin-top: 2px;
    margin-left: -2px;
    border: 2px solid #3276b1;
}

.aircraft-icon > img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-top: 2px;
    margin-left: -2px;
    border: 2px solid #3276b1;
}

.profile-icon > img {
    height: 40px;
    width: 40px;
    border-radius: 75%;
}

.selectedRow {
    background-color: #468847;
}

/*
    Fix for datepicker in modal (schedualer)
*/
.ui-datepicker{ 
    z-index: 10000 !important;
}

.tt-query,
.tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-dropdown-menu {
    width: 422px;
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    z-index:1500;
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
    z-index:1500;
}

.tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #0097cf;

}

.containerLoading {
    position: absolute;
    opacity: 0.5 !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #666;
    background: #ffffff url(/img/AvianisLoader.gif) center center no-repeat;
    /*background: url(/img/AvianisLoader.gif) center center no-repeat;*/
    z-index: 1000;
}