body,html { padding:0px;margin:0px;background:dimgray; }
.container, .container-fluid { 
	background:white; 
	padding:0px;
	box-shadow:2px 3px 24px;
}
.buttonIcon {
	background: none;
	border: 0px;
	outline: 0px;
	display:block;
	cursor: pointer;
}
.buttonIcon:focus {
	border: 0px;
	outline: none;
}
.fullHeight { height:100%; }

#loginArea {
	width:95%;
	max-width:512px;
	padding:90px; 
	border: 1px solid lightgray; 
	border-radius:5px;
	margin: 0 auto;
	box-shadow:0px 1px 4px lightgray;
}

h1,h2,h3,h4,h5 { line-height:1.2em; padding:0px; margin:0px; }

.table thead th { border-top:0px; }
#contentInner {
	padding:12px;
} 

.trash { color:#dc3545; font-size: .9rem; }
.add { color:#3ba03b; font-size: .9rem; }

.textAreaFacade {
	background:inherit;
	border:0px;
	outline:0px;
	cursor:pointer; 
	height:100%;
	resize:none
}
.textAreaFacade:hover {  
	border-radius:5px;
	background:rgb(250,250,250); 
}
textarea .textAreaFacade {
	height:1.5em;
}
.nav-pills { text-align:center; }


.camperNoteArea { 
	width: 220%; 
	height: 75%; 
	margin-bottom: 10px;
}

.singleLineTextarea {
	height: 36px;
}
@media (min-width: 576px) {
}


@media (min-width: 768px) {

}

@media (max-width:843px) {
	
}
@media (min-width:768px) {
	
	.nav-pills { text-align:left; }
}

@media (max-width: 992px) {
	
}

@media (min-width: 992px) { 

	.camperNoteArea { width:auto;height:75%; }
}


@media (min-width: 979px) {
	ul.nav li.dropdown:hover > ul.dropdown-menu {
		display: block;
	}
}

@media (min-width: 1200px) { 


}     

 
#snackBar	 {
  visibility: hidden;
  min-width: 250px; 
  color: black;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 20%;
  right:20%;
  top: 30px;
  font-size: 17px;
  font-weight:300;
  box-shadow: 0px 0px 10px rgba(0,0,0,.75);
  font-family:Helvetica; 
}

#snackBar.snackBarAnimation {
  visibility: visible;
  -webkit-animation: fadeInsnackBar	 0.5s, fadeOutsnackBar	 0.5s 2.5s;
  animation: fadeInsnackBar	 0.5s, fadeOutsnackBar	 0.5s 2.5s;
}

@-webkit-keyframes fadeInsnackBar	 {
  from {top: 0; opacity: 0;} 
  to {top: 30px; opacity: 1;}
}

@keyframes fadeInsnackBar	 {
  from {top: 0; opacity: 0;}
  to {top: 30px; opacity: 1;}
}

@-webkit-keyframes fadeOutsnackBar	 {
  from {top: 30px; opacity: 1;} 
  to {top: 0; opacity: 0;}
}

@keyframes fadeOutsnackBar	 {
  from {top: 30px; opacity: 1;}
  to {top: 0; opacity: 0;}
}



.tooltip {
  position: relative;
  display: inline-block; 
  opacity:1;
  z-index:1;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
  
  
  box-shadow: 0px 0px 10px rgba(0,0,0,.75);
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

#secretPixel:link {
	color: dimgray;
}