/* ==============================================================
    CLEAN 4 - El Tigre Styling
================================================================= */




/*Specific temp YUI Fixes (bootstrap hacks)*/

div#decode-container_c.yui-panel-container.yui-dialog.shadow {
	z-index: 9999 !important;
}
div#dialog-container_c.yui-panel-container.yui-dialog.shadow {
	z-index: 9999 !important;
}
div#dialog-container_mask.mask {
	z-index: 9998 !important;
}
div#decode-container_mask.mask {
	z-index: 9998 !important;
}
/*Columns squishing...*/
.yui-content * { 
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
.yui-content:after, :before {
     -webkit-box-sizing: content-box !important; 
     -moz-box-sizing: content-box !important; 
     box-sizing: content-box !important; 
}


/*Info panels hiding behind header bar*/

/*need to test b4 launching -ptep 9/8*/

/*.yui-overlay, .yui-panel-container {
	z-index: 999 !important;
}*/

.connect-margin{
	margin-top: -20px !important;
}



body {
	-ms-overflow-style: scrollbar;
}

h2,.h2 {
	font-size: 20px!important;
}

h4 {
	font-family: roboto !important;
	font-size: 18px;
	font-weight: 300;
}

#footer {
  margin: 5px;
  padding: 0 5px;
  width: 99%;
  min-width: 880px;
  max-width: 1100px;
}

#bottom-rule{
	width: 99%;
	min-width: 880px;
	max-width: 1100px;
	height:				2px; 	/* 12px; */
	
	margin:				10px 10px 10px 0px; /* 10px; */
	
	background-image:	url(../images/bar-normal.png);
	background-repeat:	repeat-x;
	background-position:	left center;
}


/* WRAPPER STYLE */
#wrapper {
    padding-left: 100px;
}

#page-content-wrapper {
	margin-top: -20px; /*shift page content up until new header in place for tigre*/
    padding: 20px;
    position: relative;
}

#wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
    margin-top: 60px;
    padding-left: 100px;
    margin-left: -100px; /* fixing 100% width overflow */
}

#page-header {
	margin-top: -20px;
	margin-bottom:30px;
}

/* MODAL STYLING */

.modal-backdrop {
	height: 200%;
	width: 200%;
	z-index: 1039;
}

.modal-backdrop.in {
	opacity: .7 !important;
}

#reportLink {
	text-decoration: none;
}


/* ==============================================================
    NAVIGATION
================================================================= */

/* SIDEBAR STYLING */

.sidebar-nav {
	position: fixed;
	float: left;
	left: 0px;
	top: 0;
	height: 100%;
	width: 90px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #d8dada;
	border: 4px solid #fff;
	border-top: 0px solid #fff;
	z-index: 1000;
	-webkit-box-shadow: 0px 55px 26px -9px rgba(0,0,0,0.27);
	-moz-box-shadow: 0px 55px 26px -9px rgba(0,0,0,0.27);
	box-shadow: 0px 55px 26px -9px rgba(0,0,0,0.27);
}

.sidebar-nav li {
	border-bottom: 1px solid;
	height: 71px;
	margin-top: 6px;
	border-color: #b7b7b7;
}

.sidebar-nav .active{ 	
		/* "Depressed" active li */
		background-color: #196291;
		margin-top: -5px;
		padding-top: 10px !important;
		height: 85px;
}

.sidebar-nav .active:after{  /*add in our carat*/
	content:"\E250";
	font-family:"Glyphicons Halflings";
	color: #196291;
	margin-left: -3px;
	position: absolute;
	margin-top: 20px;
	font-size: 18px;
}

/* DRAWER STYLING */

.sidebar-nav .top-tile {
	background-color: #196291;
	height: 83px;
	margin-top: 0;
	padding-top: 8px;
	z-index: -2;
}

.sidebar-nav .dropdown-menu {/* Override bootstrap for sidebar nav only */
	left: -3px; /*line up with white boarder */
	top: -10px; /*Under parent nav-button */
	padding: none;
	z-index: -1;
	-webkit-box-shadow: 0px 3px 26px -9px rgba(0,0,0,0.27);
	-moz-box-shadow: 0px 3px 26px -9px rgba(0,0,0,0.27);
	box-shadow: 0px 3px 26px -9px rgba(0,0,0,0.27);
	list-style: none;
	background: #d8dada;
	border: 4px solid #fff;
	max-height: 85px;
	border-radius: 0px;
	padding-left: 86px;
}

.dropdown-menu.opened-tiles {
	top: -2px !important;
}
.dropdown.open {
  border-bottom: 0 none;
}
.dropdown-tiles {
    height: 76px !important;
}

.dropdown-tiles.active {
	padding-top: 0px !important;
	margin-top: -4px !important;
	height: 76px !important;
	margin-right: -3px;
	margin-left: -4px;
}

