.bx-im-component-call-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100vh;
	width: 100%;
	color: white;
	background-color: #000;
}

.bx-im-component-call{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100vh;
	width: 100%;
	color: white;
	min-width: 940px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
	background-color: var(--call-view__background-color);
	background-image: url('images/background.webp');
}

.bx-im-application-call-mobile-state .bx-im-component-call{
	margin: 0;
	overflow: hidden;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
    min-width: 100%;
	height: 100%;
	background: #3a414b;
}

.bx-im-component-call-left{
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	width: 70%;
	height: 100%;
}

#bx-im-component-call-container {
	width: 100%;
	height: 100%;
}

.bx-im-component-call-wrap.bx-im-component-call-mobile-viewer-mode {
    background-color: #3A414B;
}

.bx-im-component-call-right{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 400px;
	        flex: 0 0 400px;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='346' height='357' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_1084_63443)'%3E%3Cpath d='M244.205 174.704c-7.076 12.912-129.253-40.437-272.888-119.158C-98.656 17.197-316.577-96.03-361.11-125.692c-46.881-31.225 134.702 37.6 138.331 30.978 7.077-12.912 74.518 35.987 218.154 114.708 143.635 78.72 255.907 141.798 248.83 154.71z' fill='%230F97FF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1084_63443' x='-548.838' y='-313.861' width='973.359' height='670.491' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='90' result='effect1_foregroundBlur_1084_63443'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
	background-color: var(--call-view__conference-right-panel-background-color);
	background-repeat: no-repeat;
	overflow: hidden;
}

.bx-im-component-call-right-full {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.bx-im-component-call-right-top {
    /*height: 50%;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.bx-im-component-call-right-users {
    background: transparent;
    color: #FFF;
    overflow-y: auto;
    max-height: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    margin: 14px 0 0;
    padding: 0 18px 18px;
    font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}

/*************/
/* USER LIST */
/*************/
.bx-im-component-call-user-list {

}

.bx-im-component-call-user-list-loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
}

.bx-im-component-call-user-list-loader-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    opacity: 0.5;
    border: 2px solid #FFF;
    border-bottom-color: transparent;
    border-radius: 50%;
    -webkit-animation: 1s user-list-loader linear infinite;
            animation: 1s user-list-loader linear infinite;
}

.bx-im-component-call-user-list-loader-text {
    font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-semi-bold, 600);
    color: #FFF;
    opacity: 0.5;
}

@-webkit-keyframes user-list-loader {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes user-list-loader {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.bx-im-component-call-user-list-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 12px;
}

.bx-im-component-call-user-list-category-text {
    font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-bold, 700);
    color: #FFF;
    opacity: 0.7;
    text-transform: uppercase;
    margin-right: 5px;
}

.bx-im-component-call-user-list-category-counter {
    font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-bold, 700);
    color: #FFF;
    opacity: 0.3;
}

.bx-im-component-call-user-list-category-participants {
    margin-top: 20px;
}

.bx-im-component-call-user-list-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 8px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}

.bx-im-component-call-user-list-item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	overflow: hidden;
    white-space: nowrap;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
    height: 29px;
}

.bx-im-component-call-user-list-item:last-child .bx-im-component-call-user-list-item-body {
    border-bottom: 1px solid transparent;
}

.bx-im-component-call-user-list-item-body {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-height: 29px;
    max-height: 29px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    padding: 0;
}

.bx-im-component-call-user-list-item-body-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.bx-im-component-call-user-list-item-body-offline .bx-im-component-call-user-list-item-name-wrap,
.bx-im-component-call-user-list-item-body-offline .bx-im-component-call-user-list-item-icons {
    opacity: 0.6;
}


.bx-im-component-call-user-list-introduce-yourself {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 27px;
    padding: 4px 10px;
    z-index: 100;
    cursor: pointer;
}

.bx-im-component-call-user-list-introduce-yourself:before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 27px;
    background: #2FC6F6;
    border: 2px solid #FFF;
    border-radius: 13px;
    -webkit-animation-name: introduce-yourself-animation;
            animation-name: introduce-yourself-animation;
    -webkit-animation-duration: 2000ms;
            animation-duration: 2000ms;
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
}

