/* ######################################################## CODEC SITE  ########################################################*/

#detailsInfoText {
	font-size: 15px;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
	font-style:  italic;
	color: #585858;
	color: var(--dark-grey-color);
}

.detailView > div{
	margin-top: 10px;
}

#ancOutputCon .outputView > div{
	margin-top: 15px;
}

.licenseMissingText {
	font-size: 15px;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 10px;
	font-style:  italic;
	color: #585858;
	color: var(--dark-grey-color);
}

.D2 .licenseMissingText {
	font-size: 13px;
}

#destTab li.ui-tabs-active{
	background-color: #efefef !important;
	background-color: var(--light-grey-color) !important;
    margin-bottom: -1px;
    padding-bottom: 1px;
	border-bottom: none;
}
#destTab li.ui-state-default{
	background-color: #cccccc;
	background-color: var(--medium-grey-color);
}
#destTab li:not(.ui-tabs-active).ui-state-hover{
	background-color: #efefef !important;
	background-color: var(--light-grey-color) !important;
}
#destTab .ui-tabs.ui-widget-content {
	border:none;
}
#destTab .ui-tabs {
	padding:0;
}
#destTab .ui-tabs-anchor {
	padding-left: 8px;
	padding-right: 8px;
	font-size: 1em;
}
#destTab .ui-widget-header{
	background:none;
	border: none;
}
#destTab .ui-tabs.ui-widget.ui-widget-content.ui-corner-all{
	background:none;
}

#destTab li.ui-tabs-active .ui-tabs-anchor{
	background-color: #efefef !important;
	background-color: var(--light-grey-color) !important;
}

.sa_cell{
	border: 1px solid #efefef !important;
	border: 1px solid var(--light-grey-color) !important;
	box-sizing: border-box;
}

.sa_cell.sa_hover{
	background-color: #cccccc !important;
	background-color: var(--medium-grey-color) !important;
	border: 1px solid #cccccc !important;
	border: 1px solid var(--medium-grey-color) !important;
}

.sa_droppable .sa_cell,
.sa_droppable.sa_cell{
 	background-color: #cccccc !important;
    background-color: var(--medium-grey-color) !important;
}

.sa_cell[sa-highlight="true"]
{
	border: 1px solid #23af8c !important;
	border: 1px solid var(--green-color) !important;
	box-shadow: 0px 0px 2px 0px #23af8c;
	box-shadow: 0px 0px 2px 0px var(--green-color);
}

.captionDecoder {
	margin-top:13px;
	margin-bottom:3px;
	line-height:18px;
}

.decoderRank {
	font-size: 12px;
	margin-left: 8px;
}

.decoderButton, .decoderLabel {
	margin-bottom:7px; 
	margin-right:4px; 
	font-size:11px;
	color: var(--black-color);
}

.decoderButton:hover {
	font-weight: 900;
	font-size: 12px;
	color: var(--dark-green-color);
	cursor: pointer;
	pointer-events: auto;
}

.decoderButton:active {
	font-size:11px;
	color: var(--green-color);
}

.enc .enc_head{
	text-align: center;
	display: inline-block;
	width: 49%;
	font-weight: bold;
	padding-top: 5px;
}

.enc .enc_label1, .enc .enc_label2{
	font-weight: bold;
	vertical-align: middle;
	height: 50px;
	position: relative;
	top: -2px;
}

.enc .enc_label2{
	width: 17px;
}

.enc .enc_label2{
	width: 26px;
	padding-left: 18px;
}

