:root{font-family:Bariol Regular;background-color:#000;color:#fff}body{margin:0}.center_container{padding:16px;display:flex;align-items:center;justify-content:center;margin-top:100px}.center_container.welcome{margin-top:32px}.form_container{display:flex;flex-direction:column;align-items:center;width:40%;position:relative}.form_container h1,.form_container p{text-align:center}.form_container h1{margin:0;font-weight:400}.form_container p{margin:8px 0 0;font-size:20px}.form{margin-top:50px;width:80%}.form form{display:flex;flex-direction:column;align-items:center}.form input,.form button{font-family:Bariol Regular;font-size:20px;width:100%}.form input{border:none;border-bottom:1px solid white;background-color:transparent;padding:10px 10px 10px 0;margin-bottom:16px;color:#fff}.form button{width:fit-content;border-radius:100px;background-color:#fff;padding:10px 32px;border:1px solid black;margin-top:50px;color:#000;font-size:20px;cursor:pointer}.form .error,.sipError{margin-top:16px;margin-bottom:16px;padding:20px 30px;color:#fb3129;border-radius:14px;background-color:#2a2b30}.form .msg{margin-top:16px;margin-bottom:16px;padding:20px 30px;color:#2db473;border-radius:14px;background-color:#2a2b30}.form .msg p,.form .error p,.sipError p{font-size:18px;margin:0}.forgot{margin-top:0;width:100%;display:flex;justify-content:end;cursor:pointer}.forgot p{text-decoration:underline}.space{width:10px}@media screen and (max-width: 1200px){.form_container{width:60%}}@media screen and (max-width: 600px){.center_container,.center_container.welcome{margin-top:0}.form_container{width:100%}.form{width:90%}.form_container p,.form button{font-size:16px}.form .msg p,.form .error p,.sipError p{font-size:14px}}nav{display:flex;justify-content:space-between;align-items:center;padding:16px}nav .username_mobile{display:none}nav .username_mobile h1{margin:0;font-size:32px;font-weight:400;line-height:35px}nav .user_icon{width:40px;height:40px;border-radius:50px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}nav .user_icon img{width:40px}nav .user_menu{position:absolute;background-color:#222327;color:#fff;top:55px;right:0;border-radius:14px;font-size:16px;padding:20px;width:275px;z-index:10}nav .user_menu .mobile_user{display:none}nav .user_menu p{margin:0}.user_info .label{font-size:16px;color:#ebefff;margin-bottom:16px}.user_info .input{font-size:20px;padding-bottom:8px;border-bottom:1px solid white}.user_info .user_box{margin-bottom:24px}.user_menu .change_psw{font-size:20px;padding:16px;border-radius:6px;background-color:#2a2b30;margin-top:32px}.user_menu .logout{font-size:20px;margin-top:32px;text-align:center;padding:10px 16px;border:1px solid white;border-radius:50px}.user_menu .deleteUser{font-size:20px;margin-top:32px;text-decoration:underline}nav .deleteModal{position:absolute;top:0;bottom:0;right:0;left:0;width:calc(100vw - 20px);height:calc(100vh - 20px);padding:10px;display:flex;align-items:center;justify-content:center;background-color:#000000e6;z-index:10}nav .deleteModal .deleteChoice{display:flex;align-items:center;justify-content:space-around}nav .deleteModal h2{font-weight:400;font-size:32px;text-align:center}nav .deleteModal p{font-size:24px;background-color:#fff;color:#000;padding:8px 32px;border-radius:8px;cursor:pointer}.expand-enter-active,.expand-leave-active{transition:height .3s ease-in-out;overflow:hidden}@media screen and (min-width: 1440px){nav{display:flex;justify-content:space-between;align-items:center;padding:30px}}@media screen and (max-width: 600px){.user_info .input,.user_menu .change_psw,.user_menu .logout,.user_menu .deleteUser{font-size:16px}nav .user_menu{position:absolute;background-color:#000;color:#fff;top:-16px;right:-16px;border-radius:0;font-size:16px;padding:20px;width:calc(100vw - 40px);height:calc(100vh - 40px)!important;z-index:10}nav .user_menu .mobile_user{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:40px}nav .user_menu .mobile_user h2{margin:0;font-weight:400;font-size:30px}nav .user_menu .mobile_user img{width:18px}nav .user_icon img{width:33px}nav .logo img{width:65px}nav .username_mobile{display:block}nav .deleteModal h2{font-size:30px}nav .deleteModal p{font-size:18px}}.welcome_container{position:relative}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9}.disconnect_service{position:absolute;top:0;bottom:0;right:0;left:0;width:calc(100vw - 20px);height:calc(100vh - 20px);padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000000e6;z-index:10}.disconnect_service p{margin:0 0 16px;font-size:24px;cursor:pointer}.disconnect_service .dis_logout{font-size:20px;text-align:center;margin-top:16px;padding:10px 32px;border:1px solid white;border-radius:50px}.form_container .profile_img{position:relative;margin-bottom:23px}.form_container .profile_img .camera_change{background-color:#fff;color:#000;font-size:16px;padding:8px;border-radius:50%;position:absolute;bottom:0;right:0;cursor:pointer}.form_container .file_input{background-color:#222327;padding:16px;border-radius:14px;margin-top:16px;margin-bottom:16px}.form_container .file_input p{text-align:left}.form_container .file_input .remove{color:red;margin-top:16px;margin-bottom:16px;cursor:pointer}.form_container .file_input .ask_btns{display:flex;justify-content:space-around;margin-top:8px}.form_container .file_input .ask_btns p{display:flex;justify-content:space-between;background-color:#fff;color:#000;padding:8px 16px;border-radius:14px;cursor:pointer}.form_container input{font-family:Bariol Regular;border:none;border-bottom:1px solid white;background-color:transparent;color:#fff}.form_container .img_placeholder{font-size:60px;border:2px solid white;padding:21px 24px;border-radius:50%}.form_container .user_img{width:86px;height:86px;border:2px solid white;padding:8px;border-radius:50%;object-fit:cover}.form_container hr{width:70%;margin:1.042vw 0 2.604vw}.devices_list{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:2.604vw;position:relative}.devices_list p{margin:0;padding:8px;font-weight:700}.waitingCall p{line-height:32px;margin:0}.loading{margin-top:32px;display:flex;align-items:center;justify-content:center}.lottie{margin-top:16px}.dot-flashing{position:relative;width:14px;height:14px;border-radius:50px;background-color:#0006;color:#0006;animation:dot-flashing 1s infinite linear alternate;animation-delay:.5s}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-35px;width:14px;height:14px;border-radius:50px;background-color:#0006;color:#0006;animation:dot-flashing 1s infinite alternate;animation-delay:0s}.dot-flashing:after{left:35px;width:14px;height:14px;border-radius:50px;background-color:#0006;color:#0006;animation:dot-flashing 1s infinite alternate;animation-delay:1s}@keyframes dot-flashing{0%{background-color:#0006}50%,to{background-color:#fff}}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.dot-spin{position:relative;width:10px;height:10px;border-radius:5px;background-color:transparent;color:transparent;box-shadow:0 -18px #fff,12.727926px -12.727926px #fff,18px 0 #fff,12.727926px 12.727926px #9880ff00,0 18px #9880ff00,-12.727926px 12.727926px #9880ff00,-18px 0 #9880ff00,-12.727926px -12.727926px #9880ff00;animation:dot-spin 1.5s infinite linear}@keyframes dot-spin{0%,to{box-shadow:0 -18px #fff,12.727926px -12.727926px #fff,18px 0 #fff,12.727926px 12.727926px 0 -5px #9880ff00,0 18px 0 -5px #9880ff00,-12.727926px 12.727926px 0 -5px #9880ff00,-18px 0 0 -5px #9880ff00,-12.727926px -12.727926px 0 -5px #9880ff00}12.5%{box-shadow:0 -18px 0 -5px #9880ff00,12.727926px -12.727926px #fff,18px 0 #fff,12.727926px 12.727926px #fff,0 18px 0 -5px #9880ff00,-12.727926px 12.727926px 0 -5px #9880ff00,-18px 0 0 -5px #9880ff00,-12.727926px -12.727926px 0 -5px #9880ff00}25%{box-shadow:0 -18px 0 -5px #9880ff00,12.727926px -12.727926px 0 -5px #9880ff00,18px 0 #fff,12.727926px 12.727926px #fff,0 18px #fff,-12.727926px 12.727926px 0 -5px #9880ff00,-18px 0 0 -5px #9880ff00,-12.727926px -12.727926px 0 -5px #9880ff00}37.5%{box-shadow:0 -18px 0 -5px #9880ff00,12.727926px -12.727926px 0 -5px #9880ff00,18px 0 0 -5px #9880ff00,12.727926px 12.727926px #fff,0 18px #fff,-12.727926px 12.727926px #fff,-18px 0 0 -5px #9880ff00,-12.727926px -12.727926px 0 -5px #9880ff00}50%{box-shadow:0 -18px 0 -5px #9880ff00,12.727926px -12.727926px 0 -5px #9880ff00,18px 0 0 -5px #9880ff00,12.727926px 12.727926px 0 -5px #9880ff00,0 18px #fff,-12.727926px 12.727926px #fff,-18px 0 #fff,-12.727926px -12.727926px 0 -5px #9880ff00}62.5%{box-shadow:0 -18px 0 -5px #9880ff00,12.727926px -12.727926px 0 -5px #9880ff00,18px 0 0 -5px #9880ff00,12.727926px 12.727926px 0 -5px #9880ff00,0 18px 0 -5px #9880ff00,-12.727926px 12.727926px #fff,-18px 0 #fff,-12.727926px -12.727926px #fff}75%{box-shadow:0 -18px #fff,12.727926px -12.727926px 0 -5px #9880ff00,18px 0 0 -5px #9880ff00,12.727926px 12.727926px 0 -5px #9880ff00,0 18px 0 -5px #9880ff00,-12.727926px 12.727926px 0 -5px #9880ff00,-18px 0 #fff,-12.727926px -12.727926px #fff}87.5%{box-shadow:0 -18px #fff,12.727926px -12.727926px #fff,18px 0 0 -5px #9880ff00,12.727926px 12.727926px 0 -5px #9880ff00,0 18px 0 -5px #9880ff00,-12.727926px 12.727926px 0 -5px #9880ff00,-18px 0 0 -5px #9880ff00,-12.727926px -12.727926px #fff}}.popupCall{position:absolute;top:0;right:0;left:0;border:1px solid #46484c;background-color:#000;border-radius:34px;padding:30px 40px;display:flex;flex-direction:column;align-items:center;z-index:10}.popupCall h2{margin:0 0 16px;font-size:28px;font-weight:400}.popupCall p{font-size:18px;font-weight:400}.popupCall img,.iconsCall img{cursor:pointer}.popupCall .iconsCall{margin:24px 0 16px;display:flex;align-items:center;justify-content:space-between}.iconsCall .phone{padding:20px 20.5px;background-color:#2db473;border-radius:50%}.iconsCall #answerM{display:none}.iconsCall .hangup_icon{padding:27px 17px;background-color:#fb3129;border-radius:50%;margin-right:40px}.popupCall .activeCam{display:none}.popupCall .earlyCall{display:flex;align-items:center}.popupCall .earlyCall .video{margin-left:16px}.popupCall .mobile_video,.popupCall .openSwitch{display:none}.eventRegisterMsg .eventSuccess{font-size:18px;padding:20px 30px;color:#2db473;border-radius:14px;background-color:#2a2b30}.eventRegisterMsg .eventFail{font-size:18px;padding:20px 30px;color:#fb3129;border-radius:14px;background-color:#2a2b30}.v-enter-active,.v-leave-active{transition:opacity .3s ease}.v-enter-from,.v-leave-to{opacity:0}@media screen and (min-width: 1800px){.form_container .user_img{width:125px;height:125px}.popupCall{width:500px;margin:0 auto}}@media screen and (max-width: 1200px){.popupCall{padding:20px 30px;width:400px;margin:0 auto}}@media screen and (max-width: 768px){.popupCall{width:300px;margin:0 auto}}@media screen and (max-width: 600px){.disconnect_service p,.disconnect_service .dis_logout{font-size:18px}.form_container hr{width:90%;margin:16px 0}.welcome_container .logo,h1.username{display:none}.form_container .profile_img{margin-bottom:32px}.devices_list{margin-top:16px}.form_container input,.eventRegisterMsg .eventSuccess,.eventRegisterMsg .eventFail{font-size:16px}.iconsCall #answer1{display:none}.iconsCall #answerM{display:block}.popupCall{position:absolute;top:-303px;right:0;left:-16px;width:calc(100vw - 32px);height:calc(100vh - 48px);border:none;background-color:#000;border-radius:0;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;z-index:10}.popupCall .popupText{width:100%}.popupCall .popupText h2,.popupCall .popupText p{width:100%;text-align:left}.popupCall .popupText h2{margin-bottom:0}.popupCall .popupText p{padding:0}.popupCall .iconsCall{margin:16px 0}.popupCall .earlyCall{display:none}.popupCall .activeCam{display:flex;align-items:center;border:1px solid white;border-radius:36px;padding:4px 20px;margin-top:16px;margin-bottom:16px}.popupCall .activeCam img{height:15px}.popupCall .activeCam p{margin-left:8px}.popupCall .mobile_video{display:block;width:100vw;height:225px;background-color:#151515;margin-top:16px;margin-bottom:16px;position:relative}.popupCall .mobile_video #remoteVideo_mobile{width:100%;height:100%}.popupCall .openSwitch{display:block;margin-bottom:32px}.openSwitch .slider-button{display:inline-flex;align-items:center;background-color:#242424;border-radius:36px;padding:8px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;gap:20px}.openSwitch .label{color:#fff;transition:color .3s;text-align:center;width:120px}.openSwitch .label.active{font-weight:700}.openSwitch .icon{display:flex;justify-content:center;align-items:center;transition:transform .3s ease-in-out;position:absolute;left:50%;transform:translate(-50%)}.openSwitch .icon.right{transform:translate(calc(100% + 32px))}.openSwitch .icon.left{transform:translate(calc(-100% - 80px))}}.callme_container{position:absolute;top:0;bottom:0;right:0;left:0;z-index:100;display:grid;grid-template-columns:1fr 2fr;height:100vh}.callme_info{position:relative;padding:16px;background-color:#000}.callme_body{display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 32px)}.callme_devices{margin-top:50px}.callme_devices p{margin:0 0 24px;font-size:24px;font-weight:700;display:flex;flex-direction:column}.callme_devices p span{font-weight:400;font-size:19px;margin-top:12px}.callme_devices p.active{color:#2db473}.callme_previewBox{background-color:#222327;border-radius:14px;padding:20px;display:flex;flex-direction:column;align-items:center;margin:24px}.callme_previewBox h2{font-size:24px;font-weight:400;margin:16px 0}.callme_previewBox p{font-size:18px;margin:0;display:flex;flex-direction:column;align-items:center}.callme_previewBox p span{margin-top:8px}.callme_gates{display:flex;justify-content:center}.callme_gates .open{display:flex;flex-direction:column;align-items:center;cursor:pointer}.callme_gates .open:first-child{margin-right:50px}.callme_gates .open .lock{background-color:#222327;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.callme_gates .open p{margin:8px 0 0;font-size:18px}.callme_video{background-color:#222327;position:relative;height:100%}.volume_controls{display:flex;align-items:center;justify-content:center;margin-right:40px;width:68px;height:68px;border-radius:50%;background-color:#fff;color:#000;font-size:24px}.microphone_controls{display:flex;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background-color:#fff;color:#000;font-size:24px;cursor:pointer}.callme_video .iconsCall .phone{margin-right:40px}.callme_video .iconsCall{position:absolute;bottom:16px;right:16px;left:16px;display:flex;justify-content:center}#remoteVideo{width:100%;height:99.5%}@media screen and (min-width: 1440px){.callme_info{position:relative;padding:30px;background-color:#000}.callme_container{position:absolute;top:0;bottom:0;right:0;left:0;z-index:100;display:grid;grid-template-columns:506px 1fr;height:100vh}.callme_previewBox{background-color:#222327;border-radius:14px;padding:20px;display:flex;flex-direction:column;align-items:center;margin:24px auto;width:396px}.callme_previewBox h2{font-size:24px;font-weight:400;margin:24px 0}}@media screen and (max-width: 600px){.callme_container{grid-template-columns:1fr}.callme_info,.callme_video{height:90vh}.volume_controls{position:absolute;top:10px;right:0;margin-right:10px;width:50px;height:50px;font-size:16px}.microphone_controls{position:absolute;bottom:10px;right:0;margin-right:10px;width:50px;height:50px;font-size:16px}}@font-face{font-family:Bariol Bold Italic;src:url(/assets/bariol_bold_italic-webfont-36gLafas.ttf)}@font-face{font-family:Bariol Bold;src:url(/assets/bariol_bold-webfont-BuidRxda.ttf)}@font-face{font-family:Bariol Light Italic;src:url(/assets/bariol_light_italic-webfont-CUKYaIVn.ttf)}@font-face{font-family:Bariol Light;src:url(/assets/bariol_light-webfont-C1vZ_itX.ttf)}@font-face{font-family:Bariol Regular Italic;src:url(/assets/bariol_regular_italic-webfont-CPD4Vp0v.ttf)}@font-face{font-family:Bariol Regular;src:url(/assets/bariol_regular-webfont-DXwtSDxq.ttf)}@font-face{font-family:Bariol Thin Italic;src:url(/assets/bariol_thin_italic-webfont-CbM3F_jC.ttf)}@font-face{font-family:Bariol Thin;src:url(/assets/bariol_thin-webfont-DrQfFS4b.ttf)}