/*
==================================================
Styles for the CSM Logistics Website Reskin 2026
==================================================
*/

.top-info-bar {
    margin-bottom: 20px;
}

    .top-info-bar .top-info-bar-header {
        /*background-color: #024985;*/
        /*border-top: 1px solid #FFFFFF;*/
        border-bottom: 1px solid rgb(212, 212, 212);
        clear: both;
    }

.top-info-bar-panel {
    width: 100%;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    border-bottom: none !important;
    font-size: 16px !important;
    color: #024985;
}

    .top-info-bar-panel .user-details {
        float: left;
        margin-left: -10px !important;
    }

    .top-info-bar-panel .exit-emulation {
        float: left;
        margin-left: 1em !important;
        clear: none;
        font-size: 12px;
        padding-top: 1px;
    }

        .top-info-bar-panel .exit-emulation a {
            color: #024985;
        }

            .top-info-bar-panel .exit-emulation a:hover {
                color: #FF9900;
                text-decoration:underline;
            }
    .top-info-bar-panel .user-details-next {
        float: left;
        margin-left: -10px !important;
        /*clear:left;*/
    }

    .top-info-bar-panel .account-details {
        float: right;
        margin-right: -10px !important;
    }






.bottom-info-bar {
    margin-top: 20px;
}

    .bottom-info-bar .bottom-info-bar-header {
        /* background-color: #024985;*/
        /*border-top: 1px solid rgb(212, 212, 212);*/
        clear: both;
    }

.bottom-info-bar-panel {
    width: 100%;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    border-bottom: none !important;
    font-size: 16px !important;
    color: #024985;
}

.bottom-info-bar .user-details {
    float: left;
    margin-left: -10px !important;
}

.bottom-info-bar .exit-emulation {
    float: left;
    margin-left: 1em !important;
    clear: none;
    font-size: 12px;
    padding-top: 1px;
}

.bottom-info-bar-panel .exit-emulation a {
    color: #FFFFFF;
}

    .bottom-info-bar-panel .exit-emulation a:hover {
        color: #FF9900;
    }

.bottom-info-bar-panel .account-details {
    float: right;
    margin-right: -10px !important;
}





#csm-footer-host.footer {
    border-top: none;
    height:auto;
}