.enc .enc_cell{
	height: 57px;
	width: 505px;
	/* margin: 3px 0px; */
	background-color: #efefef;
    background-color: var(--light-grey-color);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

.enc .enc_cell:hover{
	background-color: #cccccc !important;
	background-color: var(--medium-grey-color) !important;
}

.enc_droppable .enc_cell{
	background-color: #cccccc !important;
    background-color: var(--medium-grey-color) !important;
}

.enc_hover{
	background-color: #cccccc !important;
    background-color: var(--medium-grey-color) !important;
}

.enc .enc_input,.enc_profile {
	display: inline-block;
	width: 241px;
	height: 40px;
	position: relative;
	/* top: 9px;
	left: 8px;
	padding-right: 5px; */
}

.anc_out_droppable,
.bg_droppable {
	background-color: #cccccc !important;
    background-color: var(--medium-grey-color) !important;
}

.tabicon20 {
	vertical-align:middle;
	width:20px;
	height:20px;
	padding-right: 5px;
}

.bigTabs>ul>li .tabicon20{
	padding-right: 8px;
}

.tabicon {
	vertical-align: middle; 
	height: 20px;
}

.stillImage26 {
	background-repeat: no-repeat; 
	background-size: contain;
	background-position-y: center;
	height:26px;
	width:26px;
}

.i20_dvb_sat,
[streamIcon="1"],
[streamIcon="22"] {
	background-image: url("../../cwi/images/icon20_dvb_sat_sw.png");
}

.i20_dvb_asi,
[streamIcon="21"] {
	background-image: url("../../cwi/images/icon20_dvb_asi_sw.png");
}

.i20_dvb_ip,
[streamIcon="2"] {
	background-image: url("../../cwi/images/icon20_dvb_ip_sw.png");
}

.i20_dvb_ip_rist,
[streamIcon="2.1"] {
	background-image: url("../../cwi/images/icon20_dvb_ip_rist_sw.png");
}

.i20_dvb_srt,
[streamIcon="15"] {
	background-image: url("../../cwi/images/icon20_dvb_srt_sw.png");
}

.i20_ip,
[streamIcon="4"],
[payloadIcon="3"] {
	background-image: url("../../cwi/images/icon20_ip.png");
}

.i20_stream4sure,
[streamIcon="4.1"] {
	background-image: url("../../cwi/images/icon20_stream4sure.png");
}

.i20_e1,
[payloadIcon="4"] {
	background-image: url("../../cwi/images/icon20_e1.png");
}

[streamIcon="24"],
[payloadIcon="24"] {
	background-image: url("../../cwi/images/icon20_image_file.png");
}

[streamIcon="4.2"] {
	width: 20px;
	height: 20px;
	background: url("../../cwi/images/stream4sure_ani_bad.png") left center;
	background-size: cover;
	animation: s4sStatus 1.5s steps(2) infinite;
	display: inline-block;
}

@keyframes s4sStatus {
	100% {background-position: -40px;}
}

[class^="i20_"],
[class*=" i20_"],
[streamIcon]
{
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
}

.i20_ip_rist,
[streamIcon="4.3"] {
	background-image: url("../../cwi/images/icon20_ip_rist.png");
}

.i20_livewire,
[streamIcon="8"],
[streamIcon="13"],
[streamIcon="14.7"],
[streamIcon="26"] {
	background-image: url("../../cwi/images/icon20_livewire.png");
}

.i20_sip,
[streamIcon="7"] {
	background-image: url("../../cwi/images/icon20_sip.png");
}

.i20_srt,
[streamIcon="12"] {
	background-image: url("../../cwi/images/icon20_srt2.png");
}

.i20_icecast,
[streamIcon="5"],
[streamIcon="25"] {
	background-image: url("../../cwi/images/icon20_icecast_sw.png");
}

.i20_hls,
[streamIcon="19"] {
	background-image: url("../../cwi/images/icon20_dash.png");
}

.i20_file,
[streamIcon="6"] {
	background-image: url("../../cwi/images/icon20_file.png");
}

.i20_xlr,
[streamIcon="9"],
[streamIcon="9.3"],
[icon="xlr"] { /* Subtype = 3 -> XLR-MPX */
	background-image: url("../../cwi/images/icon20_xlr.png");
}

.i20_xlr_out,
[streamIcon="14"] {
	background-image: url("../../cwi/images/icon20_xlr_out.png");
}

.i20_radio,
[streamIcon^="16"]{
	background-image: url("../../cwi/images/icon20_radio.png");
}

.i20_bnc,
[streamIcon="9_bnc"],
[streamIcon="9.1"],
[icon="bnc"] { /* Subtype = 1 -> BNC */
	background-image: url("../../cwi/images/icon20_bnc.png");
}

.i20_stereo,
[streamIcon="9.5"],
[icon="stereo"] { /* Subtype = 5 -> Stereo Decoder */
	background-image: url("../../cwi/images/icon20_stereo.png");
}

.i20_internal_mpx,
[streamIcon="9.4"],
[icon="mpx"] { /* Subtype = 4 -> Internal MPX */
	background-image: url("../../cwi/images/icon20_internal_mpx.png");
}

.i20_generator,
[streamIcon="9.6"] { /* Subtype = 6 -> Generator */
	background-image: url("../../cwi/images/icon20_generator.png");
}

.i20_aes67,
[streamIcon="9.2"],
[streamIcon="14.2"] {
	background-image: url("../../cwi/images/icon20_aes67.png");
}

.i20_mixer,
[streamIcon="50"] {
	background-image: url("../../cwi/images/icon20_mixer.png");
}

.i20_data,
[payloadIcon="2"],
[streamIcon="51"] {
	background-image: url("../../cwi/images/icon20_data.png");
}

[streamIcon="53"],
[streamIcon="54"] {
	background-image: url("../../cwi/images/icon20_pad.png");
}

.i20_processing,
[streamIcon="52"] {
	background-image: url("../../cwi/images/icon20_sound_processing.png");
}

.i20_pipe,
[streamIcon="56"] {
	background-image: url("../../cwi/images/icon20_pipe.png");
}

.i20_dte,
[streamIcon="62"] {
	background-image: url("../../cwi/images/icon20_dte.png");
}

.i20_profile {
	background-image: url("../../cwi/images/icon20_profile.png");
}

.i20_audio,
[payloadIcon="1"],
[icon="audio"]
{
	background-image: url("../../cwi/images/icon20_audio.png");
}

.i20_udp,
[streamIcon="18"] {
	background-image: url("../../cwi/images/icon20_udp.png");
}

.i20_dab_pad
{
	background-image: url("../../cwi/images/icon20_pad.png");
}

.i20_auto {
	background-image: url("../../cwi/images/icon20_automatic.png");
}

.i20_manual {
	background-image: url("../../cwi/images/icon20_manual.png");
}

.i20_phonebook_auto {
	background-image: url("../../cwi/images/icon20_phonebook_automatic.png");
}

.i20_phonebook_manual {
	background-image: url("../../cwi/images/icon20_phonebook_manual.png");
}

.i20_reject {
	background-image: url("../../cwi/images/icon20_reject.png");
}

.i20_none,
[streamIcon="0"],
[payloadIcon="0"] {
	background-image: url("../../cwi/images/icon20_none.png");
	background-repeat: no-repeat;
  	background-position-y: center;
  	background-position-x: center;
}

.i30_mp2,
[codecIcon="2"] {
	background-image: url("../../cwi/images/icon30_mp2.png");
}

.i30_mp3,
[codecIcon="3"] {
	background-image: url("../../cwi/images/icon30_mp3.png");
}

.i30_g711,
[codecIcon="4"] {
	background-image: url("../../cwi/images/icon30_g711.png");
}

.i30_g722,
[codecIcon="5"] {
	background-image: url("../../cwi/images/icon30_g722.png");
}

.i30_pcm,
[codecIcon="6"] {
	background-image: url("../../cwi/images/icon30_pcm.png");
}

.i30_aptx,
[codecIcon="7"] {
	background-image: url("../../cwi/images/icon30_aptx.png");
}

.i30_opus,
[codecIcon="8"] {
	background-image: url("../../cwi/images/icon30_opus.png");
}

.i30_vorbis,
[codecIcon="14"] {
	background-image: url("../../cwi/images/icon30_vorbis.png");
}

.i30_dolby,
[codecIcon="15"] {
	background-image: url("../../cwi/images/icon30_dolby.png");
}

.i30_umpx,
[codecIcon="16"] {
	background-image: url("../../cwi/images/icon30_umpx.png");
}

.i30_am824,
[codecIcon="17"] {
	background-image: url("../../cwi/images/icon30_am824.png");
}

.i30_dabplus,
[codecIcon="2.1"],
[codecIcon="18"],
[codecIcon="65538"] { /* (1 << 16) + 2 due to profile format*/
	background-image: url("../../cwi/images/icon30_dabplus.png");
}

.i30_flac,
[codecIcon="19"] {
	background-image: url("../../cwi/images/icon30_flac.png");
}

.i30_aptmpx,
[codecIcon="22"] {
	background-image: url("../../cwi/images/icon30_aptmpx.png");
}

.i30_aac,
[codecIcon="9"],
[codecIcon="10"],
[codecIcon="11"],
[codecIcon="12"],
[codecIcon="13"] {
	background-image: url("../../cwi/images/icon30_aac.png");
}

[metronomIcon="0"]{
	background-image: none;
}

[metronomIcon="1"]{
	background-image: url("/cwi/images/icon20_metronome_red.png");
}

[metronomIcon="2"]{
	background-image: url("/cwi/images/icon20_metronome_green.png");
}

[metronomIcon="3"]{
	background-image: url("/cwi/images/icon20_metronome_yellow.png");
}

[hdRadioIcon="0"]{
	background-image: url("/cwi/images/icon20_hdradio_inactive.png");
}

[hdRadioIcon="1"]{
	background-image: url("/cwi/images/icon20_hdradio_active.png");
}


[icon="rist"]{
	background-image: url("../../cwi/images/rist.png");
	background-size: auto 12px;
	width: 50px;
	height: 12px;
}

[icon="srt"]{
	background-image: url("../../cwi/images/icon20_srt.png");
	width: 50px;
	height: 20px;
}

.bs_both, .bs_downonly {
	background-position: center center;
	background-repeat: no-repeat;
	width: 15px;
	height: 21px;
	display: block;
	margin: auto;
}

.bs_both {
	background-image: url("../../cwi/images/icon_bs_both.png");
}

.bs_downonly {
	background-image: url("../../cwi/images/icon_bs_downonly.png");
}

.bs_both:hover, .bs_downonly:hover {
	transform: scale(1.1);
	cursor: pointer;

}

.bs_both:active, .bs_downonly:active {
	transform: scale(1.0);
}



/* enhanced info für erweitere Anzeigen die nicht immer sichtbar ein sollen */ 
.eInfo{
	display: none;
}

#sipPhonebookTable.showFilterMsg .phonebookEmptyMsg{
	display: none;
}
#sipPhonebookTable.showEmptyMsg .phonebookFilterMsg{
	display: none;
}

