.divStarted:hover{
    background-color: #D9182B;
    color: #ffffff;
}
.flyout-title{
    font-size: 25px;
    position: absolute;
    z-index: 1;
    top: 1rem;
    display: flex;
    align-items: center;
    height: 28px;
}
.span-route{
    border-radius: 2rem;
    height: auto;
    width: auto;
    padding: 0.75rem 0.75rem;
    color: #ffffff;
    font-size: 1.1rem;
    font-weight: 500;
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.route-cont{
    padding: 2px;
    text-align: center;
}

.clicked {background: #000 !important; color:#FFF !important; border-color:#000!important}

.ng-select.custom .ng-value-label {
    padding: 12px !important;
    display: block;
}

.ng-select{width: 100%;}

.legendClass{position: absolute;  bottom: 0; width: 100%;margin-left: -15px;}
.legendClass > .kt-portlet__body > div {font-size: 15px; padding-bottom: 18px;}


.kt-switch input:empty ~ span::before{background-color: transparent;}

.kt-portlet__body{padding: 25px !important;}
.kt-portlet__head{padding: 25px !important;}

.ng-select.custom ::ng-deep .ng-select-container  {max-height: 155px; overflow: auto;}

.pickup-marker, .delivery-marker {width: 50px; height: 50px; text-align:center}
.pickup-marker .pm-flag {border: 3px solid #1DC9B7; 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: #1DC9B7; 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;}

.popper-container {max-width: 300px;}
.pc-header {font-size: 18px; margin-bottom: 5px;}
.pc-table {border: 0px; width: 100%; margin-bottom: 10px;}
.pc-table td {padding: 5px 10px; border:0px; font-size: 14px;}
.pc-table td.value {text-align: right;}
.pc-table .tr-grey {background:#ececec;}
.pc-btn {background:#FFF; border: 1px solid #cecece; border-radius: 40px; height: 36px; padding: 3px 15px; font-size: 15px; color:#333;}
.pc-btn:hover {background:#cecece; border: 1px solid #cecece; color:#000;}
.order-num {display: block; width: 100%; height: 36px; padding: 5px 10px; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #e2e5ec; border-radius: 5px; font-size: 15px; font-family:inherit; text-align:right;}