@-webkit-keyframes introduce-yourself-animation {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    10% { -webkit-transform: scale(1.08); transform: scale(1.08); }
    20% { -webkit-transform: scale(1); transform: scale(1); }
    30% { -webkit-transform: scale(1.08); transform: scale(1.08); }
    40% { -webkit-transform: scale(1); transform: scale(1); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes introduce-yourself-animation {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    10% { -webkit-transform: scale(1.08); transform: scale(1.08); }
    20% { -webkit-transform: scale(1); transform: scale(1); }
    30% { -webkit-transform: scale(1.08); transform: scale(1.08); }
    40% { -webkit-transform: scale(1); transform: scale(1); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

.bx-im-component-call-user-list-introduce-yourself-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font: 12px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-bold, 700);
    line-height: 14px;
    color: #FFF;
}

.bx-im-component-call-user-list-item-name-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 205px;
}

.bx-im-component-call-user-list-item-current-user {
    margin-left: 5px;
    font-style: italic;
	font-weight: var(--ui-font-weight-bold);
}

.bx-im-component-call-user-list-item-name {
	overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
	-webkit-user-select: all;
	   -moz-user-select: all;
	    -ms-user-select: all;
	        user-select: all;
    opacity: 0.9;
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-style: normal;
	font-size: var(--ui-font-size-sm);
	line-height: var(--call-view__conference-right-panel-users-user-item-title-text-line-height);
	letter-spacing: var(--call-view__conference-right-panel-users-user-item-title-text-letter-spacing);
	font-weight: var( --ui-font-weight-normal, 400);
	color: var(--ui-color-palette-white-base);
}

.bx-im-component-call-user-list-item-name-subtitle {
    font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
    opacity: 0.5;
	color: var(--ui-color-palette-white-base);
	font-size: var(--ui-font-size-4xs);
	font-style: normal;
	font-weight: var( --ui-font-weight-normal, 400);
	line-height: var(--call-view__conference-right-panel-users-user-item-subtitle-text-line-height);
	letter-spacing: var(--call-view__conference-right-panel-users-user-item-subtitle-text-letter-spacing);
}

.bx-im-component-call-user-list-item-avatar-wrap {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 2px 12px 2px 0;
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
	position: relative;
}

.bx-im-component-call-user-list-item-owner .bx-im-component-call-user-list-item-avatar {
	-webkit-clip-path: path("M12 0C13.4199 3.10578e-08 14.7817 0.248418 16.0459 0.701172C16.0161 0.963358 16 1.22985 16 1.5C16 5.36599 19.134 8.5 23 8.5C23.1596 8.5 23.3177 8.49195 23.4746 8.48145C23.8154 9.59427 24 10.7755 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 1.44962e-07 18.6274 0 12C0 5.37258 5.37258 0 12 0Z");
	        clip-path: path("M12 0C13.4199 3.10578e-08 14.7817 0.248418 16.0459 0.701172C16.0161 0.963358 16 1.22985 16 1.5C16 5.36599 19.134 8.5 23 8.5C23.1596 8.5 23.3177 8.49195 23.4746 8.48145C23.8154 9.59427 24 10.7755 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 1.44962e-07 18.6274 0 12C0 5.37258 5.37258 0 12 0Z");
}

.bx-im-component-call-user-list-item-owner .bx-im-component-call-user-list-item-avatar-wrap::after {
	content: '';
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.269 7.249c.07.173.24.286.426.286h4.566a.462.462 0 00.427-.285l1.551-3.746a.33.33 0 00-.453-.421l-1.617.813a.33.33 0 01-.44-.143L5.27.953a.33.33 0 00-.585 0l-1.453 2.8a.33.33 0 01-.44.142L1.18 3.083a.33.33 0 00-.453.42L2.27 7.25z' fill='%23FFA900'/%3E%3C/svg%3E");	position: absolute;
	right: -3.5px;
	top: -2.5px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 9px 7px;
	height: 7px;
	width: 9px;
}

.bx-im-component-call-user-list-item-avatar {
	display: inline-block;
	background-size: cover;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	vertical-align: text-bottom;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.bx-im-component-call-user-list-item-avatar-default {
	background-color: #adaaaa;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.bx-im-component-call-user-list-item-avatar-inner-text{
	color: var(--ui-color-palette-white-base);
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	text-align: center;
	font-size: var(--ui-font-size-6xs);
	font-style: normal;
	font-weight: var( --ui-font-weight-normal, 400);
	line-height: normal;
	text-transform: uppercase;
	letter-spacing: 0;
}

.bx-im-component-call-user-list-item-avatar-extranet {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 .841A6.16 6.16 0 107 13.16 6.16 6.16 0 007 .841zm-4.128 9.69a4.532 4.532 0 01-.17.129A5.618 5.618 0 011.354 7c0-.263.018-.523.053-.78.323.418.676.983.798 1.151.198.277.42.548.612.829.324.472.664 1.119.491 1.706-.074.252-.24.457-.437.625zm6.504-4.572c.195.766.711 1.117 1.547 1.053.397-.03.371 1.031.118 1.47-.313.541-.232 1.186-.528 1.727-.187.341-.504.594-.755.885-.314.366-.666.718-1.19.673-.345-.03-.488-.413-.556-.685-.111-.452-.206-1.139-.284-2.062-.325-.702-.854-.946-1.587-.732-1.1.321-1.325-.531-1.356-1.342-.074-1.999 1.608-2.21 1.802-2.175.28.05 1.1.19 1.305.304.698.385 1.412-.145 1.355-.426-.055-.28-1.788-.685-2.403-.728-.614-.044-.67.174-.84-.011-.135-.15-.01-.387.086-.512.678-.894 1.808-1.11 2.764-1.575.015-.007.037-.059.063-.134a5.629 5.629 0 012.075 1.32 5.629 5.629 0 011.381 2.253c-.203.12.203-.041-.864.207-.71.165-1.422.329-2.133.49z' fill='%23E79A02' fill-rule='evenodd'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 14px 14px;
    background-position: center;
    background-color: rgba(0,0,0,0.5);
}

.bx-im-component-call-user-list-item-icons-menu {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.583 8.291a2.209 2.209 0 11-.001 4.417 2.209 2.209 0 01.001-4.417zm5.417 0a2.209 2.209 0 11-.002 4.418A2.209 2.209 0 0110 8.29zm5.416 0a2.21 2.21 0 110 4.419 2.21 2.21 0 010-4.419zM4.583 9.458a1.042 1.042 0 100 2.084 1.042 1.042 0 000-2.084zm5.417 0a1.042 1.042 0 100 2.084 1.042 1.042 0 000-2.084zm5.416 0a1.042 1.042 0 10.001 2.083 1.042 1.042 0 00-.001-2.083z' fill='%23fff'/%3E%3C/svg%3E");
	opacity: 0;
	-webkit-transition: opacity .05s ease-out;
	-o-transition: opacity .05s ease-out;
	transition: opacity .05s ease-out;
}

.bx-im-component-call-user-list-item:hover .bx-im-component-call-user-list-item-icons-menu {
	opacity: .5;
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}

.bx-im-component-call-user-list-item:hover .bx-im-component-call-user-list-item-icons-menu:hover {
	opacity: 1;
}

/* RENAMING */
.bx-im-component-call-user-list-change-name-container {
    width: 160px;
    height: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: rgba(28,31,35,0.8);
}

.bx-im-component-call-user-list-change-name-cancel {
    width: 9px;
    height: 9px;
    margin: 0 10px;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2210%22%20height%3D%229%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.315%201.41L6.222%204.502l3.093%203.094-1.237%201.237-3.093-3.094-3.093%203.094L.655%207.596%203.75%204.502.655%201.41%201.892.173l3.093%203.092L8.078.173z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.5%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
}

.bx-im-component-call-user-list-change-name-input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 105px;
    height: 18px;
    background: #1A1E24;
    color: #FFF;
    border: none;
    outline: none;
    padding: 0 10px;
}

.bx-im-component-call-user-list-change-name-input:focus {
    outline: 1px solid #FFF;
}

.bx-im-component-call-user-list-change-name-confirm {
    width: 12px;
    height: 9px;
    margin: 0 10px;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%229%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.517%208.5L.5%204.583l1.406-1.37%202.611%202.544L10.426%200l1.406%201.37z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
}

.bx-im-component-call-user-list-change-name-loader {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 9px;
    height: 9px;
    margin: 0 10px;
}

.bx-im-component-call-user-list-change-name-loader-icon {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8px;
    max-width: 8px;
    height: 8px;
    max-height: 8px;
    border: 2px solid lightgray;
    border-bottom-color: transparent;
    border-radius: 50%;
    -webkit-animation: 1s change-name-loader linear infinite;
            animation: 1s change-name-loader linear infinite;
}

@-webkit-keyframes change-name-loader {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes change-name-loader {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.bx-im-component-call-user-list-item-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.bx-im-component-call-user-list-item-icons-icon {
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.bx-im-component-call-user-list-item-icons-left {
	display: none;
}

.bx-im-component-call-user-list-item-icons-left.visible {
	display: block;
}

.bx-im-component-call-user-list-item-icons-menu,
.bx-im-component-call-user-list-item-icons-left,
.bx-im-component-call-user-list-item-icons-center {
    margin-right: 6px;
}

.bx-im-component-call-user-list-item-icons-floor-request {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.8' d='M9.92 3.063a.93.93 0 01.93.93v5.818a.298.298 0 00.594 0V5.523a.84.84 0 011.677 0v4.551a.3.3 0 00.599 0v-2.19a.859.859 0 011.715 0v5.186c0 .385-.134.82-.334 1.24a6.512 6.512 0 01-.793 1.246c-.31.386-.659.736-1.002.99-.335.25-.704.435-1.045.435H8.886c-.268 0-.542-.09-.8-.218-.26-.13-.52-.309-.768-.504-.493-.392-.957-.871-1.286-1.23l-.006-.006-2.822-3.28a.986.986 0 011.435-1.347l1.654 1.62V5.375a.992.992 0 011.983 0V9.75a.358.358 0 00.716 0V3.993a.93.93 0 01.929-.93z' fill='%23F2A100'/%3E%3C/svg%3E");
}

.bx-im-component-call-user-list-item-icons-screen {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.334 15.75a.583.583 0 010 1.167H6.667a.584.584 0 010-1.167h6.667zM10 4.635a.584.584 0 010 1.167H5.202a.667.667 0 00-.667.666v6.397c0 .368.3.666.667.666H14.8a.666.666 0 00.666-.666v-2a.584.584 0 011.167 0v2c0 1.012-.821 1.833-1.833 1.833H5.202a1.833 1.833 0 01-1.833-1.833V6.468c0-1.013.82-1.833 1.833-1.833H10zm5.132 0a1.5 1.5 0 011.5 1.5v1.852a.584.584 0 11-1.167 0V6.585l-3.694 3.694a.584.584 0 01-.826-.825L14.6 5.802h-1.575a.584.584 0 010-1.167h2.108z' fill='%23fff' fill-opacity='.7'/%3E%3C/svg%3E");
}

.bx-im-component-call-user-list-item-icons-icon {
	-webkit-animation: background-image 200ms linear;
	        animation: background-image 200ms linear;
}

.bx-im-component-call-user-list-item-icons-mic-on {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.013 9.67a.583.583 0 01.57.597c-.04 1.864 1.492 4.394 4.407 4.394 2.928 0 4.511-2.566 4.423-4.377a.584.584 0 011.166-.057c.109 2.233-1.673 5.251-5 5.573v1.255h1.4a.583.583 0 010 1.166H8.014a.584.584 0 010-1.166h1.4v-1.253c-3.337-.314-5.046-3.325-4.997-5.56a.583.583 0 01.596-.571zm4.981-6.809a2.807 2.807 0 012.807 2.807v4.503a2.807 2.807 0 01-5.614 0V5.668a2.807 2.807 0 012.807-2.807zm0 1.166c-.906 0-1.64.735-1.64 1.641v4.503a1.641 1.641 0 003.28 0V5.668a1.64 1.64 0 00-1.64-1.64z' fill='%23fff' fill-opacity='.7'/%3E%3C/svg%3E");}

.bx-im-component-call-user-list-item-avatar-wrap-talking ~ .bx-im-component-call-user-list-item-body .bx-im-component-call-user-list-item-icons-mic-on {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.013 9.67a.583.583 0 01.57.597c-.04 1.864 1.492 4.394 4.407 4.394 2.928 0 4.511-2.566 4.423-4.377a.584.584 0 011.166-.057c.109 2.233-1.673 5.251-5 5.573v1.255h1.4a.583.583 0 010 1.166H8.014a.584.584 0 010-1.166h1.4v-1.253c-3.337-.314-5.046-3.325-4.997-5.56a.583.583 0 01.596-.571zm4.981-6.809a2.807 2.807 0 012.807 2.807v4.503a2.807 2.807 0 01-5.614 0V5.668a2.807 2.807 0 012.807-2.807zm0 1.166c-.906 0-1.64.735-1.64 1.641v4.503a1.641 1.641 0 003.28 0V5.668a1.64 1.64 0 00-1.64-1.64z' fill='%231CAE6A'/%3E%3C/svg%3E");
}

.bx-im-component-call-user-list-item-icons-mic-off {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.587 5.087a.584.584 0 01.825 0l10 10a.584.584 0 01-.825.825l-1.206-1.206a5.398 5.398 0 01-2.8 1.094v1.255h1.398a.583.583 0 010 1.167H8.014a.584.584 0 010-1.167h1.398v-1.253c-3.337-.314-5.045-3.325-4.996-5.56a.583.583 0 011.166.025c-.04 1.863 1.492 4.394 4.407 4.394 1.019 0 1.875-.31 2.554-.792l-1.224-1.223a2.807 2.807 0 01-4.133-2.475V8.513l-2.6-2.6a.584.584 0 010-.826zm10.38 4.586a.584.584 0 01.612.554c.044.898-.218 1.922-.763 2.847l-.856-.856c.328-.647.483-1.332.454-1.934a.583.583 0 01.554-.611zm-6.613.498a1.64 1.64 0 002.074 1.582L8.354 9.679v.492zm1.64-7.31a2.807 2.807 0 012.807 2.807v4.503c0 .27-.038.532-.11.78l-1.056-1.058V5.668a1.641 1.641 0 00-3.28 0v.944l-1.16-1.158a2.807 2.807 0 012.8-2.593z' fill='%23FF7C78'/%3E%3C/svg%3E");
}

.bx-im-component-call-user-list-item-icons-camera-on {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.879 5.512c.92 0 1.667.746 1.667 1.667v.992l1.735-1.219c1.05-.737 2.493.013 2.493 1.295v4.502c0 1.284-1.448 2.034-2.497 1.293l-1.731-1.224v1.003c0 .92-.747 1.666-1.667 1.666H4.962c-.92 0-1.667-.745-1.667-1.666V7.18c0-.92.746-1.667 1.667-1.667h6.917zM4.962 6.679a.5.5 0 00-.5.5v6.642a.5.5 0 00.5.5h6.917a.5.5 0 00.5-.5V7.18a.5.5 0 00-.5-.5H4.962zm11.645 1.568a.416.416 0 00-.655-.34l-2.4 1.686v1.8l2.4 1.696a.416.416 0 00.655-.34V8.247z' fill='%23fff' fill-opacity='.7'/%3E%3C/svg%3E");
}

.bx-im-component-call-user-list-item-icons-camera-off {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.777 4.255a.584.584 0 01.826 0l.2.2a.514.514 0 00.042.047l11.47 11.47a.583.583 0 01-.87.774l-1.58-1.58a1.66 1.66 0 01-.985.322H4.962c-.92 0-1.666-.746-1.666-1.666V7.18c0-.439.17-.838.446-1.136l-.965-.965a.583.583 0 010-.824zm9.103 1.258c.92 0 1.667.747 1.667 1.667v.992l1.734-1.219c1.05-.737 2.493.013 2.493 1.295v4.501c0 1.284-1.448 2.034-2.497 1.293l-1.63-1.152-1.267-1.267V7.18a.5.5 0 00-.5-.5H7.437L6.27 5.513h5.61zM4.568 6.87a.5.5 0 00-.106.31v6.642a.5.5 0 00.5.5h6.918a.497.497 0 00.124-.016L4.568 6.87zm12.04 1.378a.417.417 0 00-.656-.34l-2.4 1.686v1.8l2.4 1.696a.417.417 0 00.656-.34V8.247z' fill='%23FF7C78'/%3E%3C/svg%3E");
}

/*****************/
/* END USER LIST */
/*****************/

.bx-im-component-call-right-bottom {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.bx-im-component-call-right-bottom-resize-handle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0uNS41SDhtLTcuNSAySDgiIHN0cm9rZT0iIzk3OTc5NyIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PC9zdmc+);
    background-position: center center;
    background-repeat: no-repeat;
    height: 10px;
    width: 100%;
    position: absolute;
    cursor: row-resize;
    opacity: .5;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    z-index: 1000;
}

.bx-im-component-call-right-bottom-resize-handle:hover {
    opacity: 1;
}

.bx-im-component-call-right-header {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	background: var(--call-view__conference-right-panel-chat-background-color);
	padding: 0 20px 0 15px;
    height: 46px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
}

.bx-im-component-call-user-list-header {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	background: transparent;
	padding: 10px 18px 0px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
}

.bx-im-component-call-right-header-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.bx-im-component-call-user-list-header-top-actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 8px 0;
}

.bx-im-component-call-user-list-header-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.bx-im-component-call-user-list-header-users-summary {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	padding: 0 0 8px;
	gap: 2px;
}

.bx-im-component-call-right-header-close {
	width: 24px;
	height: 24px;
    margin-right: 8px;
	cursor: pointer;
	z-index: 1000;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.505 6.505a.7.7 0 01.99.99L12.99 12l4.504 4.505a.7.7 0 11-.99.99L12 12.99l-4.505 4.505a.7.7 0 01-.99-.99L11.01 12 6.505 7.495a.7.7 0 01.99-.99L12 11.01l4.505-4.505z' fill='%23fff' fill-opacity='.3'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
    background-size: 24px 24px;
}

.bx-im-component-call-user-list-header-close {
	width: 24px;
	height: 24px;
	cursor: pointer;
	z-index: 1000;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.506 6.505a.7.7 0 01.99 0l4.505 4.505 4.505-4.504a.7.7 0 11.99.99L12.99 12l4.504 4.505a.7.7 0 11-.99.99l-4.504-4.505-4.505 4.505a.7.7 0 01-.99-.99L11.01 12 6.506 7.495a.7.7 0 010-.99z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: center;
	opacity: 0.3;
}

.bx-im-component-call-user-list-header-close:hover {
	opacity: 1;
}

.bx-im-component-call-right-header-title {
	color: var(--ui-color-palette-white-base);
	font-style: normal;
	line-height: var(--call-view__conference-right-panel-chat-header-text-line-height);
	letter-spacing: var(--call-view__conference-right-panel-chat-header-text-letter-spacing);
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	text-align: left;
	font: var(--ui-font-size-md) var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-medium, 500);
}

.bx-im-component-call-user-list-header-title {
	color: var(--ui-color-palette-white-base);
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-size: var(--ui-font-size-xs);
	font-style: normal;
	line-height: var(--call-view__conference-right-panel-users-summary-text-line-height);
	letter-spacing: var(--call-view__conference-right-panel-users-summary-text-letter-spacing);
}

.bx-im-component-call-user-list-header-title {
	font-weight: var(--ui-font-weight-normal, 400);
	opacity: 0.7;
}

.bx-im-component-call-right-header-all-chats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
}

.bx-im-component-call-right-header-all-chats-title {
    text-transform: lowercase;
    font: 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
    color: #FFF;
    opacity: 0.7;
    margin-right: 8px;
}

.bx-im-component-call-right-header-all-chats-counter {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-width: 21px;
    min-height: 16px;
    padding: 0 7px;
    border-radius: 8px;
    background: #F54819;
    line-height: 16px;
    font: 10px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-bold, 700);
    color: #FFF;
}

