:root{--defaultBackground:#f7f6f2;--contrastBackgroundDark:#efece5;--defaultBackgroundComplementary:#343a40;--defaultForeground:#343a40;--contrastForegroundDark:#343a40;--defaultForegroundComplementary:#f7f6f2;--highlightBackground:#2f80ed;--highlightForeground:#fff;--highlightOk:#27ae60;--highlightNotOk:#f70606;--borderColor:#999}#root,body,html{-webkit-text-size-adjust:100%!important;max-width:100%;min-height:100vh;box-sizing:border-box;margin:0;padding:0;font-family:system-ui;font-weight:200;font-size:16px;color:#343a40;color:var(--defaultForeground);background-color:#f7f6f2;background-color:var(--defaultBackground);scrollbar-color:#343a40 #f7f6f2;scrollbar-color:var(--defaultForeground) var(--defaultBackground)}*,:after,:before{box-sizing:inherit}label{appearance:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:auto;margin-bottom:auto}button,label{-webkit-appearance:none}button{background-color:#343a40;background-color:var(--defaultBackgroundComplementary);color:#f7f6f2;color:var(--defaultForegroundComplementary);border-radius:4px;border:1px solid #999;border:1px solid var(--borderColor);outline:none}button:disabled{opacity:.5}button:hover:enabled{background-color:#2f80ed;background-color:var(--highlightBackground);color:#fff;color:var(--highlightForeground)}input{background-color:#f7f6f2;background-color:var(--defaultBackground);color:#343a40;color:var(--defaultForeground);border-radius:4px;border:1px solid #999;border:1px solid var(--borderColor);outline:none}input[type=checkbox]{background:#f7f6f2;background:var(--defaultBackground)}input:focus{border-radius:4px;border:1px solid #2f80ed;border:1px solid var(--highlightBackground)}select{-webkit-appearance:none;background-color:#f7f6f2;background-color:var(--defaultBackground);background-image:linear-gradient(45deg,transparent 50%,#343a40 0),linear-gradient(135deg,#343a40 50%,transparent 0),linear-gradient(90deg,#ccc,#ccc);background-image:linear-gradient(45deg,transparent 50%,var(--defaultBackgroundComplementary) 0),linear-gradient(135deg,var(--defaultBackgroundComplementary) 50%,transparent 0),linear-gradient(90deg,#ccc,#ccc);background-position:calc(100% - 20px) .8em,calc(100% - 15px) .8em,calc(100% - 2.5em);background-size:5px 5px,5px 5px,1px 1.5em;background-repeat:no-repeat;color:#343a40;color:var(--defaultForeground);border:1px solid #999;border:1px solid var(--borderColor);appearance:none;outline:none;border-radius:3px;cursor:pointer}select:focus{border-radius:3px;border:1px solid #2f80ed;border:1px solid var(--highlightBackground)}.select-wrapper{position:relative}.select-wrapper:before{font-family:fontello;content:"\f107";position:absolute;right:15px;top:10px;color:#fff}textarea{background-color:#f7f6f2;background-color:var(--defaultBackground);color:#343a40;color:var(--defaultForeground);border-radius:4px;border:1px solid #999;border:1px solid var(--borderColor)}textarea:focus{border-radius:4px;border:1px solid #2f80ed;border:1px solid var(--highlightBackground);outline:none}p{line-height:1.5}fieldset{margin:8px;border:1px solid silver;padding:8px;border-radius:4px;height:-webkit-max-content;height:max-content}legend{width:auto;padding-left:5px;padding-right:5px}.app{display:grid;max-width:100%;min-height:100vh;grid-template-rows:auto 1fr;grid-template-areas:"n""e";overflow:hidden}.mainComp{display:grid;grid-area:e;grid-template-areas:"mainComp";min-height:100%;width:1020px;margin:auto;grid-template-rows:auto 1fr;grid-template-areas:"toolbar""content"}.mainComp .tool-bar{justify-self:right;display:grid;grid-template-columns:repeat(auto-fill,40px);grid-column-gap:2px;-webkit-column-gap:2px;column-gap:2px;grid-area:toolbar;height:40px;max-width:200px;width:-webkit-min-content;width:min-content;padding-left:10px;padding-right:10px;background-color:#343a40;background-color:var(--defaultForeground);border-bottom-left-radius:6px}.mainComp .tool-bar .icon-button{color:#f7f6f2;color:var(--defaultBackground);align-self:center;justify-self:center}.meta-data-form{max-width:100%;display:grid;grid-template-rows:repeat(auto-fill,40px)}.meta-data-property{margin:5px;display:grid;grid-template-columns:150px 1fr}.meta-data-property .meta-data-checkbox{width:30px;height:30px}.element-container{border-bottom:1px solid #999;border-bottom:1px solid var(--borderColor)}.vertical-button-line{margin:5px;display:grid;grid-template-columns:repeat(auto-fit,40px);direction:rtl}.app .my-clickable{cursor:pointer}@media (max-width:1081px){.mainComp{width:100%;margin:0}}@media (max-width:520px){.meta-data-form{grid-template-rows:repeat(auto-fit,80px)}.meta-data-form .meta-data-property{grid-template-columns:1fr;grid-template-rows:-webkit-max-content -webkit-max-content;grid-template-rows:max-content max-content}}#Login-Page{display:grid;background-color:var(--defaultBackground);color:var(--defaultForeground);height:100%}#Login-Page #error-message{color:var(--failure);font-size:1.4em;font-style:bold;margin:0 auto auto}#Login-Page #Login-Area{display:grid;margin:5% auto auto;background-color:var(--contrastBackgroundDark);color:var(--contrastForegroundDark);height:280px;width:500px;border-radius:25px;padding:50px;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-areas:"ui" "pi" "b" "ms"}#Login-Page #user-input{width:350px;margin:auto;grid-area:ui}#Login-Page #password-input{width:350px;margin:auto;grid-area:pi}#Login-Page #login-button{width:250px;margin:auto;grid-area:b}#Login-Page #ms-button{width:250px;margin:auto;grid-area:ms}@media (max-width:500px){#Login-Page #Login-Area{height:-webkit-min-content;height:min-content;width:100%;grid-template-rows:1fr 1fr 1fr 1fr;grid-template-areas:"ui" "pi" "b" "ms"}#Login-Page #login-button,#Login-Page #ms-button,#Login-Page #password-input,#Login-Page #user-input{width:calc(100% - 20px)}}#Company-Selection-Page{display:grid;background-color:var(--defaultBackground);color:var(--defaultForeground);height:100%}#Company-Selection-Page #Company-Selection-Area{display:grid;margin:5% auto auto;background-color:var(--contrastBackgroundDark);color:var(--contrastForegroundDark);height:240px;width:500px;border-radius:25px;padding:50px;grid-template-rows:1fr 1fr;grid-template-areas:"s" "b"}#Company-Selection-Page #Company-Selection-Area #company-selection{width:350px;margin:auto;grid-area:s}#Company-Selection-Page #Company-Selection-Area #select-button{width:250px;margin:auto;grid-area:b}#Dashboard{margin-top:10px;display:grid;grid-template-rows:500px auto;grid-template-areas:"stats""open"}#Dashboard #Statistics{margin:5px;grid-area:stats;width:100%;height:100%;display:grid;grid-template-rows:50px 1fr;grid-template-columns:1fr 300px;grid-template-areas:"selection selection""chart numbers"}#Dashboard #Statistics #year-selection{grid-area:selection;justify-self:center;width:300px;height:32px}#Dashboard #Statistics #chart{margin-top:7px;display:grid;grid-area:chart;width:100%;height:100%;justify-items:center}#Dashboard #Statistics #numbers{grid-area:numbers;width:280px;height:100%}#Dashboard #Statistics #numbers .meta-data-property{display:grid;grid-template-columns:180px 100px}#Dashboard #Statistics #numbers .meta-data-property .meta-data-input{text-align:right}#Dashboard #Open-Bills{grid-area:open;width:100%}#Dashboard #Open-Bills .bill-data{margin:5px;display:grid;grid-template-rows:30px 30px;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"billnumber billdate billvalue" "billname billname billname";border-bottom:1px solid var(--borderColor)}#Dashboard #Open-Bills .bill-data .bill-number{grid-area:billnumber}#Dashboard #Open-Bills .bill-data .bill-name{grid-area:billname}#Dashboard #Open-Bills .bill-data .bill-date{grid-area:billdate}#Dashboard #Open-Bills .bill-data .bill-value{grid-area:billvalue}@media (max-width:1081px){#Dashboard{grid-template-rows:420px auto;margin:10px}#Dashboard #Statistics{grid-template-columns:1fr 340px}#Dashboard #Statistics #numbers{width:340px}#Dashboard #Statistics #numbers .meta-data-property{grid-template-columns:220px 110px}}@media (max-width:889px){#Dashboard{grid-template-rows:600px auto;margin:10px}#Dashboard #Statistics{grid-template-rows:50px 180px 310px;grid-template-columns:1fr;grid-template-areas:"selection" "numbers" "chart"}#Dashboard #Statistics #numbers{justify-self:center;grid-area:numbers;width:480px;height:100%;margin-left:-20px}}.navbar .active{background-color:var(--highlightBackground)}.navbar .nav-dropdown{border-color:var(--borderColor)}.navbar .nav-dropdown,.navbar .nav-dropdown-item{background-color:var(--defaultBackgroundComplementary);color:var(--defaultForegroundComplementary)}.navbar .nav-dropdown-link{text-decoration:none;color:var(--defaultForegroundComplementary)}.dropdown{vertical-align:central;text-align:center}#Customers{margin-top:10px}#Customers #customer-list .customer-data{margin:5px;display:grid;grid-template-rows:30px -webkit-max-content;grid-template-rows:30px max-content;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"customername customername customername" "customermail customerphone customermobile"}#Customers #customer-list .customer-data .customer-name{grid-area:customername;font-weight:700}#Customers #customer-list .customer-data .customer-mail{grid-area:customermail}#Customers #customer-list .customer-data .customer-phone{grid-area:customerphone}#Customers #customer-list .customer-data .customer-mobile{grid-area:customermobile}@media (max-width:759px){#Customers #customer-list .customer-data{grid-template-rows:30px -webkit-max-content -webkit-max-content -webkit-max-content;grid-template-rows:30px max-content max-content max-content;grid-template-columns:1fr;grid-template-areas:"customername" "customermail" "customerphone" "customermobile"}}.icon-button{height:30px;width:30px;margin:0;padding:0;border:none;border-radius:none;-webkit-appearance:none}.icon-button,.icon-button:hover:enabled{background-color:initial;color:var(--defaultForeground)}.icon-button:hover:enabled .icon{color:var(--highlightBackground)}.icon-button .icon{height:30px;width:30px}.common-search-list{display:grid;grid-template-rows:50px 1fr;grid-template-areas:"header" "list";width:100%;height:100%}.common-search-list #header{grid-area:header;display:grid;grid-template-columns:minmax(-webkit-min-content,1fr) 60px;grid-template-columns:minmax(min-content,1fr) 60px;grid-template-areas:"search add";border-bottom:1px solid var(--borderColor)}.common-search-list #header #add-button{grid-area:add;align-self:center;justify-self:center}.common-search-list #header #search-input{grid-area:search;margin:5px;max-width:500px;min-width:250px}.common-search-list #add-button{grid-area:add;margin:5px}.common-search-list #list{grid-area:list;display:grid;width:100%;height:100%;overflow:auto;grid-auto-rows:minmax(-webkit-min-content,-webkit-max-content);grid-auto-rows:minmax(min-content,max-content)}#Customer-Details{width:100%}#Articles{margin-top:10px}#Articles #article-list .article-data{margin:5px;display:grid;grid-template-rows:30px;grid-template-columns:1fr;grid-template-areas:"articlename"}#Articles #article-list .article-data .article-name{display:grid;grid-area:articlename;max-width:100%}#Article-Details{width:100%}#Article-Details .article-edit{display:grid;grid-template-rows:-webkit-max-content repeat(2,-webkit-max-content) -webkit-max-content;grid-template-rows:max-content repeat(2,max-content) max-content}.tab-control{display:grid;grid-template-rows:50px 1fr;grid-template-areas:"header""content";width:100%;height:100%;min-height:0;max-height:100%;border-radius:4px;border:1px solid var(--borderColor)}.tab-control .tab-bar{background-color:var(--borderColor);color:var(--defaultForeground);grid-area:header;overflow:hidden;height:50px}.tab-control .tab-bar button{background-color:inherit;color:inherit;border-radius:0;float:left;border:none;outline:none;cursor:pointer;width:auto;padding-left:10px;padding-right:10px;height:100%;transition:.3s}.tab-control .tab-bar button.active,.tab-control .tab-bar button:hover{background-color:var(--highlightBackground);color:var(--highlightForeground)}.tab-control .tab-content{grid-area:content;width:100%;height:100%;min-height:0;max-height:100%}.tab-control .tab-item,.tab-control .tab-item .meta-data-property .meta-data-input{max-width:100%}#Seller{width:100%}#Documents{margin-top:10px}#Documents #document-list .document-data{margin:5px;display:grid;grid-template-rows:30px 30px;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"documentnumber documentnumber documentnumber" "documentname documentdate documentvalue"}#Documents #document-list .document-data .document-number{grid-area:documentnumber;font-weight:700}#Documents #document-list .document-data .document-name{grid-area:documentname}#Documents #document-list .document-data .document-date{grid-area:documentdate}#Documents #document-list .document-data .document-value{grid-area:documentvalue}@media (max-width:759px){#Documents #document-list .document-data{grid-template-rows:30px -webkit-max-content -webkit-max-content -webkit-max-content;grid-template-rows:30px max-content max-content max-content;grid-template-columns:1fr;grid-template-areas:"documentnumber" "documentname" "documentdate" "documentvalue"}}#Document-Details{width:100%;display:grid;grid-template-rows:1fr 40px;grid-template-areas:"tab" "buttons";margin-top:10px}#Document-Details #tab-control{grid-area:tab}#Document-Details #tab-control .document-options .meta-data-form{grid-template-rows:repeat(4,40px) 80px}#Document-Details #tab-control .document-options .meta-data-property{grid-template-columns:200px 1fr}#Document-Details #tab-control .document-options #info-text{height:80px}#Document-Details #tab-control .document-options input{height:30px;justify-self:left}#Document-Details #buttons{grid-area:buttons}@media (max-width:520px){#Document-Details #tab-control #document-options .meta-data-form{grid-template-rows:repeat(4,80px) auto}#Document-Details #tab-control #document-options .meta-data-property{grid-template-columns:1fr;grid-template-rows:-webkit-max-content -webkit-max-content;grid-template-rows:max-content max-content}#Document-Details #tab-control #document-options #info-text{height:80px}}#Document-Details #document-positions .document-position{display:grid;grid-template-rows:-webkit-max-content 35px;grid-template-rows:max-content 35px;grid-template-columns:1fr 1fr 1fr 50px;grid-template-areas:"description description description edit" "count price value delete"}#Document-Details #document-positions .document-position .position-description{grid-area:description;font-weight:700}#Document-Details #document-positions .document-position .position-count{grid-area:count}#Document-Details #document-positions .document-position .position-price{grid-area:price}#Document-Details #document-positions .document-position .position-value{grid-area:value}#Document-Details #document-positions .document-position #edit-position-button{grid-area:edit}#Document-Details #document-positions .document-position #delete-position-button{grid-area:delete}#Document-Details #document-positions .icon-button{color:var(--defaultForeground)}#Document-Details #document-positions .document-position button{align-self:center;justify-self:center}#Document-Details #document-positions .document-position-edit{max-width:none;display:grid;grid-template-rows:-webkit-max-content repeat(2,-webkit-max-content) -webkit-max-content;grid-template-rows:max-content repeat(2,max-content) max-content}#Document-Details #document-positions .document-position-edit .meta-data-input{max-width:none}@media (max-width:1020px){#Document-Details #document-positions .document-position{display:grid;grid-template-rows:30px 30px 30px 30px 30px;grid-template-columns:1fr 1fr;grid-template-areas:"description description" "count count" "price price" "value value" "edit delete"}}.meta-data-import{display:grid;grid-template-columns:1fr 40px}
/*# sourceMappingURL=main.aa31256f.chunk.css.map */