/***************************  CSS INFORMATION *******************************************************
	# is an id selector, used to target a single specific element with a unique id, but . 
	is a class selector used to target multiple elements with a particular class.
	To put it another way:
    #foo {} will style the single element declared with an attribute id="foo"
    .foo {} will style all elements with an attribute class="foo" (you can have multiple classes
    assigned to an element too, just separate them with spaces, e.g. class="foo bar")
	Typical uses:
		Generally speaking, you use # for styling something you know is only going to appear once, 
		for example, things like high level layout divs such sidebars, banner areas etc.
		Classes are used where the style is repeated, e.g. say you head a special form of header
		for error messages, you could create a style h1.error {} which would only apply to <h1 class="error">
***************************  CSS INFORMATION ********************************************************/


/***************************  BASE TAG CSS DEFINITIONS*********************************************/
/* KRV: The following style definition redefines the Bootstrap default font size and line height. */
/**************************************************************************************************/
*{
	/*  ( Bootstrap defaults at time this file was prepared )
   font-size: 14px;
   line-height: 1.428;
   */

  font-size: 16px
  line-height: 1.5em;
   
}
body, html {
	background:none repeat scroll 0 0 Linen;
  color:Black;
  height:100%;
  /* 100vh means 100% of viewport height */
  min-height: 100vh;
}
hr {
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0;
  border-top: 5px solid Black;
}
h1, h2, h3, h4, h5, h6 {
  color:Black;
}
ul {
	margin-left: 1em;
	padding-left: 3em;
	list-style-position:outside;
}

li, p {
   font-size: 16px;
}
button {
  border        : 3px solid Black;
	border-radius:5px;
	color: Black;
	background-color: Lightblue;	
  font-size: 16px;
}
button:hover {
  background: Gainsboro;
}
a {
  /*color: #337ab7;*/
  color: Blue;
  text-decoration: none;
}
a:hover,
a:focus {
  /*color: #23527c;*/
	background-color: Gainsboro;
  text-decoration: underline;
}
/******************  END OF BASE TAG CSS DEFINITIONS **************************************/





/********************  START SIDEBAR-NAV DEFINITIONS **************************************
 http://stackoverflow.com/questions/19397140/collapsing-sidebar-with-bootstrap-3
 http://jsfiddle.net/r53w7ofg/
*/
/* make sidebar nav vertical */ 
@media (min-width: 768px) {
  .sidebar-nav {
    left: 0;
    list-style: none;
    height: 100%;
    margin: 0;
    overflow-y: auto;
    padding: 0;
    position: fixed;
    top: 0;
    /*width: 250px;*/
    width:BS_SIDEBAR_WIDTH;
    z-index: 1;
  } 
  
  .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
  }
  .sidebar-nav .navbar ul {
    float: none;
  }
  .sidebar-nav .navbar ul:not {
    display: block;
  }
  .sidebar-nav .navbar li {
    float: none;
    display: block;
  }
  .sidebar-nav .navbar li a {
    /*
    padding-top: 12px;
    padding-bottom: 12px;
    */
    padding-top: 10px;  /* controls spacing on menu item */
    padding-bottom: 10px;  /* controls spacing on menu item */
    background-color:Linen;
  }
  .sidebar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin: 0;
    /*
    padding: 5px 0;
    background-color: transparent;
    */
    padding: 0px 0;  /* controls spacing above and below entire set of items in a dropdown menu */
    background-color:Linen;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .sidebar-nav .navbar-brand {
    width: 100%;
  }
  #page-wrapper {
    position: inherit;
    /*margin: 0 0 0 250px;*/
    margin: 0 0 0 BS_SIDEBAR_WIDTH;
    /*padding: 30px;*/
	  padding-top: 0px;   /* control spacing around page-wrapper */
	  padding-left: 10px;   /* control spacing around page-wrapper */
		padding-bottom: 10px;   /* control spacing around page-wrapper */
	  padding-right: 10px;   /* control spacing around page-wrapper */
    /*min-height: 1300px;*/
		min-height: 100vh-30px;
  }
	#menu-wrapper {
		min-height: 100vh;
	}
}
@media (max-width: 767px) {
	/*
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  */
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: Black;
    /*background-color: transparent; */
	  background-color:Gainsboro;
  }
	/*  
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
	*/  
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  CREATED VISIONS "sidebar-nav" MODS  TO APPLY TO ALL SIZES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
*/
/* next mod relocated here from "@media (min-width: 768px)" to apply to all*/
.sidebar-nav .open .dropdown-menu > li > a {
	/*
  padding: 5px 15px 5px 25px;
  */
  padding-top: 10px;   /* control spacing of each item in a dropdown menu */
  padding-left: 25px;   /* control spacing of each item in a dropdown menu */
	padding-bottom: 10px;   /* control spacing of each item in a dropdown menu */
  padding-right: 0px;   /* control spacing of each item in a dropdown menu */
  color:Black !important;
}
.sidebar-nav .navbar-brand ul:hover {
  width: 100%;
   background-color:transparent;
}

