.table-controller-routes
{
    height: 64px;
}

.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;
}

.thRouteId
{
    width: 110px;
}
.thDelivery
{
    text-align: center !important;
    width: 74px !important;
}
.thPickedUp, .thCancelled, .thWillCall
{
    text-align: center !important;
    width: 90px !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
{
    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;
}

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

.pkg-mileage
{
   margin-top: 0px !important;
   background: rgba(0, 0, 0, 0.4) !important;
   color: #fff !important;
   font-size: 0.9rem !important;
   left: 11px !important;
   padding: 3px 11px !important;
}
.thDriverStatus
{
    width: 370px;
}
.thAllStatus
{
    width: 100px;
}
.pkg-blindcode
{
  background: #ef4c4c !important;
  color: white !important;
}
.behind-device-color{
    color: white;
}
.total-count-row{
    margin-top: 20px;
}
/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
    .fullNameText {
        width: 90px;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

/* ----------- 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: 90px;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

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