@import url(/css/manager/fonts/google-font-open-sans.css);
@import url(/css/manager/fonts/google-font-ptsans.css);

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

#callpy {
    display: flex;
    flex-direction: row-reverse;
    height: 100%;
}
#callpy_client_video_self,
#callpy_webrtc_video_self_tag {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#callpy_client_video,
#callpy_webrtc_video_tag {
    width: 100%;
    /*height: 100%;*/
    /*object-fit: cover;*/
}

html, body {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    height: 100%;
}

body {
    line-height: normal;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
}

.call-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    /* background: #000; */
    /* border: 1px solid #cecece; */
}
.chat .call-wrapper {
    width: calc(100% - 350px);
}

.call-table {
    min-height: 100%;
    height: 100%;
    padding: 0;
    display: table;
    width: 100%;
    margin: 0;
}
.call-table--td {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.call-box--title {
    text-align: center;
    color: #6b6b6b;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    width: 100%;
    top: 0;
    padding: 5px 0;
    display: none;
}
.call-box--content {
    height: 100%;
    /* padding-top: 24px; */
    /* padding-bottom: 18px; */
    width: 100%;
    border-left: 1px solid #e4edf0;
}
.call-box--button {
    position: absolute;
    width: 100%;
    bottom: 32px;
}
.call-box--footer {
    font-size: 12px;
    color: #343434;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 5px;
    padding: 4px 0;
}
.call-box--footer span {
    font-weight: bold;
}
.call-box--footer a {
    text-decoration: none;
    color: #343434;
}

.call-title--video {
    display: none;
}
.call-title--audio {}

.call-content-state {
    height: 100%;
    /* padding: 0 50px; */
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
}
.call-content--request {
    /*display: none;*/
}
.call-content--calling {
    /*display: none;*/
}
.call-content--call {
    /* display: none; */
}
.call-content--callend {
    /*display: none;*/
}
.call-content--callerror {

}

.call-content--icon {
    width: 110px;
    height: 110px;
    border-radius: 55px;
    margin: 0 auto 20px;
    background-color: #fefefe;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
}
.call-content--title {
    color: #404040;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 26px;
    margin-bottom: 10px;
}
.call-content--description {
    color: #6e6e6e;
    font-size: 16px;
    text-align: center;
    margin-bottom: 32px;
    position: relative;
}
.call-content--description > span {
    color: rgb(19 30 34 / 50%);
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
}

.call-content--request .call-content--icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYxODJDREI3RjBGQTExRUE5RjVDRjA1Njk0REU1MzNEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYxODJDREI4RjBGQTExRUE5RjVDRjA1Njk0REU1MzNEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjE4MkNEQjVGMEZBMTFFQTlGNUNGMDU2OTRERTUzM0QiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjE4MkNEQjZGMEZBMTFFQTlGNUNGMDU2OTRERTUzM0QiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz740oJlAAAFpklEQVR42uxabWjVVRg/9+6OZjntrtRprUZWpum0l/VGESqutFDqg1+khUSBQYEUWRBEQvShL0F9iL5YOQkEDfwwSS1SWe85ZyZrw5fWaO5mhss1J27X5+H+Llz+7H+e5/9ydm/xf+DHuDvnf875nZfn7ZzUx+1fmEmQ6wlNhFsJ9YTphDRhnHCOcJrQQzhC6A/ScOvKZYEHk3FINEVYTFhFuNGnDhPPAvMJawi/EdoJXYS8i4G5Ij2D8BRhXohveYI2EH4lbCX8Gffg0g4ILyK8HpJwqcxDO4sqnXQz4XlCTUzt1aC95kolzWdyvYOJTKPd+ZVGehrhGUKVIx1RhfanVRLptYRaZd0LhOPQzsfxWyO16KcitHeD8sz9QdhF+JlwyTMGVlarCXMUOuNzwu/lXulHFHUOEt4idHoIG/zuRPnBmPpzSpq16xKhzveEbROQNROQ34b6NlkS1TpEJc1uZbWlfIjQFsCzyqP+kKVONfotG+mbhPJ9hNGAbY7iuyj9OiU9Uyg/HLLdwxH7dUraZqY4gsqFbDeH78P0Wxbfu3Sbho2S8sK5rqlU0lFlzNW4K5m0M0lIJ6QT0v8v8UZZsxC75hS+cjkXRGUKP9n9ZQqc8q0rlw16Sd+A7EQxtBsmbCd8G2HQ1Q4dnxEFYQ5X15lCppV/c2i7hcj3FVOwGz2x7FWYhDuEtoeFXVQXknCdEOsPC4QbTSG3li35N/PbSGVZJr2UcKXP948LgzsjlDeFJN0Usd8HfY4H81zKBfWWj/lmYqql/ITQ+YoQ2ZkMvjMR+m2wlNUz6bMRGugRAoNrTeHWIoiswXe2QKbHsrUzWCw/OcukpbujRkvZecJR4fsWU7jaSQn1UqjXItQ7in79ZK6wu/o1pBcI5XuVq/eiZdc0oFyzK6T+Fgvl/TwjfTABU3wq3Yxzfd6yxY8pJmcBwPbyFNqbip00S7n1jwlbmxfxTsHU9RWvS7sFJ+E+YTCfGn1aiAneS1iOv1rCo+hH0vpZS3k32enxtDI987BwJtmDa3PsobUpMjHLhfKuUlevU1gpzkndLTTIqdsdjgjvMEJqmLY233XZsqQXCYdKSTPhH4WOn1C4lntMIXc9HhPZcbS3RyDM8YJ05XOItvao16mXtOI1hMcUAz1AeAcKK4oMop0DirotRr4S2jtRJDNQ3PMWeZRwi2IQ7DFtRtAyFJDsEL7brPC8eJU5B75aqPYLrXK/X2j5mSlcpqUtDsSzhLcJfwsdcWjKr3i+IiyE/eQJm+FRihwm8hOLXkw6Ox9jygm6mvCcIgzdaYunebX3IwjxE34Z9AK23ohiYGMg01XSZy3idi77J2TsPgXjyAr1OkpX2S9Q59X+S2joOsJLJlzS/RJ2yRn8DUOY+31Z8LGLR2WnJjvBGm6LIjvBruMrhNmTnFFhhbVJQZhlK63ysDYl04sVl4Tt92uEByaJMPfzKvSCJPuI8BFNjsxrczWvDK4gPE24C1p30AHZetjh25X1u22OUkbQeh+Zwr2R5i3XQgQUHdDaAzGQnY2Ewv1Gn7nlF4cfsI8dhnRR6XyIfJPmSRMP7CGAo6EfoLXPBSA6Heat2QS/fOfk33tE2GpVUsoHsTw5rYiKwkgOKzCITM0IXMw0TE8doq1G5XmdSPil0vtE+F8NGa2ZYY1+Gt5PKuCAZpqIF+mCfMdRGBG+qF1BrfAZb4druB7eULmFF2M7kd0f5KMw1zqsGd9AIJAvI2E2q28GJRx0pUvlAkI+fvf1pInx3aZC2JPbhfg61KRHfTHI+bV3EUisQLom5YjsAEzhNybiPVsmxq3Wi5j7HmBODO2yJv4Jq9ob13GK+2U/Byq7AZ6A27ALGuBoVAlZkhwsxEnY+VMxZmGckfZOQAfAws8bN9iCA8LXk6EUkpcICemEdEI6IZ2Q/o/IZQEGAKPwRRA72s+sAAAAAElFTkSuQmCC);
    background-position: calc(50% + 7px) 50%;
}
.call-content--calling .call-content--icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIxODhBOTU1RjBGQjExRUE5QjFFRjYzOUQxRDkxMjk0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIxODhBOTU2RjBGQjExRUE5QjFFRjYzOUQxRDkxMjk0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjE4OEE5NTNGMEZCMTFFQTlCMUVGNjM5RDFEOTEyOTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjE4OEE5NTRGMEZCMTFFQTlCMUVGNjM5RDFEOTEyOTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4m5BitAAAEC0lEQVR42tSaW0gVQRjH181QigK10uxmZRcqCQokrB6yejDqNSKk6CmoBLvRU3RB6KEywcLECvIx6CKFUmZPBWEFgoYVVJIiaVaEROal+n/6DRyWs7MzO7Pn0Ac/5Kx7dvd3Zub7ZuaclJuNLU4Cohb8ZvpAP+gCb/l16NhTUjz+NzXgvFlgK8gCn0Az+BnynmnMdLAErOfjX0EreA4+hxWSiSwE5SCdX68Ea0El+G6xtehDKmHaQSP4oHsRV1EitoWOgoyIumABOAH2697D1ZAQMTNiGYo14AwoCisSJJFIGRpPe8E+MFlnjKhKeGUuKoyZGr4uieeAxfx+lVjH4+gK+BUkoiuhK9PmM8gLwQYwI+A+lOWOgQt+Mq6BhGk3o7TbBE6C6/xaFnPBQb9u5hpK2Bgzf7iOnAaPFFqm1E8k3dLgJJnDPEjDxDC4DarBUMCYKYonMmYx02SDjYbX6ADnwaDknF3e1ncNphwyGW/sAJvBCsUW6wFVkpaha+z0Zq1Bnv/Yinjzpe2eMUFTkcfgXYBMHSiTFM1FYjpDLfLNokQveKpQhFdzcigLSBAdAQlgW+xFByxKVPJUXTVWcfrNl5xzX5KaC+qbnuQIkV6LEoMh3juVS0C+JJvdC8hi4yI9SZQQQUXugKSbvZT0nEIhQgum0YglKAGMKLRMqaRo+o29LHSvbJcluiJuiVNcLK+BLwFjZqnP/1ol71smpvGvE9CdqEVegArQKTlvi2Ru5vch5AmRdo0H6jMcE1TkrkoeqkBSNN/77S0IkW6NNJwJ5hgmCJJpkNSZxRrFdnw24Sr2QW+GOQSWG8q0SRLAbJ/jfmuetFiRZ+BvAmVGJIVuiqQl44qkeDboyjhz6DzMZfDGSVKIDTrv5kNziEJmo5sZh1eEPtmP/6NMvH2thpBTjKTKxBPp5OlzMmSofmwCu/mv8rLZb+/3Fj9QakiZMAkgg2fBOTHHaNl8SaX4upLq3WQwk9VtmQxeaOV4jlPhPQKmhRVxWKQ7ATJCwm/nMVdFRiYyxmvm4QhlgiSUZVyFCWK94YLJT0ZVQknGVbgATb0fWpbRlQiUcRUvcBe8siQTVkIqoypCk8kbIeuLV+a4gYSvjKvxZloS11qQybJUzEmmHOv1NF0RsTVTY9jNbAZ91VAcRkS0TJ1hArAZC8KKiDFzh3dFhpMs8sNEJDY1VxjMAEyDVowtNkRE0TznTOzRjiZYogorxH5bImI68wCcNcxqWhKxi0DX8g2odaq9N4lawgmx3lCNToYqOf0oh37HkhKVRJQisXsABH2PTr8GKnSCv1PXlkiEiIgB3gsg5jkT26LUSnmKzzAU1F1TncRHN9PI95/PFTqXWyuT51D0NcMkFQmKfwIMAFyy9hjg9MelAAAAAElFTkSuQmCC);
}
.call-content--incoming .call-content--icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' height='50px' width='50px' fill='%2314c773'%3E%3Cpath d='M92.74084,73.64,77.47778,62.56323c-5.45788-3.96087-8.807,10.90534-15.34375,6.2638a132.89125,132.89125,0,0,1-16.7229-14.2381A132.89578,132.89578,0,0,1,31.173,37.866c-4.64148-6.53675,10.22474-9.88587,6.2638-15.34369L26.36011,7.25916c-1.72339-2.37458-3.82642-2.84772-7.61121-1.55842A31.121,31.121,0,0,0,7.55835,12.61029C-.44122,20.61,10.94458,44.96576,32.9895,67.01056c22.04468,22.0448,46.40051,33.43066,54.40015,25.431A31.11947,31.11947,0,0,0,94.29932,81.2511C95.58862,77.46637,95.11548,75.36322,92.74084,73.64Z'%3E%3C/path%3E%3Cpath d='M88.17188,6.17139,66.0752,28.26807V13a4,4,0,1,0-8,0V37.9248a4.00019,4.00019,0,0,0,4,4H87a4,4,0,0,0,0-8H71.73193l22.0962-22.09619a3.99992,3.99992,0,0,0-5.65625-5.65722Z'%3E%3C/path%3E%3C/svg%3E");
    background-position: 50% calc(50% + 5px);
}
.call-content--mobile .call-content--icon {
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2314c773' d='m29,9l-7,0c-1.7,0 -3,1.3 -3,3l0,15c0,1.7 1.3,3 3,3l7,0c1.7,0 3,-1.3 3,-3l0,-15c0,-1.7 -1.3,-3 -3,-3zm-2,18l-3,0c-0.6,0 -1,-0.4 -1,-1s0.4,-1 1,-1l3,0c0.6,0 1,0.4 1,1s-0.4,1 -1,1zm3,-5l-9,0l0,-10c0,-0.6 0.4,-1 1,-1l7,0c0.6,0 1,0.4 1,1l0,10z'/%3E%3Cpath fill='%2314c773' d='m17,18l-12,0l0,-11l17,0l1,0l2,0l0,-1c0,-0.6 -0.4,-1 -1,-1l-20,0c-0.6,0 -1,0.4 -1,1l0,12c-0.4,0 -0.8,0.2 -0.9,0.6l-2,5c-0.1,0.3 -0.1,0.7 0.1,0.9s0.5,0.5 0.8,0.5l16,0l0,-7z'/%3E%3C/svg%3E");
}

.call-content--alone .call-content--icon {background-image: url("data:image/svg+xml,%3Csvg height='80px' width='80px' fill='%23c7d3d7' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' viewBox='0 0 76.674 119.959' style='enable-background:new 0 0 76.674 119.959;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M64.928,91.922c-17.168,0-29.266-6.791-36.391-12.49C21.406,73.75,17.674,68.09,16.699,66.489 c-1.256-2.134-1.596-4.555-0.992-6.884c0.601-2.328,2.074-4.28,4.148-5.5c1.383-0.815,2.959-1.245,4.557-1.245 c3.156,0,6.119,1.682,7.734,4.391c0.084,0.132,0.17,0.258,0.291,0.435c0.264,0.385,0.711,1.01,1.346,1.795 c1.016,1.251,2.631,3.05,4.834,4.937c1.66-7.598-1.59-15.853-8.6-17.332c-7.594-1.603-18.699,2.291-23.381,14.149 c-6.336,16.34-7.813,26.937-5.791,44.799c2.584,12.928,12.414,14.118,20.596,13.905c2.615-0.068,4.766-0.203,6.467-0.719 c2.281-0.481,4.414-1.729,5.976-3.697h-0.002L49.18,96.261l5.289,16.337c1.422,4.391,5.492,7.184,9.871,7.184 c1.059,0,2.135-0.163,3.197-0.507c5.449-1.765,8.439-7.615,6.674-13.067l-4.676-14.45c-1.529,0.101-3.047,0.163-4.518,0.165H64.928 z'%3E%3C/path%3E%3Cpath d='M62.963,71.456c-1.184-3.653-4.248-6.33-8.023-7.014c-3.779-0.685-7.586,0.751-9.975,3.757l-0.35,0.439 c5.727,3.291,12.135,5.055,19.137,5.256L62.963,71.456z'%3E%3C/path%3E%3Cpath d='M69.133,75.757c-1.43,0.11-2.801,0.164-4.119,0.164c-12.314-0.021-20.797-4.5-26.516-9.01 c-2.84-2.255-4.928-4.521-6.268-6.171c-0.67-0.825-1.15-1.495-1.447-1.927c-0.149-0.217-0.25-0.374-0.305-0.461 c-0.021-0.033-0.035-0.057-0.043-0.069c-0.004-0.007-0.006-0.008-0.006-0.008c-1.971-3.305-6.242-4.399-9.56-2.447 c-3.332,1.961-4.445,6.253-2.482,9.584h-0.002c0.301,0.492,3.834,6.429,11.4,12.459c7.512,6.007,19.301,12.051,35.145,12.051 c0.029,0,0.055,0,0.084,0c1.699-0.002,3.434-0.071,5.201-0.207c3.854-0.3,6.736-3.666,6.438-7.52 C76.356,78.34,72.986,75.459,69.133,75.757z'%3E%3C/path%3E%3Ccircle cx='37.905' cy='20.91' r='20.91'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");}

