:root {
	--icon-offair: 	 "\f28d";
	--icon-prelive:  "\f28b";
	--icon-live: 	 "\f144";
	--icon-postlive: "\f28b";
	--icon-ondemand: "\f1c8";
	--icon-archived: "\F187";
}

.capitalize { text-transform: lowercase; }
.capitalize:first-letter { text-transform: uppercase; }

a.fa-panic { color: red; }
a.fa-panic:before { content: "\f28d"; }

a.rename { color: var(--text-color); opacity: 1; }
a.rename:hover { color: var(--first-brand-color); cursor: pointer; }
a.rename:hover::after { content: '\f044'; font-family: var(--fa-style-family-classic); font-weight: var(--fa-style, 900); color: var(--first-brand-color); margin-left: 0.5em; }



img[src*="img/embed.png"] { filter: brightness(0.96) saturate(1.5); }

/* fa-icons */
.events-list table td[data-column="thumb"]:has( img[src*="#countdown"]) ~ td[data-column="date"]:after,
.events-list .actualstatus span:before,
.event-status-page .row h3:before,
.event-stream-page .codec-msg:before,
.event-stats-page .event-info.col:after
 { font-family: var(--fa-style-family-classic); font-weight: var(--fa-style, 900); display: inline-block; font-size: 0.9em; vertical-align: 0; min-width: 1.3em; text-align: center; margin-right: 0.1em; }

nav > #breadcrumb a.eventname,
nav > #breadcrumb a.clipname  { font-weight: bold; }
nav > #breadcrumb a.eventname { font-size: 1.25em; }

/* <main> + <div class="navigation"> + <section> */
main > .navigation ol li.nav-dashboard:has( + .nav-events ),
main > .navigation ol li.nav-gen-settings { display: none }

main > .navigation ol li.nav-dvr > a::before,
main > .navigation ol li.nav-vod > a::before,
main > .navigation ol li.nav-mp4 > a::before { font-size: 9px; line-height: 1.2; font-family: sans-serif; font-weight: bold; color: var(--contrast-brand-color); padding: 0 0.13em; vertical-align: 0.15em; border-radius: 2px; min-width: initial; text-rendering: optimizelegibility; background: rgba(255,255,255,0.2); width: auto; padding: 0.3em; left: 0.8em; }

main > .navigation a.nav-back:before                   { content: "\f060"; }
main > .navigation ol > li.nav-events       > a:before { content: "\f03a"; }
main > .navigation ol > li.nav-gen-settings > a:before { content: "\f4fe"; }
main > .navigation ol > li.nav-account      > a:before { content: "\f5a1"; }
main > .navigation ol > li.nav-logs         > a:before { content: "\f233"; }
main > .navigation ol > li.nav-master       > a:before { content: "\f259"; }
main > .navigation ol > li.nav-usage        > a:before { content: "\25";   }
main > .navigation ol > li.nav-dashboard    > a:before { content: "\f625"; }
main > .navigation ol > li.nav-settings     > a:before { content: "\f013"; }
main > .navigation ol > li.nav-status       > a:before { content: "\f302"; }
main > .navigation ol > li.nav-streaming    > a:before { content: "\f04b"; }
main > .navigation ol > li.nav-rec          > a:before { content: "\f1c8"; }
main > .navigation ol > li.nav-analytics    > a:before { content: "\f201"; }
main > .navigation ol   li.nav-vod          > a:before { content: "VOD"; }
main > .navigation ol   li.nav-dvr          > a:before { content: "DVR"; }
main > .navigation ol   li.nav-mp4          > a:before { content: "MP4"; }

main > .navigation ol > li.nav-ecousers     > a:before { content: "\f007"; }
main > .navigation ol > li.nav-ecouser      > a:before { content: "\f007"; }
main > .navigation ol > li.nav-whitelist    > a:before { content: "\e541"; }
main > .navigation ol > li.nav-blacklist    > a:before { content: "\e540"; }

