.active{
    display: block;
}

.inactive{
    display: none;
}

.pickup-marker, .delivery-marker {width: 50px; height: 50px; text-align:center}
.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; 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;}

.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;}   
.pc-table > tr:nth-child(even) {
    background-color: #f9f9f9;
}