body{
    margin: 0px;
    padding: 0px;
}
.w3-dropdown-content {
	display: none;
	position:fixed;
	top: translateY() + 38px;
	overflow: auto;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 4px;
	/*z-index:  +1;*/
}
.w3-bar-item{
	/*height:46px;*/
	/*padding-left:8px !important;*/
	padding-right:4px !important;
}
.navigation a {
    display: block;
    color: white;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
}
.navigation a:hover {background:grey;}
.topnav{
	z-index : 1001; 
	height:fit-content; 
	min-height:38px;
	position:fixed;
	width:100%;
	top:0px;
}
section{
	margin-top:70px;
}
.navigation {
    list-style: none;
    margin: 0;
    padding: 0px;
    background: black;
    /*display: flex;
    justify-content: flex-start;*/
    font-family: Arial, Helvetica, sans-serif;
}

#nav2 .w3-mobile{
	display: block;
	text-align: left !important;
	width:100%;
}

#nav2{
	top : 38px;
}
@media only screen and (max-width: 992px){
	.w3-dropdown-hover.w3-mobile .w3-dropdown-content, .w3-dropdown-click.w3-mobile .w3-dropdown-content {
	    position: relative;
	    width:100%;
	}
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 14px 16px;
  z-index: 1;
}

.fa-caret-down{padding-left:8px;padding-right:0px;}
#fa{padding-top:5px;padding-left:5px;padding-right:5px;padding-bottom:3px;}

#btn-go-top {
	display: none;
    position: fixed;
    bottom: 20px;
    right: 1px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    padding: 15px;
    border-radius: 32px;
    font-size: 16px;
}

#btn-go-top:hover {
	background-color: #555; /* Add a dark-grey background on hover */
}

.auto-overflow{overflow-x: auto;}
.padding-0px {padding: 0px 0px 0px 0px;}
.padding-3px {padding: 3px 3px 3px 3px;}
.padding-4px {padding: 4px 4px 4px 4px;}
.padding-5px {padding: 5px 5px 5px 5px;}
.margin-top-5px {margin: 5px 0 0 0;}
.margin-top-10px {margin: 10px 0 0 0;}
.margin-top-20px {margin: 20px 0 0 0;}
.margin-top-60px {margin: 60px 0 0 0;}
.margin-top-66px {margin: 66px 0 0 0;}
.margin-top-70px {margin: 70px 0 0 0;}
.margin-bottom-5px {margin: 0 0 5px 0;}
.margin-bottom-10px {margin: 0 0 10px 0;}
.margin-bottom-20px {margin: 0 0 20px 0;}
.margin-left-10px {margin: 0 0 0 10px;}
.margin-right-10px {margin: 0 10px 0 0;}
.font-10px {font-size: 10px;}
.font-11px {font-size: 11px;}
.font-12px {font-size: 12px;}
.font-14px {font-size: 14px;}
.align-right {text-align: right;}
.align-left {text-align: left;}
.align-center {text-align: center;}
.valign-center {vertical-align: middle;}
.valign-top {vertical-align: top;}
.valign-bottom {vertical-align: bottom;}
.hidden {display: none;}
.width-10px {width:10px;}
.width-20px {width:20px;}
.width-30px {width:30px;}
.width-40px {width:40px;}
.width-50px {width:50px;}
.width-60px {width:60px;}
.width-80px {width:80px;}
.width-100px {width:100px;}
.width-200px {width:200px;}
.width-10pt {width:10%;}
.width-20pt {width:20%;}
.width-30pt {width:30%;}
.width-40pt {width:40%;}
.width-50pt {width:50%;}
.width-60pt {width:60%;}
.width-70pt {width:70%;}
.width-80pt {width:80%;}
.width-90pt {width:90%;}
.width-100pt {width:100%;}
.width-200pt {width:200%;}
.uppercase {text-transform:uppercase;}
#tree-container label.hover{color: red;}
.error {color: #ff0000;}
.errorblock {
	color: #000;
	background-color: #ffEEEE;
	border: 3px solid #ff0000;
	padding: 8px;
	margin: 16px;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ff0000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

#overlay {
	position: fixed; /* Sit on top of the page content */
	display: none; /* Hidden by default */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5); /* Black background with opacity */
	z-index: 9999; /* Specify a stack order in case you're using a different order for other elements */
	cursor: pointer; /* Add a pointer on hover */
}

.loading {
  position: fixed;
  z-index: 9999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
}

.fR{float:right;}
.fL{float:left;}
.bg-light-blue{background-color: #ADD8E6}