/* BUILD 1 on Fri Sep 16 15:15:58 2022 */
#slideimage, #slideimage2 {	
	width: 100%;	
	height: auto;		
	position: absolute;	
	visibility: hidden;
}

#smtitlec *{
	margin: 3px;	
}

#logo {
	background-image: url(images/tvserver.png);
	position: fixed;
	bottom: 15px;
	left: 20px;
	width:  200px;
	height: 46px;
}

#playerobj {
	width: 100%;
	height: 100%;
}



#record{
	overflow-y: auto;
	cursor: pointer;
	opacity: 0.8;
}

#record.recording #recordbtn {
    opacity: 0.8;
}

#record i {    
    font-size: 20px;
    position: relative;
    top: -4px;
    margin-left: 10px;
    display: none;
}

body.stopped #record {
	display: none;
}

#message {
	position: absolute;
	right: 80px;
	width: 300px;
	top: 8px;
	height: 32px;
	background: white;
	font-size: 150%;
	z-index: 9999;
	color: black;
	padding: 4px;
	font-weight: 100;
	text-align: center;
	box-shadow: 0 0 5px white;
}

#record:hover {
	opacity: 1;	
}

#record:hover #recordstatus{
	text-shadow: 0 0 5px white;	
}

#record.paused #recordpause {
    color: lightblue;
}


#recordstatus {
	color: white;
	line-height: 32px;
	vertical-align: middle;
	display: inline-block;
	margin:  8px;
	position: relative;
	top: -8px;		
}

#record #recordbtn {
	color: red;
	font-size: 32px;
	top: 0;
    display: inline-block;
	cursor: pointer;
}

#mob_btn {
	display:none;
}

#record.recording i {
    display: inline-block;
	margin: 0 0.5em;
	cursor: pointer;
}

#record #recordoptions {
    display: none;
}

@media (max-device-height: 650px) and (orientation: landscape) {
	#toolbar { 
		height:35px !important; 
	}
	#thumbs { 
		top:35px !important; 
	}

	#smtitlec{
		bottom:0px !important; 
		right:10px !important;
	}

	#channels_dropdown {
		top:15px !important; 
		right:10px !important;
	}
	#channels_dropdown {
		width:150px !important;
	}
	
}


@media (max-device-width: 600px) {
    #toolbar { 
		height:35px !important; 
	}
	#icons i {
		font-size:1.5em !important;
		margin-top: 10px !important;
	}
	#container {
		top:30px;
	}
	#thumbs div.thumblabel {
		margin:10px 10px 0px 10px !important;
	}
	#mob_btn {
		display: block;
		color: #fff;
		padding:9px;
		text-align: center;
		background-color: #000;
	}
	#thumbs {
		top:35px !important;
	}

	#toolbar #logo {
		top: 5px;
		width: 102px;
		background-size: 100%;
		height: 22px;
		left:  5px;
	}
	#toolbar #icons {
		position: absolute;
		width: auto;
		top: 0px;
		right: 100px;
		z-index: 2000;
	}

	#title {
		display: none;		
		height: 0;
		overflow: hidden;
	}

	#toolbar #smtitlec {
		right: 0;
		bottom:0px !important;
		left: auto;		
		z-index:0;
	}
	#thumbs .thumbnamec {
		background-image: url(images/button.png) !important;
	}
	#smtitlec {
		background: none !important;
	}
	#icons {
		display:none;
	}
}

body.touch #thumbs .thumblabel:hover .overlay {
	display: none;	
}

body.largeicons div.thumblabel {
	width: 422px;
	height: 308px;
}

#icons i i {
	font-size: 1em;
	margin: 0;
}

i.sbs-left{
	position: absolute;
	width: 15px;
	overflow: hidden;
	color: lightblue;
	background: black;
	border-right: 1px solid white;	
	top: 5px;
	left:  0;
	z-index:  1;
}

#icons i.pip-sm {
	position: absolute;
	width: 15px;
	overflow: hidden;
	color: lightblue;
	background: black;	
	top: 18px;
	font-size: 50%;
	z-index:  1;
}

.toolbarpinned #pin {
    color: lightblue;
    transform: rotate(0.4rad);
}

.toolbarpinned #toolbar {
    opacity: 1 !important;
}

