@font-face {
    font-family: "SprinterSegoe";
    src: url("./FONTS/segoeui.eot");
    src: url("./FONTS/segoeui.eot?#iefix")format("embedded-opentype"),    
    url("./FONTS/segoeui.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

html {height:100%;}
body{padding:0;margin:0;border:0;font-family:SprinterSegoe;font-size:14pt;background-color:#fdfffd;height:100%;}
form{padding:0;margin:0;border:0;}
table{padding:0;margin:0;border:0;font-family:SprinterSegoe;font-size:14pt;}

.nav_element img
{
	width:92%;
	border-radius: 6pt;
	margin:6pt 6pt 0pt 6pt;
}

.nav_element
{	
	margin-bottom:16pt;
	text-align:center;
}

.nav_element a
{
	text-decoration: none;	
	
}

.nav_element a:hover
{
	text-decoration:underline;
}


.nav_element span
{
	padding:0;
	margin:0pt 8pt 0pt 8pt;
	font-size:9pt;
	line-height:11pt;
	display:block;
}

#tdeja_nav_container
{
	width:200pt;
	background-color:#fafafa;
	border-radius:6pt;
	vertical-align:top;
	float:left;
	height: calc(100vh - 36pt);
	overflow-y: scroll;
	overflow-x: hidden;
	margin-top:36pt;
}

#tdeja_play_container
{
 vertical-align:top;
 padding:41pt 6pt 0pt 0pt;
 text-align:center; 
 float:left;
}

#TdejaVideoTitle
{
	font-size:12pt;
	font-weight:bold;
	display:block;
}

.tdeja_wrapper
{
  width: fit-content; /* or fixed width like 400px */
  margin: 0 auto;      /* centers the wrapper */
  overflow: hidden;    /* clear floats */  
}


.tdeja_fixed_hdr
{
	position:fixed;
	z-index:77777;
	top:0;
	left:0;
	width:100%;	
	height:28pt;
	padding-top:6pt;
	box-shadow: 0 0 5pt 3pt rgba(77,77,77,0.1);
	background-color:#fff;
	text-align: center;
}


.video-js {
  border-radius: 6pt;
  overflow: hidden; /* ensures corners are clipped */
}

/* Optional: also apply to control bar (if you want rounded controls too) */
.video-js .vjs-control-bar {
  border-bottom-left-radius: 6pt;
  border-bottom-right-radius: 6pt;
}

@media screen and (max-width: 806pt) {
  #tdeja_nav_container
  {
	  width:170pt;	  
  }
}

@media screen and (max-width: 776pt) {
  #tdeja_nav_container
  {
	  width:140pt;	  
  }
  .nav_element span
  {
	  font-size:8pt;	  
  }
}

@media screen and (max-width: 746pt) {
  #tdeja_nav_container
  {
	  width:110pt;
  }
  .nav_element span
  {
	  font-size:8pt;
  }
}


/*
@media screen and (max-width: 716pt) {
  #tdeja_nav_container
  {
	  width:78pt;
  }
  .nav_element span
  {
	  font-size:7pt;
  }
}
*/

@media screen and (max-width: 716pt) {
  #tdeja_nav_container
  {	 
	 width:100%;
	 overflow:hidden;
  }
  
  .nav_element img
  {
	width:100pt;
	border-radius: 4pt;
	margin:6pt 6pt 0pt 6pt;
  }
  
  #tdeja_play_container
  { 
  width:100%;
  }
  
}