.call-content--call .call-content--icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA9CAYAAAAeYmHpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFMTA4OTEzRjBGQjExRUFBRjZDQzVGQzkxQkM3RkU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFMTA4OTE0RjBGQjExRUFBRjZDQzVGQzkxQkM3RkU2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUUxMDg5MTFGMEZCMTFFQUFGNkNDNUZDOTFCQzdGRTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUUxMDg5MTJGMEZCMTFFQUFGNkNDNUZDOTFCQzdGRTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4KeA1QAAAFwElEQVR42uxbfWhWVRg/25oZlYZsy5FbUeZMs9rMsA8rQS2R+TEisE8hU0ODsq1vCGoWhZl/ZVazD8okkjXJGtaWLkQjGy3TNhZ9GdWyT1mCa7p+D/c3eHl573nOvfe9717lfeDHeO855znnd8+55zzPc57lFe26z2RALgLmAlcDFwClQAFwFPgF+BpoA7YAXwZRfHDq6sCDOSlGonnAPOBRYLJPHSE+hpgJPAF8DtQDTcBAHAPLj4nweUAL0Ggh7CeT2a6Feo4L0nOAdmB6RD3TqWdOtpNeyGU5Ik36RlDfwmwlPQN4jd9pOqWAemdkG+nRwEagMKY9opD6R2cT6TVAsWPdQ8BOLtud/O0ixewnK0hXOn5z+4AaoAS4CpjPvyV8vs9xz6jMBtJ1DnVeAqp4FB1JKjvC51Wsl47+YiUtu+sCpY58i0uBPqVeH+ttVOotiHo6RCUtZuVwS3kPibhaVgOs32OpM5z9DhnpK5Ty54DegDp72S5Kv7GSHquUN4bU2xix31hJl1jK+oHukHq72T5Mv0PmcIj8G8FLGlC+69OzlXRU6VdM0xOSdGySI50jnSN9YklyYLCCz75J4Rhk04Q4HYXFu2tFxzipf3Dq6q5kxeLh7AU6ga+An4HbIg76lIjtz7SU/eNAWGJr3xsvvNyJ33uBqkHSZcaLPF6Y0GaU8UI0NYruPy1lw4DykITL2T5Mv0J4CoMUZQmPhV8LysqE9ArgDJ/2jymD+1Yprw5Jujpiv4t9DBjhuSKf37GfyM1EkaV8t9L5SmXG/FbISqWO1u8llrIKIX0ggoLtirl4LrAqIOlVbGczT7dblvYwZcwHhHSHMogplrLfgWalfS3wiPGueWySx3q1Sr1m9usnVyqrq8OF9HVK+bMOs1fPwfoF9SpZXu+gS+tvrlLeIWdyO4+AkZY3V2R5u7LUtgGzlM5mEXJe7qE+0Xupsq8kyjZlacvmdYNy1LULabkubTX+AT6pc6sSwlkOfAGc6jDwigAkk/3z5Q67/hhLeSuMlKP5juGZuxQLSSy4JTFbaEvYj03uUcqbEi2yRr5JPzkfuFFRKKHbupgI1xklNIylLffb11iqHAY2J5KWCOQmpeOnHExLSQtYphxjQaMny6jXRrjQ6BHUzVjavclGvXZPdI7xsgo0WW+8uHRXRMJd1LPecSVMdJgQ72xMyjl513gpE35yzHiX5W0OAzmZe8EDJtht46/A08A6R0/vco7HlkrSjFme7ee+PcTd3ObubVJ2yEGRAa+l8yAvssF4od1jKV5kN8vnsf5aR8JnAW8rhMUNfdDmT4sb9jxwt0WJZAa9D0xzcfEg/xkva2hLgm0tcetClv1m9HuuVDKS49AmoAGz3KE56g/TD7XJJBoJxSEGKwR/Ar7j3zCEpd8ddIhs0pM8y36kZYe7PcUyTOWIyKX6hAxHVMQv3gVc7FB3MWb5D9eQTBtnXBM5vz8FFmWI8CK6lS6pVmtA+L2gcahngLcclJ8GvMLva1xMZMcDH7AfF1NXzOr7wwbf5M1udRyYHAn7gReNlwqZDpFP52XG7a53bCMZhzViY4chPbjpiPn5oWOH4uXcSfIf05oqDUi0lO2kveSh3GHc767k5cwGYeupkueYECvHzAbg5pAzJo7CZzyPfwT+pj1QwLhVOfeHy0z41EjZVKtB+C+tomtCbB/dSznHHzfBLwnGmogX6Yq8ASwF4cMulYNkAQ8wfiXHxeu0hoZaxGq7F2TXBWkU5lqnlRvMCyam1GRHkWN1UlDCYUmLHKIzIaGejzJMViy5W4BrTcj0jqgXeBJfm0kXsCnmmd/P6Imc2W9G6Stdmf2fEOJz30RMTINe2YnfYdRkR7pearr/nUEclSeJs42XrjyNdvoEY88S7ufR1knTVhyaPWmMwsRGOlF+oI/cwN+SAGsLQIpR82omNoVcJkKOdI50jnSOdI70cSL/CzAAjdpGcVF3NE8AAAAASUVORK5CYII=);
}
.call-content--callend .call-content--icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAAaCAYAAADv/O9kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM3QTY0NzQzRjBFMzExRTVBNEMwREExMEVCOTE0RUM1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM3QTY0NzQ0RjBFMzExRTVBNEMwREExMEVCOTE0RUM1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzdBNjQ3NDFGMEUzMTFFNUE0QzBEQTEwRUI5MTRFQzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzdBNjQ3NDJGMEUzMTFFNUE0QzBEQTEwRUI5MTRFQzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6qhGKsAAADKUlEQVR42tyZS2gTURSGb6axGtskFkVBbDFYlIKgFdQSN+JCEFwIVlyJuHDlwgc+ui24caG4cKOIgiJuXChdFDc+qqIrRasVBEWCUWxpbbRtYpNM/I/9B4ch02k6N2ObAx8zmaQz9z/3nHvO3IaOXnuuqmgLwW+eLwEhHuvAD7ABbAR9vBYFMqDFIAvGvB5w8VDHrAYW1ixUBrwaNIPNoB20ga9gGYhTfAv4AlZScAY0gF9gEqRAHtwHRfAK9PO77zoGGvYpUoSIy3eAJGilsKjjt21l/r7Zdh7nsYnHFTxupWPEIT9BGjzg8Q6dMnTs+osQZr5UyeBDFYa6OGoN2A12gW1gkQreJBoGmApnGTk3ZTLggIxO4eL1/eAw2K7mluUZZW8YDTfAe4mG6aLA8LhpAlwA4+DWHBQttoCRuAmcBHfBVaafkjSoZMYN3qTLlnfzyaSSmOAMuA1GMfsFrxmPgSfg3DwVbZXRCDgP7oFOzLwxnfCdLC1JVRsmabAFXAIn3ISfZt2sNZP8Xyqpi1k/7sxxWbULqratxEbqCOixGphPVXqYLDBv2XwM8+Epdl9xNjFWJ9bB72O8Psluz5xB9ZlR6Wa93wt6w3xQi0axn7mSPqXoHBi09QNFR39QpLBGrsbS9a2n4CSd0c4ubpXPblPE7wNXwlzQdNhDcIDtpJsVXT6bjAqrFD3ieR8HKw5aB7rBHn72s+AlDLadJZ+ic3Rgukq5KevPO3BKw1okTlsuwj/Qq37MCtUgypOOfDflJhMabpStwituORvTMEliI4amAcmLwmgAwic0pKVYvS7hDZpC0MuaNAmPGqyVOup1LADhdZocnDFcdkcqtfGAQn2EaeXXCgZrpt/waQyo5Y1oCvWXBhuHjM8b9QbUbw/zNdOP+CzezftFeM8s38pM23lnQMKlf3+spnZcS47rpqMbzNsaIMs+smH7W3vli4My/WAtc142EIfo4RTD+Bu3oiK8Lg96za2eoEyeeVlNbTS2UoSM8xnXmQQXv7T6t52d428kqgcw24POrad6ei7KY4FOMcu8XFgNf0n9Z/P6h4Lb1vMfAQYADYDRm9zMO40AAAAASUVORK5CYII=);
}

.call-content--callerror .call-content--icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA6CAYAAAAOeSEWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEyRUY2MjdFRjBFNDExRTU5MkNCREU4MjVEOTQyQjNDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEyRUY2MjdGRjBFNDExRTU5MkNCREU4MjVEOTQyQjNDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTJFRjYyN0NGMEU0MTFFNTkyQ0JERTgyNUQ5NDJCM0MiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTJFRjYyN0RGMEU0MTFFNTkyQ0JERTgyNUQ5NDJCM0MiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6CFjJLAAAWEUlEQVR42rxb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);
}
.call-content--callerror .call-content--title {
    color: #e66b6b;
}

.call-content--upload .call-content--icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAD4klEQVR4nO2ZTWhcZRSGnzOTTgOiLdlFKZWiUFAsxYgzNFRR3FkrWJONqDSpLkxnWjT+rDLBYrFKJZmNSu50IQSMVmt1Uze1YjMTWooL3WSRhURFhUqbgmkn3uOiMzDezp25/1P0ezYznPud77znvfd+9w8MBoPBYDAYDP9PJI5Jx6yFgbTYu20YFOUOoB9YB/wJsohqFeyPpkd3/BBHfT9EakDeqgwBh4C7PaacTqlOb1zOnSwWxY5Si1ciMeBg+dyWv3VtFngwSL4K39R67OH3n93xexR6/BDagLHywiMptT8B+kJOtSzCnqm9uYWwmvwQyoB686eAnoj0XBPk0amR7HcRzdeRwAbUD/tzhN/zTn5WqW0v7d35R8TztiSwAXmrUiXgOd8JRU6xnqHUVftJG3lK4C5gE5AGfgO+B77W9TJbeiZ7OUytQAbUV/uPwxT2QI3rl05XBC7Zokev1jKHP3xxoBakSCqQtOuXurhp2zyAwgZRmeztqS28NHN2c5Aivg0YsxYG8H6dT4rtaUmdOXCscqffRN8GpMXe7TcnITbbyqfFuR8zfpJ8G2DDoN+cxFDuv7hy+Q0/Kb4NqN/b37QIHDxw7PRGr+ODLIL9AXISQ2GDrb17vI73ZcALH5xfB9ziW1XyDD09N5f2MtCzAQWrOtjbU7tATI/QkaI81r+y6UJh5uzOTkM9GZC35g8r+i1wb2hxyXGfSupMvlx9q92gjntzvzU/LsiR6HQljyqvl0Zzb7fa1taAQnn+cVU52WlcSCbrvxMx1kCVJ0qjuS+d8baPsapyiJibnx7JFQHyVgViNEGEN1H9ChFtjruuAftnKruAbXEJoql5gPr/SdfR4dlWKFd3OYOuBqRSPB+jmH813yB2E4TnnCFXA2zlgZhkNB/2xUaw8T9OExQGnDFXAwRuj0GDs/nmc34idhNa3Ma3uw/4K+Ly7ZpvELcJN/TUzoBfIyzspfkGcZrwizPQ5hSQ8xEV9dN8g3hMEG7oydUARU9EUrSOj+YbTDQvkpGgfOEMud4I9d1624mLK5eWQLaELDuRtyoPAw8lnOtAl1bXMp87o65HQHHonmtC6tXwhYFwDUTQPKgt463eHLd9GpwayR5HeS8KAV1F9N3SvtxnrTZ1fBzuW86+AhyNXFRCCPJO30+519y2d/ymV/9s/XLBqs4r9pEI1oSE0CW1ZXx6X7blnm/g+Y3Q1Ej2+OpaZiswjDALLAJXQqqMkivAYl3b8OpaZqvbYX9Tkbcqmrcq2nlkPAT9NPafwRjQbQHdxhjQbQHdxhjQbQHdxhjQbQEGg8FgMBgMBkN3+AcbkkGtAgq4nwAAAABJRU5ErkJggg==);
}

.call-content--queue .call-content--icon {
    background-image: url(data:image/png;base64,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);
}

.call-video--main {
    background: #000;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 91px;
    display: flex;
}

.call-video--main[data-status="off"]:after {
    content: attr(data-title);
    background: #000 url("data:image/svg+xml,%3Csvg width='8em' height='8em' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23a1b2bb' d='m22.5,20.9l5,3c0.1,0.1 0.3,0.1 0.5,0.1c0.2,0 0.3,0 0.5,-0.1c0.3,-0.2 0.5,-0.5 0.5,-0.9l0,-14c0,-0.4 -0.2,-0.7 -0.5,-0.9c-0.3,-0.2 -0.7,-0.2 -1,0l-5,3c-0.3,0.2 -0.5,0.5 -0.5,0.9l0,8c0,0.4 0.2,0.7 0.5,0.9z'/%3E%3Cpath fill='%23a1b2bb' d='m29.7,28.3l-9.7,-9.7l0,-7.6c0,-1.7 -1.3,-3 -3,-3l-7.6,0l-5.7,-5.7c-0.4,-0.4 -1,-0.4 -1.4,0s-0.4,1 0,1.4l26,26c0.2,0.2 0.5,0.3 0.7,0.3s0.5,-0.1 0.7,-0.3c0.4,-0.4 0.4,-1 0,-1.4z'/%3E%3Cpath fill='%23a1b2bb' d='m3,11l0,10c0,1.7 1.3,3 3,3l11,0c0.8,0 1.5,-0.3 2,-0.8l-14.7,-14.7c-0.8,0.6 -1.3,1.5 -1.3,2.5z'/%3E%3C/svg%3E") no-repeat 50%;
    position: absolute;
    font-size: 22px;
    color: #a1b2bb;
    display: flex;
    justify-content: center;
    align-self: center;
    align-items: center;
    padding-top: 8em;
    margin: 0 auto;
    width: 100%;
    top: 0;
    bottom: 0;
}

.call-video--main[data-status="on"]:after {
    display: none;
}

.call-video--self {
    top: 15px;
    left: 15px;
    background: #000000;
    width: 279px;
    border-radius: 10px;
    border: 2px solid #FFF;
    overflow: hidden;
    max-height: 165px;
}

.call-video-self--overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    visibility: visible;
    background: #748690;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 0 10px;
}
.call-video-self--icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAlCAYAAAAuqZsAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQyNUE1RDM1MTg1QjExRTY5QzQ5RDUwOTUxNkM0NjE4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQyNUE1RDM2MTg1QjExRTY5QzQ5RDUwOTUxNkM0NjE4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDI1QTVEMzMxODVCMTFFNjlDNDlENTA5NTE2QzQ2MTgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDI1QTVEMzQxODVCMTFFNjlDNDlENTA5NTE2QzQ2MTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5G3md7AAACp0lEQVR42syYTWsTURSGZ6YJgqDWLnSh4MalO1fWr5ZoKZbSiKJg0W4EXWiN1aIVbdqqbanEqEFR3NiioggqfiBaUaGIbf+DCC5EN+KqC20T30PPlcvhZpxx4ty88DDJnUnz9MzMvWfijj4Zd5A14Bm4C045MWZf6xbjuAe2gimwCvSAfqcKQmJZsFAb6wVnq0FsB1dMz2kWtCr2DWwA02IfndJhm2KUWVAPJsX+E2DEphhlDqwD10BRG+8GQ3GLJcT7FJ/SPaBWGz8JFoAucfwi0Am+cNX94vL3fQJvw4jdYSFKyXDsUVADjogq00TUELIgx8DFcjvHnr5erE7lEk1K/XemUHWuaO9nQCO4EVJst49UBptXSizJXxIkh0FBjB0MKfejjFQLNnm6RJRYMcA1oucQuG6Quxrw80WDVJqXRcpHL8KNcwDcNAhfDvuHINWGzSNtKOlFvKv3G+QyAeQ8TWo7No/95jE3gtwtg1ze5zM/eUtSD/82wZYiVK4DjIqxLp8l7TPYXE6qUhX701oZTmtPmSVtJ3gXdEkqOdFDp/WeYb2VS9qyMGtlpUKT530xRl3xwL8u4pXMLnBbjGXDdMf/S4zSLuYmSh9jVYySNsj1c4dsVUzJyWnhPN+xVsXURPpcjA37ycUlRtkGXhjkjtsWozTLyuGBN8dNqFUxVbmXQu6SaNtnbYhRmmTfD7k8d8iU5Uqshh824gw9J7wRcgVu3Zd6Wu+etFC5RvRjUo4edlpc/rVHPbkMxSD4HdSJsfdgE6SKpse3HP8MVRuy/w8alzuYr1yErLZvPZjg7fzBWsXizqBhgiW5FCr3y9ZdqVoh2adtBB9w3a22KabkZLexFuy1LUZ3IXUbZ7ShB+BCwqmCQO4cTt8KvFyJ19RkOr8FGAB5LJRkAsofOAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: 56% 50%;
    width: 70px;
    height: 37px;
}
.call-video-self--title {
    font-size: 14px;
    font-weight: bold;
    color: #fbfbfb;
    margin-top: 10px;
}

.call-video--overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    visibility: visible;
    background: #525d63;
}
.call-video--icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADcAAAA3CAYAAACo29JGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRDMDZGOTM1MTg1QzExRTZCRTgyQUFGRUFBMzlFODlBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRDMDZGOTM2MTg1QzExRTZCRTgyQUFGRUFBMzlFODlBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REMwNkY5MzMxODVDMTFFNkJFODJBQUZFQUEzOUU4OUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REMwNkY5MzQxODVDMTFFNkJFODJBQUZFQUEzOUU4OUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4LVOXlAAAD6UlEQVR42tyae2iOURzHz+ayzSXXlCb5wx82RP5gyGSXXKIhJIXtJXPd3KZFlmkll2gNaS6Ta8LIZXMpNhpzK1IyUpJ/JkQmhZnvr/f31GM753nf532ftffnW5/eOud597zf/c5zzvn9nhOVc/i+Yg0A1eA1SFNCVOxLMvZF82c8uA36g1RwA0Qp4SJzg0EVR85SOqi0mRdrbi8YqOmbCK5IN7cRvDf0TwZXJZujGWUc+GC4Zgo4JtUc6S0YDz4arpsPyqWaI70EKQ4GZ4CzUs2RnvNM+dVw/SxwUqo50lMeoqZncB44KtUc6RlIYKM6LQQHIt1ce01bLhgBvoBfDt/NBh3AIkM/9Z3inc73MP75v8E9cDBccztAnovv+/jm2Zq+RlAPVngQhEweSWtDNdcbrAnhxkvAH7CsWTu1rQRvwG4PDNJvKwANgS7MPVK7HB+J9mcu3jBMg9FSsNPQt8flaDCJRkiXIIzRhmRfc3M/w7z5eh7WOu0CW8L8+408GpyMjeKMhlTn9a4/z2EIFoZpsCmAsZGctsVaj1xrpDT0bGx3MFjo9Q1hjDLWOyAumHUuXG0A2wx9FL0iD40Nx8ctEBPsIu6F8sEmQ99mh+i6UQIPxTg3OxSvVOQwDPNDWCLspY+hnK51d7v98lIFHCmd1nElwK0Slb+Y1S2UvaXX2sqR0mkVKA4yarTj6cuTR49QN86tIZpgcgx9q0FJgO9Tnjka3AW9Qt04t6YoQj8Mm2Ay3slhI07PVo1yUXJsi9JdqUMEFzvkip2Vy1pqW9Uli3lTrVOWV8lwWxZdSzSZhN3gccnmSPvBHEPfAnBCsjnSGX7WdKKS4jnJ5hTPnpmGvtngkmRzpDLlr6zplAEuSDZHoproXEPfTHBRsjnSaeV/AaMTVb2vSTZHquBI6UTGb0o2RzoPphv6JnEeJ9ac4klkmqadCkVpgQxKeC1My0CqwWCKk0Ep77wvK//LGdMQfSDZHNVIqAiU3mIH7kuieusE8FiqOeu3VuoiCIOUIyaDh7bmJmlHMdrxOpdsMEjP5hOrLBEtMIpUUb4OhmkMNvAQ/QyG2A01CopgLM+SSRqD33iZOBRlO/vVEdSpf08SRbrISCoMPQo0W9KsQy8RP0WgiXpDe1fainFJvYXskbNEdUEqU8dEwFCl6hydrHil/OX3LMN1dM0YRPBFIHORrDKHpJaOeI2FwXcS1znFkTMlrf1ALYZoglRzgZJWeqSqYHCQVHNW0lph6OsDaugVsuTDolOV+SxaTxAv2Ry9I5+j9JUxHyaWctHHfHlHksEZg6VstJVZ68j/IDrwSid6q2Gs1Gr8K8AARR7RnWs6ggIAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 56% 50%;
    width: 55px;
    height: 55px;
    margin: 150px auto 20px;
}
.call-video--title {
    font-size: 22px;
    font-weight: bold;
    color: #fbfbfb;
    margin-top: 10px;
}

.call-button {
    /* width: 236px; */
    /* height: 34px; */
    margin: 0 auto;
    background: rgba(37, 37, 37, 0.8);
    border-radius: 3px;
    text-align: center;
    pointer-events: none;
    visibility: hidden;
    display: none;
}
.call-button--timer {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: 10px;
    color: rgb(19 30 34 / 50%);
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.4px;
}
.call-button--video {}
.call-button--audio {}

/* #### BUTTONS #### */

button,
.call-button--button a {
    font-size: 16px;
    padding: 0.6em 1.4em;
    font-weight: bold;
    font-family: "PT Sans", Arial, sans-serif;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid #e4edf0;
    /* -webkit-transition: background 0.25s ease; */
    -o-transition: background 0.25s ease;
    /* transition: background 0.25s ease; */
    min-height: 40px;
    line-height: 25px;
}
button {
    display: inline-block;
    color: #46b05e;
    margin: 0 auto;
}

.red-button {
    background-color: #FFF;
    color: #e6402e !important;
}
.red-button:hover {
    background-color: #e6402e;
    color: #fff !important;
}
.red-button:active {
    /* background-color: #e72427; */
}
.green-button {
    /* background-color: #46b05e; */
}

.green-button:hover {
    background-color: #e4edf0;
}
.green-button:active {
    /* background-color: #3c9650; */
}

.call-button--cancel {
    display: none;
}
.call-button--end {
    display: none;
    background: #FFF;
    position: absolute;
    bottom: 30px;
    padding: 20px 15px 0;
    /* border-radius: 5px; */
    /* line-height: normal; */
    /* white-space: nowrap; */
    left: 1px;
    right: 0;
    border-top: 1px solid #e5edf0;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 320px) {
    .call-button--end {
        zoom: 0.9;
    }
}

.call-button--end a,
.call-button--end div {
    font-size: 14px;
    display: flex;
    padding: 0.4em 1.2em;
    vertical-align: top;
}

.call-button--close {
    display: none;
}
.call-button--call {
    display: none;
}

