﻿h2 {
    color: #2e353e;
    border-bottom-color: #004b91;
    font-family: Open Sans;
    text-transform: uppercase;
    font-weight: 800;
}

body {
    font-family: Open Sans;
    color: #2e353e;
}

.dataTable > table > thead > tr.resultsTableInfo > th {
    background-color: #004b91;
}

.infoBadge, .infoBubble > .message {
    background-color: #004b91;
}

.infoBubble > .arrow-down, .infoBubble > .arrow-up {
    border-color: #004b91;
}

.navbar-inverse {
    background-color: #004b91;
}

.navbar-inverse .navbar-nav > li > a {
    color: white;
}

.navbar-inverse .navbar-brand {
    color: white;
}

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        background-color: darkorange;
    }

    .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { /*Hover on minimised nav bar */
        color: white;
        background-color: #ee3524;
    }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { /*Thin strip colour on bottom of nav bar*/
    border-color: #4A4948;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
    background-color: #4A4948;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { /*Nav bar expand text colour on subheadings*/
        color: white; 
    }
}

.passwordInfo.infoBubble > .message { /*password text box*/
    background-color: #004b91;
}

.passwordInfo.infoBubble > .arrow-down { /*password connecting arrow*/
    border-color: #004b91;
}

.webPlusMsg { /*Dropdown message text box*/
    background-color: #004b91;
    border-color: #004b91;
}

.messageSectionFooter, .messageSectionHeader { /*Dropdown box footer*/
    background-color: #004b91;
}

#mainContent_voucherInfo {
    display: inline-block!important;
    vertical-align: middle!important;
}

#mainContent_voucherSection .checkboxContainer {
    display: inline-block!important;
    margin-left: 10px!important;
}

.webPlusMsg.msg_info > .messageIconContainer i {
    color: #ca0612;
}

.quickAccountDetails {
    background-color: #4A4948!important;
}

/* START SUMMARY TILE STYLING */
.summaryTileHeader {
    text-shadow: 2px 2px 2px black;
}

.summaryTileHeader {
    background-color: #004b91;
}

.balanceTile .pendingBlock {
    background-color: #7D868C;
}

.summaryTileContent {
    border-color: #004b91;
}
/* END SUMMARY TILE STYLING */

/* START BUTTON STYLING */
.btn, .btn-warning {
    background-color: #474747;
    border-color: #474747;
}

    .btn:hover, .btn:active, .btn:focus, .btn-warning:hover, .btn-warning:active, .btn-warning:focus {
        background-color: #ee3524 !important;
        border-color: #ee3524 !important;
    }

.pageButtons.btn-group > .btn:last-child {
    margin-left: 0;
    width: 49% !important;
    float: right !important;
}

.showSliderAsTickbox input:checked + .slider {
    background-color: #474747;
}

    .showSliderAsTickbox input:checked + .slider:before {
        color: #474747;
    }

.btn-default {
    color: white !important;
}

.btn-primary {
    background-color: #474747;
    border-color: #474747;
}

    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        background-color: #ee3524 !important;
        border-color: #ee3524 !important;
    }
/* END BUTTON STYLING */