.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;
}
.thPickedUp, .thCancelled, .thWillCall
{
    text-align: center !important;
    width: 80px !important;
}
.thPickedUpFBX
{
    text-align: center !important;
    width: 100px !important;
}
.thTotalFBX
{
  text-align: center !important;
  width: 100px !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;
}
.thCompletedFBX, .thETAFBX, .thActualFBX, .thStartedFBX
{
    text-align: center !important;
    width: 120px;
}
.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;
}

.driverBadge{
    border-radius:20px;
    font-size:1rem; 
    max-width: 140px;
    cursor:default;
}

// .driverNotYetStarted{
//     border-radius:20px;
//     background-color:red;
//     font-size:1rem; 
//     max-width: 140px;
//     cursor:default;
// }

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


.thDriverName
{
    width: 170px;
    text-align: left;
}
.thDriverStatus
{
    width: 100%;
}
.thStatusMiles
{
    width: 100%;
}
.thProximity
{
  width:80px;
}
.thProximityLabel
{
  font-size: 14px;
  color: #F92B64;
  font-weight: 600;
}
.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;*/
}

.driver-status-dispatch
{
    padding-top: 10px;
    // padding-left: 14px;
    padding-right: 14px;
}
/* ----------- 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;
        // overflow: hidden;
        white-space: pre-wrap;
        // text-overflow: ellipsis;
        text-align:left;
    }
    .thRouteId
    {
        width: 120px !important;
    }
    .thRouteFBX
    {
        width: 150px !important;
    }
    .thPickedUpFBX
    {
        text-align: center !important;
        width: 100px !important;
    }
    .thPickedUp, .thCancelled, .thWillCall
    {
        text-align: center !important;
        // width: 90px !important;
    }
    .thDriverStatus
    {
        width: 340px !Important;
    }

    .thStatusMiles
    {
        width: 340px !Important;
    }
    
}

/* ----------- 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;
        // overflow: hidden;
        white-space: pre-wrap;
        // text-overflow: ellipsis;
        text-align:left;
    }
    .thRouteId
    {
        width: 120px !important;
    }
    .thRouteFBX
    {
        width: 150px !important;
    }
    .thPickedUpFBX
    {
        text-align: center !important;
        width: 100px !important;
    }
    .thPickedUp, .thCancelled, .thWillCall
    {
        text-align: center !important;
        width: 90px !important;
    }
    .thDriverStatus
    {
        width: 340px !important;
    }
    .thStatusMiles
    {
        width: 340px !important;
    }
}

.blindCountContainer
{
  color: #F92B64;
}
.blindCountContainerIcon
{
  font-size: 22px;
  padding-left: 6px;
}
.blindCountContainerCode
{
    font-weight: 600;
    position: absolute;
    margin-left: 8px;
}
.common-lookup{
    .ui-table-wrapper{
        max-height: 542px;
        overflow-x: hidden;
    }
  }
  .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;
   
}