:root{
    --primary:brown;
}

#submit_tracking {
    background: var(--primary);
    border: none;
    padding: 7px 23px;
    color:white;
}
.track-block table,.track-block tr,.track-block td,.track-block th{border:1px solid var(--primary);padding:8px 10px;text-align:left;font-size:13px;text-transform:capitalize;font-family:roboto}.track-block th{color:#fff}.track-block td{color:#000}.track-block table{width:100%;transition:.5s ease-in-out}.track-block thead tr{background:var(--primary);color:#fff;font-weight:700}.track-block h3{font-size:16px;margin-bottom:15px;font-weight:700;color:#000;text-transform:capitalize}.track-block h5{font-size:16px;margin-bottom:15px;font-weight:500;color:#000}.track-block .tracking-info{margin-bottom:15px}.trackmodalpop{background-color:rgb(0 0 0/50%);padding:0!important}.trackmodalpop .modal-header{background-color:var(--primary);border-radius:unset}.trackmodalpop .modal-header h5{color:#fff;display:inline-block;font-size:16px}.trackmodalpop .close{margin:unset!important;width:auto!important;outline:unset!important;color:#fff;opacity:1;padding:unset;font-size:24px}.trackmodalpop .modal-content{border-radius:unset}.trackmodalpop .modal-body{overflow-y:auto;height:auto;max-height:500px;padding:15px 0}.tracking-data .invalid-record{padding:.5em 1em;background-color:var(--primary);margin-top:2px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.tracking-data .invalid-record h5{font-size:14px;color:#fff;margin-bottom:unset;line-height:38px}.tracking-data-popup .invalid-record{padding:.5em 1em;background-color:var(--primary);margin-top:2px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.tracking-data-popup .invalid-record h5{font-size:14px;color:#fff;margin-bottom:unset;line-height:38px}.accordion .accordion-header{padding:1em;background-color:var(--primary);margin-top:2px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.accordion .accordion-header>*{margin-top:0;margin-bottom:0;font-size:14px}.accordion .accordion-header.active{background-color:#000;color:#fff}.accordion .accordion-header h2{color:#fff;font-weight:400;text-transform:capitalize}.accordion .accordion-header h2:nth-child(2){margin-left:auto;margin-right:15px}.accordion .accordion-header .fa_icon{color:#fff}.accordion .accordion-body{display:none;padding:1em;background-color:#fff;border:1px solid #ccc;border-top:0;overflow-x:auto}.accordion .accordion-body.active{display:block}@media only screen and (min-width:992px) and (max-width:1024px){.trackmodalpop .modal-dialog{max-width:980px}.track-block .tracking-info{overflow-x:auto}.track-block .delivery-info{overflow-x:auto}}@media only screen and (min-width:768px) and (max-width:991px){.trackmodalpop .modal-dialog{max-width:740px}.track-block .tracking-info{overflow-x:auto}.track-block .delivery-info{overflow-x:auto}}@media only screen and (min-width:320px) and (max-width:767px){.track-block table,.track-block tr,.track-block td,.track-block th{padding:5px 10px}.track-block .tracking-info{overflow-x:auto}.track-block .delivery-info{overflow-x:auto}.trackmodalpop .modal-dialog{margin:15px}.accordion .accordion-header>*{font-size:10px}.track-block h3{font-size:12px}.track-block h5{font-size:12px}}