/* this is a custome CSS stylesheet */

/* This is the css for the spacer clear buttons*/
button.clear, html input[type=button], input[type=reset], input[type=submit] {
    cursor: default;
}
.clear{
	color:black;
	background-color:white;
	border-color:white;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	/*font-size: 14px;*/
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-image: none;
	border: 1px solid transparent;

	border-radius: 0px;
	-webkit-touch-callout: none; /* iOS Safari */
    	-webkit-user-select: none; /* Safari */
     	-khtml-user-select: none; /* Konqueror HTML */
      	 -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */

}

/* This is the css for the black wall tiles */
button.wall, html input[type=button], input[type=reset], input[type=submit] {
    cursor: default;
}
.wall{
    color:white;
	background-color:#777777;
	border-color:white;
	display: inline-block;
    margin: 0;
    padding: 6px 12px;
	margin-bottom: 0;
	/*font-size: 14px;*/
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0px;
	-webkit-touch-callout: none; /* iOS Safari */
    	-webkit-user-select: none; /* Safari */
     	-khtml-user-select: none; /* Konqueror HTML */
      	 -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

table.fixed.locker { table-layout:fixed; white-space: nowrap;}
table.fixed.locker td { overflow: hidden; white-space: nowrap;
    min-width: 3em;
  width: 3em;
  max-width: 3em;
  min-height: 2.5em;
  height: 2.5em;
  max-height: 2.5em;}

button.clear:focus {outline:0;}
}
.clear.focus,.clear:focus{color:white;background-color:white;border-color:white;}
.clear:hover{color:white;background-color:white;border-color:white;}
.clear.active,.clear:active,.open>.dropdown-toggle.clear{color:white;background-color:white;border-color:white;}
.clear.active.focus,.clear.active:focus,.clear.active:hover,.clear:active.focus,.clear:active:focus,.clear:active:hover,.open>.dropdown-toggle.clear.focus,.open>.dropdown-toggle.clear:focus,.open>.dropdown-toggle.clear:hover{color:white;background-color:white;border-color:white;}
.clear.active,.clear:active,.open>.dropdown-toggle.clear{background-image:none;}
.clear.disabled,.clear.disabled.active,.clear.disabled.focus,.clear.disabled:active,.clear.disabled:focus,.clear.disabled:hover,.clear[disabled],.clear[disabled].active,.clear[disabled].focus,.clear[disabled]:active,.clear[disabled]:focus,.clear[disabled]:hover,fieldset[disabled] .clear,fieldset[disabled] .clear.active,fieldset[disabled] .clear.focus,fieldset[disabled] .clear:active,fieldset[disabled] .clear:focus,fieldset[disabled] .clear:hover{background-color:white;border-color:white;}
.clear .badge{color:white;background-color:white;}

/*-------------This is code for the locker buttons --------------------------*/
.locker a {
	color:White;
}
.btn-default.locker a {
	color:black;
}

.button_width{
    width: 150px;
}


/*---------------------------------------------------------*/

body {
	padding-top:50px;
}

footer {
	padding: 2em 0;
	margin: 3em 0;
	border-top: 1px solid #ddd;
	color: #000;
	background:black;
	text-align: center;
}

footer p{
	color:white;
}

footer h3{
	color:white;
}

footer a{
	color:white;
}

footer a:hover{
	color:orange;
}

p.center {
	text-align:center;
}

p.left {
	text-align:left;
}

p.right {
	text-align:right;
}

right {
	text-align:right;
}



/*Logo*/



#logoB {
	color: orange;
}

th.locker {
		background-color: #999999 !important;
		color:White;

}





/*---------------- NAVIGATION --------------------*/



navbar {
	 min-height: 100px;
}

navbar-default {
	background-color: white;
	border-color: white;

}



#minimenu {
	float: right;
}



h3.supermenu {
	font-size:16px;
	color:#333;

	border-bottom:thin dotted #666;

}
div#quicklinks {
	border-top:thick;
}

div#col-ql {
	border-right:thick #000;
}

h3.smquicklinks {
	font-size:16px;
	color:#333;
	text-align:center;
	margin:20px 0 0 0;
}

h4.supermenu {
	font-size:14px;
	font-style:italic;
	color: orange;
	margin: 5px 0 7px 0;
}

p.supermenu {
	color:#666;
	margin:0;
}



#openenrollment{
	text-align:	center;
	background-color:orange;
	color:white;
	font-weight:600;
	padding: 10px 30px;
}

#openenrollment a{
	color:white;
}

#openenrollment a:hover{
	color:orange;
}

.yamm-supermenu {
	padding:0px 30px 10px;
}

#nextsection {
	text-align:center;
}

/*------------------------------------------------*/



/*------------Feedback Navigation-----------------*/
.bottom-up {top: auto; bottom: 100%; }
.navbar .dropdown-menu.bottom-up:before { border-bottom: 0px solid transparent !important; border-top: 7px solid rgba(0, 0, 0, 0.2); top: auto !important; bottom: -7px; }
.navbar .dropdown-menu.bottom-up:after  { border-bottom: 0px solid transparent !important; border-top: 6px solid white;              top: auto !important; bottom: -6px; }
.navbar-footer #feedback{
	display:block;
	position:fixed;
	margin:0px;
	padding:0px;
	z-index:2147483647;
	vertical-align:bottom;
	left:0px;
	bottom:0px;
	background:#C60;
	color:White;
	width: 100px;
	height: 50px;
	/*

	-moz-border-radius: 150px / 25px;
	-webkit-border-radius: 150px / 25px;
	border-radius: 150px / 25px; */

			  /* Safari */

	/*-webkit-transform: rotate(45deg);*/



	/* Firefox */

	/*-moz-transform: rotate(45deg);*/



	/* IE */

	/*-ms-transform: rotate(45deg);*/



	/* Opera */

	/*-o-transform: rotate(45deg);*/



	/* Internet Explorer */

	/*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6); */

}

p#FB {

	margin-top:1em;

	text-align:center;

}



.navbar-director{

	position:absolute;

	left:0;

	text-align:center;

	margin:auto;

}

.next-section {

	font-size:54px;

}

.checkout {

		text-align:right;

}







/*------------------------------------------------*/





.hccbutton { text-align:center;

	}



.center {

	margin:auto;

	width:100%;

	padding:10px;

}



.glyphicon {

	color: orange;

}

.glyphicon-heart {

	color: red;

}



.tab-pane {

	border-left: 1px solid #ddd;

	border-right: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	padding: 0.8em;

}



/* remove this style */

.glyphicon-pushpin,

.glyphicon-heart {

	color: #3F2B22;

}



/* add these styles */



.glyphicon {

	color: #3F2B22;

}

.active .glyphicon {

	color: #cdae51;

}



@media (min-width: 768px) {

	hide{

		display:none;

	}

	show {

		display:inline;

	}



}

@media (max-width: 767px) {

	hide{

		display:inline;

	}

	show {

		display:none;

	}

	.banner {

		font-size:14;

		line-height:20px;

	}

}



.banner{

	background-color:orange;

	color:White;

	text-align:center;

	font-size:20px;

}



section#top {

  padding:50px;

}

div.top-bar{

  height:30px;

  background-color: orange;

}
.page-header {
    padding-bottom: 5px;
    margin: 5px 0 10px;
    border-bottom: 1px solid #eee;
}
.table {
  margin-bottom: 10px;
}

input:-webkit-autofill {
  content: "\feff"
}

.btn-group-sm>.btn, .btn-sm {
    padding: 7px 5px;
    font-size: 12px;
    line-height: 1;
    border-radius: 0px;
}

.popover {
  color:black;
}