/*
===============
EY Yellow
===============
#FEE600;
#E4CF00; Darken 10%
#FEF065; Lighten 60%

===============
EY Grey
===============
#808080;
#737373; Darken 10%
#E5E5E5; Lighten 80%
*/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

html,
body {
    font-family: 'Noto Sans', sans-serif;
}

.login-header {
    background: url('../images/Banners/14H07018_RF.jpg') 0 -110px;
    text-shadow: 0px 1px 1px #ccc;
    margin-bottom: 75px;
    background-size: cover;
}

#divLoginHeader .glyphicon {
    color: #808080;
}

header {
    background-color: #FEE600;
    background-size: cover;
    height: 150px;
}

    header .navbar .container {
        text-shadow: none;
    }

    header .navbar > .container .navbar-brand {
        margin-left: 0px;
        width: 134px;
        height: 64px;
        background: url('/Content/global/images/CompanyLogos/EY_Logo_Beam_Tag_Horizontal_White_EN_C_CMYK_SPACING_W150.png') no-repeat center;
    }



    header .nav .glyphicon.dropdown-toggle {
        color: #fff;
        border-color: #fff;
    }

    header > .container > .page-title,
    header > .container > .page-category,
    header > .container  .impersonation-wrapper > .form-group > .control-label {
        color: #333;        
        font-weight: 700;
        letter-spacing: .04em;
    }
    header .page-favourite {
        color:#333;
    }
    .impersonation-wrapper {
        margin-top: -10px;
        font-size: 32px;
        color: #fff;
        top: 75px;
        position: relative;
        font-family: 'OpenSans-Light', sans-serif;
    }

header > .container .impersonation-wrapper > .form-group > .control-label {
    font-size: 24px;
}

    .impersonation-wrapper .select2-selection__rendered {
        font-weight:bold;
    }
/* Icons */
.glyphicon.glyphicon-button,
.glyphicon.favorite-button {
    border-color: #808080 !important;
    color: #808080 !important;
}

    .glyphicon.glyphicon-button.red {
        border-color: #df2f2f !important;
        color: #df2f2f !important;
    }

    .glyphicon.glyphicon-button.green {
        border-color: #b6eb75 !important;
        color: #b6eb75 !important;
    }

    .glyphicon.glyphicon-button.disabled {
        border-color: #737373 !important;
        color: #737373 !important;
    }

    .glyphicon.glyphicon-button:hover {
        background-color: #808080 !important;
        color: white !important;
    }

    .glyphicon.glyphicon-button.red:hover {
        background-color: #df2f2f !important;
    }

    .glyphicon.glyphicon-button.green:hover {
        background-color: #b6eb75 !important;
    }

.btn-primary {
    background: #ffe600;
    border: none;
    color: #333333;
    -webkit-box-shadow: inset -1px -1px 0px 0px #c0c0c0;
    -moz-box-shadow: inset -1px -1px 0px 0px #c0c0c0;
    box-shadow: inset -1px -1px 0px 0px #c0c0c0;
}

    .btn-primary[disabled] {
        background: #454545;
    }

        .btn-primary[disabled]:hover {
            background: #121212;
        }


    .btn-primary:active,
    .btn-primary.active {
        background: #ffe600;
        color: #333333;
        -webkit-box-shadow: inset 0px 0px 0px 1px #c0c0c0;
        -moz-box-shadow: inset 0px 0px 0px 1px #c0c0c0;
        box-shadow: inset 0px 0px 0px 1px #c0c0c0;
        outline: none;
    }

    .btn-primary:hover,
    .btn-primary.hover {
        color: #333333;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        background: #ffe600;
    }

    .btn-primary:focus,
    .btn-primary.focus,
    .btn-primary:active:hover,
    .btn-primary.active.hover,
    .btn-primary:active:focus,
    .btn-primary.active.focus {
        background: #ffe600;
        -webkit-box-shadow: inset 0px 0px 0px 1px #c0c0c0;
        -moz-box-shadow: inset 0px 0px 0px 1px #c0c0c0;
        box-shadow: inset 0px 0px 0px 1px #c0c0c0;
        outline: none;
        color: #333333;
    }

.btn-default {
    background: #646464;
    color: #ffffff;
}

.navbar-cc.navbar-default {
    background: #2e2e38;
}


.navbar-cc .navbar-brand {
    padding: 20px 15px;
}

.navbar-cc ul.nav-tabs,
.navbar-cc ul.nav-tabs > li > a {
    border-bottom: 1px solid #808080;
}

