.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.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}.error{color:red}.not-display{display:none}.button-container button{cursor:pointer;display:flex;align-items:center;font-size:.925rem;padding:.5rem;border:#ccc solid thin}.button-container button svg{margin-right:.5rem}.button-container button:hover{background-color:#add8e6}.button-container button:disabled{cursor:not-allowed}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#nav-component{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 1rem;background-color:#00f;color:#fff}#nav-component .nav-buttons-continer{display:flex;flex-direction:row}#nav-component .icon path{stroke:#fff}#nav-component a,#nav-component .logout-btn{color:#fff;padding:1rem;text-decoration:none;display:flex;align-items:center;flex-direction:row}#nav-component a :first-child,#nav-component .logout-btn :first-child{margin-right:.25rem}#nav-component button{cursor:pointer;background-color:transparent;color:#fff;border:none;font-size:1rem}#nav-component .nav-btn-label{visibility:hidden;width:0px}@media (min-width: 640px){#nav-component .nav-btn-label{visibility:visible;width:fit-content}}#spinner .loading{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center}#spinner .loading .spinner{width:5%;height:5%;animation:spin infinite 1.5s linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#admin-page{display:flex;flex-direction:row;overflow:hidden;height:100%}#admin-page .title-and-button{display:flex;align-items:center}#admin-page .list-data{padding:1rem;width:100%;overflow:auto}#admin-page .button-container{margin-left:2rem}#admin-page .button-container button{cursor:pointer;display:flex;align-items:center;font-size:1rem;padding:.5rem;border:#ccc solid thin}#admin-page .button-container button svg{margin-left:.5rem}#admin-page .button-container button:hover{background-color:#add8e6}#admin-page .button-container button:disabled{cursor:not-allowed}#admin-page .button-container button.create-btn,#admin-page .button-container button.update-btn{color:#fff;min-width:7.5rem;text-align:center;display:flex;justify-content:center}#admin-page .button-container button.create-btn{background-color:#4472c4}#admin-page .button-container button.update-btn{background-color:#70ad47}#admin-page .button-container,#admin-page .row-direction{display:flex;gap:1rem}#admin-page .button-container button.validate-button:hover,#admin-page .row-direction button.validate-button:hover{background-color:#4472c4}#admin-page .button-container button.close-button:hover,#admin-page .row-direction button.close-button:hover{background-color:#f0f0f0}#admin-page .error{margin-bottom:1rem;color:red}#admin-page .react-pagination-table{width:100%;border:thin solid black}#admin-page .react-pagination-table thead tr td,#admin-page .react-pagination-table thead tr th{border-bottom:thin solid black;padding:.5rem}#admin-page .react-pagination-table tbody td{text-align:center;border-left:thin solid lightgray;padding:.5rem;width:auto}#admin-page .react-pagination-table tbody td svg{font-size:1.5rem}#admin-page .react-pagination-table tr.clickable{cursor:pointer}#admin-page .react-pagination-table tr.selected{background-color:#eee}#admin-page .react-pagination-table tr.clickable:hover{background-color:#ddd}#admin-page .pagination-section{display:flex;justify-content:center;padding:1rem}#admin-page .pagination-section .pagination-data{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#admin-page .pagination-section .pagination-data div{margin:.5rem}#admin-page .pagination-section .pagination-data .go-to-page{display:flex;flex-direction:row}#admin-page .pagination-section div,#admin-page .pagination-section input{width:35%;margin:0 1rem}#admin-page h1{color:#4472c4;font-weight:500}#admin-page .form-container{border:solid thin #eee;padding:1rem;display:grid;row-gap:.25rem;width:fit-content}#admin-page .form-container .button-container{display:flex;justify-content:center}#admin-page .form-group,#admin-page .form-group-select{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:.5rem}#admin-page .form-group-select{margin-bottom:1rem}#admin-page .form-group-select label{margin-inline-end:1rem}#admin-page .form label{font-size:1.25rem;font-weight:lighter}.side-bar-nav{display:flex;flex-direction:column;background-color:#4472c4;padding:0 1rem;overflow:auto}.side-bar-nav a{color:#fff;text-decoration:none;font-size:1.25rem;text-align:center;padding:1rem}.side-bar-nav a:hover{background-color:#618bd3}#nav-section a{color:#fff;text-decoration:none;font-size:1.25rem;text-align:center;padding:.5rem;min-width:150px}#contract-page{min-height:100%}#contract-page .contract-border{border:thin solid lightgrey}#contract-page .content-form{display:grid;grid-column-gap:1rem;grid-row-gap:1rem;padding:1.5rem;color:#4472c4}#contract-page article .contract-info{padding:1rem;display:grid;gap:15px}#contract-page .title-form-section{display:flex;align-items:center}#contract-page .title-form-section h2{font-size:1.5rem;font-weight:400}#contract-page .title-form-section img{width:2rem}#contract-page .buttons-section{margin:1rem;display:flex;justify-content:center}#contract-page .buttons-section button{padding:.5rem 2rem;margin:0 .5rem;border:none;min-width:7.5rem}#contract-page .buttons-section .save-btn{background-color:#70ad47;color:#fff;font-size:1rem}#contract-page .buttons-section .save-btn:disabled{background-color:#70ad4799;cursor:not-allowed}#contract-page .buttons-section .download-btn{background-color:#4472c4;color:#fff;font-size:1rem}#contract-page .main-section{display:flex;flex-direction:column}#contract-page .side-bar{background-color:#4472c4;display:flex;flex-direction:column;flex-grow:1}#contract-page .side-bar button{background-color:#4472c4;border:none;color:#fff;padding:1rem;font-size:1rem;cursor:pointer}#contract-page .side-bar button:hover{background-color:#356ccb}@media (min-width: 640px){#contract-page .main-section{flex-direction:row;width:100%;min-height:inherit}#contract-page .current-section{flex-grow:500}}#comment-section textarea{width:100%}#contract-section .content-form{justify-content:stretch}#contract-section .contract-info-section{grid-column:1/2;grid-row:1}#contract-section .other-section{grid-column:2/2;grid-row:1}@media screen and (max-width: 1000px){#contract-section .contract-info-section{grid-column:1;grid-row:1}#contract-section .other-section{grid-column:1;grid-row:2}}.content-form .form-group{display:grid;grid-template-columns:1fr 1fr}.content-form .form-group label{font-size:1.25rem}.payment-method-section .contract-border{display:flex;flex-direction:column;padding:1rem}.payment-method-section label{margin:.5rem}.payment-method-section input{margin-right:1rem;margin-bottom:.5rem}@media (min-width: 1024px){.general-info{grid-column:1/2;grid-row:1}.payment-method{grid-column:1/2;grid-row:2}.contractor-info{grid-column:2/2;grid-row:3}.contractor-emergency{grid-column:1/2;grid-row:3}}#list-contract-page{padding:1rem 3rem}#list-contract-page section{display:flex;flex-direction:column}#list-contract-page section h2{font-weight:400}#list-contract-page .cursor-pointer{cursor:pointer}#list-contract-page .contract-table{border:thin solid black}#list-contract-page .contract-table thead tr td,#list-contract-page .contract-table thead tr th{border-bottom:thin solid black;padding:.5rem}#list-contract-page .contract-table tbody tr:nth-child(2n){background-color:var(--tr-bg-even-color)}#list-contract-page .contract-table tbody tr:hover{background-color:var(--tr-bg-hover-color)}#list-contract-page .contract-table tbody td{text-align:center;border-left:thin solid lightgray;padding:.5rem;width:auto}#list-contract-page .contract-table tbody td svg{font-size:1.5rem}#list-contract-page .contract-table tbody td.pdf{padding:0}#list-contract-page .contract-table tbody td.pdf button{border:0;background-color:transparent;height:2.5rem;width:100%}#list-contract-page .contract-table tbody td.pdf button:hover{color:#fff}#list-contract-page .table-container{display:flex;flex-direction:column;justify-content:center}#list-contract-page .scroll-horizontal{overflow:auto;white-space:nowrap}#list-contract-page .pagination-section{display:flex;justify-content:center;padding:.5rem}#list-contract-page .pagination-section div,#list-contract-page .pagination-section input{width:35%;margin:0 1rem}#list-contract-page .pagination-button-section{display:flex;justify-content:center}#list-contract-page .pagination-button-section button{margin:0 .5rem}.status-indicator.warning-status{color:#ff0}.status-indicator.success-status{color:green}.status-indicator.problem-status{color:red}.one-contract{cursor:pointer}.filter-contracts input,.filter-contracts select{max-width:7.5rem}.filter-contracts{padding-bottom:.5rem}.filter-contracts .form-section{background-color:#d3d3d3;display:grid;padding:.5rem 2.5rem;grid-template-columns:repeat(4,1fr);grid-gap:10px;grid-auto-rows:minmax(10px,auto)}.filter-contracts .form-group,.filter-contracts .form-select-group,.filter-contracts .form-date-group{margin:0 1rem;display:grid;grid-template-columns:1fr auto;text-align:end}.filter-contracts .form-group label,.filter-contracts .form-select-group label,.filter-contracts .form-date-group label{margin-right:1rem}.filter-contracts .form-group .error,.filter-contracts .form-date-group .error{grid-column-start:1;grid-column-end:3}.filter-contracts .form-group label,.filter-contracts .form-select-group label{font-weight:700}.filter-contracts .form-date-groups-title{font-weight:700;text-align:end}.filter-contracts .form-date-groups{display:flex;flex-direction:column;gap:.5rem}.filter-contracts .form-group,.filter-contracts .form-select-group{grid-template-rows:1fr 1fr}.filter-contracts .button-container{display:flex;justify-content:center}.filter-contracts .button-container button{margin:.5rem;padding:.5rem 2rem;color:#fff;background-color:#4472c4;border-color:gray}.filter-contracts .button-container button:hover{background-color:#4472c4dd}.filter-contracts .button-container button:disabled{cursor:not-allowed;background-color:#4472c4}@media (max-width: 1350px){.filter-contracts .form-section{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1075px){.filter-contracts .form-section{grid-template-columns:repeat(2,1fr)}}@media (max-width: 790px){.filter-contracts .form-section{grid-template-columns:repeat(1,1fr)}.filter-contracts .form-group,.filter-contracts .form-select-group,.filter-contracts .form-date-group{text-align:center}}#login-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}#login-page form{border:thin solid blue;padding:2rem 0}#login-page form .form-group,#login-page form .button-container{margin:0 2rem}#login-page form .form-group{display:flex;flex-direction:column}#login-page form .form-group label,#login-page form .form-group input{margin:.5rem}#login-page form .form-group label{font-size:1.5rem}#login-page form .form-group input{line-height:1.5rem;min-width:13rem}#login-page form .button-container{display:flex;justify-content:right;margin-top:1rem}#login-page form .button-container button{font-size:1.5rem;padding:.5rem .7rem;color:#fff;background-color:#00f;cursor:pointer;border:none}#login-page form .button-container button:hover{background-color:#33f}#login-page form .error-container{margin-left:2rem;color:red}#performance .link{text-decoration:none!important;color:#000}#performance .button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(27,31,35,.15);border-radius:6px;box-shadow:#1b1f231a 0 1px;box-sizing:border-box;color:#000;background-color:#e2e4ec;cursor:pointer;display:inline-block;font-family:-apple-system,system-ui,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";font-size:14px;font-weight:600;line-height:20px;padding:6px 16px;position:relative;text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;vertical-align:middle;white-space:nowrap}#performance .button:focus:not(:focus-visible):not(.focus-visible){box-shadow:none;outline:none}#performance .button:hover{background-color:#08a;box-sizing:border-box}#performance .button:focus{box-shadow:#2ea44f66 0 0 0 3px;outline:none}#performance .button:disabled{border-color:#1b1f231a;cursor:default}#performance .button:active{background-color:#0000fe;box-shadow:#14462033 0 1px inset}#performance .all-displayers{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:200px;justify-content:center;margin-top:50px}#performance .count-amount-displayer{padding:20px;display:flex;flex-direction:column;font-size:50px;text-align:center;width:50%;justify-self:center}#performance .piechart-displayer{padding:20px;display:flex;flex-direction:column;font-size:50px;text-align:center}#performance .form-group{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);grid-row-gap:0px;margin-right:150px}#performance .first-line-left{grid-area:1/2/2/3;justify-self:end;margin-top:10px}#performance .first-line-right{grid-area:1/3/2/4;justify-self:end;margin-top:10px}#performance .second-line-left{grid-area:2/1/3/2;justify-self:end;margin-top:10px}#performance .second-line-middle-left{grid-area:2/2/3/3;justify-self:end;margin-top:10px}#performance .second-line-middle-right{grid-area:2/3/3/4;justify-self:end;margin-top:10px}#performance .second-line-right{grid-area:2/4/3/5;justify-self:end;margin-top:10px}#performance .third-line-left{grid-area:3/1/4/2;justify-self:end;margin-top:10px}#performance .third-line-middle-left{grid-area:3/2/4/3;justify-self:end;margin-top:10px}#performance .third-line-middle-right{grid-area:3/3/4/4;justify-self:end;margin-top:10px}#performance .third-line-right{grid-area:3/4/4/5;justify-self:end;margin-top:10px}#performance .button-container{display:flex;justify-content:space-evenly;align-items:center;margin-top:20px}.label-name{margin-right:10px}.react-pagination-table thead tr td,.react-pagination-table thead tr th{border-bottom:thin solid black;padding:.5rem}.react-pagination-table thead th .th-container{height:max-content;min-height:4.5rem;min-width:5rem;display:flex;flex-direction:column;justify-content:flex-end}.react-pagination-table tbody tr td{text-align:center;padding:.5rem}.react-pagination-table .tr-table:nth-child(2n){background-color:var(--tr-bg-even-color)}.react-pagination-table .tr-table:hover{background-color:var(--tr-bg-hover-color)}.list-performance-page{padding:1rem 3rem}.list-performance-page .table-container{overflow-x:auto;overflow-y:auto;border:solid thin black}html,body,#root{height:100vh;display:flex;flex-direction:column}:root{--tr-bg-even-color: #e2e4ec;--tr-bg-hover-color: #0088aa}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}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer}.pagination-button-section{display:flex;justify-content:center}.pagination-button-section button{padding:.5rem 2rem;margin:0 .5rem;border:none;min-width:7.5rem;max-height:3rem;border:solid thin #aaa}.pagination-button-section button:disabled{cursor:not-allowed;border:none}.overlay{background-color:#00000080;position:fixed;width:100%;height:100%}.modal-container{padding:1rem;max-width:600px;width:50%;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;background-color:#fff;box-shadow:0 0 18px #00000080}.modal-container .modal-content{margin-bottom:1rem}.modal-container .modal-buttons-container{display:flex;justify-content:right}.modal-buttons-container button{cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;font-size:1rem;padding:.5rem;margin-left:1rem;min-width:6.5rem}.validate-button{background-color:#4472c4;color:#fff}.validate-button:hover{background-color:#4472c4cc}.close-button{border:solid #999 thin}.close-button:hover{background-color:#ddd}.d-flex-align-center{display:flex;align-items:center}h1{color:#4472c4;font-weight:500}