#sipOverviewEmptyMsg{
	font-size: 15px;
	text-align: center;
	margin-top: 8px;
	margin-bottom: 10px;
	font-style:  italic;
	color: #585858;
	color: var(--dark-grey-color);
}

.sipPhonebook_dialog_profilesButton
{
	border: none;
}

.sipPhonebook_dialog_profilesButton:focus
{
	box-shadow: none;
}

.sipConnect_controlButton{
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	border-radius: 25px;
	cursor: pointer;
}

.sipConnect_controlButton div{
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-image: url("../../cwi/images/phoneWhite.png");
	-webkit-transform: rotate(130deg);
	transform: rotate(130deg);
	background-position: 12px;
}
.sipConnect_controlButton[status="cancel"]{
	background-color: #e61f38; 
	background-color: var(--red-color);
}
.sipConnect_controlButton[status="call"]{
	background-color: #23af8c; 
	background-color: var(--green-color);
}
.sipConnect_controlButton[status="calling"]{
	background-color: #f3943e	; 
	background-color: var(--orange-color);
}
.sipConnect_controlButton[status="notConnect"] {
	background-color: #6D6D6D;
	cursor: default;
}
/*.sipConnect_controlButton[status="notConnect"] div{
	-webkit-transform: rotate(130deg);
	transform: rotate(130deg);
	background-position: 12px;
}

.sipConnect_controlButton[status="cancel"] div{
	-webkit-transform: rotate(95deg);
	transform: rotate(95deg);
	background-position: 9px 14px;
}*/

