*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-weight:400;font-family:Arial,Helvetica,sans-serif}a{color:#21283a;text-decoration:none}ul{list-style:none}:root{--primary-color: #21283a;--secondary-color: #c5b077;--overlay-color: rgba(33, 40, 58, .75);--overlay-error-color: rgba(150, 40, 58, .75);--overlay-success-color: rgba(50, 100, 60, .75);--white-color: #fff;--border-radius: 4px;--border-radius-50: 50%;--delete-color: rgba(150, 0, 0, 1);--invoice-width: 794px}.section-invoice{width:100%;max-width:var(--invoice-width);margin:auto;padding:20px;display:none;opacity:0;flex-direction:column;align-items:center;color:var(--primary-color)}.invoice-header{height:120px;display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;a{height:100%}.invoice-logo{background-color:var(--secondary-color);max-width:100%;height:100%;border-radius:var(--border-radius)}a.hide{display:none}}.invoice-details{padding:8px;display:flex;flex-direction:column;align-items:center;border-radius:4px;&.no-logo{.number,.date{color:#fff}}.title{margin-bottom:8px;padding:2px;font-size:36px;line-height:1;text-align:center}.details-container{display:flex;justify-content:space-between;width:100%}.labels{display:flex;flex-direction:column;align-items:flex-start}.values{display:flex;flex-direction:column;align-items:flex-end}.label{font-weight:600;margin:2px 0}.number,.date{margin:2px 8px}#number,#date{display:inline-block;min-width:95px;text-align:right}}.invoice-payer{height:140px;margin-top:40px;margin-bottom:60px}.invoice-payer .title{margin-bottom:10px;font-weight:600}.invoice-payer p{margin:2px 0;width:auto;position:relative}.invoice-payer .name:before{content:"Name: "}.invoice-payer .id:before{content:"VAT ID: "}.invoice-payer .address:before{content:"Address: "}.invoice-payer .city:before{content:"City: "}.invoice-payer .country:before{content:"Country: "}.invoice-payee{position:absolute;bottom:24px;left:24;right:24;width:calc(100% - 48px);display:flex;justify-content:space-between;padding:10px;border-radius:var(--border-radius);background-color:var(--secondary-color);color:var(--white-color);.bank-details{.title{margin-bottom:4px;color:var(--primary-color);font-size:16px;font-weight:800}.bank,.name,.iban,.swift{font-size:14px}}.address-details{text-align:right;.name{margin-bottom:4px;color:var(--primary-color);font-weight:800;font-size:16px}.position{font-weight:600}a{text-decoration:none}a:first-of-type{color:var(--primary-color)}a:last-of-type{color:var(--white-color)}.id,.address,.city,.position{font-size:14px}}p{margin:4px 0}}.notification-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--overlay-color);justify-content:center;align-items:center;z-index:100}.notification-overlay.show{display:flex}.notification{padding:10px 20px;color:var(--primary-color);background-color:var(--white-color);border:5px solid var(--secondary-color);border-radius:var(--border-radius);text-align:center;user-select:none}.services{width:100%;height:auto;margin-bottom:30px;thead,.expenses-header{text-align:left;background-color:var(--primary-color);border-radius:4px;th{padding:4px 4px 8px;border-radius:var(--border-radius);color:var(--secondary-color);font-size:15px;font-weight:400;i.fa-solid{padding-top:2.5px}}th:first-of-type{padding-left:8px!important}.total-header{text-align:right!important;padding-right:8px!important}}thead,tbody,tfoot{tr{th:not(:first-of-type),td:not(:first-of-type){text-align:center}}}thead,tbody,tfoot{tr{td:not(:first-of-type),td:last-of-type{text-align:right}td.quantity,td.unit-price{text-align:center}td.quantity,td.unit-price,td.subtotal{font-size:13px}}}tbody,tfoot{td{padding:2px}}tbody{tr,tr.service-item-11,tr.service-item-12{td:first-of-type{width:50%}}}tfoot{tr{td{font-size:15px;font-weight:600}}tr:first-of-type{td{padding-top:20px;padding-left:4px;font-size:15px}}tr:last-of-type{td{padding-left:0!important;font-size:18px;font-weight:600}}tr.service-item-11,tr.service-item-12{td{font-weight:400;font-size:15px}}}td.service-name{font-size:13px}td.spacer-bottom{padding-bottom:16px!important}td.spacer-top{padding-top:8px!important}tr.expenses-row td{font-weight:100}*{padding-left:4px!important;padding-right:4px!important}}.retainer-container{margin-top:0;padding-left:8px;padding-right:8px;padding-bottom:8px;margin-bottom:8px;width:100%;display:flex;flex-direction:column;align-items:center;background-color:#eee;border-radius:4px;font-weight:400;font-size:14px;.retainer,.balance{width:100%;display:flex;justify-content:space-between;span,p{font-weight:600}}.retainer{padding-top:4px;margin-bottom:4px}}.toggle-logo.small{margin-bottom:100px}.services.small{margin-top:20px;margin-bottom:100px}.toggle-logo.medium{margin-bottom:70px}.services.medium{margin-top:20px;margin-bottom:70px}.services.large,.toggle-logo.large{margin-bottom:20px}.togglers{display:flex;justify-content:space-between}.toggle{width:fit-content;margin-bottom:20px;padding:5px 4px;display:flex;align-items:center;justify-content:flex-start;gap:10px;background-color:var(--primary-color);border-radius:var(--border-radius);color:var(--white-color);cursor:pointer;label{cursor:pointer}input[type=radio],input[type=radio]:before{width:12px;height:12px;border-radius:var(--border-radius-50)}input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid var(--white-color);position:relative;cursor:pointer;outline:none}input[type=radio]:before{content:"";background:var(--white-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:background .25s}input[type=radio]:checked:before{background:var(--secondary-color)}}.toggle.hide{display:none}.clear-form{width:fit-content;margin-bottom:20px;padding:5px 8px;display:flex;align-items:center;justify-content:flex-start;gap:10px;background-color:var(--delete-color);border-radius:var(--border-radius);color:var(--white-color);cursor:pointer;&:hover{background-color:#960000bf}button{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;color:var(--white-color);font-size:inherit;cursor:pointer;outline:none;background-color:transparent;&:active{transform:scale(.98)}}}.clear-form.hide{display:none}.tools{position:fixed;bottom:0;width:100%;display:flex;align-items:center;justify-content:center;gap:100px;padding:10px;margin:20px auto 0;background-color:var(--primary-color);font-size:24px;button{padding:10px;background-color:var(--primary-color);border:0;border-radius:var(--border-radius);color:var(--white-color);cursor:pointer;font-size:24px;outline:none;transition:color .2s}button:hover{color:var(--secondary-color)}}.invoice{font-family:sans-serif;width:100%;max-width:var(--invoice-width);padding:24px;border:1px solid var(--primary-color);border-radius:var(--border-radius);position:relative}.invoice.printing{margin:20px auto}body{width:100%;min-width:100%;min-height:100vh;display:flex;align-items:center;flex-direction:column}body{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}img{-webkit-user-select:none;-moz-user-select:none;user-select:none}body::-webkit-scrollbar{display:none}.root{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.root>.start{min-height:100vh}.dashboard{text-align:center;position:relative}.MuiOutlinedInput-root,.MuiFilledInput-root,.MuiInputBase-root,.MuiInput-root{border-radius:var(--border-radius)!important}.MuiOutlinedInput-root.Mui-focused:not(.total) fieldset{border:2px solid #21283a!important;color:#21283a!important}.MuiInputBase-root{height:52px!important}.MuiInputBase-input{font-size:14px!important}.MuiInputLabel-root{color:#21283a!important}.MuiPopper-root.MuiAutocomplete-popper{z-index:100}.btn{padding:16px 20px!important;height:52px!important;transition:background-color .2s ease-in-out;border-radius:var(--border-radius)!important}.btn.btn-primary{background-color:#21283a;color:#fff!important;&:hover{box-shadow:none;background-color:#344157}&:disabled{background-color:#21283a40;color:#fff}}.btn.btn-secondary{background-color:#21283a8d;color:#fff!important;&:hover{box-shadow:none;background-color:#21283a6e}&:disabled{background-color:transparent}}.btn.btn-success{background-color:#416c41;color:#fff!important;box-shadow:none;&:hover{box-shadow:none;background-color:#4d7d4d}&:disabled{background-color:#416c4140;color:#fff}}.btn.btn-info{background-color:#c5b077;color:#fff;&:hover{box-shadow:none;background-color:#d0bc87}&:disabled{background-color:#c5b07740;color:#fff}}.btn.btn-danger{background-color:#c84242;color:#fff!important;&:hover{box-shadow:none;background-color:#d14e4e}&:disabled{background-color:#c8424240;color:#fff}}.btn.btn-expenses{background-color:#4d80b3;color:#fff;&:hover{box-shadow:none;background-color:#588dc0}&:disabled{background-color:#4d80b340;color:#fff}}.btn.btn-stats{background-color:#7d4d36;color:#fff;&:hover{box-shadow:none;background-color:#8a5941}&:disabled{background-color:#7d4d3640;color:#fff}}.btn.btn-exchange{background-color:#36417d;color:#fff;&:hover{box-shadow:none;background-color:#404c8f}&:disabled{background-color:#36417d40;color:#fff}}.btn.action{height:48px;min-width:48px}.textCentered input{text-align:center}.noEvents{pointer-events:none;.textCentered input{text-align:center}}.thumbnail-image{width:80px;height:100px;object-fit:cover;object-position:top;display:block}img.MuiCardMedia-root{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.action-btns{opacity:.5}.action-btns.fade-in{opacity:1;transition:opacity .5s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.show-content{animation:fadeIn .5s ease-out}.profile-image{border-radius:50%!important;width:90px;height:90px;object-fit:cover;border:1.5px solid #c5b077}h5>.MuiSvgIcon-root{font-size:2.5rem}.MuiTab-root{transition:all .3s ease}.message-item{transition:transform .2s ease}.message-item:hover{transform:translate(4px)}.disabled-strikethrough{position:relative;pointer-events:none}.disabled-strikethrough:after{content:"";position:absolute;top:47.5%;left:7.5%;width:85%;height:3px;background:#c84242;transform:rotate(-45deg);transform-origin:center;z-index:2;border-radius:var(--border-radius)}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.pulse-animation{animation:pulse 2s infinite}.color-primary{background-color:#21283a!important;color:#fff!important}.color-primary:hover{background-color:#344157!important}.color-primary-text{color:#21283a!important}.border-primary{border-color:#21283a!important}.color-success{background-color:#416c41!important;color:#fff!important}.color-success:hover{background-color:#4d7d4d!important}.color-success-text{color:#416c41!important}.color-info{background-color:#c5b077!important;color:#fff!important}.color-info:hover{background-color:#d0bc87!important}.color-info-text{color:#c5b077!important}.color-danger{background-color:#c84242!important;color:#fff!important}.color-danger:hover{background-color:#d14e4e!important}.color-danger-text{color:#c84242!important}.color-expenses{background-color:#4d80b3!important;color:#fff!important}.color-expenses:hover{background-color:#588dc0!important}.color-expenses-text{color:#4d80b3!important}.color-stats{background-color:#7d4d36!important;color:#fff!important}.color-stats:hover{background-color:#8a5941!important}.color-stats-text{color:#7d4d36!important}.color-exchange{background-color:#36417d!important;color:#fff!important}.color-exchange:hover{background-color:#404c8f!important}.color-exchange-text{color:#36417d!important}.color-primary:disabled,.color-success:disabled,.color-info:disabled,.color-danger:disabled,.color-expenses:disabled,.color-stats:disabled,.color-exchange:disabled{background-color:#0000001f!important;color:#00000042!important}.selected.color-primary{background-color:transparent!important;color:#21283a!important}.selected.color-success{background-color:transparent!important;color:#416c41!important}.selected.color-info{background-color:transparent!important;color:#c5b077!important}.selected.color-danger{background-color:transparent!important;color:#c84242!important}.selected.color-expenses{background-color:transparent!important;color:#4d80b3!important}.selected.color-stats{background-color:transparent!important;color:#7d4d36!important}.selected.color-exchange{background-color:transparent!important;color:#36417d!important}:root{--blue-color: #21283a;--blue-color-dark: #0a111d;--blue-color-medium: #172540;--blue-color-light: #293246;--golden-color: #c5b077;--grey-dark-color: #abadb4;--grey-light-color: #c3c9d9;--white-color: #fff;--black-color: #000;--dashboard-color: #fff3e4;--primary-color: var(--blue-color);--secondary-color: var(--golden-color);--transparent-bg-color-body: rgba(33, 40, 58, .35);--transparent-bg-color-img: rgba(33, 40, 58, .35);--transparent-bg-color: rgba(33, 40, 58, .65);--transparent-bg-color-banner: rgba(33, 40, 58, .75);--transparent-bg-color-btn: rgba(33, 40, 58, .85);--transparent-bg-color-sticky-header: rgba(33, 40, 58, .975);--transparent-bg-color-mobile-menu: rgba(33, 40, 58, .975);--form-error-color: #d86363;--form-add-color: var(--primary-color);--form-delete-color: #c84242;--form-update-color: #416c41;--form-success-color: var(--primary-color);--form-sent-color: var(--secondary-color);--toast-info-color: var(--primary-color);--toast-success-color: #416c41;--toast-error-color: #c84242;--border-radius: 8px;--border-radius-large: 12px;--border-radius-none: 0px;--border-radius-mobile: 8px;--border-radius-mobile-large: 12px;--mobile: 10px;--box-shadow: rgba(33, 40, 58, .15);--box-shadow-none: rgba(33, 40, 58, .15);--box-shadow-submenu: rgba(33, 40, 58, .15);--box-shadow-hover: rgba(33, 40, 58, .25);--width-before-pseudo-el: 38px;--width-left-col: 100%;--height-header: 90;--offset: 130;--offset-top-hero: -(var(--height-header) + var(--offset));--padding-top-banner: abs(var(--offset-top-hero));--padding-desktop: 40px;--padding-y-desktop: 40px 0;--padding-x-desktop: 0 40px;--padding-tablet: 20px;--padding-y-tablet: 20px 0;--padding-x-tablet: 0 20px;--padding-mobile: 10px;--padding-y-mobile: 10px 0;--padding-x-mobile: 0 10px;--margin-desktop: 40px;--margin-y-desktop: 40px auto;--margin-x-desktop: 0 40px;--margin-tablet: 20px;--margin-y-tablet: 20px auto;--margin-x-tablet: 0 20px;--margin-mobile: 10px;--margin-y-mobile: 10px auto;--margin-x-mobile: 0 10px;--desktop: 40px;--tablet: 20px;--height-before-pseudo-el: 1px;--height-after-pseudo-el: 1px;--container-1200: 1200px;--container-1400: 1400px;--container-1600: 1600px}