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

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

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


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

#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: 255px;
	font-size: 8pt;
}
.sa .sa_tdr{
	width: 231px;
	font-size: 8pt;
}
.sa .sa_index{
	text-align: center;
}
.sa .sa_status{
	height: 83px;
	width: 8px;
	float: left;
	margin-top: 0px;
	border-radius: 0px;
}
.sa .sa_cell, .sa .sa_cellr{
	height: 83px;
	width: 245px;
	margin: 6px 2px;
 	background-color: #efefef;
    background-color: var(--light-grey-color);
	position: relative;
}
.sa .sa_cellr{
	margin-right: 0px;
}
.sa .sa_enable{
	position: absolute;
	left: 15px;
	top: 10px;
}
.sa .sa_policy{
	position: absolute;
	right: 8px;
	top: 8px;
}
.sa .sa_policy_label{
	position: absolute;
	right: 53px;
	top: 9px;
	font-size: 9pt;
}
.sa .sa_led{
	position: absolute;
	left: 60px;
	top: 10px;
}
.sa .sa_led_label{
	position: absolute;
	left: 60px;
	top: 5px;
	font-size: 8pt;
}
.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: 222px;
	top: 35px;
	left: 7px;
}
.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;
	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; */
}

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

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

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

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

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

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

.i20_livewire,
[streamIcon="8"],
[streamIcon="13"] {
	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"] {
	background-image: url("../../cwi/images/icon20_icecast_sw.png");
}

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

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

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

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

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

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

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

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

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

.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_aac,
[codecIcon="9"],
[codecIcon="10"],
[codecIcon="11"],
[codecIcon="12"],
[codecIcon="13"] {
	background-image: url("../../cwi/images/icon30_aac.png");
}

/* 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{
	text-align: center;
	font-size: 10pt;
}

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