@font-face {
    font-family: 'finlandica';
    src: url('../fonts/finlandica-boldWeb.woff2') format('woff2'),
         url('../fonts/finlandica-boldWeb.woff') format('woff'),
         url('../fonts/finlandica-boldWeb.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'finlandica';
    src: url('../fonts/finlandica-bolditalicWeb.woff2') format('woff2'),
         url('../fonts/finlandica-bolditalicWeb.woff') format('woff'),
         url('../fonts/finlandica-bolditalicWeb.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'finlandica';
    src: url('../fonts/finlandica-italicWeb.woff2') format('woff2'),
         url('../fonts/finlandica-italicWeb.woff') format('woff'),
         url('../fonts/finlandica-italicWeb.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'finlandica';
    src: url('../fonts/finlandica-regularWeb.woff2') format('woff2'),
         url('../fonts/finlandica-regularWeb.woff') format('woff'),
         url('../fonts/finlandica-regularWeb.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.player-title-social {
	height: 24px;
	width: 24px;
	float: right;
	cursor: pointer;
	margin-left: 5px;
	font-size: 25px;
	line-height: 24px;
}
.title-social-facebook {
	height: 24px;
	width: 24px;
	float: right;
	cursor: pointer;
	margin-left: 5px;
	background-image: url('../images/icon-facebook-24.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.title-social-twitter {
	height: 24px;
	width: 24px;
	float: right;
	cursor: pointer;
	margin-left: 5px;
	background-image: url('../images/icon-twitter-24.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.title-social-linkedin {
	height: 24px;
	width: 24px;
	float: right;
	cursor: pointer;
	margin-left: 5px;
	background-image: url('../images/icon-linkedin-24.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.row-container {
	position: relative;
}

.ism-content-wrapper{
	position: relative;
	width:100%;
	background-color: #fff;/*todo remove*/
}

#presenter-topbar {
	position: relative;
	top: 0;
	left: 0;
	
	margin: 0;
	padding: 0;
	
	/*height: 50px;*/
	width: 100%;
	overflow: hidden;
	
	background: #AFBEC5;
}

/*
#presenter-topbar .logo {
	display: inline-block;
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	width: 33%;
	vertical-align: top;
}
*/
#presenter-topbar .logo {
	float: left;
	clear: left;
}

/*
#presenter-topbar .logo img {
	width: auto;
	max-width: 126px;
	height: inherit;
}
*/
#presenter-topbar img {
	float: left;
	max-height: 150px;
	max-width: 100%;
}

#presenter-topbar .title {
	float: left;
	/*display: inline-block;*/
	height: 50px;
	line-height: 50px;
	width: 100%;
	text-align: center;
	font-size: 16pt;
	font-weight: bold;
	position: relative;
}

#presenter-topbar .presenter-title-logo {
	/* ASDF */
	width: 25%;
	float: left;
	min-height: 150px;
}

#presenter-topbar .presenter-title-text {
	/* ASDF */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	min-height: 150px;
	float: left;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	/*line-height: 50px;*/
}
#presenter-topbar .presenter-title-social {
	/* ASDF */
	width: 25%;
	float: left;
	padding-top: 13px;
	padding-right: 10px;
}
/*
#presenter-topbar .title-text {
	width: 100%;
	position: absolute;
	margin: auto;
	bottom: 0;
	top: 0;
	font-size: 16pt;
	font-weight: bold;
}
*/

#presenter-topbar .title div {
	display: table;
	width: 100%;
	height: 100%;
}

#presenter-topbar .title div p {
	display: table-cell;
	vertical-align: middle;
	height: 24px;
}

#presenter-topbar .info .border-left-right {
	border-left: 1px solid #4B5053;
	border-right: 1px solid #4B5053;
}

#presenter-topbar .info {
	display: inline-block;
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	width: 33%;
	vertical-align: top;
	text-align: center;
}

#presenter-topbar .info div {
	display: table;
	position: relative;
	top: 12px;
	
	width: 100%;
	height: 24px;
}

#presenter-topbar .info div p {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	
	pading: 0px 4px;
}

#cell-3 {
	float:left;
	width: 33%;
	margin-top: 20px;
	margin-bottom: 5px;
}

/*
#cell-3 title {
	font-size: 12px;
}
*/

