/****  Background Image  ******/
form {
        background: #939598 url('/LIB/Media/Img/hdr_swampVert.jpg') no-repeat top left;
        background-size: 100% auto;
        background-position: left top;
}
#mainContainer.container {
    position: relative;
    clear:both;
    top:50px;
    min-height:100%;
    min-height:calc(100vh - 110px);
    
}
#mainContentRow {
    background:#FFF;
    margin-bottom:90px;
    min-height:calc(100vh - 150px);
}
.container-fluid #mainContentRow{ margin-bottom:0px;}
#mainContentRow.container {
    min-height:calc(100vh - 60px);
}
#mainContainer {font-family: "Calibri";}
#mainContainer h1, #mainContainer h2, #mainContainer h3 {font-family: "Segeo UI", serif; font-weight:bold;}
#mainContainer h1 {font-size: 2em;}
#mainContainer h2 {font-size: 1.6em;}
#mainContainer h3 {font-size: 1.3em;}

/****  Inactive class styles  ******/
.ina, .ina *, .footnote {font-style:italic; color:#888888 !important;}
.ina .btn-success {background-color:#ebf2eb;}

div.ina, tr.ina {background:rgba(215,215,215,.4);}
li.ina {background:none !important;} /*exclude navigation tabs from background color*/
/**** /END Inactive class styles  ******/

/*spy scrolling*/
#spyCtr {
    position: relative;
}

img {max-width:100%;}

a.anchor {
    position:relative;
    padding-top: 50px;
    margin-top: -50px;
    display: inline-block; /* required for webkit browsers */
}
.sideWidget {background: rgba(247,221,97,.2);
        border: solid 1px rgb(224,199,79);
        padding: 1em;
        border-radius: 5px;
}

/*extra classes */
    ol.footnote {
        padding-left: 0px;
        font-size: 12px;
        counter-reset: item;
        list-style: none;
    }

        ol.footnote li:before {
            content: counter(item);
            counter-increment: item;
            position: absolute;
            top: -2px;
            font-size: 8px;
            left: 0;
        }

        ol.footnote li {
            position: relative;
            display: block;
            padding: .0em .0em .0em .5em;
        }

    p.footnote {
        font-style: italic;
        font-size: 80%;
    }
/*Custom Link Styles */
ul.pdfs li, ul.links li {list-style:none; display:inline-block; margin:0 0 10px;  width:100%; max-width:100%; clear: left; position:relative;}
ul.pdfs li > a:link {
    padding: 2px 0 0 34px;
    background: url('/LIB/Media/Img/Icons/PDF_icon.png') top left no-repeat;
    display: block;
    min-height: 26px;
    font-weight:bold;
}
ul.pdfs li p{
    padding-left: 34px;
    padding-right: 34px;
    display: block;
}
ul.links > li {padding-left:20px;}
ul.links > li:before {
    position: absolute;
    color:#99ad7b; 
    top: 0;
    left: 0;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: none;
    content: "\f08e"; /* Play arrow */
}

.LADBPDF {
    display:inline-block; height:1em; width: 1em; min-height:18px; min-width:18px; margin-right:5px; background: url("../../LIB/Media/Img/icons/PDF_icon.png") rgba(0,0,0,0); background-repeat:no-repeat; background-size:cover;
}
/* </end PDF styles */

.clickable-row:hover td {background-color:rgba(0, 0, 0, .075); cursor:pointer;}

.pull-left {margin-right:1em;}
.pull-right {margin-left:1em;}

img.siteBadge {width:80px; height:auto; margin:-1.5em 1em 0 0;}


/*TOP MENU*/
#navbar.pull-right .nav > li:last-child > .dropdown-menu, #navbar.pull-right .nav > li:nth-last-child(2) > .dropdown-menu  { /* keep last list item from spilling out of the frame*/
    right: 0;
    left: auto;
}

.navbar-fixed-top {
    background: #99ad7b url('/LIB/Media/Img/gradients/gloss_16x38-lighter.png') repeat-x scroll left bottom;
    border: solid 1px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0.0945em 0.1em rgba(0, 0, 0, 0.2);
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #222;
    background-color: transparent;
}
.navbar-default .navbar-brand {
    color: #342405;
}
.navbar-default .navbar-nav>li>a {
    color: #555;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #000;
    background-color: #d6cb4f;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #000;
    background-color: #e9dd58;
}

/*FOOTER*/
.footer {
    background-color: #7a7a7a;
    color:#222;
}
.footer .text-muted {
    color:#222;
}
.footer p{
    margin-top:15px;
}

.tab-pane {padding-top:2em;}

#LADBBtStrap .sidebar {
    bottom:60px;
}

/*fix for google translate page height issues*/
html
{
    height: auto!important;
}

body 
{
    position: static!important;
    min-height: 0!important;
}

/*body.noCollapse {min-width:960px;}*/

.nav li.pull-right {margin-left:0;}
/* </end fix for google translate page height issues*/

#google_translate_element {
    margin: 15px 0 0 0;
    padding: 0 0.5em;
    background-color: silver;
    height: 0.8cm;
    z-index: 10;
    border-radius:3px;
}

/******************MEDIA QUERIES*********************/
@media (max-width: 767px){
    /*hide */
  .noMobile {display:none;}
  .mobileOnly {display:inline-block;}
  #LADBBtStrap .navbar-collapse {
    width:100%;
    max-height:500px;
    }
  #sidenav .affix.persistent {position:relative; max-width: 100%;} /*don't drop the affix item in mobile*/
  .small-horizontal .form-control-static {padding-top: 0;}
  ul.nav-tabs >li {margin-bottom: -2px;}
  ul.nav-tabs >li>a {padding: 6px 8px; font-size:.9em;}
}

@media (min-width: 768px){
  .row.no-gutter {margin:0;}
  .no-gutter > div:first-child {padding-left:0;}
  .no-gutter > div:last-child {padding-right:0;}
  .no-gutter > div:not(:first-child):not(:last-child) {padding-right:0; padding-left:0;}

  .mobileOnly {display:none;}
  #LADBBtStrap #mainContainer.container{
    width:818px !important;
    padding:0 50px; /* because of this we are adding on 100 to each media width*/
    background:rgba(255,255,255,.9);
    }
    #sidenav .affix.persistent {max-width: 230px; top:80px;} /*don't drop the affix item in mobile*/
}


@media (min-width: 992px){
  #LADBBtStrap #mainContainer.container{
    width:1000px !important;
  }
}
@media (min-width: 1200px){
    #LADBBtStrap #mainContainer.container{
    width:1220px !important;
  }
}