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

.select2 {width: 100%;}


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



.subtitle-flyout{    
    font-size: 1.2rem;
    font-weight: 500;
    color: #434349;}


    .flyout-title{
        font-size: 25px;
        position: absolute;
        z-index: 1;
        top: 3rem;
        display: flex;
        align-items: center;
        height: 28px;
    }
    .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-portlet__head{
            padding: 25px !important;
            border-bottom: 1px !important;
            color: black !important;
        }
    .kt-portlet__body{padding: 25px !important;}
    
    .ng-select.custom ::ng-deep .ng-select-container  {max-height: 155px; overflow: auto;}
    
    .form-group{
        margin-bottom: 0.5rem !important;
    }

.details-lead {font-size: 14px !important; margin:0px !important; line-height: 15px !important; display:block !important; color:#007ae0 !important; font-weight: 900 !important; }
.list-number {font-weight: 400 !important; color:#212529 !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;}