html{
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

body{
    margin: 0;
    padding: 0;
    font-size: 1em;
    line-height: 1.1em;
    color: #060606;
    background-color: #212121;
    overflow: auto;
	max-width: 1920px;
	margin: 0 auto;
}
.lightbox{
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	background-color: rgba(21,21,21,0.8);
	opacity: 0;
	z-index: 97;
}
.lightbox img{
	max-height: 800px;
}
.lightboxBackground{
	
}
.lightboxOverlay{
	position: absolute;
}

ul.controlTabs{
	width: 100%;
	background: linear-gradient(315deg, #222222 3%, #333333 38%);
	padding: 0;
	margin: 0;
	height: 70px;
	align-items: center;
	display: flex;
}

ul.controlTabs a{
	text-decoration: none;
	  color: #777777;
}

ul.controlTabs li{
	width: 50px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background-color: #00ff00;
	list-style-type: none;
	display: inline-block;
	vertical-align: top;
	cursor: pointer;	
}

ul.controlTabs li.SelSiteName{
	width: 300px;
	white-space: nowrap;
	overflow: hidden;
	padding: 10px;
	line-height: 40px;
	max-height: 40px;
}

ul.controlTabs li:hover{
	background-color: #006619;
}

ul.controlTabs a:hover{

	
  color: #ffffff;

	
}

section.mainContainer{
	background-color: #3b3b3b;
	width: 100%;
	height: calc(100vh - 70px);
}

/* width */
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px grey;
	border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background-color: #212121;
	border-radius: 5px;
	cursor: pointer;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background-color: #ffffff;
	cursor: pointer;
}