#cell-1  {
	float:left;
	/*margin-bottom: 5px;*/
	display: inline-block;
	 color:black;
	 font-size: 12px;
	 width: 50%;
}

#playerBorder object {
    left: 0;
}

.content-wrapper {
	/*width:50%;
	height: 50%;
	float:left;
	text-align:center;
	display: inline-block;*/	
}



.od-player-container {
	text-align: center;	 
}

/*#cell-2:before {    /* create a full-height inline block pseudo=element */
   /* content: ' ';
    display: inline-block;
    vertical-align: middle;*/  /* vertical alignment of the inline element */
    /*height: 100%;
}*/

#cell-2 {
	display: inline-block;

	text-align:center;
	/*background-color: #B2B2B2;*/
	width: 50%;
	float:left;
}
 
#cell-2 #dia {
	max-width: 100%;
	max-height: 100%; 
	display: inline-block;
    vertical-align: middle; 
}

/*
#column-2, #column-3 {
	display: none;
}
*/

/*
@media (max-width: 616px) {
	#duration {
		display: none !important;
	}	
}
*/

#cell-3 {
	 clear:left;
	 overflow: auto;	  
}

#cell-3 #title {
	padding: 3% 0%;
	text-align:left;	 	  
	word-break: break-all;
	color: black;
    font-family: 'Open Sans',Verdana,sans-serif;
    margin-left: 3%;
    width: 94%;
    font-size: 20px;
    text-decoration: bold;    	
}

#cell-3 #description {
	width: 90%; 
	font-size:15px;
	text-align:left;	 	 	
	word-break: break-all; 
	color: black;
    font-family: 'Open Sans',Verdana,sans-serif;
    margin-left: 3%;  
    font-size:15px;
    margin-top: 5px;
    line-height: 1.2;	
    color: #545454; 
    padding-bottom: 3%;     
}

#epg-channel {
	width: 98%;	
	margin: 2% 1%;	 
	text-align: left;
}

#next-events {
	color: #057;
    margin-left: 4%;
    width: 50%;
    font-size: 18px;
}

#epg-channel #expand {
	float:right;
}

.event-container {
	width: 100%;
	float:left;
    height: 30px;
    margin-left: auto;
    margin-right: auto;    
    padding-top: 10px;
    text-align: left;
    /*background-color: #B9B9B9;*/
    background-color: #ffffff;
    /* border: 1px solid #B9B9B9; */    
}

.event-date {
	color: #057;
    font-size: 18px;
    padding: 10px;
    text-align: center;
    width: 20%;
    margin-left: 2%;
    text-decoration: bold;
}

.event-time {
	color: #057;
    font-size: 16px;
    padding: 10px;
    text-align: center;
    width: 20%;
    margin-left: 6%;
    text-decoration: bold;
}

.event-next {
	color: #057;
    font-size: 16px;
    padding: 10px;
    text-align: center;
    width: 20%;
    margin-left: 6%;
    text-decoration: bold;
}

.event-title {
	color: #414141;
    font-size: 16px;
    max-width: 60%;     
}

/********epg  related toggle ******/
p.trigger{
    margin-bottom:7px;
    margin-left: 2%;    
}

.toggle_container{
    margin-bottom:10px;
}

.toggle_container p{
    margin:0px;
}

.toggle_container{
    background:#f0f0f0;
    clear: both;
    font-size:100%;
}

#first-epg-data-date {
	/*border-bottom: 1px solid #B9B9B9; */
	width: 70%;
}


#dia-controls {
	/*position: relative;*/
	position: absolute;
	z-index: 999;
	/*background: #B2B2B2;*/
	/*background: #0000004f; made this darker as per bright request*/
	background: #00000080;
	/*height: 48px;*/
	/** height to match player controls **/
	height: 38px;
	width: 100%;
	bottom: 0;
	overflow: hidden;
}

#dia-controls .prev-dia {
	position: relative;
	display: inline-block;
	
	width: 38px;
	height: 38px;
	padding: 0px 8px;
	
	background-image: url('/presenter-event-player-portlet/images/control_rewind.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

#dia-controls .playpause-dia {
	position: relative;
	display: inline-block;
	
	width: 38px;
	height: 38px;
	padding: 0px 8px;
	
	background-image: url('/presenter-event-player-portlet/images/control_pause.png');
	background-size: cover;
	background-position: center center;	
	background-repeat: no-repeat; 
	cursor: pointer;
}