main > .navigation ol > li > a:after { font-size: 8px !important; color: #bf7; font-weight: bold !important; vertical-align: super; text-shadow: 1px 1px 1px rgba(0,0,0,0.4); margin-left: 0.2em; display: none; }
main[data-status="live"] > .navigation ol > li.nav-streaming > a:after,
main.recording           > .navigation ol > li.nav-dvr       > a:after,
main.livestats           > .navigation ol > li.nav-analytics > a:after { content: "ON"; display: inline-block; }
main[data-status="live"] > .navigation ol > li.nav-streaming > a:after { color: #f55; filter: none !important; }

#wowza-usage { width: 90%; display: block; margin: 0 auto; margin-top: 0px; height: 4px; margin-top: 1em; margin-bottom: 2em; }

/* <div class="navigation"> (to) vertical tablet */
@media(max-width: 767px) {
	main > .navigation:not(.mobile) .master-only { display: none !important; }
	main > .navigation:not(.mobile) .submenu { display: none; }
	main > .navigation ol li.nav-dvr > a::before,
	main > .navigation ol li.nav-vod > a::before,
	main > .navigation ol li.nav-mp4 > a::before { width: auto; padding: 0.3em; left: 0.8em; top: 0.4em; height: 1.6em; }
	main > .navigation ol li.nav-dvr.active > a:before,
	main > .navigation ol li.nav-vod.active > a:before,
	main > .navigation ol li.nav-mp4.active > a:before { text-shadow: none; box-shadow: 2px 2px 2px var(--first-brand-color); }

	main[data-status="live"] > .navigation:not(.mobile) ol > li.nav-streaming > a:after,
	main.recording           > .navigation:not(.mobile) ol > li.nav-dvr       > a:after,
	main.livestats           > .navigation:not(.mobile) ol > li.nav-analytics > a:after { position: absolute; text-indent:0; display: block; top:0; left: 55%; width: 2em; text-indent: 0; }
	main.recording           > .navigation:not(.mobile) ol > li.nav-dvr       > a:after { top: -2px; }
}

#message { display: none; }  /* System message box */

form fieldset.buttons.tiny { flex-direction: row; border-top: 0; margin-top: 0; }
form fieldset.buttons.tiny > * { background-image: var(--image); }
form fieldset.buttons.tiny > .save { --image: url(https://storage.wowcast.co/assets/webfonts/solid/floppy-disk.svg); }
form fieldset.buttons.tiny > .reset { --image: url(https://storage.wowcast.co/assets/webfonts/solid/rotate-left.svg); }
form fieldset.buttons.tiny > *,
form fieldset.buttons.tiny > *:hover {
	margin: 0 0 0 1.2em;
	padding: 0.5em 2em 0.5em 2em;
	background-size: 1em auto, 100%;
	background-position: center center;
	background-repeat: no-repeat, no-repeat;
}

a.new-event { margin-left: -0.3em; }

table.data *[data-column="select"] { width: 0; text-align: center; }
table.data td[data-column="thumb"] { width: 100px; }
table.data td[data-column="thumb"] * { display: inline-block; vertical-align: top; width: 112px; height: 63px; max-width: none; }
table.data td[data-column="storage"] { white-space: nowrap; text-align: center; }
table.data td[data-column="status"] { white-space: nowrap; }
table.data *[data-column="position"] > div { display: inline-flex; }

table.data td[data-column="thumb"] > a { background: url(/assets/img/no-thumb.jpg) no-repeat center center; background-size: contain; }
table.fancy td[data-column="thumb"]:has(img.error) { background: url(/assets/img/no-thumb.jpg) no-repeat center center; background-size: contain; }

/* EcoUsers-list */
.ecousers-list table.data *[data-column="id"],
.ecousers-list table.data *[data-column="actions"] { width: 1px; white-space: nowrap; }

/* Events-list (from) vertical tablet */
@media(min-width: 768px) {
	.ecousers-list table.data *[data-column="id"],
	.ecousers-list table.data *[data-column="policy"],
	.ecousers-list table.data *[data-column="actions"] { text-align: center; }
}

/* EcoUsers events */
table#ecousersEvents.data *[data-column="title"] { width: 100%; }

/* Events-list: .events-list {} */
.events-list main > .navigation > b { margin-top: 2em; }
.events-list table { display: none; animation: fade_in_show; }
.events-list table.active { display: table; }
.events-list .row.top-events .col:first-child { flex: 2 }
.events-list .row.top-events .col:last-child { flex: 1; text-align: right; }
.events-list .list-options { justify-content: space-between; flex-direction: row; flex-wrap: wrap; }

.events-list table td[data-column="thumb"] { container-type: inline-size; }
.events-list table td[data-column="thumb"] a { opacity: 1; }
.events-list table td[data-column="thumb"] a:hover { opacity: 0.8; }
.events-list table td[data-column="thumb"]:has( img[src*="#countdown"] ) ~ td[data-column="date"]:after{ content: " \f2f2"; opacity: 0.8; color: var(--info-color); display: inline }
.events-list table td[data-column="thumb"] a:has(img[src*="#webrtc"])::after { content: "\25B6  WebRTC"; display: block; z-index: 2; position: absolute; bottom: 10px; right: 8px; padding: 0.2em; background: rgba(0,0,0,0.8); font-size: 11px; color: #fff; border-radius: 2px; }
.events-list table td[data-column="thumb"]:has(.has-video)::after  {  z-index: 1; position: absolute; content: "\25B6"; width: 100%; height: 100%; left:0; top:0; color: white; font-size: 25cqw; line-height: 1; text-shadow: 2px 2px 2px rgba(0,0,0,0.2); display: flex; justify-content: center; align-items: center; pointer-events: none; }
.events-list table td[data-column="title"] { font-weight: bold; }
.events-list table.fancy td[data-column="storage"],
.events-list table td[data-column="cookies"],
.events-list table td[data-column="live"],
.events-list table td[data-column="storage"] { color: var(--info-color); font-size: 13px; opacity: 0.7; text-align: center; }
.events-list table td[data-column="live"] div { display: flex; justify-content: center;  }
.events-list table td[data-column="live"] div > img { max-width: 14px; top: -0.25em }

.events-list table td[data-column="date"]:before { opacity: 0.5 }
.events-list table td[data-column="expire"]:before { opacity: 0.5}
.events-list table tr:hover td[data-column="date"]:before { color: var(--success-color); }
.events-list table tr:hover td[data-column="expire"]:before { color: var(--error-color); }

.events-list table.fancy tr { padding-bottom: 6.5rem; }
.events-list table.fancy td { overflow: hidden; }
.events-list table.fancy td[data-column="select"] { position: absolute; z-index: 2; bottom: 0.3rem; padding: 0.4rem;left: 0.3rem;line-height: 1;}
.events-list table.fancy td[data-column="owner"],
.events-list table.fancy td[data-column="date"],
.events-list table.fancy td[data-column="expire"] { opacity: 0.8; font-size: 0.85em; width: 50%;  padding: 0.3rem 0.5rem; white-space: nowrap; overflow: hidden;}
.events-list table.fancy td[data-column="expire"] { text-align: right; margin-top: -1.6rem; margin-left: 48%; }
.events-list table.fancy td[data-column="title"] { padding: 0.3rem 0.5rem; font-weight: bold; font-size: 1.1em;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.events-list table.fancy td[data-column="thumb"] { padding-bottom: 56.2%; padding-bottom: calc(56.2% - 5px); overflow: hidden; border-bottom: 1px solid var(--light-color); }
.events-list table.fancy td[data-column="thumb"] a { position: absolute; top: 0; left: 0; width: 100%; display: inline-block; }
.events-list table.fancy td[data-column="thumb"] a:hover { opacity: 0.8; }
.events-list table.fancy td[data-column="thumb"] img { width: 100%; }
.events-list table.fancy td[data-column="status"] { position: absolute; bottom: 2.4rem; left: 0; width: 100%; background: var(--light-color); text-align: center; padding: 0.4rem 0.8rem }
.events-list table.fancy td[data-column="actions"] { position: absolute; bottom: 0.4em; right: 0.2em; width: 64%; width: calc(50% + 1em); padding: 0;}
.events-list table.fancy td[data-column="actions"] div { display: flex; justify-content: space-between; }
.events-list table.fancy td[data-column="id"] { position: absolute; top: 0; right: 8%; width: auto; text-align: center; background: var(--dark-color); color: var(--contrast-brand-color); padding: 0.5em; font-size: 0.9em; }
.events-list table.fancy td[data-column="storage"]	{ position: absolute; bottom: 4.85rem; left:0.5rem; width: auto; min-width: 3em; text-align: center; font-size: 0.8em; padding: 0.1em; background-color: var(--info-bg-color); border: 1px solid rgba(0,0,0,0.05); border-radius: 2px; margin: 0;}
.events-list table.fancy td[data-column="cookies"],
.events-list table.fancy td[data-column="live"] { position:absolute;  bottom: 4.5rem; right: 0; width:auto; line-height: 0.7;padding: 0.3rem; }
.events-list table.fancy td[data-column="cookies"]:empty,
.events-list table.fancy td[data-column="live"]:has( div:empty ) {display: none}
.events-list table.fancy td[data-column="cookies"] { padding: 0.55rem 0; }
.events-list table.fancy td[data-column="live"] { right: 1.8rem; }
.events-list table.fancy td[data-column="live"]:has(+ td[data-column="cookies"]:empty) { right: 0; }
.events-list table.fancy .fa-icon { font-size: 0.9em; padding: 0.3em; margin: 0.1em;}

.events-list table.data td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.events-list table.data td[data-column="title"] {  min-width: 15em; max-width: 25em;  }
.events-list table.data td[data-column="owner"] { width: 10em; }
.events-list table.data *[data-column="id"],
.events-list table.data *[data-column="date"],
.events-list table.data *[data-column="status"],
.events-list table.data *[data-column="actions"] { width: 1px; text-align: center; white-space: nowrap; }
.events-list table.data *[data-column="status"] { width: 8em; }
.events-list table.data *[data-column="thumb"] { text-align: center;}
.events-list table.data *[data-column="thumb"] * { display: inline-block; vertical-align: top; box-shadow: -1px var(--box-shadow); border: 1px solid #fff}
.events-list table.data td[data-column="thumb"]:has(.has-video)::after { font-size: 2em ;}
.events-list table.data td[data-column="cookies"],
.events-list table.data td[data-column="live"],
.events-list table.data td[data-column="storage"] { width: 1px; white-space: nowrap; }

.events-list .actualstatus          span:before { text-align: center; vertical-align: -0.05em; font-size: 1.2em }
.events-list .actualstatus.offair   span:before { content: var(--icon-offair); }
.events-list .actualstatus.prelive  span:before { content: var(--icon-prelive); }
.events-list .actualstatus.live     span:before { content: var(--icon-live); }
.events-list .actualstatus.live                 { color:   var(--first-brand-color); }
.events-list .actualstatus.postlive span:before { content: var(--icon-postlive); }
.events-list .actualstatus.ondemand span:before { content: var(--icon-ondemand); }
.events-list .actualstatus.archived span:before { content: var(--icon-archived); }

/* Events-list (to) horizontal mobile */
@media(max-width: 567px) {
	.events-list .top-actions p:first-child { display: flex; width: 85%;  align-items: center; }
	.massive_option { max-width: 50%; }
}

/* Events-list (from) horizontal mobile */
@media(min-width: 568px) {
	.events-list .row.top-events { justify-content: space-between; flex-direction: row; align-items: center; }
}

/* Events-list (from) vertical tablet */
@media(min-width: 768px) {
	.events-list table.data *[data-column="id"],
	.events-list table.data *[data-column="date"],
	.events-list table.data *[data-column="status"],
	.events-list table.data *[data-column="actions"] { text-align: center; }
}

/* Event-dashboard */
.event-dash-page .row.first { flex-direction: column; }
.event-dash-page .row.first > .col { box-shadow: var(--box-shadow); border: 1px solid var(--light-color); padding: 1em; }
.event-dash-page .video-preview.col { display: flex; flex-direction: column; width: 100%; gap: 1em; }
.event-dash-page .video-preview.col .box { box-shadow: none !important; }
.event-dash-page .video-preview.col .col:last-child > * { margin-bottom: 1em; }
.event-dash-page .video-preview .actual-status {padding: 0.5em}
.event-dash-page .video-preview .actual-status p { margin: 0; }
.event-dash-page .video-preview .actual-status small { opacity: 0.6; }
.event-dash-page .video-preview .actual-status hr { margin: 0.3em; background-color: var(--light-color); }
.event-dash-page .event-info { padding-bottom: 2em; }
.event-dash-page .event-info .event-date { font-weight: bold; font-size: 1.1em; }
.event-dash-page .event-info .event-expire-date	{ font-size: 0.8em; margin-top: -1em; }
.event-dash-page .event-info .event-expire-date:before { color: var(--error-color); opacity: 0.5}
.event-dash-page .event-info h3.event-links { margin-top: 2.2em; }
.event-dash-page .event-info .event-desc:not(:empty) { max-height: 4em; overflow: hidden; cursor: pointer; overflow-y: auto; scrollbar-width: thin; min-height: 2em; border: 1px solid transparent}
.event-dash-page .event-info .event-desc:not(:empty):hover { max-height: inherit; border-color: var(--light-color); margin: -0.5em; padding: 0.5em; }
.event-dash-page .event-info .event-desc:after { content: ""; position:absolute; width: 100%; height: 1em; bottom: 0; left: 0; background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));}
.event-dash-page .event-info .event-desc p { margin: 0 0 0.5em }
ul.linklist { font-size: 0.9em; opacity: 0.8; margin: 0; padding: 0 }
ul.linklist li { margin: 0.8em 0; display: flex }
ul.linklist li a { display: inline-block }
ul.linklist li a:first-child  { width: calc(100% - 2em); max-width: 80%; max-width: calc(100% - 2.5em); white-space: initial; display: inline-flex; flex-direction: row-reverse; align-items: stretch;  align-content: center;  }
ul.linklist li a:first-child::before { content: ""; border-bottom: 1px dotted;  display: inline-block;  flex: auto;  margin: 0 0.2em; height: 1em; min-width: 1em; }
ul.linklist li a:first-child::after { margin-right: 0.2em; }
ul.linklist li a.to-clipboard {  width: 1.6em;  }

.block-links { display: flex; flex-wrap: wrap; flex-direction: row; align-items: stretch; justify-content: stretch; text-align: center; gap: 1em; }
.block-links a { display: inline-block; padding: 1em 1%; flex: 1 1 30%; background: var(--light-color); font-size: 0.85em; }
.block-links a:hover { text-decoration: none; }
.block-links a:before { font-size: 150%; display: block; line-height: 1.2; margin-bottom: 0.2em; }
.block-links a.icon:before 	{ font-size: 9px; line-height: 1.2; font-family: sans-serif; font-weight: bold; color: var(--contrast-brand-color); border-radius: 2px; text-rendering: optimizelegibility; background: var(--second-brand-color); width: 3em; margin: 0.6em auto; padding: 0.3em;  opacity: 0.5;  }
.block-links a.vod:before  { content: "VOD"; }
.block-links a.dvr:before  { content: "DVR"; }
.block-links a.mp4:before  { content: "MP4"; }
.block-links a.icon:hover:before { background-color: var(--first-brand-color); }
.row.event-resume { padding: 0; margin: 1em 0; max-width: initial; }

.stats-resume { no-display: none; visibility: hidden; font-weight: normal; font-size: 12px; }
main[data-status="live"] .stats-resume { display: block; visibility: visible; }

.event-dash-page main[data-status="offair"] #highlights,
.event-dash-page main[data-status="offair"] #highlights + div,
.event-dash-page main[data-status="prelive"] #highlights,
.event-dash-page main[data-status="prelive"] #highlights + div,
.event-dash-page main[data-status="live"] #highlights,
.event-dash-page main[data-status="live"] #highlights + div { display: none; }

.event-dash-page .status p.offair:before   { content: var(--icon-offair); }
.event-dash-page .status p.prelive:before  { content: var(--icon-prelive); }
.event-dash-page .status p.live:before     { content: var(--icon-live); }
.event-dash-page .status p.postlive:before { content: var(--icon-postlive); }
.event-dash-page .status p.ondemand:before { content: var(--icon-ondemand); }
.event-dash-page .status p.archived:before { content: var(--icon-archived); }

#Embed .querystrings { display: none }
#Embed .querystrings.active { display: block }
#Embed .fa-code { font-weight: bold }
#Embed .list { font-size: 0.9em }
#Embed .list li { margin-bottom: 0.6em }
#Embed .list li:has(ul:first-child) { list-style: none;  }

/* Event-dashboard (to) vertical tablet */
@media(max-width: 767px) {
	.event-dash-page .video-preview.col .col:first-child { width: 100%; max-width: 500px; margin: 0 auto; }
	.event-resume .mini.box { flex-direction: column; justify-content: flex-start; min-width: 10em; }
	.event-resume .mini.box * { text-align: center; display: block; width: 100%; }
	.event-dash-page .event-info h3.event-links + ul li { margin-bottom: 1em; }
}

/* Event-dashboard (from) vertical tablet */
@media(min-width: 768px) {
	.event-dash-page .row.first { flex-direction: row; }
	.event-dash-page .video-preview.col { flex: 2; }
	.event-dash-page .event-info.col { flex: 1; }
}

/* Event-dashboard (from) horizontal tablet / PC */
@media(min-width: 1024px) {
	.event-dash-page .video-preview.col { flex: 2; flex-direction: row; }
	.event-dash-page .video-preview.col .col { flex: 1; }
	.event-dash-page .video-preview.col .col:first-child { flex: 2; }
	.event-dash-page .event-info.col { flex: 1; }
}


/* Event-settings */
.event-settings-page .row.dangerzone { gap: 2em; margin: 2vh 0 }
.event-settings-page .row.dangerzone .col { width: auto; max-width: 30em; flex: 1 }
.event-settings-page .row.dangerzone a.btn { padding: 0.5em 1.5em; border-radius: 3px; margin: 0.5em 0 0; min-width: 12em; text-align: center; }
.event-settings-page .row.dangerzone .delete a.btn:hover { border-color: var(--error-color); color: var(--error-color); }
.event-settings-page .row.dangerzone a.btn:before { margin-right: 0.2em; vertical-align: 0.1em; }


/* Event-edit-status: .event-status-page {} */
.event-status-page .row { margin-bottom: 3em; border: 1px solid var(--light-color);  box-shadow: var(--box-shadow); padding: 1em }
.event-status-page .fa-magnifying-glass-plus { display: none; font-size: 0.9em; margin: 0 auto; text-align: center; background-color: var(--light-color) }
.event-status-page form h3 { padding: 0.6em 0.8em; margin: -2% -2% 1%; font-size: 1.2em; background: var(--light-color); border-bottom: 2px solid var(--medium-color); }

.event-status-page .row.archived { margin-top: 5em; overflow: visible; }
.event-status-page .row.archived:before {
  background-image: linear-gradient(45deg, transparent 45%, var(--medium-color) 45%, var(--medium-color) 55%, transparent 55%), linear-gradient(-45deg , transparent 45%, var(--medium-color) 45%, var(--medium-color) 55%, transparent 55%);
  background-position: left top,  10px top;
  background-repeat: repeat-x, repeat-x;
  background-size: 20px 11px, 20px 11px;
  content: "";
  width: 100%;
  height: 12px;
  top: -3em;
  left: 0;
  position: absolute;
 }

.event-status-page main .tabs.scroll a.fa-after:after { display: none; }
.event-status-page main[data-status="offair"]   .tabs.scroll a.fa-after[href="#offair"]:after,
.event-status-page main[data-status="prelive"]  .tabs.scroll a.fa-after[href="#prelive"]:after,
.event-status-page main[data-status="live"]     .tabs.scroll a.fa-after[href="#live"]:after,
.event-status-page main[data-status="postlive"] .tabs.scroll a.fa-after[href="#postlive"]:after,
.event-status-page main[data-status="ondemand"] .tabs.scroll a.fa-after[href="#ondemand"]:after,
.event-status-page main[data-status="archived"] .tabs.scroll a.fa-after[href="#archived"]:after { display: inline; content: "\f058" }

.event-status-page main[data-status="offair"]   .row.offair   form h3,
.event-status-page main[data-status="prelive"]  .row.prelive  form h3,
.event-status-page main[data-status="live"]     .row.live     form h3,
.event-status-page main[data-status="postlive"] .row.postlive form h3,
.event-status-page main[data-status="ondemand"] .row.ondemand form h3,
.event-status-page main[data-status="archived"] .row.archived form h3 { border-color: var(--first-brand-color); color: var(--first-brand-color); }

.event-status-page main .row form h3 span.active-status { display: none; font-size: 0.70em; color: var(--text-color); }
.event-status-page main[data-status="offair"]   .row.offair   form h3 span.active-status,
.event-status-page main[data-status="prelive"]  .row.prelive  form h3 span.active-status,
.event-status-page main[data-status="live"]     .row.live     form h3 span.active-status,
.event-status-page main[data-status="postlive"] .row.postlive form h3 span.active-status,
.event-status-page main[data-status="ondemand"] .row.ondemand form h3 span.active-status,
.event-status-page main[data-status="archived"] .row.archived form h3 span.active-status { display: inline-block; }

.event-status-page main[data-status="offair"]   .row.offair   label[for*="-has-stats--"],
.event-status-page main[data-status="offair"]   .row.offair   label[for*="-has-stats--"] + .switch,
.event-status-page main[data-status="prelive"]  .row.prelive  label[for*="-has-stats--"],
.event-status-page main[data-status="prelive"]  .row.prelive  label[for*="-has-stats--"] + .switch,
.event-status-page main[data-status="live"]     .row.live     label[for*="-has-stats--"],
.event-status-page main[data-status="live"]     .row.live     label[for*="-has-stats--"] + .switch,
.event-status-page main[data-status="postlive"] .row.postlive label[for*="-has-stats--"],
.event-status-page main[data-status="postlive"] .row.postlive label[for*="-has-stats--"] + .switch,
.event-status-page main[data-status="ondemand"] .row.ondemand label[for*="-has-stats--"],
.event-status-page main[data-status="ondemand"] .row.ondemand label[for*="-has-stats--"] + .switch { pointer-events:  none }

.event-status-page main[data-status="offair"]   .row.offair   label[for*="-has-stats--"] + .switch input + span:before,
.event-status-page main[data-status="prelive"]  .row.prelive  label[for*="-has-stats--"] + .switch input + span:before,
.event-status-page main[data-status="live"]     .row.live     label[for*="-has-stats--"] + .switch input + span:before,
.event-status-page main[data-status="postlive"] .row.postlive label[for*="-has-stats--"] + .switch input + span:before,
.event-status-page main[data-status="ondemand"] .row.ondemand label[for*="-has-stats--"] + .switch input + span:before { opacity: 0.6; }

.event-status-page main[data-status="offair"]   .row.offair   label[for*="-has-stats--"] + .switch input:checked + span:before,
.event-status-page main[data-status="prelive"]  .row.prelive  label[for*="-has-stats--"] + .switch input:checked + span:before,
.event-status-page main[data-status="live"]     .row.live     label[for*="-has-stats--"] + .switch input:checked + span:before,
.event-status-page main[data-status="postlive"] .row.postlive label[for*="-has-stats--"] + .switch input:checked + span:before,
.event-status-page main[data-status="ondemand"] .row.ondemand label[for*="-has-stats--"] + .switch input:checked + span:before { filter: brightness(0.8); }

/* "lively" statuses: live and backup */
.event-status-page .row.lively input.content-type-link,
.event-status-page .row.lively label.content-type-link { display: none }
.event-status-page .row:not(.lively) fieldset:has(input[name*="-content-url"]:placeholder-shown) ~ .fs-container fieldset:has(label[for$="-has-autoplay"]),
.event-status-page .row:not(.lively) fieldset:has(input[name*="-content-url"]:placeholder-shown) ~ .fs-container fieldset:has(label[for$="-has-loop"]) { display: none }

.event-status-page .fs-container { display: flex; justify-content: space-between; text-align: center; }
.event-status-page .fs-container fieldset { padding-right: 0; }
.event-status-page .fs-container label:not(.switch) { padding: 0.2em 0; width: auto; text-align: center; white-space: nowrap; }
.event-status-page #live .fs-container { width: 80%; }
.event-status-page form fieldset.buttons { margin-top: 0.5em; }
.event-status-page form fieldset textarea { width: calc(100% - 4em); resize: vertical; }
.event-status-page form fieldset input[type="text"] { width: calc(100% - 4em); }
.event-status-page form fieldset select { width: calc(100% - 4em); }
.event-status-page form fieldset.uploader progress { display: none; width: 100%; height: 8px; }
.event-status-page form fieldset.uploader .fa-icon.fa-cloud-arrow-up { font-size: 150%; display: inline-flex; flex-direction: column; padding: 0 0.1em; }
.event-status-page form fieldset.uploader:disabled .fa-icon.fa-cloud-arrow-up { pointer-events: none; filter: saturate(0); }

.event-status-page .row.offair   h3:before { content: var(--icon-offair); }
.event-status-page .row.prelive  h3:before { content: var(--icon-prelive); }
.event-status-page .row.lively   h3:before { content: var(--icon-live); }  /* "lively" statuses: live and backup */
.event-status-page .row.postlive h3:before { content: var(--icon-postlive); }
.event-status-page .row.ondemand h3:before { content: var(--icon-ondemand); }
.event-status-page .row.archived h3:before { content: var(--icon-archived); }

.event-status-page #multicast-wrap { border-bottom: 1px solid transparent; }

.event-status-page #multicast-wrap #multicast p { display: none; }
.event-status-page #multicast-wrap #multicast::after { font-size: 0.9em; line-height: 2em; }
.event-status-page #multicast-wrap:not(.enabled) #multicast::after { display: block; content: attr(data-saveme); }
.event-status-page #multicast-wrap:not(.hasMulticast) #multicast::after { display: block; content: attr(data-disabled); }
.event-status-page #multicast-wrap.hasMulticast.enabled #multicast p { display: block; }

.event-status-page #multicast-wrap .multicast { background: var(--light-color); padding: 0.8em; margin-bottom: 0.5em; }
.event-status-page #multicast-wrap .multicast h5,
.event-status-page #multicast-wrap .multicast p { margin: 0.2em 0; }
.event-status-page #multicast-wrap .multicast .off { text-decoration: line-through; opacity: 0.6; }
#multicastSettings .data-add:hover {text-decoration: none; }

#multicastSettings fieldset input[type="text"] { width: 84%; }
#multicastSettings fieldset .multicast_url { display: flex; gap: 2px; width: 84%; }
#multicastSettings fieldset .multicast_url #multicast_protocol { width: 98px; }
#multicastSettings fieldset .multicast_url #multicast_url { width: calc(100% - 100px); }
#multicastSettings table.data td { max-width: 12rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}

/* Events-list (from) horizontal mobile */
@media(min-width: 568px) {
	.event-status-page #multicast-wrap .multicast { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: stretch; align-items: flex-start; }
	.event-status-page #multicast-wrap .multicast h5 { flex-basis: 25%; text-align: right; padding-right: 1rem; }
  	.event-status-page #multicast-wrap .multicast h5 + p  { margin-top: 0.4em; }
	.event-status-page #multicast-wrap .multicast p.small { flex-basis: 75%; padding-left: 25%; }

	#multicastSettings fieldset input[type="text"] { width: 72%; }
	#multicastSettings fieldset .multicast_url { width: 72%; }
}

/* Event-edit-status (to) vertical tablet */
@media(max-width: 767px) {
	.event-status-page .fs-container { justify-content: space-between; flex-wrap: wrap; }
}

/* Event-edit-status (from) vertical tablet */
@media(min-width: 768px) {
	.event-status-page .row { flex-direction: column; }
	.event-status-page form fieldset textarea,
	.event-status-page form fieldset input[type="text"],
	.event-status-page form fieldset input[type="url"],
	.event-status-page form fieldset select { width: calc(70% - 4em); }
	.event-status-page .fa-icon.fa-cloud-arrow-up { margin-right: 0.5em; }

	#multicastSettings table.data td:last-child { text-align: center;}
	#multicastSettings fieldset input[type="text"] { width: 60%; }
	#multicastSettings fieldset .multicast_url { width: 60%; }
}

/* Event-edit-status (from) vertical tablet */
@media(min-width: 768px) and (max-width: 1023px) {
	.event-status-page .row { align-items: center; }
	.event-status-page .col.video-preview { flex: 100%; width: 640px; max-width: 99.8%; }
	.event-status-page .col.form-status { width: 100% }
}
/* Event-edit-status (from) horizontal tablet / PC */
@media(min-width: 1024px) {
	.event-status-page .row { flex-direction: row; }
	.event-status-page .fa-magnifying-glass-plus { display: block; }
	.event-status-page .col.video-preview { flex: 1; }
	.event-status-page .col.form-status { flex: 2; }
	.event-status-page .fs-container { padding-left: 25%; padding-right: 1%; }

	#multicastSettings fieldset input[type="text"] { width: 64%; }
	#multicastSettings fieldset .multicast_url { width: 64%; }
}

/* Event-settings */
.event-settings-page main h3 { margin-top: 2.5em; }
.carpet .config-preview { display: block; background: var(--info-bg-color); color: var(--info-color); padding: 1em 1em 2em; margin: 0.5em 0; font-size: 0.8em; }
.carpet .config-preview h5 { margin: 0 0 0.5em 0; }
.carpet .add-form { padding: 1.2em 1em; margin-top:1.5em; background: var(--light-color); border: 1px solid var(--medium-color); }
.carpet .add-form .buttons.tiny { padding-right: 1em; }
#CookiesSettings .config-preview label { display: block; width: 100% !important; text-align: left !important; }
.carpet .config-preview code { display: block; border: none; font-size: 1em }

/* >= 568px, horizontal mobile */
@media(min-width: 568px)
{
	.carpet .config-preview { margin-left: 25%; }
}

/* Event-streaming */
.event-stream-page .stream > .col > * { margin-bottom: 1em; }
.event-stream-page .stream > .col.stream-public > .video-container { margin-bottom: 0; }
.event-stream-page .stream > .col.stream-public > .title { margin-bottom: 0 !important }
.event-stream-page .title h3 { margin: 1em 0 0; display: flex;justify-content: space-between; gap: 0.5em; flex-wrap: wrap; width: 100%; align-items: center;}
.event-stream-page .title h5 { margin: 0; padding: 0; padding: 0 1em; }
.event-stream-page .stats-resume { font-weight: normal; margin-left: auto; }
.event-stream-page main[data-status="live"] .stats-resume { display: block; visibility: visible; }
.event-stream-page .status-actions { gap: 0.2em; justify-content: space-between; align-items: stretch; padding-top: 1em; }
.event-stream-page .status-actions .btn, .event-stream-page .btn.checkstreams { flex: 1; text-align: center; padding: 1em 0; font-size: 13px; white-space: nowrap; }
.event-stream-page .status-actions .btn:before, .event-stream-page .btn.checkstreams:before { font-size: 120%; }
.event-stream-page .status-actions.disabled .btn { pointer-events: none; filter: saturate(0); }

.event-stream-page main[data-status="offair"]   .status-actions .btn.offair,
.event-stream-page main[data-status="prelive"]  .status-actions .btn.prelive,
.event-stream-page main[data-status="live"]     .status-actions .btn.live,
.event-stream-page main[data-status="postlive"] .status-actions .btn.postlive,
.event-stream-page main[data-status="ondemand"] .status-actions .btn.ondemand { border-color: var(--first-brand-color); color: var(--first-brand-color); background: var(--btn-bgcolor-to); font-weight: bold; overflow: visible;  filter: saturate(1); }
.event-stream-page main[data-status="offair"]   .status-actions .btn.offair:after,
.event-stream-page main[data-status="prelive"]  .status-actions .btn.prelive:after,
.event-stream-page main[data-status="live"]     .status-actions .btn.live:after,
.event-stream-page main[data-status="postlive"] .status-actions .btn.postlive:after,
.event-stream-page main[data-status="ondemand"] .status-actions .btn.ondemand:after {content: ""; position: absolute; width: 5px; height: 5px; left: 49%; background: var(--btn-bgcolor-to); border-right: 2px solid var(--first-brand-color); border-bottom: 2px solid var(--first-brand-color); bottom: -5px; transform: rotate(45deg); }

.event-stream-page main[data-status="live"] .status-actions .btn.live,
.event-stream-page main[data-status="live"] .status-actions .btn.live:after { background: var(--first-brand-color); color: var(--contrast-brand-color); }

.event-stream-page .signal-checks { padding: 0.77em 1em; min-width: 17em; overflow: hidden }
.event-stream-page main:not(.checked) .signal-checks .fa-triangle-exclamation:before { color: var(--text-color); opacity: 0.3 }
.event-stream-page .signal-checks .fa-triangle-exclamation:before { color: var(--alert-color); }
.event-stream-page .signal-checks .fa-check:before                { color: var(--success-color); }
.event-stream-page .signal-checks .fa-spinner:before              { color: var(--text-color); opacity: 0.3 }
.event-stream-page .signal-checks .details { display: none; }
.event-stream-page .signal-checks.active .details { display: block; }
.event-stream-page .signal-checks h4 { margin: -0.7em -0.8em; padding: 0.7em 0.8em; }
.event-stream-page .signal-checks.ok:not(.active),
.event-stream-page .signal-checks.ok:not(.active) h4 a,
.event-stream-page .signal-checks.ok:not(.active) h4 .fa-check:before { background: var(--success-color); color: #fff !important }
.event-stream-page .signal-checks .is-on-air, .event-stream-page .signal-checks .is-off-air { padding: 0.5em; border: 1px solid rgba(0,0,0,0.03); border-radius: 2px; margin: 0.5em -0.5em; color:  rgba(0,0,0,0.3) }
.event-stream-page .signal-checks .is-on-air:before, .event-stream-page .signal-checks .is-off-air:before { visibility: hidden }
.event-stream-page .signal-checks .is-on-air.ok:before, .event-stream-page .signal-checks .is-on-air.ko + .is-off-air:before { visibility: visible }
.event-stream-page .signal-checks .is-on-air:after, .event-stream-page .signal-checks .is-off-air:after { content: '•'; position: absolute; left: 0.8em; bottom: 0.5em; }
.event-stream-page .signal-checks .is-on-air.ok:after, .event-stream-page .signal-checks .is-on-air.ko + .is-off-air:after { content:"" }
.event-stream-page .signal-checks .is-on-air.ok { background: var(--success-bg-color); color: var(--success-color); }
.event-stream-page .signal-checks #signal-onair.ok ~ .is-off-air,
.event-stream-page .signal-checks #signal-onair.ok ~ #signal-more .is-off-air { background: var(--alert-bg-color); color: var(--alert-color) }
.event-stream-page .signal-checks #signal-onair.ok ~ .is-off-air:before,
.event-stream-page .signal-checks #signal-onair.ok ~ #signal-more .is-off-air:before { color: var(--alert-color); opacity: 1 }
.event-stream-page .signal-checks .is-on-air:not(.ko) + .is-off-air b { display: none }
.event-stream-page main[data-status="live"] .signal-checks .is-on-air.ko + .is-off-air { background: var(--error-bg-color) !important; color: var(--error-color) !important}
.event-stream-page main[data-status="live"] .signal-checks.ko:not(.active),
.event-stream-page main[data-status="live"] .signal-checks.ko h4 a,
.event-stream-page main[data-status="live"] .signal-checks.ko h4 .fa-triangle-exclamation:before ,
.event-stream-page main[data-status="live"] .signal-checks.ko h4  { background: var(--error-color); color: #fff !important }
.event-stream-page .signal-checks h4 i, .event-stream-page .signal-checks .is-on-air { display: none; }
.event-stream-page .signal-checks.checking:not(.ok) h4 i.fa-spinner { display: inline-block; }
.event-stream-page .signal-checks.ko h4 i.fa-triangle-exclamation   { display: inline-block; }
.event-stream-page .signal-checks.ok h4 i.fa-check                  { display: inline-block; }
.event-stream-page .signal-checks .is-on-air.ok + .is-off-air { display: none; }
.event-stream-page .signal-checks .is-on-air.ok { display: block; }
.event-stream-page .signal-checks .more { text-align:right; font-size: 0.9em; }

.event-stream-page main[data-status="live"] .row.stream .signal-checks .is-on-air.ko + .is-off-air { color: var(--error-color); }
.event-stream-page main[data-status="live"] .row.stream .signal-checks .is-on-air.ko + .is-off-air:before { color: var(--error-color) !important; opacity: 1;  }

.event-stream-page .multicast { font-weight: normal; font-size: 12px; }
#multicast-status.off { opacity: 0.3; padding: 0.05em; border: 1px solid rgba(0,0,0,0.05);}
#multicast-status.on.ok { opacity: 1; color: var(--success-color) ;background: var(--success-bg-color); }
#multicast-status.on.ko { opacity: 1; color: var(--alert-color) ;background: var(--alert-bg-color); }
NO#multicast-status::after {  content: attr(class);  text-transform: uppercase;  display: inline-block;  max-width: 2em;  white-space: nowrap;  overflow: hidden;  vertical-align: bottom; font-family: 'Courier New', Courier, monospace; }
#multicast .btn { display: inline-block; float: right; margin-left: 0.5em }
#multicast table.data tbody td:not(:first-child) { text-align: center;}
#multicast table.data tbody td .fa-toggle-on { color: var(--first-brand-color) }
#multicast table.data tbody td:last-child { font-weight: bold; font-size: 0.9em;}
#multicast table.data tbody td.on { color: var(--success-color) }
#multicast table.data tbody td.off { opacity: 0.5; }

.event-stream-page main[data-status="live"] .row.stream .status.live.forbidden { background: var(--alert-bg-color) !important; color: var(--alert-color) !important; border-color: var(--alert-color) !important; opacity: 0.8; }
.event-stream-page main[data-status="live"] .row.stream .status.live.forbidden:hover { opacity: 1; }
.event-stream-page main[data-status="live"] .row.stream .status.live.forbidden:after { border-color: var(--alert-color) !important; background: var(--alert-bg-color) !important; }

.event-stream-page .row.stream .signal-checks .msg.box.error { display: none; }
.event-stream-page main[data-status="live"] .row.stream .signal-checks.ko .msg.box.error { display: block; margin: 1em -1.1em 0 }

.event-stream-page .row.stream .stream-public .subtitle { background: var(--light-color);  width: 100%;  padding: 0.55em 1em;  font-size: 1em;  font-weight: bold; display: none; }
.event-stream-page main:not(.hidepreview)   .row.stream .stream-public .subtitle { display: block; }
.event-stream-page main[data-status="live"] .row.stream .stream-public .subtitle { display: none; }
.event-stream-page .row.stream .stream-preview .video-container { margin-bottom: 0}
.event-stream-page .row.stream .stream-preview .title { background: var(--light-color); padding: 0.5em 1em; margin-bottom: 0 }
.event-stream-page .row.stream .stream-preview .title h5 { padding: 0; }
.event-stream-page .row.stream .stream-preview .title h5 a { display: none; }
.event-stream-page main[data-status="live"] .row.stream .stream-preview .title,
.event-stream-page main[data-status="live"] .row.stream .stream-preview .video-container { display: none; }
.event-stream-page main[data-status="live"] .row.stream .fa-triangle-exclamation:before { color: var(--error-color); content: "\f06a" !important; }

.event-stream-page #encoder textarea { width: 100%; min-height: 100px; resize: vertical; }

.event-stream-page .video-container { container-type: inline-size }
.event-stream-page .video-container .signal-off { position: absolute; top: 0; left: 0; background: rgba(51, 85, 119,0.4); width: 100%; height: 100%; text-align: center; color: #fff; text-shadow: 2px 2px 2px rgba(51, 85, 119, 0.8); backdrop-filter: blur(6px); display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 0.12px; font-size: calc(8px + 1cqw); padding: 1em; z-index: 1; }
.event-stream-page main.hidepreview .stream-preview { border-bottom: 1px solid var(--light-color); }

.event-stream-page main.external-app .signal-checks { display: none; }
.event-stream-page main.external-app nav.opentab a[href="#codecs"],
.event-stream-page main.external-app nav.opentab a[href="#monitoring"],
.event-stream-page main.external-app nav.opentab a[href="#toggleall"],
.event-stream-page main.external-app #codecs,
.event-stream-page main.external-app #monitoring { display: none !important; }
.event-stream-page main.external-app .video-container .signal-off { display: none; }

.event-stream-page .mbr-type { display: none; }
.event-stream-page .mbr-type.active { display: block; }

.event-stream-page .tabs-info > div { padding: 0 0 4%; }
.event-stream-page .tabs-info > div a { z-index: 1 }
.event-stream-page .tabs-info a.to-clipboard { font-size: 1.2em; margin-left: 0.3em; }

.event-stream-page .stream-timeline { display: flex; flex-direction: column; flex: 1; justify-content: space-evenly; align-items: flex-start; text-align: center; margin-bottom: 1em; }
.event-stream-page .stream-timeline img { box-shadow: 2px var(--box-shadow);}
.event-stream-page .stream-timeline img, .event-stream-page .stream-timeline a { display: block; width: 70%; max-width: 250px; margin: 0 auto; font-size: 0.8em; background: var(--light-color); transition: 0.3s; }
.event-stream-page .stream-timeline a { padding: 2%; }
.event-stream-page .stream-timeline a.edit:after { content: "\f044"; }
.event-stream-page .stream-timeline a.edit:before { content: ""; font-family: var(--font-family); text-transform: uppercase; min-width: initial; }

.event-stream-page main[data-status="offair"]   .stream-timeline > div.tl-offair:after,
.event-stream-page main[data-status="prelive"]  .stream-timeline > div.tl-prelive:after,
.event-stream-page main[data-status="live"]     .stream-timeline > div.tl-live:after,
.event-stream-page main[data-status="postlive"] .stream-timeline > div.tl-postlive:after,
.event-stream-page main[data-status="ondemand"] .stream-timeline > div.tl-ondemand:after { background: var(--first-brand-color) !important; }

.event-stream-page main[data-status="offair"]   .stream-timeline > div.tl-offair > *,
.event-stream-page main[data-status="prelive"]  .stream-timeline > div.tl-prelive > *,
.event-stream-page main[data-status="live"]     .stream-timeline > div.tl-live > *,
.event-stream-page main[data-status="postlive"] .stream-timeline > div.tl-postlive > *,
.event-stream-page main[data-status="ondemand"] .stream-timeline > div.tl-ondemand > * { width: 80%; max-width: 350px; font-weight: bold; color: var(--first-brand-color); }

.event-stream-page main[data-status="offair"]   .stream-timeline > div.tl-offair:hover > *,
.event-stream-page main[data-status="prelive"]  .stream-timeline > div.tl-prelive:hover > *,
.event-stream-page main[data-status="live"]     .stream-timeline > div.tl-live:hover > *,
.event-stream-page main[data-status="postlive"] .stream-timeline > div.tl-postlive:hover > *,
.event-stream-page main[data-status="ondemand"] .stream-timeline > div.tl-ondemand:hover > * { width: 85%; max-width: 370px; }

.event-stream-page main[data-status="offair"]   .stream-timeline > div.tl-offair a:before,
.event-stream-page main[data-status="prelive"]  .stream-timeline > div.tl-prelive a:before,
.event-stream-page main[data-status="live"]     .stream-timeline > div.tl-live a:before,
.event-stream-page main[data-status="postlive"] .stream-timeline > div.tl-postlive a:before,
.event-stream-page main[data-status="ondemand"] .stream-timeline > div.tl-ondemand a:before { content: attr(data-now) ": "; }

.event-stream-page .stream-timeline div:hover > * { width: 90%; max-width: 275px; }
.event-stream-page .stream-timeline div:after { content: ""; display: block; position: absolute; background: var(--medium-color); width: 10px; height: 10px; right: 50%; bottom: -6px; border-radius: 5px; }

.event-stream-page .stream-timeline div.has-video:before { z-index: 5; position: absolute; content: "\25B6"; width: 100%; color: white; font-size: 3cqw; text-shadow: 2px 2px 2px rgba(0,0,0,0.2); text-align: center; background: none; top: 40%; top: calc(50% - 0.85em); left: 0; transition: 0.3s; }
.event-stream-page .stream-timeline-now b { text-transform: uppercase; }

.event-stream-page .status i { display: none; font-size: 120%; min-width: 1.5em; }

.event-stream-page .status.offair:before   { content: var(--icon-offair); }
.event-stream-page .status.prelive:before  { content: var(--icon-prelive); }
.event-stream-page .status.postlive:before { content: var(--icon-postlive); }
.event-stream-page .status.ondemand:before { content: var(--icon-ondemand); }
.event-stream-page .status.archived:before { content: var(--icon-archived); }
.event-stream-page .checkstreams:before    { content: "\f0ae "; }

.event-stream-page .status.lively:before { content: var(--icon-live); }  /* "lively" statuses: live and backup */

.event-stream-page .status.live.checking:before,
.event-stream-page .status.live.forbidden:before { display: none; }
.event-stream-page .status.live.checking i.fa-spinner { display: inline-block; }
.event-stream-page .status.live.forbidden i.fa-triangle-exclamation { display: inline-block; }
.event-stream-page .status.live.forbidden { opacity: 0.4 }

.event-stream-page #codecs .btn.checkstreams { float: right; z-index: 1; padding: 0.8em 2em; }

.event-stream-page #checkStreams { width: 96%; max-width: 96%; overflow-y: auto; margin: 2% auto; }
.event-stream-page #checkStreams.doing h5.doing { display: block; }
.event-stream-page #checkStreams.done  h5.done  { display: block; }
.event-stream-page #checkStreams .list { font-size: 0.85em; margin-bottom: 2em; }

.event-stream-page #checkStreams .check-success ul { display: inline-block; vertical-align: text-top; list-style: none; }
.event-stream-page #checkStreams .check-success ul li { display: none; margin: 0; }
.event-stream-page #checkStreams .check-success ul li:not(:first-child) { margin-top: 3px; }
.event-stream-page #checkStreams .check-success ul li b { display: inline-block; width: 20px; text-align: center; }

.event-stream-page #carpet-check-full { display: none; }
.event-stream-page #carpet-check-full.active { display: block; animation: fade_in_show; }

.codecs_doing span { background: url(/assets/img/check.gif) center center no-repeat; background-size: contain; width: 2em; height: 2em; overflow: hidden; vertical-align: middle; display: inline-block; margin-left: 0.5em; }
.codecs_results .table-container { overflow-x: auto; }
.codecs_results .table-container table.data { margin-bottom: 0; }
.codecs_results .table-container table.data tr td { width: 1px; white-space: nowrap; }

.event-stream-page .codec-msg { padding: 0.4em; white-space: initial; text-align: center; border: 1px solid rgba(0,0,0,0.1); font-size: 0.9em; }
.event-stream-page .codec-msg.info    { background: var(--info-bg-color);    color: var(--info-color);    }
.event-stream-page .codec-msg.success { background: var(--success-bg-color); color: var(--success-color); }
.event-stream-page .codec-msg.alert   { background: var(--alert-bg-color);   color: var(--alert-color);   }
.event-stream-page .codec-msg.error   { background: var(--error-bg-color);   color: var(--error-color);   }
.event-stream-page .codec-msg.info:before    { content: "\f05a"; }
.event-stream-page .codec-msg.success:before { content: "\f058"; }
.event-stream-page .codec-msg.alert:before   { content: "\f071"; }
.event-stream-page .codec-msg.error:before   { content: "\f057"; }

.event-stream-page #encoder textarea { max-width: 1000px; margin: 0 auto; min-height: 8em; display: block }

/* < 568px, horizontal mobile */
@media(max-width: 567px) {
	.event-stream-page form fieldset input[type="text"] {  width: 80%; width: calc(100% - 2.5em) }
}

/* Event-streaming (to) horizontal tablet / PC */
@media(max-width: 767px) {
	#account_id { width: auto; display: inline-block; }
	.event-stream-page .status-actions > * { display: none; }
	.event-stream-page .status-actions.active > * { display: block; }
	.event-stream-page main[data-status="offair"]   .status-actions .btn.offair,
	.event-stream-page main[data-status="prelive"]  .status-actions .btn.prelive,
	.event-stream-page main[data-status="live"]     .status-actions .btn.live,
	.event-stream-page main[data-status="postlive"] .status-actions .btn.postlive,
	.event-stream-page main[data-status="ondemand"] .status-actions .btn.ondemand { display: block; }
	.event-stream-page .status-actions.active .btn:after {display: none; }
	.event-stream-page .stream-timeline { border-left: 3px solid var(--light-color); }
	.event-stream-page .stream-timeline div { padding: 0.5em 1em; }
	.event-stream-page .stream-timeline div:after { top: 50%; left: -6px; }
	.event-stream-page .stream-timeline div.has-video:before { font-size: 3em; }
}

/* Event-streaming (from) vertical tablet */
@media(min-width: 768px) {
	.event-stream-page .row.stream { flex-direction: column; }
	.event-stream-page .row.stream > .col { flex: 1; }
	.event-stream-page .toggler[data-toggle=".status-actions"] { display: none; }
	.event-stream-page .stream-timeline { flex-direction: row; align-items: flex-end; }
	.event-stream-page .stream-timeline { border-bottom: 3px solid var(--light-color); min-height: 16vw; }
	.event-stream-page .stream-timeline div { padding: 1em 0 }
	.event-stream-page .stream-timeline div:after { right: 50%; bottom: -6px; }

	.event-stream-page #checkStreams .row { flex-direction: column; }
	.event-stream-page #checkStreams .row .col:first-child { flex: 1; }
	.event-stream-page #checkStreams .row .col:last-child { flex: 2; }

	.codecs_table, .audio_table, .subtitle_table, .caption_table { text-align: center; }
	.raw_codecs_table > tbody > tr > td { word-break: break-word; }
}

/* Event-streaming (from) horizontal tablet / PC */
@media(min-width: 1024px) {
	.event-stream-page .row.stream { flex-direction: row; }
	.event-stream-page .row.stream > .col { flex: 1; max-width: 65%; }
	.event-stream-page .row.stream .stream-preview { margin-top: 5.45em; }
	.event-stream-page main.external-app.hidepreview .row.stream .stream-preview { margin-top: 9.7em; }
	.event-stream-page .row.stream .stream-preview .title h5 a { display: inline-block }
	.event-stream-page main.hidepreview .row.stream .stream-public { flex: 3; width: 66%; }
	.event-stream-page main.hidepreview .row.stream .stream-preview { flex: inherit; width: auto; border-bottom: none; padding-left: 1em; width: 20em; }
	.event-stream-page main.hidepreview .row.stream .stream-preview h3 { font-size: 1em; }
	.event-stream-page main:not(.hidepreview) .row.stream .stream-preview h5 { text-align: right; }
	.event-stream-page main.external-app:not(.hidepreview) .stream-preview .video-container { margin-top: 4.1em; }
	.event-stream-page main[data-status="live"] .row.stream .stream-public  { flex: 3; width: 66%; }
	.event-stream-page main[data-status="live"] .row.stream .stream-preview	{ flex: inherit; width: auto; border-bottom: none; padding-left: 1em; width: 20em; }

	.event-stream-page #checkStreams .row { flex-direction: row-reverse; }
}

/* Event-vod-list: .event-vod-list {} */

.event-vod-list .recs table tr.more { display: none; background-color: whitesmoke; box-shadow: 2px 0 0 0.5px #ddd inset; }
.event-vod-list .recs table tr.more.active { display: table-row; }
.event-vod-list .recs table.data tr.main { background-color: var(--td-bg-color-odd); }
.event-vod-list .recs table.data tr.main.even { background-color: var(--td-bg-color-even); }
.event-vod-list .recs table.data > tbody > tr:hover { background-color: var(--td-bg-color-hover) !important; }
.event-vod-list .recs table a.toggleRecs { white-space: nowrap; }

.event-vod-list table td[data-column="thumb"] a { opacity: 1; }
.event-vod-list table td[data-column="thumb"] a:hover { opacity: 0.8; }

.event-vod-list table tr:first-child td[data-column="position"] a:first-child,
.event-vod-list table tr:last-child td[data-column="position"] a:last-child { pointer-events: none; opacity: 0.25; display: none }

.event-vod-list table.fancy tr { padding-bottom: 5.5rem; }
.event-vod-list table.fancy td { overflow: hidden; opacity: 0.8;  }
.event-vod-list table.fancy td small { font-weight: normal; display: block; }
.event-vod-list table.fancy td small br { display: none; }
.event-vod-list table.fancy td[data-column="select"] { position: absolute; z-index: 2; bottom: 0.3rem; padding: 0.4rem; left: 0.3rem; }
.event-vod-list table.fancy td[data-column="thumb"] { padding-bottom: 56.2%; padding-bottom: calc(56.2% - 5px); overflow: hidden; border-bottom: 1px solid var(--light-color); background-color:rgba(0,0,0,.1); }
.event-vod-list table.fancy td[data-column="thumb"] a { position: absolute; top: 0; left: 0; width: 100%; display: inline-block; opacity: 1; }
.event-vod-list table.fancy td[data-column="thumb"] a:hover { opacity: 0.8; }
.event-vod-list table.fancy tr.more td[data-column="thumb"] a { opacity: 0.5; }
.event-vod-list table.fancy tr.more td[data-column="thumb"] a:hover { opacity: 0.8; }
.event-vod-list table.fancy td[data-column="thumb"] img { width: 100%; }
.event-vod-list table.fancy td[data-column="published"],
.event-vod-list table.fancy td[data-column="publish"] { position: absolute; bottom: 3rem; left: 0; width: 100%; background: var(--light-color); text-align: center; line-height: 1.8em; }
.event-vod-list table.fancy td[data-column="actions"] { position: absolute; bottom: 0.4rem; right: 0; width: auto; text-align: center; }
.event-vod-list table.fancy td[data-column="id"] { position: absolute; top: 0; right: 8%; width: auto; text-align: center; background: var(--dark-color); color: var(--contrast-brand-color); padding: 0.5em; font-size: 0.9em; }
.event-vod-list table.fancy td[data-column="position"] { position:absolute; text-align: center; top: 0.5em; right: 0.5em; text-shadow: 1px 1px 1px #000 }
.event-vod-list table.fancy td[data-column="position"] a { color: var(--contrast-brand-color); opacity: 0.8; font-size: 1.3em; }
.event-vod-list table.fancy td[data-column="position"] a:hover { opacity: 1; text-shadow: 2px 2px 2px #000; }
.event-vod-list table.fancy.select-vods td[data-column="filename"],
.event-vod-list table.fancy.select-mp4s td[data-column="filename"] { font-weight: bold; }
.event-vod-list table.fancy.select-recs td[data-column="filename"] { font-size: 0.8em; padding-left: 1em; }
.event-vod-list table.fancy.select-vods td[data-column="filename"] { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: 5em}
.event-vod-list table.fancy.select-mp4s td[data-column="filename"] * { display: none; }
.event-vod-list table.fancy.select-recs td[data-column="modified"] { font-weight: bold; font-size: 1.1em; }
.event-vod-list table.fancy td[data-column="actions"] > div,
.event-vod-list table.fancy td[data-column="position"] > div { display: inline-block; }
.event-vod-list table.fancy td[data-column="mp4"]:before,
.event-vod-list table.fancy td[data-column="time-left"]:before,
.event-vod-list table.fancy td[data-column="published"]:before,
.event-vod-list table.fancy td[data-column="publish"]:before { content: attr(data-label) ": "; text-transform: capitalize; font-weight: bold; }
.event-vod-list table.fancy td[data-column="modified"]:before,
.event-vod-list table.fancy td[data-column="created"]:before,
.event-vod-list table.fancy td[data-column="duration"]:before,
.event-vod-list table.fancy td[data-column="filesize"]:before,
.event-vod-list table.fancy td[data-column="resolution"]:before,
.event-vod-list table.fancy td[data-column="bitrate"]:before { content: attr(data-label) ": "; text-transform: capitalize; font-size: 10px; opacity: 0.6; display: inline-block; width: 7.5em; overflow: hidden; text-overflow: ellipsis; }
.event-vod-list table.fancy td[data-column="modified"]:before,
.event-vod-list table.fancy td[data-column="created"]:before { display: block; font-weight: normal; }
.event-vod-list table.fancy td[data-column="modified"] br { display: none; }
.event-vod-list table.fancy td[data-column="resolution"] a { font-size: 0.9em; white-space: nowrap; }
.event-vod-list table.fancy.select-vods td[data-column="filesize"]:before,
.event-vod-list table.fancy.select-mp4s td[data-column="filesize"]:before { margin-right: -0.5em; }
.event-vod-list table.fancy .fa-arrow-up:before   { content: "\f060"; }
.event-vod-list table.fancy .fa-arrow-down:before { content: "\f061"; }
.event-vod-list table.fancy .fa-chevron-up:before   { content: "\f053";  font-size: 0.9em; vertical-align: 0.1em; }
.event-vod-list table.fancy .fa-chevron-down:before { content: "\f054";  font-size: 0.9em; vertical-align: 0.1em; }

.event-vod-list table.fancy.select-mp4s tr { padding-bottom: 3em; }
.event-vod-list table.fancy.select-mp4s td:nth-last-child(2) { padding-bottom: 1em; border-bottom: 2px solid var(--light-color); }

/* Event-vod-list (from) vertical tablet */
@media(min-width: 768px) {
	.event-vod-list table.data *[data-column="actions"],
	.event-vod-list table.data *[data-column="published"] { text-align: center; }
}

/* Event-vod-list (from) horizontal tablet / PC */
@media(min-width: 1024px) {
	.event-vod-list table.data > thead > tr > th,
	.event-vod-list table.data > tbody > tr > td { text-align: center; }
}

/* Event-vod-item: .event-vod-item {} */
.event-vod-item #player-item { width: 100%; height: 270px; margin: 0; padding: 0; }
.event-vod-item #player-item > video { display: block; margin: 0 auto; background-size: contain; background-repeat: no-repeat; background-position: center; }
.event-vod-item #player-item video { width: 100%; height: 100%; }
.event-vod-item #player-item .vjs-control-bar { display: flex !important; opacity: 1 !important; }
.event-vod-item #player-item .vjs-control-bar .vjs-time-control { display: flex !important; }
.event-vod-item .slider-range { background: var(--light-color); padding: 1.5em 1em 0 1em; margin: 0 -2%; }
.event-vod-item .slider-range > div { width: 96%; margin: 0 2%; }
.event-vod-item .slider-range .ui-slider-horizontal .ui-slider-range { background: var(--medium-color) }
.event-vod-item .slider-range .ui-state-active,
.event-vod-item .slider-range .ui-widget-content .ui-state-active,
.event-vod-item .slider-range .ui-widget-header .ui-state-active,
.event-vod-item .slider-range a.ui-button:active,
.event-vod-item .slider-range .ui-button:active,
.event-vod-item .slider-range .ui-button.ui-state-active:hover {border: 2px solid var(--first-brand-color); background: #007fff; font-weight: normal; color: #ffffff; }
.event-vod-item .trim-video { background: var(--light-color); padding: 0 1em 1em 1em; margin: 0 -2%; }
.event-vod-item .trim-video > div { flex: 3 1 0px; padding: 1em; border: 1px solid transparent; }
.event-vod-item .trim-video > div:not(:last-child):hover { border-color: var(--medium-color); }
.event-vod-item .trim-video > div:last-child { flex: 3 1 0px; }
.event-vod-item .trim-video fieldset { justify-content: center; gap: 0.2em; }
.event-vod-item .trim-video .fieldNote { margin: -3px 0; display: none; text-align: justify; }
.event-vod-item .trim-video .alert * { color: var(--alert-color); }
.event-vod-item .trim-video .alert .fieldNote { display: block; }
.event-vod-item .trim-video label { width: auto !important; }
.event-vod-item .trim-video input { max-width: 10em; }
.event-vod-item .trim-video span { margin-left: 0.3em; }
.event-vod-item .trim-video a { display: inline-block; }
.event-vod-item .trim-video a.stop:before { transform: rotate(180deg); }
.event-vod-item .trim-video-title { background: var(--light-color); padding: 1em; margin: 0 -2%; border-top: 1px solid var(--medium-color); }
.event-vod-item form { max-width: 100%; }
.event-vod-item #toggleSettingsBtn { padding: 1% 0; margin-top: 1.5em; display: inline-block; }
.event-vod-item .settings { display: none; }
.event-vod-item .settings.active { display: flex; animation: fade_in_show 0.5s; }
.event-vod-item .settings .col { flex: 1; }
.event-vod-item .settings fieldset { flex-wrap: wrap; }
.event-vod-item .settings label:has(+ textarea) { width: 100% !important; width: calc(100% - 2em) !important; margin-left: 1em;  text-align: left !important; }
.event-vod-item .settings textarea { width: 100%; width: calc(100% - 2em); margin-left: 1em; height: 6em; }
.event-vod-item .settings .fieldsmall input { max-width: 10em; }
.event-vod-item .settings .fieldsmall span { margin-left: 0.3em; }
.event-vod-item .export-config .fieldNote { margin-left: 0; margin-top: -1em; }

@media (min-width: 568px) {
	.event-vod-item .settings input[type="checkbox"]:first-child { margin-left: 0; }
	.event-vod-item .trim-video > div { text-align: center; }
}

/* Event-vod-item (from) vertical tablet */
@media(min-width: 768px) {
	.event-vod-item .trim-video { flex-direction: column }
	.event-vod-item #player-item { height: 35vw };
}

/* Event-vod-list (from) horizontal tablet / PC */
@media(min-width: 1024px) {
	.event-vod-item .trim-video { flex-direction: row }
	.event-vod-item .trim-video div:last-child input { max-width: 8em; }
	.event-vod-item #player-item { height: 30vw };
}

/*	min-width: 1280px -> (from) widescreen PC */
@media(min-width: 1280px) {
	.event-vod-item #player-item { height: 25vw };
}

/* Event-analytics: .event-stats-page {} */
.event-stats-page main section > * { max-width: 1279px !important; }
.event-stats-page main:not(.livestats) #sessionUsers { display: none }
.event-stats-page main.livestats .data-off div:first-child, .event-stats-page main.livestats .data-off .wait-for-data br{ display: none }
.event-stats-page h3 { padding: 1% 2%; padding: calc(0.2em + 0.5%) calc(0.5em + 1%); margin-top: 5vw; background: var(--light-color); border-bottom: 2px solid var(--medium-color); }
.event-stats-page h3 a { display: inline-block }
.event-stats-page table.data {text-align: center; display: table; }
.event-stats-page table.data thead { display: table-header-group; }
.event-stats-page table.data tbody { display: table-row-group; width: 100% }
.event-stats-page table.data tr { display: table-row; }
.event-stats-page table.data > tbody > tr > td { display: table-cell; text-align: center; }
.event-stats-page table.data > tbody > tr > td:before {display: none; }
.event-stats-page main section > * { max-width: 1279px; }
.event-stats-page table.data { display: table; }
.event-stats-page table.data > tbody > tr > td, .event-stats-page table.data > thead > tr > th { padding: 1%; }
.event-stats-page table.data > thead > tr { background-color: #E2F1F8; }

.event-stats-page .top-actions .col:last-child { text-align: right; }
.event-stats-page .devices .col { flex: 1 1 100%; }
.event-stats-page .devices table.data { display: none; }
.event-stats-page .devices.showtables table.data { display: table; }
.event-stats-page .group { break-after: page; }
.event-stats-page .referrers { flex: 1 1 0; }
.event-stats-page .geo { margin-bottom: 5vw; }
.event-stats-page .geo .col:first-child { flex: 1 1 0; border: 1px solid var(--medium-color); }
.event-stats-page .geo table.data > tbody > tr > td,
.event-stats-page .geo table.data > thead > tr > th,
.event-stats-page .devices table.data > tbody > tr > td,
.event-stats-page .devices table.data > thead > tr > th { padding: 0.8em; }
.event-stats-page .geo table.data:not(.show-all) tbody tr:nth-child(n + 10){ display: none; }
.event-stats-page .geo table.data tfoot { display: none; }
.event-stats-page .geo table.data tbody:has(tr:nth-last-child(n+10)) + tfoot { display: table-footer-group; }
.event-stats-page .geo table.data thead th:first-child:first-letter { text-transform: capitalize; }
.event-stats-page .geo table.data thead th:first-child span { display: none; }
.event-stats-page .geo table.data thead:has( + tbody:has(tr:nth-last-child(n+10)) ) th:first-child span { display: inline-block; }
.event-stats-page #geoTable_length,
.event-stats-page #geoTable_filter { padding: 0.3em 0.6em; }

.event-stats-page .timeline-notes { padding: 0 5%; font-size: 0.8em; color: #666; margin-top: 1em; }
.event-stats-page .timeline-notes li { margin: 0.5em 0; }
.event-stats-page .timeline-notes a { display: inline-block; padding: 0 1% 0 0; }
.event-stats-page .timeline-notes a.fa-icon:before { margin-right: 0.5em; }
.event-stats-page .timeline-notes .fa-user-lock { color: #906; }
.event-stats-page .timeline-notes .fa-user.green { color: #595; }
.event-stats-page .timeline-notes .fa-user.blue { color: #578; }

.event-stats-page .amcharts-export-menu { top: 48px; }

.event-stats-page #stats-token-list p,
.event-stats-page #stats-token-full p { font-weight: bold; font-size: 1.4em; white-space: nowrap}
.event-stats-page #stats-token-list p:first-line,
.event-stats-page #stats-token-full p:first-line { font-weight: normal; font-size: 0.8em   }
.event-stats-page #stats-token-full select { display: block; width: 100% }

.event-stats-page .print-options { display: inline-block; }
.event-stats-page .print-options > span { font-size: 0.85em; opacity: 0.6; }

.event-stats-page .wowMarker img { vertical-align: middle; margin-right: 8px; }
.event-stats-page .wowMarker span { vertical-align: middle; }

.event-stats-page main.livestats  .timeline .amcharts-chart-div circle:nth-last-child(-n + 2)  { animation: blink-animation 2s steps(10, start) infinite; }


/* Event-stats (up to) vertical tablet */
@media(max-width: 767px) {
	.event-stats-page .geo table.data { width: 100%; }
	.event-stats-page table.data td { text-align: left; }
	.event-stats-page table.data td::before { text-align: right; }
}
/* Event-stats (from) vertical tablet */
@media(min-width: 768px) {
	.event-stats-page .top-actions { flex-direction: column; }
	.event-stats-page .geo table.data { min-width: 250px; }
	.event-stats-page .video-preview.col { flex: 1; }
	.event-stats-page .event-info.col { flex: 6; }
	.event-stats-page .video-preview img { width: 100%; }
}

/* Event-vod-list (from) horizontal tablet / PC */
@media(min-width: 1024px) {
	.event-stats-page .top-actions { align-items: flex-start; }
	.event-stats-page .top-actions .col:last-child { width: 100%; }
	.event-stats-page #stats-token-list p,
	.event-stats-page #stats-token-full p { margin-top: 1.4em; }
	.event-stats-page #stats-token-ids { max-width: 10em; }
}

/* Event-vod-list (from) horizontal tablet / PC */
@media(min-width: 1200px) {
	.event-stats-page .top-actions { flex-direction: row; align-items: center; }
	.event-stats-page .top-actions .col:last-child { width: auto; }
}

/* Has data / Has traffic */
.event-stats-page section.has-data-on .data-off { display: none; }
.event-stats-page section.has-data-off .data-on { display: none; }
.event-stats-page section.has-traffic-on .traffic-off { display: none; }
.event-stats-page section.has-traffic-off .traffic-on { display: none; }
.event-stats-page section.has-data-off.has-traffic-off .none-on { display: none; }
.event-stats-page section .wait-for-data { display: none; }
.event-stats-page main.livestats section.has-data-off .wait-for-data { display: block; }

/* Print preview */
.togglePrint.active { background: var(--light-color); border-radius: 0.2em; color: var(--first-brand-color); text-transform: lowercase; }
.togglePrint.active .if-active { text-transform: capitalize; }

.print-preview { margin: 0 1% }
.print-preview-only { display: none; }
.print-preview .print-preview-only { display: inherit; }

.print-preview #topbar .account, .print-preview .env, .print-preview .topnav, .print-preview main .navigation, .print-preview .top-actions .col:first-child { display: none; }

.print-preview .top-actions { justify-content: right; max-width: 94vw; }

.print-preview main { width: 1100px; margin: 4em auto 1em; box-shadow: var(--box-shadow); }
.print-preview main > section { min-width: 1100px; }

.print-preview #sessions-select {display: none }
.print-preview .top-actions { justify-content: flex-start !important; flex-direction: row !important; max-width:  100vw; flex-wrap: wrap;}
.print-preview .print-options a {  border: 1px solid transparent; padding: 0.5em 0.2em;margin: 0.2em;border-radius: 2px; background: transparent;}
.print-preview .print-options a:hover {background: var(--light-color); border-color: var(--first-brand-color) }

.print-preview .no-print:not(.print-settings) { display: none; }
.print-preview .print-only { display: block; }
.print-preview .devices table.data.print-only { display: table; }
.print-preview .devices table.data.print-only tr:nth-child(n + 6) { display: none; }
.print-preview .print-only.flex { display: flex; flex-direction: row !important; min-width: 1000px}

.print-preview .devices.row { flex-direction: row; }

.event-stats-page .print-header .video-preview { padding-top: 0.3em; max-width: 200px; min-width: 150px }
.event-stats-page .event-info.col { border: 1px solid transparent; }
.event-stats-page .event-info.col:hover { border-color: var(--medium-color); background-color: var(--light-color); }
.event-stats-page .event-info.col:after { position: absolute; content: "\f044"; display: none; bottom:0.5em; right: 0.2em; color: var(--second-brand-color); opacity: 0.5; }
.event-stats-page .event-info.col:hover:after { display: block; }
.event-stats-page .print-header input { display: block; width: 100%; border: 1px solid transparent; box-shadow:none; cursor: pointer; padding: 0.4em 0.1em 0.4em 20px; font-weight: normal; }
.event-stats-page .print-header input.event-name { font-size: 1.4em; padding: 0.2em 0.1em 0.2em 20px; font-weight: bold; }
.event-stats-page .print-header input:focus { border: 1px solid var(--field-border-color); background-color: var(--field-bg-color); }
.event-stats-page .print-header input:hover,
.event-stats-page .print-header input:focus {
	background-image: linear-gradient(45deg, var(--medium-color), var(--medium-color)), url(../webfonts/solid/pen-to-square.svg);
	background-blend-mode: lighten, normal;
	background-size: 16px auto;
	background-position: 2px center;
	background-repeat: no-repeat;
}

/* media print */
@media print {
	main { margin: 0 !important; box-shadow: none !important; }

	.event-stats-page h3 { margin-top: 2em; }

	.devices table.data.print-only { display: table; }
	.devices table.data.print-only tr:nth-child(n + 6) { display: none; }
	.event-stats-page .geo table.data tr.no-print { display: none !important; }

	.event-stats-page .row { flex-direction: row; }

	.event-stats-page #geoTable_paginate,
	.event-stats-page #geoTable_length,
	.event-stats-page #geoTable_filter { display: none; }
}