.notification-list .noti-title {
    background-color: #DA2128;
}

.nav-second-level li.mm-active a, .nav-third-level li.mm-active a {
    color: #DA2128;
}

#sidebar-menu {
    color: black;
}

    #sidebar-menu ul li a.active {
        color: #DA2128;
    }

.left-side-menu {
    box-shadow: none;
    border-right: 1px solid rgba(73,80,87,0.15);
}

.text-trop {
    color: #DA2128 !important;
}

.bg-trop {
    background-color: #DA2128 !important;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #DA2128;
    border-color: #DA2128;
}

.page-link:hover {
    z-index: 2;
    color: #DA2128;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #efefef;
}

.page-link:focus {
    z-index: 2;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.15rem rgba(218,33,40,0.25);
    box-shadow: 0 0 0 0.15rem rgba(218,33,40,0.25);
}

.wrap-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.btn-trop {
    background-color: #DA2128 !important;
    color: white !important;
    border-color: #DA2128 !important;
}

    .btn-trop:hover {
        background-color: #c22927 !important;
        color: white !important;
        border-color: #c22927 !important;
    }

.trop-badge {
    margin: 0;
    padding: 5px;
    border-radius: 4px;
    color: #fff;
}

.badge-danger {
    background-color: #DA2128;
}

.hbadge {
    font-size: 14px;
    margin: 10px 0;
}

.tab-content {
    padding: 0;
}

.animated-veryslow {
    -webkit-animation-duration: 14s;
    animation-duration: 14s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-slow {
    -webkit-animation-duration: 7s;
    animation-duration: 7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-med {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-fast {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.hztimeline {
    border-top: 3px solid #343a40;
    border-radius: 3px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 35%;
    max-width: 33%;
}

    .hztimeline.done {
        border-top: 3px solid #DA2128;
    }

.hztimeline-dot {
    top: 75%;
    height: 12px;
    width: 12px;
    border-radius: 12px;
    position: absolute;
    background-color: #343a40;
}

    .hztimeline-dot.done, .hztimeline-dot.last.done {
        background-color: #da2428;
    }

    .hztimeline-dot.last {
        right: 0;
    }

.hztimeline-content {
    position: absolute;
    left: -73px;
    pointer-events: none;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .hztimeline-content.last {
        position: absolute;
        right: -120px;
        left: auto;
    }

.hztimeline-caption {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px;
    max-width: 160px;
    font-weight: bolder;
}

.hztimeline-info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px;
    min-width: 160px;
}

.hztimeline-car {
    height: 2em;
    position: absolute;
    flex: 0 0 35%;
    left: 33%;
    top: -7px;
    pointer-events: none;
}

.imgTypeTruck {
    margin-top: 6px;
    width: 9.5em;
}

.imgTypeTruck2 {
    margin-top: 6px;
    width: 15em;
}

.truckInfoLeft {
    font-weight: bold;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.card-deliveryorder {
    padding: 12px 28px 6px 28px;
    margin-right: 12px;
    margin-left: 12px;
    margin-bottom: 24px;
    -webkit-box-shadow: 0 0 35px 0 rgba(73,80,87,0.15);
    box-shadow: 0 0 35px 0 rgba(73,80,87,0.15);
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,0.125);
    border-radius: .25rem;
}

.h5card-do {
    margin: 0;
    color: #DC143C;
    margin-bottom: 0;
    padding-top: 0.5em;
}

.card-subtitle {
    margin-bottom: 2px;
    font-size: 12px !important;
    font-family: 'avenir-light';
}

.spanicon {
    padding-right: 5px;
}

.btnsmaller {
    font-size: smaller;
}

.col6-btnsmaller {
    padding-left: 3px;
    padding-right: 3px;
}

.row-btnsmaller {
    margin-top: 29px;
    margin-bottom: 11px;
    place-content: center;
    align-content: center;
}

.hztimeline-container {
    margin-top: 1em;
    margin-bottom: 1em;
}

.hztimeline-outer {
    place-content: center;
}

.hztimeline-img-container {
    height: 2em;
}

.hztimeline-content-container {
    margin-top: 1em;
    margin-bottom: 3em;
}