body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0;position:relative}.container{align-items:center;height:100vh;margin-left:180px}.header{background:#2c3e50;color:#ecf0f1;flex:1 1;height:50px;left:50;padding:10px;text-align:center;top:0;width:100%;z-index:10}.header,.login-container{align-items:center;display:flex;position:absolute}.login-container{background-color:#f0f2f5;justify-content:center;left:50%;top:30%;z-index:100}.login-form{width:300px}.login-form h2{text-align:center}.form-group,.login-form h2{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem}.form-control{border:1px solid #ccc;border-radius:4px;padding:.5rem;width:100%}.btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;width:100%}.btn:hover{background-color:#0056b3}.welcome-message{color:#28a745;margin-top:1rem;text-align:center}.content{box-sizing:border-box;flex:1 1;padding-left:10px;padding-top:75px;position:relative;transition:margin-left .3s ease;z-index:1}.sidebar{background:#2c3e50;color:#ecf0f1;flex:0 0 180px;height:100vh;left:0;position:fixed;top:0;transition:width .3s;width:180px}.sidebar.collapsed{width:50px}.sidebar.collapsed .menu{display:none}.container.collapsed .header{left:50px;padding-left:50px}.container.collapsed .content{margin-left:-75px}#UserManager td{border:1px solid #000;padding:10px}#StreamReportTable{border-collapse:collapse;width:100%}#StreamReport td{border:1px solid #000;padding:10px}#StreamReportIDTD,#StreamReportImageTD,#StreamReportTitleTD{width:20%}#StreamReportStatusTD{width:10%}.StreamImageThumbDiv{height:200px;max-width:400px;overflow:hidden;width:auto}#StreamThumb{display:block;height:auto;object-fit:contain;width:100%}.streamReportStatusDiv{word-wrap:break-word;white-space:normal;width:250px}#StreamManagerTable{border-collapse:collapse;width:100%}#StreamManager td{border:1px solid #000;padding:10px}#StreamManagerStreamTitleTD,#StreamManagerTitleTD{width:15%}#StreamManagerStreamURITD{width:50%}#StreamManagerTypeTD{width:8%}#StreamManagerActionsTD,#StreamManagerEnabledTD{width:5%}#StreamURIInput{width:100%}#IconLabel{left-padding:5px;right-padding:5px}#TypeSelector{padding:10px}#StreamTypeSelect{align-items:center;display:flex}#EnabledSelector{padding:10px}#StreamEnabledSelect{align-items:center;display:flex}.EnabledSwitch{display:inline-block;height:34px;position:relative;width:60px}.EnabledSwitch input{height:0;opacity:0;width:0}.EnabledSwitch label{left:10px;padding:10px;position:relative}.AudioVideoSwitch{display:inline-block;height:34px;position:relative;width:60px}.AudioVideoSwitch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.AudioVideoSwitch label{left:10px;padding:10px;position:relative}.stream-alert-number{font-size:30px;padding:10px}.stream-row{align-items:center;border-bottom:1px solid #ccc;display:flex;padding:10px}.stream-info{display:flex;flex:1 1;flex-direction:column;font-size:15px;justify-content:center}.stream-info span{margin-bottom:5px}.stream-image img{height:200px;margin-left:10px;object-fit:cover;padding-right:40px;width:450px}.menu-button{background:#34495e;cursor:pointer;padding:10px;text-align:center}.menu{list-style:none;margin:0;padding:0}.menu-item{border-bottom:1px solid #34495e;cursor:pointer;padding:15px}.menu-item a{color:#ecf0f1;padding:15px;text-decoration:none}.menu-item:hover{background:#1abc9c}.login-form{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;font-size:1.2rem;gap:1rem;padding:2rem;width:500px}.login-form label{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.login-form input{flex:1 1;font-size:1.5rem;margin-left:1rem}.logout_done{align-items:center;display:flex}.throbber{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:20px;margin-left:10px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.650b774a.css.map*/