@import url('../../../../assets/css/variables.less');

@app-body-back-color: #ffffff;
@out-of-range-color: #E60000;
@stand-not-active-back-color: #D6D4D4;
@subnavbar-height: 60px;
@screen-content-margin-top: @subnavbar-height - 5;

.btn.btn-excel {
  padding: 5px;
  background: none;
  color: #2CC72C;
  font-size: 25px;
}
.content-inner-container .subnavbar {
  height: 60px;
  background-color: #ffffff;
  border-bottom: 1px solid #dce1e3;
}
/*.content-inner-container .subnavbar .form-inline {
  margin-top: 12px;
}*/
/*.content-inner-container .screen-content {
    margin-top:10px;
}*/
.fixed-subnavbar + .screen-content {
  margin-top: 55px;
}
/*.subnavbar .input-prepend label {
    display:inline;
}*/
.subnavbar .control-label {
  margin-left: 10px;
}
.subnavbar select {
  margin-top: -4px;
}
.control-label input[type='checkbox'] {
  margin-top: 0;
}
.backgrid tbody td,
.backgrid td,
.backgrid thead th,
.backgrid th {
  vertical-align: middle !important;
}
.backgrid tr.row-selectable {
  cursor: pointer;
}
.backgrid tr.row-selectable.selected:hover td,
.backgrid tr.row-selectable.selected td {
  background-color: #46b2e0 !important;
}
.backgrid th {
  text-align: center !important;
}
.backgrid .boolean-cell.boolean-center,
.backgrid .boolean-cell.align-center,
.backgrid .integer-cell.integer-center,
.backgrid .integer-cell.align-center,
.backgrid .moment-cell.number-center,
.backgrid .moment-cell.align-center,
.backgrid .number-cell.number-center,
.backgrid .number-cell.align-center,
.backgrid .select-cell.align-center,
.backgrid .select-integer-cell.align-center,
.backgrid .string-cell.string-center,
.backgrid .string-cell.align-center {
  text-align: center !important;
}
.backgrid .boolean-cell.boolean-left,
.backgrid .boolean-cell.align-left .backgrid .integer-cell.integer-left,
.backgrid .integer-cell.align-left,
.backgrid .moment-cell.number-left,
.backgrid .moment-cell.align-left,
.backgrid .number-cell.number-left,
.backgrid .number-cell.align-left,
.backgrid .select-cell.align-left,
.backgrid .select-integer-cell.align-left,
.backgrid .string-cell.string-left,
.backgrid .string-cell.align-left {
  text-align: left !important;
}
.backgrid .boolean-cell.boolean-right,
.backgrid .boolean-cell.align-right,
.backgrid .integer-cell.integer-right,
.backgrid .integer-cell.align-right,
.backgrid .moment-cell.number-right,
.backgrid .moment-cell.align-right,
.backgrid .number-cell.number-right,
.backgrid .number-cell.align-right,
.backgrid .select-cell.align-right,
.backgrid .select-integer-cell.align-right,
.backgrid .string-cell.string-right,
.backgrid .string-cell.align-right {
  text-align: right !important;
}
.clear_input_div {
  display: inline-block;
}
.clear_input_div a {
  font-size: 15px;
}
.control-group .controls .form-static-control {
  margin-top: 5px;
  display: block;
}
.control-label span {
  display: inline-block;
}
.rollset-status-color-available {
  color: #30A82A;
}
.rollset-status-color-prepared-for-line {
  color: #2457F5;
}
.modal .modal-status-msg {
  width: 350px;
  text-align: left;
}
@media screen {
  .only-print {
    display: none;
  }
}
@media print {
  body {
    margin-top: 0;
    padding-top: 0;
  }
  #header {
    display: none;
  }
  .content .fixed-subnavbar {
    top: 0;
  }
  .fixed-subnavbar + .screen-content {
    margin-top: 0;
  }
  .hide-print {
    display: none;
  }
  .only-print {
    /*display:inline-block;*/
  }
}

.content-inner-container .subnavbar {
    height:40px;
}

/*.content-inner-container .subnavbar .form-inline {
    margin-top:5px;
}*/

.content-inner-container .subnavbar select {
    margin-top:-5px;
}

.content-inner-container .subnavbar .btn-excel {
    margin:1px 10px 0 0;
}

/*.fixed-subnavbar + .screen-content {
    margin-top:30px;
}*/

.container-fluid.content-inner-container {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 4px;
}

.items-grid-container {
    margin-left:0 !important;
}  

.modal-status-msg-container {
    width:70%;
}
.modal-status-msg {
    width:100%;
    height:30px;
    line-height:30px;
    text-align:left;
}

.backgrid td.timestamp {
    width:150px !important; 
}

.backgrid td.moduleName,
.backgrid td.userName {
    width:100px !important;
}