.call-button--chat {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAy0lEQVQ4jcXSsQ6CMBAG4P+qqzGsPIJxZ2Ck9wa+j/o8PoG5xt3d+AjsJq60LsBQS2gB4z+RK/flrgAsHOoemDkHUFhrVymAUqoBcBeRugeZOXfOPQFsJw72IqKdiNSqLRQzMLS9BQAoAEhdM5TOWIcOjTEUqvvRWju/FgSrqjqkTDcKEtF+UdAYc4pp1lofo0BmfsSAzn1dYRgUkaiV//pRLlNBNf5KdN7AwISJsUR0zbLsNgSeY3+bUPyVZ2E+OBvrU5blZhHoF/kASb86lU3uQqcAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    /* margin-right: 0 !important; */
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23444444' d='m40,4l-32,0c-2.21,0 -3.98,1.79 -3.98,4l-0.02,36l8,-8l28,0c2.21,0 4,-1.79 4,-4l0,-24c0,-2.21 -1.79,-4 -4,-4zm-4,24l-24,0l0,-4l24,0l0,4zm0,-6l-24,0l0,-4l24,0l0,4zm0,-6l-24,0l0,-4l24,0l0,4z'/%3E%3C/svg%3E");
}

.chat .call-button--chat {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA3ElEQVQ4jcXSPQ6CMBjG8afF1XSpC0cw7kTDMbxJE1Z1JXIST+DiRPzYjUdgkcXEldZFGEqbvHwY/xMp4Zf3TQFGjtUPMk9Cw3XEuQm6AFqziml+K+O0aECZJyGC6gFA9BzshSqYl3FacAAwXEcDMAAQXwMcALqu6ao2Jq6X5TJjrnM7eVHGPnOCs6taU0DT4jygMWxBAYG26Fl5v6Vw8qI2JFCe1Z0CunJPuMpIK//zUnCggK543w9baf0GPBN2pQAcn0KcPCDbUX8bV9bKwzALHI41yTyZjgL9og/4L0YPYKCE8QAAAABJRU5ErkJggg==);
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%230077FF' d='m40,4l-32,0c-2.21,0 -3.98,1.79 -3.98,4l-0.02,36l8,-8l28,0c2.21,0 4,-1.79 4,-4l0,-24c0,-2.21 -1.79,-4 -4,-4zm-4,24l-24,0l0,-4l24,0l0,4zm0,-6l-24,0l0,-4l24,0l0,4zm0,-6l-24,0l0,-4l24,0l0,4z'/%3E%3C/svg%3E");
}

.call-button-endcall {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkEyNDMxMkJGMDIzQTExRUJCQjA5RjY3RTFDRDQ3N0ZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkEyNDMxMkMwMDIzQTExRUJCQjA5RjY3RTFDRDQ3N0ZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTI0MzEyQkQwMjNBMTFFQkJCMDlGNjdFMUNENDc3RkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTI0MzEyQkUwMjNBMTFFQkJCMDlGNjdFMUNENDc3RkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5SwameAAAA/0lEQVR42mL8//8/AzUBEwOVwQg0kPGZgx5FBkjuv4jCZ8Gjlh2IVYGYH4i5gfgfEH8A4ndA/BiIfxPjQjMgjgJiTyBWBmJmHJb9AmKQ03YB8QKgK++gG8gHxAuBOIAMX/8B4slAXAE0+BfMy8uA2BuL4o9AvB2Ir0NdawDErkDMiRZshUDMAcRZIBdqARlXsRh2D4iNoeGGEg9AfAKI5dDEQWGsAEo2tji88gyLYSDwHIgf4UiCtiBCHIskKIPPwBNu63GIizIhRf9fID4IxHlQ7yzFY2AfNDi6gPgBcqoBhSEogN2A+DgQvyIncwCxORQvoHpOYRwtDykGAAEGAO50PGIzwkI1AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 25 12'%3E%3Cpath stroke='%23e6402e' stroke-width='2px' fill='%23e6402e' d='M17.000,6.219 L17.000,8.000 L21.000,9.000 C21.000,8.000 21.000,6.219 20.000,5.219 C17.000,2.219 7.000,2.219 4.000,5.219 C3.000,6.219 3.000,8.000 3.000,9.000 L7.000,8.000 L7.000,6.219 C7.000,3.219 17.000,3.219 17.000,6.219 Z'/%3E%3C/svg%3E");
}

.call-button-endcall:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFBMTE2RTVFMDIzQjExRUJCOUJCODM0OTFFNTc5NzI5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFBMTE2RTVGMDIzQjExRUJCOUJCODM0OTFFNTc5NzI5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUExMTZFNUMwMjNCMTFFQkI5QkI4MzQ5MUU1Nzk3MjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUExMTZFNUQwMjNCMTFFQkI5QkI4MzQ5MUU1Nzk3MjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4uGBbrAAAA7ElEQVR42uzUvwsBYRjAcYdICgsyMLGYlJLFaDL4Pwz8EyaDbPwDZosyW/0DMig/ik2MOuf1fYu6rve9xA0GT32u6733nrt7nqczhBA+L8Pv8zj+Cb+PoMu1MAqII4o7zjhhD1N5lxwbmwoGWOEm9HHFAl3k7TleJzFMxGdhoo+QzGU8B3uKhuIDLphhiQBKqCOi2DtES75dUfPkNRKOkkgZbBX7LWRll2uaphyeTXDGETvNxNTkIa3qFUYuEzDRrCf9tvZbmKONHMYuCfsoo4eNbd2QNYmgiZSiXu+Qja2ig7jx/339XsKHAAMAKtI2X9CJL+EAAAAASUVORK5CYII=);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='24px' viewBox='0 0 25 12'%3E%3Cpath stroke='%23ffffff' stroke-width='2px' fill='%23ffffff' d='M17.000,6.219 L17.000,8.000 L21.000,9.000 C21.000,8.000 21.000,6.219 20.000,5.219 C17.000,2.219 7.000,2.219 4.000,5.219 C3.000,6.219 3.000,8.000 3.000,9.000 L7.000,8.000 L7.000,6.219 C7.000,3.219 17.000,3.219 17.000,6.219 Z'/%3E%3C/svg%3E");
}

a[data-role="chat"].new:before,
.call-button--chat.active:after {
    content: attr(data-count);
    width: 16px;
    height: 16px;
    background-color: #e6402e;
    border-radius: 10px;
    margin-left: auto;
    transform: translate(6px, -8px);
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    font-size: 12px;
    line-height: normal;
    padding: 0.2em;
}

a[data-role="chat"].new:before {
    margin: 0;
    position: absolute;
    transform: translateY(0px) translateX(35px);
    color: #FFF;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 2px 5px;
    width: auto;
    height: auto;
    min-width: 12px;
}

.call-button--video {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAABcUlEQVQ4jc2TPS9EQRSGnzN37CIaVkVUStyN+AH2oiUoJSQEUepQaPkFGkGhlygk22wiSoVCpxdXIkLYBHfdu0fhIyu5++Er8VYncybPvGfeGfgL+Rl30fd6Jn6DZQAQvUJl98JLz/wGFIALLz3jZ9zwX0AV5L3+KC49dypMRAemYEdFdau096ZIlaP6xoaxVPb4HsAf7mskX1gFmau3dZ0tuZM7A3CV6WpSZdsJnFwxEe6ryOzrwZ/kiDDw9PgwBeB76XHyz2cgy0AqCKNmAAsQUdcKRQv0OoGTi5LhkClY4p1K6/lgt0uke3Hjm5i13ipOsZFtiYOVA9YE/Srw29BKwFioES07LryFUgv0PSiUTRW9ljJ+LUCiIXkTPDwWkcp3WpL+pohsqOoI0FG60QCkssf3IiwB+QpOXRM4K+2HpzsqMq+qCxhZQ1gHrpPWua1h2vL6V3+/Jqjfn56E6s+mqtoPT3dQmVYptv3cXoxeADYRr/H1sdqkAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath fill='%23444444' d='m22.5,20.9l5,3c0.1,0.1 0.3,0.1 0.5,0.1c0.2,0 0.3,0 0.5,-0.1c0.3,-0.2 0.5,-0.5 0.5,-0.9l0,-14c0,-0.4 -0.2,-0.7 -0.5,-0.9c-0.3,-0.2 -0.7,-0.2 -1,0l-5,3c-0.3,0.2 -0.5,0.5 -0.5,0.9l0,8c0,0.4 0.2,0.7 0.5,0.9z'/%3E%3Cpath fill='%23444444' d='m29.7,28.3l-9.7,-9.7l0,-7.6c0,-1.7 -1.3,-3 -3,-3l-7.6,0l-5.7,-5.7c-0.4,-0.4 -1,-0.4 -1.4,0s-0.4,1 0,1.4l26,26c0.2,0.2 0.5,0.3 0.7,0.3s0.5,-0.1 0.7,-0.3c0.4,-0.4 0.4,-1 0,-1.4z'/%3E%3Cpath fill='%23444444' d='m3,11l0,10c0,1.7 1.3,3 3,3l11,0c0.8,0 1.5,-0.3 2,-0.8l-14.7,-14.7c-0.8,0.6 -1.3,1.5 -1.3,2.5z'/%3E%3C/g%3E%3C/svg%3E");
}
.call-button--audio.call-button-audio--inactive {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAACa0lEQVQ4ja2Tu2tUQRTGf+e4uyYmFiEqRPENPhr7BR+rubkhaAgq2mgn/gs2IlhbqIUPEAUFUbBSEbPEG++Nze20EBW1SVSEWEQCqxuzs3MsdCVedxMRv2Zgzjc/vjNzBv6zBGBgYGDx7Ozs1Xw+f6pcLo83ir29vdtE5DiwEnhuZpdHR0cnFwQCEgTBQ2BrLpcrlcvl8SAIDgO3gEVz/J+AUhRFr1oB9edqzrn9wGvn3FgYhutFZBL4lvGvAC79TUIASqVSWz6fv29mm4HdIrLazB4CS+bYTFWXjoyMfJkvIQBJksxUKpUh4C0Qm9l7YC/wdW4IVV3eKqFmN9I0rYrITWANEAPvmkBb6g9gRr+gZrbvb6C/3WFfX99tM7toZhtF5Pqc0jtgt5mtFZEHwFYROWRm9SiKzrdMaGbLgF2q+qFZUhGZUNVB59wnMzskIj3ZhNmWnwG9U1NTT4CJZlDv/XiSJDPAJu/903mB9Xr9BrC9u7t7h6oeBD5m/F1AHATBBuBAoVC4Oy8wjuMXwFnv/R3n3OJqtbrFzI4CJ8xsQFV7gBkgVtWJ4eHh7OD/+cpdXV0nReSKqo61t7dfE5FFwEtV3ey9fwSsNrPP3vskDMP12fOS3WgoDMOd3vsj/JjBVcBr4HEulzszPT092dnZec/MNjX+/oLAhoIgKAFxFEW/eYvFYnsz6EKD3VJpmlYrlcqQiLyp1Wrx4ODgEoBcM3N/f39PvV4/BuREZJ2ZEQTB6Z/lL865c0mSuDRNq8Vicaijo+NYW1vbt5bAWq3Wo6p7ADUzgDGg1AAWCoVLgGskBS78a6cL6jtn9ASFpnvKHAAAAABJRU5ErkJggg==) no-repeat;
    background-position: 50%;
    background: url("data:image/svg+xml,%3Csvg width='22px' height='22px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23444444' d='m21,14l0,-6a6,6 0 0 0 -11,-3.27l10.79,10.82a5.63,5.63 0 0 0 0.21,-1.55z'/%3E%3Cpath fill='%23444444' d='m25,14a1,1 0 0 0 -2,0a8,8 0 0 1 -0.64,3.12l1.5,1.5a9.84,9.84 0 0 0 1.14,-4.62z'/%3E%3Cpath fill='%23444444' d='m28.71,26.29l0,0l-5.92,-5.92l-1.47,-1.47l-1.43,-1.43l-10.75,-10.75l-4.43,-4.43a1,1 0 0 0 -1.42,1.42l5.71,5.71l0,4.58a6,6 0 0 0 9.47,4.89l0,0l1.43,1.43a8,8 0 0 1 -12.9,-6.32a1,1 0 0 0 -2,0a10,10 0 0 0 9,9.95l0,4.05l-4,0a1,1 0 0 0 0,2l10,0a1,1 0 0 0 0,-2l-4,0l0,-4.05a10,10 0 0 0 5.33,-2.2l6,6a1,1 0 0 0 1.42,0a1,1 0 0 0 -0.04,-1.46z'/%3E%3C/svg%3E") no-repeat calc(50% + 1px) 50%;
}
.call-button--audio {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAABqElEQVQ4jbWSMWsUURSFv+vs2Czo1tpki/gHbDSFrM7eMCCBNAs2otjlBwipoz8jSKwUVkQIIjjLiIUsaQKCNlpspYU2W2xWdpx518JZ0Mm8RJb1dO+cd773Lu/BkiWn5ap6x8zWAUTkdZIkjwFbBCjdbncfuFnxXw4Ggw0fNPDRVPUucL8mutRut0ej0eh9Xe+MDzgfs04i4s28QODCCdnFRYAL6f8C4zheUdV3/H59d0LPARJF0ds4jle8wCzLfprZWhRFq8BnH01EPkVRtCoi14qiyLzANE2/AN9F5ArwhPq/Zmb2FLgKfEuS5KsXWJ6+C+yEYXhoZttA/kecm9l2GIaHIrJjZrvVfqNqTCaTB81m81ae58+A20EQPC+K4jpAEARvZrPZpMyK6XT6sNo/dsPhcPgD6ADnReSjc24LOAKOnHNbjUbjg5mdAzrl3r8nrBpz9Xq9s+Px+J6ZbQA3SjsVkf1Wq/Wo3+9nvu6pUtU9Vd37l71L/9jekVV13czWAMxsE0BEXgA45w7SNH1V1zv2ynM55y6LSKcEjUt7vp4BtcCl6xeeXKAx3DBkSAAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='22' height='22' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23444444' d='m16,20a6,6 0 0 0 6,-6l0,-6a6,6 0 0 0 -12,0l0,6a6,6 0 0 0 6,6z'/%3E%3Cpath fill='%23444444' d='m26,14a1,1 0 0 0 -2,0a8,8 0 0 1 -16,0a1,1 0 0 0 -2,0a10,10 0 0 0 9,9.95l0,4.05l-4,0a1,1 0 0 0 0,2l10,0a1,1 0 0 0 0,-2l-4,0l0,-4.05a10,10 0 0 0 9,-9.95z'/%3E%3C/svg%3E");
    transition: none !important;
}

.call-button--view {
    display: none !important;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%0A%3Csvg viewBox='0 0 16 16' width='18px' height='18px' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Crect stroke='%233C79CF' rx='1' height='14.467441' width='8.448986' y='0.764832' x='0.766279' stroke-width='1.5' fill='%233C79CF'/%3E%3Cpath fill='%23444' d='m15,0l-2,0c-0.55,0 -1,0.45 -1,1l0,2c0,0.55 0.45,1 1,1l2,0c0.55,0 1,-0.45 1,-1l0,-2c0,-0.55 -0.45,-1 -1,-1zm0,6l-2,0c-0.55,0 -1,0.45 -1,1l0,2c0,0.55 0.45,1 1,1l2,0c0.55,0 1,-0.45 1,-1l0,-2c0,-0.55 -0.45,-1 -1,-1zm0,6l-2,0c-0.55,0 -1,0.45 -1,1l0,2c0,0.55 0.45,1 1,1l2,0c0.55,0 1,-0.45 1,-1l0,-2c0,-0.55 -0.45,-1 -1,-1z'/%3E%3C/g%3E%3C/svg%3E");
}

[data-call="video"] .call-button--view {
    display: flex !important;
}

.call-button--view.grid {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' width='18px' height='18px' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23444444' d='m3,0l-2,0c-0.55,0 -1,0.45 -1,1l0,2c0,0.55 0.45,1 1,1l2,0c0.55,0 1,-0.45 1,-1l0,-2c0,-0.55 -0.45,-1 -1,-1zm6,0l-2,0c-0.55,0 -1,0.45 -1,1l0,2c0,0.55 0.45,1 1,1l2,0c0.55,0 1,-0.45 1,-1l0,-2c0,-0.55 -0.45,-1 -1,-1zm6,0l-2,0c-0.55,0 -1,0.45 -1,1l0,2c0,0.55 0.45,1 1,1l2,0c0.55,0 1,-0.45 1,-1l0,-2c0,-0.55 -0.45,-1 -1,-1zm-12,6l-2,0c-0.55,0 -1,0.45 -1,1l0,2c0,0.55 0.45,1 1,1l2,0c0.55,0 1,-0.45 1,-1l0,-2c0,-0.55 -0.45,-1 -1,-1zm6,0l-2,0c-0.55,0 -1,0.45 -1,1l0,2c0,0.55 0.45,1 1,1l2,0c0.55,0 1,-0.45 1,-1l0,-2c0,-0.55 -0.45,-1 -1,-1zm6,0l-2,0c-0.55,0 -1,0.45 -1,1l0,2c0,0.55 0.45,1 1,1l2,0c0.55,0 1,-0.45 1,-1l0,-2c0,-0.55 -0.45,-1 -1,-1zm-12,6l-2,0c-0.55,0 -1,0.45 -1,1l0,2c0,0.55 0.45,1 1,1l2,0c0.55,0 1,-0.45 1,-1l0,-2c0,-0.55 -0.45,-1 -1,-1zm6,0l-2,0c-0.55,0 -1,0.45 -1,1l0,2c0,0.55 0.45,1 1,1l2,0c0.55,0 1,-0.45 1,-1l0,-2c0,-0.55 -0.45,-1 -1,-1zm6,0l-2,0c-0.55,0 -1,0.45 -1,1l0,2c0,0.55 0.45,1 1,1l2,0c0.55,0 1,-0.45 1,-1l0,-2c0,-0.55 -0.45,-1 -1,-1z'/%3E%3C/svg%3E");
}