li.dropdown-tiles.active:after{
	 /*add in our carat*/
	margin-top: -13px !important;
	margin-left: -43px !important;	
	-ms-transform: rotate(270deg) !important; /* IE 9 */
	-webkit-transform: rotate(270deg) !important; /* Chrome, Safari, Opera */
	transform: rotate(270deg) !important;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
   
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
   height: 90px;
   line-height: 60px;
   margin-top: 10px;
   padding-left:16px;
}

li.sidebar-brand {
	
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

.list-inline li {
	border-bottom: 0px;
	margin-top: -5px;
	border-left: 1px solid #b7b7b7;
}

.list-inline {
	height: 90px;
}

.nav-button.admin.dropdown-toggle {
    margin-top: 2px;
}


/* ==============================================================
    NOTIFICATIONS
================================================================= */

.nav>li>a:hover {
	background-color: transparent !important;
}

.nav>li>a:focus {
	background-color: transparent !important;
}

.headerbar {
	font-family: roboto;
	font-weight: 300;
}

.lightOpacity {
	opacity: .3;
}

.slides-container h4 {
	font-family: roboto !important;
	font-size: 18px;
	font-weight: 300;
}

.notifType {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #8c96a0;
	text-shadow:1px 1px 1px #fff;
	border:1px solid #dce1e6;
	box-shadow: 0 1px 2px #fff inset,0 -1px 0 #a8abae inset;
	background: -webkit-linear-gradient(top,#f2f3f7,#e4e8ec);
	background: -moz-linear-gradient(top,#f2f3f7,#e4e8ec);
	background: linear-gradient(top,#f2f3f7,#e4e8ec);
	height: 200px;
}



.freqButton:disabled{
	opacity: .9 !important;
	
}

.weekdayButton {
	min-height: 25px;
}

.monthButton {
	min-height: 25px;
}

.depressed {
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset !important;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset !important;
	box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset !important;
	background: #11618F !important;
	position: relative;
	color: white !important;
	top: 1px;
	text-shadow: none !important;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;  
}

.notifType img {
	width: 75%;
	max-width: 150px;
}

.box.notifType {
	width: 100%;
	text-align: center
}

.notifType:hover{
	  background: -webkit-linear-gradient(top,#fefefe,#ebeced);
	  background: -moz-linear-gradient(top,#f2f3f7,#ebeced);
	  background: linear-gradient(top,#f2f3f7,#ebeced);
	
}

.notifHeading {
	font-size: 25px !important;
	padding-top: 10px;
	font-weight: 300;
	font-family: roboto;
}

.notifLine {
	border-bottom: 1px solid #333;
}

.steps {
	font-weight: 300;
	font-family: roboto;
	font-size: 20px !important;
	text-align: right;
}

.notifFooting {
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
	font-size: 25px !important;
}

#slides{
	/*overflow-y: scroll !important;*/
	overflow-x: hidden !important;
}

.panels {
	overflow-y: scroll !important;
	overflow-x: hidden !important;
}

.slides-container {
	/*margin-top: 50px !important;*/
	
}

.slides-control .container {
max-width: 900px;
}


.button-b1 {
  display: inline-block;
  zoom: 1;  
  padding: 6px 18px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  font: bold 13px arial, helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  color: #555;
  background-color: #ddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out; 
  -o-transition: background-color .2s ease-out;  
  transition: background-color .2s ease-out;
  background-clip: padding-box;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .9);  
}

.input-b1 {
display: inline-block;
zoom: 1;  
padding: 6px 20px;
margin: 0;
cursor: pointer;
border: 1px solid #bbb;
overflow: visible;
font: bold 13px arial, helvetica, sans-serif;
text-decoration: none;
white-space: nowrap;
color: #2a2a2a;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
background-image: -ms-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
background-image: -o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
background-image: linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,0));
-webkit-transition: background-color .2s ease-out;
-moz-transition: background-color .2s ease-out;
-ms-transition: background-color .2s ease-out; 
-o-transition: background-color .2s ease-out;  
transition: background-color .2s ease-out;
background-clip: padding-box;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;


}

.button-b1:hover{
  background-color: #eee;
  color: #555;
}

.button-b1:active{

/*commented out bc of button click probs -ptep 8/25*/

  background: #e9e9e9;
 /* position: relative;
  top: 1px;
  text-shadow: none;*/
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
}

.button-b1[disabled], .button-b1[disabled]:hover, .button-b1[disabled]:active{
  border-color: #eaeaea;
  background: #fafafa;
  cursor: default;
  position: static;
  color: #999;
  -moz-box-shadow: none !important; 
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}



.button-b1.small{
  padding: 4px 12px;
}



.button-b1.large{
  padding: 12px 30px;
  text-transform: uppercase;
}

.button-b1.large:active{
  top: 2px;
}



.button-b1.color{
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.2);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
  background-image: linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));  
}

.button-b1.green{
  background-color: #57a957;
  border-color: #57a957;
  color: white!important;
}

