@font-face{font-family:"Roboto";src:local(Roboto Thin),url("../fonts/roboto/Roboto-Thin.eot");src:url("../fonts/roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto/Roboto-Thin.woff2") format("woff2"),url("../fonts/roboto/Roboto-Thin.woff") format("woff"),url("../fonts/roboto/Roboto-Thin.ttf") format("truetype");font-weight:200;}
@font-face{font-family:"Roboto";src:local(Roboto Light),url("../fonts/roboto/Roboto-Light.eot");src:url("../fonts/roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto/Roboto-Light.woff2") format("woff2"),url("../fonts/roboto/Roboto-Light.woff") format("woff"),url("../fonts/roboto/Roboto-Light.ttf") format("truetype");font-weight:300;}
@font-face{font-family:"Roboto";src:local(Roboto Regular),url("../fonts/roboto/Roboto-Regular.eot");src:url("../fonts/roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto/Roboto-Regular.woff2") format("woff2"),url("../fonts/roboto/Roboto-Regular.woff") format("woff"),url("../fonts/roboto/Roboto-Regular.ttf") format("truetype");font-weight:400;}
@font-face{font-family:"Roboto";src:url("../fonts/roboto/Roboto-Medium.eot");src:url("../fonts/roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto/Roboto-Medium.woff2") format("woff2"),url("../fonts/roboto/Roboto-Medium.woff") format("woff"),url("../fonts/roboto/Roboto-Medium.ttf") format("truetype");font-weight:500;}
@font-face{font-family:"Roboto";src:url("../fonts/roboto/Roboto-Bold.eot");src:url("../fonts/roboto/Roboto-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/roboto/Roboto-Bold.woff2") format("woff2"),url("../fonts/roboto/Roboto-Bold.woff") format("woff"),url("../fonts/roboto/Roboto-Bold.ttf") format("truetype");font-weight:700;}

