.truck-lbl-with-trip {
    margin:2px;
    font-weight: bolder;
    font-size: 8pt;
    background: #FFCC00;
}

.truck-lbl-no-trip {
  margin: 2px;
  font-weight: bolder;
  font-size: 8pt;
  background: #D0D0D0;
}

.sidebar-right { 
    background: #FFCC00;
    width:55px !important;
    top: 50px !important;
    bottom: auto !important;
    position: absolute;
    padding-top: 25px;
    z-index: 9999999 !important;
}
 
.sidebar-bg {
    /* background: #FFCC00; */
}

.sidebar .nav>li>a , .sidebar-right .nav>li>a {
    /* color: #D40511; */
    margin: 2px;
}

.trip-info-details {
  position:fixed;
  right: 10px;
  top: 5px; 
  background: transparent;
}

.trip-info-header { 
  width: 100%;
  color:#fcfcfc;
  background: #D40511;
}

.dasboard-table {
    /* z-index: 0 !important; */
    font-size: 7px;
} 

.map-info-window {
  font-size: 15px;
  width: 100%;
}

.tbl-info-detail {
  font-size:10px;
  width: 100%;
}

.tbl-info-detail>thead>tr{
  background:#FFCC00;
  font-weight: bolder;
}

.tbl-info-detail>tbody>tsr{
  border-bottom: 1px #999;
} 

/* 
* tabs CSS  
*/ 

.tabs{
    width:600px;
}
.tabs>ul,.tabs>div{
  position:relative;
}
.tabs>ul{
  overflow:hidden;
  margin:0;
  padding:0;
  list-style-type:none;
  z-index:2;
}
.tabs>ul>li{
  float:left;
  position:relative;
  margin:0 -1px 0 0;
}
.tabs>ul>li>a{
  display:inline-block;
  padding:5px 10px;
  background:#eee;
  border:1px solid #999;
}
.tabs>ul>li.active-tab>a{
  background:#fff;
  border-bottom-color:#fff;
}
.tabs>div{
  background:#fff;
  z-index:1;
  border:1px solid #999;
  top:-1px;
}
.tabs>div>div{
  position:relative;
  top:0;
  left:0;
  display:none;
  overflow:hidden;
  padding:10px;
}
.tabs>div>div.active-tab-content{
  display:block;
}


/* table floating */
.table-floating {

}

.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td {
  padding: 5px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { 
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  border-top: none !important;
}

/***********
* Table Form
************/ 

.custom-table-form td {
   padding:2px; 
}
.custom-table-form  > tbody > tr > td{
  margin:0px;
}


table tbody> tr:last-child {

}

.tbl-form{
    height: calc(0.9em + 0.625rem + 0px); 
    font-size: .75rem;
    line-height: 1.3;
    border-radius: 3px;
    display: block;
    width: 100%;
    height: calc(1.0em + 0.675rem + 1px);
    padding: 0.1375rem 0.19rem;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #2d353c;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d5dbe0;
    border-radius: 2px; 
}

.custom-table-form  > tbody > tr > td{
  font-size: 10px !important;
}

.custom-table-form  > tbody > tr > td > input[type="date"]{ 
  width:110px;
}

 

/****************
* END Table form
*****************/


#modal-input-call {
  /* width: auto; */
}