.button-b1.green:hover{
  background-color: #62c462;
}

.button-b1.green:active{
  background: #57a957;
}

/* */

.button-b1.red{
  background-color: #c43c35;
  border-color: #c43c35;
}

.button-b1.red:hover{
  background-color: #ee5f5b;
}

.button-b1.red:active{
  background: #c43c35;
}


.button-b1.blue{
  background-color: #11618f;
  border-color: #11618f;
  color: white !important;
}

.button-b1.blueH:hover{
  background-color: #1370a5;
}

.button-b1.blue:active{
  background: #11618f;
}

/* */

.green[disabled], .green[disabled]:hover, .green[disabled]:active{
  border-color: #57A957;
  background: #57A957;
  color: #D2FFD2;
}

.red[disabled], .red[disabled]:hover, .red[disabled]:active{
  border-color: #C43C35;
  background: #C43C35;
  color: #FFD3D3;
}

.blue[disabled], .blue[disabled]:hover, .blue[disabled]:active{
  border-color: #269CE9;
  background: #269CE9;
  color: #93D5FF;
}


.button-group-b1,
.button-group-b1 li{
  display: inline-block;
  zoom: 1;
}

.button-group-b1 {
  font-size: 0; 
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, .04);
  border-bottom: 1px solid rgba(0, 0, 0, .07);
  padding: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px; 
}

.button-group-b1 li{
  margin-right: -1px; 
}

.button-group-b1 .button-b1 {
  font-size: 13px; 
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; 
}

.button-group-b1 .button-b1:active{
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;   
}

.button-group-b1 li:first-child .button-b1{
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.button-group-b1 li:first-child .button-b1:active{
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, -5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}

.button-group-b1 li:last-child .button-b1{
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.button-group-b1 li:last-child .button-b1:active{
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
  box-shadow: 0 0 1px rgba(0, 0, 0, .2) inset, 5px 0 5px -3px rgba(0, 0, 0, .2) inset;
}

.confirmDetails a {
	font-size: 16px;
}

.ms-parent {
	width: 250px !important;
}

.slides-pagination {
	
	display: none !important;
}

#mobileExit{
	visibility: hidden;
	padding: 15px;
	float: right; 
	font-size: 15px;
}

input#timepicker-notif{
		width: 100px;
		height: 35px;
		padding: 10px;
		-webkit-border-radius: 5px;
	    -moz-border-radius: 5px; 
	    border-radius: 5px;
	    border: 1px solid #9f9f9f 
}

.confirmPencils {
	font-size: 14px;
	color: #11618f;
	cursor: pointer;
	
}

li.ms-optgroup-label {
	font-weight: 800;
	color: black !important;
	font-size: 14px
}


/* ==============================================================
    SECURITY
================================================================= */


#listStationsModal {
	z-index: 9999;
	display: block;
	margin: 0 auto;
}

#managelistStationsModal {
	z-index: 9999;
	display: block;
	margin: 0 auto;
}

#managelistAlertsModal{
	z-index: 9999;
	display: block;
	margin: 0 auto;
}
#confirmList {
	z-index: 9999;
	display: block;
	margin: 0 auto;
}

#listAccountModal {
	z-index: 9999;
	display: block;
	margin: 0 auto;
}

#print-event {
	z-index: 9999;
	display: block;
	margin: 0 auto;
}



#confirmListBody {
	max-height: 400px;overflow: scroll;
}

#manageAlertsBody{
	max-height: 400px;overflow: scroll;
}

#manageStationsBody{
	max-height: 400px;overflow: scroll;
	
}

#stationAddedMsg {
	top: 25px;
	left: 20px;
	position: relative;
}

#groupAddedMsg {
	top: 25px;
	position: relative;
}

/* ==============================================================
    SUPPORT PAGE
================================================================= */


.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	    background-color: #196291 !important;
}

div.col-xs-9.floodWhite {
	border: 1px solid #ddd;
	border-left-color: transparent;
	  border-radius: 0px 4px 4px 0px !important;
	
}

.tab-content{
	background-color: white;
	border-radius: 5px;
	padding: 0 0 0 20px;
	border: 1px solid #e3e3e3;
}

.tabs-left, .tabs-right {
  background-color:#e3edf5;
  border: 1px solid #ddd;
  border-radius:4px;
  border-collapse:initial;
}
.tabs-left {
  border-right: 1px solid #ddd !important;
  text-transform: uppercase;
  font-family: roboto;
  font-weight: 600;
}

.tabs-left:hover {
	background-color: white; !important;
}
.tabs-left>li, .tabs-right>li {
  float: none !important;
  margin-bottom: 2px !important;
}

.nav-tabs>li>a:hover {
	background-color: #eee !important;
}
.nav-pills>li.active>a:hover {
	background-color: #196291 !important;
}


