:root {
    --branding__max-width: 250px;
    --branding__max-height: 100px;
}

.landing-content__tabs-overlay {
    opacity: 1;
}

div.landing-content__tabs{
    padding-left:5px;
    padding-right:30px;
}

.not-logged-in__tabs ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 0.25em;
}

    .not-logged-in__tabs ul li a.active {
        position: relative;
        margin-left: 0;
        border: 1px solid #D1C9C0;
        border-bottom: 0;
        z-index: 2;
    }

        .not-logged-in__tabs ul li a.active:after {
            position: absolute;
            display: block;
            width: 100%;
            height: 100%;
            content: '';
            background: white;
            top: 1px;
            left: 0px;
            z-index: -1;
        }

.not-logged-in__tabs ul {
    padding: 0 0.5em 0;
    border-bottom: 1px solid #D1C9C0;
}

div.not-logged-in__tabs {
    height: 48.4px;
    width: 100%;
    height: auto;
}

.not-logged-in__tabs ul li a.active {
    background-color: #FFFFFF;
}

.not-logged-in__tabs ul li a {
    background-color: #ECE6DD;
    border: 1px solid #ECE6DD;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-shadow: none;
}

@media (min-width: 768px) {
    .not-logged-in__content p {
        font-size: 12px;
    }

    .not-logged-in__tabs ul li a {
        font-size: 12px;
        padding: 5px 13px;
    }
}

@media (min-width: 1199px) {
    .not-logged-in__content p {
        font-size: 16px;
    }

    .not-logged-in__tabs ul li a {
        font-size: 16px;
        padding: 13px 21px;
    }
}

.not-logged-in__content p,
.not-logged-in__content h2,
.not-logged-in__content h3,
.not-logged-in__content li {
    text-shadow: none;
}



.landing-content__tabs-overlay {
    background-color: #FFFFFF;
}


.input-validation-error {
    border-color: #F00 !important;
}

.button-row + .row {
    margin-top: 30px;
}

.account-roles-section-title h2 {
    font-size: 16px;
}

.asset-list .asset-list__row:first-of-type,
.role-list .role-record:first-of-type {
    border-top: #0147a5 solid 1px;
}

.asset-list .asset-list__row,
.role-list .role-record {
    border-bottom: #0147a5 solid 1px;
}

div.steps div.step {
    margin: 0px 0;
}

.step .text a {
    color: #0623ce !important;
    text-decoration: none;
}

.dfx-nav li a.dfx-nav-ilb {
    display: inline-block;
}

.nav-separator {
    border-left: 1px solid;
    float: right;
    margin-top: 15px;
    height: 25px;
    display: inline-block;
    padding-left: 1px;
    padding-right: .5px;
    margin-left: 1px;
}

ul.isp-navigation li:last-child span.nav-separator {
    display: none;
}

ul.doc-navigation li:nth-last-child(2) span.nav-separator {
    display: none;
}

@media (max-width: 990px) {
    .nav-separator {
        display: none;
    }
}

@media only screen and (min-width : 768px) {
    .header-not-logged-in #Header {
        position: absolute;
        left: 0;
    }

    .header-not-logged-in .master-header__cta {
        float: right;
    }

    .header-not-logged-in .not-logged-in__button {
        padding-bottom: 30px;
    }

    .header .col-xs-12 {
        position: static;
    }

    .header .logo {
        position: absolute;
        left: 0;
    }