.navbar-inverse {
    background-color: #5ca0b9;
    border-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #e3eff4;
    background-color: #07263d;
    margin:0px auto;
}

.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus {
    color: #FFFFFF;
    text-shadow: 1px 1px 5px #FFFFFF;
    background-color: rgba(255,255,255,0.0);
}

.navbar-inverse .navbar-nav > li > a {
    color: #e3eff4;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 23px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 9px 0px;
}




/* overrides for the depth of the bootstrap Nav */

@media (max-width: 768px) {
.navbar {
  min-height: 80px;
}
}


@media (max-width: 768px) {
.navbar-brand {
  padding: 0 15px;
  height: 80px;
  line-height: 80px;
}


@media (max-width: 768px) {
.navbar-toggle {
  (80px - button height 34px) / 2 = 23px
  margin-top: 12px;
  padding: 9px 16px !important;
}

/*
.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 0px;
    padding: 0px 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: transparent;
    background-image: none;
    border: 0px solid transparent;
    border-radius: 0px;
}

 the overriden bootstrap file 
.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
}
*/

@media (max-width: 768px) {
  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
width:80%;
margin-left:auto;
margin-right:auto;
  }
  .navbar-nav > li > a {
    padding-top: 4px;
    padding-bottom: 5px;
    line-height: 23px;
}
}

/* END overrides for the depth of the bootstrap Nav */

/* overrides size of hamburger  */
.navbar-light {
  background-color: #111 !important;
}
.navbar-toggle .icon-bar{
  width: 30px !important;
  height:3px !important;
  margin:4px !important;
  padding:0px !important;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: rgba(255,255,255,1);
}

/* 
.icon-bar {margin:5px 0px;}
.navbar-toggle .icon-bar {
  color: #FFFFFF;
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}
END overrides size of hamburger */



.buttons-i-only-show-when-collapsed {
    display: none;
}

@media (max-width: 767px) {
    .buttons-i-only-show-when-collapsed {
        display: block;
    }
}


img.off:link {
    -moz-opacity: 0.3;
    filter: alpha(opacity=30);        /*  For IE8 and earlier  */
    border:3px solid green;
    display:none;
}

img.on:link {
    opacity: 1.0;
    filter: alpha(opacity=100);         /*   For IE8 and earlier  */  
    border:3px solid red;
}

.lines-button {margin-left:-104px;}

.navbar-default.navbar-toggle:hover,
.navbar-default.navbar-toggle:focus {
 background-color:transparent;
}

.bodyaltering {
    margin-top:-80px;

}

.lines-button {z-index:22000;}

.close-animatedModal {text-align:right;}


#closebt-container {text-align: right;z-index:5000000;}

.position-closebt  {text-align: right;}

#ModalSueBilner {background-image: src('../images/watermark.jpg');}


/* remove dotted lines around moz- web browsers etc. */
:focus {outline:none;}
::-moz-focus-inner {border:0;}
	
a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}

a:active {
    outline: none;
}
/* end remove dotted lines around moz- web browsers etc. */