.bx-im-component-call-user-list-header-more {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath d='M5.5 9.35a2.65 2.65 0 11-.002 5.3 2.65 2.65 0 01.002-5.3zm6.5 0a2.65 2.65 0 11-.001 5.3A2.65 2.65 0 0112 9.35zm6.5 0a2.65 2.65 0 11-.001 5.3 2.65 2.65 0 01.001-5.3zm-13 1.4a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5zm6.5 0a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5zm6.5 0a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    cursor: pointer;
    opacity: 0.5;
}

.bx-im-component-call-user-list-header-more:hover {
    opacity: 1;
}

.bx-im-component-call-right-header-all-chats-title:hover {
    opacity: 0.9;
}

.bx-im-application-call-mobile-state .bx-im-component-call-right {
	position: fixed!important;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	z-index: 1501;
}

.bx-im-application-call-mobile-safari-based .bx-im-component-call-right {
	position: initial!important;
}

.bx-im-component-call-right-chat {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	width: 100%;
	min-width: 400px;
	height: 100%;
	background-color: var(--call-view__conference-right-panel-background-color);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='346' height='357' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_1084_63443)'%3E%3Cpath d='M244.205 174.704c-7.076 12.912-129.253-40.437-272.888-119.158C-98.656 17.197-316.577-96.03-361.11-125.692c-46.881-31.225 134.702 37.6 138.331 30.978 7.077-12.912 74.518 35.987 218.154 114.708 143.635 78.72 255.907 141.798 248.83 154.71z' fill='%230F97FF'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_1084_63443' x='-548.838' y='-313.861' width='973.359' height='670.491' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur stdDeviation='90' result='effect1_foregroundBlur_1084_63443'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
	background-repeat: no-repeat;
	overflow: hidden;
}

.bx-im-component-call-right-chat .bx-im-component-call-textarea .bx-im-textarea{
	border: none;
}

.bx-im-component-call-right-chat .bx-im-component-call-textarea {
	background: var(--call-view__conference-right-panel-chat-background-color);
}

.bx-im-component-call-right-chat .bx-im-component-call-textarea .bx-im-textarea-input{
	color: var(--ui-color-palette-white-base);
	line-height: var(--call-view__conference-right-panel-chat-input-text-line-height);
	letter-spacing: var(--call-view__conference-right-panel-chat-input-text-letter-spacing);
}

.bx-im-component-call-right-chat .bx-im-component-call-textarea .bx-im-textarea-input::-webkit-input-placeholder {
	color: var(--call-view__conference-right-panel-chat-input-text-color);
}

.bx-im-component-call-right-chat .bx-im-component-call-textarea .bx-im-textarea-input::-moz-placeholder {
	color: var(--call-view__conference-right-panel-chat-input-text-color);
}

.bx-im-component-call-right-chat .bx-im-component-call-textarea .bx-im-textarea-input:-ms-input-placeholder {
	color: var(--call-view__conference-right-panel-chat-input-text-color);
}

.bx-im-component-call-right-chat .bx-im-component-call-textarea .bx-im-textarea-input::-ms-input-placeholder {
	color: var(--call-view__conference-right-panel-chat-input-text-color);
}

.bx-im-component-call-right-chat .bx-im-component-call-textarea .bx-im-textarea-input::placeholder {
	color: var(--call-view__conference-right-panel-chat-input-text-color);
}

.bx-im-component-call-right-chat .bx-im-component-smiles-box-close{
	right: unset;
	left: 15px;
}

.bx-im-component-call-right-chat .bx-im-component-smiles-box-list {
	margin-top: 34px;
	height: calc(100% - 34px);
}

