#RouteSetupControllerStartRoutingButton{
    clear: both;
}

.RouteSetupControllerRouteContainer, .RouteControllerRouteContainer {
    padding: 1em;
    background: var(--bg-level-2);
    border: 1px solid var(--border-lighter-contrast);
    margin-top: 1em;
}

#RouteControllerCancelRoutingDialog, #RouteControllerNotifyDialog, #RouteControllerSignOffDialog {
    display: none;
}

.RouteDisplaySectionContainer {
    padding: 5px;
    background: var(--bg-level-2);
}

.RouteDisplaySignatureContainer {
    padding-top: 0em;
    border-bottom: 1px solid var(--border-lighter-contrast);
    padding-bottom: .5em;
}

.RouteDisplaySignatureContainerHeader {
    padding-top: 0em;
    border-bottom: 1px solid var(--border-lighter-contrast);
    padding-bottom: .8em;
}

.RouteDisplaySectionColumn {
    padding-top: 0px; 
    font-weight: bold; 
}

.RouteDisplaySectionLinks
{
    padding-right: 20px;
}

#RouteControllerRoutingHistoryDialog {
    display: none;
}

.RouteControllerRouteHistoryRoleContainer {
    border: 1px solid var(--border-light-contrast);
    padding: 10px;
    margin-bottom: 10px;
    background-color: var(--bg-level-2);
}

.RouteControllerRouteTypeContainer h3,
.RouteControllerConfirmationContainer h2,
.RouteControllerConfirmationContainer h4,
.RouteSetupControllerRouteTypeContainer h3,
.RouteSetupControllerRouteTypeContainer h2,
.RouteSetupControllerRouteTypeContainer h4 {
    margin: .3em 0 .5em 0;
}

.RouteControllerRouteHistoryGroupContainer {
    border-bottom: 1px solid var(--border-lighter-contrast);
    padding: 3px;
}

.RouteControllerRouteTypeContainer{
    padding: 1em;
    margin: 1em 0;
}

#RouteControllerAddPersonToRouteDialog {
    display: none;
}

.RouteControllerSignatureLinksHidden
{
    display: none;
}

.RouteControllerSignatureLinksDisabled {
    color: var(--text-light) ! important;
    text-decoration: none ! important;
}

.RouteControllerSignatureLinks {
    margin-top: .4em;
}

.RouteControllerSignatureLinks button {
    font-size: .8em;
    text-align: center;
    padding: .5em 1em;
    background-color: transparent;
    border: 2px solid var(--border-dark-contrast);
    color: var(--text-default);
}

.RouteControllerSignatureLinks button:hover,
.RouteControllerSignatureLinks button:focus {
    border: 2px solid var(--primary-color);
    color: var(--primary-color);
}

.RouteControllerSignatureLinks button svg {
    fill: var(--text-light);
}

.RouteControllerSignatureLinks button:hover svg,
.RouteControllerSignatureLinks button:focus svg {
    fill: var(--primary-color);
}

@media (max-width: 670px) {
    .RouteControllerRouteContainer {
        display: flex;
    }

    .RouteDisplaySignatureContainer {
        width: 120px;
    }

    .RouteDisplaySectionColumn1, .RouteDisplaySectionColumn2, .RouteDisplaySectionColumn3 {
        padding-top: 10px;
        height: 20px
    }

    .RouteControllerSignatureLinks {
        display: grid;
        margin-left: 3em;
    }

    .RouteDisplaySectionLinks {
        margin: 5px 0px;
    }
}