body {
    padding-top: 50px;
    padding-bottom: 20px;
}
/* Fix for hamburger menu bars. For some reason they are white with a white background in bootstrap.css...*/
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #5F5F5F;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #333333;
}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar{
    background-color: #fff;
}
.navbar-inverse .navbar-toggle {
    border-color: #333333;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    background:#fff;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* Center align the text within the three columns for admin tasks selection*/
.admin-section .col-lg-4 {
  text-align: center;
  margin-bottom: 20px;
}
/*Adding to the Buttons classes. BTN-XLG */
.btn-xlg {
    border-radius: 6px;
    padding: 15px 35px;
    font-size: 24px;
    line-height: 1.8;
    
}
/*Fixes for font-awesome. Adding a VERY LARGE icon setting for the dashboard*/
.fa-15x{
    font-size:10em;
    width:100%;
    text-align:center; 
}
.splash-img .img-responsive{
    margin:0 auto;
}
.splash-img{
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}
.splash-btn{
    text-decoration:none;
    font-size:18px;
}
/*Create a huge dropdown list for the main JV selection page at the beginning of the app*/
.dropSelectJV{
    font-size: 20px;
}
/*Background image for main page.*/
#main-page{
   /*
       background-image: url('img/body-green-low.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
   */ 
   background: #afc09e url('img/body-green.jpg') no-repeat 50% 0;
}
/*Main top navigation bar customization*/
#main-nav-bar{
    background: #ffffff;
    color: #335A95;
}
#main-nav-bar a{
    color: #335A95;
}

#main-nav-bar a:hover{
    background:#eeeeee;
}

/* Colors and transitions for the JV Selection Map. */
/*------------------BEGIN JV SELECTION MAP--------------*/
.hide-desc{
    display:none;
    margin-bottom:-20px;
}
.container-jv{
    margin-bottom:50px;
}
#grey {
    fill:#c8c9cc;
}
#yellow {
    fill: #f8e882;
    transition: .6s;
}
#yellow:hover {
	fill: #22aa22;
    cursor:pointer;
}
#yellow-desc{
    display:none;
}
#orange{
    fill:#f6c87d;
    transition: .6s;
}
#orange:hover {
	fill: #22aa22;
    cursor:pointer;
}
#red{
    fill:#e96745;
    transition: .6s;
}
#red:hover {
	fill: #22aa22;
    cursor:pointer;
}
#green{
    fill:#a5bd40;
    transition: .6s;
}
#green:hover {
	fill: #22aa22;
    cursor:pointer;
}
#purple{
    fill:#878cbc;
    transition: .6s;
}
#purple:hover {
	fill: #22aa22;
    cursor:pointer;
}
#geese{
    opacity: 0.2;   
}
#geese:hover{
    opacity: 1;
    cursor:pointer;
}
#seaducks{
    opacity: 0.2;
}
#seaducks:hover{
    opacity: 1;
    cursor:pointer;
}
#blackduck{
    opacity: 0.2;
}
#blackduck:hover{
    opacity: 1;
    cursor:pointer;
}
#secretariat{
    opacity: 0.2;
    transition: .6s;
}
#secretariat:hover{
    fill: #22aa22;
    cursor:pointer;
}
.jv_selected{
    fill: #32db01;
}
/*------------END JV SELECTION MAP-------------------*/
#partners-scroller {
    float: left;
    margin: 27px 0 0 0;
    overflow: hidden;
    height: 80px;
    position: relative;
    width: 800px;
}
#partners-scroller div.scrollableArea div.item img {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
}
#partners-scroller div.item{
    padding: 2px 21px 2px 21px;
    position: relative;
    float: left;
    overflow: hidden;
}
#partners-scroller div.scrollWrapper {
    position: relative;
    overflow: hidden;
    width: 725px;
    height: 80px;
    margin: 0 0 0 40px;
}
#partners-scroller div.scrollableArea {
    position: relative;
    width: auto;
    height: 80px;
}
/* ------------Customize the jquery ui autocomplete menu------------*/
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    border:1px solid #ddd;
    position:absolute;
    list-style:none;
    padding-left: 1em;
  }

/*----------- Custom CSS for JV Landing Page ------------*/
.jv_description{
    padding-top: 50px;
}
.padding-top{
    padding-top:25px;
}
.padding-top-40{
    padding-top:40px;
}
#results_container{
    padding-top:15px;
    padding-bottom: 15px;
}

/* ---------- Custom CSS for About Page------------------*/

.text-justified > p{
    text-align: justify;
}

/*----------- Report Page ------------------------*/

.selected_items{
    background-color:#E7F2FF;
    padding: 10px 5px 1px 5px;
    border-radius: 4px;
}

.ui-state-highlight{
    padding: 5px;
    color: #555555;
    background-color:#FFFEE8;
    border-radius: 4px;
}