
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 30px;
}
body.admin {
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 30px;
}
.footer.admin {
  height: 60px;
}
.footer.admin .text-muted {
  padding-top: 20px;
}

#toTop {
  position: fixed;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  font-size: 60px;
  font-weight: bold;
  color: grey;
  display: none;
  z-index: 9999;
}

.fixedTable .table {
  width: auto;
  color:black;
}
.fixedTable .table tr td,
.fixedTable .table tr th {
  min-width: 52px;
  width: 52px;
  min-height: 20px;
  height: 20px;
  padding: 0px;
}

.fixedTableDP .table tr td,
.fixedTableDP .table tr th {
  min-width: 75px;
  width: 75px;
  min-height: 20px;
  height: 20px;
  padding: 0px;
}

.fixedTable-header {
  width: auto;
  max-width: 550px;
  height: 50px;
  margin-left: 475px;
  overflow: hidden;

}
.fixedTable-sidebar {
  width: 470px;
  height: auto;
  max-height: 510px;
  float: left;
  overflow: hidden;
  margin-right: 5px;
}
.fixedTable-body {
  overflow: auto;
  width: auto;
  max-width: 550px;
  height: auto;
  max-height: 510px;
  float: left;
  padding-right: 20px;
}

.ui-datepicker{ z-index: 9999 !important;}

.toggleCountry{text-align: center !important; cursor: pointer;}

