/*Define style variables here*/
:root {
    --primary-color: #004a8e;
    --secondary-color-blue: #d3dce6;
    --default-font: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body {
    margin-top: 40px;
}

.navbar-header {
    position: relative;
    top: -4px;
}

.navbar-brand > .icon-banner {
    position: relative;
    top: -2px;
    display: inline;
    max-height: 36px;
}

.icon {
    position: relative;
    top: -10px;
}

#password + .glyphicon {
    cursor: pointer;
    pointer-events: all;
}

.emerson-blue-color {
    color:var(--primary-color);
}

.emerson-light-blue-background {
    background-color: var(--secondary-color-blue) !important;
}
.headingText{
    margin-left:-11%;
}

.emerson-default-font {
    font-family: var(--default-font);
}

.emerson-blue-font {
    font-family: var(--default-font);
    color: var(--primary-color);
}

.padding-top-form {
    padding-top: 100px;
}

.emerson-logo {
    max-width: 50%;
}

.emerson-link {
    padding-top: 10px;
}

.logged-out iframe {
    display: none;
    width: 0;
    height: 0;
}

.page-consent .client-logo {
    float: left;
}

    .page-consent .client-logo img {
        width: 80px;
        height: 80px;
    }

.page-consent .consent-buttons {
    margin-top: 25px;
}

.page-consent .consent-form .consent-scopecheck {
    display: inline-block;
    margin-right: 5px;
}

.page-consent .consent-form .consent-description {
    margin-left: 25px;
}

    .page-consent .consent-form .consent-description label {
        font-weight: normal;
    }

.page-consent .consent-form .consent-remember {
    padding-left: 16px;
}

.grants .page-header {
    margin-bottom: 10px;
}

.grants .grant {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid lightgray;
}

    .grants .grant img {
        width: 100px;
        height: 100px;
    }

    .grants .grant .clientname {
        font-size: 140%;
        font-weight: bold;
    }

    .grants .grant .granttype {
        font-size: 120%;
        font-weight: bold;
    }

    .grants .grant .created {
        font-size: 120%;
        font-weight: bold;
    }

    .grants .grant .expires {
        font-size: 120%;
        font-weight: bold;
    }

    .grants .grant li {
        list-style-type: none;
        display: inline;
    }

        .grants .grant li:after {
            content: ', ';
        }

        .grants .grant li:last-child:after {
            content: '';
        }