body{background-color:#fff}.btn{--bs-btn-padding-x:16px;--bs-btn-padding-y:8px;font-size:14px;border-radius:25px}.btn.btn-lg{--bs-btn-padding-x:24px;--bs-btn-padding-y:12px;font-size:16px}.btn-primary{--bs-btn-color:#ffffff;--bs-btn-bg:#1B3DD4;--bs-btn-border-color:#1B3DD4;--bs-btn-hover-color:#ffffff;--bs-btn-hover-bg:#1736bd;--bs-btn-hover-border-color:#1736bd;--bs-btn-active-color:#ffffff;--bs-btn-active-bg:#1736bd;--bs-btn-active-border-color:#1736bd}.btn-ot-primary{--bs-btn-color:#1B3DD4;--bs-btn-bg:#ffffff;--bs-btn-border-color:#093EDC80;--bs-btn-hover-color:#ffffff;--bs-btn-hover-bg:#1B3DD4;--bs-btn-hover-border-color:#1B3DD4;--bs-btn-active-color:#ffffff;--bs-btn-active-bg:#1B3DD4;--bs-btn-active-border-color:#1B3DD4}.btn-in-border{--bs-btn-border-color:#cfcfcf;--bs-btn-hover-border-color:#000}.btn-in-primary{--bs-btn-color:#ffffff;--bs-btn-bg:#f2bc35;--bs-btn-border-color:#f2bc35;--bs-btn-hover-color:#ffffff;--bs-btn-hover-bg:#deab2d;--bs-btn-hover-border-color:#deab2d;--bs-btn-active-color:#ffffff;--bs-btn-active-bg:#deab2d;--bs-btn-active-border-color:#deab2d}.btn-in-green{--bs-btn-color:#ffffff;--bs-btn-bg:#53b931;--bs-btn-border-color:#53b931;--bs-btn-hover-color:#ffffff;--bs-btn-hover-bg:#48a628;--bs-btn-hover-border-color:#48a628;--bs-btn-active-color:#ffffff;--bs-btn-active-bg:#48a628;--bs-btn-active-border-color:#48a628}.btn-in-logout{--bs-btn-color:#ffffff;--bs-btn-bg:none;--bs-btn-border-color:#ffffff;--bs-btn-hover-color:#ffffff;--bs-btn-hover-bg:#DC3545;--bs-btn-hover-border-color:#DC3545;--bs-btn-active-color:#ffffff;--bs-btn-active-bg:#DC3545;--bs-btn-active-border-color:#DC3545}.btn-in-folder{--bs-btn-color:#575757;--bs-btn-bg:#ffffff;--bs-btn-border-color:#0C1F3C1F;--bs-btn-hover-color:#111F3A;--bs-btn-hover-bg:#F5F5F7;--bs-btn-hover-border-color:#0C1F3C1F;--bs-btn-active-color:#ffffff;--bs-btn-active-bg:#1B3DD4;--bs-btn-active-border-color:#1B3DD4}.btn-ot-folder-add{width:39px;height:39px;display:flex;padding:0;justify-content:center;align-items:center}.alert{margin:20px 0;border:none;border-radius:10px}.action-btn{color:#6b6a6a;border:none;text-align:center}.action-btn .icon{margin-bottom:6px;font-size:18px}.action-btn .text{font-size:13px}.action-btn>span{display:block}.action-btn:hover{color:#1b3dd4}.indicator{position:fixed;left:0;top:0;display:none;width:100vw;height:100vh;justify-content:center;align-items:center;background-color:rgba(0,0,0,.2)}.indicator.htmx-request{display:flex}.header{padding:15px 0;border-bottom:1px solid #0c1F3C1F;background-color:#f5f5f7}.header .logo{color:#fff;font-size:26px;font-weight:600}.header .navbar{padding:0}.header .nav-item{margin-left:10px}.header .nav-link{padding:8px 18px;color:#111f3a;font-size:13px;font-weight:600;border:1px solid transparent;border-radius:25px}.header .nav-link:hover{border-color:#111f3a}.header .nav-link.new{color:#1b3dd4;border-color:#093EDC80}.header .nav-link.new:hover{color:#fff;background-color:#1b3dd4}.header .nav-link.user{width:45px;height:45px;padding:0;display:flex;color:#6b6a6a;font-size:18px;justify-content:center;align-items:center;border:1px solid #0c1F3C1F;border-radius:50%}.header .nav-link.user img{width:100%;height:100%;border-radius:50%}.header .nav-link.user:hover{color:#1b3dd4;border-color:#1b3dd4}.avatar{width:100px;height:100px;border-radius:50%}.avatar img{width:100%;height:100%;border-radius:50%}.card.with-table .card-body{padding:0}.card .card-body:has(.data-table){padding-left:0;padding-right:0}.data-table th{padding:20px 10px;color:#0c1F3C99;font-weight:500;border-bottom:1px solid #0c1F3C1F}.data-table td{padding:10px;border:none}.data-table tr:nth-of-type(odd) td{background-color:#f5f5f7}.data-table tr:hover>td{background-color:#093EDC0A}.data-table a:not(.btn){color:#1b3dd4;text-decoration:none}.data-table a:not(.btn):hover{text-decoration:underline}.card{--bs-card-border-radius:10px;--bs-card-border-color:#0C1F3C1F}.invoice-items{vertical-align:middle}.invoice-items th{color:#1b3dd4;font-weight:400;background-color:#093EDC0A}.data-table td:first-of-type,.data-table th:first-of-type,.invoice-items td:first-of-type,.invoice-items th:first-of-type{padding-left:1.5rem}.data-table td:last-of-type,.data-table th:last-of-type,.invoice-items td:last-of-type,.invoice-items th:last-of-type{padding-right:1.5rem}.btn-row-remove{cursor:pointer;color:#6b6a6a;font-size:24px;border-radius:50%;border:none;outline:0;background:0 0}.invoice-total-wrapper{padding:20px;background-color:#f5f5f7}.invoice-total{display:flex;margin-left:50%;color:#111f3a;font-size:20px;font-weight:500;align-items:end}.invoice-total .amount{flex-grow:1;font-size:24px;font-weight:700;text-align:right}.contact a{color:#1b3dd4;text-decoration:none}.contact a:hover{text-decoration:underline}.contact-info{font-size:14px;font-weight:500}.footer{padding:20px}.custom-select,.invoice-item-search{position:relative}.custom-select-dropdown,.invoice-item-search .item-search-dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;z-index:1000;display:none;min-height:54px;max-height:200px;overflow-y:auto;border-radius:5px;background-color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.1)}.custom-select-dropdown>div,.invoice-item-search .item-search-dropdown>div{padding:3px 10px;cursor:pointer;color:#6b6a6a;font-size:14px}.custom-select-dropdown>div.active,.custom-select-dropdown>div:hover,.invoice-item-search .item-search-dropdown>div:hover{color:#000;background-color:#f6f6f6}.spinner{display:inline-block;width:15px;height:15px;border-radius:50%;border:.2rem solid rgba(151,159,208,.3);border-top-color:#fff;animation:1s spin infinite linear}.htmx-indicator{display:none}.htmx-request .htmx-indicator{display:inline-block}.htmx-request.htmx-indicator{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth{display:flex;height:100vh;justify-content:center;align-items:center}.auth .alert-wrap{max-width:400px;width:100%;margin:0 auto}.auth .content-wrap{max-width:295px;width:100%;margin:0 auto}.auth .content-wrap .logo{margin-bottom:30px;text-align:center}.auth .content-wrap .content{width:100%}.auth .content-wrap .content h1{margin:0 0 20px;font-size:2em}.auth .content-wrap .content input{padding:15px;border-radius:8px}.auth .content-wrap .content .btn{width:100%;padding:10px 20px}.password-input{position:relative}.password-input input{padding-right:50px}.password-input .show-password{cursor:pointer;position:absolute;right:0;top:0;bottom:0;display:flex;width:50px;justify-content:center;align-items:center;color:#6b6a6a;transition:color .3s}.password-input .show-password:hover{color:#000}.card-body .pagination-wrapper{margin-left:20px;margin-right:20px}.card-body .pagination{justify-content:flex-end}.pagination-wrapper{margin:20px 0 30px;display:flex;justify-content:space-between;align-items:center}.pagination{display:flex;justify-content:center}.pagination .pagination-item{display:block;padding:10px 12px;color:#0c1F3C99;font-size:16px;line-height:16px;font-weight:500;text-decoration:none;border-radius:12px;transition:color .3s,background-color .3s}.pagination .pagination-item:hover{color:#111f3a}.pagination .pagination-item.active{color:#fff;background-color:#1b3dd4}.data-table a.dropdown-item,.dropdown-item{color:#6b6a6a;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s,background-color .3s}.data-table a.dropdown-item:hover,.dropdown-item:hover{color:#000;text-decoration:none;background-color:#f6f6f6}