.tabs-left>li {
  margin-right: -1px !important;
}
.tabs-right>li {
  margin-left: -1px !important;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd !important;
  border-right-color: transparent !important;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd !important;
  border-left-color: transparent !important;
}
.tabs-left>li>a {
  border-radius: 4px 0 0 4px !important;
  margin-right: 0 !important;
  display:block !important;
}

.tab-arrows {
	padding-right: 20px;
	float: right;
}
.input-group{
position: relative;
border-collapse: separate;
}

.input-group-search{
position: relative;
display: table;
border-collapse: separate;
}

.search-text {
	font-size: 20px !important;
	font-family: roboto;
}

.search-height {
	height: 40px!important;
}
.ms-parent.search-height {
	width: 170px !important;
}

.searchResults.panel {
	margin-bottom:10px !important;
}

.support-panel {
	margin: 20px 20px 0 0;
	font-family: roboto;
}

.support-panel .panel-heading, .support-panel .panel-title {
	font-weight: 600;
	font-size: 13px !important;
	/*text-transform: uppercase;*/
	cursor: pointer; 
	cursor: hand;
}

.clearable{
  background: #fff url(http://i.stack.imgur.com/mJotv.gif) no-repeat right -10px center !important;
  border: 1px solid #999;
  padding: 3px 18px 3px 4px;     /* Use the same right padding (18) in jQ! */
  border-radius: 3px;
  transition: background 0.4s;
}
.clearable.x  { background-position: right 10px center !important; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
.clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */

.result {
	cursor: pointer; 
	cursor: hand;
	padding-top: 15px;
}
.support-panel .panel-body {
	padding: 15px;
}

.search-cover {
	background-color: black;
	z-index: 9995;
	width: 100%;
	height:100%;
}


.search-open {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 20px;	
	max-height: 400px;
	overflow-y: scroll;
}

.search-doc {
	margin: 5px;
	padding: 48px;
	height: 48px;
	width: 48px;
	background-image:url(../images/mov.png);
	background-repeat: no-repeat;
}

.search-result {
	text-align:center;
	padding: 10px;
	overflow: hidden;
}

.search-cats {
	text-transform: uppercase;
	font-family: roboto;
	font-weight: 600;
}

i.glyphicon.glyphicon-share {
	padding-right: 10px;
}


#popDocList, #featDocList, #newDocList {
	line-height: 20px;
}


.nav-tabs-dropdown {
  display: none !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.nav-tabs-dropdown:before {
  content: "\e114";
  font-family: 'Glyphicons Halflings';
  position: absolute;
  right: 30px;
}

@media screen and (min-width: 769px) {
  #nav-tabs-wrapper {
    display: block!important;
  }
}
@media screen and (max-width: 768px) {
    .nav-tabs-dropdown {
        display: block !important;
    }
    #nav-tabs-wrapper {
        display: none ;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        text-align: center;
    }
   .nav-tabs-horizontal {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
   }
    .nav-tabs-horizontal  > li {
        float: none;
    }
    .nav-tabs-horizontal  > li + li {
        margin-left: 2px;
    }
    .nav-tabs-horizontal > li,
    .nav-tabs-horizontal > li > a {
        background: transparent;
        width: 100%;
    } 
    .nav-tabs-horizontal  > li > a {
        border-radius: 4px;
    }
    .nav-tabs-horizontal  > li.active > a,
    .nav-tabs-horizontal  > li.active > a:hover,
    .nav-tabs-horizontal  > li.active > a:focus {
        color: #ffffff;
        background-color: #428bca;
    }
}


.singleDoc {
	cursor: pointer;
}

