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}:root{--mainColor:#fff;--mainColorLight:#00aeef;--navColor:#ffc400e7;--secondaryColor:#db2b39;--grayColor:#808285;--secondaryGrayColor:#737475;--thirdGrayColorHover:#c1bfbf;--thirdGrayColor:#d0d0d0;--textColor:#eee;--deleteColor:red;--deleteColorHover:#ff0000bc;--deleteLightColor:#f86666ac;--viewColor:#0051ff;--viewColorHover:#0051ffca;--notificationColorStarted:#7daff9;--notificationColorInProgress:#ff0;--notificationColorCompleted:#88f9b5;--notificationColorFailed:#ff9d9d;--addColor:#00ff1e;--addColorHover:#00ff1ed2;--addColorSecond:#03d103;--resetAxisColor:#ff6b6b;--blackColor:#000;--location-new-input-width:210px;--notes-input-width:60px}input[type=checkbox]{accent-color:#00ff1e;accent-color:var(--addColor);margin:5px;transform:scale(1.5)}.my-toast-style{font-size:1.1rem}.title_view_record{color:#fff;color:var(--mainColor)}header{background-color:#fff;background-color:var(--mainColor);color:#00aeef;color:var(--mainColorLight);height:75px;padding:0 2rem}.button-background-style,header{align-items:center;display:flex;justify-content:space-between}.button-background-style{background:#808285;background:var(--grayColor);bottom:0;color:#fff;color:var(--mainColor);left:0;padding:1rem 2rem;position:fixed;right:0}.button-cookie-style{background:#0051ff;background:var(--viewColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem}.button-cookie-style:hover{background:#fff;background:var(--mainColor);color:#0051ff;color:var(--viewColor)}.loading-spinner{animation-duration:1s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;color:#fff;color:var(--mainColor);font-size:10rem}.loading-spinner-min{font-size:1.5rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner-div{background:#00000059;height:35rem;width:40rem}.loading-spinner-div,.no-data-div{align-items:center;display:flex;justify-content:center;position:absolute}.no-data-div{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0003;border-radius:1rem;color:#fff;color:var(--mainColor);font-size:2rem;font-weight:700;height:100%;top:0;width:100%}nav a{font-size:1.35rem;font-weight:700;margin:0 1rem;text-decoration:none}.nav_button_color,nav a{color:#808285;color:var(--grayColor)}.nav_button_color:hover,nav a:hover{color:#00aeef;color:var(--mainColorLight)}.nav-link-center{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}header .nav-btn{background:#0000;border:none;color:#eee;color:var(--textColor);cursor:pointer;font-size:1.8rem;opacity:0;outline:none;padding:5px;visibility:hidden}header div,nav{align-items:center;display:flex;z-index:1}@media only screen and (max-width:720px){header .nav-btn{opacity:1;visibility:visible}header nav{align-items:center;background-color:#fff;background-color:var(--mainColor);display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center;left:0;position:fixed;top:-100vh;transition:1s;width:100%}header .responsive_nav{transform:translateY(100vh)}nav .nav-close-btn{position:absolute;right:2rem;top:2rem}nav a{font-size:1.5rem}}body{background:#00aeef;background:var(--mainColorLight)}a{color:#fff;text-decoration:none}h1{background:#0000;font-size:4rem;text-align:center;text-shadow:5px 5px 5px #0003}h1,h2{color:#fff;font-family:verdana;font-weight:700;margin-bottom:0}h2{margin-top:0}h3,h4,h5{margin:0}h3,h4,h5,h6{text-shadow:none}h6{color:#fff}td{background:#808285;background:var(--grayColor);height:5rem;padding-left:2rem;padding-right:2rem;width:25rem}.button_shadow{box-shadow:0 5px 10px #0003}.button_shadow:hover{box-shadow:0 5px 10px #000c}.login-container{background:inherit;height:100vh}.login-card,.login-container{align-items:center;display:flex;justify-content:center}.login-card{background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;flex-direction:column;max-width:400px;padding:2rem;width:100%}.login-title{margin-bottom:1.5rem;text-align:center}.login-form{width:inherit}.login-input-group{margin-bottom:1rem;width:inherit}.login-label{color:#fff;color:var(--mainColor);display:block;font-weight:700;margin-bottom:.5rem}.login-input-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.login-input{background-color:#808285;background-color:var(--grayColor);border:2px solid #ddd;border-radius:4px;padding:.75rem 3rem .75rem 1rem;width:100%}.login-button,.login-input{color:#fff;color:var(--mainColor);font-size:1rem}.login-button{background:#00aeef;background:var(--mainColorLight);border:none;border-radius:4px;cursor:pointer;font-weight:700;margin-top:1rem;padding:.75rem;width:inherit}.login-button:hover{background:#fff;background:var(--mainColor);box-shadow:inset 0 0 0 2px #eee;box-shadow:inset 0 0 0 2px var(--textColor);color:#00aeef;color:var(--mainColorLight)}.login-icon{color:#eee;color:var(--textColor);position:absolute;right:20px;top:50%;transform:translateY(-50%)}.logout-container{background:inherit;height:100vh}.logout-card,.logout-container{align-items:center;display:flex;justify-content:center}.logout-card{background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;flex-direction:column;max-width:150px;padding:1.2rem;width:100%}.logout-title{margin-bottom:1rem;text-align:center}.logout-button{align-items:center;background:#00aeef;background:var(--mainColorLight);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:2.5rem;font-weight:700;justify-content:center;margin-top:1rem;padding:.75rem;width:50%}.logout-button:hover{background:#fff;background:var(--mainColor);box-shadow:inset 0 0 0 2px #eee;box-shadow:inset 0 0 0 2px var(--textColor);color:#00aeef;color:var(--mainColorLight)}.menu-container{align-items:center;background:inherit;display:flex;height:100vh;justify-content:center}.menu-title{margin:0}.menu-card{align-items:center;background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;display:flex;flex-direction:column;height:220px;justify-content:space-between;max-width:200px;padding:2rem;width:100%}.menu-button{background:#00aeef;background:var(--mainColorLight);border:none;border-radius:4px;color:#eee;color:var(--textColor);cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem;width:100%}.menu-button:hover{background:#eee;background:var(--textColor);box-shadow:inset 0 0 0 2px #eee;box-shadow:inset 0 0 0 2px var(--textColor);color:#00aeef;color:var(--mainColorLight)}.manage-database-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.manage-database-card-and-button-wrapper{align-items:center;margin-top:1rem;width:100%}.manage-database-card,.manage-database-card-and-button-wrapper{display:flex;flex-direction:column;justify-content:space-between}.manage-database-card{align-items:space-between;background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:10px;color:#fff;color:var(--mainColor);font-size:1.2rem;height:13rem;padding:2rem;width:400px}.manage-database-row-wrapper{display:flex;justify-content:space-between}.manage-database-buttons-wrapper{display:flex;justify-content:space-evenly;width:30%}.manage-database-button{background:#ffc400e7;background:var(--navColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;margin-top:1rem;padding:.75rem;width:12rem}.manage-database-button:hover{background:#fff;background:var(--mainColor);box-shadow:inset 0 0 0 2px #eee;box-shadow:inset 0 0 0 2px var(--textColor);color:#ffc400e7;color:var(--navColor)}.manage-database-button-delete{align-items:center;background:red;background:var(--deleteColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.manage-database-button-delete:hover{background:#fff;background:var(--mainColor);color:red;color:var(--deleteColor)}.manage-database-button-add{align-items:center;background:#00ff1e;background:var(--addColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.manage-database-button-add:hover{background:#fff;background:var(--mainColor);color:#00ff1e;color:var(--addColor)}.manage-database-button-view{align-items:center;background:#0051ff;background:var(--viewColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.manage-database-button-view:hover{background:#fff;background:var(--mainColor);color:#0051ff;color:var(--viewColor)}.dashboard-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.dashboard-title{margin-bottom:1rem;margin-top:1rem}.dashboard-table-buttons-wrapper{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem}.dashboard-buttons-wrapper{display:flex;flex-direction:column;height:13rem;justify-content:space-between;margin-left:1rem}.dashboard-table-style{border:2px solid #fff;border:2px solid var(--mainColor);border-collapse:seperate;border-radius:15px;border-spacing:0;box-shadow:0 5px 10px #0003;color:#fff;font-weight:700;max-width:400px;overflow:hidden;transition:transform .3s ease}.dashboard-table-style tbody tr td{width:23rem}.dashboard-table-style2{border:2px solid #fff;border:2px solid var(--mainColor);border-collapse:seperate;border-spacing:0;color:#fff;max-width:400px;overflow:hidden;table-layout:fixed;transition:transform .3s ease}.dashboard-table-style2 tbody tr td{height:1.5rem;padding-left:.75rem}.dashboard-table-style-td{display:flex;flex-direction:column;height:9rem;justify-content:space-between;padding-bottom:1rem;padding-top:1rem}.dashboard-container-small,.dashboard-container-smaller{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.dashboard-container-smaller{height:2rem}.padding-top-dashboard{padding-top:1rem}.padding-bottom-dashboard{padding-bottom:1rem}.dashboard-buttons-insert-chart-wrapper{align-items:center;display:flex;justify-content:space-evenly;width:15%}.dashboard-button-add{align-items:center;background:#00ff1e;background:var(--addColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:1.3rem;justify-content:center;width:1.3rem}.dashboard-button-add:hover{background:#fff;background:var(--mainColor);color:#00ff1e;color:var(--addColor)}.dashboard-button-delete{align-items:center;background:red;background:var(--deleteColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:1.3rem;justify-content:center;width:1.3rem}.dashboard-button-delete:hover{background:#fff;background:var(--mainColor);color:red;color:var(--deleteColor)}.dashboard-date-time-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.dashboard-date-time-range-input{background:#808285;background:var(--grayColor);border:.5px solid #fff;border:.5px solid var(--mainColor);color:#fff;color:var(--mainColor);font-size:1rem;margin-left:.5rem}.dahboard-date-time-range-div{width:20%}.dashboard-date-time-range-container{align-items:space-between;display:flex;flex-direction:column}.inline-flex{align-items:center;display:flex;justify-content:space-between;margin-bottom:.1rem;margin-top:.1rem}.dashboard-wrapper-y{display:flex;flex-direction:row;justify-content:center;margin-bottom:.25rem;margin-top:.25rem}.dashboard-max-min-div{align-items:space-between;display:flex;flex-direction:column;justify-content:center}.small-margin-bottom{margin-bottom:.9rem}.added-margins{margin-left:1rem;margin-right:1rem}.dashboard-button{background:#ffc400e7;background:var(--navColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;padding:.75rem;width:15rem}.dashboard-button:hover{background:#fff;background:var(--mainColor);box-shadow:inset 0 0 0 2px #eee;box-shadow:inset 0 0 0 2px var(--textColor);color:#ffc400e7;color:var(--navColor)}.dashboard-button-blue{background:#0051ff;background:var(--viewColor)}.dashboard-button-blue:hover{background:#fff;background:var(--mainColor);color:#0051ff;color:var(--viewColor)}.dashboard-small-button{background:#00aeef;background:var(--mainColorLight);border:none;border-radius:4px;color:#fff;color:var(--mainColor);font-weight:700;padding:.2rem}.dashboard-small-button:hover{background:#fff;background:var(--mainColor);color:#00aeef;color:var(--mainColorLight);font-weight:700}.dashboard-button-reset{align-items:center;background:#0051ff;background:var(--viewColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;justify-content:center;margin-right:.2rem;padding:.4rem;width:2rem}.dashboard-button-reset:hover{background:#fff;background:var(--mainColor);box-shadow:inset 0 0 0 2px #eee;box-shadow:inset 0 0 0 2px var(--textColor);color:#0051ff;color:var(--viewColor)}.dashboard-card{align-items:space-between;background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);color:#fff;color:var(--mainColor);padding:1rem}.dashboard-card,.dashboard-slider-wrapper{display:flex;flex-direction:column;justify-content:space-between}.dashboard-slider-wrapper{align-items:center;background:#8e9598;border:3px solid #fff;border:3px solid var(--mainColor);border-radius:1rem;margin:1rem 0;padding:1.5rem;position:relative;transition:transform .4s ease;width:90%}.dashboard-chart-wrapper{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.dashboard-main-range{align-items:center;background:#8e9598;border:3px solid #fff;border:3px solid var(--mainColor);border-radius:1rem;color:#fff;color:var(--mainColor);display:flex;flex-direction:row;font-weight:700;justify-content:space-between;margin-bottom:1rem;margin-top:1rem;padding:1.5rem}.dashboard-main-range input{text-align:center;width:10rem}.notes-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.notes-date-time-container{color:#fff;flex-direction:row;width:100%}.notes-current-link-form,.notes-date-time-container{align-items:center;display:flex;justify-content:space-between}.notes-current-link-form{background:#808285;background:var(--grayColor);border:2px solid #fff;border:2px solid var(--mainColor);border-radius:8px;flex-direction:column;height:15rem;padding:1.5rem;width:20rem}.notes-title{align-items:center;display:flex;margin-bottom:1rem}.notes-form-title,.notes-title{color:#fff;color:var(--mainColor)}.notes-textarea{border:1px solid #fff;border:1px solid var(--mainColor);flex:0 0 60px;flex:0 0 var(--notes-input-width);resize:none;width:100%}.notes-button{align-items:center;background:#0051ff;background:var(--viewColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:3rem;justify-content:space-between;margin-top:1rem;padding:.75rem;width:16.5rem}.notes-button:hover{background:#fff;background:var(--mainColor);color:#0051ff;color:var(--viewColor)}.notes-button-change-link{align-items:center;background:#0051ff;background:var(--viewColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:3rem;justify-content:center;padding:.75rem;width:50%}.notes-button-change-link:hover{background:#fff;background:var(--mainColor);color:#0051ff;color:var(--viewColor)}.notes-button-submit-delete-wrapper{display:flex;flex-direction:row;width:100%}.notes-delete-button{align-items:center;background:red;background:var(--deleteColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:3rem;justify-content:center;padding:.5rem;width:50%}.notes-delete-button:hover{background:#fff;background:var(--mainColor);color:red;color:var(--deleteColor)}.prev{left:30px}.next,.prev{cursor:pointer;font-size:12px;position:absolute;top:50%;transform:scale(4)}.next{right:30px}option{background:#808285;background:var(--grayColor)}option,select{color:#fff;color:var(--mainColor)}select{background-color:inherit;border:1px solid #fff;border:1px solid var(--mainColor);width:20rem}.canvasjs-chart-toolbar>:nth-child(4)>:nth-child(-n+2){display:none!important}.canvasjs-chart-credit{display:none}.dashboard-button-submit{align-items:center;background:#0051ff;background:var(--viewColor);color:#fff;color:var(--mainColor);display:flex;justify-content:space-between;width:-webkit-fit-content;width:fit-content;width:6.7rem}.dashboard-button-submit:hover{background:#fff;background:var(--mainColor);color:#0051ff;color:var(--viewColor)}.dashboard-button-excel{align-items:center;background:#03d103;background:var(--addColorSecond);display:flex;justify-content:space-between;width:10rem}.dashboard-button-excel:hover{background:#fff;background:var(--mainColor);color:#03d103;color:var(--addColorSecond)}.back-button,.bold-label{font-weight:700}.back-button{align-items:center;background:#ffc400e7;background:var(--navColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;height:2.8rem;justify-content:center;margin-top:1rem;padding:.75rem;width:7rem}.back-button:hover{background:#fff;background:var(--mainColor);color:#ffc400e7;color:var(--navColor)}.flow-measurement-new-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.flow-measurement-new-title{color:#fff;color:var(--mainColor);text-shadow:5px 5px 5px #0003}.flow-measurement-new-card{background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;color:#fff;color:var(--mainColor);flex-direction:column;height:11rem;margin-top:1.5rem;max-width:450px;padding:1.5rem}.flow-measurement-new-card,.flow-measurement-new-label-select-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.flow-measurement-new-label-select-wrapper{flex-direction:row}.flow-measurement-new-input{background-color:#808285;background-color:var(--grayColor);border:1px solid #ddd;color:#fff;color:var(--mainColor);font-size:1rem;width:19.86rem}.flow-measurement-new-button{align-items:center;background:#00ff1e;background:var(--addColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:.5rem;width:inherit}.flow-measurement-new-button:hover{background:#fff;background:var(--mainColor);color:#00ff1e;color:var(--addColor)}.flow-measurement-choice-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh}.flow-measurement-choice-title{color:#fff;color:var(--mainColor)}.flow-measurement-choice-label-select-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.flow-measurement-choice-button{align-items:center;background:#0051ff;background:var(--viewColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:.5rem;width:inherit}.flow-measurement-choice-button:hover{background:#fff;background:var(--mainColor);color:#0051ff;color:var(--viewColor)}.flow-measurement-delete-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.flow-measurement-delete-title{color:#fff;color:var(--mainColor);text-shadow:5px 5px 5px #0003}.flow-measurement-delete-card{align-items:center;background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;color:#fff;color:var(--mainColor);display:flex;flex-direction:column;height:7rem;justify-content:space-between;margin-top:1.5rem;max-width:500px;padding:1.5rem;width:100%}.flow-measurement-delete-label-select-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.flow-measurement-delete-button{align-items:center;background:red;background:var(--deleteColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:.5rem;width:inherit}.flow-measurement-delete-button:hover{background:#fff;background:var(--mainColor);color:red;color:var(--deleteColor)}.flow-measurement-record-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.flow-measurement-record-card{background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;flex-direction:column;height:22rem;justify-content:space-evenly;margin-top:1.5rem;max-width:370px;padding:1rem;width:90%}.flow-measurement-record-card,.flow-measurement-record-title{align-items:center;color:#fff;color:var(--mainColor);display:flex}.flow-measurement-record-table-style{background:#808285;background:var(--grayColor);border:1px solid #fff;border:1px solid var(--mainColor);border-collapse:seperate;border-spacing:0;box-shadow:0 5px 10px #0003;color:#fff;overflow-y:hidden;table-layout:fixed;transition:transform .3s ease;width:0}.table-wrapper{margin-top:1rem;max-height:250px;max-width:500px;overflow-x:auto;overflow-y:auto}.table-wrapper2{margin-left:1rem;max-height:440px;min-width:200px;overflow-y:auto}.td-red{background:#f86666ac;background:var(--deleteLightColor)}.td-green{background:#00ff1e;background:var(--addColor)}.td-green,.text-align-center{text-align:center}.flow-measurement-record-table-style td{border:1px solid #fff;border:1px solid var(--mainColor);height:2rem}.flow-measurement-record-table-style .spec-width{width:9.5rem}.flow-measurement-record-table-style .td-width{width:7rem}.flow-measurement-record-button{align-items:center;background:#0051ff;background:var(--viewColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-weight:700;height:2.8rem;justify-content:space-between;margin-top:1rem;padding:.75rem;width:7rem}.flow-measurement-record-button:hover{background:#fff;background:var(--mainColor);color:#0051ff;color:var(--viewColor)}.flow-measurement-record-button-changing{align-items:center;background:#ffc400e7;background:var(--navColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-weight:700;height:2.8rem;justify-content:center;margin-top:1rem;padding:.75rem;width:16rem}.flow-measurement-record-button-changing:hover{background:#fff;background:var(--mainColor);color:#00aeef;color:var(--mainColorLight)}.flow-measurement-record-buttons{display:flex;justify-content:space-between;width:37rem}.flow-meter-choice-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.flow-meter-choice-title{color:#fff;color:var(--mainColor)}.flow-meter-choice-card{background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;color:#fff;color:var(--mainColor);flex-direction:column;height:8.5rem;margin-top:1.5rem;max-width:500px;padding:1.5rem}.flow-meter-choice-card,.flow-meter-choice-label-select-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.flow-meter-choice-label-select-wrapper{flex-direction:row}.flow-meter-choice-button{align-items:center;background:#0051ff;background:var(--viewColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:.5rem;width:inherit}.flow-meter-choice-button:hover{background:#fff;background:var(--mainColor);color:#0051ff;color:var(--viewColor)}.flow-meter-record-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.flow-meter-record-title{align-items:center;color:#fff;color:var(--mainColor);display:flex}.flow-meter-record-table-style{background:#808285;background:var(--grayColor);border:2px solid #fff;border:2px solid var(--mainColor);border-collapse:seperate;border-radius:15px;border-spacing:0;box-shadow:0 5px 10px #0003;color:#fff;font-weight:700;margin-top:1rem;max-width:600px;overflow:hidden;transition:transform .3s ease}.flow-meter-record-button{background:#ffc400e7;background:var(--navColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;font-size:1rem;font-weight:700;height:2.8rem;margin-top:1rem;padding:.75rem;width:13rem}.flow-meter-record-button:hover{background:#fff;background:var(--mainColor);box-shadow:inset 0 0 0 2px #eee;box-shadow:inset 0 0 0 2px var(--textColor);color:#ffc400e7;color:var(--navColor)}.flow-meter-record-table-style td{border-bottom:1px solid #fff;border-bottom:1px solid var(--mainColor)}.flow-meter-record-table-info-frame-style{background:#808285;background:var(--grayColor);border:2px solid #fff;border:2px solid var(--mainColor);border-collapse:seperate;border-spacing:0;box-shadow:0 5px 10px #0003;color:#fff;font-weight:700;max-width:600px;overflow:hidden;transition:transform .3s ease}.flow-meter-record-table-info-frame-style td{border-bottom:1px solid #fff;border-bottom:1px solid var(--mainColor)}.table-wrapper-info-frame{margin-top:1rem;max-height:200px;overflow-y:auto}.fade-in{animation:fadeIn 1s ease-out forwards;max-height:0}@keyframes fadeIn{0%{max-height:0;padding-bottom:0;padding-top:0}to{max-height:12rem;padding-bottom:1rem;padding-top:1rem}}.fade-out{animation:fadeOut .5s ease-in forwards;max-height:12rem}@keyframes fadeOut{0%{max-height:12rem;padding-bottom:1rem;padding-top:1rem}to{max-height:0;padding-bottom:0;padding-top:0}}.manage-uploaded-data-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.manage-uploaded-data-container-background{width:23rem}.manage-uploaded-data-card{align-items:space-between;border-bottom-color:#fff;border-bottom-width:2px;border-left:2px solid #fff;border-right:2px solid #fff;border-top-color:#fff;border-color:var(--mainColor);border-top-width:2px;color:#fff;color:var(--mainColor);justify-content:space-evenly;overflow:auto;padding-left:1rem;padding-right:1rem}.manage-uploaded-data-card,.manage-uploaded-delay-cnt-card-wrapper{background:#808285;background:var(--grayColor);display:flex;flex-direction:column}.manage-uploaded-delay-cnt-card-wrapper{border-bottom:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #fff;border-top-color:#fff;border-color:var(--mainColor);border-radius:0 0 15px 15px;border-top-width:2px;justify-content:center}.manage-uploaded-delay-cnt-card{align-items:center;color:#fff;color:var(--mainColor);display:flex;flex-direction:row;font-weight:700;justify-content:space-between;padding:1rem}.manage-uploaded-delay-cnt-card input{background-color:#808285;background-color:var(--grayColor);border:1px solid #fff;border:1px solid var(--mainColor);color:#fff;color:var(--mainColor);font-size:1.2rem;margin-left:1.2rem;max-width:5.5rem;padding:.5rem 1rem}.manage-upload-data-params-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:inherit}.manage-uploaded-data-title{align-items:center;color:#fff;color:var(--mainColor);display:flex}.manage-uploaded-data-table-style{background:#808285;background:var(--grayColor);border-bottom-color:#fff;border-bottom-width:2px;border-collapse:seperate;border-left:2px solid #fff;border-right:2px solid #fff;border-spacing:0;border-top:2px solid #fff;border-color:var(--mainColor);border-radius:15px 15px 0 0;box-shadow:0 5px 10px #0003;color:#fff;font-weight:700;margin-top:1rem;overflow:hidden}.manage-uploaded-data-button{background:#d0d0d0;background:var(--thirdGrayColor);border:none;border-radius:4px;color:#000;color:var(--blackColor);cursor:pointer;font-size:1rem;margin-bottom:.5rem;padding:.4rem;width:13rem}.manage-uploaded-data-button:hover{background:#c1bfbf;background:var(--thirdGrayColorHover);box-shadow:inset 0 0 0 2px #eee;box-shadow:inset 0 0 0 2px var(--textColor);color:#000;color:var(--blackColor)}.manage-uploaded-data-button-reset{align-items:center;background:#0051ff;background:var(--viewColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.4rem;width:2rem}.manage-uploaded-data-button-reset:hover{background:#fff;background:var(--mainColor);box-shadow:inset 0 0 0 2px #eee;box-shadow:inset 0 0 0 2px var(--textColor);color:#0051ff;color:var(--viewColor)}.manage-uploaded-data-button-save{align-items:center;background:#03d103;background:var(--addColorSecond);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:center;margin-top:1rem;padding:.75rem;width:15rem}.manage-uploaded-data-button-save:hover{background:#fff;background:var(--mainColor);box-shadow:inset 0 0 0 2px #eee;box-shadow:inset 0 0 0 2px var(--textColor);color:#03d103;color:var(--addColorSecond)}.manage-uploaded-data-table-style td{height:-webkit-fit-content;height:fit-content;padding:1rem}.mode-select{width:5rem}.flow-meter-delete-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.flow-meter-delete-title{color:#fff;color:var(--mainColor);text-shadow:5px 5px 5px #0003}.flow-meter-delete-card{background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;color:#fff;color:var(--mainColor);flex-direction:column;height:8.5rem;margin-top:1.5rem;max-width:500px;padding:1.5rem}.flow-meter-delete-card,.flow-meter-delete-label-select-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.flow-meter-delete-label-select-wrapper{flex-direction:row}.flow-meter-delete-button{align-items:center;background:red;background:var(--deleteColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:.5rem;width:inherit}.flow-meter-delete-button:hover{background:#fff;background:var(--mainColor);color:red;color:var(--deleteColor)}.flow-meter-record-edit-button{align-items:center;background:#0051ff;background:var(--viewColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;margin-left:1rem;padding:.5rem;width:3rem}.flow-meter-record-edit-button:hover{background:#fff;background:var(--mainColor);color:#0051ff;color:var(--viewColor)}.flow-meter-record-edit-button-position{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.flow-meter-new-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.flow-meter-new-title{color:#fff;color:var(--mainColor);text-shadow:5px 5px 5px #0003}.flow-meter-new-card{background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;color:#fff;color:var(--mainColor);flex-direction:column;height:12rem;margin-top:1.5rem;max-width:450px;padding:1.5rem}.flow-meter-new-card,.flow-meter-new-label-select-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.flow-meter-new-label-select-wrapper{flex-direction:row}.flow-meter-new-input{background-color:#808285;background-color:var(--grayColor);border:1px solid #ddd;width:19.86rem}.flow-meter-new-button,.flow-meter-new-input{color:#fff;color:var(--mainColor);font-size:1rem}.flow-meter-new-button{align-items:center;background:#00ff1e;background:var(--addColor);border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:.5rem;width:inherit}.flow-meter-new-button:hover{background:#fff;background:var(--mainColor);color:#00ff1e;color:var(--addColor)}.location-delete-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.location-delete-title{color:#fff;color:var(--mainColor);text-shadow:5px 5px 5px #0003}.location-delete-card{background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;color:#fff;color:var(--mainColor);flex-direction:column;height:4.5rem;margin-top:1.5rem;max-width:500px;padding:1.5rem}.location-delete-card,.location-delete-label-select-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.location-delete-label-select-wrapper{flex-direction:row}.location-delete-button{align-items:center;background:red;background:var(--deleteColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:.5rem;width:inherit}.location-delete-button:hover{background:#fff;background:var(--mainColor);color:red;color:var(--deleteColor)}.location-new-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.location-new-title{color:#fff;color:var(--mainColor);text-shadow:5px 5px 5px #0003}.location-new-card{background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;color:#fff;color:var(--mainColor);flex-direction:column;height:9rem;margin-top:1.5rem;max-width:350px;padding:1.5rem}.location-new-card,.location-new-label-select-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.location-new-label-select-wrapper{flex-direction:row}.place-input-style,.thoroughfare-input-style{background:inherit;border:1px solid #fff;border:1px solid var(--mainColor);color:#fff;color:var(--mainColor);flex:0 0 210px;flex:0 0 var(--location-new-input-width)}.type-line-select-style{flex:0 0 216.3px;flex:0 0 calc(var(--location-new-input-width)*1.03)}.location-new-button{align-items:center;background:#00ff1e;background:var(--addColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:.5rem;width:inherit}.location-new-button:hover{background:#fff;background:var(--mainColor);color:#00ff1e;color:var(--addColor)}.location-choice-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.location-choice-title{color:#fff;color:var(--mainColor)}.location-choice-card{background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;color:#fff;color:var(--mainColor);flex-direction:column;height:4.5rem;margin-top:1.5rem;max-width:500px;padding:1.5rem}.location-choice-card,.location-choice-label-select-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.location-choice-label-select-wrapper{flex-direction:row}.location-choice-button{align-items:center;background:#0051ff;background:var(--viewColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:.5rem;width:inherit}.location-choice-button:hover{background:#fff;background:var(--mainColor);color:#0051ff;color:var(--viewColor)}.location-record-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.location-record-title-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.location-record-title{align-items:center;color:#fff;color:var(--mainColor);display:flex}.location-record-table-style{background:#808285;background:var(--grayColor);border:2px solid #fff;border:2px solid var(--mainColor);border-collapse:seperate;border-radius:15px;border-spacing:0;box-shadow:0 5px 10px #0003;color:#fff;font-weight:700;margin-top:1rem;max-width:500px;overflow:hidden;transition:transform .3s ease}.location-record-table-style td{border-bottom:1px solid #fff;border-bottom:1px solid var(--mainColor);height:50px}.location-record-edit-button{align-items:center;background:#0051ff;background:var(--viewColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;margin-left:1rem;padding:.5rem;width:inherit}.location-record-edit-button:hover{background:#fff;background:var(--mainColor);color:#0051ff;color:var(--viewColor)}.location-record-save-button{align-items:center;background:#00ff1e;background:var(--addColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;margin-left:1rem;padding:.5rem;width:inherit}.location-record-save-button:hover{background:#fff;background:var(--mainColor);color:#00ff1e;color:var(--addColor)}.converter-delete-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.converter-delete-title{color:#fff;color:var(--mainColor);text-shadow:5px 5px 5px #0003}.converter-delete-card{background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;color:#fff;color:var(--mainColor);flex-direction:column;height:4.5rem;margin-top:1.5rem;max-width:500px;padding:1.5rem}.converter-delete-card,.converter-delete-label-select-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.converter-delete-label-select-wrapper{flex-direction:row}.converter-delete-button{align-items:center;background:red;background:var(--deleteColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:.5rem;width:inherit}.converter-delete-button:hover{background:#fff;background:var(--mainColor);color:red;color:var(--deleteColor)}.converter-choice-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.converter-choice-title{color:#fff;color:var(--mainColor)}.converter-choice-card{background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;color:#fff;color:var(--mainColor);flex-direction:column;height:4.5rem;margin-top:1.5rem;max-width:500px;padding:1.5rem}.converter-choice-card,.converter-choice-label-select-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.converter-choice-label-select-wrapper{flex-direction:row}.converter-choice-button{align-items:center;background:#0051ff;background:var(--viewColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:.5rem;width:inherit}.converter-choice-button:hover{background:#fff;background:var(--mainColor);color:#0051ff;color:var(--viewColor)}.converter-record-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.converter-record-title-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.converter-record-table-style select{width:9rem}.converter-record-edit-button{align-items:center;background:#0051ff;background:var(--viewColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;margin-left:1rem;padding:.5rem;width:inherit}.converter-record-edit-button:hover{background:#fff;background:var(--mainColor);color:#0051ff;color:var(--viewColor)}.converter-record-save-button{align-items:center;background:#00ff1e;background:var(--addColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;margin-left:1rem;padding:.5rem;width:inherit}.converter-record-save-button:hover{background:#fff;background:var(--mainColor);color:#00ff1e;color:var(--addColor)}.converter-record-title{align-items:center;color:#fff;color:var(--mainColor);display:flex}.converter-record-table-style{background:#808285;background:var(--grayColor);border:2px solid #fff;border:2px solid var(--mainColor);border-collapse:seperate;border-radius:15px;border-spacing:0;box-shadow:0 5px 10px #0003;color:#fff;font-weight:700;margin-top:1rem;max-width:420px;overflow:hidden;transition:transform .3s ease}.converter-record-table-style td{border-bottom:1px solid #fff;border-bottom:1px solid var(--mainColor);height:50px}.converter-new-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.converter-new-title{color:#fff;color:var(--mainColor);text-shadow:5px 5px 5px #0003}.converter-new-card{background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;color:#fff;color:var(--mainColor);flex-direction:column;height:9rem;margin-top:1.5rem;max-width:350px;padding:1.5rem}.converter-new-card,.converter-new-label-select-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.converter-new-label-select-wrapper{flex-direction:row}.dimension-select-style,.type-select-style{flex:0 0 216.3px;flex:0 0 calc(var(--location-new-input-width)*1.03)}.converter-new-input{background-color:#808285;background-color:var(--grayColor);border:1px solid #ddd;width:19.86rem}.converter-new-button,.converter-new-input{color:#fff;color:var(--mainColor);font-size:1rem}.converter-new-button{align-items:center;background:#00ff1e;background:var(--addColor);border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:.5rem;width:inherit}.converter-new-button:hover{background:#fff;background:var(--mainColor);color:#00ff1e;color:var(--addColor)}.sensor-delete-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.sensor-delete-title{color:#fff;color:var(--mainColor);text-shadow:5px 5px 5px #0003}.sensor-delete-card{background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;color:#fff;color:var(--mainColor);flex-direction:column;height:4.5rem;margin-top:1.5rem;max-width:500px;padding:1.5rem}.sensor-delete-card,.sensor-delete-label-select-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.sensor-delete-label-select-wrapper{flex-direction:row}.sensor-delete-button{align-items:center;background:red;background:var(--deleteColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:.5rem;width:inherit}.sensor-delete-button:hover{background:#fff;background:var(--mainColor);color:red;color:var(--deleteColor)}.sensor-choice-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.sensor-choice-title{color:#fff;color:var(--mainColor)}.sensor-choice-card{background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;color:#fff;color:var(--mainColor);flex-direction:column;height:4.5rem;margin-top:1.5rem;max-width:500px;padding:1.5rem}.sensor-choice-card,.sensor-choice-label-select-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.sensor-choice-label-select-wrapper{flex-direction:row}.sensor-choice-button{align-items:center;background:#0051ff;background:var(--viewColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:.5rem;width:inherit}.sensor-choice-button:hover{background:#fff;background:var(--mainColor);color:#0051ff;color:var(--viewColor)}.sensor-record-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.sensor-record-title-wrapper{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.sensor-record-table-style select{width:6rem}.sensor-record-edit-button{align-items:center;background:#0051ff;background:var(--viewColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;margin-left:1rem;padding:.5rem;width:inherit}.sensor-record-edit-button:hover{background:#fff;background:var(--mainColor);color:#0051ff;color:var(--viewColor)}.sensor-record-save-button{align-items:center;background:#00ff1e;background:var(--addColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;margin-left:1rem;padding:.5rem;width:inherit}.sensor-record-save-button:hover{background:#fff;background:var(--mainColor);color:#00ff1e;color:var(--addColor)}.sensor-record-title{align-items:center;color:#fff;color:var(--mainColor);display:flex}.sensor-record-table-style{background:#808285;background:var(--grayColor);border:2px solid #fff;border:2px solid var(--mainColor);border-collapse:seperate;border-radius:15px;border-spacing:0;box-shadow:0 5px 10px #0003;color:#fff;font-weight:700;margin-top:1rem;max-width:500px;overflow:hidden;transition:transform .3s ease}.sensor-record-table-style td{border-bottom:1px solid #fff;border-bottom:1px solid var(--mainColor);height:50px}.sensor-new-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.sensor-new-card{background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;color:#fff;color:var(--mainColor);flex-direction:column;height:9rem;margin-top:1.5rem;max-width:350px;padding:1.5rem}.sensor-new-card,.sensor-new-label-select-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.sensor-new-label-select-wrapper{flex-direction:row}.track-amount-input-style{background:inherit;border:1px solid #fff;border:1px solid var(--mainColor);color:#fff;color:var(--mainColor);width:30px}.sensor-new-input{background-color:#808285;background-color:var(--grayColor);border:1px solid #ddd;width:210px;width:var(--location-new-input-width)}.sensor-new-button,.sensor-new-input{color:#fff;color:var(--mainColor);font-size:1rem}.sensor-new-button{align-items:center;background:#00ff1e;background:var(--addColor);border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:700;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:.5rem;width:inherit}.sensor-new-button:hover{background:#fff;background:var(--mainColor);color:#00ff1e;color:var(--addColor)}.choice-container{background:inherit;height:100vh;justify-content:center}.choice-card,.choice-container{align-items:center;display:flex;flex-direction:column}.choice-card{background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;color:#fff;color:var(--mainColor);height:22rem;justify-content:space-evenly;max-width:300px;padding:1rem;width:90%}.choice-input-group{display:flex;justify-content:space-between;width:100%}.choice-label{font-weight:700}.choice-nav-wrapper{background:inherit;display:flex;flex-direction:row;justify-content:space-between;margin:0;max-width:400px;padding:1rem;width:90%}.choice-nav-button{background:#ffc400e7;background:var(--navColor);border:none;border-radius:4px;color:#fff;color:var(--mainColor);cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;padding:.75rem;width:12rem}.choice-nav-button:hover{background:#fff;background:var(--mainColor);color:#ffc400e7;color:var(--navColor)}.choice-select{width:11rem}.choice-date-time-group{display:flex}.choice-input{background-color:#808285;background-color:var(--grayColor);border:.5px solid #ddd;color:#fff;color:var(--mainColor);font-size:1rem;height:1.5rem;width:7.3rem}::-ms-reveal{filter:invert(100%)}.menu-new-container{align-items:center;background:inherit;display:flex;height:100vh;justify-content:center}.menu-new-title{margin:0}.menu-new-card{align-items:center;background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;display:flex;flex-direction:column;height:350px;justify-content:space-between;max-width:200px;padding:2rem;width:100%}.menu-new-button{background:#00aeef;background:var(--mainColorLight);border:none;border-radius:4px;color:#eee;color:var(--textColor);cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem;width:100%}.menu-new-button:hover{background:#eee;background:var(--textColor);box-shadow:inset 0 0 0 2px #eee;box-shadow:inset 0 0 0 2px var(--textColor);color:#00aeef;color:var(--mainColorLight)}.manage-calculations-new-container{align-items:center;background:inherit;display:flex;flex-direction:column;height:100vh;justify-content:center}.manage-calculations-new-title{margin:0}.manage-calculations-new-card{align-items:center;background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:8px;display:flex;flex-direction:column;height:225px;justify-content:space-between;max-width:200px;padding:2rem;width:100%}.manage-calculations-new-button{background:#00aeef;background:var(--mainColorLight);border:none;border-radius:4px;color:#eee;color:var(--textColor);cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem;width:10rem}.manage-calculations-new-button:hover{background:#eee;background:var(--textColor);box-shadow:inset 0 0 0 2px #eee;box-shadow:inset 0 0 0 2px var(--textColor);color:#00aeef;color:var(--mainColorLight)}.flow-meter-choicee-card{align-items:center;display:flex;flex-direction:column;height:8rem;justify-content:space-between}.flow-meter-choice-input-group{display:flex;flex-direction:row;justify-content:space-between;width:100%}.flow-measurement-choice-card{align-items:center;display:flex;flex-direction:column;height:6rem;justify-content:space-between}.flow-measurement-choice-input-group{display:flex;flex-direction:row;justify-content:space-between;width:100%}.std-pattern-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.std-pattern-card{background:#808285;background:var(--grayColor);border:3px solid #fff;border:3px solid var(--mainColor);border-radius:10px;color:#fff;color:var(--mainColor);display:flex;flex-direction:column;height:19rem;justify-content:space-between;margin-top:1rem;padding:2rem 1rem;width:19rem}.std-pattern-button{align-items:center;background:#00ff1e;background:var(--addColor);border:none;border-radius:4px;color:#eee;color:var(--textColor);cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:center;padding:.75rem 0;width:100%}.std-pattern-button:hover{background:#eee;background:var(--textColor);box-shadow:inset 0 0 0 2px #eee;box-shadow:inset 0 0 0 2px var(--textColor);color:#00ff1e;color:var(--addColor)}.notification-bell{color:#808285;color:var(--grayColor);cursor:pointer;display:flex;transform:scale(1.5)}.notification-bell:hover{color:#00aeef;color:var(--mainColorLight)}.notification-square{align-items:center;background:red;background:var(--deleteColor);border-radius:7px;bottom:1.5rem;color:#fff;color:var(--mainColor);display:flex;height:1.5rem;justify-content:center;left:.7rem;position:absolute;width:1.5rem}.notification-message-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;max-height:25rem;overflow-y:auto;position:absolute;right:2rem;top:3.8rem;width:22rem}.notification-square-message{background:#fff;background:var(--mainColor);color:#000;color:var(--blackColor);display:flex;flex-direction:column;justify-content:center;padding:1rem}.notification-square-time-process-state{display:flex;justify-content:space-between;width:100%}.notification-text-bold,.notification-text-bolder{font-weight:700}.notification-square-backgorund-started{background:#7daff9;background:var(--notificationColorStarted)}.notification-square-backgorund-in_progress{background:#ff0;background:var(--notificationColorInProgress)}.notification-square-backgorund-completed{background:#88f9b5;background:var(--notificationColorCompleted)}.notification-square-backgorund-failed{background:#ff9d9d;background:var(--notificationColorFailed)}
/*# sourceMappingURL=main.fa2012a7.css.map*/