/* Licensed under the Apache License, Version 2.0 (the "License") http://www.apache.org/licenses/LICENSE-2.0 */
:root {
	--app-height: 100%;
}
body {
	--header-height: 50px;
	--menu-height: 36px;
	--level-color: #ADFF2F;
	--rooms-header-height: 70px;
	--sidebar-width: 315px;
	--tabs-height: 45px;
	--buffer-size: 4px;
	--menu-zindex: 10000000;
	--chat-width: 600px;
	--chat-height: 20px;
	--chat-tabs-height: 26px;
	--chat-tools-height: 40px;
	--chat-msg-height: 80px;
	--chat-send-width: 32px;
	--chat-zindex: 2000;

	--text-align-start: left;
	--text-align-end: right;
	--background-start: left;
	--background-end: right;
}
html[dir="rtl"] body {
	--text-align-start: right;
	--text-align-end: left;
	--background-start: right;
	--background-end: left;
}
body.no-header {
	--header-height: 0px;
}
body.no-menu {
	--menu-height: 0px;
}
.adminPanel {
	--lbl-nav-height: 0px;
	--nav-height: 30px;
	--list-width: 518px;
}
.adminPanelColumnTable.label {
	--lbl-nav-height: 40px;
}
.adminPanelColumnForm {
	--actions-height: 0px;
}
.adminPanelColumnForm .adminForm {
	--actions-height: 40px;
}
.recording-panel {
	--info-height: 90px;
}
.file-tree {
	--tree-header-height: 36px;
	--tree-footer-height: 60px;
}
.main.room {
	--header-height: 0px;
	--room-menu-height: 40px;
	--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;
}
.main.room.INTERVIEW {
	--rec-btn-height: 40px;
}
.main.room.no-menu {
	--room-menu-height: 0px;
}
.main.room.no-activities {
	--activities-height: 0px;
}
.main.room.no-chat {
	--chat-width: 0px;
}
.main.room.mic-status {
	--vdialog-footer-height: 22px;
}
@media screen and (max-width: 1280px) {
	.main.room {
		--sidebar-width: 155px;
	}
}