#dia-controls .next-dia {
	position: relative;
	display: inline-block;
	
	width: 38px;
	height: 38px;
	padding: 0px 8px;
	
	background-image: url('/presenter-event-player-portlet/images/control_ffw.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

#dia-controls .full-dia {
	position: relative;
	display: inline-block;
	
	width: 38px;
	height: 38px;
	padding: 0px 8px;
	
	background-image: url('/presenter-event-player-portlet/images/fullscreen-icon-slide.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
#dia-controls .full-ply-dia {
	position: relative;
	display: inline-block;
	
	width: 38px;
	height: 38px;
	padding: 0px 8px;
	
	background-image: url('/presenter-event-player-portlet/images/fullscreen-icon-slidewivide.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

/* testing fullscreen slides */
#fullscreen-dia {
	width: 100%;
	display: none;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgb(76, 76, 76);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: contain;
}

.fullscreen-dia-controls-container {
	position: absolute;
	bottom: 5px;
	width: 100%;
	height: 48px;
}

.fullscreen-dia-controls {
	margin: 0 auto;
	height: 100%;
	border-radius: 5px;
	background-color: rgba(0,0,0,0.7);
}

#fullscreen-dia img {
	display: block;
	width: 100%;
	margin: auto;
	position: absolute;
	vertical-align: middle;
	top: 0;
	bottom: 0;
}

.fullscreen-dia-controls .prev-dia {
	position: relative;
	display: inline-block;
	
	width: 48px;
	height: 48px;
	padding: 0px 8px;
	
	background-image: url('/presenter-event-player-portlet/images/control_rewind.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.fullscreen-dia-controls .playpause-dia {
	position: relative;
	display: inline-block;
	
	width: 48px;
	height: 48px;
	padding: 0px 8px;
	
	background-image: url('/presenter-event-player-portlet/images/control_pause.png');
	background-size: cover;
	background-position: center center;	
	background-repeat: no-repeat; 
	cursor: pointer;
}

.fullscreen-dia-controls .next-dia {
	position: relative;
	display: inline-block;
	
	width: 48px;
	height: 48px;
	padding: 0px 8px;
	
	background-image: url('/presenter-event-player-portlet/images/control_ffw.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.fullscreen-dia-controls .full-dia {
	position: relative;
	display: inline-block;
	
	width: 48px;
	height: 48px;
	padding: 0px 8px;
	
	background-image: url('/presenter-event-player-portlet/images/control_fullscreen.png');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.fullscreen-dia-close {
	position: absolute;
	top: 5px;
	right: 5px;
	padding: 10px;
	color: white;
	text-align: center;
	font-size: 50px;
	font-weight: bold;
	background-color: rgba(0,0,0,0.6);
	border-radius: 5px;
	cursor: pointer;
}


.container {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
}

.room-no-recording {
	position: absolute;
	z-index: 100;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	justify-content: center;
	align-items: center;
	display: none;
}

.room-no-recording.show {
	display: flex;
}

.room-no-recording .msg {
	background-color: #000;
	color: #fff;
	padding: 20px;
	border-radius: 4px;
	border: 1px solid #444;
	font-size: 16px;
}

.background-gray {
	background: #B2B2B2;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top;
}

.background-gray img {
	width: 100%;
	vertical-align: middle;
}

.background-gray .title {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}

.unpublished {
	text-align: center;
	font-size: 16pt;
	font-weight: bold;
	/*background-color: black;*/
	color: white;
}

.padding-top {
	padding-top: 32px;
}

.column-3 {
	display: inline-block;
	position: relative;
	vertical-align: top;
	
	width: 32%;
	height: auto;
	padding: 0% 0.5%;
}

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

#video_error_live {
	color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 10px;
	transform: translate(-50%, -50%);
	background-clip: padding-box;
	font-size: 14px;
}

#video_error_live_text {
	color: white;
	padding: 10px;
	border: 1px solid #424242;
	border-radius: 4px;
	margin-bottom: 5px;
}

.rmp-no-play {
	background: rgba(0, 0, 0, 0.7) !important;
	font-size: 14px !important;
}

.rmp-no-play-text {
	padding: 10px;
	border: 1px solid #424242;
	border-radius: 4px;
}

.rmp-no-play-text  div {
	color: white !important;
	font-size: 14px !important;
}

#pwForm {
	
}

#pwLabel {
	color: white;
}

