/*
*	Überschreibt schnell einige defaulteinstellungen
*/
.hidden{
	/* display: none !important; */
}
#autoHide{
	display: none;
}

/* Screenshare in Tileview ausblenden (bewusst ungenutzt, attr in jitsi-sdk.php)*/
#layout_wrapper > .tile-view .videocontainer[screenshare^='true'] > video{
		display: none !important; 
}
#layout_wrapper > .tile-view .videocontainer[screenshare^='true'] > .avatar-container{
	visibility: visible;
}
#layout_wrapper > .tile-view .videocontainer[screenshare^='true'] > .avatar-container::after {
    content: " ";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    box-sizing: border-box;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='100%25' width='100%25' viewBox='0 0 15 15'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.5 1.875h10c.69 0 1.25.56 1.25 1.25v7.5c0 .69-.56 1.25-1.25 1.25h-1.875a.625.625 0 110 1.25h-6.25a.625.625 0 110-1.25H2.5c-.69 0-1.25-.56-1.25-1.25v-7.5c0-.69.56-1.25 1.25-1.25zm0 1.25v7.5h10v-7.5h-10zm5.625 2.5c-2.557 0-3.75 1.094-3.75 4.375 1.364-2.656 3.75-2.5 3.75-2.5v.536a.5.5 0 00.814.39l1.828-1.474a.5.5 0 000-.779L8.939 4.7a.5.5 0 00-.814.389v.536z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");

    background-size: 30%;
}

/* Studio immer 16:9 */
#layout_wrapper > .tile-view .videocontainer[studiomarker^='true'] > video{
	object-fit: contain !important;
}

/* on stage video nicht von filmstrip überdecken lassen */
#largeVideoWrapper {
	width: 100% !important;
	height: 100% !important;
	inset: 0 !important;
}
/*
* Filstrip
*/
#videospace .filmstrip{
	background-color: rgba(33,37,41,0.4);
}
#localDisplayName {
	display: none;
}	
.tile-view #localDisplayName,
.vertical-view-grid #localDisplayName {
	display: block;
}	

/* video aspect ratio erhalten */
#largeVideo {
	object-fit: contain !important;
}
.stage-participant-label{
	display: none !important;
}

/*
*   Toolbar styles 
*/
.tile-view #new-toolbox {
    bottom: 3.5em;
}
#new-toolbox .toolbox-content {
    z-index: 1000;
    margin-bottom: 0;
}
.toolbox-content-items .toolbox-icon{
    height:36px !important;
    width:36px !important;
}
.toolbox-content-items {
    padding: 4px !important;
    padding-top: 0px !important;
    border-radius: 0.5em !important;
    background-color: rgba(33,37,41,0.9) !important;
}

.toolbox-content-items .profile-button-avatar {
    display: none;
}
.toolbox-content-items .hangup-menu-button {
    display: none;
}
.toolbox-button[aria-label^="Person"],
.css-1x1dlre-contextMenuItem[aria-label^="Person"]{
    display: none;
}
.toolbox-button[aria-label^="Invite"],
.css-1x1dlre-contextMenuItem[aria-label^="Invite"]{
    display: none;
}
.toolbox-button[aria-label^="Vollbild"],
.css-1x1dlre-contextMenuItem[aria-label^="Vollbild"]{
    display: none;
}
.toolbox-button[aria-label^="View full screen"],
.css-1x1dlre-contextMenuItem[aria-label^="View full screen"]{
    display: none;
}

/* Audio Änderungen */

.audio-preview{
	position: absolute;
    bottom: 0;
    left: calc(50% - 245px);
    width: 64px;
    height: 64px;
}
.audio-preview .toolbox-button{
    width: 100%;
}
.audio-preview .toolbox-icon{
    background: #00b248 !important;
    height: 100% !important;
    width: 100% !important;
    border-radius: 50%;
}
.audio-preview .toolbox-icon.toggled{
    background: #d00 !important;
}
.audio-preview .toolbox-item svg{
	height: 40px;
	width: 40px;
}



#btn_participants {
    position: relative;
    bottom: -5px;

	display: none !important;

}
.toolbox-icon.toggled {
	background: #155ac3;
}

/* Audiodeviceauswahl breiter */
#audio-settings-dialog {
    width: 400px;
}
#new-toolbox .audio-preview .settings-button-container{
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}

