.checkboxHolder
{
	width: 120px !important;
}

.checkbox .fa-square
{
    color: #F0F4FF;
    font-size: 18px;
    margin-left: 4px;
    margin-top: 4px;
}

.tdLock
{
    text-align: center;
    font-size: 14px;
}
.map-pin 
{
	font-size: 16px;
	color: #d1182A;
}
.link-route
{
	color: #d1182A;
    font-weight: 400;
    padding-left: 2px;
}
.thDevice
{
    text-align: center !important;
    width:150px !Important;
}


.thDelivery
{
    text-align: center !important;
    width: 74px !important;
}

.thCancelled, .thWillCall
{
    text-align: center !important;
    width: 80px !important;
}

.thPickedUp
{
    text-align: center !important;
    width: 80px !important;
}

.thLineHaul-1 {
    text-align: center !important;
    width: 140px !important;
}

.thLineHaul-2 {
    text-align: center !important;
    width: 220px !important;
}

.thLineHaul {
    text-align: center !important;
    width: 150px !important;
}

.packages-field {
    width: 25% !important;
    text-align: center !important;
    font-size: 11px !important;
    padding: 7px !important;
}

.label-field {
    width: 25% !important;
    font-size: 15px !important;
    text-align: center !important;
    padding-left: 20px !important;
}
.thTotal
{
  text-align: center !important;
  width: 70px !important;
}
.thDriver
{
    text-align: left !important;
    width: 140px !important;
}
.thStatus, .thLocked, .thMap
{
    text-align: center !important;
    width: 70px;
}
.thCompleted, .thETA, .thActual, .thStarted
{
    text-align: center !important;
    width: 90px;
}
.thETA
{
    padding-left:  0px !important;
}
// .ui-table .ui-table-tbody > tr > td
// .ui-table .ui-table-tbody > .tr-controller-routes > td
// {
//     padding: 0px !Important;
// }
.route-nav{
    color: #007ad9 !important;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    /*font-weight: 800;*/
}

.ui-table .ui-table-tbody > tr > .centered-text
{
    padding: 0px !Important;
    text-align: center !important;
}
.thStatusMiles
{
    width:  250px !important;
}

a.disabled {
    color: gray;
    cursor: no-drop;
  }
.fullNameText
{
    /*float: left;*/
   
    width: 130px;
    text-align: left;
    white-space: pre-wrap;
    // overflow: hidden;
    // text-overflow: ellipsis;
    text-align:left;
}

.noteIcon
{
    color: gray;
    margin-right: 5px;
}



.thDriverNameGroup
{
    width: 350px !important;
    text-align: left;
}
.thDriverStatus
{
    width: 100%;
}
.thDriverStatusGroup
{
   width: 100%;
}
.thAllStatus
{
    width: 100px;
}
.pkg-blindcode
{
  background: #ef4c4c !important;
  color: white !important;
}
.behind-device-color{
    color: white;
}
.total-count-row{
    margin-top: 20px;
}
.trRouteType {
  /*display: block;*/
}
/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
    .fullNameText {
        width: 130px;
        text-align: left;
        white-space: pre-wrap;
        // text-overflow: ellipsis;
        // overflow: hidden;
        text-align:left;

    }
    .primeng-datatable-container
    {
      overflow-x: auto;
    }
  
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
    .fullNameText {
        width: 130px;
        text-align: left;
        white-space: pre-wrap;
        // overflow: hidden;
        // text-overflow: ellipsis;
        text-align:left;
    }
    .primeng-datatable-container
    {
      overflow-x: auto;
    }

}

.blindCountContainer
{
  color: #F92B64;
}
.blindCountContainerIcon
{
  font-size: 22px;
  padding-left: 6px;
}
.blindCountContainerCode
{
    font-weight: 600;
    position: absolute;
    margin-left: 8px;
}

.tr-controller-group-header
{
    background: rgb(235, 237, 242);
    // border-top: solid #d8dade 1px;
    // border-left: solid #d8dade 1px;
    // border-right: solid #d8dade 1px;
    cursor: pointer;
}
    
.aGroupControllerHeader
{
  font-weight: bold;
  cursor: pointer; 
}

.assign_driver_datetime_picker{
    .ui-inputtext{
        border: 1px solid #e2e5ec !important;
    }
    .ui-calendar,input[type=text]{
        width: 100%;
    }
  }

.header {
  padding: 2px;
  font-size: 10px;
}
.caption {
    display: block;
}