:root{--primary-color: #29ce81;--hover-color: #22ad6c;--dark-color: #212529}.primary{color:var(--primary-color)}.btn-success{--bs-btn-font-weight: 600;--bs-btn-color: var(--dark-color);--bs-btn-bg: var(--primary-color);--bs-btn-border-color: var(--primary-color);--bs-btn-hover-color: var(--dark-color);--bs-btn-hover-bg: var(--hover-color);--bs-btn-hover-border-color: var(--hover-color);--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);--bs-btn-active-color: var(--dark-color);--bs-btn-active-bg: var(--hover-color);--bs-btn-active-border-color: var(--hover-color)}.btn-outline-secondary{--bs-btn-font-weight: 600}.text-success{color:var(--primary-color)!important}.address{font-size:11pt}.logo-menu{width:3em}.logo-login{width:6em}.container{max-width:930px}.payment-container{max-width:480px}.note-container{max-width:530px}.report-container{max-width:300px}.link{color:var(--primary-color)}.link:hover{color:var(--hover-color)}.menu{color:var(--primary-color);text-decoration:none;font-size:11pt}.menu.active,.menu:hover{color:#1c8a57}.logout{color:red}.form-signin{max-width:330px;padding:1rem}.form-signin .form-floating:focus-within{z-index:2}input{border-radius:5px;margin-bottom:10px}.danger{background-color:#ffbdbd;color:#8b0000}.success{background-color:#caffbd;color:#116400}.red{color:red}.green{color:green}.txt-cei{font-size:8pt}.table-container{max-height:20em;overflow-y:auto}thead th{position:sticky;top:0;z-index:1}.bi{display:inline-block;width:1rem;height:1rem}@media (min-width: 768px){.sidebar .offcanvas-lg{position:-webkit-sticky;position:sticky;top:48px}.navbar-search{display:block}}.sidebar-heading{font-size:.75rem}.navbar-brand{padding-top:.75rem;padding-bottom:.75rem;background-color:#00000040;box-shadow:inset 1px 0 #00000040}.navbar .form-control{padding:.75rem 1rem}.welcome{margin-top:10%}.justify{text-align:justify}.btn-outline-person{color:var(--primary-color);border-color:var(--primary-color)}.btn-outline-person:hover{color:#212529;background-color:var(--primary-color);border-color:var(--primary-color)}.banner{background-image:url(/assets/img2-DYNi7TUj.webp)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{opacity:0;animation-name:fadeIn;animation-duration:.5s;animation-fill-mode:forwards}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity .5s ease-out,transform .8s ease-out}.fade-in-section.visible{opacity:1;transform:translateY(0)}.icon{font-size:3em}