* {
    font-family: "Inter", serif !important;
    font-optical-sizing: auto !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

iframe {
    display: none !important;
}

div.card {
    border-radius: 20px !important;
    overflow: hidden !important;
}

form div.card-footer.button {
    margin: unset !important;
    margin-top: 20px !important;
    width: 100% !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

button.trigger.search {
    height: unset !important;
}

form div.card-footer.button button.trigger.search {
    background-color: black !important;
}

form div.card-body div.label div.label-text {
    padding-left: unset !important;
}

form div.card-footer.toggle {
    display: none !important;
}

form div.card-body div.row.shipment div.expandable.expanded {
    display: grid;
}

form div.card-body div.row.shipment div.expandable.expanded div.contacts {
    grid-row: 2;
    border: unset !important;
    background-color: #F5F5F5 !important;
    margin-top: 10px;
}

ul.events {
    grid-row: 3;
}

form div.card-header {
    text-align: unset !important;
}

.card-header-workaround {
    position: absolute;
    width: 150px;
}

form div.card-header a#agent {
    top: 40px;
}

form div.card-header div.back-button {
    background-color: unset !important;
}

form div.card-body div.row.status {
    padding-bottom: 10px !important;
}


form div.card-body div.row.tracking {
    width: calc(100% - 150px);
    margin-left: 150px;
    margin-top: 10px;
}

form div.card-body div.row.tracking {
    padding: 10px;
}

form div.card-body div.row.progress ul.steps li.dots.active {
    height: 5px !important;
    background-color: #626262 !important;
    background-image: unset !important;
    margin-top: 10px;
}

.step-label {
    color: black !important;
}

.step-circle {
    background-color: #626262 !important;
    border-radius: 5% !important;
}

li.delivered > div.step-circle {
    background-color: #14ae5c !important;
}


li.delivered > p {
    color: #14ae5c !important;
}

li.event-item::before {
    border-radius: unset !important;
    background-color: #626262 !important;
    box-shadow: unset !important;
}

li.event-item:nth-child(1)::before {
    background-color: #14ae5c !important;
}

.event-item::after {
    height: calc(100% + 15px) !important;
    background-color: #e8e8e8 !important;
}


form div.card-body div.row.progress {
    margin-top: 30px !important;
}