#categoryCheckboxes {
	max-height: 100px;
	overflow: scroll;
	border: 1px solid #eee;
	margin-left: 15px
}
.support-tabs{
	border: 1px solid #bab9b9;
	border-radius: 20px;
	background-image:-webkit-linear-gradient(top,#e8e8e8 0,#e1e1e1 49.8%,#d5d5d5 100%);
	background-image:linear-gradient(to bottom,#e8e8e8 0,#e1e1e1 49.8%,#d5d5d5 100%);
	height: 250px;
}
.training-videos{
	background-image: url(../images/nav-icons/training.svg);
	background-repeat: no-repeat;
	position:relative;
	color:#11618f;
	border: none !important;
	border-radius: 20px !important;
	float:left;
	-webkit-transition:all .1s linear;
	transition:all .1s linear;
	-moz-box-shadow:1px 2px 4px rgba(0,0,0,.53),inset 0 4px 1px 1px #fff,inset 0 -3px 1px 1px rgba(204,198,197,.5);
	opacity:1;
	height: 100%;
	width: 100%;
	background-size: autos;
	background-position: center;
	}
	
.active .training-videos{
	background-image: url(../images/nav-icons/active/training.svg);
	}
	
.training-videos:after{
	color:#e9e6e4;
	content:"";
	display:block;
	font-size:30px;
	height:30px;
	text-decoration:none;
	text-shadow:0 -1px 1px #bdb5b4,1px 1px 1px #fff;
	position:absolute;
	width:30px;
	}
.support-docs{
	background-image: url(../images/nav-icons/support-doc.svg);
	background-repeat: no-repeat;
	position:relative;
	border: none !important;
	border-radius: 20px !important;
	float:left;
	-webkit-transition:all .1s linear;
	transition:all .1s linear;
	-moz-box-shadow:1px 2px 4px rgba(0,0,0,.53),inset 0 4px 1px 1px #fff,inset 0 -3px 1px 1px rgba(204,198,197,.5);
	opacity:1;
	height: 100%;
	width: 100%;
	background-size: auto;
	background-position: center;
	}
	
.active .support-docs{
	background-image: url(../images/nav-icons/active/support-doc.svg);
	}
.support-docs:after{
	color:#e9e6e4;
	content:"";
	display:block;
	font-size:30px;
	height:30px;
	text-decoration:none;
	text-shadow:0 -1px 1px #bdb5b4,1px 1px 1px #fff;
	position:absolute;
	width:30px;
	}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #196291 !important;
}
/* ==============================================================
    AUX POWER
================================================================= */


.fixed-table-footer {
	height: auto !important;
	
}


.popover {
	max-width: 50% !important;
}

.bootstrap-timepicker-widget.dropdown-menu {

	z-index: 9999 !important;	
}

input#timepicker-aux{
		width: 100px;
		height: 35px;
		padding: 10px;
		-webkit-border-radius: 5px;
	    -moz-border-radius: 5px; 
	    border-radius: 5px;
	    border: 1px solid #9f9f9f 
}

