@import"https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i";body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:#553928}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}div,input,button{box-sizing:border-box;font-family:Open Sans,sans-serif}input,button{border-radius:4px}button{border:none}button:focus{outline:none;box-shadow:0 0 0 3px #0000001f}input::placeholder{color:#aaa;font-style:italic}input:focus{outline:none}input{border:2px solid #c9b298;padding:8px;font-size:14px;line-height:36px;width:100%}.FileGeneration .input-field input.error{border:1px solid #cc3440}.input-field,.checkbox-field{position:relative;margin:5px 0 16px}.input-field label,.input-label{font-size:14px;color:#c9b298;text-align:left;font-weight:700}.input-field label{position:absolute;left:10px;top:14px;font-size:14px;color:#c9b298;transition:top .1s ease-out,font-size .1s ease-out}.input-field input{background:none;padding:4px 8px;height:48px}input:not([value=""])+label,label.has-content{top:2px;font-size:10px;font-weight:800;text-transform:uppercase}label.field-name{padding:8px}input.success{border-color:#7ab317}label.success,input.success+label{color:#7ab317}input.error,.input.error{border-color:#cc3440;color:#cc3440}label.error,input.error+label{color:#cc3440}.input-field span.error{position:absolute;left:10px;bottom:4px}span.error:not(.input),div.error:not(.input){font-size:8px;font-weight:700;text-transform:uppercase;color:#cc3440}.total-line{display:flex;justify-content:flex-end;margin-right:0;margin-left:auto;width:50%;text-align:right;color:#86a0ae;line-height:56px;font-size:14px}.total-line .price{margin-left:10px;font-size:24px;font-weight:700}.checkbox-field{width:100%;position:relative;text-align:left}.checkbox-field label{font-size:14px}.styled-checkbox{position:absolute;opacity:0}.styled-checkbox+label{position:relative;cursor:pointer;padding:0}.styled-checkbox+label:before{content:"";margin-right:10px;display:inline-block;vertical-align:text-top;width:20px;height:20px;background:#fff;transition:background-color .15s ease-out}.styled-checkbox:hover+label:before{background:#c9b298}.styled-checkbox:focus+label:before{box-shadow:0 0 0 3px #0000001f}.styled-checkbox:checked+label:before{background:#7ab317}.styled-checkbox:disabled+label{color:#b8b8b8;cursor:auto}.styled-checkbox:disabled+label:before{box-shadow:none;background:#ddd}.styled-checkbox:checked+label:after{content:"";position:absolute;left:5px;top:9px;background:#fff;width:2px;height:2px;box-shadow:2px 0 #fff,4px 0 #fff,4px -2px #fff,4px -4px #fff,4px -6px #fff,4px -8px #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.group-title{margin:20px 0 0;text-align:left;color:#553928;font-weight:700}.group-title:first-child{margin-top:10px}.input-row{display:flex;justify-content:space-around;margin:10px 0}.input-row .input-label{line-height:48px}.input-row .input-field,.input-row .input-label{margin:0 8px;width:100%}.input-row .input-field:first-child,.input-row .input-label:first-child{margin-left:0}.input-row .input-field:last-child{margin-right:0}form button[type=submit],button.default{width:100%;background:#553928;color:#fff;height:48px;line-height:48px;text-transform:uppercase;font-weight:700;font-size:14px;transition:background-color .15s ease-out;margin-top:24px}form button[type=submit]:hover,button.default:hover{background:#553928e6}button[disabled]{opacity:.5;cursor:not-allowed}.App{text-align:center}.App-logo{animation:App-logo-spin infinite 20s linear;height:40vmin;pointer-events:none}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.App .Registration,.App .Login{background:url(/fundo.jpg) left center / cover no-repeat;height:100vh;display:flex;justify-content:flex-start;overflow:hidden}.App .Registration .Form,.App .Login .Form{width:380px;margin:80px auto 80px 170px;overflow:hidden;display:flex;justify-content:center;flex-direction:column}.App .Registration .Form img,.App .Registration .Form svg,.App .Login .Form img,.App .Login .Form svg{width:100%;padding-right:10px;padding-left:10px}.App .Registration .Form form,.App .Login .Form form{overflow:auto;padding:0 10px 10px}.App .Login .Form button[type=submit]{margin-top:20px;height:56px}.Registration .success-screen h1{font-weight:700;font-size:24px;color:#86a0ae;text-transform:uppercase}button.flat.small{width:100%;background:transparent;color:#553928;font-weight:700;font-size:14px;line-height:40px;margin:5px 0}button.inverted{height:56px;line-height:44px;font-size:16px;width:100%;border:2px solid #553928;background:transparent;text-transform:uppercase;font-weight:700;margin-top:20px;transition:background .15s ease-out,color .15s ease-out}nav{display:flex;padding:20px 10px}nav button{display:flex;flex:1;justify-content:center;font-size:16px;line-height:32px;height:40px;background:transparent;color:#553928;border:2px solid #553928}nav button.active{background:#553928;color:#fff}button.inverted:hover{background:#553928;color:#fff}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{margin:0 auto;max-width:360px;background:#f4d6d8;font-size:12px;text-transform:uppercase;font-weight:700;color:#cc3440;line-height:24px;padding:10px}form .error-message{margin-top:40px;width:100%;max-width:none}.user-area form .error-message{margin-top:16px}.reference{display:flex;flex-direction:row;justify-content:center;padding:16px}.info{display:flex;flex-direction:column;justify-content:center;text-align:left}.info span{display:inline-flex;width:10ch}.reference img.logo{width:80px;height:80px}.App .Frame{display:flex;flex-direction:row;height:100vh;width:100vw;background:#f2f2f2;overflow:hidden}.Sidebar{background:#816450;min-width:80px;width:80px;height:100vh;display:flex;flex-direction:column;justify-content:space-between;overflow:visible}.Sidebar svg.logo{width:80px;margin:0;padding:10px}.Sidebar button{display:flex;justify-content:center;height:80px;width:80px;font-size:24px;color:#fff;background:transparent;margin:0}.Sidebar button.logout,.Sidebar .password-changer>button,.Sidebar .wallet-charger>button{border-radius:0}.Sidebar button{align-self:center;justify-content:center;flex-direction:column;text-align:center;transition:background .3s ease-out,color .3s ease-out}.Sidebar button .label{font-size:10px;text-transform:uppercase;font-weight:bolder;text-align:center;margin-top:4px}.Sidebar button svg,.Sidebar button .label{width:100%!important}.Sidebar button:hover,.Sidebar button:focus{background:#553928;box-shadow:none}.wallet-status{width:40px;max-height:560px;min-height:400px;height:50vh;background:#fff;position:relative;margin:0 20px 20px;border-radius:4px}.wallet-status .total{font-size:14px;color:#86a0ae;font-weight:700}.wallet-status .wallet-used{position:absolute;bottom:0;background:#86a0ae;width:40px;border-radius:4px;transition:height .3s ease-out}.wallet-used .used{font-size:14px;color:#fff;font-weight:700}.App .Frame .Main{width:100%;height:100%;overflow:auto;display:flex}.App .Frame .FileGeneration{width:640px;margin:auto;display:block}.App .Frame .FileGeneration form{padding:40px 0}.App .Main .FileGeneration h1{text-transform:none;font-weight:700;font-size:24px;color:#86a0ae}.App .Main .FileGeneration .success-screen h1{text-transform:uppercase}.file-field{position:relative;overflow:hidden;display:flex;flex-direction:row;margin:5px 0 10px}.file-field .fill,.download-sample-button-container .fill{width:240px;padding:4px}.file-field button,.download-sample-button{flex:13;font-size:14px;font-weight:700;text-transform:uppercase;background:transparent;color:#553928;border:2px solid #553928;display:flex;flex-direction:row-reverse;justify-content:center;height:40px;padding:10px}.file-field button svg,.download-sample-button svg{position:relative;left:8px;top:1px}.download-sample-button-container{display:flex}.download-sample-button{text-decoration:none}.file-field button.success{color:#7ab317;border-color:#7ab317}.file-field input[type=file]{position:absolute;left:0;top:0;opacity:0;padding:0;height:40px}.FileGeneration .input-group{margin:30px 0 0}.FileGeneration .input-field{border:none;height:auto;display:flex;flex-direction:row;margin:8px 0}.FileGeneration .input-field .input{display:flex;flex-direction:row}.FileGeneration .input-field .input{background:#fff;height:24px;padding:0 4px;flex:13;border-radius:4px}.FileGeneration .input-field.transparent .input{background:transparent;padding-right:0}.FileGeneration .input-field.transparent .input input,.FileGeneration .input-field.transparent .input select{background:#fff}.FileGeneration .input-field.transparent .input select{line-height:18px}.FileGeneration .input-field input{padding:4px;border:none;height:24px;line-height:16px;border-radius:4px}.FileGeneration .input-field input[disabled]{background:none;cursor:text}.FileGeneration .input-field label{color:#000;text-align:right;position:relative;top:auto;left:auto;line-height:16px;padding:4px;width:240px}.FileGeneration .success-screen{display:flex;flex-direction:column;justify-content:center}.wallet-charger,.password-changer{position:relative}.App .Frame .Sidebar button.open{background:#fff;width:80px;height:80px;color:#86a0ae}.wallet-charger .user-area,.password-changer .user-area{box-shadow:0 0 0 3px #0000001f;position:absolute;left:100%;bottom:0;height:400px;width:560px;background:#fff;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:0 100px}.wallet-charger .user-area{height:560px}.wallet-charger .title,.password-changer .title{font-size:24px;color:#86a0ae;font-weight:700}.wallet-charger button[type=submit],.password-changer button[type=submit]{width:100%;height:48px;margin:40px 0 0;background:#553928;display:flex;flex-direction:column;justify-content:center;align-items:center}.wallet-charger button[type=submit] .text,.password-changer button[type=submit] .text{margin-left:auto;margin-right:auto}.wallet-charger em,.password-changer em{margin:10px 0}.wallet-charger input,.wallet-charger .input-label,.wallet-charger .total-line{height:48px;line-height:48px}.wallet-charger .total-line{white-space:nowrap}.FileGeneration button[type=submit],.FileGeneration button.default{margin:40px auto 0;width:180px;align-self:center;display:flex;justify-content:center}.FileGeneration button[type=submit][disabled]{cursor:not-allowed;background:#55392880}.FileGeneration button.default{align-self:center}.FileGeneration .input-field .input .select{height:24px;overflow:hidden;min-width:100px;position:relative;margin-left:-4px;border-radius:4px}.FileGeneration .input-field .input.select{width:calc(100% + 4px);padding-left:0;padding-right:0;border-radius:4px}.select svg{color:#fff;position:absolute;background:#c9b298;padding:4px 7px;height:24px;font-size:1.25rem;box-sizing:border-box;top:0;right:0;z-index:1;pointer-events:none;border-radius:4px;transition:color .15s ease-out,background .15s ease-out}.select.error svg{background:#cc3440}.select:hover svg,.select select:focus+svg{color:#c9b298;background:#fff}.select select{border:none;height:24px;padding:4px;box-shadow:none;background:transparent none;-webkit-appearance:none;width:100%}.select.slate{height:24px}.select.slate select{border:1px solid #ccc;font-size:16px;height:24px;width:100px}.select select:focus{font-weight:700;outline:none}.user-area .close-button{color:#b8b8b8;height:40px;width:40px;position:absolute;top:8px;right:8px}.user-area .close-button:hover,.user-area .close-button:focus{background:transparent;color:#282c34}
