section.meredion{position:relative;width:640px;height:640px;margin:0 auto;padding:0;background:transparent url("../img/meredion.png");}section.meredion .content,section.meredion .members{position:absolute;text-align:right;top:145px;right:140px;width:250px;font-size:.75em;color:#666;}section.meredion .content h1{font-size:1em;display:inline;margin:0;padding:0;}section.meredion .members{top:440px;right:140px;width:340px;font-size:.66em;}section.meredion .tracks{position:absolute;top:200px;left:120px;border:0!important;}section.meredion .tracks div{cursor:pointer;color:#121212;margin-bottom:.25rem;}section.meredion .tracks audio{margin-top:2rem;}section.meredion .footer{position:absolute;bottom:10px;right:10px;}html,body{text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%!important;height:100%;}body{font-family:Roboto,sans-serif;background-color:#121212;color:#e4e4e4;margin:0;}h1,h2,h3{font-weight:100;margin:0 0 1rem 0;}a{color:#fff;}#app{height:100%;}#app .spinner{position:fixed;top:50%;right:50%;transform:translate(50%,-50%);}nav{position:relative;overflow:hidden;background-color:#1f1f1f;height:48px;box-shadow:0 6px 3px -3px rgba(0,0,0,.16),0 6px 3px -3px rgba(0,0,0,.23);}nav .logo{height:1rem;padding:1rem .5rem 1rem 1rem;}nav .logo img{height:24px;border-radius:.25rem;margin:-.25rem;}nav a.navitem{display:inline-block;text-decoration:none;color:#fff;padding:.4rem .75rem;margin-top:.5rem;}nav a.navitem--active,nav a.navitem:hover{background-color:#3e3e3e;border-bottom:1px solid #2f2f2f;border-radius:.25rem;}nav a.navitem.login,nav a.navitem.logout{font-size:.75rem;text-transform:uppercase;font-weight:600;color:#717171;}.main{margin:2rem;}@media(max-width:1199px){.main{margin:1rem;}}.loading{text-align:center;margin:1rem;}.icon{display:inline-block;width:64px;height:64px;}.icon svg{fill:#e4e4e4;width:100%;height:100%;}.icon-pointer{cursor:pointer;}.icon-small{width:32px;height:32px;}.spinner svg{width:96px;height:96px;}.spin svg{animation:spin 2s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;text-align:center;}.modal-content{padding:4rem 2rem 2rem 2rem;}.modal-content section{position:relative;display:inline-block;margin:0;}.modal-content section img{width:100%;}.modal-close{position:absolute;cursor:pointer;top:.25rem;right:.25rem;width:32px;height:32px;z-index:2;}.badge,.image-list-button-date,.door-date{display:inline-block;font-size:.75rem;color:#717171;background-color:#121212;border:1px solid #2f2f2f;border-radius:.5rem;padding:.25rem .5rem;}.error{background-color:#c00;border:1px solid #2f2f2f;border-radius:.5rem;padding:.5rem;margin-top:1rem;}section{background-color:#1e1e1e;border-radius:.35rem;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);padding:1rem 1.25rem;margin:0 1rem 2rem;}section section{box-shadow:none;padding:0;}section .big-value,section .sub-value{text-align:center;font-size:4rem;}section .big-value .unit .icon-small,section .sub-value .unit .icon-small{width:24px;height:24px;padding-right:5px;}section .sub-value{font-size:1.4rem;}section .sub-value .title{font-size:.75rem;color:#414141;text-transform:uppercase;font-weight:700;vertical-align:middle;}section .sub-value .unit{font-size:1rem;}@media(max-width:1199px){section{margin:0 0 1rem;overflow-x:auto;padding:1rem 1.25rem;}section .chart{min-width:500px;}}.muted{color:#717171;}.unit{color:#717171;font-size:2rem;}.row{display:flex;}.row section{flex:1;}@media(max-width:1199px){.row{display:block;overflow:auto;}}input,textarea,select,select:focus,button{background-color:#121212;color:#e4e4e4;padding:.5rem;border:1px solid #2f2f2f;border-radius:.25rem;box-shadow:0 1px 2px rgba(0,0,0,.16),0 1px 2px rgba(0,0,0,.23);outline:0;}@media(max-width:1199px){input,textarea,select,select:focus,button{width:calc(100% - 1rem);margin-bottom:.5rem;}}button{color:#000;background-color:#fff;}.electricitymonth,.temp,.electricity,.statmonth,.imagesmonth,.bydevice{position:relative;}.electricitymonth-date,.electricitymonth-select,.temp-date,.temp-select,.electricity-date,.electricity-select,.statmonth-date,.statmonth-select,.imagesmonth-date,.imagesmonth-select,.bydevice-date,.bydevice-select{position:absolute;display:flex;top:.5rem;right:.5rem;}.electricitymonth-date .icon,.electricitymonth-select .icon,.temp-date .icon,.temp-select .icon,.electricity-date .icon,.electricity-select .icon,.statmonth-date .icon,.statmonth-select .icon,.imagesmonth-date .icon,.imagesmonth-select .icon,.bydevice-date .icon,.bydevice-select .icon{margin-left:.5rem;}@media(max-width:1199px){.electricitymonth-date,.electricitymonth-select,.temp-date,.temp-select,.electricity-date,.electricity-select,.statmonth-date,.statmonth-select,.imagesmonth-date,.imagesmonth-select,.bydevice-date,.bydevice-select{left:inherit;width:100%;position:inherit;margin-bottom:1rem;}}.door{position:relative;display:flex;flex:1;}.door h3{font-size:1rem;margin-bottom:.25rem;}.door p{color:#717171;margin:0;}.door-content{padding:1rem 0;}.door-date{position:absolute;top:.75rem;right:.5rem;}@media(max-width:900px){.door-date{position:inherit;background-color:transparent;border:0;}}.door .icon{margin-right:.5rem;}.door-state0 svg{fill:#007e33;}.door-state1 svg{fill:#c00;}.charts{display:flex;flex-wrap:wrap;}.charts section{flex:1 0 calc(50% - 4.5rem);max-width:calc(50% - 4.5rem);}@media(max-width:1199px){.charts section{flex:1 0 calc(100% - 2.5rem);max-width:calc(100% - 2.5rem);}}.image-list{margin:-.5rem;}.image-list-button{position:relative;display:inline-block;cursor:pointer;margin:.5rem;padding:0;border:1px solid #2f2f2f;border-radius:.5rem;overflow:hidden;}.image-list-button img{display:block;}.image-list-button-date{display:block;border-width:1px 0 0 0;border-radius:0;text-align:right;}.image-list-button-favorite{position:absolute;cursor:pointer;top:0;right:0;width:auto;border:0;padding:.2rem .4rem;margin:0;background:none;box-shadow:none;}.image-list-button-favorite svg{fill:#b30000;width:32px;height:32px;}@media(max-width:599px){.image-list{display:flex;flex-wrap:wrap;margin:0 -1rem -.5rem -1rem;}.image-list-button{flex:1 1 40%;}.image-list-button img{width:100%;}}.admin textarea{display:block;margin-bottom:.5rem;height:80px;}@media(min-width:767.98px){.admin textarea{width:400px!important;}}#blazor-error-ui{display:none;position:fixed;bottom:0;right:50%;transform:translate(50%,-50%);width:25em;background-color:#f44;border:1px solid #c00;padding:1rem;border-radius:.5rem;z-index:1000;}#blazor-error-ui p{font-size:1.5rem;margin:0 0 1rem 0;}#blazor-error-ui .dismiss,#blazor-error-ui .reload{display:block;}.flatpickr-calendar,.flatpickr-months .flatpickr-month,span.flatpickr-weekday,.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background-color:#616161;}