@font-face{font-family:LiberationSans;src:url(/LiberationSans-Regular.woff2) format("woff2");font-weight:400}:root{--gray: rgb(221, 221, 221);--topbar-height: 5em;--sidebar-width: 355px;--text-color: #727272;--darker-text-color: #3a3a3a;--blue: #5c76f5;--blue2: #4d66e2;--blue3: #344cc2;--dark: #505050;--dark2: #505050;--dark3: #505050;--green: #98d177;--red: #e06161}*{margin:0;font-family:LiberationSans}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:gray;text-decoration:none}a:hover{color:#000}button{background:none}button:hover:enabled{cursor:pointer}#page{display:flex;height:100vh}#page #content{display:flex;flex-direction:column;flex-grow:1;background-color:#f2f3f8;width:100%;max-height:100vh;overflow-y:scroll}.unselectable{user-select:none}.divider{width:100%;border-bottom:1px solid var(--gray);margin:8px 0}input[type=text],input[type=password],input[type=email]{height:1.8rem;padding:4px 10px;border:none;outline:1px solid silver;color:var(--text-color);border-radius:8px;transition:all .02s ease;color:#3a3a3a}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus{outline:2px solid var(--blue)}input[type=text]:invalid.touched,input[type=password]:invalid.touched,input[type=email]:invalid.touched{outline:2px solid red}input[type=text]:disabled,input[type=password]:disabled,input[type=email]:disabled{color:gray}.online-tag{margin:.6em 1.85em;font-size:small;background-color:var(--green);color:#fff;padding:4px 9px;border-radius:25px;user-select:none}.offline{background-color:var(--red)}.cropper-modal{background-color:#fff}#sidebar{background-color:#222020;min-width:var(--sidebar-width);color:#d3d3d3;display:flex;flex-direction:column}#sidebar-header{height:var(--topbar-height);background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}#sidebar-header img{height:50%;margin:0 3em}#sidebar-header img:hover{cursor:pointer}#sidebar-profile{display:flex;align-items:center}#sidebar-profile img{width:4.5em;margin:1.5em 1.1em 1.5em 2.8em}#sidebar-profile h2{font-size:1.2rem}#sidebar-profile p{color:#8d8d8d;font-size:1rem}#sidebar-buttons{width:100%;display:flex}#sidebar-buttons a{color:gray;background:none;width:100%;border:1px solid rgb(49,49,49);text-align:center;padding:.9em 0;font-size:.9rem}#sidebar-buttons a:hover{--border-color: lightgray;color:#d3d3d3;cursor:pointer}#sidebar-links{width:100%;display:flex;flex-direction:column;align-items:center;margin:1.2em 0}#sidebar-links a{display:flex;flex-direction:column;align-items:center;color:gray;font-size:1.1rem;margin:.6em 0;width:100%;text-align:center;min-height:2em;justify-content:center;text-decoration:none;transition:all .1s ease}#sidebar-links a:hover{color:#d3d3d3}@media (max-width: 768px){#sidebar{display:none;position:absolute;margin-left:0;z-index:2}}#topbar{min-height:var(--topbar-height);background-color:#fff;border-bottom:1px solid var(--gray);display:flex;justify-content:space-between;align-items:center;position:relative}#topbar-right{display:flex;justify-content:space-between;flex-grow:1}#topbar button{border:none;margin:0 0 0 1px;padding:.6em 1em;font-size:.95rem;height:100%;color:#535353;text-align:left}#topbar button p{font-size:.9rem}#topbar button:hover{cursor:pointer}#topbar p{font-size:1.4rem;margin:0 .4em}#topbar a{margin-right:1.5em;display:flex;align-items:center}#topbar a:hover{color:#424242}#login-page{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f8f8f8}#login-card{width:30em;max-width:90%;display:flex;flex-direction:column;align-items:center;padding-bottom:4em}#logo-wrap{margin:1em 0;width:100%}#login-card img{height:2.3em}#login-card h1{font-size:.9rem;margin:.8em 0 0;color:#868686}#login-inputs{margin:1em 0;display:flex;flex-direction:column;width:100%}#login-inputs input,button{margin:0 0 1em}#login-card a{color:var(--blue)}#login-card .divider{margin:.3em 0}#login-card input{color:#7a7a7a}#login-inputs button{background-color:#2e2e2e;color:#fff;border:none;font-size:.9rem;padding:.8em;text-align:left;margin-top:.3em}#login-inputs .errortext{color:red;margin:0 0 8px}#login-inputs #resend-email-link{margin-bottom:5px}#login-inputs #resend-email-link:hover{cursor:pointer}#box-table{margin-top:1em}#devices-buttons{margin:1em 1.5em 0;display:flex;justify-content:space-between;align-items:center}#devices-buttons button{margin-left:1em;border-radius:0}.box-card{display:flex;justify-content:space-between;background-color:#fff;padding:1.3em 2em;margin:.8em 1.5em;border:1px solid rgb(219,219,219);color:var(--text-color);box-shadow:0 0 7px #dadada}.box-card div{display:flex;align-items:center;gap:0 40px}.box-card p{margin:0}.box-card .details-button{margin:0;padding:.7em;background-color:var(--green);color:#fff;border:none}.details-button:disabled{background-color:#b6b6b6}#addModalWrap{display:none;position:absolute;width:100vw;height:100vh;top:0;left:0;background-color:#1a1a1a4b;justify-content:center;align-items:center}#addModalWrap .card{box-shadow:none;display:flex;flex-direction:column;padding:2em 3em;border:1px solid rgb(165,165,165)}#addModalWrap .card form{display:flex;flex-direction:column}#addModalWrap input{margin:.5em 0}#addModalWrap button{margin:1em}#add-modal-buttons{display:flex;gap:1em}#add-modal-buttons button{margin:0}#profile-wrap,#change-pw-inputs{display:flex;flex-direction:column}#change-pw-inputs input{margin:.5em 0;width:20em}#change-pw-inputs button{margin:0;width:12em}#change-pw-inputs .two-columns{margin:0}#box-view{height:100%}#nav-container{width:100%;background-color:#f2f3f8;display:flex;align-items:center;justify-content:center;flex-direction:column}#nav-container nav{position:relative;height:4.4em;width:100%;display:flex;align-items:center;justify-content:center}#nav-container nav label{position:relative;display:block;height:100%;width:100%;text-align:center;line-height:4.1em;cursor:pointer;font-size:17px;font-weight:400;transition:all .4s ease;color:#6e6e6e}#nav-container nav label:hover{background-color:#e4e8f0}#wlan:checked~nav label .wlan,#targetbox:checked~nav label .targetbox,#statistic:checked~nav label .statistic,#feedback:checked~nav label .feedback{color:var(--blue)}#nav-container input[type=radio]{display:none}#nav-container nav .slider{position:absolute;height:2.5px;background-color:var(--blue);width:33.34%;z-index:1;left:0;bottom:0;transition:all .3s ease;filter:blur(.4px)}#targetbox:checked~nav .slider{left:33.34%}#statistic:checked~nav .slider{left:66.67%}#feedback:checked~nav .slider{left:75%}#wlan:checked~nav .wlan{color:var(--blue)}#targetbox:checked~nav .targetbox{color:var(--blue)}#feedback:checked~nav .feedback{color:var(--blue)}#statistic:checked~nav .statistic{color:var(--blue)}.card{background-color:#fff;color:var(--text-color);font-size:.9rem;margin:1.5em;padding:1.4em 3.2em 1.4em 2.3em;box-shadow:0 0 7px #e4e4e4;max-width:100%}.card h1{font-weight:400;font-size:1.7rem;margin:.5em 0;color:#494949}.card h3{display:block;font-size:1.17em;font-weight:400;color:#727272;margin:1em 0}.card .two-columns{margin:1.6em 0;width:100%;display:flex}.card .two-columns>*:first-child{width:18.5%;height:2em;display:flex;flex-direction:column;justify-content:center;height:1.8em;padding:4px 0}.save-button{font-size:medium;color:#fff;background-color:var(--blue);padding:10px 19px;border-radius:5px;margin:10px 0;user-select:none;border:none;transition:all .1s ease}.save-button:hover{background-color:var(--blue2)}.save-button:active{background-color:var(--blue3)}.save-button:disabled{background-color:#afafaf;transform:scale(1);cursor:auto}.save-button.red{background-color:#e95151}.save-button.red:hover{background-color:#ce3b3b}.save-button.red:active{background-color:#b82a2a}.save-button.green{background-color:#92c774}.save-button.green:hover{background-color:#81b662}.save-button.green:active{background-color:#73a556}.save-button.green:disabled{background-color:#afafaf;transform:scale(1);cursor:auto}.save-button.gray{background-color:#b8b8b8}.save-button.gray:hover{background-color:#969696}.save-button.gray:active{background-color:#858585}.save-button.gray:disabled{background-color:#ddd}.save-button.dark{background-color:#353535}.save-button.dark:hover{background-color:#2b2b2b}.save-button.dark:active{background-color:#1f1f1f}.save-button.dark:disabled{background-color:#8d8d8d}.card input[type=text]{flex-grow:1}.card input[type=range]{width:75ch;accent-color:var(--blue)}.card input[type=radio],.card input[type=checkbox]{accent-color:var(--blue);vertical-align:middle}.card label{margin:0 2em 0 1em}.card nav label{margin:0}.card .colorpicker{height:2.4em;width:3.6em;background-color:red;border:1px solid silver}.card input[type=color]{border:none;height:2.6em;width:4em;padding:0;margin:0}@media (max-width: 768px){.card{margin:0 0 1em;padding:1.2em}.two-columns{display:flex;flex-direction:column;gap:1em}.card .two-columns>*:first-child{width:100%}#cropping-card{padding:.5em .5em 2em}}.toggle-wrap{display:flex;align-items:center;margin:0 2em 0 0;user-select:none}.toggle label{display:block;width:54px;height:32px;margin:0 auto;border-radius:100px;background-color:#e6e9ec;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.toggle input{display:none}.toggle .checked{background-color:#5b76fc}.toggle i{height:28px;width:28px;background:#fff;display:inline-block;border-radius:100px;margin-top:2px;margin-left:2px;pointer-events:none;box-shadow:0 0 #0000;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out}.toggle label:hover{cursor:pointer}.toggle label .checked{margin-left:24px;background-color:#fdfcfc}#clock-checkboxes{display:flex;gap:4em;margin:1.6em 0 0;user-select:none}.status-columns{display:flex}.status-columns p{line-height:50px;margin-right:4em}#streaming-checkboxes p{margin-left:10px;margin-top:-4px}#streaming-checkboxes div{margin:4px 0;display:flex;align-items:center}#streaming-checkboxes input{margin:0 2px 0 6px}.card-header{display:flex;align-items:center}#restart-buttons button{margin:1em 1em 1em 0}#restart-button{font-size:.9rem;padding:10px}.modal{position:absolute;left:0;top:0;width:100vw;height:100vh;background-color:#3e3e4296;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal .card{width:500px;max-width:100vw;box-shadow:none;font-size:1rem;color:#3f3f3f}.modal .card h2{margin-top:.6em}.modal-close{border:none;color:gray;margin:.9em 0}.modal-close:after{display:inline-block;content:"×";font-size:2.4rem}.modal-top{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #e4e4e4;margin-bottom:1em}.modal-top h2{margin:1em 0 .9em;color:var(--darker-text-color)}#tickets{display:flex;align-items:center}#cutting-wrap{display:flex;flex-direction:column}#cutting-tabs-wrap{width:50em;max-width:100%;margin-bottom:1em}#cropping-wrap{display:flex;flex-direction:column;align-items:start;max-width:100%}#cropperjs-wrap{min-height:20em;max-width:98%;display:flex;align-items:center;justify-content:center}#cropperjs-wrap img{display:block;float:left;width:50em;max-width:100%}#cropping-buttons{display:flex}#cropping-buttons div{display:flex;flex-direction:column;margin:1em 1.5em 0 0}#cropping-buttons button{display:inline-block;width:8em;margin:.5em 0}#cropping-buttons label{margin:0}#tickets-wrap{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1b1b1b8a;z-index:1;display:none}.radio-group{display:flex;align-items:center}#tickets-window{width:70%;height:90%;background-color:#fff;border:1px solid silver;display:flex;flex-direction:column;color:#686868}#tickets-window p{width:8em;margin-left:.2em}@media (width <= 1250px){#tickets-window{width:0%}}#tickets-top{width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #e4e4e4}#tickets-bottom{border-top:1px solid #e4e4e4;padding:1em 2.4em;display:flex;justify-content:space-between}#tickets-bottom button{margin:1em 1em 1em 0}#tickets-bottom-left{display:flex;align-items:center}#tickets-bottom-left input{width:22em}#tickets-bottom-left p{margin:0 1em;width:auto}#tickets-top h1{margin:1em 0 .9em 1.2em;color:var(--darker-text-color)}#tickets-close{border:none;color:gray;margin:.9em 2em}#tickets-close:after{display:inline-block;content:"×";font-size:2.4rem}#tickets-button{font-size:.9rem;margin:0}#tickets-content-wrap{overflow-y:scroll;max-width:100%;flex-grow:1}#tickets-content{max-width:100%;padding:.3em 2.4em .8em}#tickets-header{display:flex;padding:1.8em 3.2em;font-weight:600;border-bottom:1px solid rgb(228,228,228)}#tickets-header p{margin-right:4em;color:var(--darker-text-color)}.ticket{display:flex;justify-content:space-between;align-items:center;border:1px solid rgb(212,212,212);padding:1em 1.2em;margin:1em 0}.ticket .save-button{margin:0}.ticket-left{display:flex}.ticket-left p{margin-right:4em}#myChart{max-width:45em;max-height:35em}.statistics-graphs{display:flex}.statistics-graphs>div{position:relative;border:1px solid silver;margin:1em;padding:1em;width:100%;height:400px;display:flex;justify-content:center;align-items:center}.statistics-graphs>div p{position:absolute}.loadingspinner{position:absolute;pointer-events:none;width:1em;height:1em;border:.4em solid transparent;border-color:#eee;border-top-color:#c4c4c4;border-radius:50%;animation:loadingspin 1s linear infinite}#date-card div{display:flex;align-items:center}#date-card p{margin-right:1em}#date-card label{background-color:#dadada;border-radius:10px;padding:4px 10px}#date-card input[type=radio]{display:none}#date-card label{cursor:pointer;padding:10px;background-color:#f0f0f0;border-radius:5px;margin:5px;display:inline-block;user-select:none}#date-card label:hover{background-color:#e2e2e2}#date-card input[type=radio]:checked+label{background-color:var(--blue);color:#fff}#date-card input[type=date]{margin:1em;font-size:.95rem;color:#555}#date-card button{font-size:.9rem}@keyframes loadingspin{to{transform:rotate(360deg)}}#signup{width:100vw;height:100vh;display:flex;margin:0;padding:0;flex-direction:column;align-items:center}#signup .card{width:30em;max-width:90%}#signup .divider{margin:.5em 0 1em}#signup-form{display:flex;flex-direction:column}#signup-form input{margin:.5em 0 1em}#signup-form .errortext{color:red;margin:0 0 1em}#reset-pw{width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}#reset-pw .card{display:flex;flex-direction:column;gap:1em}#reset-pw input{width:40ch}#reset-pw-token{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}#reset-pw-token .card{display:flex;flex-direction:column;border:none;box-shadow:none}#reset-pw-token form{display:flex;flex-direction:column;gap:1em}#reset-pw-token input{width:40ch}#pw-reset-errortext{color:red}