@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);*{box-sizing:border-box;margin:0;padding:0;-webkit-overflow-scrolling:touch}html{font-size:62.5%;-webkit-font-smoothing:antialiased}body,html{height:100%}body{background:#f1f1f1;color:#222;font-family:Roboto,sans-serif;font-size:1.6rem}h1,h2,h3,h4,h5,h6{font-weight:400;margin-top:0}h3{font-size:2.1rem}a{color:#222}a:focus,a:hover{text-decoration:none}::-webkit-scrollbar{width:0;background:0 0}select:active,select:focus{outline:0 none}select{font-size:1.6rem}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}table .material-icons{color:#3c5c8f;cursor:pointer;font-size:1.8rem;transition:color .2s ease}table .material-icons:hover{color:#4a71af}.page-loader{align-items:center;background:#40474a;height:100%;justify-content:center;display:flex;position:absolute;width:100%;z-index:20}.spinner{width:70px}.spinner>div{width:18px;height:18px;background-color:#fff;border-radius:100%;display:inline-block;animation:pulse 1.4s infinite ease-in-out both}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes pulse{0%,100%,80%{transform:scale(0)}40%{transform:scale(1)}}.page-wrapper{display:flex;height:calc(100vh - 7rem);width:100%}header{align-items:baseline;background:#40474a;box-shadow:0 3px 11px rgba(0,0,0,.16);color:#fff;display:flex;height:7rem;justify-content:space-between;padding:0 3rem;position:relative;width:100%;z-index:10}header *{display:inline-block;line-height:7rem}header a{color:#fff;margin-right:2rem}header a:hover{color:inherit}.logout{color:#e67855;display:inline-block;margin-left:3rem;position:relative;top:.6rem;transition:color .2s ease}.hamburger{display:none;padding:0;position:relative;top:4px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{background-color:#fff;border-radius:0;height:3px;width:34px}.menu-wrapper{background:#2a3131;color:#fff;height:calc(100vh - 7rem);width:22rem}.menu-wrapper ul{padding-top:2rem}.menu-wrapper ul li{border-left:1rem solid transparent;list-style-type:none;margin:1rem 0;padding:1.5rem 0 1.5rem 2rem;width:100%}.menu-wrapper ul li a{align-items:flex-end;color:inherit;display:flex;font-size:1.5rem;justify-content:flex-start}.menu-wrapper ul li.current-item{background:rgba(255,255,255,.15);border-left:1rem solid #e67855}.menu-wrapper>a{color:#fff}.menu-wrapper>a i{margin-left:4rem;margin-top:2rem;vertical-align:text-bottom}.content-wrapper{height:100%;overflow-y:scroll;padding:3rem 3rem 0 3rem;width:calc(100% - 22rem)}.title{color:#426271;margin-bottom:2.5rem}.sort-by{color:grey}.filter-box{background:#fff;box-shadow:0 3px 11px rgba(0,0,0,.16);padding:3rem}.filter-box .btn{display:inline-block;margin-top:.5rem}table{background:#fefefe;box-shadow:0 3px 11px rgba(0,0,0,.16);font-size:1.4rem;margin-top:3rem}th{background:#40474a;color:#fff;font-weight:500;padding:1.2rem!important;vertical-align:middle!important}tr{transition:background .2s ease;will-change:background}tr:hover{background:#e4e4e4!important}td.assigned{vertical-align:middle!important}.assigned-indicator{border-radius:50%;display:block;height:1.2rem;width:1.2rem}.not-assigned{background:#8bc34a}.is-assigned{background:tomato}td.actions a{margin:0 .6rem}td.actions{align-items:center;border-bottom:0 none!important;display:flex;justify-content:space-around}b.add-area{color:#3c5c8f}.export{align-items:center;background:#40474a;box-shadow:0 3px 11px rgba(0,0,0,.16);bottom:10rem;color:#fff;display:none;left:3rem;padding:1.5rem;position:fixed;transition:background .2s ease;z-index:1000}.export:hover{background:#3c5c8f;color:#fff}.export:focus{color:#fff}.export.is-active{display:flex}.export-overview{align-items:center;background:#40474a;box-shadow:0 3px 11px rgba(0,0,0,.16);bottom:3rem;color:#fff;display:none;left:3rem;padding:1.5rem;position:fixed;transition:background .2s ease;z-index:1000}.export-overview:hover{background:#3c5c8f;color:#fff}.export-overview:focus{color:#fff}.export-overview.is-active{display:flex}.dashboard-wrapper{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:flex-start}.dashboard-box{margin:2rem 0;min-width:450px;width:50%}.dashboard-box ul{margin-left:2rem}.dashboard-box ul li{margin:1rem 0}canvas.chart{max-height:32rem!important;max-width:32rem!important}.custom-modal,.delete-coordinates-modal,.delete-publisher-modal,.edit-publisher-modal{background:#fff;left:50%;opacity:0;padding:3rem;position:absolute;top:50%;transition:all .2s ease;transform:translate(-50%,-50%);visibility:hidden;z-index:200}.dark-overlay{background:rgba(34,34,34,.8);height:calc(100% - 7rem);opacity:0;position:absolute;transition:all .2s ease;visibility:hidden;width:100%;z-index:100}.custom-modal.active,.dark-overlay.active,.delete-coordinates-modal.active,.delete-publisher-modal.active,.edit-publisher-modal.active{opacity:1;visibility:visible}.feedback{animation:fadeInOut 4s ease;animation-fill-mode:both;bottom:-5rem;color:#fff;display:block;left:50%;position:absolute;text-align:center;width:100%}@keyframes fadeInOut{0%,100%{opacity:0;transform:translate3d(-50%,-1rem,0)}20%,80%{opacity:1;transform:translate3d(-50%,0,0)}}button:active,button:focus,input:active,input:focus,textarea:active,textarea:focus{outline:0 none}input[type=date],input[type=number],input[type=password],input[type=text],textarea{border-radius:0;padding:.5rem 1rem;margin-bottom:2rem}input[type=date],textarea{line-height:25px!important}.areas label{display:block;font-size:.8em;color:#2f4f4f;padding-left:3px}label{font-weight:400;display:block;font-size:.8em;color:#2f4f4f;padding-left:3px}select{border-radius:0;padding:.8rem 1rem}textarea{width:100%}.delete-publisher-btn{margin-top:1rem}.api-map .page-wrapper{height:100vh}.map-wrapper{width:100%}.map{height:100%}.export-page{align-items:center;background:#40474a;color:#fff;display:flex;justify-content:center;text-align:center}.export-page i{animation:hover 1s ease infinite;font-size:6rem;margin:2rem 0}@keyframes hover{0%,100%{transform:translateY(.75rem)}50%{transform:translateY(-.75rem)}}.export-page #gebietskarte,.export-page #uebersicht{display:none}#qrcode{display:none}.api header{display:block;text-align:center}.api p{margin-bottom:0}.card{background:#fff;box-shadow:0 0 11px rgba(0,0,0,.16);margin:2rem auto;padding:2rem;max-width:800px;width:90%}.card-title{align-items:center;color:#4a71af;display:flex;margin-bottom:2rem}.api ul{margin-left:20px}.api ul li{margin:5px 0}.api .red{color:#e67855}.login-page{align-items:center;background:#3c5c8f url(../../public/img/login_bg.jpg) no-repeat center center/cover;color:#fff;display:flex;justify-content:center;text-align:center}.login-page h2{margin-bottom:3rem}.login-page input:not([type=checkbox]){display:block;margin:2rem 0;width:20rem}.login-page input:not([type=submit]){color:#222}.login-page .material-icons{display:inline-block;margin-left:.5rem;vertical-align:middle}.login-page a{color:#fff;display:inline-block;font-size:1.4rem;margin-top:3rem}@media screen and (max-width:1024px){.hamburger{display:inline-block;margin-right:10px;transform:scale(.8)}.content-wrapper{width:100%}aside{display:none}aside.active{display:block;height:100vh!important;position:relative;z-index:100}aside.active~.content-wrapper{width:calc(100% - 22rem)}.dashboard-box:not(:last-child){margin-bottom:4rem}}