#usernameLabel {
	color: white;
}

#pwInput {
	width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
}

#usernameInput {
	width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
}

#pwButton {
	width: 100%;
    background-color: #325d94;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

#pwButton:hover {
	background-color: #003782;
	font-weight: normal;
}

#pwMessage {
	width: 100%;
	border: 1px solid darkred;
	border-radius: 4px;
	padding: 10px;
	background-color: lightcoral;
	font-weight: bold;
	color: darkred;
}

.authentication {
	width: 90%;
	max-width: 500px;
	margin: 0 auto;
	text-align: center;
	padding: 20px;
}

.background-gray .unpublished-info {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: start;
	font-size: 16pt;
	color: white;
	text-align: start;
	padding-top: 50px;
}

.unpublished-info-wrapper {
	max-width: 80%;
}

.unpublished-info-item:not(:last-child) {
	margin-bottom: 25px;
}

.unpublished-info-wrapper .unpublished-info-item.future-event-countdown {
	display: flex;
	margin-bottom: 80px;
}
.unpublished-info-wrapper .unpublished-info-item.future-event-title {
	margin-bottom: 60px;
}
.unpublished-info-wrapper .unpublished-info-item.future-event-description {
}
.unpublished-info-wrapper .unpublished-info-item.future-event-start-date {
}
.unpublished-info-wrapper .unpublished-info-item.future-event-countdown .future-event-countdown-item {
	padding-right: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.unpublished-info-wrapper .unpublished-info-item.future-event-countdown .future-event-countdown-item .future-event-countdown-item-num {
	font-size: 2.5em;
	margin-bottom: 20px;
	background-color: black;
	line-height: 1;
	border-radius: 5px;
	padding: 15px 5px;
	font-weight: 600;
}
.unpublished-info-wrapper .unpublished-info-item.future-event-countdown .future-event-countdown-item .future-event-countdown-item-val {
	font-size: .85em;
}
	
.event-countdown-num {
	font-size: 1.5em;
}

@media (max-width: 810px) {
	.column-3 {
		display: block;
		width: 99%;
		padding: 0% 0.5%;
		margin-bottom: 16px;
	}	
}

@media (max-width: 810px) {
	#cell-1, #cell-2 {
		width: 100%;
		display: block;
	}

/*	
	#time, #date {
		display: none !important;
	}
*/
	
	#column-2, #column-3, #column-4 {
		width: 100%;
		display: block;
	}
}

/* Making topbar responsive... */
@media (max-width: 555px) {
	#cell-1, #cell-2 {
		width: 100%;
		display: block;
	}
	#column-2, #column-3, #column-4 {
		width: 100%;
		display: block;
	}
	#presenter-topbar {
		postion: relative;
		top: 0;
		left: 0;
		
		margin: 0;
		padding: 0;
		
		height: auto;
		width: 100%;
		overflow: hidden;
		
		background: #AFBEC5;
	}
	#presenter-topbar .title {
		float: left;
		height: auto;
		background: #AFBEC5;
		text-align: center;
		font-size: 16pt;
		font-weight: bold;
		position: relative;
	}

	#presenter-topbar .presenter-title-logo {
		width: 100%;
		height: 50px;
		min-height: 50px;
		float: left;
	}

	#presenter-topbar img {
		float: none;
		max-height: 50px;
		display: block;
		/*margin: auto;*/
	}

	#presenter-topbar .presenter-title-text {
		width: 100%;
		/*height: 50px;*/
		line-height: 50px;
		float:left;
		margin: auto;
		bottom: 0;
		top: 0;
		font-size: 16pt;
		font-weight: bold;
		text-align: center;
		position: relative;
	}

/*
	#presenter-topbar .presenter-title-social {
		position:absolute;
		top: 0;
		right: 0;
		width:150px;
	}
	*/
	
}

.player-form-message {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.85);
	z-index: 999;
}
.player-form-container {
	position: absolute;
	/*display: flex;*/
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: #000000b3;*/
	background-color: rgba(0, 0, 0, 0.85);
	z-index: 999;
	overflow-y: auto;
}
	
