@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,800');
/* PAGE BACKGROUND */
body {
    background-image: url(images/background.jpg);
    background-position: bottom right;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #fef6d8;
}

/* BASE FONT OVERIDE */
html,div,body,a,td,h1,p { font-family:  'Montserrat', sans-serif; }

/* SITE MAP STYLE */
._mapStyle                  { background: #333333; color: #FFF; }

/* ICONS */
.menu_anchor i.material-icons { color: rgba(0, 0, 0, 1); } /* Left menu bar */
.menu_anchor .on i.material-icons  { color:#000000; } /* Left menu bar - when this is the current page */
a.menu_anchor:hover i.material-icons {
    color: #333333;
} 
/* Left menu bar - on hover */
.row_image i.material-icons {  } /* A Few Pages - Icon displayed at the left of a selectable panel */
.footer_link > i.material-icons, .footer_arrow > i.material-icons { color:rgb(0,0,0); } /* Footer Icon*/
.footer_link:hover > i.material-icons, .footer_arrow:hover > i.material-icons {
    color: #fef6d8;
} /* Footer Icon - On Hover */
p.mobilemenu_link i.material-icons  { color: rgba(0, 0, 0, 1); } /* Mobile left menu bar icons */
p.mobilemenu_link:hover i.material-icons {
    color: #fef6d8;
} /* Mobile left menu bar icons - on hover */
#header i.material-icons, #SearchBar #FilterIcon { color: rgb(0,0,0); }
#header i.material-icons:hover {
    color: #fef6d8;
}
.download_app i.material-icons { color:#000000; }

/* FOOTER BACKGROUND */
.footer_inner               { background:rgb(255,216,74); }
#footer_container           { background:rgb(255,216,74); }
#footer                     { padding:20px; background:rgb(255,216,74); }

/* HEADER BACKGROUND */
#header                     { background: rgb(255,216,74); box-shadow:0px 0px 10px rgba(0,0,0,0.2); }

/* MOBILE MENU BACKGROUND */
._mobilemenu_back           { background: rgb(255,255,255); background: rgba(255,255,255,0.97); }
#side_menu                  { border-right-width:6px; border-color:#333333; }

/* TEXT COLOURS */
._accent_text               { color:#333333; }
._error_text                { color:#DB5C59; }
._success_text              { color: rgba(0, 178, 0, 1); }
._major_text                { color:#222; }
._minor_text                { color:#333; }
._faded_text                { color:#BDBDBD; }
._header_major_text         { color:#000000; }
._header_minor_text         { color:#000000; }
._footer_major_text         { color:#000000; margin:2px 0px 2px 0px!important; }
._menu_major_text           { color:#333; }
._mobilemenu_major_text     { color:#333; }
._title_major_text          { color:#333333; }
._title_minor_text          { color:#333333; }
._panel_major_text          { color:#111; }
._panel_minor_text          { color:#555; }
._panel_faded_text          { color:#777; }
._panel_accent_text         { color:#333333; }
._panel_error_text          { color:#DB5C59; }
.panel_link                 { color:#000000; }
.link                       { color:#000000; }

.menu_text_container a.menu_anchor, .menu_text_container div.menu_item  { display:block; }
#TopUpPanel ._menu_minor_text       { margin-top:0px; }
#TopUpPanel {  }

/* HOVER OVER TEXT COLOURS */
.menu_link:hover {
    color: #333333;
}
.mobilemenu_link:hover {
    color: #333333;
}
.header_link:hover {
    color: #fef6d8;
}
.footer_link:hover {
    color: #fef6d8;
}
.panel_link:hover {
    color: #333333;
}
.link:hover {
    color: #333333;
}

#footer a.menu_anchor       { display:block; color:#0000; padding:1px 5px 1px 5px;; }
#footer a.menu_anchor:hover {
    background-color: #EEEEEE;
    color: #fef6d8;
}
#footer a.menu_anchor:hover > ._footer_major_text {
    color: #fef6d8;
}

/* TEXT SELECTION */
::selection                 { background:#333333; color:#fff; }
::-moz-selection            { background:#333333; color:#fff; }
::-webkit-selection         { background:#333333; color:#fff; }

/* TEXT HEADER OVERRIDES */
h1                          { color:#222; font-weight: bold; }
h2                          { color:#222; font-weight: bold; }
h3                          { font-weight: bold; }
h4                          { font-weight: bold; }
h5                          { font-weight: bold; }

/* INPUT FIELDS AND BUTTON OVERRIDES */
input[type=text],input[type=password],input[type=tel],input[type=email],input[type=date],select,textarea{ border-width:1px; border: 1px Solid #000000; border-radius:0px;}
input[type=button]:active,input[type=image]:active,input[type=submit]:active,a.desktop_button:active{ }

.button { background: #ccc5aa; border:1px solid#000000; color:#000000; }
.button:hover { border:1px solid #000000; background: #000000; color: rgba(255, 255, 255, 1); }

.button--prime { background:#ccc5aa; border-color:#000000; color:#000000; }
.button--prime:hover { border:1px solid #000000; background: #000000; color: rgba(255, 255, 255, 1); }

input[disabled=disabled],input[disabled=disabled]:hover,input[disabled=disabled]:focus,input[disabled=disabled]:active{ }
input:focus,select:focus,textarea:focus{ }
.header_toolbar_content_item_container input[type=text], .header_toolbar_content_item_container input[type=password] { border-color:#DDD; color:#000; }
.header_toolbar_content_item_container input[type=text]:focus, .header_toolbar_content_item_container input[type=password]:focus { border-color:#000; }
#help_btn_wrapper .help_btn.half:hover { background:#000000; color:#fff; border-color:#000000; }
#helpdesk_button .help_btn.half:hover { background:#000000; color:#fff; border-color:#000000; }

/* LOGIN TEXT BOX OVERRIDES */
#header ::-webkit-input-placeholder{ color:#CCC; }
#header :-moz-placeholder{ color:#CCC; }
#header ::-moz-placeholder{ color:#CCC; }
#header :-ms-input-placeholder{ color:#CCC; }
#header input:-moz-placeholder{ color:#CCC; }
#header input::placeholder{ color:#CCC; }

/* PLACEHOLDER OVERRIDES */
::-webkit-input-placeholder{ }
:-moz-placeholder{ }
::-moz-placeholder{ }
:-ms-input-placeholder{ }

#SearchBar ::-webkit-input-placeholder{ color:#666; }
#SearchBar :-moz-placeholder{ color:#666; }
#SearchBar ::-moz-placeholder{ color:#666; }
#SearchBar :-ms-input-placeholder{ color:#666; }
#SearchBar input:-moz-placeholder{ color:#666; }
#SearchBar input::placeholder{ color:#666; }

/* OTHER OVERRIDES */
.menu_container { background:transparent; border:0px; }
.table_main tr td#content_text.col2 { background:transparent; }
#SearchBar input { border-color: rgba(0, 0, 0, 0.2); }
#SearchBar input:focus { border-color: rgba(51, 51, 51, 1); }
#header .textbutton .subtext { color: rgba(51, 51, 51, 1); } 
.login_wrapper > .login_logo > img {background:none;}
#login_menu_container {border: solid 1px rgba(0, 0, 0, 1)}
hr {    border-color: #000000;}
.header a:hover, .header a:hover .material-icons {
    color: #000 !important;
}
.as-button:not(.disabled):active, .as-button:not(.disabled):focus { background: rgb(255,216,74) !important; }