/*
 * 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:154px;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:902;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)}.nav-demo-btn{display:none}body:not(.menu-on-top) .nav-demo-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-demo-btn,.minified .nav-demo-btn{display:none!important}.smart-rtl .demo .margin-right-5{margin-right:0!important}


 .defect-popup .dx-overlay-content{ padding:3px; border-radius:0!important;}
 .defect-popup .dx-popup-title {    background: #4297d7!important;
     color: #fff;
     padding: 1px 20px}
 .defect-popup .dx-popup-content{ padding: 0px;}
 .defect-popup #content{margin:0px!important;}
 .defect-popup  .jarviswidget>div{ border: 1px solid #ccc;}
 .defect-popup .dx-multiview-wrapper{ min-height:150px; border:none;}
 .defect-popup  .dx-tabs{ background-color:#4297d7; border:none; color:#fff; padding:5px 5px 0 5px;}
 .defect-popup .dx-state-hover{ color:#000;}
  
 
 .check-edit .dx-overlay-content{ padding:3px; border-radius:0!important;}
 .check-edit .dx-popup-title {    background: #4297d7!important;
     color: #fff;
     padding: 1px 20px}
     .check-edit  .dx-multiview-wrapper{ height:75px !important; border:none;}
    
 
.check-edit input
{
    margin: 5px 0;
}

.check-edit .dx-popup-normal
{
    height: 200px !important;
}



 /* #gridContainer table tr.dx-header-row 
 {
     background: #167f92;
     color: #fff;
 }
 
 #gridContainer table tr.dx-header-row > td
 {
     border-bottom: 1px solid #ddd;
 }
 
 #gridContainer .dx-datagrid-rowsview
 {
       border-bottom: 1px solid #ddd;
 } */
 
 .defect-totals
 {
     background: #eee;
     padding: 5px;
     border: 1px #ddd solid;
     margin: 10px 0;
 }
 
 .defect-totals span
 {
 display: block;
 padding: 5px;
 }
 /* .dx-datagrid-content tbody tr:nth-child(even) {background-color: #eaf3f3;} */
 .dx-tabpanel .dx-tabs {
     display: block;
     border-bottom: none;
     background-color: #2e6da4;
     color: #fff;
 }
 .dx-tab.dx-state-hover{ color:#333;}
 .tabs-content{ border-color:#337ab7;}
 .tabs-content .panel-heading {
     color: #fff;
     background-color: #337ab7;
     border-color: #337ab7;
 }
 .defect-popup .dx-overlay-content{width:70% !important;}
 
.left-space {
    margin-left: 10px;
}

 /*Below two css are for Multiple project menu */
 /* For single label uncomment the Commented line*/
 .dropdown-list {
     display: inline-block;
     width: 110px;
     vertical-align: middle;
     /* line-height: 48px; */
 }
 
 /* For single label Remove this css*/
 .dropdown-list span:nth-of-type(1){
     padding: 10px 0px 0px 0px;
     font-size: 10px;
     display: block;
     text-align: left;
     opacity: 0.5;
 }
 
 .dropdown-list ul.dropdown-menu { margin-top: -1px !important; margin-left: 219px !important;}
 
 .menu-align nav ul a i {
     float:  left !important;
 }
 
 .menu-align nav ul span.menu-item-parent {
     display: table !important;
 }
 
 .width-auto{ width: auto !important;}
 
 
 .edit-update-popup-folder .dx-popup-title
 {
     background: #0084c5;
     color: #fff;
 }
 
 
 .delete-popup-folder .dx-popup-content
 {
     min-height:130px !important;
 }
 
 .correctionPopup
 {
     height: auto;
     overflow-y: auto;
 }
 
 input[type=checkbox]
 {
     position:relative;
     top:3px;
 }
 
 .sector-edit .dx-template-wrapper
 {
      padding: 10px;
 }
 
 #header, .page-footer, .menu-align
 {
     position: fixed !important;
 }
 
 #header
 {
     top: 0;
     width: 100%;
 }
 
 #ribbon
 {
     margin-top: 45px;
 }
 
 .wrapper-padding .dx-datagrid
 {
     padding: 10px;
 }
 
 
 .margin-top8
 {
     margin-top:8%; 
 }
 
 .form-control, input[type=text]{
     width: 100%;
     height: 34px;
     padding: 7px 9px 8px !important;
     border: 1px solid #ddd ;
     border-radius: 4px !important;
 }
 
 
 
 label {
     margin-bottom:7px; 
     font-weight: bold;
 }
 
 .h3
 {
     font-size: 18px !important;
     font-weight: bold !important;
 }

 .text-marker {

    background: rgba(21,21,182,0.5);
    color: white;
    font-size: 14pt;
    width:80px;
    text-align: center;
}
.dx-toast-error {
    background-color: #d9534f !important;
    transform: none !important;
    position: absolute !important;
    left: 240px !important;
    top: 50px !important;
    width: 650px !important;
}
.dx-toast-success {
    transform: none !important;
    position: absolute !important;
    left: 240px !important;
    top: 50px !important;
    width: 650px !important;
}
.dx-toast-message {
    white-space: pre-line;
  }


.progress {
    background-color: #B3E5FC !Important;
    color: #01579B !Important;
    border-color: #03A9F4 !Important;
}


.ngx-timepicker input {
    font-size: inherit !Important;
}

.ngx-timepicker-control {
    width:40px !Important;
}

.ngx-timepicker__time-colon{
    margin-left: 2px  !Important;
    margin-right: 2px  !Important;
}

.field-changed{
    border-color: lightskyblue !Important;
    border-width: 2px !Important;
    border-style: solid  !Important;
}

/* Disable the numeric spinners */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type="number"]{
    -moz-appearance: textfield;
}


#aircraftCommandHistoryGrid table tr:nth-child(odd)
{
    background:#eee !important;
}

#aircraftCommandHistoryGrid .dx-datagrid-headers table tr
{
    background: #fff !important;
}

.notvisible{
    visibility: hidden;
}


.comment{
    color: #01579B;
}

.natext{
    color: #fc3003;
}

.dx-colorbox-input-container .dx-dropdowneditor-input-wrapper .dx-texteditor-container .dx-texteditor-input-container  {
    padding-left:40px;
}

.modal-content{
    top: 30px;
}

.label-nvable{
    background-color:#0073b2;
    font-size: 10pt;
    font-weight: normal;
    padding: 7px;
    margin: 2px;
}
    
.label-nvable[href]:focus,
.label-nvable[href]:hover
{background-color: #0073b2}

.label-nvable-danger{
    background-color:#F44336;
    font-size: 10pt;
    font-weight: normal;
    padding: 7px;
    margin: 2px;
}
    
.label-nvable-danger[href]:focus,
.label-nvable-danger[href]:hover
{background-color: #F44336}