#timeoutput{
	bottom: 0;
	right: 0;
	position: absolute;
}

#questions {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 23px;
	cursor: pointer;
}

#questions {
	display: none;
}

#questions span, #questions i {
	float: right;
	margin-right: 20px;
	color: #444;
}

#questions .tacont {
	position: absolute;
	left: 5px; right: 5px;
	bottom: 28px;
	height: 80px;
	display: none;
}

#questions textarea {			
	color: #222;
	width: 100%;
	height: 100%;
	background-color: #D7F3FF;
	border: 1px solid silver;	
}


body {
	padding: 0; margin: 0;
	font: 14px Segoe UI,arial,sans-serif;
	color: #fff;
}

#toolbar {
	position: fixed;
	z-index: 50;
	left: 0;
	right: 1px;
	cursor: pointer;
	opacity: 0.5;
}

#toolbar:hover {
	opacity: 1 !important;
}

#vidlibbtn {
	display: none;
}

#nochannels {
    position: absolute;
    width: 300px;
    height: 150px;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -75px;
    z-index: 999;
    color: black;
    padding: 30px;
    font-size: 14px;
    display:none;
    text-align: center;
}

#playerpos {
	position: absolute;
	z-index: 20;
	display: none;
}

#playerinner {
	display: block;
	z-index: 2;	
	background: black;
	overflow: hidden;
}

body.pip-smvid #playerinner {
    cursor: move;
}

#player {
	position: absolute;
	top: 0;
	bottom:  0;
	left:  0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: scale-down;
}

body.stopped #slide, body.stopped #playerinner  {
	display: none;
}

body.pip-smvid #pip, body.pip-bigvid #pip, body.sbs-vidl #pip, body.sbs-vidr #pip, 
	body.pip-smvid #sbs, body.pip-bigvid #sbs, body.sbs-vidl #sbs, body.sbs-vidr #sbs {
	display: inline;
}

body.pip-smvid #playerinner2 {
	width: 100%;
	height: 100%;
}

#playerinner2.pluginmissing {
	text-align: center;	
	top: 30%;
}

#playerinner2.pluginmissing p {
	font-size: 150%;
}

#playerinner2.pluginmissing a {
	color: white;
	font-weight: bold;
}

#playerpos:hover {
	background: #444;
}

#playerpos #playerinner, #playerpos #slide {
	left: 8px;
	top: 8px;
	bottom: 8px;
	right: 8px;
	position: absolute;
}

#container>#playerinner {
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: 2;
}

#pp_move {
	cursor: move;
	left: 8px;
	top: 8px;
	bottom: 8px;
	right: 8px;
	position: absolute;	
	background: transparent;	
	display: none;
	z-index: 20;
}

#pp_move i {
	font-size: 5em;
	opacity: 0.5;	
	position: absolute;
	width: 1em;
	height: 80px;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -0.5em;
}

#playerpos div.resize {	
	position: absolute;	
	display: block;	
}

#playerpos div.resize:hover {
	background-color: white;
}

#pp_tl {
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
	cursor: nwse-resize;
	background-color: #666;
}

#pp_t {
	left: 20px;
	top: 0;
	right: 20px;
	height: 8px;
	cursor: ns-resize;
	background-color: #444;
}

#pp_tr {
	right: 0;
	top: 0;
	width: 20px;
	height: 20px;
	cursor: nesw-resize;
	background-color: #666;
}

#pp_r {
	right: 0;
	top: 20px;
	width: 8px;
	bottom: 20px;
	cursor: ew-resize;
	background-color: #444;
}

#pp_br {
	right: 0;
	height: 20px;
	width: 20px;
	bottom: 0;
	cursor: nwse-resize;
	background-color: #666;
}

#pp_b {
	right: 20px;
	height: 8px;
	left: 20px;
	bottom: 0;
	cursor: ns-resize;
	background-color: #444;
}

#pp_bl {
	left: 0;
	height: 20px;
	width: 20px;
	bottom: 0;
	cursor: nesw-resize;
	background-color: #666;
}

#pp_l {
	left: 0;
	top: 20px;
	width: 8px;
	bottom: 20px;
	cursor: ew-resize;
	background-color: #444;
}

