agm-map {
  height: 34vh;
}
.body-map {padding: 0 !important;}
.width-100{
  width:100%;
}

.width-145px{
  width:145px;
}

.margin-top-10{
  margin-top: 10px;
}

.float-right{
  float:right;
}

.margin-bottom-1re{
  margin-bottom: 1rem !important;
}

.padding-left-20{
  padding-left: 20px;
}
.padding-top-1{
  padding-top: 1px;
}
.padding-bottom-0{
  padding-bottom:0 !important;
}
.margin-bottom-0{
  margin-bottom:0 !important;
}
.kt-subheader,.kt-subheader__main 
{
    // padding-top: 10px !important;
    margin-bottom: 0px;
}
// .kt-subheader .btn,.kt-selectpicker
// {
// 	margin: 0px;
//     height: 38px !important;
//     margin-left: 0 !important;
// }
.attach-img{
    width: 80px;
    height: 80px;
    margin: 5px 5px;
    border: 1px solid #f4f4f4;
    border-radius: 5px;
}
.order-image{
  width: 100%;
}
.image-caption{
  width: 100%;
  background: #bbb7b7;
  height: 45px;
  display: block;
  position: relative;
  top: -45px;
  padding-top: 12px;
}
.nav-back{
  font-size: 25px;position: relative;left: -15px;cursor: pointer;
}
.top-header{
  padding: 8px 0 8px 0;
}
.back-nav{
  border: 1px solid;
  padding: 6px 10px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  cursor: pointer;
  font-weight: 600;
}
.back-nav:hover{
  background-color:#4d2e99 !important;
  color: white !important;
} 
.border-radius-20{
  border-radius: 20px !important;
}

.ellip-nav{
  border: 1px solid;
  padding: 6px 10px;
  position: relative;
  left: -1px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  font-weight: 600;
  cursor: pointer;
  i{
      font-size: 20px;
      position: relative;
      top: 2px;
      left: -2px;
  }
}
.nav-back-container{
  position: relative;
  left: -10px;
  margin-right: 5px;
}
.order-nav{
  color: #007ad9 !important;
  text-decoration: none;
  cursor: pointer;
}



// for map



.locator .kt-subheader__main > .form-item {padding-right: 12px;}
.locator .body-map {padding: 0 !important;}
.locator .kt-content {padding-bottom: 5px !important;}
.locator .kt-container {padding-left: 10px !important; padding-right: 10px !important;}
.locator agm-map {height: 75vh;}


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

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

// start of pin

.kt-badge--PICKED_UP{
  color: #ffffff;
  background: #5578eb;
}
.kt-badge--WAITING_PICKUP,.kt-badge--ARRIVED_PICKUP,.kt-badge--ARRIVED,.kt-badge--IN_TRANSIT{
  color: #111111;
  background: #ffb822;
}

.kt-badge--DELIVERED,.kt-badge--EMPTY_STOP{
  color: #ffffff;
  background: #1dc9b7;
}

.kt-badge--NONE{
  color: #ffffff;
  background: #d21ed8;
}
.kt-badge--pkg-count{
  color: #333;
  background: #fff;
  position: relative;
  left:11px;
  font-size: 15px !important;
  padding: 3px;
}
.font15{
  font-size: 15px !important;
}
.padding-15{
  padding: 15px !important;
}
.map-pin 
{
	font-size: 16px;
	color: #d1182A;
}

.margin-2{
  margin: 2px;
}