@import url("../../../components/patient-nologin-verification/patient-nologin-verification.css");


.shipping-icon-requested,
.shipping-icon-shipped,
.shipping-icon-received,
.shipping-icon-report {
    /*     width: 66%; */
    margin-top: 1rem;
    zoom: 0.4;
}

.shipping-detail-title {
    color: #9b9b9b;
    font-size: 16px;
    font-weight: bold;
}

.tracking-title {
    font-size: 28px;
    font-weight: bold;
    color: #4F7C9D;
}

.shipping-VA {
    color: #9b9b9b;
    font-size: 14px;
    font-weight: bold;
}

.shipping-agent {
    color: #4f7c9d;
    font-size: 18px;
    font-weight: bold;
}

.return-tracking-title,
.send-tracking-title {
    color: black;
    font-weight: bold;
}

.trackingurl {
    color: #0000FF;
}

.returnTrackingId,
.sendTrackingId {
    color: #000000;
    font-weight: bold;
}

.customer-name-display {
    font-weight: bold;
    color: #4F7C9D;
    font-weight: bold;
    font-size: 16px;
}

.shipping-address {
    color: black;
    font-weight: bold;
}

.first-elem {
    padding-left: 1rem;
}

.shipping-modal-display-p {
    color: #4A4A4A;
    font-weight: bold;
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;
}

.img-hr .shipping-modal-hr {
    height: 2rem;
    box-sizing: content-box;
    border: 1px solid #28a745;
    transform: rotate(90deg);
}

.final-report-date {
    height: 10px;
    color: #9b9b9b;
    font-weight: bold;
    font-size: 14px;
    font-weight: 300;
    line-height: 10px;
}

.ques-rectangle {
    border-color: #ea6e5c;
    text-align: center;
    height: 35px;
    background-color: rgba(255, 0, 173, 0.04);
    margin-left: -2rem;
}

.ques-contact-text {
    color: #d84f9d;
    font-size: 18px;
    font-family: Arial bold;
}

.ques-contact-phone {
    text-decoration: underline;
    font-weight: bold;
    font-style: italic;
}



/***  Shipping grid ***/
.shipping-details {
    grid-area: shpdet;
}

.shipping-data {
    grid-area: shpdata;
}

.tracking-title {
    grid-area: shptitl;
    align-self: center;
}

.download-order-summary {
    grid-area: downordsum;
    align-self: center;
    justify-self: right;
}

.tracking-footer {
    justify-self: center;
    align-self: center;
    grid-area: shpfot;
}

.complete-shipping-section {
    display: grid;
    grid-template-rows: 1fr 3.5fr 0.5fr;
    grid-template-areas:
        "shptitl downordsum"
        "shpsec  shpsec"
        "shpfot shpfot";
}

/**************** Grid display ****************/
.shipping-section {
    grid-area: shpsec;
    display: grid;
    /* grid-template-columns: repeat(auto-fit, minmax(12rem,1fr)); */
    grid-template-columns: minmax(12rem, 1fr) 3fr;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    grid-template-areas:
        "shpdata  shpdet";
}

.shipping-detail-title {
    grid-area: sdt;
}

.img-timeline {
    grid-area: imgt;
}

.shipping-modal-hr {
    justify-self: center;
    align-self: center;
    grid-area: imghr;
}

.imgs-timeline {
    grid-area: imgstml;
    justify-self: center;
    align-self: center;
}

.timeline-desc {
    grid-area: tmld;
}

.shipping-details {
    display: grid;
    grid-template-columns: auto;
    grid-template-areas: "sdt""imgt""tmld";
}

.img-timeline {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: repeat(4, 1fr);
}

.timeline-desc {
    display: grid;
    grid-template-rows: 10vh;
    grid-template-columns: repeat(4, 1fr);
}

.img-hr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "imgstml imghr";
}