.publisher-container,#facePublisher,#screenPublisher{width:160px;height:100px;display:block;position:absolute;cursor:move;cursor:-webkit-grab;cursor:-moz-grab;border-radius:5px;z-index:99;transition:width 200ms,height 200ms ease}div#facePublisher,div#screenPublisher{top:34px}div#facePublisher{right:0}div#screenPublisher{left:0}.publisher-container.left{top:10px;left:10px;position:absolute;width:160px;height:100px}#facePublisher ot-publisher{width:100%;height:100%;padding:0;margin:0}#facePublisher:active,#screenPublisher:active{cursor:-webkit-grabbing;cursor:-moz-grabbing}ot-layout ot-subscriber{display:inline-block}ot-layout>*{transition-property:all;transition-duration:1s;width:0;height:0;opacity:0}ot-layout>*.ot-layout{opacity:1}ot-layout{display:block;width:100%;height:100%}ot-layout button.mute-video-button,ot-layout button.expand-button,ot-layout button.restrict-framerate-button,ot-layout button.subscriber-stats-button,ot-layout button.zoom-button{top:-25px;font-size:1.25em;transition-property:top,bottom,opacity;transition-duration:.5s;transition-timing-function:ease-in}ot-layout>:hover button.expand-button,ot-layout>:hover button.restrict-framerate-button,ot-layout>:hover button.zoom-button,ot-layout>:hover button.subscriber-stats-button,ot-layout>:hover button.mute-video-button{top:-2px;opacity:1}ot-layout ot-subscriber button.zoom-button{right:152px}ot-layout ot-subscriber button.expand-button{right:114px}ot-layout ot-subscriber telemed-mute-video button{right:38px}ot-layout ot-subscriber button.restrict-framerate-button{right:76px}ot-layout ot-subscriber button.subscriber-stats-button{left:0}ot-whiteboard:not(.ng-hide),ot-editor:not(.ng-hide),opentok-textchat:not(.ng-hide){display:block}ot-whiteboard{display:none;background-color:#dcd9cd}ot-editor{display:none;background-color:#dcd9cd;padding:0}ot-editor .CodeMirror{background-color:#dcd9cd;padding:10px}ot-editor>div.opentok-editor-connected{width:100%;height:100%;height:calc(100% - 20px);position:absolute;top:0;left:0;margin-top:20px}ot-editor>div.opentok-editor-mode-select{float:none;position:absolute;top:0;right:0;z-index:10}opentok-textchat{padding:10px;display:none;background-color:#dcd9cd;position:absolute;top:125px;bottom:70px;right:0;left:calc(100% - 300px);border-radius:5px;border:1px solid #555;z-index:99;opacity:.9}opentok-textchat #otTextChat .time{color:#555}opentok-textchat #otTextChat form{height:50px}opentok-textchat a{color:#4382b5}opentok-textchat #otTextChatMessages{height:calc(100% - 40px)}#closeTextchat{position:absolute;top:130px;right:5px;z-index:99;cursor:pointer}#bottomBar{transition:opacity 200ms ease;opacity:0;width:100%;left:0;bottom:20px;position:absolute;text-align:center;z-index:98}button.icon-left:before{font-family:"Ionicons";padding-right:8px;padding-left:0}#bottomBar .unread-indicator{display:inline-block}@-webkit-keyframes whitePulse{from{-webkit-box-shadow:0 0 9px #333;-moz-box-shadow:0 0 9px #333;box-shadow:0 0 9px #333}50%{-webkit-box-shadow:0 0 18px #dcd9b5;-moz-box-shadow:0 0 18px #dcd9b5;box-shadow:0 0 18px #dcd9b5}to{-webkit-box-shadow:0 0 9px #333;-moz-box-shadow:0 0 9px #333;box-shadow:0 0 9px #333}}#bottomBar .unread-indicator span.indicator{display:none;width:10px;height:10px;border-radius:50%;background-color:#c04b4b;border:1px solid #dcd9b5;margin-left:-5px;margin-top:-38px;position:relative;-webkit-animation-name:whitePulse;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite}#bottomBar .unread-indicator.unread span.indicator{display:block}#bottomBar button{cursor:pointer;border:none;border-radius:5px;color:#dcd9b5;font-size:18px;-webkit-appearance:none;font-family:'Ropa Sans',sans-serif;transition:width 200ms,height 200ms ease;padding-left:14px;padding-top:5px;pointer-events:auto;margin:0}#bottomBar #publishHDCheck{color:#dcd9cd;position:relative;left:-50px;top:-4px;vertical-align:middle}#bottomBar #publishHDCheck input[type="checkbox"]{position:absolute;top:-2px}button.green{background-color:#4d9154}button.red{background-color:#c04b4b}#shareInfo,#reconnectingOverlay{font-size:18px;color:#dcd9cd;text-align:center;width:550px;padding:10px;border-radius:5px;background-color:#565853;top:35%;position:absolute;left:50%;margin-left:-285px;transition:width 200ms,height 200ms ease;z-index:97}#loader{width:32px;height:32px;position:absolute;left:50%;top:50%;margin-left:-16px;margin-top:-16px;color:#dcd9cd;font-size:32px;font-weight:bold}#bottomBar #publishBtn.green{text-align:left;width:142px}.statusMessage{background-color:#565853;width:100%;border-radius:5px;text-align:center;vertical-align:middle;padding:10px 0 10px 0;color:#dcd9cd;margin-bottom:5px;padding:10px}#statusMessages{transition:opacity 200ms ease;opacity:0;position:absolute;width:465px;left:calc(50% - 242.5px);bottom:80px;z-index:97}@media screen and (max-width:650px){#facePublisher,#screenPublisher{width:89px;height:50px}#shareInfo,#reconnectingOverlay{width:250px;left:50%;margin-left:-135px}#statusMessages{width:340px;left:calc(50% - 180px)}}@media only screen and (orientation:portrait){#facePublisher,#screenPublisher{width:100px;height:150px}}@media only screen and (orientation:portrait) and (max-width:650px){#facePublisher,#screenPublisher{width:50px;height:75px}}@media screen and (max-width:900px){#bottomBar{width:100px;bottom:40px;text-align:left;left:10px}#bottomBar button{margin-top:5px;width:150px;text-align:left}}#footer{position:absolute;opacity:0;bottom:15px;right:15px;font-size:15px;transition:opacity 200ms ease;z-index:98}#screenShareUnsupported{opacity:0;transition:opacity 200ms ease}#bottomBar:hover~#statusMessages>#screenShareUnsupported{opacity:1}#connCount{color:#dcd9cd;opacity:0;font-size:15px;position:absolute;left:15px;bottom:15px;transition:opacity 200ms ease}body.mouse-move #bottomBar,body.mouse-move #statusMessages,body.mouse-move #connCount,body.mouse-move #footer{opacity:1}#facePublisher telemed-mute-video button{left:0;bottom:0}#facePublisher:hover telemed-mute-video{opacity:1}ot-publisher#screenPublisher{position:absolute;top:calc(50% - 50px);left:calc(50% - 80px);display:block}#bottomBar,#statusMessages{opacity:1}#screenPublisher,#screenPublisher:active{cursor:auto}@supports (-webkit-overflow-scrolling:touch){@media only screen and(orientation:portrait){#session{top:35px;bottom:-150px;}#footer,#connCount{bottom:-135px;}#bottomBar{bottom:-110px;}}@media only screen and(orientation:landscape){#session{top:50px;bottom:-50px;}#footer,#connCount{bottom:-35px;}#bottomBar{bottom:-10px;}}}.telemed-button{border:none;cursor:pointer;margin:0;opacity:0;padding:0;z-index:100;position:absolute;font-size:1em;transition:opacity 500ms ease-in;background-color:transparent}#facePublisher:hover .telemed-button{opacity:1}telemed-cycle-camera button{top:3px;right:0}telemed-mic-picker button{bottom:3px;right:0}telemed-mic-picker ul{position:absolute;top:100px;right:0;background:rgba(0,0,0,.4);color:#ddd;border:1px solid #ddd;list-style-type:none;padding:0;margin:0;width:250px}telemed-mic-picker li{cursor:pointer;padding:10px;border-bottom:1px solid #ddd}telemed-mic-picker li.selected{background-color:rgba(86,158,83,.9)}@media screen and (max-width:650px){telemed-mic-picker ul{top:50px}}@media only screen and (orientation:portrait){telemed-mic-picker ul{top:150px}}@media only screen and (orientation:portrait) and (max-width:650px){telemed-mic-picker ul{top:75px}}#facePublisher telemed-publisher-stats button{top:0;left:0}.publisher-container .show-stats-info{background:rgba(0,0,0,.4);padding:10px;color:#ddd;width:300px;position:absolute;right:0;top:110px}.publisher-container.left .show-stats-info{left:0}.show-stats-info h5{margin:.2rem 0;color:#fff}.show-stats-info h4{color:#fff;margin:.5rem 0}.padding-left-1rem{padding-left:1rem}.show-stats-info label{width:100px;display:inline-block}.show-stats-info .mono{font-family:Courier New,Courier,monospace}@media screen and (max-width:650px){.publisher-container .show-stats-info{top:55px}}@media only screen and (orientation:portrait){.publisher-container .show-stats-info{top:155px}}@media only screen and (orientation:portrait) and (max-width:650px){.publisher-container .show-stats-info{top:80px}}telemed-subscriber-stats div.show-stats-info{top:34px;padding:10px;position:absolute;background:rgba(0,0,0,.4)}