.isloading-overlay{position:relative;text-align:center;}.isloading-overlay .isloading-wrapper{background:#FFFFFF;-webkit-border-radius:7px;-webkit-background-clip:padding-box;-moz-border-radius:7px;-moz-background-clip:padding;border-radius:7px;background-clip:padding-box;display:inline-block;margin:0 auto;padding:10px 20px;top:10%;z-index:9000;}

.spin {
    -webkit-animation: spin 1.2s infinite linear;
    animation: spin 1.2s infinite linear;
    font-size: 14px!important;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
/* NAV-BUTTON STYLING */

.nav-button{position:relative;background-image:-webkit-linear-gradient(top,#e8e8e8 0,#e1e1e1 49.8%,#d5d5d5 100%);background-image:linear-gradient(to bottom,#e8e8e8 0,#e1e1e1 49.8%,#d5d5d5 100%);color:#08c;border-radius:50%;box-shadow:1px 2px 4px rgba(0,0,0,.53),inset 0 0 0 0 rgba(0,0,0,.53),inset 0 -35px 5px 0 rgba(204,198,197,.53);float:left;height:60px;width:60px;margin:0 10px;-webkit-transition:all .1s linear;transition:all .1s linear;-moz-box-shadow:1px 2px 4px rgba(0,0,0,.53),inset 0 4px 1px 1px #fff,inset 0 -3px 1px 1px rgba(204,198,197,.5);border-bottom:1px solid #bab9b9;opacity:1}.list-inline .nav-button{margin:6px 5px 0}.list-inline.nav-button.active{margin:0 5px}.active .nav-button{background-image:-webkit-linear-gradient(top,#226290 0,#226290 50.7%,#2a75ab 100%);background-image:linear-gradient(to bottom,#226290 0,#226290 50.7%,#2a75ab 100%);color:#08c;border-radius:50%;box-shadow:inset 1px 1px 4px rgba(0,0,0,.53),inset 0 -2px 2px 1px rgba(0,0,0,.2),1px 2px 5px rgba(255,255,255,.25);-moz-box-shadow:inset 1px 2px 4px rgba(0,0,0,.53),inset 0 -3px 1px 1px rgba(0,0,0,.2),1px 2px 5px rgba(255,255,255,.25);border-bottom:1px solid #124869}.nav-button:after{color:#e9e6e4;content:"";display:block;font-size:30px;height:30px;text-decoration:none;text-shadow:0 -1px 1px #bdb5b4,1px 1px 1px #fff;position:absolute;width:30px}

/* ICON STYLING */

.global:after {
    background-image: url(../images/nav-icons/global.svg);
    left: 8px;
    top: 8px;
    height: 45px;
    width: 45px
}

.active .global:after {
    background-image: url(../images/nav-icons/active/global.svg);
    left: 8px;
    top: 8px;
    height: 45px;
    width: 45px
}

.dashboard:after {
    background-image: url(../images/nav-icons/dashboard.svg);
    left: 11px;
    top: 12px;
    width: 38px;
    height: 38px
}

.active .dashboard:after {
    background-image: url(../images/nav-icons/active/dashboard.svg);
    left: 11px;
    top: 12px;
    width: 38px;
    height: 38px
}

.fullness:after {
    background-image: url(../images/nav-icons/fullness.svg);
    left: 10px;
    top: 11px;
    width: 39px;
    height: 39px
}

.active .fullness:after {
    background-image: url(../images/nav-icons/active/fullness.svg);
    left: 10px;
    top: 11px;
    width: 39px;
    height: 39px
}

.warning:after {
    background-image: url(../images/nav-icons/warnings.svg);
    left: 7px;
    top: 7px;
    width: 45px;
    height: 45px
}

.active .warning:after {
    background-image: url(../images/nav-icons/active/warnings.svg);
    left: 7px;
    top: 7px;
    width: 45px;
    height: 45px
}

.report:after {
    background-image: url(../images/nav-icons/reports.svg);
    left: 9px;
    top: 10px;
    width: 45px;
    height: 45px
}

.active .report:after {
    background-image: url(../images/nav-icons/active/reports.svg);
    left: 9px;
    top: 10px;
    width: 45px;
    height: 45px
}

.admin:after {
    background-image: url(../images/nav-icons/admin.svg);
    left: 9px;
    top: 6px;
    width: 45px;
    height: 45px
}

.active .admin:after {
    background-image: url(../images/nav-icons/active/admin.svg);
    left: 9px;
    top: 6px;
    width: 45px;
    height: 45px
}

.inventory:after {
    background-image: url(../images/nav-icons/inventory.svg);
    left: 5px;
    top: 6px;
    width: 48px;
    height: 48px
}

.active .inventory:after {
    background-image: url(../images/nav-icons/active/inventory.svg);
    left: 5px;
    top: 6px;
    width: 48px;
    height: 48px
}

.users:after {
    background-image: url(../images/nav-icons/users.svg);
    left: 5px;
    top: 6px;
    width: 50px;
    height: 50px
}

.active .users:after {
    background-image: url(../images/nav-icons/active/users.svg);
    left: 5px;
    top: 6px;
    width: 50px;
    height: 50px
}

.groups:after {
    background-image: url(../images/nav-icons/groups.svg);
    left: 6px;
    top: 7px;
    width: 49px;
    height: 49px
}

.active .groups:after {
    background-image: url(../images/nav-icons/active/groups.svg);
    left: 6px;
    top: 7px;
    width: 49px;
    height: 49px
}

.security:after {
    background-image: url(../images/nav-icons/security.svg);
    left: 4px;
    top: 3px;
    width: 52px;
    height: 52px
}

.active .security:after {
    background-image: url(../images/nav-icons/active/security.svg);
    left: 4px;
    top: 3px;
    width: 52px;
    height: 52px
}

.notification:after {
    background-image: url(../images/nav-icons/notifications.svg);
    left: 4px;
    top: 3px;
    width: 52px;
    height: 52px;
    opacity: .9
}

.active .notification:after {
    background-image: url(../images/nav-icons/active/notifications.svg);
    left: 4px;
    top: 3px;
    width: 52px;
    height: 52px
}

.accounts:after {
    background-image: url(../images/nav-icons/accounts.svg);
    left: 4px;
    top: 5px;
    width: 52px;
    height: 52px;
    opacity: .9
}

.active .accounts:after {
    background-image: url(../images/nav-icons/active/accounts.svg);
    left: 4px;
    top: 5px;
    width: 52px;
    height: 52px
}

.debug:after {
    content: "Tools";
    text-indent: 0px;
    color: #000;
    font-size: 12px;
    left: 13px;
    top: 23px;
    width: 40px
}

.manufacturing:after {
    content: "Manuf";
    text-indent: 0px;
    color: #000;
    font-size: 12px;
    left: 13px;
    top: 23px;
    width: 40px
}

.active .manufacturing:after {
    content: "Manuf";
    text-indent: 0px;
    color: #fff;
    font-size: 12px;
    left: 13px;
    top: 23px;
    width: 40px;
    text-shadow: none
}

.aux-power:after {
    background-image: url(../images/nav-icons/aux-off.svg);
    left: 4px;
    top: 5px;
    width: 55px;
    height: 55px;
    opacity: .9;
}

.active .aux-power:after {
    background-image: url(../images/nav-icons/active/aux-active.svg);
    left: 4px;
    top: 5px;
    width: 55px;
    height: 55px;
    opacity: .9;
}


.service-issues:after {
    background-image: url(../images/nav-icons/service.svg);
    left: 4px;
    top: 5px;
    width: 55px;
    height: 55px;
    opacity: .9;
}

.active .service-issues:after {
    background-image: url(../images/nav-icons/active/service.svg);
    left: 4px;
    top: 5px;
    width: 55px;
    height: 55px;
    opacity: .9;
}


.dash:after {
    content: "Dash";
    text-indent: 0px;
    color: #000;
    font-size: 12px;
    left: 13px;
    top: 23px;
    width: 40px
}

.active .dash:after {
    content: "Dash";
    text-indent: 0px;
    color: #fff;
    font-size: 12px;
    left: 13px;
    top: 23px;
    width: 40px;
    text-shadow: none
}

.acs:after {
    background-image: url(../images/nav-icons/acs.svg);
    left: 6px;
    top: 14px;
    width: 50px;
    opacity: .9;
}

.active .acs:after {
    background-image: url(../images/nav-icons/active/acs.svg);
    left: 6px;
    width: 50px;
    opacity: .9;
}

.inactiveAcs:after {
    background-image: url(../images/nav-icons/acs.svg);
    left: 6px;
    top: 14px;
    width: 50px;
    opacity: .4;
}

.active .inactiveAcs:after {
    background-image: url(../images/nav-icons/active/acs.svg);
    left: 6px;
    width: 50px;
    opacity: .4;
}

.hopperLock:after {
    background: url(../images/nav-icons/hopperLock.svg) no-repeat top left;
    left: 10px;
    top: 8px;
    width: 42px;
    height: 42px;
    opacity: 1;
}

.active .hopperLock:after {
    background: url(../images/nav-icons/active/hopperLock.svg) no-repeat top left;
    left: 10px;
    top: 8px;
    width: 42px;
    height: 42px;
}
.aux-visible,
.manu-visible {
    visibility: visible!important
}

.warning:active:after {
    color: #f94e66;
    text-shadow: 0 0 6px #f94e66
}

.report:hover:after {
    color: #f99e4e;
    text-shadow: 0 0 6px #f99e4e
}

.dashboard:hover:after {
    color: #83d244;
    text-shadow: 0 0 6px #83d244
}

.fullness:hover:after {
    color: #eb2f2f;
    text-shadow: 0 0 6px #eb2f2f
}

.nav-button:active {
    background-image: -webkit-linear-gradient(top, #dbdbdb 0, #e1e1e1 49.8%, #c5c5c5 100%);
    box-shadow: inset 1px 2px 4px rgba(0, 0, 0, .43), inset 0 0 0 0 rgba(0, 0, 0, .13)
}

.nav-button:active:after {
    color: #dbd2d2;
    text-shadow: 0 -1px 1px #bdb5b4, 0 1px 1px #fff
}


.aux-visible {
	display: block !important;
}


.btn__badge#eco-badge {
  background: #EB1709;
  color: white;
  font-size: 14px;
  position: relative;
  top: -65px;
  right: -50px;
  z-index: 5;
}
.btn__badge#alert-badge {
 background: #EB1709;
 color: white;
 font-size: 14px;
 position: relative;
 top: -65px;
 right: -50px;
 line-height: 1 !important;
 z-index: 5;
}




/* ==============================================================
    Header Styling
================================================================= */

.navbar {
	-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.18);
	-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.18);
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.18);
}