.call-button--mobile {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAuklEQVQ4je2UMQoCMRBF32QtPIBnWC1ErKyVzRHE44igvfcQb5AFPYKtYGXtAezGZkVYkrjG7fSX839efiAMtCzxDYuiGInIEugFzt1EZOOcO9WNjvcWkR3QjzVR1SEwqM9NIB+FxTIhYLK8T640K8vy6DOstVPg4PNab/gH/gIw9g/H1tqglwLcNmn0CfCpu6ruAURkDnS/BV5VdVUBJ0CeAjzz2ia5MeYSyDQDquri3YLNsmwda9qaHrCvI2EUnJGjAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23444444' d='m29,9l-7,0c-1.7,0 -3,1.3 -3,3l0,15c0,1.7 1.3,3 3,3l7,0c1.7,0 3,-1.3 3,-3l0,-15c0,-1.7 -1.3,-3 -3,-3zm-2,18l-3,0c-0.6,0 -1,-0.4 -1,-1s0.4,-1 1,-1l3,0c0.6,0 1,0.4 1,1s-0.4,1 -1,1zm3,-5l-9,0l0,-10c0,-0.6 0.4,-1 1,-1l7,0c0.6,0 1,0.4 1,1l0,10z'/%3E%3Cpath fill='%23444444' d='m17,18l-12,0l0,-11l17,0l1,0l2,0l0,-1c0,-0.6 -0.4,-1 -1,-1l-20,0c-0.6,0 -1,0.4 -1,1l0,12c-0.4,0 -0.8,0.2 -0.9,0.6l-2,5c-0.1,0.3 -0.1,0.7 0.1,0.9s0.5,0.5 0.8,0.5l16,0l0,-7z'/%3E%3C/svg%3E");
}
.call-button--share {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAABLklEQVRIie2UsUvDUBjE7xIzOTgInaqju4v+AfkoiKDg6mSH0tFu7k7uDtbF1UFcIySvk/+JAXF1LXnn1BIxTUMjiNCb8r377n68EAKs9dfi7MHMjkneSeq2KiTzoigGk8kkAYCgZLQuBwBJ3TAM72dzUDballd1BXWLi0TyqunuSoA0TW8kDQH4BStaBfBBcizpCACcc2NJ5wCmdaGNhuXPURRdJEnyWT50zj2a2RTAUxvAQ5Zl/SrDzLYAXFZY81e0DPAOYBTH8TbJU5IH3vuOc+6s1+t1vPcvAPbrCmoBJG8l9UleA9iUBJIws13vfQpgb0G02Q0kHQI4qbBeAezUZWda9hVVlaNp+TcAybxpaJkkvf0AFEUx+A0IyZzkcD6bmeoCbbXSr2Kt/6UvpuRoulclAMcAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' d='m0,0l48,0l0,48l-48,0l0,-48z'/%3E%3Cpath fill='%23444444' d='m40,36c2.2,0 3.98,-1.8 3.98,-4l0.02,-20c0,-2.22 -1.8,-4 -4,-4l-32,0c-2.22,0 -4,1.78 -4,4l0,20c0,2.2 1.78,4 4,4l-8,0l0,4l48,0l0,-4l-8,0zm-14,-7.06l0,-4.38c-5.56,0 -9.22,1.7 -12,5.44c1.12,-5.34 4.22,-10.66 12,-11.74l0,-4.26l8,7.46l-8,7.48z'/%3E%3C/svg%3E");
}
.call-button--share.sharing {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAABR0lEQVRIie2UPUsDQRCGn7moQS0sAoF8aCmCEBRBW4NBEEHB1soUIaV29lb2FsbG1kJsI9icYGMZ8xM8Em0srM5cuLHQC8FLzuMSECFPtbsz876zy+7CiL9GvEEzv7St6p4D2QE1LVEtpe7rVQDDWx2SOEBWRS68idEdGIK4T8sIyuqHosdhcyMZZMz6KUgZxe3bQwSDV9AKsAWQNmsVFfYBJ6hoLJS0chOfmjxIVB/fu5cz5tNVI59zUK4jG4jIZcqsFXvF3gorM3bbOezRUOeIfjHQZjw2fmRtLCTEje+KuqtAMm3W9142c0m75dwCy0EKwQYiZ7bTKhoycQI67b3LRmFxzv3gDmG+d13IHYjLmors+ALt2APCbGBz3wTeIhX84l+EEv9pYIUtCsGzz0BUS0MysRApd3Qb6zkNyh6USF/FiP/FJ4ltXLJ3QS1nAAAAAElFTkSuQmCC);
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='none' d='m0,0l48,0l0,48l-48,0l0,-48z'/%3E%3Cpath fill='%230077FF' d='m42.44,36.04l4,4l1.56,0l0,-4l-5.56,0zm1.54,-4l0.02,-20c0,-2.22 -1.8,-4 -4,-4l-25.56,0l10.46,10.46c0.36,-0.08 0.72,-0.14 1.1,-0.2l0,-4.26l8,7.46l-3.16,2.94l11.08,11.08c1.22,-0.66 2.06,-1.98 2.06,-3.48zm-39.2,-28.58l-2.56,2.54l3.08,3.08c-0.8,0.72 -1.3,1.78 -1.3,2.96l0,20c0,2.2 1.78,4 4,4l-8,0l0,4l36.26,0l5.42,5.42l2.54,-2.54l-39.44,-39.46zm48.42,55.16c0.62,-2.96 1.84,-5.9 4.14,-8.12l3.18,3.18c-3.08,0.76 -5.4,2.36 -7.32,4.94z'/%3E%3C/svg%3E");
}

.call-button--settings {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAACQ0lEQVQ4jY2TvWsUURTFf/ftJNn40QhBBMVCSBAxiKhoQEkQXNnZSSGudprWQvQvCIi9/gGCIYqNW7gwL7uOaCUSEiTqprIR4gcWgsRCh/2Y9yzckclmZ5JT3XfuuWfO490RMlAoFPYNDAw8B8a7VKPdbl8MguB72ozKMnQc51rCDGC8y6Ui01AptbMPvSMzRFy4rnsJOCIiD7XW38rlci4Mw8neARE5HdfT09N7jTE3gA9a62cAAuB53oy1dq6rawIvgAPAsZQgL4EvwGVgN4C1dmZhYWFeyuXyrjAMPwEjWVfZBn4opQ45YRie2MKsCax06+PAUIpuJIqiKRVF0aKIrPZTiMiSiIxqrSe01hPGmDERWUrRvjXGBKperzdbrdakiMz3Joui6Krv+59jolarrSmlykCYFFpr7+fz+XP1er0pyYbneQ1r7dHucVFrPdEvTalUegPEvXda6+NxL3MPM5AMkk+eBaBQKOwZHBy8Z629nhA2jTFjtVptLelULBYPKqU+svFxHrfb7dtBEPyM12YZONwnybIx5kps2jV7CpzaFFlktdPpnBTP80rWWj/jettdG0TkvJPP51+FYfgV2J+iGwLOZHwwNvuVy+VWVKVSCa21t4AobgBz/Pu90vAe8IFWgputVqvr/1/Hdd2zIjLuOM6TarW6DlAqlQLgQo/Z6+Hh4alKpRIVi8VRpdRNoKG1fgAbn38TXNe9IyKzPVe76/v+bNrMVnv4p5cwxvzOGsg07HQ6j4BGgmp0uVT8BT9N2arNKLC2AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' d='m0,0l48,0l0,48l-48,0l0,-48z'/%3E%3Cpath fill='%23444444' d='m38.86,25.95c0.08,-0.64 0.14,-1.29 0.14,-1.95s-0.06,-1.31 -0.14,-1.95l4.23,-3.31c0.38,-0.3 0.49,-0.84 0.24,-1.28l-4,-6.93c-0.25,-0.43 -0.77,-0.61 -1.22,-0.43l-4.98,2.01c-1.03,-0.79 -2.16,-1.46 -3.38,-1.97l-0.75,-5.3c-0.09,-0.47 -0.5,-0.84 -1,-0.84l-8,0c-0.5,0 -0.91,0.37 -0.99,0.84l-0.75,5.3c-1.22,0.51 -2.35,1.17 -3.38,1.97l-4.98,-2.01c-0.45,-0.17 -0.97,0 -1.22,0.43l-4,6.93c-0.25,0.43 -0.14,0.97 0.24,1.28l4.22,3.31c-0.08,0.64 -0.14,1.29 -0.14,1.95s0.06,1.31 0.14,1.95l-4.22,3.31c-0.38,0.3 -0.49,0.84 -0.24,1.28l4,6.93c0.25,0.43 0.77,0.61 1.22,0.43l4.98,-2.01c1.03,0.79 2.16,1.46 3.38,1.97l0.75,5.3c0.08,0.47 0.49,0.84 0.99,0.84l8,0c0.5,0 0.91,-0.37 0.99,-0.84l0.75,-5.3c1.22,-0.51 2.35,-1.17 3.38,-1.97l4.98,2.01c0.45,0.17 0.97,0 1.22,-0.43l4,-6.93c0.25,-0.43 0.14,-0.97 -0.24,-1.28l-4.22,-3.31zm-14.86,5.05c-3.87,0 -7,-3.13 -7,-7s3.13,-7 7,-7s7,3.13 7,7s-3.13,7 -7,7z'/%3E%3C/svg%3E");
}

.call-button--icon {
    border-radius: 25px !important;
    max-width: 40px;
    min-width: 40px;
    padding: 0 !important;
    margin-right: 10px;
    background-repeat: no-repeat;
    transition: background 0.3s ease-in-out;
}

.call-button--volume {
    width: 110px;
    background-color: #FFFF;
    height: 40px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 4px -1px;
    border: 1px solid #e5edf0;
    border-radius: 25px;
}

.call-button--volume__icon {
    display: block !important;
    padding: 0 !important;
    /* background-color: blanchedalmond; */
    cursor: pointer;
    width: 29px;
    height: 29px;
    margin-left: -10px;
    margin-top: -1px;
    background-repeat: no-repeat;
    background-position: center;
    transition: background 0.3s ease-in-out;
}
.call-button--volume__icon[data-volume="medium"] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFM0UxNEVDRjEwNDExRUFCQUI2RDIzQzA0NEYxNTJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFM0UxNEVERjEwNDExRUFCQUI2RDIzQzA0NEYxNTJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUUzRTE0RUFGMTA0MTFFQUJBQjZEMjNDMDQ0RjE1MkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUUzRTE0RUJGMTA0MTFFQUJBQjZEMjNDMDQ0RjE1MkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61hdPiAAABLUlEQVR42mJmIA2UAfFvIH7GQAaIB2JuKHszFE8EYgVkRcxEGBICxGugLmEDYnkgFgdiFyC+A8TPCRkEM4QByaCLQLwL6hpZILYG4tNA/IGJCEOQASMQfwLiJiA+C3VhAUiciQRDQKADiPmB+B8Q9wPxZyBWAmIzFmjgEQu0gLgaiMuB+CMQ74RaasdERixqArE+lH0CSuuQYxAIaEDp51BagFyDMAC5Bt2A0pJQ+gM5Bl2HpicQsIDSV0CxFoGmMARP9F+BJoH/0GTgDhU/BDLoK5rihUgGooMqqCEgnxQCMS8Q3wPiUyw4bMZlGMgQPiAuAmJjIP4FxBNA4ix4wgKbYaBU7wktDUCGtALxfZAEC4GAXYgl/Big3gFlkQekxhQjUsFmhsSHA4AAAwC5Rzl6ZMxoJAAAAABJRU5ErkJggg==);
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23444444' d='m6,18l0,12l8,0l10,10l0,-32l-10,10l-8,0zm27,6c0,-3.53 -2.04,-6.58 -5,-8.05l0,16.11c2.96,-1.48 5,-4.53 5,-8.06z'/%3E%3C/svg%3E");
}
.call-button--volume__icon[data-volume="low"] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFM0UxNEVDRjEwNDExRUFCQUI2RDIzQzA0NEYxNTJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFM0UxNEVERjEwNDExRUFCQUI2RDIzQzA0NEYxNTJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUUzRTE0RUFGMTA0MTFFQUJBQjZEMjNDMDQ0RjE1MkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUUzRTE0RUJGMTA0MTFFQUJBQjZEMjNDMDQ0RjE1MkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61hdPiAAABLUlEQVR42mJmIA2UAfFvIH7GQAaIB2JuKHszFE8EYgVkRcxEGBICxGugLmEDYnkgFgdiFyC+A8TPCRkEM4QByaCLQLwL6hpZILYG4tNA/IGJCEOQASMQfwLiJiA+C3VhAUiciQRDQKADiPmB+B8Q9wPxZyBWAmIzFmjgEQu0gLgaiMuB+CMQ74RaasdERixqArE+lH0CSuuQYxAIaEDp51BagFyDMAC5Bt2A0pJQ+gM5Bl2HpicQsIDSV0CxFoGmMARP9F+BJoH/0GTgDhU/BDLoK5rihUgGooMqqCEgnxQCMS8Q3wPiUyw4bMZlGMgQPiAuAmJjIP4FxBNA4ix4wgKbYaBU7wktDUCGtALxfZAEC4GAXYgl/Big3gFlkQekxhQjUsFmhsSHA4AAAwC5Rzl6ZMxoJAAAAABJRU5ErkJggg==);
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23444444' id='svg_1' d='m6,18l0,12l8,0l10,10l0,-32l-10,10l-8,0z'/%3E%3C/svg%3E");
}
.call-button--volume__icon[data-volume="high"] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFM0UxNEVDRjEwNDExRUFCQUI2RDIzQzA0NEYxNTJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFM0UxNEVERjEwNDExRUFCQUI2RDIzQzA0NEYxNTJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUUzRTE0RUFGMTA0MTFFQUJBQjZEMjNDMDQ0RjE1MkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUUzRTE0RUJGMTA0MTFFQUJBQjZEMjNDMDQ0RjE1MkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61hdPiAAABLUlEQVR42mJmIA2UAfFvIH7GQAaIB2JuKHszFE8EYgVkRcxEGBICxGugLmEDYnkgFgdiFyC+A8TPCRkEM4QByaCLQLwL6hpZILYG4tNA/IGJCEOQASMQfwLiJiA+C3VhAUiciQRDQKADiPmB+B8Q9wPxZyBWAmIzFmjgEQu0gLgaiMuB+CMQ74RaasdERixqArE+lH0CSuuQYxAIaEDp51BagFyDMAC5Bt2A0pJQ+gM5Bl2HpicQsIDSV0CxFoGmMARP9F+BJoH/0GTgDhU/BDLoK5rihUgGooMqqCEgnxQCMS8Q3wPiUyw4bMZlGMgQPiAuAmJjIP4FxBNA4ix4wgKbYaBU7wktDUCGtALxfZAEC4GAXYgl/Big3gFlkQekxhQjUsFmhsSHA4AAAwC5Rzl6ZMxoJAAAAABJRU5ErkJggg==);
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23444444' d='m6,18l0,12l8,0l10,10l0,-32l-10,10l-8,0zm27,6c0,-3.53 -2.04,-6.58 -5,-8.05l0,16.11c2.96,-1.48 5,-4.53 5,-8.06zm-5,-17.54l0,4.13c5.78,1.72 10,7.07 10,13.41s-4.22,11.69 -10,13.41l0,4.13c8.01,-1.82 14,-8.97 14,-17.54s-5.99,-15.72 -14,-17.54z'/%3E%3C/svg%3E");
}
.call-button--volume__icon[data-volume="off"] {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFM0UxNEVDRjEwNDExRUFCQUI2RDIzQzA0NEYxNTJEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFM0UxNEVERjEwNDExRUFCQUI2RDIzQzA0NEYxNTJEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUUzRTE0RUFGMTA0MTFFQUJBQjZEMjNDMDQ0RjE1MkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUUzRTE0RUJGMTA0MTFFQUJBQjZEMjNDMDQ0RjE1MkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz61hdPiAAABLUlEQVR42mJmIA2UAfFvIH7GQAaIB2JuKHszFE8EYgVkRcxEGBICxGugLmEDYnkgFgdiFyC+A8TPCRkEM4QByaCLQLwL6hpZILYG4tNA/IGJCEOQASMQfwLiJiA+C3VhAUiciQRDQKADiPmB+B8Q9wPxZyBWAmIzFmjgEQu0gLgaiMuB+CMQ74RaasdERixqArE+lH0CSuuQYxAIaEDp51BagFyDMAC5Bt2A0pJQ+gM5Bl2HpicQsIDSV0CxFoGmMARP9F+BJoH/0GTgDhU/BDLoK5rihUgGooMqqCEgnxQCMS8Q3wPiUyw4bMZlGMgQPiAuAmJjIP4FxBNA4ix4wgKbYaBU7wktDUCGtALxfZAEC4GAXYgl/Big3gFlkQekxhQjUsFmhsSHA4AAAwC5Rzl6ZMxoJAAAAABJRU5ErkJggg==);
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6,18l0,12l8,0l10,10l0,-32l-10,10l-8,0z' fill='%23444444'/%3E%3Cpath stroke='null' fill='%23444444' d='m37.258896,23.810889l3.703698,-3.703698a1.617335,1.617335 0 0 0 -2.280443,-2.280443l-3.703698,3.703698l-3.703698,-3.703698a1.617335,1.617335 0 0 0 -2.280443,2.280443l3.703698,3.703698l-3.703698,3.703698a1.617335,1.617335 0 1 0 2.280443,2.280443l3.703698,-3.703698l3.703698,3.703698a1.617335,1.617335 0 0 0 2.280443,-2.280443l-3.703698,-3.703698z'/%3E%3C/svg%3E");
}

.call-button--volume--range {
    position: absolute;
    width: 54px !important;
    top: 50%;
    right: 15px;
    transform: translateY(calc(-50% - 4px));
}

.call-button--fullScreen {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjcwMDE0NjhGRjEwMzExRUE5RDU0OTI3REM2NDQzRTRBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjcwMDE0NjkwRjEwMzExRUE5RDU0OTI3REM2NDQzRTRBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzAwMTQ2OERGMTAzMTFFQTlENTQ5MjdEQzY0NDNFNEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzAwMTQ2OEVGMTAzMTFFQTlENTQ5MjdEQzY0NDNFNEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5GQI4nAAAA20lEQVR42mJ0cXExZGBgsGfABD/37NkzHVkAqDYTSLFjUXuQBUiEA3E5FsmPQDwdTawdiPmxqO0EGSQM5bwA4pNIkl+xaNgKxNxIfHMglgCZATLoKlTwJNArAQx4AFA+Gs2rG4CUP8gMJgYqAaoa9BMasF/J0P8VqvcnwyggCBihyR6UYreipxNCAKh3KZDyBuJKJmje4UdLscQCbqhe9sGXIEF5TRuWAaF5B57YsOStpVgyLQhogwx6C+VIQDMgcjGCDrxxFCNvQQathBYhGAUbFrFKXAUbQIABALX4M5HQPt5uAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 18px;
    display: none !important;
}

.call-button--fullScreen.call-button--fullScreen--active {
    /* background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAABDElEQVQ4jc2VvU4CQRRGzxgTOp6LhBcgktBgrKD0KWzZxlDbUVLYEZ9lCx8BG4+FFxzWnVVWCr/qzv05uXtnZwZ1pL6qY3pKHau1OiIM1X0Tqk7VRbZeqNMW2D4YddNxhKq36ru6y4p34Zu3wL4aaglUUWgL0IitWmGF1nO1AXOdwK4ORkppC6x77Mk6ak+VzezcDo8zzWGTAuw3wAN0AnAduUPgpfBJzwW7qWFH7B8pAah3wE0hZ5tSeoi8e6B0RJ9SSo9E4sU2hSx5XoD+BPz+22QFqx7AVQl2uaMXjg0wAN6ACrAwfCJWRe4A2Nhx0/zt+rL7gp2py2y9VGcdo6rx8wmom7BzZPYEfACJStKs055J+gAAAABJRU5ErkJggg==); */
}

/* #### STATUS #### */

.call-status--call .call-button--end,
.call-status--video .call-button--end,
.call-status--error .call-button--close,
.call-status--nomicrophone .call-button--close {
    display: flex;
}
.call-status--calling .call-button--cancel {
    color: #e6402e;
    display: inline-block;
    margin: 0 auto;
}

.call-button-accept,
.call-button-decline,
.call-status--request .call-button--cancel,
.call-status--mobile .call-button-back,
.call-status--end .call-button--close,
.call-status--error .call-button--close,
.call-status--nomicrophone .call-button--close,
.call-status--notallowed .call-button--close {
    display: inline-block;
    color: #46b05e;
    margin: 0 auto;
    background-image: none;
    border: 1px solid #e4edf0;
    padding: 1em 2em;
    border-radius: 5px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}

.call-button-decline {
    color: #e6402e;
}

