/* The next 2 puts a shadown border around all panel and breadcrumb div sections - give deminsion */
.panel {
  margin-bottom: 20px;
  border-width: 0;
  color: #333333;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.breadcrumb-line {
  border:1px solid #FFF !important;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.thumbnail {
  margin-bottom: 20px;
  border-width: 1px;
  color: #333333;
  -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.12), 1px 2px 3px rgba(0, 0, 0, 0.24);
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.12), 1px 2px 3px rgba(0, 0, 0, 0.24);
}

/* ####### Fixed LEFT nav CSS ####### */
	.navigation > li.active > a,
	.navigation > li.active > a:hover,
	.navigation > li.active > a:focus {
	  background-color: #4e4d91;  /* #9F7A29=rust  #f5821f=orange #080645=purple  352f80  090759 180f8c 191274 251f77 352f80 = purple      1565C0 = blue */
	  color: #fff;
	}
	.navigation > li > ul li.active > a,
	.navigation > li > ul li.active > a:hover,
	.navigation > li > ul li.active > a:focus {
	  background-color: rgba(123,121,172, 0.245); /* rgba(166, 131, 36, 0.245)=rust   250, 9, 9, 0.245 = red -- 182, 94, 13, 0.5=orqange rgba(21, 101, 192, 0.245)=blue */ 
	/*  background-color: #ae9065;*//* #19469d; */
	  color: #fff;
	}

	/* this kills the white line between the top left and left sidebar  edit the color to match the 2 sections ex #052134*/
	.header-highlight .navbar-header {
	    border-top: 0px solid transparent;
	    border-bottom: 3px solid #FFFFFF;// #232176=NLN blue   default = #263238 this is slate-800 = #37474F  use #CC0000 to see whats happening
	    margin-top: 0px;
	    margin-bottom: -1px;
	}

	/* mouse-over tab link colors */
	.navigation > li > a:hover,
	.navigation > li > ul li > a:hover {
	  background-color: #4e4d91;
	  border-color: #4e4d91;
	  color: #FFFFFF;  // B78D1A=rust
	}
/* #######  END of Fixed LEFT nav CSS ####### */

/* Fixed top nav CSS */

	.navbar-inverse .navbar-nav > li.active > a,
	.navbar-inverse .navbar-nav > li.active > a:hover,
	.navbar-inverse .navbar-nav > li.active > a:focus {
	  background-color: #4e4d91; /* 180f8c 191274 251f77 352f80 = purple      1565C0 = blue */
	  color: #fff;
	}
	.navbar-inverse .navbar-nav > li > ul li.active > a,
	.navbar-inverse .navbar-nav > li > ul li.active > a:hover,
	.navbar-inverse .navbar-nav > li > ul li.active > a:focus {
	  background-color: rgba(123,121,172, 0.245); /*   rgba(21, 101, 192, 0.245)=blue */ 
	  color: #333;
	}
	 /* top bar tab mouseovers */
	 .navbar-inverse .navbar-nav > li > a {
	  color: #333;
	 }
	.navbar-inverse .navbar-nav > li > a:hover{
	  background-color: rgba(123,121,172, 0.245);
	  border-color: #4e4d91;
	  color: #333;
	}	
	/* for under top bar tiered drop downs */
	.navbar-inverse .navbar-nav > li > ul li > a {
	 color: #333;
	}
	.navbar-inverse .navbar-nav > li > ul li > a:hover {
	  background-color: rgba(123,121,172, 0.245);
	  border-color: #4e4d91;
	  color: #333;
	}		
/*  END of top bar nav CSS */

/* Second bar nav CSS  */

	.navbar-default .navbar-nav > li.active > a,
	.navbar-default .navbar-nav > li.active > a:hover,
	.navbar-default .navbar-nav > li.active > a:focus {
	  background-color: #4e4d91; /* 180f8c 191274 251f77 352f80 = purple      1565C0 = blue */
	  color: #fff;
	}
	.navbar-default .navbar-nav > li > ul li.active > a,
	.navbar-default .navbar-nav > li > ul li.active > a:hover,
	.navbar-default .navbar-nav > li > ul li.active > a:focus {
	  background-color: rgba(123,121,172, 0.245); /* rgba(123,121,172, 0.245);  rgba(21, 101, 192, 0.245)=blue */ 
	  color: #333;
	}
	/* top bar tab mouseovers */
	.navbar-default .navbar-nav > li > a:hover {
	  background-color: rgba(123,121,172, 0.245);
	  border-color: #4e4d91;
	  color: #333;
	}
        /* for under top bar tiered drop downs */
	.navbar-default .navbar-nav > li > ul li > a:hover {
	  background-color: rgba(123,121,172, 0.245);
	  border-color: #4e4d91;
	  color: #333;
	}
/*  END of Second bar nav CSS */

input[type=text],input[type=tel],input[type=email],select,textarea{border:1px #CCC solid;}
select.form-control,textarea.form-control{border:1px #CCC solid;}
input[type=text]:focus,input[type=tel]:focus,input[type=email]:focus,select:focus,textarea:focus{border:1px #999 solid;background:#EAEAEA;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);}
select.form-control:focus,textarea.form-control:focus{border:1px #999 solid;background:#EAEAEA;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);}

.myfunnels > .nav-tabs-component .active{
  background:#1565C0;
  color:#FFFFFF;
  border-radius: 3px 3px 3px 3px;
}
/* Change active page color  */
.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:focus
{  background-color:#689F38; color: #fff; text-shadow:1px 1px 1px #000; border-radius:4px;}

/* Change inactive button color  */
.pagination > li > a
{  background-color:#777777; color: #fff; text-shadow:1px 1px 1px #000; border-radius:4px;}

/* Change inactive button color  */
.pagination > li > a:hover,
.pagination > li > a:focus
{  background-color:#999999; color: #fff; text-shadow:1px 1px 1px #000; border-radius:4px;}


.bg-PAS-BLUE {
  background-color: #052134;
  border-color: #052134;
  color: #fff;
}
/* Next Level Networker blue */
.bg-NLN-BLUE {
  background-color: #232176;
  border-color: #232176;
  color: #fff;
}
.bg-NLN-BLUE-topBAR {
  background-color: #232176;
  border-color: #232176;
  color: #fff;
  opacity:.8;
}


/* Use in top bar values to force white */
.bg-WHITE {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #333;
}
.bg-WHITE-OPACITY {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #333;
  opacity:.8;
}


.text-shadow-dark {
 text-shadow: 1px 1px 1px #333;
}
.text-shadow-light {
 text-shadow: 1px 1px 1px #CCC;