.sipConnect_controlButton[status="call"] div{
    	-webkit-transform: rotate(130deg);
		transform: rotate(130deg);
		background-position: 12px;
}

.sipConnect_controlButton[status="call"]:hover{
	box-shadow: 0px 0px 3px 1px #23af8c; 
	box-shadow: 0px 0px 3px 1px var(--green-color);
}
.sipConnect_controlButton[status="cancel"]:hover{
	box-shadow: 0px 0px 3px 1px #e61f38;
	box-shadow: 0px 0px 3px 1px var(--red-color);
}

/*.sipConnect_controlButton[status="call"]:hover div{
	animation: controlButton_call .3s;
	animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.sipConnect_controlButton[status="cancel"]:hover div{
	animation: controlButton_cancel .3s;
	animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}*/


/*@keyframes controlButton_cancel {
    from {
    	-webkit-transform: rotate(95deg);
		transform: rotate(95deg);
		background-position: 9px 14px;
	}
    to {
    	-webkit-transform: rotate(130deg);
		transform: rotate(130deg);
		background-position: 12px;
    }
}


@keyframes controlButton_call {
    from {
    	-webkit-transform: rotate(130deg);
		transform: rotate(130deg);
		background-position: 12px;
	}
    to {
    	-webkit-transform: rotate(95deg);
		transform: rotate(95deg);
		background-position: 9px 14px;
    }
}*/



