.locator agm-map {height: 75vh;}
.builder-list {max-height: 75vh; overflow-y: scroll}
//.locator {padding: 0 !important;}
.sidebar-locator{
    // top: -25px;
    // left: -25px;
    // bottom: -25px;
}


.ui-treenode-label, .lable-list {
    width: 95%;
}
.ui-tree-toggler {display: none !important;}
.spanDiv {display: inline-block;}

.pickup-marker, .delivery-marker {width: 50px; height: 50px; text-align:center;display: inline-block;}
.pickup-marker .pm-flag {border: 3px solid; height: 26px; padding: 3px; min-width:26px; text-align:center; color: #FFF; width: auto; font-weight:700; font-size: 13px; display:inline-block;text-shadow: -1px 0 rgba(0,0,0,0.5), 0 1px rgba(0,0,0,0.5), 1px 0 rgba(0,0,0,0.5), 0 -1px rgba(0,0,0,0.5);}
.pickup-marker .pm-flag span {display:block;}
.pickup-marker .pm-leg {width: 2px; background: #FD397A; height: 20px; margin:0px auto;}

.delivery-marker .dm-flag {border: 3px solid #FD397A; height: 26px; padding: 3px; min-width:26px; text-align:center; color: #FFF; width: auto; font-weight:700; font-size: 13px; display:inline-block; border-radius: 20px;text-shadow: -1px 0 rgba(0,0,0,0.5), 0 1px rgba(0,0,0,0.5), 1px 0 rgba(0,0,0,0.5), 0 -1px rgba(0,0,0,0.5);}
.delivery-marker .dm-flag span {display:block;}
.delivery-marker .dm-leg {width: 2px; background: #FD397A; height: 20px; margin:0px auto;}

.marker-locator {position: relative;left: -30%;bottom: 26px;}

.triangle-down-inner {display: inline-block;top: -28px;left: -20px;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 25px solid;position: relative;}
    
.triangle-down-inner > span { text-align:center; color: #FFF; font-weight:700; font-size: 13px; width: 30px; text-align:center; display:block; padding: 0; top:-24px; position: relative; left: -16px; text-shadow: -1px 0 rgba(0,0,0,0.5), 0 1px rgba(0,0,0,0.5), 1px 0 rgba(0,0,0,0.5), 0 -1px rgba(0,0,0,0.5);}
    
.triangle-down-outer { display: inline-block; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 30px solid; position: relative; top: 20px;}

.triangle-down-inner-legend {display: inline-block;top: -28px;left: -20px;width: 0;height: 0;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 25px solid;position: relative;}
    
.triangle-down-inner-legend > span { text-align:center; color: #FFF; font-weight:700; font-size: 13px; width: 30px; text-align:center; display:block; padding: 0; top:-24px; position: relative; left: -16px; text-shadow: -1px 0 rgba(0,0,0,0.5), 0 1px rgba(0,0,0,0.5), 1px 0 rgba(0,0,0,0.5), 0 -1px rgba(0,0,0,0.5);}
    
.triangle-down-outer-legend { display: inline-block; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 30px solid; position: relative; top: 20px;}


.label-stop {max-width: 80%;}

.list-row > div {min-height: 100vh;}
.left-list {background: #FFF !important;}
.list-table tr.list-table-row td {padding: 10px 5px !important;}
//.list-table-row:hover {background: #fafafa !important;}
.list-table .ui-state-highlight .list-checkbox, .list-table .list-checkbox {width: 10% !important; font-size: 20px !important;}
.list-table .ui-state-highlight .list-number, .list-table .list-number {width: 7% !important; font-size: 15px !important;}
.list-table .ui-state-highlight .list-legend, .list-table .list-legend {width: 5% !important; font-size: 20px !important;}
.list-table .ui-state-highlight .list-details, .list-table .list-details {width: 60% !important;}
.list-table .ui-state-highlight .list-icon, .list-table .list-icon {width: 8% !important; font-size: 20px !important;}
.list-table .ui-state-highlight .list-grip, .list-table .list-grip {width: 10% !important; font-size: 20px !important;}
.list-table .ui-state-highlight .list-checkbox input, .list-table .list-checkbox input {margin-left: 4px !important;}
.list-table .ui-state-highlight .list-number, .list-table .list-number {font-weight: 700 !important; color:#212529 !important;}
.list-table .ui-state-highlight .list-legend .legend, .list-table .list-legend .legend {font-size: 70px !important; line-height: 35px !important;}
.list-table .ui-state-highlight .list-table .list-details .details-lead, .list-table .list-details .details-lead {font-size: 14px !important; margin:0px !important; line-height: 15px !important; display:block !important; color:#007ae0 !important; font-weight: 900 !important; }
.list-table .ui-state-highlight .list-details .details-desc, .list-table .list-details .details-desc {margin:0px !important; line-height: 15px !important; display:block !important; color:#212529 !important;  }
.list-table .ui-state-highlight .list-table .list-icon i, .list-table .list-icon i {display:block !important; text-align:center !important; margin-top: 3px !important;}
.list-table .ui-state-highlight .list-table .list-icon i.edit-eta, .list-table .list-icon i.edit-eta {color:#bbb !important;}
.list-table .ui-state-highlight .list-table .list-grip .grips .grip, .list-table .list-grip .grips .grip {width:10px !important; height: 16px !important; border-left:4px dotted #CCC !important;position: absolute !important;margin-top: -7px !important;margin-left: 4px !important;}
.list-table .ui-state-highlight .list-table .list-grip .grips .grip-left, .list-table .list-grip .grips .grip-left {left:10px !important;}
.list-table .ui-state-highlight .list-table .list-grip .grips .grip-right, .list-table .list-grip .grips .grip-right {left:4px !important;}
.list-table .ui-state-highlight .list-table .list-grip i, .list-table .list-grip i {color:#CCC !important; margin: 0px 5px !important; text-align:center !important;}
.list-table .list-grip i:hover, .list-icon i.edit-eta:hover, .list-grip .grips:hover .grip {color:#333 !important; border-color:#333 !important;}
.list-table .list-details span {font-size: 11px !important; margin:0px !important; line-height: 9px !important;margin-top: 4px !important;display: block !important;}
.table.list-table td, .table.list-table th {border: none !important;border-top: 1px solid #dee2e6 !important;}
.table.list-table.table-striped tbody tr:nth-of-type(odd) {background-color: #f9f9f9 !important;}
.table.list-table.table-striped tbody tr:nth-of-type(even) {background-color: #ffffff !important;}
.table.list-table.table-striped tbody tr:hover {background-color: #fafafa !important;}
.list-table .ui-state-highlight .list-table .list-details .details-badge, .list-table .list-details .details-badge {font-size: 14px !important; margin:0px !important; line-height: 15px !important; display:block !important; color:#ffffff!important; font-weight: 900 !important; }

.switch { position: relative; display: inline-block; width: 115px; height: 32px; top: 9px; }
.switch input {display:none;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color:#5180f6; -webkit-transition: .4s; transition: .4s; }
.slider:hover { background-color: #0e4ff3;}
.slider:before { position: absolute; content: ""; height: 24px; width: 24px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #5180f6;}
input:focus + .slider { box-shadow: 0 0 1px #5180f6; }
input:checked + .slider:before { -webkit-transform: translateX(90px); -ms-transform: translateX(90px); transform: translateX(83px); }
.edit-on { display: none; }
.edit-on { color: white; position: absolute; transform: translate(-0%,-50%); top: 50%; right: 30%; }
.edit-off { color: white; position: absolute; transform: translate(10%,-50%); top: 50%; left: 30%; }
input:checked+ .slider .edit-on {display: block;}
input:checked + .slider .edit-off {display: none;}
.slider.round { border-radius: 34px; }  
.slider.round:before {border-radius: 50%;}
.btn-reset { margin-right: 10px;}
.highlight { background-color:  #0e4ff3 !important;}

.ui-table-scrollable-header {display: none !important;}