#playerinner h2{
	margin-top: 128px;
	width: 100%;
	text-align: center;
	
}
#playerinner h3, #playerinner p {
	width: 100%;
	text-align: center;
}
body.pip-smvid #playerpos, body.pip-bigvid #playerpos {
	display: block;
}

#pip, #sbs{
	display: none;
	position:  relative;
}

#split {
	position: absolute;
	top: 48px;
	bottom: 0;
	left: 50%;
	width: 16px;
	margin-left: -8px;
	background: transparent;
	z-index: 99;
	opacity: 0.01;
	cursor: ew-resize;
	display: none;
}

#split.dragging {
	box-shadow: 0 0 10px white;
	opacity: 1;
}

body.sbs-vidl #split, body.sbs-vidr #split {
	display: block;
}

#toolbar, #dropdownhint {
	height: 39px;
	background: rgb(11,33,48);
	background: -moz-linear-gradient(top,  rgba(11,33,48,0.8) 0%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(top,  rgba(11,33,48,0.8) 0%,rgba(0,0,0,0.8) 100%);
	background: -o-linear-gradient(top,  rgba(11,33,48,0.8) 0%,rgba(0,0,0,0.8) 100%);
	background: -ms-linear-gradient(top,  rgba(11,33,48,0.8) 0%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(11,33,48,0.8) 0%,rgba(0,0,0,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2130', endColorstr='#000000',GradientType=0 );
}

body.flashmode #dropdownhint {
	display: none;
}

#dropdownhint {
	position: fixed;
	top: 0;
	height: 80px;
	left: 0;
	right: 0;
}

#dropdownhint i {
	float: right;
	margin: 4px 8px;
	font-size: 32px;
	opacity: 0.5;
}

#uname {
    position: fixed;
    _position: absolute;
    top: 0;
    right: 0;
    color: white;
    font-weight: bold;
    text-decoration: none;    
}

#loginbtn {       
   margin: 8px;
}


#recording, #notrecording {
    display: none;
}

#icons {	
	float: left;
	width:  100%;
}

#icons i {
	cursor: pointer;
	font-size: 2em;
	margin: 5px;
}

#icons i:hover, #record i:hover {
	text-shadow: 0 0 5px white;
}

#tvserver h2 {    
    margin: 5px;
    width: 250px;
    font-size: 21px;
}

#tvserver h2.recording{
    color: red;    
    padding: 4px;
    background-color: silver;
    width: auto;
    float: left;      
}


#tvserver h3 {
    position: absolute;
    margin: 5px;
    width: 100px;
}

#channelsRecording,
#startedAt
{
    margin: 5px 150px 5px 150px;     
}

#toolbar #channels {
	padding-top: 16px;
	font-size: 14px;
	width: 200px;
	height: 20px;
	float: right;
}

#thumbs {	
	position: fixed;
	_position: absolute;		
	top: 128px;
	left: 0;
	right: 0;
	bottom: 0;
	width: auto;
    height: auto;    
}

#channels_dropdown {
	right: 20px;
	z-index: 60;
	position: absolute;
	font-size: 20px;
	font-weight: 100;
	text-align: right;
	top: 20px;
	display: none;
	background: white;
	border: 1px solid black;	
	padding: 0;
}

#channels_dropdown li {
	padding: 0 8px 2px 8px;
	margin: 8px;
	list-style: none;
	cursor: pointer;
	min-width: 200px;	
	border: 1px solid silver;
}

#channels_dropdown li:hover {
	border-color: black;
	text-shadow: 0 0 5px white;
}

#smtitlec {
	color: white;
	position: absolute;
	bottom: 5px;
	right: 20px;
	height: 30px;
	font-weight:  100;
	line-height:  30px;
	font-size: 20px;
	width:  300px;
	overflow: hidden;
	text-align:  right;
	cursor: pointer;
}

#smtitlec:hover {
	opacity: 1;
	text-shadow:  0 0 5px white;
}

#title {
	display: none !important;
	color: white;
	position: absolute;
	top: -20px;
	opacity: 0.5;
	left: 10%;
	color: #444;
	font-weight: 100;	
	font-size: 130px;
	z-index: -1;
	white-space: nowrap;
}
#slide{
    background: black;
    z-index: 5;
    overflow: hidden;
    position:  absolute;
    left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}

