*{box-sizing:border-box;margin:0;padding:0;text-decoration:none;font-family:Poppins,sans-serif}:root{--contrast_color: black;--primary_color: #003c0b;--secondary_color: #d0d0d0}html{font-size:16px}a:link,a:visited{color:inherit;text-decoration:none}body{min-height:100vh;background-color:#201f2f}.custom-info-dialog{background-color:transparent;color:#333;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;position:fixed!important;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px}.custom-info-dialog .xd-content{background-color:var(--secondary_color);height:100px;width:100%}.custom-info-dialog .xd-content .xd-body{height:50%;background-color:transparent;display:flex;align-items:center;justify-content:center;font-size:.8rem}.custom-info-dialog .xd-content .xd-buttons{padding:0;height:50%}.custom-info-dialog .xd-content .xd-buttons .xd-button.xd-ok{background-color:var(--primary_color);color:#fff;border-radius:1rem;height:fit-content}.custom-yesno-dialog .xd-content{background-color:var(--secondary_color);width:100%;padding-bottom:1rem}.custom-yesno-dialog .xd-buttons{padding:0;height:50%}.custom-yesno-dialog .xd-buttons .xd-button.xd-ok{background-color:var(--primary_color);color:#fff;border-radius:1rem;height:fit-content}.custom-yesno-dialog .xd-buttons .xd-button.xd-cancel{background-color:#7f7f7f;color:#fff;border-radius:1rem;height:fit-content}.homepage-parent{background:#26a62a;background:linear-gradient(0deg,#70d969,#fff);display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100vh}.homepage-parent .loader-panel{position:absolute;height:100vh;width:100vw;background-color:#fff;z-index:100;opacity:50%;display:flex;justify-content:center;align-items:center}.homepage-parent .loader-panel .loader{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.homepage-parent .logo{background-color:transparent;display:flex;align-items:center;justify-content:center;width:45vw;height:45vw}.homepage-parent .logo img{width:45vw;height:45vw}.homepage-parent h1,.homepage-parent p{margin-block:.25rem}.homepage-parent h1{font-size:1.75rem}.homepage-parent p{font-size:1rem}.homepage-parent input{height:3rem;font-size:1rem;padding-inline:1.25rem;width:75vw;margin-block:1rem;border:0;border-radius:2rem}.homepage-parent button{background:#001c0b;margin-block:.25rem;border:0;border-radius:2rem;font-size:1.25rem;color:#fff;font-weight:100}.homepage-parent .login-button{height:3.5rem;width:60vw}.homepage-parent .camera-panel-button{height:2rem;width:55vw;margin-block:0;margin-top:.75rem}.homepage-parent .chosen{background:#001c0b;background:linear-gradient(0deg,#00431b,#46ff8a)}.homepage-parent .camera-panel-parent{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:50vh;width:85vw}.homepage-parent .camera-panel-parent img{width:70vw}.homepage-parent .main-grid{display:grid;background-color:transparent;grid-template-columns:1fr 1fr;width:100vw;padding:5vw;row-gap:.5rem;column-gap:.5rem}.homepage-parent .main-grid .status{grid-column:span 2;font-size:1.5rem;display:flex;flex-direction:column;height:fit-content!important}.homepage-parent .main-grid .status .title{font-size:.75rem;font-weight:1000}.homepage-parent .main-grid .status .value{font-size:1.35rem;font-weight:1000;text-align:center}.homepage-parent .main-grid .parameter{font-size:1.125rem;display:flex;flex-direction:column}.homepage-parent .main-grid .parameter .title{font-size:.75rem;font-weight:1000}.homepage-parent .main-grid .parameter .value{font-size:1.35rem;font-weight:1000}.homepage-parent .main-grid .graphs{grid-column:span 2;background-color:#fff;display:flex;align-items:center;justify-content:center;padding:1.5rem;border:4px solid #003a1b;border-radius:8px;box-shadow:0 3px 5px #00000080}.homepage-parent .main-grid .status,.homepage-parent .main-grid .parameter{display:flex;align-items:center;justify-content:center;background-color:#00421a;color:#fff;height:4rem;border:2px solid #888;border-radius:1rem}.homepage-parent .main-grid h2{grid-column:span 2;display:flex;justify-content:start;align-items:center;font-weight:1000;font-family:Poppins;border-bottom:2px solid black}.homepage-parent .main-grid .time-mode-buttons{background-color:transparent;display:flex;align-items:center;justify-content:center;grid-column:span 2}.homepage-parent .main-grid .time-mode-buttons button{margin-inline:.25rem;font-size:1rem;height:2rem;width:100%}.page-loading-parent{height:100vh;width:100vw;position:absolute;top:0;left:0;background-color:#ffffffbf;display:flex;align-items:center;justify-content:center;z-index:10000}.ldds-parent{position:absolute;left:0;top:0;width:100vw;height:100vh;z-index:1500;display:flex;align-items:center;justify-content:center}.lds-ring,.lds-ring div{box-sizing:border-box}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid currentColor;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:currentColor transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.panel-dialog-box{position:fixed;top:15%;left:50%;transform:translate(-50%);max-height:90%;overflow:auto;border:1px solid #888;border-radius:8px;box-shadow:0 3px 5px #00000080;padding-block:1.25rem;padding-inline:2rem;background-color:#fff;z-index:100}.admin-page-parent{background:#26a62a;background:linear-gradient(0deg,#76059b 30%,#13a094);display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100vh}.admin-page-parent .logo{background-color:transparent;display:flex;align-items:center;justify-content:center;width:200px;height:200px}.admin-page-parent .logo img{width:200px;height:200px}.admin-page-parent h1,.admin-page-parent p{color:#fff;margin-block:.25rem}.admin-page-parent h1{font-size:1.5rem}.admin-page-parent p{font-size:1rem}.admin-page-parent input{height:3rem;font-size:1rem;padding-inline:1.25rem;width:300px;margin-block:1rem;border:0;border-radius:2rem}.admin-page-parent .login-button{background:#0c692f;margin-block:.25rem;border:0;border-radius:2rem;font-size:1.25rem;color:#fff;font-weight:100;height:3rem;width:230px}.admin-dashboard-parent{background-color:#fff;min-height:100vh}.admin-dashboard-parent .admin-sidebar-parent{background-color:#04044e;position:fixed;top:0;left:0;height:100vh;width:250px;display:flex;flex-direction:column}.admin-dashboard-parent .admin-sidebar-parent .logo{display:flex;justify-content:center;align-items:center;width:100%}.admin-dashboard-parent .admin-sidebar-parent .logo img{height:150px;width:150px}.admin-dashboard-parent .admin-sidebar-parent h1,.admin-dashboard-parent .admin-sidebar-parent h2,.admin-dashboard-parent .admin-sidebar-parent h3,.admin-dashboard-parent .admin-sidebar-parent a{color:#fff;margin:.5rem}.admin-dashboard-parent .admin-sidebar-parent a{cursor:pointer;padding-left:1rem}.admin-dashboard-parent .admin-content-bar{margin-left:250px;padding-inline:2rem;padding-block:2rem}.admin-dashboard-parent .admin-content-bar h2{border-bottom:2px solid black}.admin-dashboard-parent .admin-content-bar .table-content{display:grid;overflow-x:auto}.admin-dashboard-parent .admin-content-bar .table-content div{min-width:5rem;padding-inline:1rem;display:flex;justify-content:center;align-items:center}.admin-dashboard-parent .admin-content-bar .table-content .tbl-header{background-color:#0e4465;color:#fff;padding:.5rem;margin:1px}.admin-dashboard-parent .admin-content-bar .table-content .highlight{background-color:#bee6ff}.admin-dashboard-parent .admin-content-bar .table-content .tbl-content{padding:.5rem}.admin-dashboard-parent .admin-content-bar .table-content .delete-button{background-color:#dc4a4a;color:#fff;border:0;padding:.35rem;padding-inline:.75rem;border-radius:.5rem}