.call-status-cameraSelfOn .call-button--video {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA30lEQVQ4je3PoU7DUBSA4f+MVlwSSNbxBjMoXuLWVFQwHgDFC2DAkMxN8BZ4sDW3BNMXQOGxywhUHNNxpsnappkghOxXNzm5X86BfX8l2Xp4769FZA4cdXxaAy+qel5VVQ2Q5/mhqt4BV8A0hPA5Asiy7FhE7nswgAPAO+cuAdI0nanqG3ALTKIoGgNEAGaWAKOB551478+Ax7bhUORHIpJ0zXYC+/qnoJmtekERWQHfA71lWZavwAXw3goWRfEF3AB1D7Q2s+c4jh8AQghPzrlTEVkAy6ZpPgYutO+32wBsPzwpxA9PswAAAABJRU5ErkJggg==);
    background-image: url("data:image/svg+xml,%0A%3Csvg width='24px' height='24px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23444444' d='m17,8l-11,0c-1.7,0 -3,1.3 -3,3l0,10c0,1.7 1.3,3 3,3l11,0c1.7,0 3,-1.3 3,-3l0,-10c0,-1.7 -1.3,-3 -3,-3z'/%3E%3Cpath fill='%23444444' d='m28.5,8.1c-0.3,-0.2 -0.7,-0.2 -1,0l-5,3c-0.3,0.2 -0.5,0.5 -0.5,0.9l0,8c0,0.4 0.2,0.7 0.5,0.9l5,3c0.1,0.1 0.3,0.1 0.5,0.1c0.2,0 0.3,0 0.5,-0.1c0.3,-0.2 0.5,-0.5 0.5,-0.9l0,-14c0,-0.4 -0.2,-0.7 -0.5,-0.9z'/%3E%3C/svg%3E");
}
.call-status-cameraSelfOn .call-video-self--overlay,
.call-status-cameraOn .call-video--overlay {
    visibility: hidden;
}

.call-status--video .call-button--fullScreen {
    display: inline-block !important;
}

.call-status--fullscreen .call-video--self {
    z-index: 100000000000;
}

.call-status--fullscreen .call-box--title,
.call-status--fullscreen .call-box--footer,
.call-status--fullscreen .call-box--content {
    /* background: #000; */
}

.call-status--calling {}
.call-status--call {}
.call-status--end {}
.call-status--error {}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    margin: 4px 0;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    box-shadow: 0px 0px 0px rgba(0, 1, 0, 0), 0px 0px 0px rgba(0, 27, 0, 0);
    background: #ecf0f2;
    border-radius: 0px;
    border: 1px solid rgba(0, 0, 0, 0);
}
input[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 0px 0px rgba(63, 114, 83, 0), 0px 0px 0px rgba(72, 130, 95, 0);
    border: 0px solid #ecf0f2;
    height: 10px;
    width: 10px;
    border-radius: 10px;
    background: #a1b6bd;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ecf0f2;
}
input[type=range]::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    box-shadow: 0px 0px 0px rgba(0, 1, 0, 0), 0px 0px 0px rgba(0, 27, 0, 0);
    background: #ecf0f2;
    border-radius: 0px;
    border: 1px solid rgba(0, 0, 0, 0);
}
input[type=range]::-moz-range-thumb {
    box-shadow: 0px 0px 0px rgba(63, 114, 83, 0), 0px 0px 0px rgba(72, 130, 95, 0);
    border: 0px solid #ecf0f2;
    height: 10px;
    width: 10px;
    border-radius: 10px;
    background: #a1b6bd;
    cursor: pointer;
}
input[type=range]::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #ecf0f2;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 1, 0, 0), 0px 0px 0px rgba(0, 27, 0, 0);
}
input[type=range]::-ms-fill-upper {
    background: #ecf0f2;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0px;
    box-shadow: 0px 0px 0px rgba(0, 1, 0, 0), 0px 0px 0px rgba(0, 27, 0, 0);
}
input[type=range]::-ms-thumb {
    box-shadow: 0px 0px 0px rgba(63, 114, 83, 0), 0px 0px 0px rgba(72, 130, 95, 0);
    border: 0px solid #ecf0f2;
    height: 10px;
    width: 10px;
    border-radius: 10px;
    background: #a1b6bd;
    cursor: pointer;
    height: 2px;
}
input[type=range]:focus::-ms-fill-lower {
    background: #ecf0f2;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ecf0f2;
}


.c-settings-wrapper,
.c-popup-wrapper,
.c-dialog-wrapper,
.c-search-wrapper {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(51, 72, 79, 0.65);
    overflow: auto;

    opacity: 0;
    visibility: hidden;

    transition-property: opacity, visibility;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out;
    transition-delay: initial;
}
.c-settings-body,
.c-popup-body,
.c-dialog-body,
.c-search-body {
    position: absolute;
    width: 760px;
    margin-left: -380px;
    left: 50%;
    top: 100px;
    margin-bottom: 100px;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
    background: #FFF;
    border-radius: 6px;

    transition-property: transform;
    transition-duration: 0.25s;
    transition-timing-function: ease-in-out;
    transition-delay: initial;


}

.c-settings-body {
    width: 960px;
    margin-left: -480px;
}

.c-settings-title,
.c-popup-title,
.c-search-title {
    color: #91a8b0;
    font-size: 22px;
    font-weight: 500;
    line-height: 76px;
    height: 76px;
    position: relative;
    padding-left: 30px;
}

.c-settings-title {
    border-bottom: 2px solid #eff5f7;
}

.c-dialog-title {
    color: #91a8b0;
    font-size: 22px;
    font-weight: 500;
    line-height: 76px;
    height: 76px;
    position: relative;
    padding-left: 30px;
}

.c-settings-title--closer,
.c-popup-title--closer,
.c-dialog-title--closer,
.c-search-title--closer {
    position: absolute;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjFENzE1QUVEMjhDRTExRTc5NEY5OTkzMTVBN0E4MkQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFENzE1QUVFMjhDRTExRTc5NEY5OTkzMTVBN0E4MkQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MUQ3MTVBRUIyOENFMTFFNzk0Rjk5OTMxNUE3QTgyRDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ3MTVBRUMyOENFMTFFNzk0Rjk5OTMxNUE3QTgyRDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7t7VWhAAAAqklEQVR42ozSMQ6CYAwF4NqQKAeQSzDKBXDD23kLRibZYHHE0UvoAXTD16Qk5rctNnkM/P0gvLA5t92ViLbICXlSPHukR16Myw6pkFEPIiQ7ByRnfdMdKQO8oFJ3G4EP5BjgFNXySayHFi48JCD7evKCB10c9P4PSqGFyUIybBQx0x/DK+25bfNKe7WHOapcY2LW2kevPQ8LvATIw73ANzIFKMU3+ck/AgwAk29BtMZzXs4AAAAASUVORK5CYII=);
    width: 14px;
    height: 14px;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.c-popup-wrapper--unclose .c-popup-title--closer {
    display: none;
}

.c-settings-title--closer:hover,
.c-popup-title--closer:hover,
.c-search-title--closer:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFGRUEyQkFFMjhDRTExRTc5OUUzQkY0NzFGNjE1QTE0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFGRUEyQkFGMjhDRTExRTc5OUUzQkY0NzFGNjE1QTE0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUZFQTJCQUMyOENFMTFFNzk5RTNCRjQ3MUY2MTVBMTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUZFQTJCQUQyOENFMTFFNzk5RTNCRjQ3MUY2MTVBMTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz591Q/6AAAAqklEQVR42ozSMQ6CYAwF4KYhEQ8gl2DUC8CmB/EajtwINlgccfQSeADd5DUpiflpi00eA38/CC9k11tzJ6IdckFeFM8B6ZA345IjJ2TQgwjJzhHZs77piZQBXlCpu2eBE1IHOEWVfBLroYULDwnIfp684F4Xe72/Qim0MFlIho0ivvTH8EZ7btu80V7lYY4q15iYtfbBa8/DAtsAebgT+EHGAKX4IT/5LMAAGAxBOgU+Tm4AAAAASUVORK5CYII=);
}

.c-settings-section,
.c-popup-section,
.c-search-section {
    border-top: 2px solid #eff5f7;
}

.c-settings-section {
    display: none;
    margin-left: 270px;
    border: none;
    margin-bottom: 30px;
    min-height: 400px;
    position: relative;
}

.c-settings-section.c-settings-section--show {
    display: block;
}

.c-dialog-section {}

.c-settings-row,
.c-popup-row,
.c-search-row {
    height: 76px;
    margin: 0 30px 0 30px;
    line-height: 76px;
    font-size: 16px;
    font-weight: 600;
    color: #131e22;
    position: relative;
}

.c-settings-row {
    /* height: 55px; */
    margin: 0 30px 0 30px;
    /* line-height: 55px; */
    font-weight: 500;
    font-size: 15px;
    line-height: normal;
    height: auto;
    padding: 18px 0;
    padding-right: 55px;
}

.c-dialog-row {
    color: #131e22;
    position: relative;
    height: auto;
    line-height: normal;
    padding: 0;
}

.c-popup-row {
    height: auto;
    line-height: normal;
    padding: 20px 0;
}

.c-settings-row:after,
.c-popup-row:after,
.c-search-row:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #d8e4e8;
    height: 1px;
    z-index: -1;
}
.c-popup-row:after,
.c-search-row:after {
    right: 0;
}

.c-popup-section .c-settings-row:last-child:after,
.c-popup-section .c-popup-row:last-child:after,
.c-popup-section .c-search-row:last-child:after {
    display: none;
}

.c-popup-wrapper.c-popup--show {
    opacity: 1;
    visibility: visible;
}
.c-popup-wrapper.c-popup--show .c-popup-body {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.progress-bar {
    left: 50%;
    max-width: 50%;
    position: absolute;
    top: 50px;
    transform: translate3d(-50%, -50%, 0);

    border-radius: 60px;
    overflow: hidden;
    width: 100%;
}

.progress-bar span {
    display: block;
}
.bar {
    background: rgba(0, 0, 0, 0.075);
}

.progress {
    background: #0077ff;
    color: #fff;
    padding: 5px;
    width: 0;
    transition: all 0.5s ease-in-out;
}

.call-manager--box {
    position: absolute;
    top: 20px;
    left: 20px;
}
.call-manager--box__ph {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 55px;
    background-size: cover;
}
.call-manager--box__desc {
    color: rgb(19 30 34 / 50%);
    font-size: 14px;
    margin-top: 8px;
    margin-left: 60px;
}
.call-manager--box__name {
    color: #131e22;
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px;
    margin-left: 60px;
}

.call-content--custom__queue {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
}
.call-content--custom__queue > div:first-child {
    flex-basis: 40%;
    padding: 0 90px;
}
.call-content--custom__queue > div:last-child {}

input[type="text"] {
    border-width: 1px;
    border-color: rgb(228, 237, 240);
    border-style: solid;
    border-radius: 5px;
    height: 28px;
    outline: none;
    padding: 5px;
    font-size: 14px;
    color: rgb(1, 48, 135);
    text-align: left;
    transition-duration: 0.25s;
    transition-property: background, border, color;
    transition-timing-function: ease-in-out;
    width: 220px;
}

.call-content--queue__count {
    color: forestgreen;
}

.call-button--record {

}
.call-button__recordText {
    width: 18px;
    height: 18px;
    background-color: #e6402e;
    border: 0;
    border-radius: 35px;
    outline: none;
    padding: 0 !important;
    align-self: center;
    margin-left: 10px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.recording .call-button__recordText {
    border-radius: 0;
    width: 16px;
    height: 16px;
    margin-left: 11px;
}

.call-button--recordStatus {
    display: none !important;
    position: absolute;
    color: #e6402e;
    font-size: 13px !important;
    text-transform: lowercase;
    padding: 5px 12px 5px 30px !important;
    border-radius: 20px;
    font-weight: 600;
    top: -44px;
    left: 50%;
    transform: translateX(-50%);
}

.call-button--sharingStatus {
    display: none !important;
    position: absolute;
    color: #14C773;
    font-size: 13px !important;
    text-transform: lowercase;
    padding: 5px 12px 5px 30px !important;
    border-radius: 20px;
    font-weight: 600;
    top: -44px;
    left: 50%;
    transform: translateX(-50%);
}

.call-button--recordStatus:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: #e6402e;
    border-radius: 16px;
    left: 9px;
    top: 7px;

    animation-name: pulse;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.call-button--sharingStatus:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: #14C773;
    border-radius: 16px;
    left: 9px;
    top: 7px;

    animation-name: pulse-sharing;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.recording .call-button--recordStatus {
    display: flex !important;
}

.sharing .call-button--sharingStatus {
    display: flex !important;
}

.recording.sharing .call-button--sharingStatus {
    top: -80px;
}

@keyframes pulse{
    0%{
        box-shadow: 0px 0px 5px 0px rgba(230, 64, 46, 0.4);
    }
    65%{
        box-shadow: 0px 0px 5px 5px rgba(230, 64, 46, 0.4);
    }
    90%{
        box-shadow: 0px 0px 5px 5px rgba(230, 64, 46, 0);
    }
}

@keyframes pulse_chat{
    0%{
        box-shadow: 0px 0px 5px 0px rgb(20, 199, 115, 0.5);
    }
    65%{
        box-shadow: 0px 0px 5px 3px rgba(20, 199, 115, 0.3);
    }
    90%{
        box-shadow: 0px 0px 5px 3px rgba(20, 199, 115, 0);
    }
}

.b-forms-item__design {
    display: none;
    position: fixed;
    top: 50%;
    background: #FFF;
    width: 400px;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 10px -5px rgba(0, 0, 0, 0.5);
    z-index: 10;
    transform: translateY(-50%);
    left: 50%;
    margin-left: -200px;
    flex-direction: row;
}

.b-forms-item__design select {
    max-width: 300px;
}

.b-forms-item__design--overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 30%);
    z-index: 1;
}

.b-forms-item__design[style='display: flex;'] ~ .b-forms-item__design--overlay {
    display: flex;
}

.confirm-modal__closer {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBDODdCRDRFNUFDODExRTlBNTY1QzcyQ0VCNkJFODZBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBDODdCRDRGNUFDODExRTlBNTY1QzcyQ0VCNkJFODZBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEM4N0JENEM1QUM4MTFFOUE1NjVDNzJDRUI2QkU4NkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEM4N0JENEQ1QUM4MTFFOUE1NjVDNzJDRUI2QkU4NkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ay/K0AAAAo0lEQVR42oTSQQ6CQAwF0LZhAd4D2OrtvIHezv1wDmVjZmjJjyGxLU0aAvTNkM8wXx8zEYn2Ul/3LyUlt2enl1G7CtBFe8KLDM2YlX0n7VV7iPAB9ZhdBJ9XIuygYoZba8eBCXjFYuQhe/iDAWYP/UEHk4cIiXrFdFJykl6YtmTppWlnkWe/ivXIdVHkSdpFcPZCZOXsPBqs2u8IOfhjt5sAAwC21GzyXk28MgAAAABJRU5ErkJggg==);
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    transition: background 0.25s ease-in-out;
}

.confirm-modal__closer:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVDRDk3QkY5NUFDODExRTk4MDhBRUY4NDMxOTBFOTlCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVDRDk3QkZBNUFDODExRTk4MDhBRUY4NDMxOTBFOTlCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUNEOTdCRjc1QUM4MTFFOTgwOEFFRjg0MzE5MEU5OUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUNEOTdCRjg1QUM4MTFFOTgwOEFFRjg0MzE5MEU5OUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5HjFiKAAAArElEQVR42oTSQQrCQAwF0CS461pBT6HnqVDxFN5ArzGLOY+n0EX3rhTHHwlSMEkDn0I7b6b8lnl7PhLRAqnv6+lBycju0uGyR55iaIMM9iBDB2StRmFFRmQV4Qla2toq9nolwg4qari1Nl0wGB5tM/KQ3vzBALOH/qCDyUPfdUGJTDMjM+2FbUvWXtp2Vnn2qRi/XBdVnrRd9MQ+QzrOyb3CF3KLkIPvaj4CDAALFG3BH2b+KQAAAABJRU5ErkJggg==);
}

.b-forms-item__design--params {
    flex-basis: 100%;
}

.b-forms-c-r--title {
    margin-bottom: 20px;
    font-size: 20px;
    color: rgb(1, 48, 135);
    text-align: left;
}

.b-forms-c-r--title__small {
    font-weight: bold;
    font-size: 13px;
    color: rgba(1, 48, 135, 0.502);
    line-height: 2.462;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 5px;
}

.call-mic__animation {
    border-radius: 50%;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 200%;
    left: -50%;
    position: absolute;
    top: -50%;
    width: 200%;
    will-change: transform;
    background: rgba(255,255,255,0.15);
    transform: scale(.5);
    transition: transform 200ms ease-in-out;
}

.call-mic__circle {
    border-radius: 50%;
    box-sizing: border-box;
    content: '';
    display: block;
    height: 200%;
    left: -50%;
    position: absolute;
    top: -50%;
    width: 200%;
    will-change: transform;
    border: 2px solid rgb(20 199 115 / 50%);
    opacity: 1;
    transform: scale(0.45);
    display: none;
}

.call-mic__circle.fadeOut {
    opacity: 0;
    transform: scale(0.7);
    transition: transform 1.5s ease-in-out,opacity 1.5s ease-in-out;
}

.pids-wrapper{
    width: 100%;
    margin-left: -5px;
    margin-top: 10px;
    display: flex;
}
.pid{
    width: calc(10% - 10px);
    height: 10px;
    display: inline-block;
    margin: 5px;
    background-color: #e6e7e8;
}

.call-sound__check {
    position: relative;
    height: 50px;
    display: flex;
    align-items: flex-end;
}

