.sidebar-main{width:100vw;transition:all .7s ease-in-out;display:flex;align-items:center;justify-content:space-evenly;flex-direction:row;position:absolute;bottom:-140px}.dark-sidebar{background-color:var(--dark-lighter)}.dark-sidebar p{color:#fff!important}.light-sidebar{background-color:var(--white);box-shadow:0 8px 24px hsla(210,8%,62%,.2)}.light-sidebar p{color:var(--dark-gray)!important}.light-sidebar div:hover{background-color:var(--gray)}.dark-sidebar div:hover{background-color:var(--darker)}.sidebar-main p{font-size:smaller;font-weight:700}.sidebar-main a{text-decoration:none}.icon-name-wrap:hover{background-color:var(--gray);cursor:pointer}.icon-name-wrap-overview{color:var(--green)!important;flex-direction:row;align-items:center;padding:10px;position:relative;display:flex;flex-direction:column}.icon-name-wrap-overview:hover{background-color:var(--gray);cursor:pointer}.overview-text{color:var(--green)!important}.icon-name-wrap{flex-direction:row;align-items:center;justify-content:flex-start;margin:0;display:flex;flex-direction:column}.close-sidebar{display:none}@media (min-width:768px){.sidebar-main{min-height:100vh;top:0;width:300px;bottom:0;left:0;margin-right:20px;align-items:center;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:100px 5px 5px;z-index:100}.close,.sidebar-main{transition:all .7s ease-in-out;overflow:hidden}.close{width:60px}.icon-rotate{transition:transform .3s ease-in-out;transform:rotate(180deg);z-index:1;position:absolute}.sidebar-main p{padding:20px 30px;font-size:smaller;font-weight:700}.icon-name-wrap:hover{background-color:var(--gray);cursor:pointer}.icon-name-wrap-overview{display:flex;flex-direction:row;align-items:center;padding:10px 0 10px 10px;position:relative;width:300px}.icon-name-wrap-overview:hover{background-color:var(--gray);cursor:pointer}.overview-text{color:var(--green)!important}.icon-name-wrap{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:10px 0 10px 10px;margin:0;position:relative;width:300px}.close-sidebar{display:inline;position:absolute;left:20px;top:-70px}.sidebar-main-close{margin-right:20px;padding-top:40px;padding-left:5px;height:100vh;width:2vw;background-color:var(--white);cursor:pointer;box-shadow:0 8px 24px hsla(210,8%,62%,.2);animation:fadeIn 2s .5s forwards;transition:.5s}.sidebar-main-close:hover{background-color:var(--mid-gray)}.dark-light-mode{height:100px;position:absolute;left:15px;top:750px;width:200px;display:flex;flex-direction:row;justify-content:space-between}.theme-switch{display:inline-block;height:34px;position:relative;width:60px}.theme-switch input{display:none}.slider{background-color:var(--gray);border:.3px solid #d5dce3;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:var(--green);bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:var(--white)}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}}.header-main{display:flex;flex-direction:row;justify-content:space-between;padding:20px;font-weight:lighter}.user-icon{border-radius:50%}.search-icon{padding:4px 8px}.search-user{display:flex;flex-direction:row;gap:20px;align-items:center}.search-bar-dark,.search-bar-light{position:relative;transition:all 1s;width:50px;height:50px;box-sizing:border-box;border-radius:10px;border:3px solid var(--mid-gray);padding:5px 0;box-shadow:0 0 50px -21px rgba(0,0,0,.1);color:var(--dark-gray)}.search-bar-dark input,.search-bar-light input{position:absolute;top:0;left:0;width:100%;height:42.5px;line-height:30px;outline:0;border:0;display:none;font-size:14px;font-weight:lighter;border-radius:20px;padding:0 20px}.search-bar-dark .fa,.search-bar-light .fa{box-sizing:border-box;padding:10px;width:42.5px;height:42.5px;position:absolute;top:0;right:0;text-align:center;font-size:1.2em;transition:all 1s}.search-bar-light:hover,.search-bar-light:valid{width:170px;cursor:pointer;border:2px solid #c0ced8;transition:all .2s ease-in-out}.search-bar-dark:hover,.search-bar-dark:valid{width:170px;cursor:pointer;border:2px solid #c0ced8;transition:all .2s ease-in-out}.search-bar-light:hover input,.search-bar-light:valid input{display:block;transition:all .2s ease-in-out;background-color:transparent;padding-left:70px;font-size:16px;color:var(--dark-gray)}.search-bar-dark:hover input,.search-bar-dark:valid input{display:block;transition:all .2s ease-in-out;background-color:transparent;padding-left:70px;font-size:16px;color:var(--white)}@media (min-width:768px){.menu-icon{display:none}.header-wrapper{align-items:flex-start}.header-main,.header-wrapper{display:flex;flex-direction:row}.header-main{justify-content:space-between;width:100%;font-size:20px}.search-icon{width:30px;height:25px}.user-icon{width:40px;height:40px}.search-bar-dark,.search-bar-light{width:390px}.search-bar-light:hover,.search-bar-light:valid{width:500px;transition:all .8s ease-in-out}.search-bar-dark:hover,.search-bar-dark:valid{width:500px;transition:all .8s ease-in-out}}.invoice-items-main{text-align:left;margin:0 20px;border-bottom:2px solid var(--green);overflow-y:auto}.table-invoice-items{border-radius:5px;box-shadow:0 0 50px -21px rgba(0,0,0,.1);color:#b2bad5;font-weight:600!important;justify-content:space-between;text-align:center;border-bottom:4px solid var(--gray)}.repeated-row,.table-invoice-items{padding:20px 10px;font-size:12px;display:flex;flex-direction:row;align-items:center}.repeated-row{justify-content:space-evenly;gap:0;text-align:left;border-bottom:2px solid var(--mid-gray)}.add-new-line{width:48%;justify-content:space-evenly}.add-new-line,.export-pdf{padding:10px 15px;color:var(--lighter-blue);background-color:var(--white);border-radius:5px;font-weight:600;font-size:14px;border:none;border:2px solid var(--mid-gray);box-shadow:0 0 50px -21px rgba(0,0,0,.1);display:flex;flex-direction:row;align-items:center}.export-pdf{width:150px;width:48%;justify-content:space-between}.plain-text{color:var(--text-gray);text-align:left;font-size:16px;font-weight:500;margin:30px 0}.buttons{display:flex;flex-direction:row;justify-content:space-between;margin:20px 0;text-align:left}.check-box,.empty-header-check-box{width:25px;margin-right:5px;text-align:left}.empty-table{text-align:center;font-size:18px;padding:10px;width:100%}.price,.price-b,.qty,.qty-b,.unit-b{width:40px;font-weight:600;text-align:left}.amount,.amount-b,.unit,.unit-b{width:90px;font-weight:600;text-align:left}.name-b,.name-h{width:110px;font-weight:600;text-align:left}.price-b input,.qty-b input,.unit-b select{width:80%}.name-b input,.price-b input,.qty-b input,.unit-b select{border:none;text-align:left;box-shadow:0 0 50px -21px rgba(0,0,0,.1);padding:5px 0;font-size:12px;font-weight:600}.name-b input{width:100%}@media (min-width:768px){.repeated-row{gap:0;padding:20px 10px;text-align:left;font-size:14px;font-weight:400;border-bottom:2px solid var(--mid-gray)}.buttons,.repeated-row{display:flex;flex-direction:row;justify-content:space-between}.buttons{gap:20px;margin:20px 0}.buttons div{display:flex;flex-direction:row;gap:20px}.check-box{height:18px;width:18px}.add-new-line{background-color:var(--green);border-radius:5px;border:none;border:2px solid var(--green)}.add-new-line,.export-pdf{padding:10px 15px;color:var(--white);font-weight:600;font-size:14px;margin:10px 0;width:150px}.export-pdf{background-color:var(--lighter-blue);border-radius:5px;border:none}.export-pdf,.export-pdf:hover{border:2px solid var(--lighter-blue)}.export-pdf:hover{color:var(--lighter-blue);background-color:var(--white);transition:all .3s ease;cursor:pointer}.check-box,.empty-header-check-box{width:30px}.amount,.amount-b,.price,.price-b,.qty,.qty-b,.unit,.unit-b{width:15%}.name-b,.name-h{width:20%}.add-new-line:hover{color:var(--green);background-color:var(--white);border:2px solid var(--green);transition:all .3s ease;cursor:pointer}.price-b input,.qty-b input,.unit-b select{width:70px}.name-b input,.price-b input,.qty-b input,.unit-b select{border:none;text-align:left;box-shadow:0 0 50px -21px rgba(0,0,0,.1);padding:5px 0;font-size:18px;font-weight:400;background-color:transparent}.name-b input{width:100%}.tax-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end}.section-input{width:100%;text-align:center;padding:20px 10px;border:none;font-size:large;font-weight:500}}.employees-main{display:flex;flex-direction:row}