/*
 * 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: 0.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, 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, 0.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, 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;
}

.calc-value {
  padding-top: 7px;
  padding-bottom: 8px;
  padding-left: 9px;
  padding-right: 9px;
  height: 34px;
  display: block;
}

.reduced-padding {
  padding-left: 5px;
  padding-right: 0;
}

/*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;
  padding-right: 12px;
  float: left;
}

.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;
  z-index: 9999;
}

#header {
  top: 0;
  width: 100%;
}

.ribbon_nv {
  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 {
  border: 0 !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;
}

::ng-deep .scrollbars {
  border-radius: 7px;
  padding: 4px;
  background-color: rgba(0, 0, 0, 0.2);
  width: 8px;
}

.scrollbars-thumb {
  background-color: rgba(66, 88, 220, 0.55);
  width: 12px;
}

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

.sector-button {
  margin: auto;
  width: 54px;
  display: block;
}

@media screen and (min-width: 961) {
  .sector-button-container {
    height: auto;
  }
}

@media screen and (max-width: 990px) {
  .sector-button {
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    width: 54px;
    display: unset;
  }

  .sector-button-container {
    height: 60px;
    padding-top: 10px;
  }
}

.doc-published {
  color: #4caf50 !important;
}

.ibox {
  clear: both;
  margin: 5px;
  padding: 5px;
  box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.ibox.border-bottom {
  border-bottom: none !important;
}

.ibox-content {
  padding: 5px;
  clear: both;
  border-image: none;
  border-width: 1px 0;
  color: inherit;
}

.ibox-title h5 {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-image: none;
  border-width: 1px 0 0;
  color: inherit;
  margin-bottom: 0;
  padding: 15px 15px 7px;
  min-height: 25px;
}

.float-e-margins {
  margin-bottom: 5px;
}

#sparks {
  display: block !important;
}