.navbar-cc .nav-tabs > li.active > a,
.navbar-cc .nav-tabs > li:hover > a {
    background-color: #808080 !important;
}

.navbar-cc .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: #808080;
}

.pop-out-triangle.purple {
    border-bottom-color: #808080 !important;
}

/* Panels */
.card.card-primary {
    --bs-card-border-color: #737373;
}

    .card.card-primary > .card-header {
        --bs-card-cap-color: #fff;
        --bs-card-cap-bg: #808080;
    }

/*Form Controls*/
.form-control:focus, input:focus, select:focus, .select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection, .select2-container--bootstrap .select2-dropdown,
.form-select:focus {
    border-color: #FEE600;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(254, 230, 0, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(254, 230, 0, .6);
}


.helpIcon {
    height: 30px;
    color: #808080;
}

.help .helpTooltip {
    background: #808080;
}

.pagination > li > a,
.pagination > li > span,
.pagination > li > button {
    color: #808080;
}

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > button:hover,
    .pagination > li:not(:first-child) > a:focus,
    .pagination > li:not(:last-child) > a:focus,
    .pagination > li:not(:first-child) > span:focus,
    .pagination > li:not(:last-child) > span:focus,
    .pagination > li:not(:first-child) > button:focus,
    .pagination > li:not(:last-child) > button:focus {
        color: #808080;
        background: #E5E5E5;
    }

.pagination > li:not(.disabled):last-child > a:hover,
.pagination > li:not(.disabled):first-child > a:hover,
.pagination > li:not(.disabled):last-child > span:hover,
.pagination > li:not(.disabled):first-child > span:hover,
.pagination > li:not(.disabled):last-child > button:hover,
.pagination > li:not(.disabled):first-child > button:hover,
.pagination > li:not(.disabled):last-child > a:focus,
.pagination > li:not(.disabled):first-child > a:focus,
.pagination > li:not(.disabled):last-child > span:focus,
.pagination > li:not(.disabled):first-child > span:focus,
.pagination > li:not(.disabled):last-child > button:focus,
.pagination > li:not(.disabled):first-child > button:focus {
    background-color: #808080;
}

.table-hover > tbody > tr:hover > td {
    background: #E5E5E5;
}

    .table-hover > tbody > tr:hover > td:first-child {
        box-shadow: 4px 0px 0 -1px #808080 inset !important;
    }

.badge {
    border-color: #808080 !important;
    color:#333;
}

#userFeedBackTool .tab {
    background: #808080;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background: #808080;
}

button.blue, .fa.fa-button.blue {
    border-color: #808080;
    color: #808080;
}

footer {
    background: #2e2e38;
    color: #E5E5E5;
    text-align: inherit;
}

    footer #footerLogo {
        margin-left: auto;
        margin-right: auto;
        width: 100% !important;
        margin-top: -6px;
        position: absolute;
        width: 134px;
        height: 64px;
        background: url('/Content/global/images/CompanyLogos/EY_Logo_Beam_Tag_Horizontal_White_EN_C_CMYK_SPACING_W150.png') no-repeat center;
    }

    footer .copyright {
        display: none;
    }

    footer #hfxBranding {
        display: none;
    }

.alert-info {
    color: #336699;
}

a {
    color: #336699;
}

.whammy-machine .panel > .panel-heading.active {
    background: #336699;
}

.whammy-machine .panel > .panel-heading {
    background: #fff;
}

.whammy-machine .panel-group .panel-default > .panel-heading a:hover,
.whammy-machine .panel-group .panel-default > .panel-heading a:focus {
    color: #336699;
}

.badge,
.navbar-cc .navbar-nav .badge-blue,
.whammy-machine .panel .panel-heading .badge {
    background: #E4CF00;
    background-color: #E4CF00;
    color:#333;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    background-color: #336699;
    border-color: #336699;
}

.panel-default > .panel-heading {
    background: #333333;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    background: #336699;
}

.panel {
    border: 1px solid #c4c4cd;
}

.panel-footer {
    border-top: 1px solid #c4c4cd;
    background: #eaeaf2;
}

.table thead {
    background: #eaeaf2;
}

.table-bordered.server-paging > thead,
.table-bordered.server-paging > tbody,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    border: 1px solid #c4c4cd;
}

.whammy-machine #actionPanel{
    background-image: none;
}


#dataQueryTable tr.shown {
    background: #808080;
}