body.sbs-vidl #slide, body.sbs-vidr #slide, body.pip-smvid #slide {
	top: 40px;
}

body.flashmode.sbs-vidl #slide, body.flashmode.sbs-vidr #slide, body.flashmode.pip-smvid #slide {
	top: 0;
}

#slide img {
	top: 0;
	margin-top: 0;
	-ms-interpolation-mode: bicubic;
}

body.stopped #slide, body.single #slide {
	display: none;
}


#thumbs {
    overflow: auto;
    /* padding: 0 5px 0 20px; */
    text-align: center;
    background: white;
}

a.button {
    width: 100px;
    margin: 5px;    
    background-color: white;
    border: 1px solid silver;
    font-weight: bold;
    text-decoration: none;
    color: #444;
    text-align: center;
    font-size: 12px;
    display: block;
    padding: 6px;
}

a.smbutton {    
    margin: 3px 1px 1px 1px;    
    background-color: white;
    border: 1px solid silver;    
    text-decoration: none;
    color: #444;
    text-align: center;
    vertical-align: middle;
    font-size: 10px;
    
    padding: 1px;
}

a.smbutton:hover, a.button:hover {
    background-color: #eee;    
    position: relative;
    color: black;
    top : 1px;
    left: 1px;
}

span.time {	
	margin-right: 15px;
	font-weight:  normal;
}

#thumbs div.thumblabel {
	display: inline-block;
	position: relative;
	width: 211px;
	height: 154px;
	margin: 22px 18px;
	background: transparent;
	padding: 5px;
}


#thumbs .recoptions input {
    position: relative;
    top: 2px;
}

#channelsSelected{
    position: absolute;
    top: 35px;
    left: 100px;
    right: 150px;
}

#tvserver h2.selected {
    top: 30px;
    font-size: 14px;
}

#thumbs .overlay {
    position: absolute;
    top: 0;
    left: 5px;
    right:  5px;
    bottom: 51px;
    visibility: hidden;
    text-align: left;
    line-height: 10px;
    padding: 2px;
    color: white;
    font-size: 10px;
    overflow: hidden;
    background: rgba(0,0,0,0.5);
    z-index: 2;
    cursor:  pointer;
}

#thumbs .thumblabelbg {
    position: absolute;
    top: 0;
    left: 5px;
    bottom: 51px;
    text-align: center;
    right: 5px;
    padding: 2px;
    font-size: 60px;
    overflow: hidden;
    z-index: 1;
    background: #e5e5e5;	
	background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(93,93,93,1) 4%, rgba(190,187,187,1) 17%, rgba(229,229,229,1) 100%);
}

#thumbs .thumblabelbg i {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin-top: -30px;
	margin-left: -50px;
}

#thumbs .thumblabel:hover .overlay {
	visibility: visible;
}

#thumbs .overlaybg  {
    position: absolute;
    top: 0;
    left: 0;
    background: black;
    height: auto;
    visibility: hidden;
}

.thumbnamec i.fa-play{
	position: relative;
	top: 30px;
	left: -10px;
	float:  right;
	opacity:  0.8;
}

.rec i {
    font-size: 14px;
    margin-right: 0.5em;
    position: relative;
    top: 2px;
}

.thumbnamec.thumbnamec:hover i{
	visibility: visible;
}

#thumbs .thumb {
	cursor: pointer;
	z-index:  2;
	position: absolute;
	right: 5px;
	left: 5px;
	bottom: 51px;
	top:  0;
	background-size: cover;
}

#thumbs .thumbnamec {
	height: 75px;
	text-align: left;
	font-size: 16px;
	margin: 4px 0 0 0;
	background-image: url(images/button.png);
	cursor: pointer;
	position: absolute;
	padding-left: 7px;
	bottom: 0;
	right: 0;
	left: 0;
	box-sizing: content-box;
	background-size: contain;
}

#thumbs .thumblabel:hover .thumbname, #thumbs .thumblabel:hover i{
    opacity: 1;
}

#thumbs .thumbname {
	text-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	opacity: 0.8;
	position: relative;
	top: 28px;
	height: 24px;
	overflow:  hidden;
}