.bx-im-component-call-right-chat .bx-ui-smiles-elements-wrap {
	scrollbar-gutter: stable;
}

.bx-im-component-call-right-chat ::-webkit-scrollbar {
	width: 6px;
	background-color: transparent;
}

.bx-im-component-call-right-chat ::-webkit-scrollbar-thumb {
	background: var(--call-view__conference-right-panel-scroll-thumb-color) !important;
	border-radius: 6px;
}

.bx-im-application-call-mobile-state .bx-im-component-call-right-chat {
	min-width: 100%;
}

.bx-im-component-call-right-folded {
	width: 50px;
	height: 100%;
	background: lightgray;
}

.bx-im-component-call-textarea {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 100px;
	        flex: 1 0 100px;
	background: #31373E;
}

.bx-im-component-call-textarea-guest {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 200px;
	        flex: 1 0 200px;
	background: #fff;
	font-size: 14px;
	color: #000;
}

.bx-im-component-call-textarea .bx-im-textarea {
	border-top-color: #40464D;
}

.bx-im-component-call-textarea-guest-title {
	font: 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #535c69;
	margin-bottom: 15px;
}

.bx-im-component-call-textarea-guest-input {
	display: block;
	width: 100%;
	height: 40px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0 0 15px 0;
	padding: 0 11px;
	outline: none;
	border: 1px solid #c6cdd3;
	border-radius: 2px;
	background-color: #fff;
	color: #535c69;
	vertical-align: middle;
	text-align: left;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	white-space: nowrap;
	font: 400 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}

.bx-im-component-call-textarea-guest-button {
	width: auto;
	height: 45px;
	margin: 0 4px;
	padding: 0 36px;
	outline: none;
	cursor: pointer;
	border: 1px solid #9ac60e;
	border-radius: 23px;
	background: #9ac60e;
	color: #fff;
	text-transform: uppercase;
	font: 13px/45px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-bold, 700);
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	overflow: hidden;
	max-width: 100%;
}
.bx-im-component-smiles-box {
	position: relative;
	border-top: none;
	background: var(--call-view__conference-right-panel-chat-background-color);
	overflow-y: auto;
	max-height: 40%;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 215px;
	        flex: 1 0 215px;
	z-index: 500;
}
.bx-im-component-smiles-box-list {
	height: 100%;
	width: 100%;
}
.bx-im-component-smiles-box .bx-ui-smiles-sets {
	background: none;
	border-top-color: transparent;
}
.bx-im-component-smiles-box .bx-ui-smiles-set {
	border-bottom-color: transparent;
}
.bx-im-component-smiles-box .bx-ui-smiles-set-selected {
	border-bottom-color: var(--call-view__conference-right-panel-chat-smiles-selected-border-color);
}

.bx-im-component-smiles-box-close {
	position: absolute;
	cursor: pointer;
	top: 4px;
	right: 0;
	display: inline-block;
	width: 30px;
	height: 30px;
	background-size: 24px 24px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.505 6.505a.7.7 0 01.99.99L12.99 12l4.504 4.505a.7.7 0 11-.99.99L12 12.99l-4.505 4.505a.7.7 0 01-.99-.99L11.01 12 6.505 7.495a.7.7 0 01.99-.99L12 11.01l4.505-4.505z' fill='%23fff' fill-opacity='.3'/%3E%3C/svg%3E") center no-repeat;
}

.bx-im-component-smiles-box {}

.bx-im-component-call-check-devices {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: left;
	position: relative;
}

.bx-im-component-call-check-devices-row {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: absolute;
	bottom: 16px;
	left: 50%;
	-webkit-transform: translate(-50%);
	    -ms-transform: translate(-50%);
	        transform: translate(-50%);
	padding: 1px 24px 1px 11px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background-color: rgba(0,0,0,0.45);
	-webkit-backdrop-filter: blur(50px);
	        backdrop-filter: blur(50px);
	border-radius: 14px;
}

.bx-im-component-call-check-devices-title {
	font-size: 18px;
	margin: 0 0 15px 0;
}

.bx-im-component-call-check-devices-select-label {
	margin-right: 15px;
}

.bx-im-component-call-check-devices-camera-no-video {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 351px;
	height: 191px;
	background: rgba(0,0,0,0.2);
	border-radius: 4px;
	position: relative;
}

.bx-im-component-call-check-devices-camera-no-video-icon {
	width: 48px;
	height: 48px;
	margin-bottom: 8px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='49' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.628 9.493l-.481-.481a1.4 1.4 0 00-1.98 1.98l2.314 2.314A3.986 3.986 0 008.41 16.03v15.941a4 4 0 004 4h16.602c.885 0 1.702-.287 2.364-.773l3.792 3.793a1.4 1.4 0 002.087-1.86L9.726 9.604a1.211 1.211 0 01-.098-.111zm1.837 5.797c-.16.204-.256.461-.256.74v15.942a1.2 1.2 0 001.2 1.2h16.602a1.2 1.2 0 00.299-.037L11.465 15.29zM33.252 29.736l3.914 2.766c2.518 1.78 5.994-.02 5.994-3.103V18.596c0-3.077-3.467-4.878-5.985-3.109l-4.164 2.926V16.03a4 4 0 00-4-4H15.547l2.8 2.8h10.664a1.2 1.2 0 011.2 1.2v10.664l3.041 3.041zm-.227-7.911v4.322l5.758 4.069a1 1 0 001.577-.817V18.596a1 1 0 00-1.575-.818l-5.76 4.047z' fill='%23fff' fill-opacity='.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

.bx-im-component-call-check-devices-camera-no-video-text {
	color: var(--ui-color-palette-white-base);
	opacity: 0.7;
	font: 14px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.bx-im-component-call-check-devices-camera-video-container {
	position: relative;
}

.bx-im-component-call-check-devices-camera-video-flipped {
	-webkit-transform: scaleX(-1);
	    -ms-transform: scaleX(-1);
	        transform: scaleX(-1);
}

.bx-im-component-call-check-devices-camera-video {
	width: 349px;
	height: 185px;
	margin: 0 auto 0;
	border-radius: 4px;
	border: 1px solid #FFF;
	-o-object-fit: cover;
	   object-fit: cover;
}

.bx-im-component-call-check-devices-option-auto-mic {
	margin-bottom: 25px;
}

.bx-im-component-call-check-devices-buttons {
	margin-top: 25px;
}

.bx-im-component-call-check-devices-micro-icon {
	width: 14px;
	height: 14px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.033 4.115a1.966 1.966 0 113.932 0v3.154a1.966 1.966 0 01-3.932 0V4.115zm1.966-1.266c-.7 0-1.266.566-1.266 1.266v3.154a1.266 1.266 0 102.532 0V4.115c0-.7-.567-1.266-1.266-1.266zM3.15 7.328a.35.35 0 11.7 0 3.15 3.15 0 106.3 0 .35.35 0 11.7 0 3.85 3.85 0 01-3.5 3.834v.985H8.4a.35.35 0 110 .7H5.6a.35.35 0 110-.7h1.05v-.985a3.85 3.85 0 01-3.5-3.834z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	margin-right: 3px;
}

.bx-im-component-call-check-devices-micro-level {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 20px;
}

.bx-im-component-call-check-devices-micro-level-item {
	width: 3px;
	height: 8px;
	margin-right: 2px;
	border-radius: 2px;
	background-color: rgba(255,255,255,0.42);
}

.videoconf-chat-slide-leave-active,
.videoconf-chat-slide-enter-active{
	-webkit-transition: max-width .3s, opacity .3s;
	-o-transition: max-width .3s, opacity .3s;
	transition: max-width .3s, opacity .3s;
}

.videoconf-chat-slide-enter {
	max-width: 0;
	opacity: 0;
}

.videoconf-chat-slide-leave-to {
	max-width: 0;
	opacity: 0;
}

.videoconf-chat-slide-enter-to {
	max-width: 400px;
	opacity: 1;
}

.videoconf-chat-slide-leave {
	max-width: 400px;
	opacity: 1;
}

.bx-im-application-mobile-state .bx-im-application-call {
	margin: 0;
	overflow: hidden;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}

.bx-im-application-call-mobile-safari-based .bx-im-application-call {
	position: initial!important;
}

.bx-im-application-call-notify-new-message {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 15px;
	margin: -15px;
	/*margin: -9px -20px;*/
}

.bx-im-application-call-notify-new-message-avatar {
	margin-right: 7px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.bx-im-application-call-notify-new-message-username {
	margin-right: 7px;
}

/*Popup*/
.bx-im-component-call-left-preparation {
	position: absolute;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 630px;
	max-height: 800px;
	overflow-y: auto;
	z-index: 900;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	text-align: center;
	font: 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #535c69;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-height: 650px) {
	.bx-im-application-call-desktop-state .bx-im-component-call-left {
		height: 650px;
	}

	.bx-im-application-call-desktop-state .bx-im-component-call-right {
		height: 650px;
	}

	.bx-im-application-call-desktop-state .bx-im-component-call {
		overflow-y: auto;
	}
}

.bx-im-component-call-left-preparation-title {
	margin-bottom: 15px;
}

.bx-im-component-call-left-preparation-user-count {
	margin: 15px 0;
}

/*Loading*/
.bx-im-component-call-loading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.bx-im-component-call-loading-loader {
	width: 93px;
	height: 93px;
	margin-bottom: 80px;
}

.bx-im-component-call-loading-text {
	padding: 25px 60px;
	border-radius: 3px;
	font: 20px/normal var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-normal, 400);
	color: #FFF;
}

/*Conference info*/
.bx-im-component-call-info-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	/*width: 440px;*/
	max-width: 630px;
}

.bx-im-component-call-info-separator {
	width: 377px;
	max-width: 100%;
	height: 1px;
	background-color: var(--ui-color-palette-gray-05);
	opacity: .13;
	margin: 24px 0;
}

.bx-im-component-call-info-logo {
	width: 69px;
	height: 69px;
	background-size: 42px 42px;
	margin-bottom: 32px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='43' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.42 14.026a3.5 3.5 0 013.5-3.5h14.527a3.5 3.5 0 013.5 3.5v2.083l3.643-2.56c2.203-1.548 5.236.028 5.236 2.72v9.453c0 2.697-3.041 4.272-5.243 2.715l-3.636-2.57v2.107a3.5 3.5 0 01-3.5 3.5H10.92a3.5 3.5 0 01-3.5-3.5V14.026zm3.5-1.05h14.527c.58 0 1.05.47 1.05 1.05v13.948c0 .58-.47 1.05-1.05 1.05H10.92c-.58 0-1.05-.47-1.05-1.05V14.026c0-.58.47-1.05 1.05-1.05zm18.039 9.9v-3.782l5.04-3.54a.875.875 0 011.377.716v9.452c0 .71-.8 1.124-1.38.714l-5.037-3.56z' fill='%23fff'/%3E%3C/svg%3E");
	background-color: var(--call-view__conference-connection-logo-background-color);
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 50%;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}

.bx-im-component-call-info-title {
	font-size: var(--call-view__conference-connection-title-text-font-size);
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-style: normal;
	font-weight: var(--ui-font-weight-medium, 500);
	color: var(--ui-color-palette-white-base);
	margin-bottom: 4px;
	max-width: 100%;
	text-align: center;
	line-height: var(--call-view__conference-connection-title-text-line-height);
	letter-spacing: var(--call-view__conference-connection-title-text-letter-spacing);
}

.bx-im-component-call-info-speakers {
	color: #d8d8d8;
	font: 18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	margin-bottom: 10px;
}

.bx-im-component-call-info-date {
	font: 17px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	color: #D8D8D8;
	opacity: 50%;
	margin-bottom: 18px;
}

.bx-im-component-call-info-status {
	font-size: var(--ui-font-size-md);
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-style: normal;
	font-weight: var(--ui-font-weight-regular, 400);
	color: var(--ui-color-palette-white-base);
	letter-spacing: var(--call-view__conference-connection-info-status-text-letter-spacing);
	line-height: var(--call-view__conference-connection-info-status-text-line-height);
	opacity: .7;
}

.bx-im-component-call-info-container-compact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	max-width: 630px;
}

