/* Licensed under the Apache License, Version 2.0 (the "License") http://www.apache.org/licenses/LICENSE-2.0 */
body {
        --header-height: 50px;
        --menu-height: 36px;
        --level-color: #B3AF2F;
        --rooms-header-height: 70px;
        --sidebar-width: 315px;
        --tabs-height: 45px;
        --buffer-size: 12px;
        --menu-zindex: 10000000;
        --chat-width: 600px;
        --chat-height: 20px;
        --chat-tabs-height: 26px;
        --chat-tools-height: 45px;
        --chat-msg-height: 80px;
        --chat-send-width: 25px;
        --light: #0E281F;
        --secondary: #AEC9BF;
        --gray: #58480F;
        --success: #00FF3A;
        background-color: #364F46;
        color: #F1C21A;
}
body.no-header {
        --header-height: 0px;
        background-color: #364F46;
        color: #F1C21A;
}
body.no-menu {
        --menu-height: 0px;
        background-color: #364F46;
        color: #F1C21A;
}
.adminPanel {
        --lbl-nav-height: 0px;
        --nav-height: 30px;
        --list-width: 518px;
        background-color: #364F46;
        color: #F1C21A;
}
.adminPanelColumnTable.label {
        --lbl-nav-height: 40px;
        background-color: #364F46;
        color: #F1C21A;
}
.adminPanelColumnForm {
        --actions-height: 0px;
        background-color: #364F46;
        color: #F1C21A;
}
.adminPanelColumnForm .adminForm {
        --actions-height: 40px;
        background-color: #364F46;
        color: #F1C21A;
}
.main.room {
        --header-height: 50px;
        --room-menu-height: calc(22px + 1rem);
        --room-wb-tabs-height: 45px;
        --room-sidebar-header-height: 37px;
        --chat-width: 20px;
        --chat-height: calc(100% - var(--room-menu-height));
        --activities-height: 20px;
        --vdialog-titlebar-height: 27px;
        --vdialog-footer-height: 0px;
        --wb-zoom-height: 33px;
        --menu-height: 0px;
        background-color: #364F46;
}
@media screen and (max-width: 1280px) {
        .main.room {
                --sidebar-width: 155px;
                background-color: #364F46;
    		color: #F1C21A;
    		    }
}
html, body {
        height: 100%;
        margin: 0;
        font-family: Arial, Helvetica, sans-serif;
        overflow-y: hidden;
        background-color: #364F46;
        color: #F1C21A;
}
.main-container {
        height: calc(100% - var(--header-height));
        background-color: #364F46;
        color: #F1C21A;
}
.main {
        height: 100%;
        background-color: #364F46;
        color: #F1C21A;
}
.bg-white {
	    background-color: #AEC9BF!important;
    	    color: #000000;

	  }
.bg-light {
	    background-color: #AEC9BF!important;
	    color: #000000;
	  }
.bg-secondary {
		background: #AEC9BF!important;
	        color: #000000;
}
.bg-warning	{
		    animation-name: animation_blink_5s;
		    animation-timing-function: ease-in;
		    animation-duration: 2s;
		    animation-iteration-count: 2.5;
		    animation-fill-mode: both;
		}
@keyframes animation_blink_5s	{
    0%		{
		    background: #364F46;
		    color: #AEC9BF;
		}
    50%		{
		    background: #AEC9BF;
		    color: #364F46;
		}
    100%	{
		    background: #364F46;
		    color: #AEC9BF;
		}
	}

.navbar   	{
		    background-color: #AEC9BF;
		    color: #58480F;
		}
.navbar .bg-light  	{
		    background-color: #AEC9BF;
		    color: #58480F;
		}

.navbar-collapse {
		    margin: 1px;
		    padding: 1px;
		    background-color: #AEC9BF;
		    color: #58480F;
}
.navbar-light 	{
			 background-color: #AEC9BF;
			 color: #58480F;
			}
.navbar-expand-lg	{
			 background-color: #AEC9BF;
			 color: #58480F;
			}

.nav-tabs .nav-link {
			background-color: #364F46;
			color: #F1C218;
		    }
.nav-tabs .nav-link.active {
				background-color: #AEC9BF;
				color: #58480F;
			    }
.room-block .room-container {
/*				color: #58480F; */
			    }
.room.name 	{
		    color: #58480f;
		}
.room-block .sb-wb .sidebar .tab-om-icon.big 	{
							background-color: #AEC9BF;
							color: #58480F;
						}

.wb-tab-content .tab-pane {
			    height: 100%;
			    background-color: #364F46;
}

.user .name {
		padding-left: 15px;
		margin-left: 15px;
		color: #000000;
}

.lower-canvas {
		background-color: #ffffff;
}

