@import url(https://fonts.googleapis.com/css?family=Raleway:400,600,300);

/* PAGE BACKGROUND */
/*body                        { background-image:url('images/background.jpg'); background-position: left top; background-color: #F7F7F7; background-repeat:repeat; background-attachment:fixed; }*/

/* BASE FONT OVERIDE */
html,div,body,a,td,h1,p {  }

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

/* ICONS
.menu_anchor i.material-icons { color: rgba(0, 0, 0, 0.6); }  Left menu bar 
.menu_anchor .on i.material-icons  { color: rgba(66, 154, 175, 1); }  Left menu bar - when this is the current page 
a.menu_anchor:hover i.material-icons { color: rgba(66, 154, 175, 1); }  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 { color: rgba(0, 0, 0, 0.6); }   Footer Icon
.footer_link:hover > i.material-icons { color: rgba(66, 154, 175, 1); }  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: rgba(66, 154, 175, 1); }
*/

/* FOOTER BACKGROUND
.footer_inner            { border: 1px Solid #DCDDDF; border-radius:3px 3px 0px 0px; border-bottom:none;}
 */
 
/* HEADER BACKGROUND 
#header                    { background: rgba(43,56,66,0.97); }
*/

/* TEXT COLOURS */
._accent_text               { color: rgb(35, 80, 51); }
._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: #fff; }
._mobilemenu_major_text     { color:#333; }
._title_major_text          { color:#111; }
._title_minor_text          { color: rgb(35, 80, 51); }
._panel_major_text          { color:#111; }
._panel_minor_text          { color:#555; }
._panel_faded_text          { color:#777; }
._panel_accent_text         { color: rgb(35, 80, 51); }
._panel_error_text          { color:#DB5C59; }
.panel_link                 { color: rgb(35, 80, 51); }
.link                       { color: rgb(35, 80, 51); }
.menu_link { 
}

/* HOVER OVER TEXT COLOURS */
.menu_link:hover, .menu_link:hover .material-icons {
    color: #ffe650;
}
.mobilemenu_link:hover      {  }
.header_link:hover          { color: rgb(35, 80, 51); }
.footer_link:hover          {  }
.panel_link:hover, #header a:hover, #header a:hover .material-icons, .link:hover, .popup_menu ul.popup_list > li:hover > a {
    color: rgba(174, 163, 91, 1) !important;
}

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

/* TEXT HEADER OVERRIDES 
h1                          { font-family: 'Raleway'; font-weight:lighter; font-size: 1.5em;  }
h2                          { font-family: 'Raleway'; font-weight:lighter; font-size: 1.9em; }
h3                          { font-family: 'Raleway'; font-weight:lighter; font-size: 1.15em; }
h4                          { font-family: 'Raleway'; font-weight:lighter; }
h5                          { font-family: 'Raleway'; font-weight:lighter; color:#252525; font-size: 1.2em; }
h6                          { font-weight: lighter; color:#333; }
*/

/* INPUT FIELDS AND BUTTON OVERRIDES */
input[type=text], input[type=password], input[type=tel], input[type=email], input[type=date], select, textarea {
    border: 1px solid rgb(100,161,124);
    border-radius: 10px;
}

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

.button {
    background: #FFFFFF;
    border: 1px solid #024c1f;
    color: #000;
    border-radius: 10px;
}

.button--prime {
    background: #5B7C66;
    background-image: linear-gradient(90deg, #4C9267 0%, #2A5B3C 100%);
    color: rgba(255, 255, 255, 1);
}

.button--prime:hover, .button:hover, .number-counter-group .value-button.decrease:hover, .value-button.increase:hover {
    border: 1px solid #57a575;
    background: #57a575;
    color: #fff;
}

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: rgb(65,77,69);
    background: linear-gradient(90deg, #2A5B3C 0%, #4C9267 100%);
    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; }

table.layout_9 tbody tr:nth-child(odd), .history:nth-child(odd) {
    background-color: #dbe8e0;
}

table.layout_9 tr:hover, .history:hover, .input-box .active-label, .input-box :not(select) + label:focus, .input-box :not(select) + label:hover {
    background-color: #57a575 !important;
}

table.layout_9 tr:hover  *, .history:hover * {
    color: #FFFFFF !important;
}