body{background:#231f20}.form-group h1{font-size:22px}.btn-round{border-radius:30px}.bg-indigo{background:#231f20}.form-group{color:#fff;margin-bottom:10px}.clickable-row{cursor:pointer}.clickable-row:hover{background:orange}.loginarea{padding:0}.input-number{width:45px!important}#aquaurl,#cctime,#connectionStatus,#quant,#widevineurl{font-weight:900}.btn-rec{display:block;margin-top:3%;background:orange;width:100%;font-weight:700;font-size:1rem}.btn-modal{color:#fff;display:block;margin-top:2px;background:orange;font-weight:700}.btn-bit{color:#fff;display:block;margin-top:2px;background:#231f20;font-weight:700;font-size:17px}.modal-content{background:#231f20}.modal-header{color:#fff}.close{color:#fff}.rowimg{margin:5px;cursor:pointer}.rowinfo{margin:10%}.timeLabel{font-size:20px;color:#fff;margin-right:30px;margin-top:5px}.timeInput{width:10%;background:0 0;color:#fff;border:none;text-align:center}.roInput{background-color:transparent;border:0;font-size:1em;color:#fff;text-align:center}.greendot{height:25px;width:25px;background-color:green;border-radius:50%;display:inline-block}.yellowdot{height:25px;width:25px;background-color:#ff0;border-radius:50%;display:inline-block;animation:blink-animation 1s steps(5,start) infinite;-webkit-animation:blink-animation 1s steps(5,start) infinite}.reddot{height:25px;width:25px;background-color:red;border-radius:50%;display:inline-block}@keyframes blink-animation{10%{opacity:0}20%{opacity:1}40%{opacity:2}60%{opacity:3}100%{opacity:4}}@-webkit-keyframes blink-animation{10%{opacity:0}20%{opacity:1}40%{opacity:2}60%{opacity:3}100%{opacity:4}}#channelTable{max-height:80vh;overflow:auto}#statusTable{max-height:50vh;overflow:auto}#videoElems{background:#000;height:600px;position:relative}#video{width:100%;height:100%;object-fit:initial;background:#231f20}.videoControls{opacity:0;position:absolute;z-index:999;color:#fff;bottom:0;width:100%;height:auto;background-color:rgba(35,31,32,.7)}.videoBtn{border-radius:0;outline:0}.videoBtn:hover{background-color:rgba(72,72,72,.7)}.videoInfo{opacity:0;position:absolute;z-index:999;color:#fff;width:100%;height:auto;background-color:rgba(35,31,32,.7)}.infoBtn{cursor:default;border:none;background-color:rgba(35,31,32,.7);border-radius:0;outline:0}#currentPlayTime{font-size:29px;color:orange;padding:6px 16px}video::-webkit-media-controls{display:none!important}.contBtn{color:#fff;background:#e4a83a}.contBtn:hover{color:#000;background:orange}.active{color:#000;background:orange}.videoControls .video-progress{display:none;position:absolute;top:0;left:0;right:0;height:4px;background:#231f20;z-index:999}.videoControls .video-progress .video-progress-fill{position:absolute;top:0;left:0;width:0;height:4px;background:orange;cursor:pointer}.videoControls .video-progress .video-progress-bg{position:absolute;top:-10px;left:0;right:0;height:15px;cursor:pointer}.videoControls .video-progress .video-progress-dot{position:absolute;top:0;left:0;width:16px;height:16px;margin-left:-8px;margin-top:-6px;border-radius:50%;background:orange;cursor:pointer;border:2px solid #231f20;border-top-color:#231f20;border-right-color:#231f20}.videoControls .dragging,.videoControls .dragging *{cursor:grabbing!important}.dropup-content{display:none;position:absolute;bottom:100%;background-color:#161717;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;left:0}.dropup-content a{color:orange;text-decoration:none;display:block;cursor:pointer;width:134px;font-size:15px;padding-top:2px;padding-bottom:2px}.activeA,.dropup-content a:hover{background:#2b2b2b}.dropup:hover .dropup-content{display:block}.playerBtns{display:flex}.playerBtns .plrBtn{width:50%;outline:0}.btn:active:focus{outline:0;outline-offset:0}