.sidebar-nav .navbar li a {
	color:Blue; /* controls text color of menu item in default mode */
}
.sidebar-nav .navbar li a:hover {
  /*
  padding-top: 12px;
  padding-bottom: 12px;
  */
  padding-top: 10px;  /* controls spacing on menu item when hovering */
  padding-bottom: 10px;  /* controls spacing on menu item when hovering */
  color:Black !important;
  background-color:Gainsboro;
}
.sidebar-nav .divider {
  /*background-color: #317256; */
  background-color:Blue;
}

/******************  END SIDEBAR-NAV DEFINITIONS **************************************/


/********************************************************************************************
  START OF CREATED VISIONS STYLE MODS
********************************************************************************************/
#navbar-CMS.navbar-default {
  font-size: 16px;
  background-color:Linen;
  border: 1px solid transparent;*/
}

/*  The following is used on the dropdown heading when the dropdown is open  */
.navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  color:Blue !important;
  background-color:Gainsboro;
}

/*  class="active" styling  */
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus {
  color:Black !important;
  background-color:Lime;
}
.navbar-default .navbar-nav > .active > a:hover {
  color:Black !important;
  background-color:Gainsboro;
}
.container-fluid {
	/*
  padding-right: 15px;
  padding-left: 15px;
  */
  padding-top: 0px;  /* control spacing at top of container-fluid */
  padding-right: 5px;  /* control right side padding around container-fluid  */
  padding-left: 5px;  /* control left side padding around container-fluid  */
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  padding-top: 0px;  /* control spacing at top */
  min-height: 1px;
	/*
  padding-right: 15px;
  padding-left: 15px;
  */
  padding-right: 5px;  /* reduce right side padding around all divs  */
  padding-left: 5px;   /* reduce left side padding around all divs  */
}
/******  END OF CREATED VISIONS SIDEBAR/NAVBAR STYLE MODS **********************************/

/********************************************************************************************
  START OF CREATED VISIONS CAROUSEL STYLE MODS
********************************************************************************************/
/* Put captions below the image */
.carousel-caption {
    position: relative;
    left: auto;
    right: auto;
	  bottom: 0px;
	  padding-top: 00px;
 		padding-bottom: 00px;
	  text-align: center;
  	/*text-shadow: 0 1px 2px rgba(0, 0, 0, .6);*/
  	text-shadow:none;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
      width: BS_CAROUSEL_WIDTH;
      margin: auto;
}
/**** img-responsive { margin: 0 auto; } *****/
/*.img-responsive {  display: block;  height: auto; max-width: 1260px; }*/

.carousel-control {
	  position: fixed;
    top: 0px;  /* Was top: 40% */
}
.carousel-control {
  /*position: absolute;*/
  position:relative;
  top: 0px;
  left: 0;
  bottom: 0;
  width: 10%;
  /*opacity: .8; */
  opacity: 1.0;
  filter: alpha(opacity=70);
  font-size: 20px;
  color: black;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
} 
 
/* Remove background gradient on controls; Make visible only when hovering */
.carousel-control.left, .carousel-control.right {
  background: none !important;
  filter: progid: none !important;
  outline: 0;
 }
/* Make controls visible only when hovering */
/*
.carousel .carousel-control {
  visibility: hidden;
}
.carousel:hover .carousel-control {
  visibility: visible;
}
*/

/* Set carousel indicators div to be at the top of the image AND set height to small number to allow clicking on image to be detected */
.carousel-indicators {
  /*position:relative;*/
  position:absolute;
  top:0px;
  height: 100px;
}
/* Leave space below the carousel so that the pushed indicators don't interfere with content below the slider. */
/*
.carousel-inner {
   margin-bottom:20px;
}
*/
/* Define colors for carousel indicators */
.carousel-indicators li {
  /*background-color: #669966;*/
    background-color:Lightblue;
}
.carousel-indicators .active {
  /*background-color: #FF7600;*/
  background-color: Lime;
/*   better sidebar nav */
.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  background-color: #2e353d;
  position: fixed;
  top: 0px;
  /*230807: width: 300px;*/
  width:BS_SIDEBAR_WIDTH;
  height: 100%;
  color: #e1ffff;
}
.nav-side-menu .brand {
  background-color: #23282e;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
  /*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #181c20;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #23282e;
  margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #020203;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menu li {
  padding-left: 0px;
  border-left: 3px solid #2e353d;
  border-bottom: 1px solid #23282e;
}
.nav-side-menu li a {
  text-decoration: none;
  color: #e1ffff;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li:hover {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}
@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}
body {
  margin: 0px;
  padding: 0px;
}
  
}
/******  END OF CREATED VISIONS CAROUSEL STYLE MODS **********************************/