.navbar-inverse {
	background-color: rgba(17, 97, 143, 0.95) !important;
	z-index: 500 !important;
	border-bottom: 4px solid #fff !important;
}

.navbar-inverse .navbar-nav>li>a {
	color: #fff !important;
	font-weight: 600;
}

.navbar-right {
	margin-right: 0px !important;
}

.navbar-inverse .navbar-brand {
  color: #fff !important;
  padding-left: 115px;
}

.dropdown-menu.name:before {
  position: absolute;
  top: -7px;
  left: 134px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-menu.name:after {
  position: absolute;
  top: -6px;
  left: 134px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.navbar-inverse .navbar-nav>.open>a {
	background-color: rgba(17, 97, 143, 0) !important;
}

ul#name-dropdown {
	margin-top: -10px;	
}

.navbar-collapse {
	padding-left: 115px !important;
	
	}

    
#account-overview-table	{
	width: 100% !important;
}

/* ==============================================================
       Some Helpful Padding Classes....
    ================================================================= */

.pad60{padding-top:60px!important}.pad50{padding-top:50px!important}.pad40{padding-top:40px!important}.pad30{padding-top:30px!important}.pad20{padding-top:20px!important}.pad10{padding-top:10px!important}.pad5{padding-top:5px!important}.pad0{padding-top:0!important}.pad10LR{padding-left:10px;padding-right:10px;}.pad60bottom{padding-bottom:60px!important}.pad30bottom{padding-bottom:30px!important}.pad20bottom{padding-bottom:20px!important}.pad10bottom{padding-bottom:10px!important}.pad0bottom{padding-bottom:0!important}.margin60{margin-top:60px!important}.margin50{margin-top:50px!important}.margin40{margin-top:40px!important}.margin30{margin-top:30px!important}.margin20{margin-top:20px!important}.margin10{margin-top:10px!important}.margin60bottom{margin-bottom:60px!important}.margin50bottom{margin-bottom:50px!important}.margin40bottom{margin-bottom:40px!important}.margin30bottom{margin-bottom:30px!important}.margin20bottom{margin-bottom:20px!important}.margin0bottom{margin-bottom:0!important}    



.hide {
	display: none !important;
}

