﻿/*
    Custom CSS file for the client styles
*/

/* The font used for the whole website*/
body, .highcharts-container {
    font-family: Arial, sans-serif !important;
}
/* The background image */
body {
    /*background: url(/content/images/Background.jpg) no-repeat center fixed;*/
    /*background-size:cover;*/   
    margin: 0;
    background: url(/content/images/bkg.jpg) center center no-repeat;
    /*background: rgba(255, 255, 255, 0.7) url(/content/images/bkg.jpg) center center no-repeat;*/
    background-size: cover;
    height: 100%;
    background-attachment: fixed;
    /*opacity: 0.70;*/
    /*filter: alpha(opacity=70);*/ 
}
/*Button colors*/
.btn-custom {
    /*background-color:#6FBB4D;*/
    background-color:#d6201a;
    color:white !important;
    /*border-color:#5FB11B*/
    border-color:#d6201a;
}
.btn-custom:hover {
    /*background-color:#57A035;*/
    background-color:#000;
    /*border-color:#4C872A;*/
    border-color:#000;
}
/* Prevent the disabled button showing the hover colours as it is disabled (the colors here are the disabled colors shown when not hovering) */
.btn-custom[disabled]:hover  {
    /*background-color:#77AA00;
    border-color:#628500;*/
    background-color:#6d6d6d;
    border-color:#6d6d6d;
}
/*Progress bar color*/
.progress-bar-custom {
    background-color:#6FBB4D;
}
.CustomTabTestSelected{
    background-color: rgba(19, 221, 0, 0.180392);
}
/*Options - selected group style*/
.OptionGroupSelected{
    background: rgba(19, 221, 0, 0.180392)!important;
}
/*Options - selected dashboard style*/
.OptionDashboardSelected{
    background-color: rgba(19, 221, 0, 0.180392)!important;
}
/*Options - selected custom tab style*/
.OptionCTabSelected{
    background-color: rgba(19, 221, 0, 0.180392)!important;
}
.dashboard-tooltip {
    border-color: #6FBB4D !important;
}
/* Table heading */
thead > tr > th, th > .dropdown > a {
    background-color: #F2F3C9 !important;
    color: black;
}
/* Graphs selected style */
.seasonSelected, .testSelected, .periodSelected {
    /*background: rgba(90, 200, 0, 0.5);*/
    background:#e08986;
    /*color: black;*/
    color:white;
}
/* Graph selected hover style */
.GraphSeasonEndItems:hover, .GraphTestItems:hover, .GraphPeriodItems:hover {
    /*background: #ddd;*/
    background: #dd5e58;
}
/* Graphs hide parameter box */
#ParameterLbl {
    /*background: #6FBB4D;*/
    background: #d6201a;
    color: white;
}
/* Slider on budget page as well as forecast */
.ui-slider-range {
    background: #F2F3C9 !important;
}
/* The new news notification */
.badge {
    background-color: #7E9200;
}
/* the top navbar with the dropdowns on it */
.navbar-inverse {
    /*background-color: #222;*/
    background-color: #155e37;
}
/* the footer */
#footer {
    background-color: #f8f8f8;
}
/* Navbar text color */
.navbar-inverse .navbar-nav > li > a {
    /*color:#9d9d9d;*/
    color: #fff;
}
/* Navbar dropdown background color */
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    /*background-color:#222;*/
    background-color:#114B2C;

}
/* Navbar dropdown link text color */
.inverse-dropdown li a {
    /*color:#9d9d9d;*/
    color: #fff;
}
/* Navbar submenu dropdown background */
.navbarDropdown > .dropdown-menu {
    /*background-color:#222;*/
    background-color: #155e37;
    /*color:#9d9d9d;*/
    color: #fff;
}
/* The background behind the logo and above the navbar */
.header-container {
    /*background-color: #7E9200;*/ 
}
.squareDropdown {
    background-color: #F2F3C9;
}
.dashboard-tooltip-table thead tr:first-child th {
    border-radius:5px 5px 0 0;
}
.dashboard-tooltip-table thead tr:last-child th {
    border-radius:0 0 5px 5px;
}
.panel-success > .panel-heading {
  color: #CA1B27;
  background-color: #EDE5C2;
  border-color: #E1DCCA;
}
.panel-success {
  border-color: #E1DCCA;
}
.alert-success {
  color: #CA1B27;
  background-color: #EDE5C2;
  border-color: #E1DCCA;
}