body{background-color:#267da7;background-size:cover;background-repeat:no-repeat;background-position:center center}.h4_nav_label{color:rgb(222 230 237 / 75%)!important;margin-top:20px}.toggle-button{width:120px;color:#d3d3d3;background-color:transparent;position:fixed;z-index:1000}.toggle-button.active{background-color:#4caf50;color:#fff}.toggle-button-pip{width:120px;color:#d3d3d3;background-color:transparent;position:fixed;z-index:1000}.toggle-button-pip.active{background-color:#4caf50;color:#fff}.toggle-button-inactive{background-color:#fff!important;border:2px solid #000;border-radius:4px}.toggle-button-active{background-color:#fff!important;border:2px solid #00f;border-radius:4px}.toggle-button-welcomeimg{width:120px;color:#d3d3d3;background-color:transparent;position:fixed;z-index:1000}.toggle-button-welcomeimg.active{background-color:#4caf50;color:#fff}.d-flex{display:flex;justify-content:center;align-items:center}.modal{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;justify-content:center;padding:24px}#navbar{display:flex;align-items:center;gap:16px;padding:8px 16px;background:#06417d;color:#e6edf6;border-bottom:1px solid rgba(255,255,255,.08)}.nav-center{margin-left:auto;margin-right:auto;display:flex;align-items:center;gap:12px}.badge{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:4px 8px;border-radius:999px}.btn-flex{display:flex;align-items:center;justify-content:center}.btn-flex .material-icons-outlined{margin-right:8px}body{font-family:Arial,sans-serif}.conf-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,139,.5);z-index:1000}.conf-popup-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;padding:20px;background-color:#000;color:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.5);text-align:center}button{margin-top:20px;padding:10px 20px;border:none;background-color:#fff;color:#000;border-radius:5px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#eee}#stop_waiting_direct_link_btn{position:relative;overflow:hidden}.animated-border-btn{position:relative;overflow:hidden;border-radius:22px!important}.animated-border-btn::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid transparent;border-radius:8px;background:linear-gradient(45deg,transparent,transparent) padding-box,linear-gradient(45deg,red,transparent) border-box;animation:spinBorder 1.5s linear infinite}@keyframes spinBorder{0%{transform:rotate(0);border-color:red}100%{transform:rotate(360deg);border-color:red}}.table-container{height:100px;overflow-y:auto}table{border-collapse:collapse;width:100%;border:1px solid #000}thead th{text-align:center;position:sticky;top:0;background-color:#00f;color:#fff;z-index:1;border:1px solid #000}td,th{width:fit-content;border-bottom:1px solid #000;text-align:center}tr{border-bottom:1px solid #000}tr:last-child{border-bottom:none}tr:hover{background-color:#f5f5f5;cursor:pointer}.chosen-creation-time{position:absolute;top:33%;left:50%;transform:translate(-50%,-50%);color:#00f;font-size:24px;font-weight:700;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}nav{background-color:#093f8f;border:1px solid #000;color:#fff;display:flex;justify-content:space-between;padding:30px 60px}nav ul{display:flex;justify-content:space-around;align-items:center}nav li{list-style:none}nav li a{color:#fff;text-decoration:none;font-weight:700;padding:5px 8px}nav li a:hover{color:#ff0;text-decoration:none}.bg-image{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:80vh}.overlay-text{position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);color:#fff;font-size:24px;font-weight:700;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5);z-index:2}#attendantWebCamVideo{width:auto;max-width:80%;max-height:80vh;z-index:1}.overlay-client-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:24px;font-weight:700;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.logo{position:absolute;top:0;width:50px;height:auto}#userWebCamVideo{width:auto;max-width:50%;max-height:50vh;z-index:1}#connectionChangeOverlay{position:fixed;top:50%;left:50%;width:300px;height:150px;background-color:rgba(0,0,0,.8);color:#fff;display:flex;justify-content:center;align-items:center;font-size:24px;z-index:9999;transform:translate(-50%,-50%);border-radius:10px}#offlineOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);color:#fff;z-index:10000;display:flex;justify-content:center;align-items:center;font-size:1.5rem}.recovery-link{color:#adff2f;background:0 0;border:none;position:fixed;top:12vh;left:0}.geoloc{border:2px solid #ccc;color:#000;background-color:rgb(222 230 237 / 75%);position:fixed;top:0;left:0}.geoacc{border:2px solid #ccc;color:#000;background-color:rgb(222 230 237 / 75%);position:fixed;top:3vh;left:0}.req_num{color:#000;border:2px solid #ccc;background-color:rgb(222 230 237 / 75%);position:fixed;top:6vh;left:0}.queue_count{color:#000;border:2px solid #ccc;background-color:rgb(222 230 237 / 75%);position:fixed;top:12vh;left:0}.client_info{color:#000!important;border:2px solid #ccc;background-color:rgb(222 230 237 / 75%);position:fixed;top:9vh;left:0}.rec{color:red;background:0 0;border:none;position:fixed;top:20vh;left:-17px}.btn:active,.btn:focus{outline:0!important;box-shadow:none}.bottom-position-call-buttons{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:center;gap:10px;padding:10px 0;z-index:9999}.call-buttons{display:flex;align-items:center;justify-content:center;background-color:#d3d3d3;font-size:8px!important;height:50px;width:50px;border:1px solid gray;border-radius:50%}.cursor-pointer{cursor:pointer;padding:5px 10px 5px 10px}.cursor-pointer:hover{cursor:pointer;padding:5px 10px 5px 10px;background-color:#e2e1e1}.cursor-pointer:hover::after{background-color:#d3d3d3}.hangup-button{cursor:pointer;padding:5px 10px 5px 10px;background-color:red}.hangup-button:hover{cursor:pointer;padding:5px 10px 5px 10px;background-color:#f35e6d}.hangup-button:hover::after{background-color:red}.top-center{position:fixed;top:0;left:20vh}.wrapper{width:100%;height:100vh;overflow:hidden}.wrapper video{object-fit:contain;width:100%;height:90%;top:0;left:0;position:fixed}.wrapper canvas{object-fit:contain;width:100%;height:100%;top:0;left:0;position:fixed}.user-video{position:fixed;top:0;right:0;transform:rotateY(180deg);width:100%;cursor:move}.peer-video-background{transform:rotateY(180deg)}.user-video-container{position:absolute;top:0;left:0;display:inline-block}.user-video-background{width:30%;height:auto}.boot-btn-confirm{background-color:#28a745!important;border-color:#28a745!important;color:#fff!important}.boot-btn-confirm:hover{background-color:#218838!important;border-color:#1e7e34!important}.boot-btn-cancel{background-color:#dc3545!important;border-color:#dc3545!important;color:#fff!important}.boot-btn-cancel:hover{background-color:#c82333!important;border-color:#bd2130!important}.boot-btn-yes{background-color:#dc3545!important;border-color:#dc3545!important;color:#fff!important}.boot-btn-yes:hover{background-color:#c82333!important;border-color:#bd2130!important}.boot-btn-no{background-color:#28a745!important;border-color:#28a745!important;color:#fff!important}.boot-btn-no:hover{background-color:#218838!important;border-color:#1e7e34!important}