@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,800');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600,800');

/* PAGE BACKGROUND */
body {
    background-color: #575756;
}

select { background-position-y: 4px; }

.table_main_container.register       { background-color: rgba(255, 255, 255, 0.9); }

/* BASE FONT OVERIDE */
html, div, body, a, td, p, button, input[type="button"], input[type="submit"] {
    font-family: 'Poppins', sans-serif;
}

/* BASE FONT OVERIDE */
html, div, body, a, td, p, .popup_menu ul.popup_list > li > a:not(.panel_link) {
    color: #575756;
}

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

/* ICONS */
/*.menu_anchor * { color: rgb(11, 15, 50); }*/  /* Left menu bar */
.menu_anchor i.material-icons { color: rgb(11, 15, 50); }  /* Left menu bar */
.menu_anchor .on i.material-icons, .menu_anchor .on { color: rgb(0, 154, 200); }  /* Left menu bar - when this is the current page */
a.menu_anchor:hover * {  color: rgb(0, 154, 200); }  /* Left menu bar - on hover */

.row_image i.material-icons {  } /* A Few Pages - Icon displayed at the left of a selectable panel */

.as-button:not(.disabled):active, .as-button:not(.disabled):focus { background-color:rgb(0, 154, 200);}
.footer_link > i.material-icons { color: rgb(0, 154, 200); } /* Footer Icon */
.footer_link:hover > i.material-icons { color: rgb(87, 87, 86); } /* Footer Icon - On Hover */


/* DOES NOT EXIST ANYMORE
p.mobilemenu_link i.material-icons { color: rgba(0, 0, 0, 0.6); } Mobile left menu bar icons
p.mobilemenu_link:hover i.material-icons { color: rgba(66, 154, 175, 1); } Mobile left menu bar icons - on hover
*/

#header i.material-icons, #SearchBar #FilterIcon { color: rgba(255, 255, 255, 1); }
#header i.material-icons:hover { color: rgb(0, 154, 200); }

/* FOOTER BACKGROUND */
.footer_inner            { background: rgba(255, 255, 255, 1); }

 
/* HEADER BACKGROUND */
#header                    { background: rgb(11 15 50); }


/* TEXT COLOURS */
._accent_text               { color: rgb(0, 154, 200); }
._error_text                { color:#DB5C59; }
._success_text              { color: rgba(0, 178, 0, 1); }
._major_text                { color:#222; }
._minor_text                { color:#000; }
._faded_text                { color:#BDBDBD; }
._header_major_text         { color:#FDFDFD; }
._header_minor_text         { color:#A4A4A4; }
 ._footer_major_text         { color:#000; } 
._footer_legal_text         { color:#999; }
._menu_major_text           { color:#333; }
._mobilemenu_major_text     { color:#333; }
._title_major_text          { color:#111; }
._title_minor_text          { color: rgb(0, 154, 200); }
._panel_major_text          { color:#111; }
._panel_minor_text          { color:#555; }
._panel_faded_text          { color:#777; }
._panel_accent_text         { color: rgb(0, 154, 200); }
._panel_error_text          { color:#DB5C59; }
.panel_link                 { color: rgb(0, 154, 200); }
.link                       { color: rgb(0, 154, 200); }
.menu_link                  { color: rgba(0, 0, 0, 1); }

/* HOVER OVER TEXT COLOURS */
.menu_link:hover            {  }
.mobilemenu_link:hover      {  }
.header_link:hover, .header a:hover, .header a:hover .material-icons { color: #009ac8 !important; }
.footer_link:hover          {  }
.panel_link:hover           { color: rgb(87, 87, 86); }
.link:hover                 { color: rgb(87, 87, 86); }
.popup_menu ul.popup_list > li:hover > a { color: rgb(0, 154, 200); }

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


/* TEXT HEADER OVERRIDES */
h1, h2, h3, h4, h5, h6, .header .company-name, .input_title, .panel_header, .loginmenu_button span{
    font-weight: lighter;
    font-family: Montserrat, Arial, sans-serif
}

h1                          { font-size: 1.5em;  }
h2                          { font-size: 1.9em; }
h3                          { font-size: 1.15em; }
h4                          { }
h5                          { font-size: 1.2em; color:#252525; }
h6                          { color:#333; }

._menu_major_text.currency_symbol { padding-right: 4px !important;}

/* 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;
}

input[type=button]:active,input[type=image]:active,input[type=submit]:active,a.desktop_button:active{ }

.button { background:#FFFFFF; border: 1px solid rgb(0, 154, 200); color: rgb(0, 154, 200); border-radius:3px; }
.button:hover { border: 1px solid rgb(255, 255, 255); background: rgb(87, 87, 86); color:#fff; }

.button--prime { background: rgb(0, 154, 200); border-color: rgb(0, 154, 200); color: rgba(255, 255, 255, 1); }
.button--prime:hover { border: 1px solid rgb(0, 154, 200); background: rgb(255, 2555, 255); color: #575756; }

input[disabled=disabled],input[disabled=disabled]:hover,input[disabled=disabled]:focus,input[disabled=disabled]:active{ border:1px solid #429AAF; }
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:#FFF; }
.header_toolbar_content_item_container input[type=text]:focus, .header_toolbar_content_item_container input[type=password]:focus { border-color:#FFF; }
#help_btn_wrapper .help_btn.half:hover { background:#429AAF; color:#fff; }
#helpdesk_button .help_btn.half:hover { background:#429AAF; color:#fff; }

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

/* OTHER OVERRIDES */
.menu_container { background:#FFF; border: 1px solid #DCDDDF; border-top:none; border-radius:0px 0px 3px 3px; }
.table_main tr td#content_text.col2 { background:transparent; }
._accent_background, table.layout_16 td.totaliser .totaliser_inner, table.layout_16 td.totaliser.complete:before, table.layout_16 td.totaliser:after { background:#429AAF; color:#FFF; }

.clickandcollectimagewrapper
{
    display:block;
}

@media screen and (min-width: 769px) {
    .sticky_footer {
        width: 1000px;
    }
}