
/************************ General Text *******************/
body {
    color: #04476F;
    background-color: #FFFFFF;
    font-family: arial,helvetica,verdana,sans-serif;      
    font-size: 1.5em;
    line-height: 1.45em;  
}

hr  {
    border:solid 1px #04476F;
}

/************************ Headings ************************/
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #04476F;
  background-color: #FFFFFF;
  font-size: 2em;
}

/************************ Navbar Menu *********************/
.navbar-default   {
    color: #FFFFFF;
    background-color: #04476F;  
}

.navbar-default .navbar-brand  {
    color: #FFFFFF;
    background-color: #04476F;
    font-size: 2em;  
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #FFFFFF;
    background-color: #00A1C1;
}

.navbar-default .nav > li > a {
    color: #FFFFFF;
    background-color: #04476F;
    font-weight: bold;  
}

.navbar-default .nav > li > a:hover,
.nav > li > a:focus {
    color: #FFFFFF;
    background-color: #00A1C1;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #FFFFFF;
    background-color: #00A1C1;
}

.dropdown-menu {
    color: #FFFFFF;
    background-color: #04476F;
    font-weight: bold;    
}

.dropdown-menu > li > a {
    color: #FFFFFF;
    background-color: #04476F;      
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #FFFFFF;
  background-color: #00A1C1;
}

.navbar-main > li > a {
  color: #FFFFFF;
  background-color: #04476F;  
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #FFFFFF;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  color: #FFFFFF;
  background-color: #00A1C1;
}
.navbar-default .navbar-toggle .icon-bar {
  color: #FFFFFF;
  background-color: #888;
}

/* Collapse Menu at 991px (when it hits MEDIUM size) */
@media (max-width: 1200px) 
{
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
        color: #FFFFFF;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}

/************************* Text panels **********************/
.panel {

}

.panel > .panel-heading {
    font-size: 1.5em;  
}

.panel-primary{
  border-color: #1A9175;
}

.panel-primary > .panel-heading {
  color: #FFFFFF;
  background-color: #1A9175;
}

.panel-info {
  border-color: #00A1C1;
}

.panel-info > .panel-heading {
  color: #FFFFFF;
  background-color: #00A1C1;
}

.panel-success {
  border-color: #7ACC52;
}

.panel-success > .panel-heading {
  color: #FFFFFF;
  background-color: #7ACC52;
}

.panel-danger {
  border-color: #FF0000;
}

.panel-danger  > .panel-heading {
  color: #FFFFFF;
  background-color: #FF0000;
}

.panel-warning {
  border-color: #FF0000;
}

.panel-warning > .panel-heading {
  color: #FFFFFF;
  background-color: #FF0000;
}

.well {
  background-color: #EEEEEE;
  border: 0px solid #000000;
}

.alert-info{
  border-color: #000000;
  color: #FFFFFF;
  background-color: #00A1C1;
}

.alert-success{
  border-color: #00FF00;
  color: #000000;
  background-color: #DDFFDD;
  background-image: url("/siteassets/images/alert_success.png");
  background-repeat: no-repeat;
  padding-left: 50px;
}

.alert-warning{
  border-color: #FF0000;
  color: #000000;
  background-color: #FFDDDD;
  background-image: url("/siteassets/images/alert_error.png");
  background-repeat: no-repeat;
  padding-left: 50px;
}

.alert-info{
  border-color: #0000FF;
  color: #000000;
  background-color: #DDDDFF;
  background-image: url("/siteassets/images/alert_info.png");
  background-repeat: no-repeat;
  padding-left: 50px;
}

/************************* Info (eg tablular data) **********/
.info-text {
  color: #000000;
}

.info-heading {
  color: #FFFFFF;
  background-color: #04476F;
}

td, th {
  border: 0px solid;
  padding: 5px;
}

.highlight{
  background-color: #00A1C1;  
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th 
{
    color:#FFFFFF;
    background-color: #04476F;
    cursor: pointer;
}

.nohover
{
    cursor: default;
}

/********* Images *********/
.icon {
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
}

.carousel-control.left, 
.carousel-control.right{
  background-image:none;
  background-repeat:none;
}

/********** buttons **************/
/* CJB 02.10.2017
.btn{
    font-size: 1.5em;
    border:solid 1px #EEEEEE;
}
*/

a[href].btn  {
    color: #FFFFFF;
}

.btn-primary {
    color: #FFFFFF;
    background-color: #7ACC52;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active  {
    color: #000000;
    background-color: #BCE6A8;
    border:solid 1px #7ACC52;
}

.btn-warning{
    color: #FFFFFF;
    background-color: #C33E3E;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active  {
    color: #000000;
    background-color: #E19E9E;
    border:solid 1px #C33E3E;
}


/* Flexible iFrame */
.flexible-container 
{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.flexible-container iframe,   
.flexible-container object,  
.flexible-container embed 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