html,body {font-family: "Roboto" !important;font-weight: 400;}
body {color: black !important;text-shadow: none !important;line-height: 1.42857143 !important;height:100% !important;user-drag: none;-moz-user-drag: none;-webkit-user-drag: none;overflow: hidden;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 400;}
a:focus, a:hover {text-decoration: none;}
.modal-content {border-radius: 2px;}
#roomBodyID {user-select: none;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
#roomBodyID p {font-size:1em;margin:1ex 0;}
#roomBodyID p.buttons {text-align:center;line-height:2.5em;}
#roomBodyID button {line-height:	normal;}
#roomBodyID .hidden {display:		none;}
#roomBodyID ul {z-index:	100000;margin:1ex 0;padding:0;list-style:none;cursor:pointer;border:1px solid Black;width:15ex;position:relative;}
#roomBodyID ul li {background-color: #EEE;padding: 0.15em 1em 0.3em 5px;}
#roomBodyID ul ul {display:none;position:absolute;width:100%;left:-1px;bottom:0;margin:0;margin-bottom:1.55em;}
#roomBodyID ul ul li { padding: 3px 1em 3px 5px; }
#roomBodyID ul ul li:hover	{ background-color: #FF9;}
#roomBodyID ul li:hover ul	{ display:	block; background-color: #EEE;}
#roomBackgroundID {background-color: #ACB2BF;position: fixed;width: 100%;height: 100%;background-image: url('../images/splash_face.png');background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
.room-layout-container {position: initial !important;width: 100%;overflow: auto !important;height:100%;}
.room-header-container {position: absolute;width: 100%;right: 0px;outline: none;transition: .3s;z-index: 400;margin: auto;z-index: 997;}
.room-header-wrapper {width:100%;background-color: rgba(0, 0, 0, 0.6);display: inline-block;height: 3em;}
#roomHeaderLogoID img {height: 2.5em;}
.roomLayoutPanels {height: 100%;width: 100%;position: absolute;overflow: hidden;overflow-y: auto;}
.no-video-text {margin-bottom: 20px;display:block;position:initial;}
#roomBackgroundID img {-webkit-filter:blur(10px);-moz-filter:blur(10px);-o-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px);width:100%;height:100%;position: absolute;}
.fa-4 {font-size: 50px !important;}
.no-video-container {text-align: center;}
.room-left-header-buttons {padding: 0px;display: inline-flex;position: absolute;left: 0px;top: 0px;z-index: 2;}
.room-left-header-buttons .btn-default {border-radius: 5px;background-color: transparent;color:white;border-color: gray;height: 36px;line-height: 36px;padding: 0px 6px;margin: 8px;}
.room-left-header-buttons .btn-default:hover {background-color: gray;}
.room-left-header-buttons .btn-default .fa {line-height: 36px;}
.app-video-room-panels {height: 200px;z-index: 50;width: 300px;position: absolute;right: 0px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);overflow: hidden;}
#videoroomPanelsContainer .app-video-room-panels {background-color: rgba(255, 255, 255, 0.3);margin: 2px;padding:2px;border-radius: 5px;overflow: hidden;}
.app-video-room-panels.video-talking-panel, .app-video-room-panels.video-talking-panel, .mobile-peer-avatar.user-talking {border: 2px solid #f9d641;}
.app-video-room-panels video {z-index: 1;}
#roomHeaderLogoID {vertical-align: middle;line-height: 3em;}
#roomHeaderButtonsContainerID {display: inline-flex;position: absolute;right: 0px;z-index: 2;}
#roomHeaderButtonsContainerID span.btn {padding: 0px;margin: 0px;background-color: transparent;width: 36px;height: 36px;color: white;border: 1px solid rgba(128, 128, 128, 0.6);cursor:pointer;}
.room-header-buttons img {width:36px;}
.room-header-buttons {display:inline-block;cursor: pointer;border-radius: 5px;margin: 3px;vertical-align: middle;}
.inline-user-label .material-icons {font-size: 12px;line-height: 12px;vertical-align: middle;}
.room-header-buttons .fa-2x {line-height: 36px;font-size: 1.8em;}
.room-btn-record-toggler .fa-circle {font-size: 20px;}
.room-btn-record-toggler .fa-no-record {color:#ff4e4e;}
.room-btn-record-toggler .fa-circle-o-notch {font-size: 17px;color: #ff4e4e;}
.room-btn-record-toggler .fa-yes-record {-webkit-animation: recorcActiveFa 2s linear infinite;animation: recorcActiveFa 2s linear infinite;}
.room-btn-record-toggler .anim,.red-icon {color: #ff4e4e;}
.videoRoomMyVideoWithoutCamera,.room-video-processing {position: absolute;width: 100%;height: calc(100% - 1.2em);vertical-align: middle;background-color: rgba(0,0,0, 0.35);color: white;text-align: center;top: 0px;left: 0px;border-radius: 0px 0px 0px 0px;z-index: 2;display: table;font-size: 0.85em;}
.no-border-radius.no-box-shadow .videoRoomMyVideoWithoutCamera,.no-border-radius.no-box-shadow .room-video-processing {/*display: initial;padding-top: 2em;*/}
.room-video-admin-container .videoRoomMyVideoWithoutCamera {height: calc(100% - 1.2em);}
.videoRoomMyVideoWithoutCamera div,.room-video-processing div {display: table-cell;vertical-align: middle;}
.room-video-admin-container .videoRoomMyVideoWithoutCamera, .room-video-admin-container .room-video-processing {border-radius: 0px;}
.room-video-processing {background-color: rgba(128, 128, 128, 0.4);}
.room-video-processing div span,.room-video-processing > div > div {padding: 0px 10px;background-color: rgba(0, 0, 0, 0.57);border-radius: 20px;color: white;font-weight: 300;margin: auto;line-height: 36px;}
.room-video-processing > div > div {padding: 0px 15px;display: inline-block;}
.room-video-processing > div > div > div {line-height: 36px;}
#usersTempVideoContainerForListeners .room-video-processing div span {font-size: 10px;}
.video-panel-mic-status {position: absolute;background-color: rgba(0, 0, 0, 0.5);border-radius: 0px 3px 3px 0px;top: 1.5em;left: 0px;padding: 3px;z-index: 2;}
.video-panel-mic-status.danger {background-color: rgba(255, 33, 33, 0.5);}
.videoRoomMyVideoWithoutCamera.danger {background-color: rgba(255, 33, 33, 0.5);}
.video-panel-low-status {position: absolute;background-color: rgba(0, 0, 0, 0.5);border-bottom-left-radius: 3px;top: 0px;right: 0px;padding: 3px;z-index: 2;}
.video-panel-state-status {position: absolute;bottom:2em;left: 0px;padding: 3px;z-index: 2;color: white;font-size: 10px;background-color: rgba(0,0,0,0.5);}
.video-panel-resolution-status {position: absolute;bottom: 4.3em;left: 0px;padding: 3px;z-index: 2;color: white;font-size: 10px;background-color: rgba(0,0,0,0.5);}
.video-panel-bitrate-status {position: absolute;bottom: 6.6em;left: 0px;padding: 3px;z-index: 2;color: white;font-size: 10px;background-color: rgba(0,0,0,0.5);}
.video-panel-bitrate-status-low {left:45px;}
.video-panel-refresh-status {position: absolute;bottom: 13.8em;left: 0px;padding: 3px;z-index: 2;color: white;font-size: 10px;background-color: rgba(0,0,0,0.5);z-index: 400;cursor: pointer;}
.video-panel-recovering-status {position: absolute;background-color: rgba(0, 0, 0, 0.5);border-radius: 0px 0px 3px 3px;top: 0px;left: 35px;padding: 3px;z-index: 2;}
.video-panel-type-status {position: absolute;bottom: 2em;right: 0px;padding: 3px;z-index: 2;color: white;font-size: 10px;background-color: rgba(0,0,0,0.5);}
.video-panel-feed-status {position: absolute;bottom: 4.3em;right: 0px;padding: 3px;z-index: 2;color: white;font-size: 10px;background-color: rgba(0,0,0,0.5);}
.video-panel-feed-status.video-panel-feed-low-status {bottom: 6.6em;}
.video-panel-feed-status.video-panel-feed-high-status {bottom: 8.9em;}
.video-panel-feed-status.video-panel-feed-reconnecting-status {bottom: 0em;}
.video-panel-clientid-status {position: absolute;bottom: 2em;right: 50px;padding: 3px;z-index: 2;color: white;font-size: 10px;background-color: rgba(0,0,0,0.5);}
#usersTempVideoContainerForListeners .videoRoomMyVideoWithoutCamera, #usersTempVideoContainerForListeners .room-video-processing {border-radius: 0px;}
#usersTempVideoContainer .videoRoomUserTitle {border-radius: 0px;}
.remote-online-status {background-color: #5ba463;display: inline-block;width: 10px;height: 10px;border-radius: 50%;}
.videoRoomMyVideoWithoutCamera .material-icons{font-size: 4em;}
.app-users-one-user-online-stat-btn {height: 46px;position: absolute;z-index: 30;width: 46px;line-height: 46px;text-align: center;background-color: rgba(12,12,12,0.4);border-radius: 50%;top: 2px;cursor: pointer;color: white;}
.app-users-one-user-online-stat-btn .material-icons {vertical-align: middle;}

@-webkit-keyframes recorcActiveFa {
	0% {color:white;}
	50% {color:red;}
	100% {color:white;}
}

@keyframes recorcActiveFa {
	0% {color:white;}
	50% {color:red;}
	100% {color:white;}
}

.room-header-buttons:not(.active):hover {background-color: rgba(198, 198, 198, 0.49);}
.room-header-buttons.active {background-color: rgba(74, 169, 252, 0.9);}
.room-layout-splash {width: 100%;height: 100%;background-image: url('../images/loading_spinner.gif');background-color: #f2f2f2;background-size: initial;background-position: 50% 50%;background-repeat: no-repeat;}
.room-video-admin-container {background-color: rgba(128, 128, 128, 0.1);width: 100%;height: 100%;position: absolute;display: block;vertical-align: middle;padding: 0px;/*font-size: 2rem;*/font-weight: 200;}
.room-master-status {margin:50px 70px;}
.room-header-buttonsDivider {line-height: 10px;color: transparent;background-color: transparent;border: 0px;margin: 10px;}
.room-header-buttonsDivider hr {margin-top: 10px;margin-bottom: 10px;border: 0;border-top: 1px solid rgba(128, 128, 128, 0.49);}
.top-alert{position: fixed;top: 0;width: 100%;padding: 30px 0 0px 0px;text-align: center;-webkit-transform: translate3d(0px, -100%, 0px);-ms-transform: translate3d(0px, -100%, 0px);transform: translate3d(0px,-100%, 0px);-webkit-transition: -webkit-transform 0.5s ease-in-out;transition: transform 0.5s ease-in-out;cursor: pointer;background-color: initial !important;z-index: 11000;}
.top-alert.show{-webkit-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);}
.top-alert .alert-wrapper{max-width: 600px;display: inline-block;vertical-align: top;margin: 0 auto;border-radius: 2px;color: #FFFFFF;font-size: 13px;text-align: left;overflow: hidden;}
.top-alert .alert {display: table;padding: 15px 0px 0px 0px;margin-bottom: 0px;}
.top-alert .alert-line{display: table-row;}
.top-alert .alert-line > div{display: table-cell;vertical-align: middle;background-color: #242424;padding: 20px 30px;}
.top-alert .alert-line > div.alert-icon {width: 22px;padding-right: 0px;border-radius: 2px 0px 0px 2px;}
.top-alert .alert-line > div.alert-text {border-radius: 0px 2px 2px 0px;}
.top-alert .icon{display: block;width: 22px;height: 22px;content: '';background-position: center;background-repeat: no-repeat;background-size: 22px;}
.top-alert.success .icon{background-image: url("../images/alert_ok.png");}
.top-alert.danger .icon{background-image: url("../images/alert_error.png");}
.top-alert .alert-text p {font-size: 14px;}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	
	.top-alert.success .icon{background-image: url("../images/alert_ok@2x.png");}
	.top-alert.danger .icon{background-image: url("../images/alert_error@2x.png");}
	
}

#usersTempVideoContainer .app-video-room-panels {box-shadow: none;background-color: dimgray;padding: 4px;overflow: hidden;}
.roomChatTabTitle {display: inline;font-size: 12px !important;}
.roomChatTabClose {display: inline;}
.activeAnimated {opacity: 1;-webkit-animation: blinkedTab 1s linear infinite;animation: blinkedTab 1s linear infinite;background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size: 40px 40px;}

@-webkit-keyframes blinkedTab {
	0% {opacity: 1;}
	25% {opacity: 0.9;}
	50% {opacity: 0.6;}
	75% {opacity: 0.9;}
	100% {opacity: 1;}
}

@keyframes blinkedTab {
	0% {opacity: 1;}
	25% {opacity: 0.9;}
	50% {opacity: 0.6;}
	75% {opacity: 0.9;}
	100% {opacity: 1;}
}

#roomFullVideoContainer {position:absolute;top:0;left:0;right:0;bottom:0;background:black;z-index:9999;}
.room-full-video-container-close {position: fixed !important;right: 10px !important;top: 10px !important;width: 24px !important;height: 24px !important;background-repeat: no-repeat !important;background-size: cover !important;background-color: white;cursor: pointer;z-index: 10000;opacity: 0.8;border-radius: 50%;}
.room-full-video-container-close i {color: #66615b;}
.room-full-video-container-close:hover {opacity:1;}
#roomBigVideoTarget {position: absolute;height: 100%;width: 100%;border-radius: 4px;}
#roomBigVideoTarget .app-video-room-panels {background-color: initial !important;}
#roomBigVideoTarget video {border-radius: 4px;}
.videoRoomUserTitle {position: absolute;bottom: 0px;width: 100%;font-size:0.85em;height: 1.3em;line-height:1.3em;overflow: hidden;white-space: nowrap;background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;left: 0px;border-radius: 0px 0px 4px 4px;text-align: center;color: white;text-transform: uppercase;font-style: normal;font-weight: normal;z-index: 2;}
.videoRoomUserTitle div {font-size: 12px !important;vertical-align: middle;overflow-x: hidden;white-space: nowrap;text-overflow: ellipsis;}
.videoBack .videoRoomUserTitle, #roomFullVideoContainer .videoRoomUserTitle {border-radius: 0px !important;}
.no-border-radius {border-radius: 0px !important;}
.no-box-shadow {    box-shadow: none !important;}
.room-header-buttons-hide {opacity:0.3;pointer-events: none;}
.room-header-tabs-buttons:not(.active).room-header-buttons-hide:hover {  background: none !important; }
.room-header-tabs-buttons i {color:white;}
.room-header-tabs-buttons.active i,.room-header-tabs-buttons.active-visibility i {color:#55a15e;}
.anim {opacity:1;animation: callhand 2s infinite;}
 
@keyframes callhand {
	0% {opacity:0.3;}
	50% {opacity:1;}
	100% {opacity:0.3;}
}

#roomDocumentBigContainer {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255,255,255,0.90);z-index: 940;}
.room-panel-layout-container-close {position: absolute;right: 10px !important;top: 10px !important;width: 24px !important;height: 24px !important;background-repeat: no-repeat !important;background-size: cover !important;background-color: white;cursor: pointer;z-index: 10000;opacity: 0.8;border-radius: 50%;}
.room-panel-layout-container-close i {color: #66615b;}
.room-panel-layout-container-close:hover {opacity:1;}
#roomDocumentBigTarget {position: absolute;height: 100%;width: 100%;border-radius: 4px;}
#roomDocumentBigTarget .room-layout-splash {position: absolute;z-index: 2;}
#roomDocFrameID {position: absolute;z-index: 10;}
.room-selected-message {background-color: rgb(223, 234, 255);padding: 1px 0px;}
.room-selected-ok {display:none;}
.room-selected-message .room-selected-ok {display: block;}
.room-selected-ok {width: 30%;text-align: center;padding-top: 10px;color: rgba(90, 160, 252, 0.62);top: 0px;position: absolute;height: 100%;}
.room-selected-remote {right: 0;}
.invisible-button {display: none !important;}

@-webkit-keyframes animatedTab {
	0% {margin-top: -40px;}
	100% {margin-top: 0px;}
}

@keyframes animatedTab {
	0% {margin-top: -40px;}
	100% {margin-top: 0px;}
}

.right-text {text-align: right;}
.room-polls-not-found-container {padding: 20px;text-align: center;font-style: italic;}
.card-green {background-color: rgba(91, 164, 99, 0.19);}
.card-for-poll-adding {padding: 5px 10px;margin: 5px 0px;border-radius: 4px;}
.room-poll-card {background-color: rgba(240, 248, 255, 0.49);border-radius: 4px;padding: 3px 4px;margin: 5px 0px;}
.room-poll-buttons {text-align: right;padding: 3px;}
.room-poll-buttons .btn {margin-left:3px;}
.room-poll-card .list-group {border: 0px solid rgba(128, 128, 128, 0.18) !important;border-radius: 4px;width: 100% !important;}
.room-poll-card .poll-answer-text {margin-left: 5px;}
.room-poll-card.success {background-color: rgba(182, 255, 183, 0.5);}
.app-room-full-switcher {width: 22em;height: 40px;color: #444;cursor: pointer;z-index: 997;position: absolute;bottom: 0.5em;right: 0.5em;background-color: rgba(255, 255, 255, 0.8);text-align: right;line-height: 40px;vertical-align: middle;}
.app-room-full-switcher.closed {width:5em;text-align: left;}
.app-room-full-switcher:hover {background-color: rgba(187, 187, 187, 0.4);}
.app-room-full-switcher i {line-height: 40px;vertical-align: middle;font-size: 32px;}
#usersTempVideoContainerForListeners {border-bottom: 1px solid #bdbcbc;position: relative;}
#usersTempVideoContainerForListeners .videoRoomUserTitle  {border-radius: 0px !important;}
#usersTempVideoContainerForListeners .videoRoomUserTitle div {font-size: 8px !important;}
.form-divider-title {position: absolute;padding: 0px 5px;margin-left: 13px;}
.form-divider-high {margin-bottom: 10px;}
.form-divider {color: rgb(154, 154, 154);height: 9px;margin-bottom: 5px;}
.room-panel-switcher {z-index: 941;}
.modal-dialog {text-align: initial;}
.btn-success {background-color: #5BA463;border-color: #5BA463;}
.rooms-many-tabs {margin-top: 20px;}
.btn-sm {padding: 4px 6px;line-height: 1.5;border-radius: 3px;}
.app-room-users-container {padding: 0px;}
.app-users-one-user-avatar ~ .one-line-container-min-padding {padding-left: 55px;}
.button-wbutton.disabled {pointer-events: none;cursor: not-allowed;box-shadow: none;opacity: 0.45;}
#usersPanel {overflow-y: auto;width: 22em;position: absolute;height: calc(100% - 4em);top: 3.5em;right: 0.5em;background-color: rgba(242, 242, 242, 0.90);}
#chatPanel {overflow-y: hidden;width: 22em;position: absolute;height: calc(50% - 3.5em);bottom: 0.5em;right: 0.5em;background-color: rgba(242, 242, 242, 0.67);}
#videoPanel, #deskPanel, #filesPanel, #desktopPanel {top: 3.5em;left: 0.5em;height: calc(100% - 4em);width: calc(100% - 1em);z-index: 100;}
#videoPanel.grid-view {background-color: rgba(224, 224, 224, 0.7);}
#videoPanel.full-mode, #deskPanel.full-mode, #desktopPanel.full-mode, #filesPanel.full-mode, #usersPanel.full-mode, #usersPanel.full-mode.not-media-panel {top: 0.5em;height: calc(100% - 1em);}
.room-users-spinner-dialog {text-align: center;padding: 10px;font-size: 14px;font-weight: 300;color: gray;}
.app-users-one-user-avatar {position: absolute;height: 46px;width: 46px;left: 5px;}
.room-app-big-panel {background-color:rgb(220, 220, 220);}
.app-users-one-user-avatar img {width: 46px;height: 46px;border-radius: 50%;margin-right: 5px;border: none;}
.app-users-one-user-container div {vertical-align: middle !important;}
.system-users-one-user-name-container {padding-left: 55px;width:100%;padding-top: 5px;min-height: 50px;}
.app-users-one-user-name-wrapper {max-width: calc(100% - 20px);white-space: nowrap;display: inline-block;text-overflow: ellipsis;overflow: hidden;padding-bottom: 1px;}
.app-users-one-user-name {font-size: 14px;font-weight: 300;margin-top: 0px !important;width: 100%;vertical-align: initial !important;}
.app-users-one-user-container {margin-bottom: 5px;padding: 2px;border-radius: 2px;cursor:pointer;position: relative;/*overflow: hidden;*/height: 55px;}
.users-one-user-subdescription {font-size: 12px;color: gray;}
.active-master-connection {position: absolute;top: 25px;background-color: #7293b6;width: 10px;height: 10px;border-radius: 50%;left: 5px;}
.one-line-container-min-padding {padding: 5px 120px 10px 20px;}
.room-modal-table td {padding: 5px 0px;}
.system-users-one-user-name-container .users-one-user-options {position: absolute;top: 12px;right: 7px;color: #929eb0;}
.system-users-one-user-name-container:hover {background: rgb(247, 249, 254) none repeat scroll 0% 0%;}
.app-users-one-user-online-publisher-status {background-image: url("../images/switch_rup.png");background-size: 70%;background-repeat: no-repeat;width: 20px;height: 20px;position: absolute;border: 2px solid rgb(233, 231, 231);right: 0px;background-color: rgb(56, 142, 60);border-radius: 50%;bottom:-5px;padding: 2px;background-position: 40% 60%;}
.app-users-one-user-online-status {width: 10px;height: 10px;position: absolute;border: 2px solid rgba(233, 231, 231,0);right: 2px;background-color: rgb(91, 164, 99);border-radius: 50%;bottom: 0px;}
#usersTempVideoContainer {position: relative;width: 100%;}
.app-users-one-user-peer-avatar {width:46px;height:46px;border-radius: 50%;position:absolute;top:0;left:0;background-color:#fafbfc;background-size: cover;background-position: 50%;margin-top: 2px;}
.app-users-one-user-master {color: rgb(91, 164, 99);}
.app-users-one-user-container:not(.room-user-to-invite):hover {background-color: rgba(255, 255, 255, 0.49);}
#roomMyVideoID {transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);z-index: 1;}
.room-settings-panel {position: fixed;top: 3.2em;width: 300px;background-color: rgb(255, 255, 255);left: 0px;border-radius: 2px;padding: 8px 8px;}
.room-settings-panel hr {margin: 5px 0px;}
.room-settings-title {color: gray;line-height: 36px;}
.room-settings-title a {vertical-align: middle;line-height: 36px;}
.room-settings-title a .material-icons {line-height: 36px;vertical-align: middle;}
.room-settings-switcher {border-top: 1px solid #eee;line-height: 36px;vertical-align: middle;}
.room-settings-switcher-label {max-width: 85%;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 36px;vertical-align: middle;}
.room-settings-switcher-label.room-settings-switcher-label-status {max-width: 100%;}
.room-settings-switcher-label.room-settings-switcher-label-status span {/*font-weight: bold;*/}
.room-settings-switcher-toggler {float: right;margin-top: 1px;cursor: pointer;}
.room-settings-switcher-toggler .switcher-toggler-border {width: 30px;border: 1px solid #a8a8a8;height: 18px;border-radius: 9px;position: relative;line-height: 36px;vertical-align: middle;display: inline-block;}
.room-settings-switcher-toggler .switcher-toggler-border .switcher-toggler-circle {position: absolute;background-color: silver;width: 14px;height: 14px;border-radius: 50%;top: 1px;left: 1px;border: 1px solid rgb(171, 167, 167);}
.room-settings-switcher-toggler .switcher-toggler-border .switcher-toggler-circle.switcher-toggler-circle-spin {top:0px;line-height: 14px;}
.room-settings-switcher-toggler.active .switcher-toggler-border .switcher-toggler-circle {background-color: rgb(87, 167, 236);border: 1px solid rgb(67, 153, 228);right: 1px;left: initial;line-height: 12px;}
.room-settings-switcher.disabled {pointer-events: none;cursor: not-allowed;box-shadow: none;opacity: 0.45;}
.switcher-toggler-circle.switcher-toggler-circle-spin {background-color: white !important;border: 0px none !important;font-size: 12px;margin: 1px 2px;color: gray;}
.room-settings-panel-cooperation.disabled .room-settings-switcher-toggler, .room-settings-switcher-toggler.disabled {pointer-events: none;cursor: not-allowed;box-shadow: none;opacity: 0.65;}
.room-settings-radio .switcher-toggler-border {width:18px;}
.room-settings-subswitcher {padding-left: 20px;}
.room-settings-btn-link {margin-right: 10px;cursor:pointer;}
.user-videopanel-online-status {position: absolute;width: 1.3em;height: 1.3em;font-size: 0.85em;right: 0px;text-align: center;vertical-align: middle;line-height: inherit;bottom: 1.3em;border-radius: 50% 0px 0px 0px;background-color: rgba(56, 142, 60,0.6);color: white;z-index: 21;}
.files-panel-master-document {margin-top: 15px;}
.div-as-link {cursor: pointer;color: rgb(72, 158, 233);}
.div-as-link:hover {color: rgb(11, 106, 189);}
.room-test-wrapper {height: calc(100% - 90px);position: absolute;top: 70px;width: 70%;vertical-align: middle;background-color: white;border-radius: 2px;margin:0px 15%;padding: 10px;overflow-y: auto;overflow-x: hidden;border-radius: 2px;box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5);background-color: #FFFFFF;position: relative;z-index: 1;}
.room-test-start-record-button {margin-top: 20px;}
.room-test-container-start, .room-test-container-record, .room-test-container-playing {}
.room-test-description {font-size: 20px;font-weight: 300;}
.room-test-description .page-header {text-align: center;}
.room-test-description .row {margin: 0px;}
#room-test-container-playing-wrapper {margin-bottom: 15px;}
#roomBodyID .app-file-preview-image-spinner {width: 100%;height: 100%;top: 0px;}
.files-widget-close-second-layer {z-index: 10001 !important;}
.room-test-wrapper .form-control {border:0px;border-bottom: 1px solid #CCC5B9;border-radius: 0px;padding: 5px 0px;height: 36px;color: #66615b;font-size: 14px;transition: background-color 0.3s ease 0s;box-shadow: none;outline: 0 !important;}
.room-test-wrapper h3 {font-size: 1.825em;line-height: 1.4;margin: 20px 0 10px;font-weight: 400;}
.room-test-wrapper .row {margin-top: 20px;}
.room-test-wrapper h4 {margin-top: 20px;}
.app-invite-additional-modules {font-size: 14px;line-height: 30px;text-align: center;margin: 10px 0px;font-style: italic;font-weight: 300;}
.app-searched-users-container {padding: 5px 0px;}
.one-tk-tag {background-color: #5BC0DE;padding: 1px 5px;color: white;border: 1px solid #46B8DA;border-radius: 4px;margin: 2px 5px 4px 0px;display: inline-block;font-size: 12px;}
.app-users-one-user-login {color: gray;font-size: 12px;}
.equipment-test-background {background-color: #eceff1;position: fixed;width: 100%;height: 100%;}
.room-btn-container {text-align: right;margin: 5px 0px;}
.room-user-to-invite {background: rgb(122, 204, 131) none repeat scroll 0% 0%;}
.room-user-to-invite .app-users-one-user-name {color: white;font-weight: bold;}
.room-fa-prepend-spinner {margin-right: 5px;}
.app-invite-over-main-control {display:inline-block;width:49.8%;}
.app-invite-over-main-control-right {float: right;}
.room-btn-with-svg {display: table-cell;vertical-align: middle;}
.room-test-inline-form {padding:10px;}
.room-test-inline-form label {font-weight: 300;}
.room-test-description .panel-heading {padding-bottom: 35px;}
.room-test-description .panel-heading .btn-group {margin-top:5px;}
.room-settings-switcher-menu-toggler {float: right;cursor: pointer;color: rgb(87, 167, 236);}
.app-room-settings-back-toggler {cursor: pointer;color: rgb(87, 167, 236);padding: 0px 5px 0px 0px;}
.room-settings-switcher-menu-toggler:hover, .app-room-settings-back-toggler:hover {color:rgb(67, 153, 228);}
.room-settings-panel-sip {width: 100%;}
.room-settings-input {width: 100%;outline:0;margin-bottom: 5px;}
.room-settings-input input {width: 100%;border-width: 0px 0px 1px;border-color: silver;text-align: left;background-color: rgba(238, 238, 238, 0.4);outline:0;padding: 0px 5px;border-radius: 2px 2px 0px 0px;}
.room-settings-title:not(:first-child) {margin-top: 10px;}
.room-settings-switcher-toggler.room-settings-radio:not(.active) .switcher-toggler-border .switcher-toggler-circle {border: 1px solid #a8a8a8;background-color: rgb(255, 255, 255);}
.material-btn {vertical-align: middle;line-height: 3em;padding: 0em 0.75em;display: inline-block;cursor: pointer;transition:background-color .3s;max-height: 3em;position: relative;}
.material-btn:hover, .material-btn.active {background-color: #212121}
.material-btn-circle {border-radius: 50% !important;width: 3em;text-align: center;padding: 0em;}
.material-btn.material-btn-with-text {padding: 0em 0.75em;}
.material-btn-with-text span,.material-btn-with-text div {color: white;line-height: 36px;display: inline-block;top: 2px;right: 2px;}
.material-btn img {height: 2em;}
.room-center-header-buttons {width: 100%;text-align: center;position: absolute;left: 0px;top: 0px;height: 3em;}
.material-btn .fa-spin {font-size: 1.5em;color: white;line-height: 2em;}
.material-btn.disabled, .room-header-user-buttons.disabled {pointer-events: none;cursor: not-allowed;box-shadow: none;opacity: 0.65;}
.material-btn.material-btn-narrow {padding: 0em;}
.publish-buttons-container {display: inline-flex;}
.no-video-icon {height:70px;}
#usersPanel .no-video-container .no-video-icon  {height: 50px;margin-top: 10px;font-size: 40px !important;}
.no-video-text {font-size: 16px;}
#usersPanel .no-video-container .no-video-text {font-size: 14px !important;}
.test-video-container {display: inline-block;width: 100%;text-align: center;}
.test-video-container video {max-width: 100%;}
.room-panel-avatar-background {width: 100%;height: 100%;background-size: cover;background-position: 50% 50%;position: absolute;z-index: 1;opacity: 0.2;filter: blur(2px);}
.room-panel-close-for-mobile {position: absolute;right: 0.5em;top: 0.5em;z-index: 30;}
.button-wbutton-selected {background-color: rgba(162, 162, 162, 0.8);border-radius:50%;}
#chatPanel.not-media-panel {height: calc(30%);}
#usersPanel.not-media-panel {height: calc(100% - 4em);}
.app-spalsh-for-odd {position: absolute;bottom: 0px;right: 0px;width: 50%;text-align: center;height: 8.25em;vertical-align: middle;line-height: 8.25em;background-color: rgba(89, 93, 114, 0.7);}
#videoroomPanelsContainer .app-video-room-panels.unvisible-panel {height:1px !important;bottom: 0px !important;top: initial !important;}
.material-button-floating {transition: .3s ease-out;width: 24px;height: 24px;line-height: 24px;}
.material-button:hover,.material-button-floating:hover {}
.material-button {background-color: transparent;transition: .3s ease-out;text-align: center;border-radius: 3px;height:36px;line-height: 36px;padding: 0 1em;text-transform: uppercase;vertical-align: middle;font-size: 1em;display: inline-block;position: relative;cursor: pointer;border: 0px;}
.material-button-primary {background-color: rgb(0, 144, 186);color:white;}
.material-button-primary:hover {background-color: rgb(41, 168, 206);color:white;}
.material-button-warning {background-color: #d32f2f;color:white !important;}
.material-button-warning:hover {background-color: #e53935 !important;color:white;}
.material-button-success {background-color: #388e3c;color:white !important;border-radius: 2px;}
.material-button-success:hover {background-color: #43a047 !important;color:white;}
.material-button-inner-success {color:#388e3c !important;border-radius: 50%;}
.material-button-inner-success:hover {color:#388e3c !important;}
.modal-footer .material-spinner {display: inline-block;}
.material-button.disabled {pointer-events: none;opacity: 0.4;cursor:default;}
.material-button .material-icons {line-height: inherit;float: left;margin-right: 5px;}
.videoRoomMyVideoWithoutCamera .material-spinner {display: block;margin-top: 10px;}
.material-spinner {background-image: url('../images/spinner.gif');width: 40px;height: 40px;margin: auto;background-position: 50%;background-size: cover;}
.material-btn .material-spinner {height: 24px;width: 24px;margin: 9px 0px;}
.app-room-settings-button-container {text-align: right;padding-top: 5px;padding-bottom: 5px;}
.room-header-user-buttons {color: white;font-weight: bold;}
.material-btn .material-icons {line-height: 1.75em;}
.sip-master-container {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;overflow-y: auto;}
.sip-master-container-content {width: 100%;height: 100%;z-index: 10000;overflow-y: auto;max-height:100%;}
.sip-master-container-content-master {width: 770px;background-color: white;z-index: 1070;position: absolute;padding: 10px 15px 20px 15px;overflow: auto;border-radius: 4px;top:100px;left:calc(50% - 385px);}
.sip-master-container-content-row {padding-top: 10px;padding-bottom: 5px;}
.sip-master-container-content-master p {line-height: 1.7em;font-size: 1.1em;}
.sip-master-container-content h4 {margin: 15px 0px 20px 0px;}
.sip-master-container-content .button-container {text-align: right;line-height: 3em;}
.sip-master-login {max-width: calc(100% - 40px);}
.sip-master-options {position: absolute;right: 10px;top: 5px;}
.sip-master-container-status {margin-top: 20px;text-align: center;}
.room-close-button {position: absolute;right: 16px;top: 16px;cursor: pointer;color: gray;border-radius: 50%;line-heigh:t 2em;height: 2em;vertical-align: middle;width: 2em;text-align: center;}
.room-close-button .material-icons {vertical-align: middle;}
.room-close-button:hover {background-color: #e0e0e0;}
.material-btn.material-btn-circle .material-spinner {display: inline-block;}
.video-panel-new-window {line-height: 24px;padding: 0px;height: 24px;cursor: pointer;}
.video-panel-new-window:hover {background-color: rgba(0, 0, 0, 0.83);}
.video-panel-new-window .material-icons {color: white;}
#roomBigVideoTarget .video-panel-low-status.video-panel-new-window {display: none;}
.big-center-material-spinner {position: absolute;top: calc(50% - 50px);left: calc(50% - 50px);width: 100px;height: 100px;}
.waveform-example {width: 100%;line-height: 60px;text-align: center;background-image: url('../images/waveform.png');background-repeat: no-repeat;background-size: cover;color: black;filter: blur(2px);height: 60px;position: absolute;z-index: 1;opacity: 0.6;}
.waveform-example-text {width: 100%;line-height: 60px;text-align: center;height:100%;position:absolute;z-index: 2;}
.room-test-wrapper .material-button {min-width:180px;}
.stuncheck-status {vertical-align: middle;line-height: 2em;}
.stuncheck-status .material-icons {vertical-align: middle;line-height: 2em;}
.stuncheck-success .material-icons, .core-browser-ok .material-icons {color: rgb(56, 142, 60);}
.stuncheck-error .material-icons {color: rgb(56, 142, 60);/*color: #d32f2f;*/}
.stuncheck-status .material-spinner {display: inline-block;width: 24px;height: 28px;line-height: 2em;vertical-align: middle;}
.test-item-desc {line-height: 2.5em;}
.room-greeting-help-block {max-height: 250px;overflow-y: auto;}
a.material-button-primary:focus{color:white;}
@keyframes callinput {
	50% {opacity:0}	
}
.call-ringing-icon {animation: callinput 1.5s linear infinite;}
.chat-panel,.users-panel,.filemanager-panel {position: absolute;width: 350px;top: 42px;z-index: 997;height:calc(100% - 42px);background-color: white;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);overflow-y: auto;}
.chat-panel {overflow-y: hidden;}
.chat-panel-icon-container {position: absolute;top: 150px;left: 20px;z-index: 997;height: 40px;width: 40px;background-color: rgba(255,255,255,0.7);border-radius: 40px;line-height: 40px;vertical-align: middle;text-align: center;cursor:pointer;}
.chat-panel-icon-container.top-location {top:5px;left:200px;height: 32px;width: 32px;}
.users-panel-icon-container.top-location {top:5px;left:245px;height: 32px;width: 32px;}
.files-panel-icon-container.top-location {top:5px;left:290px;height: 32px;width: 32px;}
.chat-panel-icon-container.top-location i,.users-panel-icon-container.top-location i,.files-panel-icon-container.top-location i {line-height: 32px;}
.chat-panel-icon-container.chat-opened {left:370px;top: 150px;background-color: rgba(255,255,255,0.9);}
.chat-panel-icon-container i, .users-panel-icon-container i, .files-panel-icon-container i, .exit-panel-icon-container i {font-size: 24px;line-height: 40px;color: #373a2f;}
.chat-panel-icon-container:hover, .users-panel-icon-container:hover, .files-panel-icon-container:hover {background-color: rgba(255,255,255);}
.users-panel-icon-container {position: absolute;top: 100px;left: 20px;z-index: 997;height: 40px;width: 40px;background-color: rgba(255,255,255,0.7);border-radius: 40px;line-height: 40px;vertical-align: middle;text-align: center;cursor:pointer;}
.users-panel-icon-container.users-opened {left:370px;background-color: rgba(255,255,255,0.9);}
.files-panel-icon-container.chat-opened, .exit-panel-icon-container.users-opened {left:370px;background-color: rgba(255,255,255,0.9);}
.exit-panel-icon-container {position: absolute;top: 100px;left: 20px;z-index: 997;height: 40px;width: 40px;background-color: rgba(255,255,255,0.7);border-radius: 40px;line-height: 40px;vertical-align: middle;text-align: center;cursor:pointer;}
.users-panel .thread-name {width: 100%;text-align: center;font-weight: 200;padding: 5px 15px;font-size: 1.2em;}
.users-panel .thread-calling {text-align: center;padding: 15px;}
.users-panel .thread-calling img {display: inline-block;margin-right: 5px;}
.new-status-badge {position: absolute;height: 15px;width: 15px;background-color: rgb(114, 147, 182);border-radius: 50%;top: -2px;right: -2px;}
.new-status-badge-text {position: absolute;height: 15px;min-width: 15px;background-color: rgb(114, 147, 182);border-radius: 10px;top: -2px;left: 28px;font-size: 11px !important;line-height: 15px !important;color: white;padding: 0px 3px;text-align: center;}
.files-panel-icon-container {position: absolute;top: 200px;left: 20px;z-index: 997;height: 40px;width: 40px;background-color: rgba(255,255,255,0.7);border-radius: 40px;line-height: 40px;vertical-align: middle;text-align: center;cursor:pointer;}

.room-app-side-panel.collapsed {width:0em !important;}
.room-app-big-panel.collapsed {width:calc(100% - 23.5em) !important;}
.room-avatar {width: 120px;height: 120px;margin: 10px auto;border-radius: 50%;background-color: #fafbfc;background-size: cover;background-position: 50%;}
.room-micro-avatar {width: 25px;height: 25px;margin-top: 8px;position: absolute;top: 0px;left: 35px;border-radius: 50%;background-color: #fafbfc;background-size: cover;background-position: 50%;}
#roomPollManagerModal .material-btn:hover {background-color: #e5e5e5;}
.material-button-square {border-radius: 2px !important;}
.material-button-circle {border-radius: 50%;}
.room-poll-buttons .material-btn {margin-left: 5px;color:#929eb0;}
.room-poll-card ul li {border-radius: 2px !important;margin-bottom: 2px !important;background-color: #FFF !important;}
.room-files-widget-preview-image {height: 230px;border-bottom: 1px solid #ccc5b9;position: absolute;width: 100%;}
.room-file-preview-image-splash {width: 100%; height: 230px;color: #929eb0;text-align: center;line-height: 100%;position: absolute;top: 0px;display: table;font-size: 1.3em;font-weight: 300;}
.room-file-preview-image-spinner {width: 100%;height: 230px;top: 0px;text-align: center;line-height: 100%;padding-top: 100px;font-size: 20px;position: absolute;}
.room-file-preview-image-splash div {vertical-align: middle;height: 100%;display: table-cell;}
.room-widget-preview-image-wrapper {width: 100%;height: 100%;background-repeat: no-repeat;background-position: 50%;background-color: rgba(255, 255, 255, 0.7);background-size: contain;}
.room-widget-preview-image-options {position: absolute;height: 230px;background-color: rgba(0, 0, 0, 0.69);width: 50px;color: white;text-align: center;top: 0px;}
.room-widget-preview-image-options .button-wbutton {margin-top:10px;}
.room-widget-preview-collection {overflow-y: auto;height: calc(100% - 230px);top: 230px;position: absolute;width: 100%;}
.room-files-create-container {width: 100%;height: 100%;background-color: white;}
.room-files-create-container-content {width: 100%;height: 100%;top: 0px;left: 0px;}
.room-files-create-container-content-master {width: 100%;height: 100%;background-color: white;z-index: 1070;position: absolute;padding: 10px;overflow-y: auto;border-radius: 2px;overflow-x: hidden;}
.room-files-create-container-content-master .files-container-subheader {margin-top: 15px;border-bottom: 1px solid #ccc5b9;padding: 10px 0px 5px 0px;}
.room-files-create-container-content-master .app-files-template.selected {border: 2px solid rgb(114, 147, 182);box-shadow: 0px 2px 5px 0px rgb(114, 147, 182);}
.room-files-create-container-content-master .app-files-template-icon {width: 60px;height: 60px;}
.room-files-create-buttons {width: 100%;text-align: right;}
.material-button .material-spinner {line-height: 36px;display: inline-block;width: 30px;height: 36px;margin-right: 5px;vertical-align: middle;}
.material-btn.closebut {width:100%;}
.room-mobile-splash {position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;background-color: #eceff1;z-index: 1000;text-align: center;font-size: 1.5em;font-family: 'PT Sans', sans-serif;color: gray;}
.room-mobile-splash .text {position: absolute;top: calc(50% - 3em);text-align: center;width: 100%;}
.room-mobile-splash .subheader {font-size: 0.6em;margin-bottom: 10px;}
.room-subheader {color: gray;line-height: 36px;margin: 20px 10px 10px 20px;}
.room-sub-subheader {color: gray;line-height: 16px;margin: 5px 10px 5px 20px;font-size: 12px;}
.files-modal-label {margin-top: 30px}
.count-td {width:100px;}
.wide-count-td {width:150px;}
.center-align {text-align: center;}
.actions-td {width:150px;}
.room-button-wbutton {display: inline-block;line-height: 36px;cursor: pointer;margin-left: 1px;width: 36px;text-align: center;vertical-align: middle;position: relative;}
.room-button-wbutton:hover {background-color: rgba(204, 204, 204, 0.4);border-radius: 50%;}
.room-button-wbutton .material-icons {line-height: 36px;width: 36px;vertical-align: middle;color:#929eb0;}
.room-modal-table {width:100%;table-layout: fixed;}
.one-line-p {white-space: nowrap;text-overflow: ellipsis;max-width: 100%;overflow-x: hidden;}
.users-inviting-container-content {position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;padding: 50px;z-index: 10000;}
.video-panel-vrecovering-status {left: 70px;vertical-align: middle;height: 34px;border-radius: 0px 0px 3px 3px;}
.video-panel-mic-status {color: white;line-height: 28px;}
.videoRoomUserTitle.video-room-user-org-alias {bottom: initial;top: 0px;border-radius: 4px 4px 0px 0px}
.no-border-radius .videoRoomUserTitle,.no-border-radius .videoRoomUserTitle.video-room-user-org-alias {border-radius: 0px;}
.no-border-radius .videoRoomUserTitle.video-room-user-org-alias {border-top: 1px solid #acacac;}
.test-room-body {overflow-y: auto;}
.button-wbutton .material-spinner {vertical-align: middle !important;width: 30px;height: 30px;line-height: 36px;position: absolute;top: 3px;left: 3px;}
.video-panel-vrecovering-status {}
.countdown-timer {line-height: 3.1em;vertical-align: middle;padding: 0px 5px;color: white;}
.countdown-timer.countdown-timer-expired {color: #c65454;}
.countdown-timer > div {font-size: 1.4em;}
.minutes-blinked {opacity: 1;-webkit-animation: blinkedTabSec 1s linear infinite;animation: blinkedTabSec 1s linear infinite;}
@-webkit-keyframes blinkedTabSec {
	0% {opacity: 0;}
	70% {opacity: 1;}
	100% {opacity: 1;}
}

@keyframes blinkedTabSec {
	0% {opacity: 0;}
	70% {opacity: 1;}
	100% {opacity: 1;}
}

.form-control {border: 0px;border-bottom: 1px solid #CCC5B9;border-radius: 0px;color: #66615b;font-size: 14px;transition: background-color 0.3s ease 0s;padding: 7px 10px;height: 40px;box-shadow: none;}
.app-users-one-user-online-stat-panel {position: absolute;background-color: white;top: 40px;z-index: 35;left: 10px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);border-radius: 4px;padding: 0px 5px;width:300px;}
.user-videopanel {position: absolute;background-color: #9f9f9f;padding: 10px;text-align: center;/*border: 2px solid #c4c5c6;*/}
.user-videopanel-avatar {position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;top: 0px;left: 0px;opacity: 0.15;}
.user-videopanel-name {position: absolute;bottom: 0px;width: 100%;overflow: hidden;background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;left: 0px;text-align: center;color: white;text-transform: uppercase;font-style: normal;font-weight: normal;z-index: 2;line-height: 1.3em;font-size: 0.85em;height: 1.3em;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;}
.user-videopanel-orgname {position: absolute;top: 0px;width: 100%;overflow: hidden;background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;left: 0px;text-align: center;color: white;text-transform: uppercase;font-style: normal;font-weight: normal;z-index: 2;line-height: 1.3em;font-size: 0.85em;height: 1.3em;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;border-top: 1px solid #acacac;}
.user-videopanel-rolename {position: absolute;top: 1.2em;width: 100%;line-height: 1.2em;overflow: hidden;background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;left: 0px;text-align: center;color: white;text-transform: uppercase;font-style: normal;font-weight: normal;z-index: 2;font-size: 1em;}
.user-videopanel-master {position: absolute;width: 2.3em;height: 2.3em;font-size:0.85em;left: 0px;text-align: center;vertical-align: middle;line-height: inherit;bottom: 1.3em;border-radius: 0px 4px 0px 0px;background-color: rgba(114, 147, 182, 1);color: white;z-index: 51;opacity: 0.7;}
.user-videopanel-master .material-icons {vertical-align: middle;line-height: 1.2em;}
.no-margin {margin:0px !important;}
.local-user-record {border:3px solid rgb(0,144,186);}
.room-video-processing .status-label {padding-right: 10px;}
.user-videopanel-buttons {position: absolute;top: 1.5em;right: 1em;z-index: 400;width: 40px;}
.user-videopanel-buttons .button-wbutton {background-color: rgba(0, 0, 0, 0.35);border-radius: 50%;color:white;margin-bottom: 3px;position: relative;transition: .3s;}
.user-videopanel-buttons .button-wbutton:hover {background-color: rgba(45, 45, 45, 0.7);}
.user-videopanel-buttons .drop-publisher-btn {display: none !important;}
.users-one-user-options .button-wbutton {position: relative;}
.room-video-processing .material-spinner {width: 24px;height: 24px;background-size: contain;background-repeat: no-repeat;display: inline-block;vertical-align: middle;}
.settings-switcher {border-top: 1px solid #eee;line-height: 36px;vertical-align: middle;display: inline-block;cursor: pointer;margin-left: 1px;width: 36px;transition: .3s;}
.settings-switcher-label {max-width: 85%;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 36px;vertical-align: middle;}
.settings-switcher-toggler {float: right;margin-top: 1px;cursor: pointer;}
.settings-switcher-toggler .switcher-toggler-border {width: 30px;border: 1px solid #a8a8a8;height: 18px;border-radius: 9px;position: relative;line-height: 36px;vertical-align: middle;display: inline-block;}
.settings-switcher-toggler .switcher-toggler-border .switcher-toggler-circle {position: absolute;background-color: silver;width: 14px;height: 14px;border-radius: 50%;top: 1px;left: 1px;border: 1px solid rgb(171, 167, 167);}
.settings-switcher-toggler .switcher-toggler-circle-spin {line-height: 16px;text-align: center;width: 100%;vertical-align: middle;}
.settings-switcher-toggler.active .switcher-toggler-border .switcher-toggler-circle {background-color: rgb(87, 167, 236);border: 1px solid rgb(67, 153, 228);right: 1px;left: initial;line-height: 12px;}
.settings-switcher.disabled {pointer-events: none;cursor: not-allowed;box-shadow: none;opacity: 0.45;}
.settings-switcher-toggler.disabled {pointer-events: none;cursor: not-allowed;box-shadow: none;opacity: 0.65;}
.activity-action-td {width: 68px;}
.app-users-one-user-login {font-size: 12px;color: gray;}
.app-users-one-user-container.sip-abonent-container {height: initial;}
.room-webinar-panel .chat-panel, .room-webinar-panel .users-panel {top:0px;height: 100%;}
.room-webinar-panel {background-color: #eceff1;}
.room-layout-streaming {text-align: center;line-height: 30px;color: #5f5f5f;overflow-y: auto;}
.room-layout-streaming .thread-name {text-transform: uppercase;margin-bottom: 20px;}
.room-layout-streaming .translations-buttons-container {text-align: right;}
.room-layout-streaming .translations-buttons-container .material-button {margin-left: 5px;}
.room-layout-streaming .streaming-frame .thread-name {text-transform: uppercase;font-size: 16px;margin-bottom: initial;text-align: right;padding: 5px;}
.streaming-splash-waiting {padding-top: 50px;}
.room-big-count-label {display: inline-block;padding: 0px 0.7em;border-radius: 1em;background-color: rgb(0, 144, 186);color: white;font-size: 1.5em;line-height: 2em;margin-top: 0.5em;}
.room-header-tabs-label {line-height: 2.4em;vertical-align: middle;font-size: 1.2em;display: inline-block;color: white;}
.room-settings-switcher-help {color: gray;font-size: 0.85em;line-height: 1.5em;}
.material-btn-label {display: inline-block;line-height: 1em;font-size: 0.8em;vertical-align: middle;}
.material-button-large {display: block;margin-bottom: 5px;}
.middle-window-content {position: fixed;width: 70%;height: initial !important;top: 0px;left: 0px;padding: 50%;z-index: 10000;margin-top: 100px;margin-left: 15%;padding: 0px;max-height: calc(90% - 100px);overflow: auto;}
.middle-window-content .files-create-container-content-master {position: relative;width: 100%;border-radius: 0px 0px 2px 2px;padding: 15px 30px 0px 30px;}
.middle-window-title {position: absolute;width: 70%;margin-top: 50px;margin-left: 15%;background-color: white;color: black;height: 50px;z-index: 1000;padding: 0px 30px;line-height: 50px;vertical-align: middle;font-weight: 400;font-size: 18px;border-radius: 2px 2px 0px 0px;border-bottom: 1px solid #eee;}
.videoRoomMyVideoWithoutCamera.room-top-notification div {display: block;margin-top: 20px;}
.videoRoomMyVideoWithoutCamera.room-strong-chromakey {background-color: rgba(0,0,0,0.5);}
.photo-from-frame {position: absolute;top:0px;left: 0px;outline: none;}
.room-video-processing.room-right-spinner {background-color: initial;}
.room-video-processing.room-right-spinner .right-spinner {display: block;top: 30px;right: 30px;position: absolute;}
#videoroomPanelsContainer .room-video-processing.room-right-spinner .right-spinner {top: 10px;right: 10px;}
#videoroomPanelsContainer .room-video-processing > div > div {line-height: 24px;padding: 0px 6px;}
#videoroomPanelsContainer .room-video-processing .material-spinner {width: 16px;height: 16px;}
.room-settings-test-group {text-align: center;margin:25px 0px;}
.room-settings-test-group .material-button {margin-bottom: 15px;}
.room-settings-test-group-elements select {display: inline-block;width: calc(100% - 81px);margin-right: 20px;}
.room-settings-test-group-elements .room-settings-test-group-additional {display: inline-block;}

@media (max-width: 768px) {
	
	.room-header-buttons img {width:30px;}	
	#roomHeaderButtonsContainerID {padding: 0px;}
	.room-header-buttons .fa-2x {font-size: 18px;line-height: 31px;}
	.room-header-buttons:not(.room-switch-publishing) {margin-top: 8px;}
	.app-users-one-user-avatar img {width: 30px;height: 30px;}
	.room-header-buttons span.btn {width:31px !important;height:31px !important;}
	.room-center-header-buttons {display: none;}
	.desktop-video-room .material-btn, .material-btn.material-btn-with-text {padding: 0em 0.25em;}
	.material-btn-with-text span {display: none;}
	.material-btn img {height: 1.5em;}
	.material-btn i.material-icons {font-size: 1.55em;vertical-align: middle;}
	.chat-panel-icon-container.top-location {top: 10px;left: 65px;height: 24px;width: 24px;line-height: 24px;}
	.users-panel-icon-container.top-location {top: 10px;left: 105px;height: 24px;width: 24px;line-height: 24px;}
	.chat-panel-icon-container.top-location i, .users-panel-icon-container.top-location i,.files-panel-icon-container.top-location i {line-height: 24px;font-size: 18px;color: #55a15e;}
	
	.sip-master-container-content {top:50px;left:10px;margin-top: 0px;margin-left: 0px;}
	.sip-master-container-content-master {max-width: calc(100% - 20px);width: 100%;max-height: calc(100% - 0px);left:10px;overflow-y: auto;top: 10px;}
	.sip-master-container-content .button-container {text-align: center;}

	.room-video-processing.room-right-spinner .right-spinner {top:60px;}
	.videoRoomUserTitle {font-size: 10px;}

}

@media (max-width: 991px) {

	.room-test-wrapper {margin: 0px 15px;width: calc(100% - 30px);}

}

@media (min-width: 1200px) {

	.chat-panel,.users-panel,.filemanager-panel {width: 470px;}
	.users-panel-icon-container.users-opened, .chat-panel-icon-container.chat-opened, .files-panel-icon-container.chat-opened, .exit-panel-icon-container.users-opened  {left:490px;}

}