.site-title {
    font-size: 1.75em;
    text-align: center;
    padding: 8px;
    color: #FFFFFF;
}

    .site-title a {
        color: #FFFFFF;
    }

#login_display {
    text-align: right;
    padding-right: 8px;
    padding-bottom: 4px;
    color: #FFFFFF;
}

    #login_display a {
        text-decoration: underline;
        color: #FFFFFF;
    }

/* CSS MESSAGES --------------------------------------------------------- */
.info, .success, .warning, .error, .debug, .validation, .fatal {
    border: 1px solid;
    margin-top: .2em;
    margin-bottom: .2em;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/Modules/Core/Images/info.png');
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('/Modules/Core/Images/success.png');
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/Modules/Core/Images/warning.png');
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/Modules/Core/Images/error.png');
}

.debug {
    color: #8B8B7A;
    background-color: #CDCDB4;
    background-image: url('/IModules/Core/Images/debug.png');
}

.fatal {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('/Modules/Core/Images/fatal.png');
}
/* END: CSS MESSAGES --------------------------------------------------------- */

.header {
    background-color: #74ac44;
    color: #FFFFFF;
}

.site-subtitle {
    text-align: center;
    font-size: 1.35em;
}

.grantee-button {
    background-color: #74ac44;
    color: #fff;
}

.grantee-button-light {
    background-color: #c7e0b2;
    color: #212529
}

.grantee-button-white {
    background-color: #fff;
    color: #212529
}

.card-header-secondary {
    background-color: #7b7b7b;
    color: #fff;
}

.table-no-padding {
    margin-bottom: 0px;
}

    .table-no-padding > tbody > tr > td {
        padding: 0px;
    }

        .table-no-padding > tbody > tr > td > input[type=checkbox],
        .table-no-padding > tbody > tr > td > input[type=radio] {
            display: inline-block;
            margin-top: 7px;
        }

            .table-no-padding > tbody > tr > td > input[type=checkbox] + label,
            .table-no-padding > tbody > tr > td > input[type=radio] + label {
                display: inline-block;
                margin: 0px 0px 0px 4px;
                vertical-align: top;
            }

@media (min-width: 576px) {
    #intake-page-2 .col-md-3 > .table-no-padding > tbody > tr > td > input[type=checkbox] + label,
    #intake-page-2 .col-md-3 > .table-no-padding > tbody > tr > td > input[type=radio] + label {
        width: 120px;
    }

    #intake-page-2 .col-md-6 > .table-no-padding > tbody > tr > td > input[type=checkbox] + label,
    #intake-page-2 .col-md-6 > .table-no-padding > tbody > tr > td > input[type=radio] + label {
        width: 250px;
    }
}

@media (min-width: 768px) {
    #intake-page-3 .col-md-4 > .table-no-padding > tbody > tr > td > input[type=checkbox] + label,
    #intake-page-3 .col-md-4 > .table-no-padding > tbody > tr > td > input[type=radio] + label {
        width: 60px;
    }
}

@media (min-width: 1200px) {
    #intake-page-2 .col-md-3 > .table-no-padding > tbody > tr > td > input[type=checkbox] + label,
    #intake-page-2 .col-md-3 > .table-no-padding > tbody > tr > td > input[type=radio] + label {
        width: 220px;
    }

    #intake-page-2 .col-md-6 > .table-no-padding > tbody > tr > td > input[type=checkbox] + label,
    #intake-page-2 .col-md-6 > .table-no-padding > tbody > tr > td > input[type=radio] + label {
        width: 500px;
    }

    #intake-page-3 .col-md-4 > .table-no-padding > tbody > tr > td > input[type=checkbox] + label,
    #intake-page-3 .col-md-4 > .table-no-padding > tbody > tr > td > input[type=radio] + label {
        width: 60px;
    }
}