body, table , textarea{
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

body.loginBody {
    color: #444444;
    font-size: 12px !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

body:not(.popupPage):not(.loginBody) {
    background: #fff url('Images/Header.png') repeat-x;
}

a.gridColumnHyperlink, a.gridColumnHyperlink:hover {
    color: #000000;
    font-size: 9px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    text-decoration: none;
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

a:active {
    color: #034af3
}

table[class^="dxheControl_"] {
    border-color: #6a6a6a;
}

#headerBanner .loginHighlight a {
    color: #FF9900 !important;
}

#headerBanner #menu {
    left: 120px;
    top: 45px;
}

#headerBanner #logo a {
    background: url('Images/logo.png') no-repeat;
    background-color: #ffffff;
    width: 86px;
    height: 92px;
    top: 0;
    left: 0;
}

#headerBanner {
    height: 95px;
}

#loginlogo div {
    background: url('Images/LoginLogo.png') no-repeat;
    width: 86px;
    height: 92px;
}

.HeaderLabel {
    color: #337ab7;
}

.detailsHeader {
}

.EventHeader, .EventSelector a, .EventSelector a:hover, .catalogueTextColor, .catalogueItemLabel, .SelectedMenuItems, .SelectedMenuItems A, .SelectedMenuItems A:Visited, .SelectedMenuItems A:link {
    color: #29657B !important;
}

.CustomSubMenuItemStyle A, .StepStyle, .CustomSubMenuItemStyle A:hover, a:link, a:visited, .footer .footerMainText, .footer .footerMainText a, .HomePanelBoldText, .HomePanelText, #StepDisplay, .PopularServices Div, .formLegend label {
    color: #2f6681;
}

.ActionPanel,
.ActionPanelNarrow {
    background-image: none;
}

.FilterPanel {
    background-image: none;
}

/* Override Bootstrap */
.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.ui-widget-header .ui-header-dropdown {
    background: url("Images/Header.png") repeat-x transparent;
}
/*Foyer Styles*/

.foyerGridItem {
    background-color: #FFFFFF;
    border-bottom-color: #337ab7;
}

.foyerGridItem:hover {
    background-color: #337ab7;
}


.foyerGridItemOuter {
    cursor: pointer;
}

.foyerGridItemLink .disabled {
    background-color: lightgray;
}

.foyerGridItem:not(.disabled):hover .foyerIcon {
    stroke: white !important;
}

.foyerGridItem:not(.disabled):hover .gridModuleTitle {
    color: white;
}

.gridModuleTitle {
    color: #337ab7;
}

.foyerIcon {
    stroke: #337ab7;
}

.homePageIcon {
    stroke: #337ab7;
}


@media screen and (max-width: 500px) {
    .gridModuleTitle {
        font-size: 17px;
    }
}

@media screen and (max-width: 650px) {
    .gridModuleTitle {
        font-size: 16px;
    }
}

.hovereffect:hover .overlay {
    background-color: #337ab7;
}