#thumbs .thumbnamec:hover div.recperm {
    color: white;
}

div.analogProg {
    height: 25px;
    vertical-align: middle;
    padding: 10px 0 0 5px;
    font-weight: 100;
    font-size: 13px;
}

div.analogProgRec {
    height: 25px;        
    padding: 10px 0 0 5px;
    font-weight: 100;
    font-size: 13px;
}

#thumbs .recoptions {
    width: 200px; height: 20px;    
    text-align: center;
    font-size: 14px;   
    background: transparent;      
    position: relative;
    top: -20px;
	z-index: 30;
	display: none;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM5Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC43NCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,0.39) 77%, rgba(0,0,0,0.74) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0.39) 77%,rgba(0,0,0,0.74) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0.39) 77%,rgba(0,0,0,0.74) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0.39) 77%,rgba(0,0,0,0.74) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 15%,rgba(0,0,0,0.39) 77%,rgba(0,0,0,0.74) 100%);
}

#thumbs .programName-first {
	font-size: 11px;
	font-weight: bold;
	padding-right: 12px;
	margin-bottom: 2px;
}

#thumbs .programName {
	font-size: 10px;		
	padding-right: 12px;
}

#container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	background:  black;
}

#thumbs .proghovercont  {
    padding: 4px;
    cursor: pointer;
}

#thumbs .proghovercont:hover {
	background: rgba(255,255,255,0.5);
}

#mask {
    opacity: 0.7;
     opacity: 0.7; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70); 
    background-color: black;
    z-index: 3;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0px;
    top: 45px;
    color:  white;
    display: none;
}

div.rec {
	color: red;
	font-weight: bold;
	font-size: 20px;
	margin: 0 3px 0 3px;
	position: absolute;
	right: 8px;
	line-height: 8px;
	height: 8px;
}

i.rec {
    color: red;
     
}

#thumbs a span.time {
	color: #0ee;
	font-weight: normal;
	margin-right: 4px;
}

#thumbs .programInfo {
	font-size: 9.5px;	
	margin-bottom: 3px;	
	margin-right: 5px;
	line-height: 11px;
	margin-left:  4px;
}

div.recbuttons {
    float: right;
}

#tvserver {
    position: fixed;
    z-index: 1;
    color: black;	
	right: 0; bottom: 0;
	left: 0; height: 80px;	
	display: none;
    background-color:  #eee;    	
    border-top: 1px solid silver;
}

#tvserver-mask {
    position: fixed;
    color: black;   
    right: 0; bottom: 0;
    left: 0; 
    top: 0;      
    background: black;      
}

div.rechover {
    position:relative;
    top: -18px;
    left: 74px;
    display: none;
}

div.recperm{
    color: white;
    font-weight: bold;
    font-size: 10px;
    display: inline-block;
    margin-left: 20px;
    position: relative;
    top: -2px;
}

span.rec {
    color: red;
}

div.recperm-linked {    
    float: right;
}

.mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.8);
    z-index: 188;    
    cursor: pointer;
    display: none;
}

.dialog {
    left: 50%;
    top: 50%;
    position: absolute;
    width: 300px;
    height: 150px;
    background: white;
    margin-left: -150px;
    margin-top: -75px;
    color: black;
    font-size: 16px;
    padding: 20px;
    cursor: default;
}

.dialog label {
    margin: 20px 20px 20px 0;
}

.dialog .submit {
    border: 1px solid black;
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding: 5px 18px;
    cursor: pointer;
}

.dialog input {
    width: 229px;
    font-size: 16px;
}

.dialog .submit:hover {
    background: silver;
}

.dialog h2 {
    margin: 0 0 10px 0;
    position: relative;
    top: -4px;
}

.dialog .close {
    position: absolute;
    right: 5px;
    top: 4px;
    font-size: 150%;
    cursor: pointer;    
}

#autoplaymask i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    text-align: center;
    height: 200px;
    margin: -100px 0 0 -100px;
    font-size: 80px;
    cursor: pointer;
}

#autoplaymask .explainer {
    position: absolute;
    bottom: 20%;
    left: 50%;
    width: 400px;
    text-align: center;
    margin-left: -200px;
}


