/* ######################################################## OVERVIEW SITE  ########################################################*/

.infoView{
	width: 100%;
}

#detailsView{
	width: 100%;
}

[streamIcon="58"]{
	background-image: url("/cwi/images/icon20_ip.png");
}

[streamIcon="100"]{
	background-image: url("/cwi/images/icon20_ip.png");
}

[e1Icon]{
	background-image: url("/cwi/images/icon20_e1.png");
}

[metronomIcon="0"]{
}

[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");
}

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

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

/* DAB CU USAGE */
.dab_cuView{
	position: relative;
	height: 180px;
	left: 0px;
	z-index: 20;
}

.dab_cuView div div{
	width: 5px;
	height: 5px;
	position: absolute;
	float: left;
	background-color: white;
	border-top: 1px solid white;
	border-left: 1px solid white;
}


.dab_cuView div.color1 div{
	background-color: #cccccc;
}
.dab_cuView div.color2 div{
	background-color: #aaaaaa;
}

.dab_cuView div.hover div{
	box-shadow: none !important;
	background-color: #23af8c !important;
}
/* .dab_cuView div.hover.color1 div{	background-color: #aaaaaa !important;	}
.dab_cuView div.hover.color2 div{	background-color: #aaaaaa !important;	} */


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


#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{
    overflow: visible;
}
.sa .sa_level{
	padding-top: 5px;
	text-align: center;
}
.sa td{
	width: 234px;
	font-size: 8pt;
}
.sa .sa_tdr{
	width: 231px;
	font-size: 8pt;
}
.sa .sa_index{
	text-align: center;
}
.sa .sa_cell, .sa .sa_cellr{
	height: 84px;
	width: 245px;
	margin: 6px 2px;
 	background-color: #efefef;
    background-color: var(--light-grey-color);
	position: relative;
}
.sa_cell_fec{
	height: 28px;
	width: 245px;
	margin: 6px 2px;
 	background-color: #efefef;
    background-color: var(--light-grey-color);
	position: center;
}
.sa .sa_cellr{
	margin-right: 0px;
}
.sa .sa_enable{
	position: absolute;
	left: 8px;
	top: 10px;
}
.sa .sa_led{
	position: absolute;
	left: 60px;
	top: 12px;
}
.sa .sa_led_label{
	position: absolute;
	left: 60px;
	top: 5px;
	font-size: 8pt;
}
.sa .sa_fec{
	position: absolute;
	left: 109px;
	top: 8px;
}
.sa .sa_edit{
	position: absolute;
	right: 4px;
	top: 4px;
}
.sa .sa_edit_overlay{
	position: absolute;
	right: 2px;
	top: 1px;
	height: 26px;
	width: 36px;
}
.sa .sa_select{
	width: 229px;
	top: 36px;
	left: 8px;
}
.sa .sa_cell .ww-container, .sa .sa_cellr .ww-container{
	position: absolute;
	left: 3px;
	top: 27px;
}
.sa .sa_hover{
	background-color: #cccccc !important;
	background-color: var(--medium-grey-color) !important;
}
.sa_droppable .sa_cell{
 	background-color: #cccccc !important;
    background-color: var(--medium-grey-color) !important;
}

.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;
}

.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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#detailsInfoTextEdi, #detailsInfoTextEti {
	font-size: 12pt;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
	font-style:  italic;
	color: #585858;
	color: var(--dark-grey-color);
}

#muxDetails .infoView > div,
#muxDetails .plDetails {
	margin-top: 10px;
}