.pictureHeader{
    padding: 10px;
    border-style: dashed;
    border-width: 1.5px;
    border-radius: 10px;
    border-color: #e6e6e6;
    /* padding-top: 15px; */
    /* margin-left: 10px;
    margin-right: 10px;
    margin-bottom:20px; */
    display: flex;
}
.tr-profile:nth-child(odd) {background-color: #F2F3F8;}

.customerName{
    padding-top: 30px;
    padding-left: 25px;
}
/* tr{
    
} */
.td-profile{
    padding: 0.85rem !important;
    vertical-align: top;
    border-top: 1px solid #fff !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}
.th-dash{
    padding: 0.7rem !important;
    vertical-align: top;
    border-top: 1px solid #fff !important;
    font-weight: 600 !important;
    font-size: 1.7rem !important;
}
.td-dash{
    padding: 0.7rem !important;
    vertical-align: top;
    border-top: 1px solid #fff !important;
    font-weight: 400 !important;
    font-size: 1.7rem !important;
}
.customerIcon{
    margin-top: 10px;
    margin-bottom: 10px;
}
.pictureSpace{
    /* padding-top:15px;
    padding-left:20px; */
    margin-top: 25px;
    margin-left: 10px;
    display: inline;
}

.hidePaginator{
    display:none;
}

.rightButton{
    float: right;
    /* margin-right:10px; */
}

.padding{
    padding-left: 25px;
}

.cameraColor{
    /* color: #cdd0d5; */
    color:white;
    background-color: #cdd0d5;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    border-radius: 10px;
}

.tableMargin{
    margin-bottom:20px;
}

.headerMargin{
    margin-bottom:10px;
}
.modal-lgBH {
    max-width: 80%;
}
.nav-tabs .nav-item .nav-link.active
{
    color: #feb4cd;
    border: 0px;
    border-bottom: solid #feb4cd 2px;
}

.nav-tabs .nav-item .nav-link {
    color: #5A5E6D;
    font-size: 1 rem;
    font-weight: 400;
}

.driver-no-alert{
    margin: auto;
    padding: 25px;
    border-radius: 10px;
    background-color: #f2f3f8;
}
.driver-alert{
    padding: 25px;
    border-radius: 10px;
    width: 100px;
    background-color:#e20052;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.driver-alert-text{
    text-transform: uppercase;
    font-weight: 500;
    color: #fff;
    font-size: 40px;
    display: block;
    padding-top: 8px !important;
    animation: blinker 1s linear infinite;
}
.driver-alert-btn{
    box-shadow: 1px 1px 1px 1px rgb(0 0 0 / 20%);
    text-transform: uppercase;
    background-color: #aa003e;
    border: 1px solid #aa003e;
    font-size: 15px;
    font-weight: 600
}   

.alert-today{
    font-weight: 600;
    color: #73767d;
    font-size: 13px;
    display: block
}
.alert-date{
    font-weight: 600;
    color: #73767d;
    font-size: 20px;
    display: block
}

.alert-time{
    text-align: right;
    padding: 0px;
    font-weight: 600;
    color: #73767d;
    font-size: 2.0em;
}
.alert-time-a{
    display: inline;
    vertical-align: super;
    padding-left: inherit;
    text-align: right;
    padding: 0px;
    font-weight: 500;
    color: #73767d;
    font-size: 30px;
}
.address-text{
    font-weight: bold;
    color: #73767d;
    display: block;
    font-size: 14px
}
.clinic-text{
    font-weight: bold;
    color: #73767d;
    display: block;
    font-size: 22px
}
.profile-text{
    margin: auto;
}

/* Map */
.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;
}

.w-adjust{
    width: auto !important;
}

.b-none{
    display: none !important;
}

.center-track{
    position: relative !important;
    top: 200px !important;
    align-content: center !important;
    padding-top: 0px;
    opacity: 1;
}

.alert-blinker {
    margin: auto;
    padding: 40px;
    border-radius: 10px;
    animation-name: blinker-anim;
    animation-duration: 1s;
    animation-iteration-count: infinite;
  }

  /* The animation code */
  @keyframes blinker-anim {
    0% {
      background-color: #fa1a6c;
    }

    50% {
      background-color: #580221;
    }

    100% {
      background-color: #fa1a6c;
    }
  }

  .blinker-text {
    font-size: 2.5em;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.75);
  }

  /* .kt-subheader .btn{
      display: inline !important;
  } */

  .person-td{
    padding: 5px;
    text-align: center;
  }

  span.address-text:hover{
      text-decoration: underline;
      cursor: pointer;
  }