.player-link-container {
	position: absolute;
	/*display: flex;*/
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: #000000b3;*/
	background-color: rgba(0, 0, 0, 0.85);
	z-index: 999;
	overflow-y: auto;
}

.player-form-container .player-form input label {
	display: block;
}

.player-form-container .player-form input[type="text"] {
	float: left;
	margin: 10px;
	height: 50px;
	width: calc(100% * (1/2) - 20px);
	box-sizing: border-box;
	border-radius: 7px;
	border: none;
	font-size: 12pt;
	color: black;
	padding-left: 20px;
}

.player-form-container .player-form input[type="checkbox"] {
	float: left;
}

.player-form-container .player-form .checkbox {
	width: calc(100% * (1/2) - 20px);
	margin: 10px;
	min-height: 50px;
	float: left;
	box-sizing: border-box;
	/*padding: 20px;*/
}

.player-form-container .player-form label {
	color: white;
	font-size: 13px;
	text-transform: none;
	padding-top: 6px;
	text-align: left;
	/*margin: 10px;*/
}

.player-form-container .checkbox-container {
	display: block;
	position: relative;
	padding-left: 35px !important;
	/*margin-bottom: 12px;*/
	cursor: pointer;
	user-select: none;
}
	
.player-form-container .checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}
	
.player-form-container .checkmark {
	position: absolute;
	top: 0;
	left: -10px;
	height: 25px;
	width: 25px;
	background-color: #eee;
}

.player-form-container .checkbox-container:hover input ~ .checkmark {
	background-color: #ccc;
}
	
.player-form-container .checkbox-container input:checked ~ .checkmark {
	background-color: #2196F3;
}
	
.player-form-container .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
	
.player-form-container .checkbox-container input:checked ~ .checkmark:after {
	display: block;
}
	
.player-form-container .checkbox-container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.player-form-container .form-description {
	color: white;
	width: 100%;
	margin: 10px;
	font-size: 17px;
	text-align: left;
}

.player-form-container .form-title {
	color: white;
	width: 100%;
	margin: 10px;
	font-size: 28px;
	text-align: left;
}

.player-form-container .link-description {
	color: white;
	width: 100%;
	margin: 10px;
	font-size: 28px;
	text-align: left;
}
	
.player-form-container .submit-container {
	width: 100%;
	overflow:hidden;
}

.player-form-container .form-submit {
	width: 45%;
	padding: 12px;
	color: white;
	background: #0060ae;
	text-align: center;
	box-sizing: border-box;
	margin: 10px auto;
	overflow: hidden;
	border-radius: 5px;
	cursor: pointer;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
}

.player-form-container .form-submit:hover {
	background: #4289c2;
}
	
.player-form-container .close-button {
	width: 100%;
	text-align: right;
	float: right;
	font-size: 28px;
	font-weight: bold;
	margin-right: 10px;
}
	
.player-form-container .close-button p {
	color: #aaa;
	font-size: 28px;
	margin: 0;
	cursor: pointer;
}

.rmp-container > .rmp-content > .rmp-cc-area > .rmp-cc-container > .rmp-cc-display > .rmp-cc-cue {
	text-shadow: rgb(0,0,0) 1px 1px 0px, rgb(0,0,0) -1px -1px 0px, rgb(0,0,0) -1px 1px 0px, rgb(0,0,0) 1px -1px 0px !important;
}
	
@media only screen and (max-width: 767px) {

	.player-form-container .close-button {
		width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		text-align: right;
		float: right;
		font-size: 28px;
		font-weight: bold;
		margin-right: 10px;
	}

	.player-form-container {
		position: absolute;
		display: flex;
		align-items: center;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		/*background: #000000b3;*/
		background-color: rgba(0, 0, 0, 0.79);
		z-index: 999;
	}

	.player-form-container .player-form {
		width: 100%;
		margin: 0 auto;
	}

	.player-form-container .player-form input[type="text"] {
		float: left;
		margin: 10px 0;
		height: 50px;
		width: 100%;
		box-sizing: border-box;
		border-radius: 7px;
		border: none;
		font-size: 16px;
		color: black;
		padding-left: 20px;
	}

	.player-form-container .player-form .checkbox {
		width: 100%;
		margin: 10px;
		min-height: 30px;
		float: left;
		box-sizing: border-box;
		/*padding: 20px;*/
	}
}