.play {
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 11px solid rgba(1, 48, 135, 0.502);
    margin: 20px 15px 10px 9px;
    position: relative;
    z-index: 1;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    left: 2px;
    float: left;
}
.play:before {
    content: '';
    position: absolute;
    top: -15px;
    left: -23px;
    bottom: -15px;
    right: -7px;
    border-radius: 50%;
    border: 2px solid rgba(1, 48, 135, 0.502);
    z-index: 2;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
.play:after {
    content: '';
    opacity: 0;
    transition: opacity 0.6s;
    -webkit-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
}
.play:hover:before, .play:focus:before {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.play.active {
    border-color: transparent;
}
.play.active:after {
    content: '';
    opacity: 1;
    width: 10px;
    height: 16px;
    background: rgba(1, 48, 135, 0.502);
    position: absolute;
    right: 1px;
    top: -8px;
    border-left: 4px solid rgba(1, 48, 135, 0.502);
    box-shadow: inset 6px 0 0 0 #f9f9f9;
}

.call-chat {
    display: none;
    width: 350px;
    flex-basis: 350px;
    flex-direction: column;
    z-index: 1;
    background-color: #FFF;
    border-left: 1px solid #e4edf0;
}

.chat .call-chat {
    display: flex;
}
.c-chat-content {
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex: 1;
    padding: 10px 8px 0;
    position: relative;
    margin-right: 6px;
    margin-bottom: 6px;
    scroll-behavior: smooth;
    overscroll-behavior-y: contain;
    scroll-snap-type: y proximity;
    scrollbar-width: thin;
    scrollbar-color: rgba(180, 198, 204, 0.8) rgba(180, 198, 204, 0.3);
}

#chat *,
.c-chat-content * {
    overflow-anchor: none;
}

.c-message__anchor {
    overflow-anchor: auto !important;
    height: 1px;
}

.c-chat-content::-webkit-scrollbar {
    width: 6px;
}
.c-chat-content::-webkit-scrollbar-thumb {
    transition: background 0.2s ease;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: rgba(180, 198, 204, 0.3);
}
.c-chat-content:hover::-webkit-scrollbar-thumb {
    background: rgba(180, 198, 204, 0.8);
}
.c-chat-content::-webkit-scrollbar-track {
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.c-chat-input {
    flex-basis: 102px;
    position: relative;
    border-top: 1px solid #e4edf0;
}

.c-message {
    display: flex;
    align-items: flex-end;
    padding-bottom: 5px;
    position: relative;
    margin-left: 35px;
}

.c-photo {
    width: 25px;
    height: 25px;
    background-size: cover;
    border-radius: 25px;
    flex-basis: 25px;
    min-width: 25px;
    margin-right: 10px;
    background-color: #E4EDF0;
    background-repeat: no-repeat;
    background-position: 50%;
    transition-property: transform;
    transition-timing-function: ease;
    transition-duration: 0.25s;
    position: absolute;
    left: -35px;
}

.c-text {
    background-color: #e3f0ff;
    padding: 5px 10px;
    border-radius: 5px 5px 5px 0;
    display: flex;
    font-size: 14px;
    flex-direction: column;
    position: relative;
    max-height: 500px;
    transform: scale(1);
    opacity: 1;
    transition-property: transform, max-height, opacity, padding;
    transition-timing-function: ease;
    transition-duration: 0.25s;
    transform-origin: left;
    overflow: hidden;
}
.c-name {
    color: rgb(36 53 59 / 70%);
    font-weight: bold;
    display: flex;
    flex-direction: unset;
    align-items: center;
    margin-bottom: 5px;
}
.c-time {
    color: #a1b6bd;
    font-size: 11px;
    margin-left: 10px;
}

.c-message.c-message__self  {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.c-message__self .c-photo {
    display: none !important;
}
.c-message__self .c-text {
    background-color: #edeff1;
    border-radius: 5px 5px 0 5px;
    transform-origin: right;
}
.c-message__self .c-time {
    color: #a1b6bd;
    font-size: 10px;
    margin-left: 5px;
}

.c-message__other .c-text {
    background-color: #ffdeba;
}

.c-message.c-message__closest_main  {
    margin-left: 35px;
    padding-bottom: 5px;
}
.c-message.c-message__closest  {
    margin-left: 35px;
    padding-bottom: 5px;
}

.c-message__closest_main .c-photo,
.c-message__closest .c-name,
.c-message__closest .c-photo {
    display: none;
}

.c-message__closest_last .c-photo {
    display: flex;
}

.c-message.c-message__closest_last {
    /* margin-left: 0; */
    /* scroll-snap-align: end; */
}

.c-message__closest .c-text {
    border-radius: 0 5px 5px 0;
}

.c-message__closest.c-message__self .c-text {
    border-radius: 5px 0 0 5px;
    transform-origin: right;
}

.c-message__closest_last .c-text {
    border-radius: 0 5px 5px 5px;
}
.c-message__closest_last.c-message__self .c-text {
    border-radius: 5px 0 5px 5px;
}

.c-message__closest .c-time {}

.c-message.c-message__new {}

.c-message__new .c-photo {
    position: absolute;
    transform: translateY(-5px);
}
.c-message__new .c-text {
    transform: scale(0) translateX(-25%);
    opacity: 0;
    pointer-events: none;
    padding: 0 15px;
    max-height: 0;
    transform-origin: left;
}

.c-message.c-message__self.c-message__new {}

.c-message__self.c-message__new .c-photo {}
.c-message__self.c-message__new .c-text {
    transform: scale(0) translateX(25%);
}



.c-chat-input--input {
    padding: 15px 20px;
    padding-right: 50px;
    max-height: 300px;
    height: 100%;
    overflow-y: auto;
    outline: none;
    position: relative;
    transition: all 0.2s linear;
    transform-origin: left;
    top: 0;
    transform: translateY(0);
}
[contenteditable=true]:empty:before {
    content: attr(placeholder);
    display: block;
    color: rgb(36 53 59 / 50%);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    top: 50%;
    position: absolute;
    transition: opacity 0.2s ease;
    transform: translateY(-50%);
    cursor: text;
}

[contenteditable=true].noScroll {
    position: absolute;
    height: 22px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 20px;
    padding-right: 50px;
}
[contenteditable=true]:empty:focus {}
[contenteditable=true]:focus {}
[contenteditable=true]:focus:before {
    opacity: 0;
    pointer-events: none;
}

.c-dialog-empty,
.c-chat-empty {
    position: absolute;
    width: 250px;
    top: 50%;
    left: 50%;
    margin-left: -125px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.25s;
    transform: scale(0.5);
    opacity: 0;
    pointer-events: none;
}
.c-chat-empty--title {
    color: #667f87;
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
}
.c-chat-empty--icon {
    margin: 0 auto;
    width: 69px;
    height: 69px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABFCAYAAAAcjSspAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNGQjMwRTI4NTY3RjExRTc5NkI2QzQzOTMzOTYzM0MwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNGQjMwRTI5NTY3RjExRTc5NkI2QzQzOTMzOTYzM0MwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0ZCMzBFMjY1NjdGMTFFNzk2QjZDNDM5MzM5NjMzQzAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0ZCMzBFMjc1NjdGMTFFNzk2QjZDNDM5MzM5NjMzQzAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6mhQi5AAALY0lEQVR42tRc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);
}

.c-dialog-empty--icon {
    margin: 0 auto;
    width: 64px;
    height: 64px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFcklEQVR4nO2ZW2gcVRiAv//Mbmusze7sZjXd7Bpp6wVvCDYaK/Xy4gVRS/CGRSn4asELiI+KPoggFQQpFATx/mApFW8tCAq2RfIgooLWqk02aSS7md3E2jbZmd+HZjWN2WTO7miEzvc0e85/vvOff+dyZhdiYmJiYmJiYmJiYmLOQKRdwfDwcIfTcc6tvshGoDDbXHJU9/vHf/+0WCweb8c/Nja2qp4863agXyEPIDAKHEzMnPi4u7v7WDv+lgvwneqKTq/2uChPAZkmYRMqvDjpprZfJjJt4x8dHT07WNnxNMhjwOomYVOgL5uTx1/I5/N/2PgbtFSA4XK5x0hit8KGkJMMBlrfXOzqGgkTf6RaXWt8/UCQS8PEK/p94Midven0z2Hi5+Vmx9GpqZw/7X8JXGg59JCzwrl+zerV44sFlSqVAjgH+PtyCksJ/OsK2WzJZpCxCVZVqU/7b2K/eIAL69P+m6ratOiqapTE29gvHqCgJN5WVas1WQWXKtXNArfY5fU3AreUKtXNTf3e5AOCbmrdr5tK3uQDNmPsqiXymF1Kdg5R3dau39YR+h5QmpzMMhOM24xpgpI0uUJnZ2Vu49jY1Ln1pP9bm24AnBXOuUvdaxqEPwNO+lcSwb4BkFnXadQT/uURuAHwT/pXhI0NXwAj2ZayCeuSpnsJeyxc4Qsg0taObkmXmBPR+cO7QhdA6/zQWjYhXT4/RuW3cYW+plVVRiZqPwMXtJLTHH7tyaTWiogu4B8Getr0j/RkUsX5/maEPgNERFF2tp7XLMrOhZI71aavte1HXwu7eLDcB6zUmVeAUPv5JozMOhbEd2Q7SqjH14Io474j222GWBUgl8tNqdEtwIxVYqeYUaNbcrncVLOA3nTaUyNbgaAFf6BGtvam057NIKsCABRd93Ojeh9gc9c+YVTvK7ru50v6M6mPUNkK1C38dVS2FjOpjyzGAC0UACDf5e7GaL/A4FKxAoMY7c93ubvD+gtdqTfA3KDo90vFnooxN5waY09bOztVNSVv8jYT6BYVNgLF2a5hUfYHRt4quJ2fiEgrpzSq6pQq1btE5H6gnzm/OAEHVfW9Qja9R0T8dtYRExMTc8bS1lOg5HlXaSAbjLJOhfOAVbNdx0T5LRAOi9HBgut+betWVRktT10UOHo1GlyMkDEBrooko/A3sCqAqpqjnrcxUGcAdADoDTn0CMguI/6uNa67f7HH4rDn3SiBPAgMAF1R++cTugBDldqtDryk6GVhxzThW4EnerLpfaf5y7U+R/TVsP81LOY38GQ+m94bJnjJAgxVq+uMzyvA7W0mNg/9MOHItu50+heASqXSeRxnL3BtRBN8HDhsOz+dPrxY0KIFGB73bhIj79P8r692qQRGB8533S8ADk9MpFaq2Qf0ReT3UO4pdKU/axbQ9F2gVPYeFiN7+fcWD5A1gewrlWsPAazLZGqakNuAIxH5XYRPRyrVR5oFLHgGjJS9u1VkFy2+LLWAL4EO9OTcPQClSq0f9AsgGZFfReTBnkzq3fkd/1jgULnWpyLvLNT3L+KokXeHyrU+gEI2dRDlmQj9oqqvl8a9m//RMffD2NjYqvqKs75GWR/h5OERfkpMn7iqu7v72KBqsnui9g1wSXQT6FGTdK7Md3aWGy2nfcv1ZMfzy7Z4AGV9PdnxHMAGkRmUR6OdQNYEM8GO01oaB6Oe1xsEcojorrtWmTESrM9nMkMApUr1K6J7KgCgInc0fj366wwIAulj+RcPkAzUXDPn82TUE4jqXY3j//JG978kLsByJ7DcnPEFSDQOVOsHRBL3LmcyDVTrBxrHRoJnAzU7Fou3RYwu+oIUExMTExMTExNzJvAn45r95Hyz6kUAAAAASUVORK5CYII=);
}

#chat:empty ~ .c-chat-empty {
    transform: scale(1);
    opacity: 1;
}

#chat {
    margin-top: auto;
    width: 100%;
    /* flex-direction: column-reverse; */
    /* display: flex; */
}

.call-button--left {
    flex-basis: 30%;
}
.call-button--center {}
.call-button--right {
    flex-basis: 30%;
    text-align: right;
    justify-content: flex-end;
}

.call-button--right > a:last-child {
    margin: 0 !important;
}

.call-button--absolute {
    position: absolute;
    right: 5px;
    top: -60px;
}

.call-button--absolute > a {
    background-color: #FFffff;
}

.call-controls {
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 1;
    height: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chat .call-controls {
    right: 365px;
}

.c-call-add-conversation {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJGODIwMEY5MDZGRDExRUI5MUU5ODY0MkI4NTQ5MkY4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJGODIwMEZBMDZGRDExRUI5MUU5ODY0MkI4NTQ5MkY4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkY4MjAwRjcwNkZEMTFFQjkxRTk4NjQyQjg1NDkyRjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkY4MjAwRjgwNkZEMTFFQjkxRTk4NjQyQjg1NDkyRjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4wGyZCAAABX0lEQVR42pzUzysEcRjH8Rlc1OYP8CsnSsRhOZK7HwcnOZI4oOVALQc/9shenTiwJ0rhIgcUwspBKbk6KRcHyYHxfvTZQvtjvvvUq3Z2dj77zPP9zvhBEHi/y5/9c9iDGNp0nMYqDrwcVeLlrmXsoQsRsc/7OucU2I14nj+Lq/vQgVNe4Yq5BEZDBEZdZ1iofJfAmxCBaZfAZIjApEugbY1EnrCEfuM0wzn04RhvYp97dS77YAs8Kc5VVuR1rRhCPZ6xiaOfwCI6GsYaTrQbavRsb2DMtcMWhY1gHc14wIrme+d7M0G2C8vRqZdBO5r0/QdedMtWn+jAuRZq4H+HdvGEVjeSo8snBd7qaTnDJK4xn9k2ldjFFQbzhFlV4F7dZ14SW6izBbIOq3CB2pBzbEAjTjGOFL4wjW3rcMkhzKoUl5rZI/p1u+9YtA4PtfQub5lqjNrMtA93sIDXbwEGAJ6iSEETP7QOAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    position: relative;
    height: 100%;
    margin-right: auto;
    width: 45px;
}
.c-call-add-conversation:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM3MTMzREI3MDZGRDExRUI5NjA2QzZFREQyNDAyODYwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM3MTMzREI4MDZGRDExRUI5NjA2QzZFREQyNDAyODYwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzcxMzNEQjUwNkZEMTFFQjk2MDZDNkVERDI0MDI4NjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzcxMzNEQjYwNkZEMTFFQjk2MDZDNkVERDI0MDI4NjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7AcK5ZAAABWklEQVR42pzUzStEcRTG8XuxUZM/wFtWpkQshiXZe1lYzpJE3hqWw8LLrMRsrVgwK0phIwsUwkgSJVsLWVpINq7v0Zma5L6cOfWp+zL3uWfO/d3rep7nFJc7/lq824sU2nU/j1UcOD5V5vjXEvbQjZiS7X09ZwrsQTrgZmntPnLgtBNeKUtgIkJgwjrDsHItgTcRAvOWwGyEwKwlUJZGJiAso78xzXAW/TjGh5LtPj33/2BD3hRzVZR4XRsG0Yg3bOLoN7CEjoawhhNdDXX6bm9g1Nphq4YNYx0teMKKzvfeL7ASXfox6ECzHv/Cg4ZJ3aET51jG2N9AuXhSn27M52YvOsNbfVvOMIVrzBWWTTV2cYVkQJhUFR61+8JHYgsN8oCkwxpcoD7iHONowikmkMM3ZrAtHS4awqTKcamL+xkD+nc/sSAdHuqjt3xlajEiM9N1uIN5vP8IMACDFkmpIBtH7wAAAABJRU5ErkJggg==);
}

.managers-popup-wrapper {
    position: absolute;
    top: 55px;
    right: 13px;
    z-index: 10;
    border-radius: 5px;
    width: 320px;
    background-color: #FFffff;
    box-shadow: 0 2px 10px 0 rgba(73, 134, 153, 0.50);
}

.chat .managers-popup-wrapper {
    right: 363px;
}

.managers-popup-body {
}
.managers-popup-title {
    padding: 20px 20px 10px;
    font-size: 14px;
    font-weight: 600;
}
.managers-popup-find {
    padding: 0 20px 20px;
}
.managers-popup-find > input {
    border: 2px solid #EFF5F7;
    padding: 10px 8px;
    width: 100%;
    border-radius: 4px;
}
.managers-popup-list-wr {
    border-top: 1px solid #deeaed;
}
.managers-popup-list {
    max-height: calc(100vh - 270px);
    overflow: auto;
}
#managers-popup-list {
    list-style: none;
}
#managers-popup-list > li {
    font-size: 13px;
    padding: 15px 40px 15px 20px;
    cursor: pointer;
    position: relative;
}

#managers-popup-list > li:hover {
    background-color: #eff5f7;
}

#managers-popup-list > li.managers-li__offline:hover {
    background-color: #ffffff;
    cursor: default;
}
.managers-popup-list:empty,
.managers-popup-list__empty > span {
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAfCAYAAADwbH0HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVBQzg5Qzk4MzNBMTExRUE4MzVFQTJBQ0EzMEE3MkNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVBQzg5Qzk5MzNBMTExRUE4MzVFQTJBQ0EzMEE3MkNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUFDODlDOTYzM0ExMTFFQTgzNUVBMkFDQTMwQTcyQ0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUFDODlDOTczM0ExMTFFQTgzNUVBMkFDQTMwQTcyQ0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz57q7TIAAADI0lEQVR42sRXzU8TURCfbpftbrdLP6BgEAwqAqKJkmgCiTFEQ7iL/4QevfEX6FXP/gHGj8SDJzhgvJiYgCHGGImSEAoWlu0XW1ra7taZ1926lBYKsmXIL/vYN32/mXnzZt56nr96Dw6Z6ggFlYnboz04HkecR3RYEBBhOFySiAJCQyQQMcRnxNt3cx83nIoem3h6ckL4tLC00C77R24OX+HgdKWEeIGYQQPIMOBsUn03N5dIpa+vbsS5fKFwyrzAI54gPhBXlRjl6fdfK3cN04SSYcC35d/gkkwinrFQx7RUTyKdWZ3/ssg7Ne6P3YKQEnCDvIjoJ4+n/2xrfO1sXNXc8roN8YCIx0ol42A2mAa4KONE3NfdETkw0xUJu0ncS8Sd5zojcGNoAPyiyDB6ddBt4iglVxwH3dBa2SSPRWi9iEQsnQFxgLNqcKvFy8EZSVPEplmG3fwee/6PTm3xbtxSsG5j8wA9l4dyuQyyJEKkXamrm9J1yKKex+OBAOoF/BLwXu/xiIkwrWeZB9X+iQv6hLaGC9Ec6ZOBO2gswS/6IBiQ6xpQlziR2YG9QrGyFxx5IDEPvFzjnZGx8IiCYEUoVw09dbyucIgZZDtgE1NR3meS3+djilTFKGy28tGpyjEP8TLBtmc3n2drkazFt0DCcTQSqhLriOC+Q+aveHhSIUMV/L3iWGMltsEiYhGneeuOdGwpFEvsKbTxR+puJZKgpdJsnMlmMSJykbcuZdFmCelaRDlgGGYlvFgKKNPJm0ayvqlWx7G4CiOXZY2ziJsm3UbLbVISGtO7w+5pnCMpvZWalSCP15shpZxMZnTw4F9QkUGyPMwhYQaPHs1Re62XhtcGLmJiCcyAS709zHEiXkQ8PIrYwLNtYqZHw0Hc13/nWeEl8OE+qywSRv0zi+8G+y84X32lfjyEgx+UjC0s1cMU8J+INy0kfU2c9q4/Qiy3gJQ4Hju7E2X2HcS8i6TzFodW2xbVtU31Hn24IV4ilqyPsJNK0lqD1pqy1lYbNglUmMXHrP1/X3fUa30t1n5WtFvPTM17KsEarnPoxfyvAAMA7UIsVA/OdywAAAAASUVORK5CYII=);
    width: 30px;
    height: 31px;
    margin-right: 10px;
}
.managers-popup-list__empty {
    display: none;
    padding: 20px;
    font-size: 14px;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    color: #91a8b0;
}
#managers-popup-list:empty ~ .managers-popup-list__empty {
    display: flex;
}
.managers-popup-button {}
.managers-popup-button__a {
    display: inline-block;
    background-color: #14c773;
    color: #FFFFFF;
    text-decoration: none;
    width: 100%;
    text-align: center;
    padding: 12px 0;
    border-radius: 0 0 0 0;
    font-size: 14px;
    font-weight: 600;
}
.managers-popup-button__a:hover {
    background-color: #12B86A;
}

.managers-popup-button__a__second {
    border-radius: 0 0 5px 5px;
    background-color: #FFF;
    color: #14c773;
}
.managers-popup-button__a__second:hover {background-color: #FFF;color: #0c844c;}

.managers-li-body {
    position: relative;
    padding-left: 40px;
}
.managers-li__name {
    font-size: 14px;
    color: #33484f;
    font-weight: 600;
}

.managers-li__name > span {
    background-color:rgba(255, 198, 36, 0.35);
}
.managers-li__icon {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    overflow: hidden;
    position: absolute;
    top: 11px;
    transform: translateY(-50%);
    left: 0;
}
.managers-li__icon img {
    width: 100%;
    height: 100%;
}

.managers-li__department {
    margin-top: 4px;
    display: flex;
    align-items: center;
}
.managers-li__department > span {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUzODQ4Q0Y4MzNCNzExRUFCRkJCOTBGOEFFMTMxMjM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUzODQ4Q0Y5MzNCNzExRUFCRkJCOTBGOEFFMTMxMjM4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTM4NDhDRjYzM0I3MTFFQUJGQkI5MEY4QUUxMzEyMzgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTM4NDhDRjczM0I3MTFFQUJGQkI5MEY4QUUxMzEyMzgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6zFlGEAAAAa0lEQVR42mJkKP/PgAfAJAWB+AM2BUwMpINLUINB+BKxBrxHco0ukrguOS4gywsK0HAAgctI4pdZiDTgI1Ig6qG7ACVQSPUCC3qgoEUf1cIArwEogYKUcASJ9YIeFvEPtPTCaEpEC3SAAAMAlv4fHx3kStkAAAAASUVORK5CYII=);
    width: 16px;
    height: 16px;
    margin-right: 6px;
    background-size: cover;
    display: none;
}
.managers-li__mail {
    margin-top: 2px;
    display: flex;
    align-items: center;
}
.managers-li__mail > span {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBBNTQ5RjM1MzNCODExRUE5OTlFQjJGQTYwMjkzMjdGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBBNTQ5RjM2MzNCODExRUE5OTlFQjJGQTYwMjkzMjdGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEE1NDlGMzMzM0I4MTFFQTk5OUVCMkZBNjAyOTMyN0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEE1NDlGMzQzM0I4MTFFQTk5OUVCMkZBNjAyOTMyN0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6RRhrhAAAAu0lEQVR42mJkKP9/iYGBQZeBPHCZiQLNIKDLgsRRAOKPJGh+DyKQDbAD4iVA/J+ARkYgDoNxmJAkFgHxYSA2waPZBKpmBTYDfgCxNRCfAuIFQCyFJCcFFTsFVfMVmwHGQLwQyo4H4ltAXA3Ft6BiDFA1agj/lP+H+VkQiD9AnTkBahMyOArEBUB8Bsr/j+4CGAApsAXiCCC+D8URULEzmCGK6QJiAU4XkAQoNoAFPWWR44LLFDjgMkCAAQA1FiifGIVW1AAAAABJRU5ErkJggg==);
    width: 16px;
    height: 14px;
    margin-right: 6px;
    background-size: cover;
    display: none;
}