#chat .messageArea .user-row {
        background-size: 38px, 38px;
        background-repeat: no-repeat;
        padding-left: 40px;
        min-height: 40px;
        background-color: #364F46;
        color: #F1C21A;
}

#chat .messageArea .user-row .fas .fa-address-card{
	background-color: #AEC9BF;
        color: #F1C21A;
}


a .nav-tabs .nav-link.active {
				background-color: #AEC9BF;
				color: #58480F;
				border-color: #F1C21A;
}

a .nav-tabs .nav-link  {
				background-color: #AEC9BF;
				color: #F1C21A;
				border-color: #F1C21A;
}

span .room-sidebar-files-tab .nav-link .om-icon .nig .tab .file .label {
				background-color: #AEC9BF;
				color: #F1C21A!important;
				border-color: #F1C21A;
}
.om-icon	{
		    color: #58480F;
		}
.om-icon.big	{
		    color: #F1C21A;
		}

.om-icon.big:hover -om.icon.big.hover	{
					    background-color: #4C806F;
					    color: #58480F;
					}
.om-icon.big:active .om.icon.big.active	{
					    background-color: #4C806F!important;
					    color: #F1C21A!important;
					}
.om-icon.big:focus -om-icon.big.focus	{
					    background-color: #4C806F;
					    color: #58480F;
					}

.om-icon .dropdown .dropend .volume-control .float-end  {
		background-color: #4C806F;
		color: #000000;
		}
.dragbox-header {
		    background-color: #AEC9BF;
		    color: #58480F;
}
.dragbox-content  {
		    color: #58480F;
}
#menu .navbar 	{
		    background-color: #AEC9BF;
		    color: #58480F;
		}

.dropdown-menu 	{
		    background-color: #AEC9BF;
		    color: #58480F;
		}
.dropdown-item	{
		    background-color: #AEC9BF;
		    color: #58480F!;
		}
.room-block .menu .details	{
				    z-index:100;
				}
.popover-header	{
		    background-color: #AEC9BF;
		    color: #58480F;
		    z-index:12000;
		}
.popover-body	{
		    background-color: #AEC9BF;
		    z-index:11999;
		}

.signin .oauth-section {
        padding-bottom: 20px;
        background-color: #364F46;
        color: #F1C21A;
}
.signin .oauth-section .provider {
        background-position: 0 0;
        background-size: 24px;
        background-repeat: no-repeat;
        height: 24px;
        display: inline-block;
        padding-left: 20px;
        vertical-align: bottom;
        background-color: #364F46;
        color: #F1C21A;
}
.signin .or-seperator {
        margin-top: 20px;
        text-align: center;
        border-top: 1px solid #D9BE5A;
        background-color: #364F46;
        color: #F1C21A;
}
.signin .or-seperator i {
        padding: 0 10px;
        position: relative;
        top: -11px;
        z-index: 1;
        background-color: #364F46;
        color: #F1C21A;
}
.signin-forget .form-check-label {
        padding-right: 10px;
        background-color: #364F46;
        color: #F1C21A;
}
#header {
        font-size: 28px;
        line-height: 40px;
        font-weight: bold;
        background-image: url(images/logo.png);
        background-repeat: no-repeat;
        padding-left: 80px;
        margin-left: 20px;
        height: var(--header-height);
        background-color: #364F46;
        color: #F1C21A;
}
#topLinks {
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: #364F46;
        color: #F1C21A;
}

#topLinks span {
        padding-right: 5px;
        padding-left: 5px;
        border-right: 1px solid #F1C21A;
        white-space: nowrap;
        background-color: #364F46;
        color: #F1C21A;
}

#topLinks span:last-child {
        border-right: none;
        background-color: #364F46;
        color: #F1C21A;
}

#contents {
        height: calc(100% - var(--menu-height));
        background-color: #364F46;
}

@media screen and (max-width: 900px), (orientation: portrait) {
        body {
                font-size: 1.5vmax;
                background-color: #364F46;
                color: #F1C21A;
        }
        #header {
                font-size: 2.5vmax;
                background-color: #364F46;
                color: #F1C21A;
        }
}

/* Loader-Farbe eingefuegt 15.05.2024 */
.sk-chasing-dots {
        margin: 20% auto;
        width: 80px;
        height: 80px;
        position: relative;
        text-align: center;
        animation: sk-chasingDotsRotate 2s infinite linear;
}
.sk-chasing-dots .sk-child {
        width: 40%;
        height: 40%;
        display: inline-block;
        position: absolute;
        top: 0;
        background-color: #f1c21a;
        border-radius: 100%;
        animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}
.sk-chasing-dots .sk-dot2 {
        top: auto;
        bottom: 0;
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
}
@keyframes sk-chasingDotsRotate {
        100% { transform: rotate(360deg); }
}
@keyframes sk-chasingDotsBounce {
        0%, 100% { transform: scale(0); }
        50% { transform: scale(1); }
}