.sipConnect_controlPhonebookButton{
	width: 18px;
	height: 18px;
	border-radius: 10px;
	cursor: pointer;
	background-color: #23af8c; 
	background-color: var(--green-color);
	overflow: hidden;
}
.sipConnect_controlPhonebookButton.disabled{
	background-color: #6D6D6D;
	cursor: default;
}

.sipConnect_controlPhonebookButton div{
	width: 18px;
	height: 18px;
	background-size: 10px;
	-webkit-transform: rotate(130deg);
	transform: rotate(130deg);
	background-position: 4px;
	background-repeat: no-repeat;
	background-image: url("../../cwi/images/phoneWhite.png");
}

.sipConnect_controlPhonebookButton:not(.disabled):hover{
	box-shadow: 0px 0px 3px 0px #60CC00;
}

/*.sipConnect_controlPhonebookButton:not(.disabled):hover div{
	animation: controlButton_phoneBookCall .3s;
	animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}*/


/*@keyframes controlButton_phoneBookCall {
    from {
    	-webkit-transform: rotate(130deg);
		transform: rotate(130deg);
		background-position: 4px;
	}
    to {
    	-webkit-transform: rotate(95deg);
		transform: rotate(95deg);
		background-position: 4px;
    }
}*/

#multiplexTab.bigTabs.ui-tabs > .ui-tabs-nav .ui-tabs-anchor,
#multiplexTab.bigTabs.ui-tabs > div.sT_global .ui-tabs-nav .ui-tabs-anchor {
	padding-left: 19px;
	padding-right: 19px;
}

.s4sGood {
	width: 20px;
	height: 20px;
	background: url("../../cwi/images/stream4sure_ani_good.png") left center;
	background-size: cover;
	animation: s4sArrows 1.5s steps(2) infinite;
	display: inline-block;
}

@keyframes s4sArrows {
	100% {background-position: -40px;}
}