#managers-popup-list > li:after {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -10px;
    right: 15px;
    width: 16px;
    height: 16px;
    border: 1px solid #e4edf0;
    border-radius: 3px;
    box-sizing: border-box;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#managers-popup-list > li.managers-li__radio:after {
    height: 14px;
    width: 14px;
    background: #ffffff;
    border: 1px solid #e4edf0;
    border-radius: 50%;
    right: 16px;
}

#managers-popup-list > li.managers-li__active:after {
    background-color: #0077ff;
    border-color: #0077ff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNFRjQwOUUwRDg1NTExRThBNjgyOUI4OUFENUQyN0ZEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNFRjQwOUUxRDg1NTExRThBNjgyOUI4OUFENUQyN0ZEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0VGNDA5REVEODU1MTFFOEE2ODI5Qjg5QUQ1RDI3RkQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0VGNDA5REZEODU1MTFFOEE2ODI5Qjg5QUQ1RDI3RkQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5qEjuOAAAAWElEQVR42mL8//8/Aw6gCMQHgHg/A0gRELtCaRhWAuKHQPwaiLUYvn79ZwtkfENSiKxAD2wTkBAG4gtQhcnoCsCKgCYhKwSBN8gKYCbBMEjhHnQFIAwQYAAhs5kOsZRsNwAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    background-position: 50%;
}
#managers-popup-list > li.managers-li__active.managers-li__radio:after {
    border: 1px solid #85beff;
    background: #0077ff;
    background-image: linear-gradient(to bottom, rgb(0, 119, 255) 0%, rgb(0, 119, 255) 100%), linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
    background-clip: content-box, padding-box;
    padding: 3px;
}

#managers-popup-list > li.managers-li__offline:after {
    content: attr(data-offline);
    width: auto;
    border: none;
    color: #8e8e8e;
}

.managers-popup-settings {
    padding: 0 20px 20px;
    margin-top: -10px;
}

.c-helper-tooltip__button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAABaklEQVQ4jaXTsU5UURDG8d9hpUCjAUpLSBSJ2hljr4UFWQo3JvbyCOzGxITERNjGB6C1XEyWitrG0C8xWEB8ghU02oCMxT03e929VHzd+WbmP3POncsVlSactZg2b1V4gcXsHkl2DPVtp7PLAe14gB7uXtLwG1q6aTAJKIr3cT07A0kfXHgqeZL9Pxoee58ORoC1mDZnUOncM+OVjXReHCPpWBe2cvzQDw9tp7MpMG+1Uvwbr22kc+1o6kSLFLZSV/I55yyZ1YQCUDxYqRv4oh0f0Bc+Wo+bOfa98notuJaPi/7XMpaFAw0vbaZfOjEnPKvkLIwmqFeYsmIzfdWJR8I+bo8nlYCjGsBQuKcdz134hDtj8eMRINmpnaBUMlMT7Y0AQ33FklR1qpv2dNMeTsdih07sFuxSk4v0U3ibJ3iHW9mvWaRSb+K+v3pYqrlS0bmhVRZPAii2clYzf+eF7B4LPSd2x3+mK+sfUqdr8bwmnzQAAAAASUVORK5CYII=);
    width: 16px;
    margin-left: 5px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    /* margin-bottom: 3px; */
    cursor: pointer;
}

.pay-data-j-field .c-helper-tooltip__button {
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transition: top 0.2s;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #14c773;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}


.call-link__wrapper {
    padding: 0 20px;
    margin: 10px 0 20px;
    height: 40px;
    position: relative;
}
.call-link__wrapper > input {
    color: rgba(1, 48, 135, 0.7);
    width: 100%;
    margin: 0;
    height: 100%;
    padding: 5px 40px 5px 10px;
    font-size: 14px;
    font-weight: 600;
    text-overflow: ellipsis;
}
.call-link__wrapper > div {
    position: absolute;
    top: 0;
    right: 20px;
    width: 40px;
    height: 100%;
    background-color: #0077FF;
    border-radius: 0 5px 5px 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAzklEQVQ4je2TMWpCQRRFz5MPmoi1WUAqN+AOQirrFG5AcAkuIZDGFQQsLdyBpWUKs4VoEQQRO/FYOEL4fP8HbXObeTD3HS7DXNSaOlOPlmtNgTKgC/SAD+CnyJS0vwZopvkzIr4A1DYQebP6lMbfiDhcAH8NLWABdEqSAKzUl4hYZrmL17Q8BLYlgDHwBozygHo6pxFR+Ggp6TvQAKhVRK3UP+AMWAETYHMLIIuIb6APoN6U4C7lP9KlMAN1V7L3SFG51Ad1XlFr1aX6DHACgdGDEcRJ2FQAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
}
.call-link__wrapper > div:hover {
    background-color: #004eff;
}

.call-link__again {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    font-size: 13px;
    color: #404040;
}
.call-link__again a {
    height: 30px;
    padding: 0 10px;
    display: inline-flex;
    margin-left: auto;
    margin-right: 20px;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFF;
    background-color: #14c773;
    justify-content: center;
    font-size: 11px;
    border-radius: 5px;
}
.call-link__again a:hover {
    background-color: #12b86a;
}

.c-user-dialog__count {
    font-weight: 500;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.50);
    margin: 0 25px 10px;
}
.c-user-dialog__count span {}
.c-user-dialog__list {
    padding: 0 0 15px;
}
.c-user-dialog__list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.c-user-dialog__list ul li {}

.c-lst-dialog-info-box {
    height: 40px;
    padding-left: 60px;
    position: relative;
    line-height: 40px;
    cursor: pointer;
    transition-property: background-color;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
}
.c-lst-dialog-info-box:hover {
    background-color: #e5eef1;
}
.c-lst-dialog-info__icon {
    width: 24px;
    height: 24px;
    position: absolute;
    background: #d8e4e8;
    left: 25px;
    border-radius: 24px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc2MTZGQTc2REUwRDExRThCODgyOEE5OTNBOUREM0E0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc2MTZGQTc3REUwRDExRThCODgyOEE5OTNBOUREM0E0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzYxNkZBNzRERTBEMTFFOEI4ODI4QTk5M0E5REQzQTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzYxNkZBNzVERTBEMTFFOEI4ODI4QTk5M0E5REQzQTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz55MJVOAAAAtklEQVR42mL8//8/AwikN3QwQEEuEFdA2SDBySDGzAaIEAsDKrAB4klIfBD7HBAfhQkwoWkwY8AEFsgcdA2nsGg4iU/DESDOB+LnUJwPFYMDFiwmTkLzBwpghIUSNKTYgZQxEOtDhS6APA0MoZ8oGoAKhYHsfiAOA2J2NENBilcCcQlQ42vm5wwcIH8cAGJPHE5kgdrosOXAkTkgxUJArM1AGGiB1MKcJALk8BHQ8BHopLcAAQYAC8szFjiHcLQAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
}
.c-lst-dialog-info__nameBox {
    color: rgba(1, 48, 135, 0.6);
    font-size: 14px;
    font-weight: 600;
}
.c-lst-dialog-info__name {
    display: inline-block;
    position: relative;
}
.c-lst-dialog-info__name:after {
    /*content: "";
    position: absolute;
    height: 10px;
    width: 6px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE5RDI2NUVEREUwQjExRTg4REI1Q0I1Q0VGNjQ0QjlCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE5RDI2NUVFREUwQjExRTg4REI1Q0I1Q0VGNjQ0QjlCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTlEMjY1RUJERTBCMTFFODhEQjVDQjVDRUY2NDRCOUIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTlEMjY1RUNERTBCMTFFODhEQjVDQjVDRUY2NDRCOUIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5dyUu/AAAAVElEQVR42mL4////USA+DcSiQMwAwyDi7H8IuIwsCSLEgPgKVPIKTBKmFUOSAclcZMkzTAyogBHOQlJ9FdkRWAXxOhdkxw8gPg3ETkD8GmYFQIABAGVjp3BAid9RAAAAAElFTkSuQmCC);
    top: 50%;
    transform: translateY(-50%);
    right: -15px;*/
}

.c-user-dialog-info__back {
    margin: 0 25px 15px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAAmL5yKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQwNjNENzUzREVBQjExRTg5QjhBQ0UzRjIwQUEyN0IyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQwNjNENzU0REVBQjExRTg5QjhBQ0UzRjIwQUEyN0IyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDA2M0Q3NTFERUFCMTFFODlCOEFDRTNGMjBBQTI3QjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDA2M0Q3NTJERUFCMTFFODlCOEFDRTNGMjBBQTI3QjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4Y65NEAAAAbklEQVR42mL4//8/AxbMCMT1QCyDQx6OcWme/h8CbgIxGykGIGv+C8TRpLiAZM3oBvSSqhnZgA5yNMMMgGkmCzAxUAhYgLgCyi6H0jlAvJRoE5D800FJIJJtCDbBDnITEjZDSE7KyLiEmMwEEGAA1+BppLIRSM0AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 0px 50%;
}

.c-user-dialog-info__name {
    margin: 0 25px 35px;
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    display: inline-block;
    position: relative;
}

.c-user-dialog-info__name:after {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAYAAAD68A/GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJENTAwMzQxREVCMjExRThCNkIwOUZEMTUwQzY2MkJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJENTAwMzQyREVCMjExRThCNkIwOUZEMTUwQzY2MkJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkQ1MDAzM0ZERUIyMTFFOEI2QjA5RkQxNTBDNjYyQkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkQ1MDAzNDBERUIyMTFFOEI2QjA5RkQxNTBDNjYyQkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4E3ApkAAAAWElEQVR42lyNsQ2AMAwEPyUDODsxMQvQkS5MwQR05iNsyfZL1/yf5aaqJ4CN7ORBjpCDvKA49M9NOoEh1q2MWrjcSyfxeoYhSctBeeVykqro8mVI3D4BBgBvtrJA49mUIwAAAABJRU5ErkJggg==);
    position: absolute;
    right: -15px;
    width: 10px;
    height: 6px;
    top: 50%;
    transform: translateY(-50%);
}

.c-user-dialog-info__back a {
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
    display: inline-block;
    margin: 0 30px;
}
.c-user-dialog-info__back a:hover {
    border-bottom: 1px dashed;
}
.c-user-dialog-info__content {}
.c-user-title--dialog {
    display: none;
    text-align: center;
    margin: 20px 0 0;
}

.c-user-title--dialog a {vertical-align: top;}
.c-user-title--dialog a:hover {

}

.c-user-content__dialog {
    border-left: 1px solid #e4edf0;
    position: relative;
    height: 100%;
    padding-top: 15px;
}

.c-user-content__dialog .b-forms-c-r--title {
    padding: 20px 20px 0;
}

#js-user-dialog-list:empty ~ .c-dialog-empty {
    display: block;
    position: absolute;
    margin-top: -10px;
}

.call-chat__name_form {
    flex-direction: column;
    flex-basis: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    align-content: center;
}

.call-chat__tab_controller {
    flex-basis: 70px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid #e4edf0;
}
.call-chat__tab_controller a {
    text-decoration: none;
    text-transform: uppercase;
    color: #404040;
    display: flex;
    height: 100%;
    align-items: center;
    width: 100%;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.call-chat__tab_controller a:after {
    content: "";
    position: absolute;
    transition: transform 0.3s ease-in-out;
    background-color: #0077FF;
    height: 2px;
    bottom: 0;
    z-index: 1;
    width: 100%;
    transform: translateY(100%);
}
.call-chat__tab_controller a.active {}
.call-chat__tab_controller a.active:after {

    transform: translate(0);
}
.call-chat__tab_controller a:hover {}
.call-chat__tab {
    display: none;
    width: 350px;
    flex-basis: 350px;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}
.call-chat__tab.active {
    display: flex;
}

.call-chat__members_count {
    margin-left: 5px;
}
.call-chat__members_count:empty {
    display: none;
}

.c-call-members {
    display: flex;
}
.c-call-member > .call-member-img {
    width: 100%;
    height: 100%;
    background-color: #d8e4e8;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYyNkU3NzI4MDcyMjExRUJCMjA1REEyNTc3RDg0NzhGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYyNkU3NzI5MDcyMjExRUJCMjA1REEyNTc3RDg0NzhGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjI2RTc3MjYwNzIyMTFFQkIyMDVEQTI1NzdEODQ3OEYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjI2RTc3MjcwNzIyMTFFQkIyMDVEQTI1NzdEODQ3OEYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5PsuUyAAAA10lEQVR42mJMq29nwAJUgbgDiF2g/D1AXAHEt9EVsmDRrA7EJ4BYAEksCIidgNgCiG8iK2bCYkAbmmYYEIDKMRAywIUBN3AjxgCSADYD9uBRv4sYA6qB+AMW8Q9QOYIG3ABiMyBeB8SfoXgdNAZuEBONDND4DiY3DCgORJIACxYDrYHYFYhNgdgAKn4BiE8D8W4gPgrE/9ANYAfiPCDOB2JpLBZ5QHEtED8F4olAPAmIf4JslAHis0DchUMzOpCGqgXpkQEZsBSItcnwPkjPUiYKA5IZIMAACKYilo9t9vMAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
    border-radius: 50%;
}
.c-call-member > video {
    display: none;
}
.c-call-members:not(:empty) ~ .c-call-add-conversation {
    margin-left: 15px;
}
.c-call-members:not(:empty) ~ .c-call-add-conversation:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 24px;
    background-color: #eff5f7;
    top: 50%;
    transform: translateY(-50%);
    left: -2px;
}

[data-call="video"] .c-call-members:not(:empty) ~ .c-call-add-conversation:before {
    display: none;
}

.c-call-member {
    width: 44px;
    height: 44px;
    border-radius: 40px;
    border: 3px solid #FFFF;
    margin-left: -15px;
    position: relative;
    transition: border 0.2s ease-in-out;
}

.c-call-member.c-user__mic {
    border-color: #14c773 !important;
}

[data-call="video"] .c-call-member {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: 3px solid #FFFF;
    margin-left: 10px;
    background-color: #d8e4e8;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAABj0lEQVQ4jbWUP0sjURRHz52ZzaDYrFoJW20v6AcQcVMvq+UWAcWMYrWdphBuY6K1bDPRFNsLFlsmED+AEdzGzsZqEUUtZBYz10LjHzIZo3Fv8x7vXg6HH+89+B8VaPFHoOvf34Pl3C9/wX7ltTTXK9AF2K9X/4xPZk8EwvHJ7EmjXjvo0RDKWqgYBALh601NWruHzYKu527I/HaIvglsYY+9+8mmGHsZiaY3VS8BAtV+LLOKSJ5r+RxurFw4AEuqA2a27RJVY/xdg3kEey6BazAV4efuBIoz4B+BrGAMOX32EcADiPGHAQ9jzJWo2sTPOkSIJJjC8LyujZrJTmqGT0zGUk0BD2ewU5rtwC6hrwP2APVSuwmZGjZIW6zdApOgSNhETjsJewAfiM4i/Ji0TJ9BLUTsJ8hXjE9PRx2ATdVLE1tGuEpxHfXsX6H1okAWDYoilIDT+FrOIS2MFyqvpTmB0CAoa6HSOnffCmzUawdJH8qbgW3QiS/Hjb3aYed72GWVtVCx2GYdZKRXVmLdAnjPsqppnTolAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: 50%;
}
[data-call="video"] .c-call-member > .call-member-img {
    display: none;
}
.call-video--main > video {
    width: 100%;
    /*height: 100%;*/
    /*object-fit: cover;*/
}
[data-call="video"] .c-call-member > video {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    border-radius: 40px;
}

[data-call="video"] .call-video--main__grid .c-call-member > video {
    border-radius: 0;
}

[data-call="video"] .call-video--self {
    display: flex;
}
[data-call="video"] .c-call-members {}
[data-call="video"] .call-controls {
    height: 110px;
    top: 15px;
    /* background-color: rgb(64 63 63 / 84%); */
    padding: 15px 10px;
    border-radius: 10px;
}
[data-call="video"] .c-call-add-conversation {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRCNDc2M0FCMDcyNTExRUI5MEJFOTNDNzNBRDBERkU2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRCNDc2M0FDMDcyNTExRUI5MEJFOTNDNzNBRDBERkU2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REI0NzYzQTkwNzI1MTFFQjkwQkU5M0M3M0FEMERGRTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REI0NzYzQUEwNzI1MTFFQjkwQkU5M0M3M0FEMERGRTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz658nCJAAABN0lEQVR42qzUv0tCURjG8avZIJRR0FLNQaAkDY6Ji5O2RmtJQ0T4B7gEru1NLjUGLW3B3aJBoZaGRt2CFjMIwTx9j7xCXO859wc+8IF7Xzgv95zzch2llGNRhYuB0M8V2xpbs6Yypxm1YUUFpxqloRuioeu3NjHpOpsvLDv2DJDxFpNO/CT8iqaGnRAN275Vy7jM9VLmPjZTB3Kb38I1fVnQLcdOKua6PE6wjQ/c4DHu2NRkCnbwggU84HoySgFn6LWLEY7lPYdF7KGPM9MZplFECQVkpT7Ep2xZ5xf7eEIDR94vKOBWflWmPCOP8b/aBcoYThtt4F6Fy5tssyjvdazhFD3dbBNdFT4jOUu99hyrWME7rnSxpaLnBw3ZZk2averG+lIOZRSi/GW2sIR1mcM7XKL/J8AAxl9apaOZ3qQAAAAASUVORK5CYII=);
    margin-right: auto;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    position: relative;
    height: 50px;
    background-color: rgb(64 63 63 / 84%);
    border-radius: 45px;
}

