@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400&display=swap);*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}li{list-style:none}body{background-color:#222529;color:#fff;font-family:Tajawal,sans-serif}.auth{max-width:450px}.auth .logoPic{width:100%}.auth button{align-items:center;background:#f91c1c;border:0;box-shadow:0 0 14px #000;color:#fff;cursor:pointer;display:flex;justify-content:center;margin:10px 0;padding:7px;transition:.3s;width:100%}.auth button:hover{box-shadow:0 5px 17px #383838}.uploadPage h1{margin:25px 50px 50px}.uploadPage .uploadZone{align-items:center;border:1px dashed #dcdcdc;display:flex;flex-direction:column;justify-content:center;margin:50px;padding:50px;position:relative}.uploadPage .uploadZone .progress{background:#f91c1c;bottom:0;height:10px;left:0;position:absolute;transition:.3s}.uploadPage .uploadZone img{width:70px}.uploadPage .uploadZone button{background:red;border:0;border-radius:3px;color:#fff;cursor:pointer;margin-bottom:7px;margin-top:20px;outline:0;padding:12px 15px}.uploadPage .uploadZone .uploadResult{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:15px;width:100%}.uploadPage .uploadZone .uploadResult p{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.uploadPage .uploadZone .uploadResult img{margin-right:15px;max-height:50px;width:50px}.error{align-items:center;animation:fadeIn .7s forwards;background:#ffebf0;color:#f91c1c;display:flex;margin:10px 0;opacity:0;padding:7px;transform:translateY(-15px)}.error p{font-weight:700;margin-left:7px}.error svg{fill:none;stroke:#f91c1c}.noteContainer{animation:fadeIn .5s forwards;background:#00000075;height:100vh;left:0;opacity:0;position:fixed;top:0;width:100vw;z-index:2}.noteContainer .note{animation:slideIn .5s .3s forwards;background:#fff;border-radius:5px;box-shadow:0 0 14px #fffefe61;color:#000;left:50%;min-width:250px;opacity:0;overflow:hidden;position:absolute;text-align:center;top:50px;transform:translateX(-50%) translateY(-150px)}.noteContainer .note .header{align-items:center;border-bottom:1px solid #dcdcdc;color:#fff;display:flex;justify-content:space-between;padding:5px 12px}.noteContainer .note .header h3{letter-spacing:1px;text-transform:capitalize}.noteContainer .note .header button{background:none;border:0;cursor:pointer;height:30px;transition:.3s;width:30px}.noteContainer .note .header button svg{fill:#fff;height:20px;width:20px}.noteContainer .note .body{padding:22px 40px}.noteContainer .note .body a{background:#f91c1c;border:0;border-radius:3px;color:#fff;display:inline-block;font-weight:700;letter-spacing:1px;margin-top:12px;padding:7px 12px;text-decoration:none}.imageList{align-items:flex-start;flex-wrap:wrap;margin:50px}.imageList,.imageList .imageContainer{display:flex;justify-content:space-between}.imageList .imageContainer{align-items:center;background:#121212;flex-direction:column;height:250px;margin:10px;overflow:hidden;padding:20px;text-align:center;width:200px}.imageList .imageContainer svg{fill:#fff;cursor:pointer;height:20px;margin:5px}.imageList .imageContainer .img{height:auto;margin:auto;max-height:120px;max-width:80%;min-width:100%;position:relative;width:auto}.imageList .imageContainer .img .copy{align-items:center;animation:fade .3s forwards;background:#0000005e;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:50%;min-height:150px;min-width:100%;opacity:0;padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.imageList .imageContainer .img .copy svg{margin:25px}.imageList .imageContainer .img img{max-height:100%;max-width:100%}.imageList .imageContainer .footer{align-items:center;background:#202020;display:flex;flex-wrap:wrap;justify-content:space-around;margin:10px 10px -15px;padding:10px 20px}.imageList .imageContainer p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:150px}.nav{align-items:center;background-color:#121212;box-shadow:0 4px 14px #121212;display:flex;height:70px;justify-content:space-between;padding:12px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.nav .menuToggle{display:none}.nav img{height:100%;max-width:150px}.nav .links{align-items:center;display:flex}.nav .links a{color:#fff;margin:0 15px;padding:7px 5px;position:relative}.nav .links a:hover:before{width:100%}.nav .links a:before{background-color:#f91c1c;border-radius:100vw;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);transition:.3s;width:0}.nav .links .activeLink:before{width:100%}.nav .links button{align-items:center;background:none;border:0;color:#fff;cursor:pointer;display:flex;margin:0 20px;outline:0;transition:.3s}.nav .links button:hover{color:#f91c1c}.nav .links button:hover svg{fill:#f91c1c}.nav .links button svg{fill:#fff;margin:5px;transition:.3s;width:25px}.sessions{margin:50px}.sessions .sessionsMainContainer{align-items:flex-start;display:flex;justify-content:space-between}.sessions .sessionsMainContainer .filters{min-width:200px;position:-webkit-sticky;position:sticky;top:80px}.sessions .status{margin:20px 0}.sessions .status .statusContainer{display:flex;flex-direction:column;margin:10px 0}.sessions .status .statusContainer label{align-items:center;display:flex;margin-left:20px}.sessions .status .statusContainer label input{all:unset;position:relative}.sessions .status .statusContainer label input:after,.sessions .status .statusContainer label input:before{background-color:#fff;border-radius:4px;content:"";height:15px;left:-20px;position:absolute;top:50%;transform:translateY(-50%);transition:.3s;width:15px}.sessions .status .statusContainer label input:checked:before{background-color:#f91c1c}.sessions .status .statusContainer label input:checked:after{background-color:#fff;-webkit-clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);height:10px;left:-18px;width:10px}.sessions .status .statusContainer label .radioInput:after,.sessions .status .statusContainer label .radioInput:before{background-color:#fff;border-radius:100%;-webkit-clip-path:unset;clip-path:none}.sessions .status .statusContainer label .radioInput:checked:before{background-color:#f91c1c}.sessions .status .statusContainer label .radioInput:checked:after{background-color:#fff;-webkit-clip-path:unset;clip-path:none}.sessionsHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:50px}.sessionsHeader .search{background:#fff;border-radius:3px;display:flex;padding:5px 10px}.sessionsHeader .search input{all:unset;color:#222529;min-width:300px;padding:0 7px}.sessionsTable{border-collapse:collapse;text-align:left;width:100%}.sessionsTable thead{background-color:#f91c1c;height:50px;position:-webkit-sticky;position:sticky;top:0}.sessionsTable tbody tr{border-bottom:1px solid #ffffff38;height:45px;transition:.3s}.sessionsTable tbody tr:hover{background-color:#3e4148}.sessionsTable tbody tr svg{fill:#fff;cursor:pointer;height:20px;margin:0 10px}.sessionsTable span{margin:10px}.addSession{background:#f91c1c;border-radius:100vw;bottom:25px;box-shadow:0 0 14px #000;height:50px;position:fixed;right:25px;transition:.3s;width:50px}.addSession:hover{box-shadow:0 0 14px #7a7a7a;transform:scale(1.1)}.addSession:after,.addSession:before{background:#fff;border-radius:100vw;content:"";height:3px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:25px}.addSession:before{transform:translate(-50%,-50%) rotate(90deg)}.switcher{background:red;border-radius:100vw;height:25px;position:relative;width:60px}.switcher:before{background-color:blue;border-radius:100vw;content:"";height:23px;left:1px;position:absolute;top:1px;width:23px}.add{all:unset;color:#f91c1c;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:.5px;margin-left:25px;position:relative}.add span{border:2px solid #f91c1c;border-radius:100vw;height:20px;left:-25px;position:absolute;position:relative;top:50%;transform:translateY(-50%);width:20px}.add span:after,.add span:before{background-color:#f91c1c;content:"";height:1px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.add span:after{transform:translate(-50%,-50%) rotate(90deg)}.popup{background:#0000004a;display:grid;height:100vh;left:0;place-items:center;position:fixed;top:0;width:100vw;z-index:1}.popup .container{background:#fff;border-radius:3px;padding:25px}.popup .container input{border:0;border-bottom:2px solid;font-size:16px;outline:0;padding:12px 0}.popup .container button{background:#f91c1c;border:0;border-radius:3px;color:#fff;cursor:pointer;display:inline-flex;margin-top:15px;padding:7px 12px}.popup .container .cancel{background:#0000;color:#000;margin:0 10px}.customSelect{position:relative}.customSelect select{border:0;height:40px;outline:0;padding:12px;text-transform:capitalize;width:100%}.inpCont{margin:0 0 15}.buttons{margin:auto;width:-webkit-fit-content;width:fit-content}.button{background-color:#222529;border:2px solid #f91c1c;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-weight:700;justify-content:space-around;margin:0 10px;min-width:110px;padding:7px 12px}.filled{background:#f91c1c}.flexElm{margin:15px;width:30%}.paymentLoading{background:#121212;color:#fff;margin:150px auto;overflow:hidden;padding:35px 75px;position:relative;width:-webkit-fit-content;width:fit-content}.paymentLoading:before{animation:slide 1s linear infinite;background-color:#f91c1c;left:0}.paymentLoading:after,.paymentLoading:before{bottom:0;content:"";height:5px;position:absolute;width:25px}.paymentLoading:after{animation:slide 1s linear .5s infinite;background-color:#fff;left:-25px}.containerLoading{overflow-x:hidden;position:relative}.containerLoading:after,.containerLoading:before{animation:slide 1s linear infinite alternate-reverse;background-color:#f91c1c;content:"";height:5px;left:-150px;position:absolute;top:0;width:150px;z-index:9}.containerLoading:after{animation:none;background-color:rgba(0,0,0,.404);height:100vh;left:0;position:fixed;top:0;width:100vw}.encodersList{flex-wrap:wrap}.encodersList,.encodersList__item{display:flex;justify-content:space-between}.encodersList__item{align-items:flex-start;border-bottom:1px solid #dcdcdc6b;padding:12px 10px;transition:.3s;width:calc(50% - 20px)}.encodersList__item:hover{background-color:hsla(0,0%,100%,.158)}.encodersList__item .flex{display:flex}.encodersList__item .flex svg{stroke:#fff;stroke-width:20px;height:25px;margin:5px 15px 5px 5px;width:25px}.encodersList__item .edit .react-switch-bg{margin-right:25px!important}.encodersList__item .edit svg{fill:#fff;height:30px;width:30px}.encodersList__item p{padding-top:5px}.dividerHeader{border-top:3px solid grey;margin:auto auto -20px;padding:15px 0;width:97%}.selectLoader{background:#000000cf;border:1px solid #bcbdbe;height:100%;padding:10px;position:absolute;right:0;top:0;width:40px}.logs{height:calc(100vh - 520px);line-height:40px;margin:15px 0;min-height:240px;min-width:100%;overflow-y:scroll}.encoderStatus,.logs{background:#fff;color:#000;font-family:monospace;padding:12px}.encoderStatus{margin:10px 0}.filledInput:before{display:none}.filledInput input{border:3px solid #f91c1c!important}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes fade{to{opacity:1}}@keyframes slideIn{to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes slide{to{left:calc(100% - 25px)}}.customInput{color:#fff;margin:0 0 8px;position:relative;width:auto}.customInput:focus-within:before{width:100%}.customInput p{font-weight:100;margin-bottom:7px;text-transform:capitalize}.customInput .input{border:0;height:42px;outline:0;padding:6px 12px;width:100%}.customInput input:disabled{background:#121212;color:#c9c9c9}.customInput:before{background-color:#f91c1c;bottom:-2px;content:"";height:3px;left:0;position:absolute;transition:.3s;width:0}.center{align-items:center;display:flex;flex-direction:column;justify-content:center}.screen{min-height:100vh;width:100vw}.tag{border-radius:100vw;padding:0 7px;text-transform:capitalize}.Future,.new,.ready{background-color:#fff0c3;color:#8f6e0a}.Closed,.finished,.offline{background-color:#fed5d5;color:#5c0a0a}.Out,.active,.online{background-color:#d2fde4;color:#0f6835}td{margin:10px}@media (max-width:540px){.auth{padding:15px}.uploadPage{text-align:center}.uploadPage .uploadZone{margin:15px;padding:15px}.imageList{margin:15px}.imageList .imageContainer{width:100%}.nav .menuToggle{all:unset;display:block;height:50px;width:50px}.nav .menuToggle span{background-color:#f91c1c;display:block;height:3px;position:relative;transition:.3s;width:30px}.nav .menuToggle span:after,.nav .menuToggle span:before{background-color:inherit;content:"";height:inherit;left:0;position:absolute;top:-9px;transition:.3s;width:inherit}.nav .menuToggle span:after{top:9px}.nav .close span{transform:rotate(45deg)}.nav .close span:after,.nav .close span:before{top:0;transform:rotate(-90deg)}.nav .links{align-items:center;background:#121212;flex-direction:column;height:calc(100vh - 70px);justify-content:space-evenly;left:-100%;position:absolute;top:70px;transition:.3s;width:75%}.nav .links:before{background:#00000047;content:"";height:100%;left:100%;position:absolute;top:0;width:34%}.nav .opened{left:0}.sessions{margin:10px}.sessions .sessionsHeader{flex-direction:column;justify-content:center}}.player-index{padding:0 8px}
/*# sourceMappingURL=main.15994140.css.map*/