.bx-im-component-call-info-title-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 4px;
}

.bx-im-component-call-info-container-compact .bx-im-component-call-info-logo {
	width: 32px;
	height: 32px;
	background-size: 20px 20px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.76 6.679c0-.92.746-1.667 1.667-1.667h6.917c.92 0 1.667.746 1.667 1.667v.992l1.735-1.22c1.049-.736 2.493.014 2.493 1.296v4.502c0 1.284-1.448 2.034-2.497 1.293l-1.731-1.224v1.003c0 .92-.746 1.667-1.667 1.667H5.427c-.92 0-1.667-.746-1.667-1.667V6.679zm1.667-.5h6.917a.5.5 0 01.5.5v6.642a.5.5 0 01-.5.5H5.427a.5.5 0 01-.5-.5V6.679a.5.5 0 01.5-.5zm8.59 4.714v-1.8l2.4-1.687a.417.417 0 01.656.341v4.502a.417.417 0 01-.657.34l-2.4-1.696z' fill='%23fff'/%3E%3C/svg%3E");
	margin-bottom: 0;
	margin-right: 8px;
}

.bx-im-component-call-info-container-compact .bx-im-component-call-info-title-container {
	max-width: 100%;
}

.bx-im-component-call-info-container-compact .bx-im-component-call-info-title {
	margin-bottom: 0;
	font-size: var(--call-view__conference-connection-title-compact-text-font-size);
	max-width: 100%;
	font-weight: var(--ui-font-weight-semi-bold, 600);
	line-height: var(--call-view__conference-connection-title-compact-text-line-height);
	letter-spacing: var(--call-view__conference-connection-title-compact-text-letter-spacing);
}

.bx-im-component-call-info-container-compact .bx-im-component-call-info-date {
	margin-bottom: 8px;
}

.bx-im-component-call-info-container-compact .bx-im-component-call-info-status {
	margin-bottom: 24px;
}

.bx-im-component-call-bottom-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 40px;
}

.bx-im-component-call-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/*Password*/
.bx-im-component-call-password-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.bx-im-component-call-password-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 10px;
}

.bx-im-component-call-password-title-logo {
	width: 24px;
	height: 24px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2211%22%20height%3D%2215%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.146%2011.026v1.592H4.885v-1.592a1.01%201.01%200%2001-.373-.784c0-.557.45-1.01%201.003-1.01.554%200%201.003.453%201.003%201.01%200%20.317-.145.6-.372.784zM2.77%204.558a2.754%202.754%200%20012.745-2.763%202.754%202.754%200%20012.746%202.763v2.335H2.77V4.558zm6.942%202.335V4.558c0-2.332-1.88-4.223-4.197-4.223S1.32%202.225%201.32%204.558v2.335H.045v7.996h10.94V6.893H9.713z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: center;
}

.bx-im-component-call-password-title-text {
	font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #D8D8D8;
}

.bx-im-component-call-password-error {
	margin-bottom: 10px;
	font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #ff5752;
}

.bx-im-component-call-password-input {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 290px;
	height: 40px;
	text-align: center;
	margin-bottom: 10px;
	outline: none;
}

.bx-im-component-call-password-button {
	width: 290px;
	height: 40px;
}

/*Permissions*/
.bx-im-component-call-permissions-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 32px;
}

.bx-im-component-call-permissions-text {
	color: var(--ui-color-palette-white-base);
	max-width: 399px;
	line-height: var(--call-view__conference-connection-permissions-text-line-height);
	font-size: var(--ui-font-size-md);
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-style: normal;
	font-weight: var(--ui-font-weight-regular, 400);
	letter-spacing: var(--call-view__conference-connection-permissions-text-letter-spacing);
}

.bx-im-component-call-open-chat-button,
.bx-im-component-call-error-button-reload,
.bx-im-component-call-error-button-authorize,
.bx-im-component-call-error-button-as-guest,
.bx-im-component-call-join-video,
.bx-im-component-call-join-audio,
.bx-im-component-call-permissions-button {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	height: 38px;
	padding: 0 34px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: 10px;
	border: 1px solid var(--call-view__conference-connection-primary-button-border-color);
	font-size: var(--ui-font-size-lg);
	letter-spacing: var(--call-view__conference-connection-primary-button-text-letter-spacing);
	line-height: var(--call-view__conference-connection-primary-button-text-line-height);
	font-weight: var(--ui-font-weight-medium, 500);
	color: var(--ui-color-palette-white-base);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0;
	outline: none;
	cursor: pointer;
	position: relative;
}

.bx-im-component-call-error-button-reload,
.bx-im-component-call-error-button-authorize,
.bx-im-component-call-error-button-as-guest {
	min-width: 230px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.bx-im-component-call-open-chat-button,
.bx-im-component-call-join-video,
.bx-im-component-call-join-audio,
.bx-im-component-call-permissions-button {
	min-width: 293px;
}

.bx-im-component-call-open-chat-button,
.bx-im-component-call-error-button-reload,
.bx-im-component-call-error-button-as-guest,
.bx-im-component-call-join-audio {
	background-color: var(--call-view__conference-connection-secondary-button-background-color);
}

.bx-im-component-call-error-button-authorize,
.bx-im-component-call-join-video,
.bx-im-component-call-permissions-button {
	background-color: var(--call-view__conference-connection-primary-button-background-color);
}

.bx-im-component-call-join-audio,
.bx-im-component-call-join-video,
.bx-im-component-call-permissions-button {
	margin-bottom: 8px;
}

.bx-im-component-call-open-chat-button:hover::after,
.bx-im-component-call-error-button-reload:hover::after,
.bx-im-component-call-error-button-authorize:hover::after,
.bx-im-component-call-error-button-as-guest:hover::after,
.bx-im-component-call-join-video:not(.disabled):hover::after,
.bx-im-component-call-join-audio:not(.disabled):hover::after,
.bx-im-component-call-permissions-button:hover::after {
	content: '';
	position: absolute;
	inset: 0;
	background-color: var(--call-view__conference-connection-button-background-color-hover);
	border-radius: 10px;
}

.bx-im-component-call-join-video.disabled,
.bx-im-component-call-join-audio.disabled{
	pointer-events: none;
	background-color: var(--call-view__conference-connection-button-background-color-disabled);
	border-color: var(--call-view__conference-connection-button-border-color-disabled);
	color: var(--call-view__conference-connection-button-text-color-disabled);
}

/*Name block*/
.bx-im-component-call-intranet-name-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 18px;
}