.serviceUpdateInfo.vs-con .vs-opt-con.disabled div.vs-label,
.serviceUpdateInfo.vs-con .vs-opt-con.disabled div.vs-desc,
.serviceUpdateInfo.vs-con.disabled .vs-label,
.serviceUpdateInfo.vs-con.disabled .vs-desc{
	color: var(--black-color) !important;
}

.refreshServiceList .refreshServiceIcon, .refreshDabServiceList .refreshDabServiceIcon {
	background: url("../../cwi/images/refresh13.png") no-repeat;
	width: 13px;
	height: 13px;
}

.refreshServiceList:hover:enabled .refreshServiceIcon, .refreshDabServiceList:hover:enabled .refreshDabServiceIcon {
	background: url("../../cwi/images/refresh13_white.png") no-repeat;
}


.s4sBad {
	width: 20px;
	height: 20px;
	background: url("../../cwi/images/stream4sure_ani_bad3.png") left center;
	background-size: cover;
	animation: s4sBad 1.5s steps(2) infinite;
	display: inline-block;
}

@keyframes s4sBad {
	100% {background-position: -40px;}
}

.hlsEncSelect {
	width: 240px;
}
  
.hlsTab .flexCon_space > div:not(.flex_spacer) {
	overflow: visible;
}

/* ######################################################## TS MULTIPLEXER OVERVIEW  ########################################################*/
#overviewCon_tsMux .infoView > div,
#overviewCon_tsMux .plDetails {
	margin-top: 10px;
}

/* ######################################################## TS MULTIPLEXER  ########################################################*/
#multiplexTab .plContent .hLine1,
#multiplexTab .plContent .hLine2,
#multiplexTab .plContent .vLine
{
	position: absolute; 
	background-color: #aaaaaa; 
	background-color: var(--disabled-grey-color);
	z-index: 1;
	height: 1px;
	width: 1px;
}
#multiplexTab .plContent .hLine1
{
	left: 3px;
	width: 16px;
}
#multiplexTab .plContent .hLine2
{
	left: 18px;
	width: 10px;
}
#multiplexTab .plContent .vLine {
	height: 27px; 
	left: 18px; 
	top: -13px;
}

/* ######################################################## LIVE SPEAKER  ########################################################*/
@keyframes speaker_playing
{
	0%   {background-image: url("../../cwi/images/speaker_low.png");}
	10%  {background-image: url("../../cwi/images/speaker_middle.png");}
	20%   {background-image: url("../../cwi/images/speaker_low.png");}
	25%  {background-image: url("../../cwi/images/speaker_high.png");}
	30%  {background-image: url("../../cwi/images/speaker_middle.png");}
	35%  {background-image: url("../../cwi/images/speaker_high.png");}
	40%  {background-image: url("../../cwi/images/speaker_low.png");}
	45%  {background-image: url("../../cwi/images/speaker_middle.png");}
	60%  {background-image: url("../../cwi/images/speaker_high.png");}
	65%  {background-image: url("../../cwi/images/speaker_middle.png");}
	80%  {background-image: url("../../cwi/images/speaker_high.png");}
	85%  {background-image: url("../../cwi/images/speaker_middle.png");}
	100% {background-image: url("../../cwi/images/speaker_low.png");}
}

[speakerIcon] {
	margin-right: 10px;
	background-image: url("../../cwi/images/speaker_high.png");
}
.playing [speakerIcon] {
	margin-right: 2px;
	animation: speaker_playing 5s infinite;
}


/* ######################################################## SPECTRUM VIEW  ########################################################*/
.spectrum-btn-reset-zoom{
	position: absolute;
	right: 10px;
	top: 10px;
}

.fftTooltip{
	background-color: var(--green-color);
	left: -50%;
	position: relative;
	display: 'inline-block';
	color: var( --light-grey-color);
	padding: 5px;
}

.fftCaptureBtn{
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 10;
}