body{margin:0;padding:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-image:url('../../img/login/background.jpg');background-size:cover;background-repeat:no-repeat;background-position:center}a{color:#333;font-size:12px}#login-logo{background-image:url(../../img/login/batiman.jpg);background-size:contain;background-position:center;background-repeat:no-repeat;width:100%;height:100px}#login-form,#tools-form{width:300px;padding:20px;text-align:center;border-radius:10px;box-sizing:border-box;box-shadow:0 0 10px rgba(0,0,0,.5);background-color:rgba(255,255,255,.75)}#login-title{text-transform:uppercase}#login-form button,#tools-form button{width:100%;background-color:#3585fd}#error{display:none;color:#b00909;font-size:12px}#logo{display:inline-block;background-color:#fff;padding:5px;margin:0}h1{font-size:15px;text-transform:uppercase}.tool{margin-top:10px}input,select,textarea{width:100%;padding:10px;border-radius:5px;border:1px solid #aaa;box-sizing:border-box}textarea{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}button{padding:10px;box-sizing:border-box;border:0;border-radius:5px;color:#fff;cursor:pointer;background-color:#4691ff}input[type="file"]:not(.visible){position:fixed;top:-1000px}input[type="color"]{height:37px;padding:3px}input[type="radio"],input[type="checkbox"]{width:auto}input.error{background-color:#f7bebe}.checkbox{position:relative;background-color:#fff;border:1px solid var(--light-green);width:15px;height:15px}.checkbox.checked:after{content:"";position:absolute;display:inline-block;background-color:var(--light-green);letter-spacing:2px;top:2px;left:2px;width:11px;height:11px}.file-browser{position:fixed;top:-1000px;right:-1000px}.form-panel{border-left:1px solid #aaa;padding-left:10px;box-sizing:border-box}.inline-fields{display:flex}.field{margin-bottom:10px}.field-title{margin-bottom:5px;font-size:13px}.field-input{font-size:12px}.field-input.flex-row{display:flex}.field-picture{width:200px;min-width:200px;height:200px;border:1px solid #aaa;background-position:center;background-repeat:no-repeat;background-size:contain;box-sizing:border-box}h2.field-section{font-size:13px;text-transform:uppercase;margin-bottom:5px;margin-top:20px}h2.field-section:first-child{margin-top:0}@media screen and (max-width:1280px){input,select,textarea{padding:8px;font-size:10px}label{font-size:10px}input[type="radio"]{margin-top:0}}