.bx-im-component-call-name-input,
.bx-im-component-call-intranet-name-container,
.bx-im-component-call-guest-name-container {
	margin-bottom: 20px;
}

.bx-im-component-call-intranet-name-title {
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	font-weight: var( --ui-font-weight-normal, 400);
	opacity: 0.7;
	color: var(--ui-color-palette-white-base);
	text-align: center;
	font-size: var(--ui-font-size-md);
	font-style: normal;
	line-height: var(--call-view__conference-connection-intranet-name-title-text-line-height);
}

.bx-im-component-call-name-input,
.bx-im-component-call-guest-name-container,
.bx-im-component-call-intranet-name-content {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 293px;
	background: var(--call-view__conference-connection-name-input-background-color);
	border-radius: 10px;
	border: 1px solid var(--call-view__conference-connection-name-input-border-color);
	height: 38px;
	padding: 7px 11px;
}

.bx-im-component-call-guest-name-container,
.bx-im-component-call-intranet-name-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: default;
}

.bx-im-component-call-intranet-name-content-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	max-width: 80%;
	cursor: default;
}

.bx-im-component-call-intranet-name-avatar {
	width: 27px;
	height: 27px;
	min-width: 27px;
	border-radius: 50%;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M16%200c8.837%200%2016%207.163%2016%2016s-7.163%2016-16%2016S0%2024.837%200%2016%207.163%200%2016%200z%22%20opacity%3D%22.4%22%20fill%3D%22%23525C69%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M23.365%2023.447c0-.99-1.165-5.174-1.165-5.174%200-.611-.838-1.31-2.492-1.717a5.748%205.748%200%2001-1.577-.684c-.105-.058-.09-.592-.09-.592l-.533-.079c0-.043-.045-.684-.045-.684.637-.203.571-1.406.571-1.406.405.214.668-.736.668-.736.478-1.322-.238-1.242-.238-1.242a7.926%207.926%200%20000-2.435c-.319-2.678-5.114-1.95-4.546-1.077-1.402-.248-1.082%202.793-1.082%202.793l.304.786c-.598.368-.183.814-.162%201.33.029.758.515.6.515.6.03%201.252.677%201.417.677%201.417.122.786.046.652.046.652l-.576.066c.008.179-.008.358-.046.532-.679.288-.823.457-1.497.738-1.3.544-2.715%201.25-2.968%202.202-.252.951-.995%204.71-.995%204.71h15.23z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-size: cover;
	margin-right: 10px;
}

.bx-im-component-call-name-input,
.bx-im-component-call-guest-name-text,
.bx-im-component-call-intranet-name-text {
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	line-height: var(--call-view__conference-connection-name-input-text-line-height);
	font-size: var(--ui-font-size-lg);
	font-weight: var(--ui-font-weight-regular, 400);
	color: var(--call-view__conference-connection-name-input-text-color);
	letter-spacing: var(--call-view__conference-connection-name-input-text-letter-spacing);
}

.bx-im-component-call-guest-name-text,
.bx-im-component-call-intranet-name-text {
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
}

.bx-im-component-call-intranet-name-logout {
	border-bottom: 1px dashed var(--call-view__conference-connection-name-input-logout-link-underline-color);
	text-decoration: none;
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	font-size: var(--ui-font-size-lg);
	line-height: var(--call-view__conference-connection-name-input-logout-link-text-line-height);
	color: var(--call-view__conference-connection-name-input-logout-link-text-color);
	font-weight: var(--ui-font-weight-regular, 400);
	cursor: pointer;
	margin-right: 3px;
}

.bx-im-component-call-name-input {
	outline: none;
}

.bx-im-component-call-name-input::-webkit-input-placeholder {
 	color: var(--call-view__conference-connection-name-input-placeholder-color);
}

.bx-im-component-call-name-input::-moz-placeholder {
 	color: var(--call-view__conference-connection-name-input-placeholder-color);
}

.bx-im-component-call-name-input:-ms-input-placeholder {
 	color: var(--call-view__conference-connection-name-input-placeholder-color);
}

.bx-im-component-call-name-input::-ms-input-placeholder {
 	color: var(--call-view__conference-connection-name-input-placeholder-color);
}

.bx-im-component-call-name-input::placeholder {
 	color: var(--call-view__conference-connection-name-input-placeholder-color);
}

/*Waiting block*/
.bx-im-component-call-wait-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	margin-bottom: 8px;
}

.bx-im-component-call-wait-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: relative;
	gap: 6px;
	margin-bottom: 6px;
}

.bx-im-component-call-wait-logo {
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.615 8.507a.7.7 0 10-1.4 0v4.103a.7.7 0 00.7.7h3.453a.7.7 0 100-1.4h-2.753V8.507z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 20.5a8 8 0 100-16 8 8 0 000 16zm6.6-8a6.6 6.6 0 11-13.2 0 6.6 6.6 0 0113.2 0z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

.bx-im-component-call-wait-title {
	color: var(--ui-color-palette-white-base);
	font: var(--ui-font-size-md)/var(--call-view__conference-connection-start-waiting-title-text-line-height) var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	text-align: center;
	font-style: normal;
	letter-spacing: var(--call-view__conference-connection-start-waiting-title-text-letter-spacing);
}

.bx-im-component-call-wait-user-counter {
	color: var(--call-view__conference-connection-start-waiting-user-counter-text-color);
	font: var(--ui-font-size-md)/var(--call-view__conference-connection-start-waiting-user-counter-text-line-height) var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	text-align: center;
	font-style: normal;
	letter-spacing: var(--call-view__conference-connection-start-waiting-user-counter-text-letter-spacing);
}


/*Errors*/
.bx-im-component-call-error-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 32px;
	overflow-y: clip;
}

.bx-im-component-call-error-icon {
	width: 69px;
	height: 69px;
	background-color: rgba(255, 255, 255, 0.25);
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
}

.bx-im-component-call-error-content {
	padding: 0 60px;
	border-radius: 3px;
	color: #FFF;
	font: 14px/18px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
}

.bx-im-component-call-error-text {
	color: var(--ui-color-palette-white-base);
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	font-style: normal;
	text-align: center;
	font-size: var(--ui-font-size-xl);
	line-height: var(--call-view__conference-connection-error-text-line-height);
	letter-spacing: var(--call-view__conference-connection-error-text-letter-spacing);
}

.bx-im-component-call-error-action-link {
	display: block;
	margin-top: 5px;
	font: 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #2FC6F6;
	border-bottom: 1px dashed #2FC6F6;
	cursor: pointer;
	text-decoration: none;
}

.bx-im-component-call-error-more-link {
	display: inline-block;
	margin-top: 32px;
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	border-bottom: 1px dashed var(--call-view__global-error-link-underline-color);
	cursor: pointer;
	text-decoration: none;
	color: var(--call-view__global-error-link-text-color);
	font-size: var( --ui-font-size-lg);
	font-style: normal;
	font-weight: var(--ui-font-weight-regular, 400);
	line-height: var(--call-view__global-error-link-text-line-height);
	letter-spacing: var(--call-view__global-error-link-text-letter-spacing);
}