.write_bg{background-color: #b2f189; color: #000;}

.white_bg{background-color: #fff;}

.shipment-tr{background-color: #fff; color: #000;}

.bgdanger{background-color: red !important;}
.bgsuccess{background-color: green !important;}

/* Monitor table */
td, th {padding: 0 4px 0 4px}
td.col-route {min-width: 50px;max-width:300px !important;text-align: center}
td.col-select {min-width: 60px;max-width:300px !important;text-align: center} 
td.col-1 {min-width: 100px;max-width:300px !important;} 
td.col-2 {min-width: 100px;max-width:300px !important;}
td.col-3 {min-width: 100px;max-width:300px !important;text-align: center}
td.col-4 {min-width: 100px;max-width:300px !important;}
td.col-5 {min-width: 100px;max-width:300px !important;}
td.col-6 {min-width: 100px;max-width:300px !important;text-align: center}
td.col-7 {min-width: 250px;max-width:300px !important;text-align: center}
td.col-8 {min-width: 150px;max-width:300px !important;text-align: center}
td.col-9 {min-width: 150px;max-width:300px !important;text-align: center}
td.col-10 {min-width: 150px;max-width:300px !important;text-align: center}
td.col-11 {min-width: 100px;max-width:300px !important;text-align: center}
td.col-12 {min-width: 150px;max-width:300px !important;text-align: center}
td.col-13 {min-width: 150px;max-width:300px !important;text-align: center}
td.col-14 {min-width: 100px;max-width:300px !important;text-align: center}
td.col-15 {min-width: 100px;max-width:300px !important;text-align: center}
td.col-16 {min-width: 170px;max-width:300px !important;text-align: center}
td.col-17 {min-width: 170px;max-width:300px !important;text-align: center}
td.col-18 {min-width: 170px;max-width:300px !important;text-align: center}
td.col-19 {min-width: 350px;max-width:300px !important;}
td.col-20 {min-width: 250px;max-width:300px !important;}
td.col-21 {min-width: 100px;max-width:300px !important;text-align: center}
td.col-22 {min-width: 100px;max-width:300px !important;text-align: center}
td.col-23 {min-width: 100px;max-width:300px !important;text-align: center}
td.col-24 {min-width: 100px;max-width:300px !important;text-align: center}
td.col-25 {min-width: 100px;max-width:300px !important;text-align: center}
td.col-26 {min-width: 100px;max-width:300px !important;}
td.col-27 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-28 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-29 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-30 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-31 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-32 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-33 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-34 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-35 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-36 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-37 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-38 {min-width: 400px;max-width:300px !important;}
td.col-39 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-40 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-41 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-42 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-43 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-44 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-45 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-46 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-47 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-48 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-49 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-50 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-51 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-52 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-53 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-54 {min-width: 100px;max-width:300px !important; text-align: right}
td.col-55 {min-width: 300px;max-width:300px !important;}
td.col-56 {min-width: 300px;max-width:300px !important;}
td.col-57 {min-width: 300px;max-width:300px !important;}

/* Monitor calc */
td.col-1-calc, td.col-1-calc > input {width: 200px;} 
td.col-2-calc, td.col-2-calc > input {width: 100px;}
td.col-3-calc, td.col-3-calc > input {width: 100px;text-align: center}
td.col-4-calc, td.col-4-calc > input {width: 100px;}
td.col-5-calc, td.col-5-calc > input {width: 100px;}
td.col-6-calc, td.col-6-calc > input {width: 100px;text-align: center}
td.col-7-calc, td.col-7-calc > input {width: 250px;text-align: center}
td.col-8-calc, td.col-8-calc > input {width: 150px;text-align: center}
td.col-9-calc, td.col-9-calc > input {width: 150px;text-align: center}
td.col-10-calc, td.col-10-calc > input {width: 150px;text-align: center}
td.col-11-calc, td.col-11-calc > input {width: 100px;text-align: center}
td.col-14-calc, td.col-14-calc > input {width: 100px;text-align: center}
td.col-15-calc, td.col-15-calc > input {width: 100px;text-align: center}
td.col-16-calc, td.col-16-calc > input {width: 100px;text-align: center}
td.col-19-calc, td.col-19-calc > input {width: 350px;}
td.col-20-calc, td.col-20-calc > input {width: 250px;}
td.col-21-calc, td.col-21-calc > input {width: 100px;text-align: center}
td.col-22-calc, td.col-22-calc > input {width: 100px;text-align: center}
td.col-23-calc, td.col-23-calc > input {width: 100px;text-align: center}
td.col-24-calc, td.col-24-calc > input {width: 100px;text-align: center}
td.col-25-calc, td.col-25-calc > input {width: 100px;text-align: center}
td.col-26-calc, td.col-26-calc > input {width: 100px; text-align: right}
td.col-27-calc, td.col-27-calc > input {width: 100px; text-align: right}
td.col-28-calc, td.col-28-calc > input {width: 100px; text-align: right}
td.col-29-calc, td.col-29-calc > input {width: 100px; text-align: right}
td.col-30-calc, td.col-30-calc > input {width: 100px; text-align: right}
td.col-31-calc, td.col-31-calc > input {width: 100px; text-align: right}
td.col-32-calc, td.col-32-calc > input {width: 100px; text-align: right}
td.col-33-calc, td.col-33-calc > input {width: 100px; text-align: right}
td.col-34-calc, td.col-34-calc > input {width: 100px; text-align: right}
td.col-35-calc, td.col-35-calc > input {width: 100px; text-align: right}
td.col-36-calc, td.col-36-calc > input {width: 100px; text-align: right}
td.col-37-calc, td.col-37-calc > input {width: 100px; text-align: right}
td.col-38-calc, td.col-38-calc > input {width: 250px;}
td.col-39-calc, td.col-39-calc > input {width: 100px; text-align: right}
td.col-40-calc, td.col-40-calc > input {width: 100px; text-align: right}
td.col-41-calc, td.col-41-calc > input {width: 100px; text-align: right}
td.col-42-calc, td.col-42-calc > input {width: 100px; text-align: right}
td.col-43-calc, td.col-43-calc > input {width: 100px; text-align: right}
td.col-44-calc, td.col-44-calc > input {width: 100px; text-align: right}
td.col-45-calc, td.col-45-calc > input {width: 100px; text-align: right}
td.col-46-calc, td.col-46-calc > input {width: 100px; text-align: right}
td.col-47-calc, td.col-47-calc > input {width: 100px; text-align: right}
td.col-48-calc, td.col-48-calc > input {width: 100px; text-align: right}
td.col-49-calc, td.col-49-calc > input {width: 100px; text-align: right}
td.col-50-calc, td.col-50-calc > input {width: 100px; text-align: right}
td.col-51-calc, td.col-51-calc > input {width: 100px; text-align: right}
td.col-52-calc, td.col-52-calc > input {width: 100px; text-align: right}
td.col-53-calc, td.col-53-calc > input {width: 100px; text-align: right}
td.col-54-calc, td.col-54-calc > input {width: 100px; text-align: right}
td.col-55-calc, td.col-55-calc > input {width: 300px;}
td.col-56-calc, td.col-56-calc > input {width: 300px;}
td.col-57-calc, td.col-57-calc > input {width: 300px;}

/* Minibus */
td.colm-1 {min-width: 150px;text-align: center} 
td.colm-2 {min-width: 150px;text-align: center}
td.colm-3 {min-width: 160px;text-align: center}
td.colm-4 {min-width: 250px;text-align: right}
td.colm-5 {min-width: 200px;text-align: right}
td.colm-6 {min-width: 100px;text-align: right}
td.colm-7 {min-width: 100px;text-align: right}
td.colm-8 {min-width: 100px;text-align: right}
td.colm-9 {min-width: 100px;text-align: right}
td.colm-10 {min-width: 100px;text-align: right}
td.colm-11 {min-width: 250px;text-align: left}

/* Extra cost*/
td.colex-1 {min-width: 180px;text-align: center} 
td.colex-2 {min-width: 180px;text-align: center}
td.colex-3 {min-width: 160px;text-align: center}
td.colex-4 {min-width: 150px;text-align: center}
td.colex-5 {min-width: 150px;text-align: center}
td.colex-6 {min-width: 120px;text-align: right}
td.colex-7 {min-width: 200px;text-align: center}
td.colex-8 {min-width: 250px;text-align: left}

/* out of SAP cost*/
td.colout-1 {min-width: 180px;text-align: center} 
td.colout-2 {min-width: 200px;text-align: center}
td.colout-3 {min-width: 200px;text-align: center}
td.colout-4 {min-width: 150px;text-align: center}
td.colout-5 {min-width: 150px;text-align: center}
td.colout-6 {min-width: 150px;text-align: center}
td.colout-7 {min-width: 150px;text-align: center}
td.colout-8 {min-width: 250px;text-align: center}
td.colout-9 {min-width: 150px;text-align: center}
td.colout-10 {min-width: 100px;text-align: right}
td.colout-11 {min-width: 120px;text-align: right}

/* Missing costs */
td.colmc-1 {min-width: 200px;text-align: center} 
td.colmc-2 {min-width: 150px;text-align: center}
td.colmc-3 {min-width: 150px;text-align: right}
td.colmc-4 {min-width: 150px;text-align: right}
td.colmc-5 {min-width: 150px;text-align: right}
td.colmc-6 {min-width: 150px;text-align: right}
td.colmc-7 {min-width: 150px;text-align: right}
td.colmc-8 {min-width: 150px;text-align: right}
td.colmc-9 {min-width: 150px;text-align: right}
td.colmc-10 {min-width: 150px;text-align: right}
td.colmc-11 {min-width: 150px;text-align: right}
td.colmc-12 {min-width: 150px;text-align: right}
td.colmc-13 {min-width: 150px;text-align: right}
td.colmc-14 {min-width: 150px;text-align: right}
td.colmc-15 {min-width: 150px;text-align: right}
td.colmc-16 {min-width: 150px;text-align: right}


@media (min-width: 1199px) {
  .fixedTable-header {
    max-width: 670px;
  }

  .fixedTable-body {
    max-width: 670px;
  }
}

@media (min-width: 1281px) {
  .fixedTable-header {
    max-width: 750px;
  }

  .fixedTable-body {
    max-width: 750px;
  }
}

@media (min-width: 1400px) {
  .fixedTable-header {
    max-width: 850px;
  }

  .fixedTable-body {
    max-width: 850px;
  }
}

@media (min-width: 1580px) {
  .fixedTable-header {
    max-width: 1050px;
  }

  .fixedTable-body {
    max-width: 1050px;
  }
}

@media (min-width: 1900px) {
  .fixedTable-header {
    max-width: 1350px;
  }

  .fixedTable-body {
    max-width: 1350px;
  }
}

