html body .main-container{align-items:center;display:flex;justify-content:center;height:100%;width:100%}html body .main-container #login-container{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);display:flex;flex-direction:row;height:350px;width:700px}html body .main-container #login-container .login-box{box-sizing:border-box;width:350px;height:350px;padding:20px}html body .main-container #login-container .login-box#logo-box{align-items:flex-end;background-color:#333;display:flex;justify-content:flex-end}html body .main-container #login-container .login-box#logo-box .icon{width:50%}html body .main-container #login-container .login-box#form-box h1{color:#333}html body .main-container #login-container .login-box#form-box input{border-bottom-color:rgba(51,51,51,.6);border-left:0;border-right:0;border-top:0;height:30px;margin-bottom:15px;outline:none;padding:5px;width:100%}html body .main-container #login-container .login-box#form-box button{background-color:#333;border:none;color:#fff;cursor:pointer;font-weight:700;height:30px;width:100%}html body .main-container #login-container .login-box p.error{color:red;font-size:.9rem}html body .main-container #login-container .login-box#logo-box{background:linear-gradient(#ececed,#c6c6c6)}.plant-container{height:100%}.plant-container main{height:calc(100% - 50px);box-sizing:border-box}.plant-container main #camera-container{height:100%;display:flex;flex-direction:column}.plant-container main #camera-container #camera-switcher{display:flex;margin-bottom:16px}.plant-container main #camera-container #camera-switcher>*{flex-grow:1;margin:0 32px 0 0;height:50px}.plant-container main #camera-container #camera-switcher>:last-child{margin-right:0}.plant-container main #camera-container #videostream{flex-grow:1;border:none}.plant-container main #camera-container #videostream img{max-width:100%}.plant-container main #camera-container #videostream.error{background-color:#ddd;display:flex;justify-content:center;align-items:center;font-size:32px}.plant-container main #camera-container #videostream.error .material-icons{font-size:48px}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.filter{display:flex}.filter input.search{flex-grow:1;margin:10px 10px 10px 0;border:none;padding:6px;border-bottom:2px solid #333;transition:border-bottom-color .1s}.filter input.search:last-child{margin-right:0}a.table-row{color:#222;text-decoration:none;transition:background-color .1s}a.table-row:active,a.table-row:focus,a.table-row:hover{background-color:#f6f9cb;outline:none}.table-row{display:flex;flex-direction:row;flex-grow:0;flex-wrap:nowrap;width:100%;box-sizing:border-box;border:1px solid #ccc;border-top:none;border-collapse:collapse;padding:12px 16px;font-size:.9rem;background-color:#f4f4f4;transition:background-color .1s}.table-row.disabled{color:#a1a1a1;cursor:default}.table-row.new{background-color:#dbf9de}.table-row.header{background-color:#333;color:#fff;font-weight:700;padding:16px}.table-column{padding-right:10px;flex-shrink:1;overflow:hidden;width:120px}.table-column:last-child{padding-right:0}.table-column.grow-1{flex-grow:1}.table-column.grow-2{flex-grow:2}.table-column.grow-3{flex-grow:3}.table-column.size-1{width:60px}.table-column.size-2{width:90px}.table-column.size-3{width:120px}.table-column.size-4{width:180px}.table-column.size-5{width:240px}.table-column.right{padding-right:0;display:flex;justify-content:flex-end;align-items:flex-start}.table-column button{margin:0;align-self:flex-start}div.mask-wrapper{display:flex;width:100%}div.mask-wrapper>.form-group{width:100%}@media (max-width:768px){div.mask-wrapper{flex-direction:column}}div.mask-wrapper div.mask-left,div.mask-wrapper div.mask-right{flex-grow:1;width:100%}div.mask-wrapper div.mask-inner-wrapper{display:flex}div.mask-wrapper div.mask-inner-wrapper div.mask-inner-left,div.mask-wrapper div.mask-inner-wrapper div.mask-inner-right{flex-grow:1}form{margin:0}h3{margin-top:32px;margin-bottom:8px}h3:first-child{margin-top:0}.action{margin:0 0 64px}.action>button{width:100%;margin-top:20px}.action:last-of-type{margin-bottom:0}.form-group{display:flex;flex-direction:column;margin:10px 0}.form-group:last-of-type{margin-bottom:0}.form-group label{font-weight:600;font-size:.8rem;margin-bottom:2px}.form-group input,.form-group textarea{font-family:Roboto,sans-serif;border:2px solid #ccc;background-color:#fafafa;padding:10px;resize:none}.form-group input:active,.form-group input:focus,.form-group input:hover,.form-group textarea:active,.form-group textarea:focus,.form-group textarea:hover{outline:none}@media (min-width:769px){input[name=fahrzeug],input[name=nr]{margin-right:10px}}#photo-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px}#photo-container>*{cursor:pointer;box-sizing:border-box;height:200px;width:200px;object-fit:cover}#photo-container #add-photo{border:6px dashed #bbb;color:#bbb;width:200px;display:flex;justify-content:center;align-items:center;transition-property:border-color,color;transition-duration:.15s}#photo-container #add-photo .material-icons{font-size:80px}#photo-container #add-photo.drag,#photo-container #add-photo:hover{border-color:#4275bd;color:#4275bd}@media screen and (max-width:750px){#photo-container{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}#photo-container>*{height:100px;width:100px}#photo-container #add-photo{border-width:3px;width:100px}#photo-container #add-photo .material-icons{font-size:40px}}#camera-input{position:fixed;top:-1000em;width:.1px;height:.1px;opacity:.1}#photo-container #add-photo-l3{width:200px;display:flex;justify-content:stretch;align-items:stretch}#photo-container #add-photo-l3>div{transition-property:border-color,color;transition-duration:.15s;color:#bbb;border:6px dashed #bbb;flex-grow:1;display:flex;justify-content:center;align-items:center}#photo-container #add-photo-l3>div .material-icons{font-size:50px}#photo-container #add-photo-l3>div:first-child{border-right-width:0}#photo-container #add-photo-l3>div.drag,#photo-container #add-photo-l3>div:hover{border-color:#4275bd;color:#4275bd;border-right-width:6px}#photo-container #add-photo-l3>div.drag+*,#photo-container #add-photo-l3>div:hover+*{border-left-width:0}@media screen and (max-width:750px){#photo-container #add-photo-l3{width:100px}#photo-container #add-photo-l3>div .material-icons{font-size:32px}}a.button,button{max-width:100%;margin-bottom:10px;align-self:flex-end;border:2px solid #333;background-color:#333;color:#fff;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .1s,border-color .1s}a.button:active,a.button:focus,button:active,button:focus{outline:none}a.button.important,button.important{border-color:#385a98;background-color:#385a98;color:#fff}a.button i.material-icons,button i.material-icons{margin-right:8px;font-size:1rem}a.button.just-icon i.material-icons,button.just-icon i.material-icons{margin-right:0}a.button[name=back],button[name=back]{width:100%;padding:16px}#lightbox-wrapper,#loading-screen-wrapper,.dialog-wrapper{width:100%;height:100%;background-color:rgba(0,0,0,.7);display:none;position:fixed;z-index:2;top:0;left:0;box-sizing:border-box}#lightbox-wrapper,#loading-screen-wrapper{justify-content:center;align-items:center;z-index:1}#lightbox-wrapper.open,#loading-screen-wrapper.open{display:flex}#lightbox-wrapper#loading-screen-wrapper,#loading-screen-wrapper#loading-screen-wrapper{z-index:3}#lightbox-wrapper#loading-screen-wrapper .loading-screen,#loading-screen-wrapper#loading-screen-wrapper .loading-screen{display:flex;flex-direction:column;align-items:center;position:fixed;width:128px;height:128px;background-color:#fff;box-sizing:border-box;padding:16px}#lightbox-wrapper#loading-screen-wrapper .loading-screen .animation,#loading-screen-wrapper#loading-screen-wrapper .loading-screen .animation{flex-grow:1}#lightbox-wrapper#loading-screen-wrapper .loading-screen .animation i,#loading-screen-wrapper#loading-screen-wrapper .loading-screen .animation i{font-size:64px;animation:a 1.2s linear infinite}#lightbox-wrapper#loading-screen-wrapper .loading-screen .text,#loading-screen-wrapper#loading-screen-wrapper .loading-screen .text{flex-grow:0}#lightbox-wrapper#lightbox-wrapper>div,#loading-screen-wrapper#lightbox-wrapper>div{display:flex;justify-content:center;width:80%;height:70%}#lightbox-wrapper#lightbox-wrapper>div .lightbox-nav,#loading-screen-wrapper#lightbox-wrapper>div .lightbox-nav{display:flex;align-items:center;justify-content:flex-start;flex-grow:1;transition:background-color .15s;cursor:pointer}#lightbox-wrapper#lightbox-wrapper>div .lightbox-nav .material-icons,#loading-screen-wrapper#lightbox-wrapper>div .lightbox-nav .material-icons{color:#fff;font-size:72px}#lightbox-wrapper#lightbox-wrapper>div .lightbox-nav:hover,#loading-screen-wrapper#lightbox-wrapper>div .lightbox-nav:hover{background-color:hsla(0,0%,100%,.2)}#lightbox-wrapper#lightbox-wrapper>div .lightbox-nav.left,#loading-screen-wrapper#lightbox-wrapper>div .lightbox-nav.left{padding-left:64px}#lightbox-wrapper#lightbox-wrapper>div .lightbox-nav.right,#loading-screen-wrapper#lightbox-wrapper>div .lightbox-nav.right{justify-content:flex-end;padding-right:64px}#lightbox-wrapper#lightbox-wrapper>div img,#loading-screen-wrapper#lightbox-wrapper>div img{max-width:calc(100% - 2 * 136px);max-height:100%;flex-grow:0;object-fit:contain}@media screen and (max-width:750px){#lightbox-wrapper#lightbox-wrapper>div,#loading-screen-wrapper#lightbox-wrapper>div{width:90%}#lightbox-wrapper#lightbox-wrapper>div .lightbox-nav.left,#loading-screen-wrapper#lightbox-wrapper>div .lightbox-nav.left{padding-left:0}#lightbox-wrapper#lightbox-wrapper>div .lightbox-nav.right,#loading-screen-wrapper#lightbox-wrapper>div .lightbox-nav.right{padding-right:0}#lightbox-wrapper#lightbox-wrapper>div img,#loading-screen-wrapper#lightbox-wrapper>div img{max-width:calc(100% - 2 * 72px)}}.dialog-wrapper{padding:114px 64px 64px;overflow-y:auto}.dialog-wrapper.open{display:block}.dialog-wrapper .dialog-wrapper-inner{margin-left:auto;margin-right:auto}.dialog-wrapper .dialog-wrapper-inner .dialog{background-color:#fff;width:100%;min-height:100px;max-height:100%;overflow-y:auto;box-sizing:border-box;padding:32px}.dialog-wrapper .dialog-wrapper-inner .dialog h3:first-child{margin-top:0}.dialog-wrapper .dialog-wrapper-inner .dialog .actions{margin:48px 0 0;width:100%;display:flex;justify-content:flex-end;align-items:stretch;min-height:40px}.dialog-wrapper .dialog-wrapper-inner .dialog .actions button{margin:0 0 0 8px}.dialog-wrapper#videocam-upload-choice .camera-previews{display:flex;align-items:stretch;justify-content:stretch}.dialog-wrapper#videocam-upload-choice .camera-previews>*{flex-grow:1;flex-basis:0;margin:16px 0 0 32px;display:flex;flex-direction:column;align-items:flex-start}.dialog-wrapper#videocam-upload-choice .camera-previews>:first-child{margin-left:0}.dialog-wrapper#videocam-upload-choice .camera-previews>* h4{margin:0;height:40px}.dialog-wrapper#videocam-upload-choice .camera-previews>* img{max-width:100%;background-color:#ddd;cursor:pointer}.check-box{display:flex;align-items:center;height:40px;margin:10px 10px 10px 5px;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.check-box:first-child{margin-left:0}.check-box:last-child{margin-right:0}.check-box>i.material-icons{display:none;width:24px;margin-right:4px;transition:color .1s}.check-box.checked>i.material-icons.checked,.check-box.indeterminate>i.material-icons.indeterminate,.check-box:not(.checked):not(.indeterminate)>i.material-icons.empty{display:block}.check-box:active,.check-box:focus{outline:none}.check-box:active i.material-icons,.check-box:focus i.material-icons{color:#385a98}html{font-family:Roboto,sans-serif}html,html body{height:100%;width:100%}html body{background-color:#fff;margin:0}html body .back-arrow{cursor:pointer;margin-right:30px}html body header{align-items:center;background-color:#333;box-sizing:border-box;color:#fff;display:flex;height:50px;padding:10px 20px;width:100%;justify-content:space-between}html body header a.title{color:#fff;text-decoration:none}html body header a.logout{color:#fff}html body header a:active,html body header a:focus,html body header a:hover{outline:none}html body main{padding:20px}html body main hr{border:none;height:1px;background-color:#333}html body #notification{display:none;flex-direction:column;align-items:stretch;z-index:4;position:fixed;right:0;bottom:0;margin:20px;min-width:200px;background-color:#dbf9de;color:#333;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border-top:3px solid #74a774}html body #notification.show{display:flex}html body #notification.error{background-color:#f9d8db;border-top-color:#d16e6e}html body #notification.error #notification-progress{background-color:#d16e6e}html body #notification.warn{background-color:#f9f0b9;border-top-color:#d1bd79}html body #notification.warn #notification-progress{background-color:#d1bd79}html body #notification #notification-text{padding:10px 24px}html body #notification #notification-progress{height:6px;width:100%;align-self:flex-start;background-color:#74a774}html body a,html body a:active{text-decoration:none}html body a:active{outline:none}html body div.nowrap{white-space:nowrap}html body .pointer{cursor:pointer}html body .margin-left-auto{margin-left:auto}.material-icons{user-select:none}html body header a:not(:first-child){margin-left:13px}html body header .separator{flex-grow:1}html body header a.camera{color:#fff}html body header a.barrier{cursor:pointer}html body header a.logout{margin-left:63px}