.bx-im-component-call-error-buttons {
	margin-top: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 8px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.bx-im-component-call-error-icon-kicked {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.929 31.849c.22-1.705.921-3.396 2.302-4.696 1.493-1.405 3.916-2.479 7.77-2.479.164 0 .23.002.386.006l.05.002a1.225 1.225 0 10.02-2.45c-.162-.005-.257-.008-.457-.008-4.32 0-7.398 1.216-9.448 3.145-2.04 1.919-2.925 4.417-3.112 6.732-.102 1.262.93 2.198 2.06 2.198h12.25a1.225 1.225 0 000-2.45H10.93zM19.768 8.63c-.484.16-.826.348-.967.452-1.442 1.062-2.18 3.389-1.663 5.742.497 2.264 1.905 3.617 3.848 3.617 1.245 0 2.157-.526 2.831-1.391.718-.922 1.17-2.258 1.205-3.689.034-1.433-.355-2.721-1.018-3.59-.607-.794-1.53-1.372-3.018-1.372-.302 0-.743.074-1.218.232zm-2.42-1.52c-4.888 3.598-3.266 13.78 3.638 13.78 8.29 0 9.005-14.941 0-14.941-1.266 0-2.826.563-3.638 1.16zM30.147 26.098a2.275 2.275 0 00-2.275 2.275v3.086a1.225 1.225 0 11-2.45 0v-3.086a4.725 4.725 0 014.725-4.725h4.027a1.225 1.225 0 110 2.45h-4.027z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.454 21.154a1.225 1.225 0 011.732.06l2.634 2.822c.44.47.44 1.201 0 1.672l-2.634 2.822a1.225 1.225 0 01-1.791-1.671l1.854-1.987-1.855-1.987a1.225 1.225 0 01.06-1.731z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

.bx-im-component-call-error-icon-intranet {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.248 7.993a1.23 1.23 0 00-.16.135c-2.386 1.882-3.17 5.328-2.517 8.303.677 3.066 2.862 5.688 6.411 5.688 2.12 0 3.778-.949 4.901-2.394 1.138-1.435 1.727-3.35 1.767-5.246.04-1.896-.47-3.81-1.563-5.247l-.004-.005c-1.103-1.434-2.789-2.403-5.1-2.403-.645 0-1.37.134-2.045.359-.692.224-1.277.52-1.69.81zm2.46 1.516c.477-.16.94-.235 1.274-.235 1.537 0 2.51.605 3.158 1.444.69.91 1.09 2.248 1.06 3.71-.03 1.462-.49 2.835-1.24 3.78l-.008.01c-.696.897-1.662 1.451-2.97 1.451-2.05 0-3.505-1.44-4.018-3.763-.523-2.386.22-4.806 1.737-5.927l.07-.056c.2-.122.515-.278.926-.411l.01-.003zM21 23.502c-2.7 0-5.697.436-8.118 1.847-2.497 1.454-4.294 3.901-4.55 7.642l-.002.084c0 1.16.94 2.1 2.1 2.1h21.122a2.1 2.1 0 002.1-2.1l-.003-.084c-.256-3.74-2.047-6.186-4.54-7.642-2.417-1.412-5.41-1.847-8.11-1.847zm10.166 9.223h-20.35c.296-2.65 1.579-4.257 3.3-5.26 1.887-1.1 4.386-1.513 6.884-1.513 2.497 0 4.99.413 6.874 1.513 1.716 1.002 2.996 2.609 3.292 5.26z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

.bx-im-component-call-error-icon-full {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.399 21.273c-6.271 0-7.745-9.25-3.305-12.518C14.832 8.212 16.25 7.7 17.4 7.7c8.18 0 7.529 13.572 0 13.572zm-1.852-10.545c.104-.077.392-.238.816-.378.416-.138.791-.2 1.036-.2 1.281 0 2.054.493 2.562 1.158.566.741.91 1.858.88 3.12-.03 1.26-.43 2.425-1.048 3.218-.574.736-1.339 1.177-2.394 1.177-1.627 0-2.84-1.12-3.276-3.109-.456-2.079.206-4.09 1.424-4.986zM17.41 22.588c-2.452 0-5.18.394-7.394 1.677-2.288 1.327-3.943 3.56-4.205 6.963-.096 1.252.926 2.197 2.063 2.197h19.073c1.138 0 2.16-.945 2.064-2.197-.262-3.403-1.917-5.636-4.205-6.963-2.215-1.283-4.942-1.677-7.395-1.677zm9.113 8.387H8.3c.293-2.311 1.43-3.711 2.946-4.59 1.683-.976 3.915-1.347 6.166-1.347 2.25 0 4.482.371 6.166 1.347 1.516.879 2.653 2.279 2.946 4.59z' fill='%23fff'/%3E%3Cpath d='M30.595 33.424h3.23c1.137 0 2.16-.945 2.063-2.197-.263-3.403-1.917-5.636-4.205-6.962-1.717-.995-3.741-1.456-5.707-1.612l2.953 2.927.053.142c.524.18 1.018.399 1.472.662 1.515.879 2.652 2.279 2.946 4.59h-2.805v2.45zM26.835 11.308c-.433-.568-1.06-1.01-2.032-1.127l-2.051-2.245a5.682 5.682 0 011.521-.235c8.18 0 7.53 13.572 0 13.572a5.7 5.7 0 01-1.63-.23l1.631-2.22c1.055 0 1.82-.441 2.394-1.177.618-.793 1.017-1.958 1.047-3.218.03-1.262-.314-2.379-.88-3.12z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

.bx-im-component-call-error-icon-browser {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.23 18.725h-4.358c-.113.75-.18 1.51-.198 2.275.019.765.085 1.524.198 2.275h.606a11.815 11.815 0 00-1.118 5.033c0 .57.04 1.133.118 1.682a21.011 21.011 0 01-1.606-4.265h-5.415a11.578 11.578 0 007.541 6.431c.336.98.798 1.904 1.365 2.75C12.403 34.094 7 28.177 7 21c0-7.732 6.268-14 14-14 6.611 0 12.152 4.583 13.62 10.745a11.811 11.811 0 00-5.4-1.298c-2.613 0-5.03.846-6.99 2.278zM15.225 21c.016.764.075 1.523.174 2.275H9.674a11.606 11.606 0 010-4.55h5.724c-.1.752-.158 1.51-.174 2.275zm3.189-4.725A18.676 18.676 0 0121 10.878a18.679 18.679 0 012.587 5.397h-5.174zm7.714 0h5.415a11.568 11.568 0 00-8.417-6.63 21.098 21.098 0 013.002 6.63zm-7.253-6.63a21.097 21.097 0 00-3.002 6.63h-5.414a11.568 11.568 0 018.416-6.63z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.995 28.306a8.225 8.225 0 1116.45 0 8.225 8.225 0 01-16.45 0zm8.225-5.775a5.775 5.775 0 00-4.768 9.034l8.028-8.027a5.748 5.748 0 00-3.26-1.007zm4.944 2.788l-7.93 7.93a5.775 5.775 0 007.93-7.93z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

.bx-im-component-call-error-icon-https {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.369 23.8c0 1.012.573 1.89 1.412 2.33-.004.039-.006.079-.006.12v2.625a1.225 1.225 0 002.45 0V26.25a1.23 1.23 0 00-.006-.127 2.625 2.625 0 10-3.85-2.323z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 5.775a7.771 7.771 0 00-7.77 7.77v1.415a4.725 4.725 0 00-4.312 4.707v10.607A4.725 4.725 0 0013.643 35h14.714a4.725 4.725 0 004.725-4.725V19.667a4.725 4.725 0 00-4.31-4.707v-1.414A7.77 7.77 0 0021 5.775zm5.322 9.167v-1.396a5.32 5.32 0 10-10.642 0v1.396h10.642zm2.035 2.45H13.643a2.275 2.275 0 00-2.275 2.275v10.607a2.275 2.275 0 002.275 2.275h14.714a2.275 2.275 0 002.275-2.275V19.667a2.275 2.275 0 00-2.275-2.275z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

.bx-im-component-call-error-icon-finished {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.102 8.876c-2.086 0-3.535.299-4.499.63a6.36 6.36 0 00-1.092.481 3.764 3.764 0 00-.43.288l-.014.011-.007.006-.003.002v.001l.004.007-.006-.006c-.284.244-.43.59-.428.936v24.245a1.225 1.225 0 102.45 0V25.444c.092-.038.198-.08.32-.121.677-.232 1.853-.497 3.705-.497 1.737 0 3.196.491 4.853 1.06l.058.02c1.61.552 3.415 1.17 5.589 1.17 2.086 0 3.535-.298 4.499-.628.482-.165.84-.338 1.092-.482.974-.557.884-.553.884-1.24v-13.5a1.225 1.225 0 00-1.994-.953 1.362 1.362 0 01-.105.066 3.935 3.935 0 01-.672.291c-.676.232-1.852.496-3.704.496-1.737 0-3.196-.49-4.853-1.058l-.058-.02c-1.61-.553-3.415-1.172-5.589-1.172zm-4.025 13.982c.946-.267 2.256-.482 4.025-.482 2.174 0 3.979.62 5.588 1.171l.06.02c1.656.569 3.115 1.06 4.852 1.06 1.852 0 3.028-.265 3.704-.497.123-.042.23-.083.321-.121V13.095c-.946.267-2.256.481-4.025.481-2.174 0-3.979-.619-5.589-1.17l-.058-.02c-1.657-.569-3.116-1.06-4.853-1.06-1.852 0-3.028.265-3.704.497-.123.042-.23.083-.321.121v10.914z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

.bx-im-component-call-error-icon-b24only {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.92 14.026a3.5 3.5 0 013.5-3.5h14.527a3.5 3.5 0 013.5 3.5v2.083l3.643-2.56c2.203-1.548 5.237.028 5.237 2.72v9.453c0 2.697-3.042 4.272-5.244 2.715l-3.636-2.57v2.107a3.5 3.5 0 01-3.5 3.5H10.42a3.5 3.5 0 01-3.5-3.5V14.026zm3.5-1.05h14.527c.58 0 1.05.47 1.05 1.05v13.948c0 .58-.47 1.05-1.05 1.05H10.42c-.58 0-1.05-.47-1.05-1.05V14.026c0-.58.47-1.05 1.05-1.05zm18.04 9.9v-3.782l5.039-3.54a.875.875 0 011.378.716v9.452c0 .71-.8 1.124-1.38.714l-5.038-3.56z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

/*Mobile*/
.bx-im-application-call-mobile-state .bx-im-component-call-left-preparation {
	width: 100%;
	height: 100%;
	z-index: 100;
}

.bx-im-application-call-mobile-state .bx-im-component-call-left-preparation:has(.bx-im-component-call-video-step-container){
	max-height: min(800px, calc(100% - 250px));
}

.bx-im-application-call-mobile-state .bx-im-component-call-check-devices-camera-no-video {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 200px;
	height: 100px;
	background: rgba(0,0,0,0.2);
	border-radius: 4px;
	position: relative;
}

.bx-im-application-call-mobile-state .bx-im-component-call-check-devices-camera-no-video-text {
	text-align: center;
}

.bx-im-application-call-mobile-state .bx-im-component-call-video-step-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.bx-im-component-call-mobile-viewer-mode .bx-im-component-call-video-step-container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.bx-im-component-call-mobile-viewer-mode .bx-im-component-call-info-container-compact {
    margin-bottom: 15px;
}

.bx-im-component-call-mobile-viewer-mode .bx-im-component-call-open-chat-button-container {
    margin-top: 50px;
}

.bx-im-application-call-mobile-state .bx-im-component-call-info-container-compact {
	z-index: 100;
}

.bx-im-application-call-mobile-state .bx-im-component-call-check-devices-camera-video {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	border: none;
}

.bx-im-application-call-mobile-state .bx-im-component-call-name-input {
	position: relative;
}

.bx-im-application-call-mobile-state .bx-im-component-call-bottom-container {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.bx-im-application-call-mobile-state .bx-im-component-call-info-container,
.bx-im-application-call-mobile-state .bx-im-component-call-permissions-container,
.bx-im-application-call-mobile-state .bx-im-component-call-info-container-compact,
.bx-im-application-call-mobile-state .bx-im-component-call-bottom-container,
.bx-im-application-call-mobile-state .bx-im-component-call-loading
{
	max-width: 90%;
	max-height: 90%;
}

.bx-im-application-call-mobile-state .bx-im-component-call-error-container {
	max-width: 90%;
}

.bx-im-application-call-mobile-state .bx-im-component-call-info-container-compact .bx-im-component-call-info-date {
	font: 15px "Roboto", Arial, sans-serif;
	color: #fff;
	opacity: 100%;
}

.bx-im-application-call-mobile-state .bx-im-component-call-wait-logo {
	width: 26px;
	height: 26px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2227%22%20height%3D%2226%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M26.433%2013.048c0%207.143-5.79%2012.933-12.933%2012.933S.566%2020.191.566%2013.048%206.356.115%2013.5.115c7.142%200%2012.933%205.79%2012.933%2012.933zm-1.488%200c0%206.32-5.125%2011.445-11.445%2011.445-6.321%200-11.445-5.124-11.445-11.445%200-6.32%205.124-11.445%2011.445-11.445%206.32%200%2011.445%205.124%2011.445%2011.445zm-12.381-6.42h1.726v6.042h6.042v1.727h-7.768V6.628z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	opacity: 100%;
}

.bx-im-application-call-mobile-state .bx-im-component-call-wait-title {
	font: 17px "Roboto", Arial, sans-serif;
	color: #fff;
	font-weight: 500;
}

.bx-im-application-call-mobile-state .bx-im-component-call-wait-user-counter {
	font: 15px "Roboto", Arial, sans-serif;
	color: #fff;
	opacity: 100%;
}

.bx-im-application-call-mobile-state .bx-im-component-call-open-chat-button-container {
	position: relative;
}

.bx-im-application-call-mobile-state .bx-im-component-call-open-user-list-button {
    position: relative;
	margin-left: 0;
	width: 140px;
	height: 40px;
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.7);
}

.bx-im-application-call-mobile-state .bx-im-component-call-open-user-list-button {
    margin-left: 10px;
}

.bx-im-application-call-mobile-state .bx-im-component-call-open-user-list-button:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.382 2.742a9 9 0 010 2.636s.74-.086.246 1.345c0 0-.272 1.03-.69.797 0 0 .069 1.302-.59 1.523 0 0 .038.548.046.703l.002.038.55.085s-.016.578.093.64a5.8 5.8 0 001.628.741c1.708.441 2.573 1.198 2.573 1.86 0 0 .755 2.842 1.069 4.557-2.043.665-4.407 1.046-6.927 1.046-3.136 0-6.031-.59-8.365-1.585.246-1.26.573-2.912.726-3.516.26-1.03 1.721-1.796 3.065-2.384.695-.304.845-.487 1.546-.799a2.36 2.36 0 00.047-.383v-.193l.595-.072s.078.145-.047-.706c0 0-.669-.178-.7-1.534 0 0-.502.17-.532-.65-.02-.523-.397-.981.064-1.365l.103-.076-.314-.85s-.33-3.293 1.118-3.025c-.587-.946 4.365-1.733 4.694 1.167zm5.33-1.248a3.463 3.463 0 011.71.607c.342.275.6.64.747 1.052a20.1 20.1 0 01.453 2.516c.043.456.122.908.235 1.352.17.48.376.946.616 1.395a3.629 3.629 0 01-.718-.695s.133.487.16.559c.073.109.138.223.194.341-.03 0-.302.125-.379.16l-.02.01-1.412.441.02.67c.267.106.503.28.683.504.085.215.22.407.395.56.34.118.669.27.98.45.473.263.991.433 1.527.5.541.09.882.962.882.962l.124 2.47c-1.546.519-3.36.932-5.358 1.21l-.529-.001c-.045-.631-.825-3.433-.846-3.586-.031-.855-.784-1.62-2.07-2.141a2.45 2.45 0 00.249-.422c.144-.179.323-.326.526-.432l.157-.072.02-.67-1.412-.44s-.363-.17-.4-.17c.042-.104.095-.202.157-.294.027-.072.198-.61.198-.61-.155.199-.329.38-.52.542l-.197.154.178-.33a8.85 8.85 0 00.313-.682l.135-.351c.112-.455.187-.917.224-1.383.097-.848.248-1.688.453-2.516.146-.413.405-.778.746-1.053a3.459 3.459 0 011.479-.581l.228-.026h.072z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E");
    background-size: 18px;
}

.bx-im-application-call-mobile-state .bx-im-component-call-open-chat-button-counter {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
	position: absolute;
	right: -12px;
	top: -7px;
	background: #fff;
	color: #000;
	font-size: 12px;
    line-height: 12px;
	border-radius: 35px;
	padding: 5px 10px;
}

.bx-im-application-call-mobile-state .bx-im-component-call-wait-user-counter + .bx-im-component-call-open-chat-button {
	margin-top: 15px;
}

.bx-im-application-call-mobile-state .bx-im-component-call-error-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/* disabled horizontal orientation for mobile */
.bx-im-component-call-orientation-disabled-wrap {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	height: 100%;
	background: #3A414B;
	background-size: 100% auto;
	z-index: 9999;
	pointer-events: none;
}

.bx-im-component-call-orientation-disabled-icon {
	margin: 0 0 15px 0;
	width: 63px;
	height: 78px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2263%22%20height%3D%2278%22%3E%3Cpath%20fill%3D%22%23A8ADB4%22%20fill-rule%3D%22evenodd%22%20d%3D%22M31.258%2023.498l16.019%2016.124-21.454%2021.313L9.804%2044.811l21.454-21.313zm-5.861%2039.619c.23.232.609.234.841.003l23.23-22.994a.598.598%200%200%200%20.004-.842L31.684%2021.317a.596.596%200%200%200-.841-.004L7.614%2044.307a.597.597%200%200%200-.004.842l17.787%2017.968zm-5.235-15.115a1.761%201.761%200%201%200%20.904%203.404%201.761%201.761%200%200%200-.904-3.404zM29.508%205.99l6.268-4.685-.933-1.25-7.18%205.367-1.25.934%206.301%208.43%201.248-.934-4.525-6.055C46.762%209.353%2060.34%2023.905%2060.34%2041.636c0%2018.768-15.215%2033.984-33.984%2033.984-9.97%200-18.938-4.294-25.155-11.133L.014%2065.86c6.541%207.11%2015.92%2011.568%2026.343%2011.568%2019.768%200%2035.793-16.025%2035.793-35.793%200-18.705-14.351-34.05-32.642-35.646z%22/%3E%3C/svg%3E');
	background-repeat: no-repeat;
}

.bx-im-component-call-orientation-disabled-text {
	font: 24px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	color: #fff;
	letter-spacing: -.23px;
	opacity: .6;
}

.bx-im-component-call-error-link {
	color: #fff;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

.bx-im-component-call-error-link:hover {
	color: #4fc3f7;
}

.bx-im-component-call-open-preview-chat-button {
	border: 0 solid rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.16);
	-webkit-backdrop-filter: blur(calc(24px / 2));
	        backdrop-filter: blur(calc(24px / 2));
}

@media screen and (max-width: 1250px) {
	.bx-im-component-call-wrap-with-chat .bx-messenger-videocall-top-button-text {
		display: none;
	}
	.bx-im-component-call-wrap-with-chat .bx-messenger-videocall-top-button-icon.grid {
		margin: initial;
	}
	.bx-im-component-call-wrap-with-chat .bx-messenger-videocall-top-button-icon.fullscreen-enter {
		margin: initial;
	}
	.bx-im-component-call-wrap-with-chat .bx-messenger-videocall-top-button-icon.fullscreen-leave {
		margin: initial;
	}
	.bx-im-component-call-wrap-with-chat .bx-messenger-videocall-top-recordstatus-time-separator {
		display: none;
	}
	.bx-im-component-call-wrap-with-chat .bx-messenger-videocall-top-recordstatus-time-state {
		display: none;
	}
}

@media screen and (max-width: 1100px) {
	.bx-im-component-call-wrap-with-chat .bx-messenger-videocall-top-participants-text {
		display: none;
	}
}

@media screen and (max-width: 1050px) {
	.bx-im-component-call-wrap-with-chat .bx-messenger-videocall-panel-text {
		display: none;
	}
	.bx-im-component-call-wrap-with-chat .bx-messenger-videocall-panel-item-with-arrow-right {
		margin: 4px 0 auto 0;
	}
	.bx-im-component-call-wrap-with-chat .bx-messenger-videocall-panel-icon-background {
		width: 41px;
	}
}