video{background-color:#111;width:100%}.patient-name{text-align:center;margin-top:5px;margin-bottom:10px}.timer-btn{margin-top:5px}.patient-info{font-size:30px}.display-image{width:30%;height:30%;margin:5px}.video-full-content{position:absolute;top:0;left:0;z-index:1000;height:100%;width:100%}.video-full-content .remote-video,.video-full-content .remote-video video{position:absolute;top:0;left:0;height:100%;width:100%;background:black;z-index:1000000000;margin:0}.video-full-content .local-stream{position:absolute;bottom:0;right:0;z-index:9999999999;padding-right:5px;padding-left:5px}.video-full-content .button-area{position:absolute;bottom:0;left:0;z-index:9999999999}.video-full-content .local-stream .patient-name{margin:0;padding-top:5px;padding-bottom:5px;background-color:white;overflow:hidden}.video-full-content .local-stream-innder{background:#D9D9D9}.video-full-content .finish-btn{position:absolute;top:24px;right:24px;z-index:999999999999}.video-full-content .reload-btn{position:absolute;top:24px;z-index:999999999999}.stop-video-btn{width:70px;height:70px;background:#FF5353;margin-left:10px;padding-left:0px;padding-right:0px;padding-top:1px;padding-bottom:9px}.stop-video-btn .stop-video-img{width:60px;height:60px}.camera-btn{width:70px;height:70px;background:#D9D9D9;margin-left:10px;padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:10px}.camera-btn .camera-img{height:100%;width:100%}.camera-btn .recording-img{height:100%;width:100%;color:red}.information-btn{background:#F2F2F2;width:40px;height:40px;padding-top:0px;padding-left:0px;padding-bottom:0px;padding-right:0px}.information-btn .information-img{height:34px;width:34px}.question-img{height:20px;padding-right:0px;padding-left:0px}.institution_name{background-color:white;display:inline-block;border:0px;margin-bottom:5px}.video-time{background-color:white;display:inline-block;border:0px;margin-bottom:5px}.video-full-content .institution_area{position:absolute;top:45px;z-index:999999999999}.video-full-content .help{position:absolute;top:45px;right:0px;z-index:999999999999}.video-full-content .video-header{position:absolute;top:5p x;z-index:999999999999;padding-left:0px;padding-right:0px}.video-check-alert{background:#f8d7da;color:#721c24;border-radius:5px;border:0px}.video-note{background:#C1FFDB;border-radius:5px;border:0px}.video-full-content .text-message{display:flex;align-items:center;justify-content:center}.page-reload-font{text-decoration:underline;cursor:pointer}.page-reload-font:hover{background-color:transparent}.mic-img{vertical-align:top;height:30px;padding-right:0px;padding-left:0px}.canvas-audio{height:30px;width:85%;padding-left:0px;padding-right:0px}.video-full-content .local-mic{position:absolute;bottom:170px;right:5px;z-index:9999999999;padding-right:0px;padding-left:5px}.bg-transparent{background:rgba(194,194,194,0.6);backdrop-filter:blur(5px);border-radius:5px}.mic-area{display:flex;align-items:center;justify-content:center;padding-top:5px;padding-bottom:5px}@media screen and (min-width: 1025px){.local-stream{width:20%}.remote-streams{width:80%}.patient-info{margin-bottom:20px}#patient-avator{width:100%;height:100%}.not-enter-info{position:relative;top:50px;left:250px}.reserve_note{position:relative;top:75px;left:250px}.pre-reserve-note-content{position:relative;right:200px;width:60%;padding:10px}.reserve-note-title{margin-top:10px;margin-bottom:15px}#capture-btn{margin-top:5px}#upper-body-image{width:100%;height:100%;background-color:silver;margin:auto}}@media screen and (max-width: 1024px){.local-video{position:relative;float:right;margin-right:20px;width:30%}.patient-info{margin-left:20px;float:left;width:30%}#patient-avator{width:100%;height:100%}.remote-video{margin:0px 20px 0px 20px}.toggle-btn{float:left;margin-left:10px;margin-right:5px}.not-enter-info{text-align:center;margin-top:30px;margin-bottom:30px}.reserve_note{text-align:center;margin-bottom:100px}.reserve-note-title{text-align:left;margin-top:10px;margin-bottom:15px}.pre-reserve-note-content{padding:10px;text-align:left;word-break:break-all;white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word}#capture-btn{margin-left:5px}#upper-body-image{width:100%;height:100%;background-color:silver;margin:auto}.video-full-content .local-stream{min-width:130px}}@media only screen and (max-device-width: 1024px) and (orientation: landscape){.video-full-content .local-stream{width:23%}}