*{margin:0;padding:0}body{width:100%;height:100vh;font-family:Arial,Helvetica,sans-serif;background-color:#f4f8fb}.center-content-left{display:flex;justify-content:left;align-items:center}.center-content{display:flex;justify-content:center;align-items:center}.center-content-column{display:flex;flex-direction:column;align-items:center;justify-content:center}.button{height:2.5rem;font-size:1rem;display:flex;justify-content:center;align-items:center;border-radius:.2rem}.button:hover{cursor:pointer}.primary-button{background-color:#2c7be5;color:#fff;border:2px solid #1e73be;transition:all .5s ease-in-out}.primary-button:hover{background-color:#fff;color:#2c7be5}.link{text-decoration:none}.icon{width:2.5rem;height:auto}.hover:hover{cursor:pointer}.disabled-button{background-color:gray}.disabled-button:hover{background-color:gray;cursor:context-menu}.number{text-align:right}.preview-component{display:grid;grid-template-columns:17% 83%}.preview-component__navbar-logo-div{height:100vh;row-gap:5rem;background-color:#2f3542}.preview-component__logo-div{width:90%;margin:-10rem auto 5rem;padding:0 .7rem;display:flex;flex-direction:column;align-items:center;row-gap:.7rem}.preview-component__logo{width:5rem;border-radius:50%}.preview-component__headline{font-size:1.6rem;color:#f3f5f6}.preview-component__nav-bar{width:100%;row-gap:3rem}.preview-component__link{width:60%;height:3.3rem;font-size:1.3rem;margin:0 auto;padding-left:5%;color:#f3f5f6;column-gap:1rem;transition:all .5s ease-in-out;border-radius:.2rem}.preview-component__link:hover{background-color:#414852}.preview-component__employee-icon,.preview-component__client-icon,.preview-component__order-icon,.preview-component__company-report-icon:hover{cursor:pointer}.employee-section__headline{margin:3rem 0 0 3rem;font-size:1.7rem}.employees-preview{width:100%;height:100%;margin-top:2.5rem}.employees-preview__question-div{width:100%;height:100%;border:1px solid black}.employees-preview__close-icon{width:1.5rem;height:auto;margin:.5rem 0 0 57.5rem;transition:all .5s ease-in-out}.employees-preview__close-icon:hover{color:gray}.employees-preview__text{text-align:center;margin-top:15rem;font-size:1.4rem}.employees-preview__button-div{width:100%;margin-top:5rem;column-gap:3rem}.employees-preview__cancel-button{width:9rem;column-gap:.5rem}.employees-preview__cancel-icon,.employees-preview__delete-employee-icon{width:1.5rem;height:auto}.employees-preview__delete-employee-button{width:9rem;column-gap:.7rem;background-color:#fff;color:#d00;border:2px solid #dd0000}.employees-preview__close-button{font-size:1rem;padding:.3rem 1rem;column-gap:.5rem;border-radius:.2rem;border:1px solid black}.employees-preview__table-div{width:95%;margin:1rem auto;padding-top:2rem;background-color:#fff;box-shadow:2px 2px 8px #0000004d;border-radius:.2rem}.employees-preview__new-employee-button{width:14rem;margin:1rem 0 3rem 75%;column-gap:.7rem}.employees-preview__new-icon{width:1.5rem;height:auto}.employees-preview__headline-div{width:100%}.employees-preview__headline{padding:1rem;position:sticky;top:0;font-size:1.3rem;text-align:center;background-color:#fff}.employees-preview__first-name,.employees-preview__last-name,.employees-preview__age{width:15%}.employees-preview__note{width:30%}.employees-preview__options{width:15%}.employees-preview__employees-preview-div{width:100%;height:65vh;overflow-y:auto}.employees-preview__employee-info-div{width:98.7%;margin:1.5rem auto;padding-bottom:.5rem;display:flex;align-items:center;border-bottom:1px solid #e0e0e0}.employees-preview__first-name-info,.employees-preview__last-name-info,.employees-preview__age-info,.employees-preview__note-info{font-size:1.1rem}.employees-preview__first-name-info{width:13%;padding-left:4%}.employees-preview__last-name-info{width:14.2%;padding-left:3%}.employees-preview__age-info{width:11.2%;text-align:right;padding-right:4%}.employees-preview__note-info{width:29%;padding-left:3%}.employees-preview__options-div{width:15%;padding-left:3%}.employees-preview__new-employee-button-div{column-gap:1rem}.employees-preview__edit-button,.employees-preview__delete-button{background-color:#fff;border:none}.employees-preview__edit-icon,.employees-preview__delete-icon{width:1.5rem;height:auto}.employees-preview__delete-button{color:#d00}.popup-window-div{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000c;z-index:1}.popup-window-div__popup-dialog-div{width:50%;height:75%;background-color:#fff;border-radius:.2rem}.new-employee__form{width:100%;height:100%;border:1px solid black}.new-employee__close-icon{width:1.7rem;height:auto;margin:.5rem 0 0 57.7rem;transition:all .5s ease-in-out}.new-employee__close-icon:hover{color:gray}.new-employee__label-and-input-div{margin-top:10rem;column-gap:7rem}.new-employee__label-div{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;align-items:start;row-gap:2.4rem;padding-left:0}.new-employee .label{font-size:1.3rem}.new-employee__input-div{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;align-items:start;row-gap:2.1rem}.new-employee .input{width:10rem;height:1.5rem;font-size:1rem;padding-left:.5rem}.new-employee__age{text-align:right}.new-employee__button-div{margin-top:3rem;column-gap:3rem}.new-employee__cancel-button{width:10rem;column-gap:.5rem}.new-employee__cancel-icon{width:1.3rem}.new-employee__add-button{width:13.5rem;column-gap:.7rem}.new-employee__add-icon{width:1.3rem;height:auto}.update-employee__form{width:100%;height:100%;border:1px solid black}.update-employee__close-icon{width:1.7rem;height:auto;margin:.5rem 0 0 57.7rem;transition:all .5s ease-in-out}.update-employee__close-icon:hover{color:gray}.update-employee__label-and-input-div{margin-top:10rem;column-gap:7rem}.update-employee__label-div{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;align-items:start;row-gap:2.4rem;padding-left:0}.update-employee .label{font-size:1.3rem}.update-employee__input-div{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;align-items:start;row-gap:2.1rem}.update-employee .input{width:10rem;height:1.5rem;font-size:1rem;padding-left:.5rem}.update-employee__age{text-align:right}.update-employee__button-div{margin-top:3rem;column-gap:3rem}.update-employee__cancel-button{width:9rem;column-gap:.5rem}.update-employee__cancel-icon{width:1.3rem}.update-employee__edit-button{width:15rem;column-gap:.7rem}.update-employee__edit-icon{width:1.3rem;height:auto}.client__headline{margin:3rem 0 0 3rem;font-size:1.7rem}.clients-preview{width:100%;height:100%;margin-top:2.5rem}.clients-preview__question-div{width:100%;height:100%}.clients-preview__close-icon{width:1.7rem;height:auto;margin:.5rem 0 0 57.5rem;transition:all .5s ease-in-out}.clients-preview__close-icon:hover{color:gray}.clients-preview__text{text-align:center;margin-top:15rem;font-size:1.4rem}.clients-preview__dialog-button-div{width:100%;margin-top:5rem;column-gap:3rem}.clients-preview__cancel-button{width:8rem;column-gap:.5rem}.clients-preview__cancel-icon,.clients-preview__delete-client-icon{width:1.5rem;height:auto}.clients-preview__delete-client-button{width:10rem;column-gap:.7rem;background-color:#fff;color:#d00;border:2px solid #dd0000}.clients-preview__close-button{font-size:1rem;padding:.3rem 1rem;column-gap:.5rem;border-radius:.2rem;border:1px solid black}.clients-preview__table-div{width:95%;margin:1rem auto;padding-top:2rem;background-color:#fff;box-shadow:2px 2px 8px #0000004d;border-radius:.2rem}.clients-preview__new-client-button{width:14rem;margin:1rem 0 3rem 75%;column-gap:.7rem}.clients-preview__new-client-icon{width:1.5rem;height:auto}.clients-preview__headline-div{width:100%;display:flex}.clients-preview__headline{position:sticky;top:0;padding:1rem;font-size:1.3rem;text-align:center;background-color:#fff}.clients-preview__first-name,.clients-preview__last-name{width:15%}.clients-preview__age,.clients-preview__options{width:10%}.clients-preview__address,.clients-preview__mail{width:18.3%}.clients-preview__clients-preview-div{width:100%;height:65vh;overflow-y:auto}.clients-preview__client-info-div{width:98.7%;margin:1.5rem auto;padding-bottom:.5rem;display:flex;align-items:center;border-bottom:1px solid #e0e0e0}.clients-preview__client-info{font-size:1.1rem}.clients-preview__first-name-info{width:11.6%;padding-left:5%}.clients-preview__last-name-info{width:12.3%;padding-left:5%}.clients-preview__age-info{width:9.3%;text-align:right;padding-right:3%}.clients-preview__address-info,.clients-preview__mail-info{width:17.7%;padding-left:3%}.clients-preview__options-div{width:10%;padding-left:1.5%}.clients-preview__button-div{width:10rem;column-gap:1rem}.clients-preview__edit-button,.clients-preview__delete-button{background-color:#fff;border:none}.clients-preview__edit-icon,.clients-preview__delete-icon{width:1.5rem;height:auto}.clients-preview__delete-button{color:#d00}.new-client__form{width:100%;height:100%;border:1px solid black}.new-client__close-icon{width:1.7rem;height:auto;margin:.5rem 0 0 57.7rem;transition:all .5s ease-in-out}.new-client__close-icon:hover{color:gray}.new-client__label-and-input-div{margin-top:10rem;column-gap:7rem}.new-client__label-div{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;align-items:start;row-gap:2.4rem;padding-left:0}.new-client .label{font-size:1.3rem}.new-client__input-div{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;align-items:start;row-gap:2.1rem}.new-client .input{width:10rem;height:1.5rem;font-size:1rem;padding-left:.5rem}.new-client__button-div{margin-top:3rem;column-gap:3rem}.new-client__cancel-button{width:9rem;column-gap:.5rem}.new-client__cancel-icon{width:1.3rem}.new-client__new-client-button{width:13.5rem;column-gap:.7rem}.new-client__new-client-icon{width:1.3rem;height:auto}.update-client__form{width:100%;height:100%;border:1px solid black}.update-client__close-icon{width:1.7rem;height:auto;margin:.5rem 0 0 57.7rem;transition:all .5s ease-in-out}.update-client__close-icon:hover{color:gray}.update-client__label-and-input-div{margin-top:10rem;column-gap:7rem}.update-client__label-div{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;align-items:start;row-gap:2.4rem;padding-left:0}.update-client .label{font-size:1.3rem}.update-client__input-div{margin-top:1rem;display:flex;flex-direction:column;justify-content:center;align-items:start;row-gap:2.1rem}.update-client .input{width:10rem;height:1.5rem;font-size:1rem;padding-left:.5rem}.update-client__button-div{margin-top:3rem;column-gap:3rem}.update-client__cancel-button{width:9rem;column-gap:.5rem}.update-client__cancel-icon{width:1.3rem}.update-client__edit-client-button{width:16rem;column-gap:.7rem}.update-client__edit-client-icon{width:1.3rem;height:auto}.orders-preview{width:100%;height:100%;margin-top:2.5rem}.orders-preview__delete-order-form,.orders-preview__delete-single-order-form{width:100%;height:100%}.orders-preview__close-icon{width:1.7rem;height:auto;margin:.5rem 0 0 57.7rem;transition:all .5s ease-in-out}.orders-preview__text{text-align:center;font-size:1.4rem;margin-top:15rem}.orders-preview__delete-order-button-div,.orders-preview__delete-single-order-button-div{width:100%;margin-top:3rem;column-gap:3rem}.orders-preview__delete-order-cancle-button,.orders-preview__delete-single-order-cancle-button{width:9rem;column-gap:.5rem}.orders-preview__delete-order-cancle-icon,.orders-preview__delete-single-order-cancle-icon{width:1.5rem}.orders-preview__delete-order-button,.orders-preview__delete-single-order-button{width:8rem;column-gap:.5rem;background-color:#fff;color:#d00;border:2px solid #dd0000}.orders-preview__delete-order-icon,.orders-preview__delete-single-order-icon{width:1.5rem;height:auto;border:none}.orders-preview__single-order-div{width:100%;height:100%}.orders-preview__close-icon{width:1.7rem;height:auto;margin:.5rem 0 0 96%;transition:all .5s ease-in-out}.orders-preview__close-icon:hover{color:gray}.orders-preview__single-table-div{margin-top:1.5rem;column-gap:1rem}.orders-preview__single-headline-div{width:20rem;height:37rem;display:flex;flex-direction:column;row-gap:.5rem}.orders-preview__single-order-headline{height:2.5rem;font-size:1.3rem;display:flex;align-items:center;border-bottom:1px solid #e0e0e0}.orders-preview__single-info-div{width:20rem;height:37rem;display:flex;flex-direction:column;row-gap:.5rem}.orders-preview__single-order-info{height:2.5rem;font-size:1.2rem;display:flex;border-bottom:1px solid #e0e0e0}.orders-preview__single-order-id-info,.orders-preview__single-order-client-info,.orders-preview__single-order-employee-info,.orders-preview__single-order-business-info,.orders-preview__single-order-service-info,.orders-preview__single-order-service-value-info,.orders-preview__single-order-quantity-info,.orders-preview__single-order-quantity-service-value-info,.orders-preview__single-order-payment-method-info,.orders-preview__single-order-time-stamp-info,.orders-preview__single-order-note-info{padding:0 .7rem}.orders-preview__single-order-client-info,.orders-preview__single-order-employee-info,.orders-preview__single-order-business-info,.orders-preview__single-order-payment-method-info,.orders-preview__single-order-note-info{justify-content:left;align-items:center}.orders-preview__single-order-id-info,.orders-preview__single-order-service-value-info,.orders-preview__single-order-quantity-info,.orders-preview__single-order-quantity-service-value-info,.orders-preview__single-order-time-stamp-info{justify-content:right;align-items:center}.orders-preview__single-order-service-info{overflow-y:auto;line-height:1.7rem}.orders-preview__single-order-check-icon,.orders-preview__single-order-note-icon,.orders-preview__single-order-attention-icon{width:1.5rem}.orders-preview__single-order-check-icon{color:#52b642}.orders-preview__single-order-note-icon{background-color:#ffde21;color:#000;border-radius:50%}.orders-preview__single-order-attention-icon{color:#b00}.orders-preview__single-order-note-info{overflow-y:auto}.orders-preview__single-order-button-div{column-gap:1rem}.orders-preview__edit-icon,.orders-preview__delete-icon{width:1.5rem;height:auto}.orders-preview__table-div{width:95%;margin:1rem auto;padding-top:2rem;background-color:#fff;box-shadow:2px 2px 8px #0000004d;border-radius:.2rem}.orders-preview__new-order-button{width:12rem;margin:1rem 0 3rem 80%;column-gap:.7rem}.orders-preview__new-order-icon{width:1.5rem;height:auto}.orders-preview__headline-div{width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;text-align:center}.orders-preview__headline{padding:1rem;position:sticky;top:0;font-size:1.3rem;text-align:center;background-color:#fff}.orders-preview__order-preview-div{width:100%;height:65vh;overflow-y:auto}.orders-preview__order-info-div{width:98.7%;margin:1.5rem auto;padding-bottom:.5rem;display:flex;align-items:center;border-bottom:1px solid #e0e0e0}.orders-preview__order-info,.orders-preview__service-total-sum-info{font-size:1.1rem}.orders-preview__service-info{width:17.8%;text-align:left;padding-left:7%}.orders-preview__service-total-sum-info{width:17.5%;text-align:right;padding-right:8%}.orders-preview__payment-status-info{width:25.5%;text-align:center}.orders-preview__check-icon,.orders-preview__note-icon,.orders-preview__attention-icon{width:1.5rem}.orders-preview__check-icon{color:#52b642}.orders-preview__note-icon{background-color:#ffde21;color:#000;border-radius:50%}.orders-preview__attention-icon{color:#b00}.orders-preview__option-div{width:20%;padding-left:3.2%}.orders-preview__button-div{column-gap:1rem}.orders-preview__detail-button{background-color:#fff;border:none}.orders-preview__detail-icon{width:1.5rem;height:auto}.orders-preview__edit-button{background-color:#fff;border:none}.orders-preview__edit-icon{width:1.5rem;height:auto}.orders-preview__delete-button{background-color:#fff;border:none}.orders-preview__delete-icon{width:1.5rem;height:auto;color:#d00}.new-order__form{width:100%;height:100%}.new-order__close-icon{width:1.7rem;height:auto;margin:.5rem 0 0 57.5rem;transition:all .5s ease-in-out}.new-order__close-icon:hover{color:gray}.new-order__lable-and-input-div{margin-top:5rem;column-gap:7rem}.new-order__lable-div,.new-order__input-div{display:flex;flex-direction:column}.new-order__lable-div{row-gap:1.6rem}.new-order__input-div{row-gap:1rem}.new-order__select{width:10.7rem;height:1.7rem;font-size:15px}.new-order .input{width:10rem;height:1.5rem;font-size:1rem;padding-left:.5rem}.new-order__input-check-box{width:5rem;margin-left:47%}.new-order__button-div{margin-top:3rem;column-gap:3rem}.new-order__cancle-button{width:10rem;column-gap:.5rem}.new-order__cancle-icon{width:1.5rem}.new-order__new-order-button{width:12rem;column-gap:.7rem}.new-order__new-order-icon{width:1.5rem;height:auto}.update-order__form{width:100%;height:100%}.update-order__close-icon{width:1.7rem;height:auto;margin:.5rem 0 0 57.5rem;transition:all .5s ease-in-out}.update-order__close-icon:hover{color:gray}.update-order__lable-and-input-div{margin-top:5rem;column-gap:7rem}.update-order__lable-div,.update-order__input-div{display:flex;flex-direction:column}.update-order__lable-div{row-gap:1.6rem}.update-order__input-div{row-gap:1rem}.update-order__select{width:10.7rem;height:1.7rem;font-size:15px}.update-order .input{width:10rem;height:1.5rem;font-size:1rem;padding-left:.5rem}.update-order__input-check-box{width:5rem;margin-left:47%}.update-order__button-div{margin-top:3rem;column-gap:3rem}.update-order__cancle-button{width:10rem;column-gap:.5rem}.update-order__cancle-icon{width:1.5rem}.update-order__update-order-button{width:13rem;column-gap:.7rem}.update-order__update-order-icon{width:1.5rem;height:auto}.orders__headline{margin:3rem 0 0 3rem;font-size:1.7rem}.company-report__headline{margin:1.5rem 0 0 3rem;font-size:2rem}.company-report__table-div{width:95%;height:84vh;margin:1.5rem auto 0;padding:1.5rem 1rem;row-gap:4rem;background-color:#fff;box-shadow:2px 2px 8px #0000004d;border-radius:.2rem}.company-report__button-div{width:100%;column-gap:3rem}.company-report__total-year-button{width:9rem}.company-report__year-report-button{width:8.5rem;margin-left:73%}.company-report__preview{height:71vh;display:flex;flex-direction:column}.company-report__short-table-div{margin-top:7rem}.company-report__short-headline,.company-report__chart-headline{font-size:1.5rem}.company-report__short-text{font-size:1.4rem;margin-top:1.7rem;text-align:center;border-bottom:3px solid #e0e0e0;border-bottom-style:double}.company-report__chart{width:1000px}