#audio-settings-dialog div:nth-of-type(1) div[class*="text-entryText-textContainer"] {
    max-width: 280px;
}
#audio-settings-dialog div:nth-of-type(2) div[class*="text-entryText-textContainer"] {
    max-width: 336px;
}

/*
*   Teilnehmerliste jitsi-sdk.php 
*/
#partList{
    position: absolute;
    top: 0%;
    left: 0%;
    margin-left: 0px;
    margin-top: 10px;
    z-index: 10000;
    border-radius: 4px;
    height: 90%;
    width: 200px;
    direction: rtl;
    list-style-type: none;
    overflow-y: scroll;

	display:none !important;

}
#partList::-webkit-scrollbar {
    width: 10px;
}
#partList li{
    height: 40px;
    width: 200px;
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.7);
    direction: ltr;
    text-align: left;
    color: white !important;
    line-height: 20px;
    font-size: 18px;
    box-sizing: border-box;
    padding: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#partList .domSpeaker{
    box-shadow: inset 0px 0px 0px 4px #246fe5 !important;
}


/*
*	Teilnehmer ohne Video trotzdem in einer art kachel darstellen
*/
#dominantSpeakerAvatarContainer{
    top: 50% !important;
    position: absolute !important;
    transform: translateX(-50%) translateY(-50%);
    background: #292929;
    padding: 16.2vw 28.8vw;
    left: 50%;
    border-radius: 4px;
}
/* jitsi background schwarz -> grau */
#react > div:nth-child(1) {
    background-color: transparent !important;
}
/* warum so aufwendiger style bei gleicher Farbe mit dem background */
#largeVideoContainer {
    height: calc( 100% - 10px );
    width: calc( 100% - 9px );
    background-color: transparent !important;
    border-radius: 4px;
    margin: 5px;
}

/*
*	Filmstrip
*/
/* Handle immer sichtbar */
.dragHandleContainer {
    visibility: visible !important;
	width: 11px; 
}

/* Mic button deaktivieren durch admin */
.disableButton{
    pointer-events: none;
    filter: opacity(0.3);
}

body{
	background:transparent !important;
}


/* Versteckten Teilnehmern das Stören nicht erlauben */
body.isPassive .toolbox-content-items > div {
    pointer-events:none;
    display:none;
}
body.isPassive .reactions-menu-popup-container{
    display: unset !important;
}
body.isPassive .reactions-menu-popup-container > .settings-button-container{
    display: none;
}
body.isPassive .toolbox-content-items > .audio-preview {
    display: inline-block;
    pointer-events:all;
}
body.isPassive .toolbox-content-items > .audio-preview .toolbox-button {
    pointer-events:none;
}
body.isPassive .toolbox-content-items > .audio-preview .toolbox-button .toolbox-icon {
    opacity: 0;
}
body.isPassive .toolbox-content-items > .audio-preview .toolbox-button::before {
    content: " ";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" height="100%" width="100%" viewBox="0 0 24 24"><path clip-rule="evenodd" d="M11.18 3.683L6 8H3a1 1 0 00-1 1v6a1 1 0 001 1h3l5.18 4.317a.5.5 0 00.82-.384V4.068a.5.5 0 00-.82-.385zM4 10h2.724L10 7.27v9.46L6.724 14H4v-4zm10-2a4 4 0 010 8v-2a2 2 0 100-4V8zm0-4a8 8 0 110 16v-2a6 6 0 000-12V4z"></path></svg>');
    background-size: 70%;
}
body.isPassive .toolbox-content-items > #btn_participants {
    display: inline-block;
    pointer-events:all;
}
body.isPassive .toolbox-content-items [aria-label^="Kachelansicht"]{
    display: inline-block;
    pointer-events:all;
}
body.isPassive .toolbox-content-items [aria-label^="Toggle tile view"]{
    display: inline-block;
    pointer-events:all;
}
/* ipad */
/*
body.isPassive .toolbox-content-mobile .toolbox-content-items [aria-label^="Unmute microphone"]{
    display: inline-block;
    pointer-events:all;
}
*/
.toolbox-content-mobile .toolbox-content-wrapper::after{
	background: transparent;
}

/* mobile */
body.mobile-browser .vertical-filmstrip .filmstrip {
	display: none !important;
}
#largeVideoBackgroundContainer{
    display: none;
}