.grid-container--fit {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.call-video--main__grid {
    display: none;
    align-items: center;
    justify-content: center;
    background: #000;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 135px;
    bottom: 175px;
    flex-wrap: wrap;
}
.call-video--main__grid .c-call-member {
    height: auto;
    margin: 5px;
    z-index: 1;
    border-radius: 5px;
}

.call-video--main__grid video {
    object-fit: contain !important;
}

.call-video--main__empty {
    display: none;
    background-color: #000000;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 101px;
    right: 0;
}

.call-video--main:empty ~ .call-video--main__empty {
    display: flex;
}

.call-video--main__empty_dialog {
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
[data-dialog="on"] .call-video--main__empty_dialog {
    display: flex;
}
.call-video--main__empty_icon {
    background-image: url("data:image/svg+xml,%3Csvg width='8em' height='8em' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23a1b2bb' d='m33,24c2.76,0 4.98,-2.24 4.98,-5s-2.22,-5 -4.98,-5c-2.76,0 -5,2.24 -5,5s2.24,5 5,5zm-15,-2c3.31,0 5.98,-2.69 5.98,-6s-2.67,-6 -5.98,-6c-3.31,0 -6,2.69 -6,6s2.69,6 6,6zm15,6c-3.67,0 -11,1.84 -11,5.5l0,4.5l22,0l0,-4.5c0,-3.66 -7.33,-5.5 -11,-5.5zm-15,-2c-4.67,0 -14,2.34 -14,7l0,5l14,0l0,-4.5c0,-1.7 0.67,-4.67 4.74,-6.94c-1.74,-0.37 -3.43,-0.56 -4.74,-0.56z'/%3E%3C/svg%3E");
    width: 8em;
    height: 8em;
}
.call-video--main__empty_text {
    font-size: 22px;
    color: #a1b2bb;
    padding: 0 200px;
}

.callpy-small-checkbox {
    text-align: left;
}
.callpy-small-checkbox .callpy-small-checkbox__item {
    display: none;
}
.callpy-small-checkbox .callpy-small-checkbox__item:checked ~ .callpy-small-checkbox__label {
    font-size: 14px;
    /* font-weight: bold; */
    font-family: 'PT Sans';
    color: #8b9096;
}
.callpy-small-checkbox .callpy-small-checkbox__item:checked ~ .callpy-small-checkbox__label:before {
    border-color: #46b05e;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAICAYAAAAvOAWIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI0QkY2RTIzRjRBODExRTRBMzRGQURFN0U3NjBEOTY0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI0QkY2RTI0RjRBODExRTRBMzRGQURFN0U3NjBEOTY0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjRCRjZFMjFGNEE4MTFFNEEzNEZBREU3RTc2MEQ5NjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjRCRjZFMjJGNEE4MTFFNEEzNEZBREU3RTc2MEQ5NjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6rvMTpAAAAnElEQVR42mL8//8/Az4QeiBfCEgdBeK3LAQUcgCpE0CsCsRfmBjwg2NQhR+BWI8FqHsvkKEIxPGrHSYeRjIVJG4IxCB3WgDl7oNMFoUqPgRU4AJVuAZIOUH12QEV3gAxGEP254E0rAXiAKgkyHRbKNsbqHAbzDZGWGgATZsDpJKR3BsNVLgM2QOMyEEH1NAOUgTEXUCFU9B9CxBgAGecNIyPV3f+AAAAAElFTkSuQmCC) 50% no-repeat;
}
.callpy-small-checkbox .callpy-small-checkbox__label {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    font-family: 'PT Sans';
    color: #8b9096;
    text-align: left;
    padding-left: 28px;
    position: relative;
    cursor: pointer;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.callpy-small-checkbox .callpy-small-checkbox__label:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    margin-top: -9px;
    width: 17px;
    height: 17px;
    border: 1px solid #d0d0d1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.callpy-small-checkbox--normal .callpy-small-checkbox__item:checked ~ .callpy-small-checkbox__label {
    font-size: 14px;
    font-weight: normal;
    font-family: 'PT Sans';
    color: #565b71;
}
.callpy-small-checkbox--greetings{
    text-align: center;
}
.callpy-small-checkbox--greetings .callpy-small-checkbox__label{
    font-size: 14px;
    padding-left: 50px !important;
    font-weight: normal!important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk5MzdEMzUxMDkzQzExRTVBRDA2QzhCQzk1NUFBNzY0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk5MzdEMzUyMDkzQzExRTVBRDA2QzhCQzk1NUFBNzY0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTkzN0QzNEYwOTNDMTFFNUFEMDZDOEJDOTU1QUE3NjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTkzN0QzNTAwOTNDMTFFNUFEMDZDOEJDOTU1QUE3NjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7JxMzFAAABs0lEQVR42pSTTShEURTH752PJpuxsUBKWdhYWbDGwoaMjxqJZkZZsDGUnR3ZalKyY2ZslI1hq2yUrSIpCdE0O0JjGnT9zntv9IyZ4tZ5595z/ud/zrnnPm2MUf9ZyfR+HNWHDMYiA3mx6b+QJFMZD6h6rbVRxiTYh7VS9+joZDR0pLdSmTlwU4hfSJEi8oj0kumNzEtKmRiuRovRGA3KY9MLXK34pCykzfYbRTbZXjgEe+xDNtiUglzaWnEhGSG6h2hxgTTBWCS0SQtDGBwCdYnexldg3w++W9nJDpBo1TuhimvALYCvqKrVdT8JbHF887FoKCE2XxWCAKrBybb+w6n1Kt8EBLclU0USqvMTXuOQ5MrcL0jebfBUIiG20yGQ9VSWQaZVoNrRbzwjbiJzFyFeAj8BBdDLVjv2ktY6kCDyjH8G/7jjW+O8IO2cM9Zaa7y/L3kMUB1Bx04VylWhrFkkLO2c2C1oG2CBTJbPIlPZ4dxOgjPOD+zF/uq6O8EfWiNOpjPNnLzYP5wXmeWtvFeeXGYD7DRxRdJNMKVdazoE3P31ByRnjmJPIRiG4EZsXwIMAKOKqsw49XB2AAAAAElFTkSuQmCC);
    background-position: 30px 50%;
    background-repeat: no-repeat;
}
.callpy-small-checkbox--greetings .callpy-small-checkbox__label:before{
    width: 14px;
    height: 14px;
    top: 13px;
    -webkit-background-size: contain;
    background-size: contain;
}

.callpy-small-checkbox--greetings .callpy-small-checkbox__item:checked ~ .callpy-small-checkbox__label {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAYAAADJ7fe0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZFNjcxMzk0MDkzRDExRTVBM0ZBQzM0OTJGMUVFNjdFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZFNjcxMzk1MDkzRDExRTVBM0ZBQzM0OTJGMUVFNjdFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkU2NzEzOTIwOTNEMTFFNUEzRkFDMzQ5MkYxRUU2N0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkU2NzEzOTMwOTNEMTFFNUEzRkFDMzQ5MkYxRUU2N0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7Oy8ASAAABvUlEQVR42pSTMUhCURSG79UX0mJLQ0YQNbQ0NdRcDS0FaoFRPrBBo5YsaGszWiOCCBJacggaFFqDlqA1KCKIiCjEragwseL23et7oaFgFy7n3P/89/znnXOfVEqJ/6ywPZ/EjLND2cxeUWOymSRhO+GB2qGEIW9JISP4j1KIWDaTPpXBaHwZME6whYDEL2OfsWMofYSiiZSUck4I1Uki0sCR0qPFsVpjw4IcAuh3AHddmwR2IgccdKvVFL0RcRIYPGkBTHEeNURpUH8uk97n28MIBA1RihuuHBArcZrAH3EqOeZ+rGFP6MMdt3tJcst391U1dkurs1eoVvvC02ACPkzAEdj5E95k97gJ9LIaDIQmi1anT4XakHqjwmI1UrcSKhiiHxVfqJfaqEyBlah2+hcJzsa7UBzG93L5G19/yjrXAw7FBz4I7ufwyl5kR51BbCO2ahG8AmjTpbtjM/GKP0OsHf/MjLXyTkQVd4lzhM9R57VvxBDy4GtM5RB/APAS9IlEeajvyggpw2WdmBEzzm4gL8CXTqHJvJXPev3iAe5iFrhextoIHZnp4Dw0+wMiUkD4QkkxidC9xn4EGABtrswGbZZapAAAAABJRU5ErkJggg==) !important;
    background-position: 30px 50%;
    background-repeat: no-repeat;
    font-weight: bold!important;
    color: #666e77;
}
.callpy-small-checkbox__label--consultant-label {
    min-height: 20px;
    padding-left: 45px!important;
    width: 100%;
    padding-bottom: 7px;
    font-size: 14px!important;
    font-weight: bold!important;
    color: #575757!important;
}

.callpy-small-checkbox .callpy-small-checkbox__label--consultant-label:before{
    width: 12px;
    height: 12px;
    left: 15px;
    margin-top: -6px;
    border: 1px solid #8a97a4;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.callpy-small-checkbox .callpy-small-checkbox__item:checked ~ .callpy-small-checkbox__label--consultant-label:before{
    border: 1px solid #8a97a4;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHtJREFUeNpi/P//PwM20D1j6Wogpc+CQ7IcSIWA2MzcEqoTj525rGdtoncUKgmSmAVVq8nYNX0JzA4dIP4AxE+gfK/SjOjtTEBGMFTgBBBfhLILQJIgBhOQsQ5Ig+zkAWJhIJ4MFJsIcw8jzBdAu9cDKT6gpDOygwECDABTFScL/8zYQAAAAABJRU5ErkJggg==) 50% no-repeat;
}

.pay-data-j-input:focus {
    outline: 0;
    /* border-bottom: 1px solid #666; */
    border-color: rgba(0, 119, 255, 0.53);
}

.pay-data-j-field {
    display: flex;
    flex-flow: column-reverse;
    position: relative;
    transform: scale(1);
    max-height: 100px;
    opacity: 1;
    /* margin-top: 12px; */
    transition-property: transform, max-height, opacity, margin-top;
    transition-timing-function: ease;
    transition-duration: 0.25s;
    transform-origin: bottom;
}

.pay-data-j-field.hide {
    transform: scale(0.8);
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    pointer-events: none;
}

.pay-data-j-input {
    width: 220px !important;
    margin-right: 5px;
}

.pay-data-j-input,
.pay-data-j-field > label {
    transition: all 0.2s;
    touch-action: manipulation;
}

.pay-data-j-input:placeholder-shown + label {
    cursor: text;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: left bottom;
    font-size: 13px;
    transform: translate(10px, calc(100% + 5px));
    color: rgba(51, 72, 79, 0.8);
}

::-webkit-input-placeholder {
    opacity: 0;
    transition: inherit;
}
::-moz-placeholder {
    opacity: 0;
    transition: inherit;
}
::-ms-input-placeholder {
    opacity: 0;
    transition: inherit;
}
/*
.pay-data-j-input:focus::-webkit-input-placeholder {
    opacity: 1;
}*/

.pay-data-j-input:not(:placeholder-shown) + label,
.pay-data-j-input:focus + label {
    transform: translate(0, -5px);
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    color: rgb(51, 72, 79);
    margin-top: 20px;
}

.pay-data-j-input:not(:placeholder-shown) ~ .js-help__dialog-name,
.pay-data-j-input:focus ~ .js-help__dialog-name {
    top: calc(50% + 10px);
}

/* Arrow */

.arrow {
    position: absolute;
    margin: 0 auto;
    top: 80px;
    right: 0;
    transform: scale(1.2);
}

.c-user__status {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #14c773;
    border-radius: 10px;
    border: 2px solid #FFF;
    top: 1px;
    left: 0;
}

[data-call="video"] .c-user__status {
    width: 12px;
    height: 12px;
    left: 6px;
    top: 1px;
}
[data-call="video"] .call-video--main__grid .c-user__status {

}

.c-user-lst__status {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #14c773;
    border-radius: 10px;
    border: 2px solid #FFF;
    top: -1px;
    right: 0;
}

.c-user__offline .c-user__status,
.c-user__offline .c-user-lst__status {
    background-color: #e6402e;
}

.c-lst-dialog-info__controls {
    /* background: red; */
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    height: 100%;
    padding-right: 10px;
    align-items: center;
}

.c-lst-dialog-info__control--sound {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23444444' id='svg_1' d='m6,18l0,12l8,0l10,10l0,-32l-10,10l-8,0z'/%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    background-position: 0;
    transition: background 0.2s ease-in-out;
}
.c-lst-dialog-info__control--sound.mute {background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6,18l0,12l8,0l10,10l0,-32l-10,10l-8,0z' fill='%23e6402e'/%3E%3Cpath stroke='null' fill='%23e6402e' d='m37.258896,23.810889l3.703698,-3.703698a1.617335,1.617335 0 0 0 -2.280443,-2.280443l-3.703698,3.703698l-3.703698,-3.703698a1.617335,1.617335 0 0 0 -2.280443,2.280443l3.703698,3.703698l-3.703698,3.703698a1.617335,1.617335 0 1 0 2.280443,2.280443l3.703698,-3.703698l3.703698,3.703698a1.617335,1.617335 0 0 0 2.280443,-2.280443l-3.703698,-3.703698z'/%3E%3C/svg%3E");}
.c-lst-dialog-info__control--sound:hover {}

[contenteditable=true].noScroll ~ .c-chat-controls {
    bottom: 50%;
    transform: translateY(50%);
}

[contenteditable=true] {
    scrollbar-width: none;
}
[contenteditable=true]::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
[contenteditable=true]::-webkit-scrollbar-thumb {
    background: #FF0000;
}

.c-chat-controls {
    bottom: 10px;
    transform: translateY(0);
    position: absolute;
    right: 10px;
    display: flex;
    transition: all 0.2s ease-in-out;
}

.c-chat-controls a {
    width: 18px;
    height: 18px;
    transition-property: transform, max-height, opacity, padding, background;
    transition-timing-function: ease;
    transition-duration: 0.25s;
    background-repeat: no-repeat;
    transform-origin: center;
}
.c-chat-controls a:hover {}

.c-chat-control__smile {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 16 16'%3E%3Cpath fill='%23c7c7c7' d='M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M8,14c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6 S11.3,14,8,14z'%3E%3C/path%3E%3Ccircle fill='%23c7c7c7' cx='6' cy='6' r='1'%3E%3C/circle%3E%3Ccircle fill='%23c7c7c7' cx='10' cy='6' r='1'%3E%3C/circle%3E%3Cpath fill='%23c7c7c7' d='M8,12c1.7,0,3-1.3,3-3H5C5,10.7,6.3,12,8,12z'%3E%3C/path%3E%3C/svg%3E");
    transform: translateX(calc(-100% - 8px));
    opacity: 0;
    pointer-events: none;
}
.c-chat-control__smile:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 16 16'%3E%3Cpath fill='%230077FF' d='M8,0C3.6,0,0,3.6,0,8s3.6,8,8,8s8-3.6,8-8S12.4,0,8,0z M8,14c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6 S11.3,14,8,14z'%3E%3C/path%3E%3Ccircle fill='%230077FF' cx='6' cy='6' r='1'%3E%3C/circle%3E%3Ccircle fill='%230077FF' cx='10' cy='6' r='1'%3E%3C/circle%3E%3Cpath fill='%230077FF' d='M8,12c1.7,0,3-1.3,3-3H5C5,10.7,6.3,12,8,12z'%3E%3C/path%3E%3C/svg%3E");
}
.c-chat-control__file {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 16 16'%3E%3Cpath fill='%23c7c7c7' d='M5,5v4c0,1.7,1.3,3,3,3s3-1.3,3-3V4.5C11,2,9,0,6.5,0S2,2,2,4.5V10c0,3.3,2.7,6,6,6s6-2.7,6-6V4h-2v6 c0,2.2-1.8,4-4,4s-4-1.8-4-4V4.5C4,3.1,5.1,2,6.5,2S9,3.1,9,4.5V9c0,0.6-0.4,1-1,1S7,9.6,7,9V5H5z'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    right: 0;
    transform: scale(0);
    opacity: 0;
}

[contenteditable=true]:empty ~ .c-chat-controls .c-chat-control__file {
    transform: scale(1);
    opacity: 1;
    opacity: 0;
    pointer-events: none;
}

.c-chat-control__file:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 16 16'%3E%3Cpath fill='%230077FF' d='M5,5v4c0,1.7,1.3,3,3,3s3-1.3,3-3V4.5C11,2,9,0,6.5,0S2,2,2,4.5V10c0,3.3,2.7,6,6,6s6-2.7,6-6V4h-2v6 c0,2.2-1.8,4-4,4s-4-1.8-4-4V4.5C4,3.1,5.1,2,6.5,2S9,3.1,9,4.5V9c0,0.6-0.4,1-1,1S7,9.6,7,9V5H5z'%3E%3C/path%3E%3C/svg%3E");
}


.c-chat-control__send {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.5 17.5' width='100%' height='100%'%3E%3Cpath stroke='%23c7c7c7' stroke-width='1px' fill='%23c7c7c7' d='M1.500,15.500 L2.929,10.500 L9.500,10.500 L9.500,6.500 L2.929,6.500 L1.500,1.500 L15.500,8.500 L1.500,15.500 Z'/%3E%3Cpath stroke='%23c7c7c7' stroke-width='3px' fill='%23c7c7c7' d='M6.500,9.500 C7.052,9.500 7.500,9.052 7.500,8.500 C7.500,7.948 7.052,7.500 6.500,7.500 L8.500,7.500 L8.500,9.500 L6.500,9.500 Z'/%3E%3C/svg%3E");
    position: absolute;
    right: 0;
}

[contenteditable=true]:empty ~ .c-chat-controls .c-chat-control__send {
    pointer-events: none;
    transform: scale(0);
    opacity: 0;
}

.c-chat-control__send:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.5 17.5' width='100%' height='100%'%3E%3Cpath stroke='%230077ff' stroke-width='1px' fill='%230077ff' d='M1.500,15.500 L2.929,10.500 L9.500,10.500 L9.500,6.500 L2.929,6.500 L1.500,1.500 L15.500,8.500 L1.500,15.500 Z'/%3E%3Cpath stroke='%230077ff' stroke-width='3px' fill='%23c7c7c7' d='M6.500,9.500 C7.052,9.500 7.500,9.052 7.500,8.500 C7.500,7.948 7.052,7.500 6.500,7.500 L8.500,7.500 L8.500,9.500 L6.500,9.500 Z'/%3E%3C/svg%3E");
}

.c-chat__call {
    display: none;
}

[data-call="chat"] .call-chat {
    display: flex;
    width: 100%;
    flex-basis: 100%;
}

[data-call="chat"] .call-chat__tab {
    width: 100%;
}
[data-call="chat"] [data-role="members"] {
    display: none;
}
[data-call="chat"] .call-wrapper {
    display: none;
}

[data-call="chat"] .c-chat__call {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19px' height='19px' viewBox='0 0 19 19'%3E%3Cpath stroke='%2314c773' stroke-width='2px' fill='%2314c773' d='M4.995,6.996 L5.994,5.997 L3.995,1.996 C2.996,2.997 1.995,3.996 1.995,5.370 C1.994,8.996 8.995,15.997 12.590,15.997 C14.003,15.997 14.994,14.996 15.994,13.997 L11.994,11.997 L10.996,12.996 C8.995,14.996 2.996,8.996 4.995,6.996 Z'/%3E%3C/svg%3E");
    border: 1px solid #e4edf0;
    transition: background 0.25s ease;
    min-height: 40px;
    min-width: 40px;
    line-height: 25px;
    display: flex;
    padding: 0.4em 1.2em;
    border-radius: 20px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: calc(50% + 1px);
    margin-left: auto;
    margin-right: 15px;
}
.c-chat__call:hover {
    background-color: #14c773;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19px' height='19px' viewBox='0 0 19 19'%3E%3Cpath stroke='%23FFF' stroke-width='2px' fill='%23FFF' d='M4.995,6.996 L5.994,5.997 L3.995,1.996 C2.996,2.997 1.995,3.996 1.995,5.370 C1.994,8.996 8.995,15.997 12.590,15.997 C14.003,15.997 14.994,14.996 15.994,13.997 L11.994,11.997 L10.996,12.996 C8.995,14.996 2.996,8.996 4.995,6.996 Z'/%3E%3C/svg%3E");
}