.overlay_num {
	  position: absolute; 
	  bottom: 0; 
	  background: rgb(0, 0, 0);
	  background: rgba(0, 0, 0, 0.95); /* Black see-through */
	  color: #f1f1f1; 
	  width: 25px;
	  height: 20px;
	  opacity:0;
	  color: white;
	  font-size: 20px;
	  padding: 7px;
	  text-align: center;
	  opacity: 1;
	}
	.overlay_time {
	  position: absolute; 
	  bottom: 0; 
	  right: 0;
	  width: 120px;
	  height: 24px;
	  background: rgb(0, 0, 0);
	  background: rgba(0, 0, 0, 0.95); /* Black see-through */
	  /*color: #f1f1f1; */
	  opacity:0.8;
	  color: white;
	  font-size: 20px;
	  padding: 0px;
	  text-align: center;
	  overflow-y: hidden;
	  transition: height 0.9s ease-in-out 3s, width 0.9s ease-in-out 4s;
	}
	
	.overlay_time:hover{
		height:60px;
		/*height:60px;*/
		width:190px;
		transition: height 0.5s ease-in-out 0.75s, width 0.5s ease-in-out 0.25s;
	} 
	.overlay_exit:hover{
		width: 40px;
		height: 45px;
		transition: height 0.5s ease-in-out 0.25s, width 0.5s ease-in-out 0.25s;
	} 
	.console_log {
		display: block;
		overflow-y: overlay;
		font-size: 8pt;
	}
	.triangle {
	  width: 0; 
	  height: 0; 
	  border-right: 10px solid transparent;
	  border-top: 10px solid white;
	}
	
	.overlay_exit {
	  position: absolute; 
	  bottom: 0; 
	  right: 0;
	  width: 10px;
	  height: 10px;
	  background: rgb(0, 0, 0);
	  background: rgba(0, 0, 0, 0.95); /* Black see-through */
	  /*color: #f1f1f1; */
	  opacity:0.8;
	  color: white;
	  font-size: 20px;
	  padding: 0px;
	  text-align: center;
	  overflow: hidden;
	  transition: height 0.9s ease-in-out 3s, width 0.9s ease-in-out 3s;
	}
	
	.container:has(.dummyCell), td:has(.dummyCell) {
		background-color: #181a1b !important;
	}	
	td:has(.dummyCell) {
		border: 1px solid black !important;	
	}
	
	.dummyCell:after{
		content: '\FF03'; //'\2717';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		font-size: 157px;
		color: #454544;
		line-height: 168px;
		text-align: center;
	}
	
	
	a.svg {
		position: relative;
		display: inline-block; 
	}
	a.svg:after {
		content: ""; 
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left:0;
	}	
	.green_button{
		filter: grayscale(100%) brightness(70%) sepia(300%) hue-rotate(72deg) saturate(500%);
	}
	.red_button{
		filter: grayscale(100%) brightness(38%) sepia(100%) hue-rotate(303deg) saturate(600%) contrast(1);
	}
	.img_out_button, .vid_emb_button, .vid_out_button, .vid_in_button {
		/* padding: 3px 3px 0px 3px; */
		margin-left: auto;
		margin-right: auto;
		position:relative;
		text-align: justify;
		padding: 0 5px;
		display: inline;
	}
	/*
	.vid_out_button {
		/* padding: 3px 3px 0px 3px; * /
		margin-left: auto; 
		margin-right: auto;
		padding: 0 5%;
		display: inline;
		position:relative;
	}
	.vid_emb_button {
		/* padding: 3px 3px 0px 3px; * /
		margin-left: auto; 
		margin-right: auto;
		padding: 0 5%;
		display: inline;
		position:relative;
	} */
	.hider {
		height:200px;
		
	}
	.hider:hover + .hidee {
		height:0px;
		transition: height 0.5s ease-in-out 0.5s;
		
	}
	.overlay_id {
	  position: absolute; 
	  /* top: 0; */
	  bottom: 0px;
	  background: rgb(0, 0, 0);
	  background: rgba(0, 0, 0, 0.95); /* Black see-through */
	  color: #f1f1f1; 
	  width: 20px;
	  height: 20px;
	  opacity:0.8;
	  color: white;
	  font-size: 16px;
	  padding: 7px;
	  text-align: center;
	    transition: opacity 0.5s ease-in-out 1.5s;
	  
	}
	.overlay_id:hover {
		opacity:0;
	    transition: opacity 0.5s ease-in-out .25s;
	}
	.overlay_title {
	  position: absolute; 
	  top: 0; 
	  right: 0;
	  width: 220px;
	  height: 20px;
	  background: rgb(0, 0, 0);
	  background: rgba(0, 0, 0, 0.95); /* Black see-through */
	  /*color: #f1f1f1; */
	  opacity:0.8;
	  color: white;
	  font-size: 16px;
	  padding: 0px;
	  transition: opacity 1.2s ease-in-out 3s;
	  text-align: center;
	  overflow-y: hidden;
	}
	.overlay_title:hover{
		opacity:0;
	  transition: opacity 0.7s;
	} 
	.container {
	  position: relative;
	}
	.ticker_lp_blueHigh {
		background-color: #0000cb;
		color: #ccc;
	}
	.ticker_lp_blueLow {
		background-color: #000097;
		color: #ccc;
	}
	.ticker_lp_none{
		background-color: #000099;
		color: #888;
	}
	.ticker_nsf_redHigh {
		background-color: #970000;
		color: #ccc;
	}
	.ticker_nsf_redLow {
		background-color: #cb0000;
		color: #ccc;
	}
	
	.ticker_nsf_redFutureHigh {
		background-color: #880000;
		color: #888;
	}
	.ticker_nsf_redFutureLow {
		background-color: #660000;
		color: #888;
	}
	
	.ticker_nsf_current {
		background-color: #aaaaaa;
		color: #cb0000;
		font-weight: bold;
	}
	.lp_ticker_left{
		position: absolute;
		width: 100%;
		overflow:hidden;
		float:left;
		padding-right:0px;
	}
	.lp_ticker_right{
		position: absolute;
		right: 0px;
		float:right;
		padding-left:0px;
	}
	.nsf_ticker_full{
		width:100%;
		overflow: overlay;
		float:left;
	}
	.lp_ticker_full{
		width:100%;
		overflow:hidden;
		float:left;
	}
	.ticker {
		padding: 1px 2px;
		/* padding-bottom: 2px;*/
		font-size: 10pt;
		height:18px;
	}
	#lp_ticker_div{
		overflow-x: hidden !important;
		position: relative;
	}
	#nsf_ticker_div{
	    overflow-y: hidden !important;
	    position: relative;
	}
	#hidee {
	/* background-color: #e00; */
	/* position: relative; */
	top: -35px;
	}
	#vidCellTable {
		position: relative;
		top:0px;
		transition: top 0.5s
	}
	#hideDiv{
		opacity: 1;
		transition:opacity 0.5s;
	}
	#hider {
	/* background-color: #aeaeae; */
	z-index: 99 !important;
	overflow: hidden;
	height: 45px;
	}
	.image {
	  display: block;
	  height: auto;
	}
		/* The switch - the box around the slider */
	.switch {
	  position: relative;
	  display: inline-block;
	  width: 45px;
	  height: 17px;
	  z-index: 19;
	}

	/* Hide default HTML checkbox */
	.switch input {
	  opacity: 0;
	  width: 0;
	  height: 0;
	}

	/* The slider */
	.slider {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: #ccc;
	  -webkit-transition: .4s;
	  transition: .4s;
	  z-index: 21;
	}
	.slider.blueL {
	  background-color: #2196F3;
	}
	.slider.redL {
	  background-color: #cb0000;
	}
	.slider.greenL {
	  background-color: #00cb00;
	}
		

	.slider:before {
	  position: absolute;
	  content: "";
	  height: 17px;
	  width: 17px;
	  left: 0px;
	  bottom: 0px;
	  background-color: white;
	  -webkit-transition: .4s;
	  transition: .4s;
	}

	input:checked + .slider.blue {
	  background-color: #2196F3;
	}
	input:checked + .slider.red {
	  background-color: #cb0000;
	}
	input:checked + .slider.green {
	  background-color: #00cb00;
	  transition: background-color 600ms linear;
	}
	input:checked + .slider.amber {
	  background-color: #ffa500;
	  color: #484848;
	  transition: background-color 600ms linear;
	}

	input:focus + .slider {
	  box-shadow: 0 0 1px #2196F3;
	}


input:checked + .slider:before {
  -webkit-transform: translateX(28px);
  -ms-transform: translateX(28px);
  transform: translateX(28px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}
border {
	 
}
body {
	font-family: "Roboto", Helvetica, sans-serif;
	overflow: overlay;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background:  transparent;
}
::-webkit-scrollbar-thumb {
  background: #af6c00; 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #fb9a00; 
}

.mainClockDiv {
	float:right;
	position:relative;
	top:0px;
}
.mainClockCur{
	float:left;
	color: #b4b3b1;
}
.mainClockLast{
	float:left;
	color:#e70000;
}
.mainClockSlash{
	float:left;
	font-weight: bold;
}
.mainClockNext{
	float:left;
	color:#00b500;
}
.mainClock{
	padding:2px;
	font-size: 20pt;
	font-family: courier new;
}
.documents-item{
	padding: 6px;
	
	
}