.center-text {
	text-align: center !important;
}



/* ==============================================================
       Some Helpful Color Classes....
    ================================================================= */
    
 
    .mediumdarkgray {
    	color: #626d6f !important;
    }
    
    .forgotField {
    border-color: rgba(236, 81, 81, 0.8) !important;
    outline: 0 !important;
    outline: thin dotted \9 !important;
    /* IE6-9 */
    
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(236, 81, 81, 0.6) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(236, 81, 81, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(236, 81, 81, 0.6) !important;
    
    }

.magenta{color:#FF30EB!important}.floodMagenta{background-color:#FF30EB!important}.red{color:#fe001a!important}.floodRed{background-color:#fe001a!important}.purple{color:#871799!important}.floodPurple{background-color:#871799!important}.lightorange{color:#f90!important}.floodLightorange{background-color:#f90!important}.orange{color:#ff5400!important}.floodOrange{background-color:#ff5400!important}.yellow{color:#ffdb00!important}.floodYellow{background-color:#ffdb00!important}.blue{color:#1a6b96!important}.floodBlue{background-color:#1a6b96!important}.seafoam{color:#0af5e3!important}.floodSeafoam{background-color:#0af5e3!important}.green{color:#006b5c!important}.floodGreen{background-color:#00F536!important}.limegreen{color:#8cd701!important}.floodLimeGreen{background-color:#8cd701!important}.lightgrey{color:#e5ebeb!important}.floodLightgrey{background-color:#e5ebeb!important}.mediumlightgrey{color:#c4caca!important}.floodMediumlightgrey{background-color:#c4caca!important}.mediumdarkgrey{color:#626d6f!important}.floodMediumdarkgrey{background-color:#626d6f!important}.darkgrey{color:#333!important}.floodDarkgrey{background-color:#333!important}.white{color:#fff!important}.floodWhite{background-color:#fff!important}.black{color:#000!important}.floodBlack{background-color:#000!important}


	.bbBlue {
		color: #11618F;
	}

/* ==============================================================
    MEDIA QUERIES
================================================================= */


@media screen and (max-width: 768px) /* width <= 768 px */
{
    .responsive {
    	margin-top: 30px !important; 
    }
    
    #mobileExit{
    	visibility: visible !important;
    	}
    .navbar-collapse {
    	 display: none
    }
    
    
   
}

@media screen and (max-width: 992px)
{
  .steps{
    	display: none !important;
    }
    .responsivePanel {
    	margin-top: 30px !important; 
    }
}

@media screen and (max-height: 685px) /* height <= 685 px */
{
    
    #wrapper {
        margin-left: -25px;
    }
    .navbar.navbar-inverse.navbar-fixed-top {
        margin-left: -25px;
    }
    .sidebar-nav {
/*    	position: absolute;*/
		zoom: .8;
    	min-height: 682px;
    	-webkit-box-shadow: 0px 5px 26px -9px rgba(0,0,0,0.27);
    	-moz-box-shadow: 0px 5px 26px -9px rgba(0,0,0,0.27);
    	box-shadow: 0px 5px 26px -9px rgba(0,0,0,0.27);
    }
    .report-view {
    	width: calc(100% - 70px) !important;
    	margin-left: 70px !important;
    }
    .container-fluid {
        width: calc(100% + 30px);
    }
}

@media screen and (max-width: 950px) /* width <=  950px */
{
   
   button.navbar-toggle {
   	border: none;
   }
   li.divider {
   	display: none;
   }
   .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
   	color: #fff !important;
   }
   .dropdown-menu::after {
   	display: none !important;
   }
  .dropdown-menu::before {
  	display: none !important;
  }
  .navbar-brand{
  	font-size: 16px !important;
  }
  
  ul.nav.navbar-nav.navbar-right {
  	font-size: 12px;
  }
  .tab-arrows {
  	visibility: hidden;
  }
}

/* ==============================================================
    DOCUMENTATION AND TRAINING
================================================================= */
  
.support
{
	position:relative;
	background-image:-webkit-linear-gradient(top,#e8e8e8 0,#e1e1e1 49.8%,#d5d5d5 100%);
	background-image:linear-gradient(to bottom,#e8e8e8 0,#e1e1e1 49.8%,#d5d5d5 100%);
	color: #000 !important;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border: 1px solid #bab9b9;
	border-radius: 5px;
	font-weight: bold;
	font-family: sans-serif;
	width: 210px;
	padding-bottom: 6px !important;
	padding-top: 6px !important;
	margin-top: 10px;
	text-align: center;
	line-height: 15px !important;
}
	
.navbar-nav>li>a.support 
{
	color: #555 !important;
	font-weight: 600;
}
.navbar-nav>li>a.support:hover
{
	background: #11618f !important;
	color: #fff !important;
}
.navbar-nav>li>a.support:active
{
	background: #11618f !important;
	color: #fff !important;
}