/* ===== Track Shipment Form Section ===== */

.multi-shipment {
    background-color: #ffffff;
}

.multi-shipment p {
    margin-bottom: 0;
}

.multi-shipment a:hover {
    text-decoration: none;
}

.multi-shipment a:focus {
    outline: none;
}

.multi-shipment-container {
    padding: 57px 260px 90px;
}

.track-shipment-card {
    background: #ffffff;
    box-shadow: 0px 6px 16px #e8e8e8b5;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 80px 42px 80px 61px;
    margin-bottom: 21px;
}

.track-shipment-card .form-group {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 14px;
}

.track-shipment-card .form-control {
    flex: 0 0 calc(100% - 147px);
    max-width: calc(100% - 147px);
    border-radius: 0;
    width: 100%;
    padding-left: 39.5px;
    padding-bottom: 21px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 20px;
    padding-top: 7px;
    color: #6d7278;
    border: 0;
    border-bottom: 1px solid #6d727880;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath id='Shape' d='M18.4,24a.8.8,0,0,1,0-1.6h4v-4a.8.8,0,0,1,1.6,0v4.8a.8.8,0,0,1-.8.8zM.8,24a.8.8,0,0,1-.8-.8V18.4a.8.8,0,0,1,1.6,0v4h4a.8.8,0,0,1,0,1.6zm18.4-5.6V5.6a.8.8,0,1,1,1.6,0V18.4a.8.8,0,1,1-1.6,0Zm-4,.8a.8.8,0,0,1-.8-.8V5.6a.8.8,0,0,1,.8-.8h1.6a.8.8,0,0,1,.8.8V18.4a.8.8,0,0,1-.8.8Zm-4-.8V5.6a.8.8,0,1,1,1.6,0V18.4a.8.8,0,1,1-1.6,0Zm-4,.8a.8.8,0,0,1-.8-.8V5.6a.8.8,0,0,1,.8-.8H8.8a.8.8,0,0,1,.8.8V18.4a.8.8,0,0,1-.8.8Zm-4-.8V5.6a.8.8,0,1,1,1.6,0V18.4a.8.8,0,1,1-1.6,0ZM22.4,5.6v-4h-4a.8.8,0,0,1,0-1.6h4.8a.8.8,0,0,1,.8.8V5.6a.8.8,0,0,1-1.6,0ZM0,5.6V.8A.8.8,0,0,1,.8,0H5.6a.8.8,0,0,1,0,1.6h-4v4A.8.8,0,0,1,0,5.6Z' fill='%23c71e14'/%3E%3C/svg%3E") no-repeat;
    background-position: left top;
    background-size: 24px 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.track-shipment-card .form-control:focus {
    box-shadow: none;
}

.track-shipment-card .form-control::-webkit-input-placeholder {
    color: #6d727880;
}

.track-shipment-card .form-control::-moz-placeholder {
    color: #6d727880;
}

.track-shipment-card .form-control:-ms-input-placeholder {
    color: #6d727880;
}

.track-shipment-card .form-control:-moz-placeholder {
    color: #6d727880;
}

.track-shipment-card-text {
    color: #6d7278;
    font-size: 14px;
    line-height: 17px;
}

.track-shipment-card-text a {
    color: var(--ct-red);
    font-weight: 500;
    display: inline-block;
}

.track-shipment-card .form-group .btn-primary-red {
    background-color: var(--ct-red);
    color: #ffffff;
    border-radius: 30px;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 9.5px;
    padding-bottom: 9.5px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.3px;
    min-width: 114px;
    display: inline-block;
    text-align: center;
    border: 0;
    flex: 0 0 114px;
    margin-left: 33px;
}

.track-shipment-card .form-group .btn-primary-red:hover,
.track-shipment-card .form-group .btn-primary-red:focus,
.track-shipment-card .form-group .btn-primary-red:active {
    background-color: var(--ct-red);
    color: #ffffff;
}

.track-shipment-card #divTrackingNumbers {
    padding-left: 0;
    padding-bottom: 10px;
}

/* Responsive */
@media (max-width: 1559px) {
    .multi-shipment-container {
        padding: 57px 210px 90px;
    }
}

@media (max-width: 1366px) {
    .multi-shipment-container {
        padding: 57px 132px 90px;
    }
}

@media (max-width: 1199px) {
    .multi-shipment-container {
        padding: 57px 40px 90px;
    }
    .track-shipment-card {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 991px) {
    .multi-shipment-container {
        padding: 57px 20px 90px;
    }
    .track-shipment-card {
        padding: 60px 24px;
    }
    .track-shipment-card .form-group .btn-primary-red {
        margin-left: 24px;
    }
    .track-shipment-card .form-control {
        flex-basis: calc(100% - 138px);
        max-width: calc(100% - 138px);
    }
}

@media (max-width: 767px) {
    .multi-shipment-container {
        padding: 48px 16px 74px;
    }
    .track-shipment-card {
        padding: 48px 16px;
    }
    .track-shipment-card .form-group {
        margin-bottom: 8px;
    }
    .track-shipment-card .form-group .btn-primary-red {
        flex-basis: 88px;
        min-width: 88px;
        margin-left: 16px;
    }
    .track-shipment-card .form-control {
        flex-basis: calc(100% - 104px);
        max-width: calc(100% - 104px);
        padding-left: 26.5px;
        background-size: 20px 20px;
    }
    .track-shipment-card-text {
        font-size: 12px;
        line-height: 16px;
    }
}