.text-center{
    text-align: center;
}
.text-left{
    text-align: justify !important;
}
.w-100
{
  width: 100px !important;
}
.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: 220px !important;
}

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


.thLineHaul-1 {
    text-align: center !important;
    width: 120px !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;
}

.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;
}
.thId
{
    text-align: center !important;
    width: 80px;
}
// .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: 350px !important;
    text-align: left;
    white-space: pre-wrap;
}
.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;
   
}

.row-status{
    display: flex;
    flex-wrap: wrap;
}

.handoff-child {
    background: #fff8b2 !important;
    background: -moz-linear-gradient(top,  #fff8b2 0%, #fbc98c 100%) !important;
    background: -webkit-linear-gradient(top,  #fff8b2 0%,#fbc98c 100%) !important;
    background: linear-gradient(to bottom,  #fff8b2 0%,#fbc98c 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr = '#fff8b2', endColorstr = '#fbc98c', GradientType = 0) !important;
}

.handoff-parent {
    background: #d8f8d3 !important; 
    background: -moz-linear-gradient(top,  #d8f8d3 0%, #9bc99a 100%) !important;
    background: -webkit-linear-gradient(top,  #d8f8d3 0%,#9bc99a 100%) !important;
    background: linear-gradient(to bottom,  #d8f8d3 0%,#9bc99a 100%) !important; 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr = '#d8f8d3', endColorstr = '#9bc99a', GradientType = 0 ) !important; 
    }
    .kt-badge--online {
        color: #0abb87 !important;
        font-size: small !important;
    }

    .kt-badge--offline {
        color: #aa1010 !important;
        font-size: small !important;
    }

    .badge-active {
        background-color: #7bc623;
    }
    .badge-inactive {
        background-color: #9a9a9a;
    }
    .driver-badge{
        color: #fff !important;
        border-radius: 20px;
        padding: 7px;
        text-align: left !important;
    }
    .isDriverInactive{
        background-image: linear-gradient(90deg, #eeeeee 12.50%, #dddddd 12.50%, #dddddd 50%, #eeeeee 50%, #eeeeee 62.50%, #dddddd 62.50%, #dddddd 100%);
        background-size: 8.00px 8.00px;
    }