body, table, td, th, input, textarea, select {
    font-family: 'Lato', sans-serif;
    font-size: 10.5pt;
    line-height: 1.2em;
    color: black;
}

/*.body-content {
    padding-top: 60px;*/ /* Needed for fixed headers/menu */
    /*padding-bottom: 210px;*/ /* Height of the footer */
/*}*/

.appfooter {
    background: #64A70B; /*rgb(231, 231, 231);*/
    color: black;
    border: none;
    /* Set the fixed height of the footer here */
    height: 210px;
}

.logoncon {
    background-image: url("/Images/dcl-home-street.png");
}

.headerlogo {
    background-image: url("/Images/dcl-logo-header.png");
    background-position: left;
    background-repeat: no-repeat;
    width:310px;
    display: block;
    position: relative;
    background-size: contain;
}

.headerlogo:after {
    padding-top: 25%; /* ratio height/width*100 */
    display: block;
    content: '';
}

.warntelno:after {
    content: '020 8669 4466';
}

a {
    color:#0072ce;
}

#RecoverLogin, #RememberLogin {
    color: #0072ce;
    margin-left: -10px;
    font-weight: bold;
}

/* Sign-in / register button colour  */
.buttonBrandBG {
    background-color: #004181;       /*#64A70B*/
}

span > text {
    color: white;
}

.typeset {
    font-weight: bold;
    background-color: #d9e2ec;
}

.docdivname {
    background-color: #9db4ce;
}

.docdivname.alt {
    background-color: #d9e2ec;
}

.docdivname:hover {
    background: #004181;
    /*color: white;*/
    border: outset 1px silver;
}

#expiryHint {
    color:#E1E1E1;
}



/* change navbar color */
.navbar {
    background-color: #004181;
    border-color: #13bcbc;
}

    .navbar .navbar-brand {
        color: #ffffff;
    }

        .navbar .navbar-brand:hover, .navbar .navbar-brand:focus {
            color: #64A70B;
        }

    .navbar .navbar-text {
        color: #ffffff;
    }

    .navbar .navbar-nav > li > a {
        color: #ffffff;
    }

        .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
            color: #64A70B;
        }

    .navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active > a:focus {
        color: #64A70B;
        background-color: #13bcbc;
    }

    .navbar .navbar-nav > .open > a, .navbar .navbar-nav > .open > a:hover, .navbar .navbar-nav > .open > a:focus {
        color: #64A70B;
        background-color: #13bcbc;
    }

    .navbar .navbar-toggle {
        border-color: #13bcbc;
    }

        .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus {
            background-color: #13bcbc;
        }

        .navbar .navbar-toggle .icon-bar {
            background-color: #ffffff;
        }

    .navbar .navbar-collapse,
    .navbar .navbar-form {
        border-color: #ffffff;
    }

    .navbar .navbar-link {
        color: #ffffff;
    }

        .navbar .navbar-link:hover {
            color: #64A70B;
        }

.nav navbar-nav navbar-right {
    color: White;
}

#wrapper {
    border: solid 1px #004181;
}

/* EXTRA SMALL */
@media screen and (max-width: 767px) {

    .navbar .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }

        .navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #64A70B;
        }

    .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #64A70B;
        background-color: #13bcbc;
    }


    #expiryHint {
        top: 0px;
        left: 16px;
    }

}

/* Medium */
@media screen and (min-width:991px) and (max-width:1199px) {
    .body-content {
        padding-top: 60px; /* Needed for fixed headers/menu */
    }

    #expiryHint {
        top: 0px;
    }

}
/* END Medium */


/* Small */
@media screen and (min-width:768px) and (max-width:991px) {

    .body-content {
        padding-top: 70px; /* Needed for fixed headers/menu */
    }

    #expiryHint {
        top: 20px;
    }

}
/* END Small */



/* Large */
@media screen and (min-width:1200px) {
    .body-content {
        padding-top: 60px; /* Needed for fixed headers/menu */
    }



}
/* END Large */