#login .fa-spinner {
	text-align: center;
    color: #3855b6;
    font-size: 500%;
    display: block;	
	transition: height cubic-bezier(0.19, 1, 0.22, 1);
}

#ssomenu {
	display: none;
	overflow: hidden;
}

#loginmask {
	z-index: 400;
	position: fixed;
	top: 38px;
	left: 0;
	right: 0;
	bottom: 0;
	background: white;
}

#login {
	position: fixed;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 400;
}

#loginbox {
	position: absolute;
	width: 480px;
	height: auto;
	margin-left: -264px;
	left: 50%;
	background: white;
	padding: 20px;
	border: 4px solid rgb(56, 85, 182);
	z-index: 400;
	top: 10%;
	color: black;
}

#ssomenu ul {
	margin: 0;
	padding: 0;
}

#ssomenu li{
	list-style: none;
	margin: 1em;
	cursor: pointer;
	border: 2px solid #2980B9;
	padding: 5px;
	text-align: center;
	box-shadow: 2px 2px 2px silver;
}

#ssomenu .proceedanon {
	cursor: pointer;
	text-align: center;
	padding: 7px;
	display: block;
}

#icons #loginhint {
	font-size: 14px;
	opacity: 0;
	transition: opacity 0.3s ease-in;
}

#loginfailed {
	display: none;
}

#ssoframe {
	border: 0;
	display: none;
	width: 100%;
	height: 300px;
}

.color.turquoise {
  color: #1ABC9C;
}
.color.green-sea {
  color: #16A085;
}
.color.emerald {
  color: #2ECC71;
}
.color.nephritis {
  color: #27AE60;
}
.color.peter-river {
  color: #3498DB;
}
.color.belize-hole {
  color: #2980B9;
}
.color.amethyst {
  color: #9B59B6;
}
.color.wisteria {
  color: #8E44AD;
}
.color.wet-asphalt {
  color: #34495E;
}
.color.midnight-blue {
  color: #2C3E50;
}
.color.sun-flower {
  color: #F1C40F;
}
.color.orange {
  color: #F39C12;
}
.color.carrot {
  color: #E67E22;
}
.color.pumpkin {
  color: #D35400;
}
.color.alizarin {
  color: #E74C3C;
}
.color.pomegranate {
  color: #C0392B;
}
.color.clouds {
  color: #ECF0F1;
  color: #525659;
}
.color.silver {
  color: #BDC3C7;
}
.color.concrete {
  color: #95A5A6;
}
.color.asbestos {
  color: #7F8C8D;
}




.bgcolor.turquoise {
  background-color: #1ABC9C;
}
.bgcolor.green-sea {
  background-color: #16A085;
}
.bgcolor.emerald {
  background-color: #2ECC71;
}
.bgcolor.nephritis {
  background-color: #27AE60;
}
.bgcolor.peter-river {
  background-color: #3498DB;
}
.bgcolor.belize-hole {
  background-color: #2980B9;
}
.bgcolor.amethyst {
  background-color: #9B59B6;
}
.bgcolor.wisteria {
  background-color: #8E44AD;
}
.bgcolor.wet-asphalt {
  background-color: #34495E;
}
.bgcolor.midnight-blue {
  background-color: #2C3E50;
}
.bgcolor.sun-flower {
  background-color: #F1C40F;
}
.bgcolor.orange {
  background-color: #F39C12;
}
.bgcolor.carrot {
  background-color: #E67E22;
}
.bgcolor.pumpkin {
  background-color: #D35400;
}
.bgcolor.alizarin {
  background-color: #E74C3C;
}
.bgcolor.pomegranate {
  background-color: #C0392B;
}
.bgcolor.clouds {
  background-color: #ECF0F1;
  color: #525659;
}
.bgcolor.silver {
  background-color: #BDC3C7;
}
.bgcolor.concrete {
  background-color: #95A5A6;
}
.bgcolor.asbestos {
  background-color: #7F8C8D;
}




/*	Copyright (c) 2019 Encoded Media (UK) Limited. All Rights Reserved. For more information, visit www.encodedmedia.com
	$Revision: 1.47.4.6 $ */

body {
	background-color: white;
}

#skinbase #tvserver {
	border: none;
	background: transparent;
}