.player-form-container a.visited, .player-link-container a:visited{
	color : #c0c0c0;
	text-decoration-color: #c0c0c0;
}
	
.player-form-container a:link, .player-link-container a:link {
	color : #c0c0c0;
	text-decoration-color: #c0c0c0;
}

.player-form-container a:active, .player-link-container a:active{
	color : #c0c0c0;
	text-decoration-color: #c0c0c0;
}
	
.player-form-container a:hover, .player-link-container a:hover {
	color : #c0c0c0;
	text-decoration-color: white;
}
	
@media only screen and ( max-width : 767px){
	.link-description {  font-size: 16px; }
} 


.dia-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.95);
}

.dia-message {
	font-size: 18px;
	color: white;
	margin: 15% 15% 2.5%;
	line-height: 32px;
}

/*
.dia-action {
	color: white;
	font-size: 32px;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	border: 1px solid white;
	line-height: 32px;
	margin: 0 auto;
	width: max-content;
	padding: 10px;
	background-color: #f00;
	justify-content: center;
}*/

.dia-action {
	color: white;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	margin: 0 auto;
	width: max-content;
	padding: 5px 12px;
	background-color: #f00;
	border-radius: 5px;
	text-transform: uppercase;
	height: 30px;
	justify-content: center;
	align-items: center;
	display: flex;
}

.nets-btn,
.nets-btn:active,
.nets-btn:hover,
.nets-btn:focus {
	display: flex !important;
	align-items: center !important;
	background-color: transparent !important;
	border-radius: 4px !important;
	border: none !important;
	padding: 0 !important;
	text-shadow: none !important;
	background-image: none !important;
	font-weight: normal !important;
}

.nets-btn-icon {
	background-color: #ffffff;
	background-image: url("../images/nets_logo.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	background-origin: content-box;
	padding: 2px 10px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	color: transparent !important;
	/*padding-right: 10px;*/
}

.nets-btn-icon img {
	max-height: 13px !important;
}

.nets-btn-text {
	padding: 2px 10px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fab {
	line-height: 21px !important;
}

#p_p_id_eventroomslider_WAR_eventroomsliderportlet_ .portlet-body .portlet-borderless-container {
	min-height: 0 !important;
}

/* language select */
#languageSelect {
	/*padding: 5px !important;*/
	display: inline-block;
	width: auto !important;
	margin-left:15px;
}
.select-css {
	display: block;
	font-size: 12px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.3em .5em .7em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	/*border: 1px solid #aaa;*/
	border: none;
	/*box-shadow: 0 1px 0 1px rgba(0,0,0,.04);*/
	box-shadow: none;
	border-radius: 4px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23222222%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#efefef 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
	display: none;
}
.select-css:hover {
	border-color: #888;
}
.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.select-css option {
	font-weight:normal;
}

 #protected-asset-message {
	 margin-top: 10px !important;
	 margin-bottom: 10px !important;
 }
 
 .protected-asset-form-field label {
	 display: block !important;
	 width: 100% !important;
	 text-align: left !important;
	 margin-bottom: 10px !important;
 }
 
 .protected-asset-form-field input[type="text"],
 .protected-asset-form-field input[type="password"] {
	 width: 100% !important;
	 border-radius: 4px !important;
 }
 
 .protected-asset-form-field button {
	 margin-top: 10px !important;
	 margin-bottom: 10px !important;
	 background: none !important;
	 background-color: #0079ab !important;
	 color: #ffffff !important;
	 display: inline-block !important;
	 text-shadow: none !important;
	 background-image: none !important;
	 vertical-align: none !important;
	 text-transform: uppercase !important;
	 border: none !important;
	 border-radius: 4px !important;
	 padding: 15px !important;
	 border-color: transparent !important;
	 cursor: pointer !important;
 }

  .protected-asset-form-field button:hover {
	 background-color: #00648F !important;
 }
     
.protected-form-container {
	 display: flex;
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 justify-content: center;
	 align-items: center;
	 background-color: rgba(0,0,0,0.8);
 }
 
 .protected-asset-form {
 	min-width: 500px;
 	font-size: 16px;
 }