﻿.section-financial-transactions>.row{align-items:flex-start;display:flex;gap:2rem}@media(max-width:767px){.section-financial-transactions>.row>.left,.section-financial-transactions>.row>.right{display:none}}.section-financial-transactions .list-hexagon{display:grid;grid-template-columns:repeat(2,1fr);margin-top:42px}.section-financial-transactions .list-hexagon .item{display:flex;margin:0 -.4rem}.section-financial-transactions .list-hexagon .item:nth-child(odd){transform:translateY(-50%)}.section-financial-transactions .list-hexagon .anchor{align-items:center;background-image:url("../image/hexagon.png");background-position:center;background-repeat:no-repeat;color:var(--color-white);display:flex;flex-direction:column;font-weight:700;font-size:var(--font-size-minimal);gap:.4rem;height:84px;width:91px;justify-content:center;line-height:1.2;padding:.5rem;text-align:center;transition:background-image var(--transition)}.section-financial-transactions .list-hexagon .item.-active .anchor,.section-financial-transactions .list-hexagon .anchor:hover{background-image:url("../image/hexagon-over.png")}.section-financial-transactions .list-hexagon .picture img{max-width:28px}@media(max-width:767px){.section-financial-transactions .labels-wrapper{width:100%}}.section-financial-transactions .middle{display:flex;flex-direction:column;gap:2rem;width:100%}.section-financial-transactions .form{width:100%}.section-financial-transactions .labels{display:flex;gap:1rem}.section-financial-transactions .labels .label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.section-financial-transactions .labels .square{align-items:center;border:2px solid var(--color-dark-gray);border-radius:.2rem;display:flex;height:1rem;width:1rem;justify-content:center}.section-financial-transactions .labels .square::before{background-color:var(--color-light-blue);border-radius:.2rem;content:"";height:.5rem;width:.5rem;opacity:0;transition:opacity var(--transition),visibility var(--transition);visibility:hidden}.section-financial-transactions .labels .label:hover .square::before,.section-financial-transactions .labels input[type=radio]:checked+.label .square::before{opacity:1;visibility:visible}.section-financial-transactions .button.-eye{background-color:var(--color-light-blue);border-radius:50%;height:26px;width:26px;position:absolute;right:8px;top:-2px}.section-financial-transactions .fieldset .row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem}@media(max-width:767px){.section-financial-transactions .fieldset .row{flex-direction:column-reverse}}.section-financial-transactions .fieldset.-row .row{flex-direction:column}.section-financial-transactions .fieldset.-row .row.-right{align-items:flex-end;gap:.4rem}.section-financial-transactions .fieldset.-row .row:not(:last-of-type){border-bottom:2px solid var(--color-light-gray);padding-bottom:1rem}.section-financial-transactions .fieldset.-row .wrapper{align-items:flex-end;flex-direction:row;width:100%}@media(max-width:767px){.section-financial-transactions .fieldset.-row .wrapper{display:flex!important;flex-direction:column;width:100%!important}}.section-financial-transactions .fieldset.-row .col{flex:0 0 auto}.section-financial-transactions .fieldset.-row .col.flex-1{flex:1}@media(max-width:767px){.section-financial-transactions .fieldset.-row .col{width:100%!important}}.section-financial-transactions .fieldset .left{border-right:2px solid var(--color-light-gray);display:flex;flex-direction:column;gap:2rem;width:calc(100% - 128px - 2rem - 1rem);padding-right:2rem}@media(max-width:767px){.section-financial-transactions .fieldset .left{border-top:2px solid var(--color-light-gray);border-right:0;width:100%;padding:2rem 0 0 0!important}}.section-financial-transactions .fieldset .right{width:calc(128px + 1rem);max-height:506.8px;overflow-x:hidden;overflow-y:auto}@media(max-width:767px){.section-financial-transactions .fieldset .right{width:100%}}.section-financial-transactions .fieldset .wrapper{display:flex;flex-direction:column;gap:1rem}.section-financial-transactions .fieldset .col{align-items:flex-start;display:flex;flex-direction:column;position:relative}@media(max-width:767px){.section-financial-transactions .fieldset .col{flex-direction:column!important}}.section-financial-transactions .list-value{display:flex;flex-direction:column;gap:1rem;padding-right:1rem}.section-financial-transactions .list-value .count{color:var(--color-dark-gray);font-size:var(--font-size-minimal)}.section-financial-transactions .buttons{display:flex;gap:.4rem;justify-content:flex-end}.section-financial-transactions .buttons i{color:var(--color-light-blue)}.section-financial-transactions .col-inner{border-left:3px solid var(--color-dark-blue);border-bottom-left-radius:1rem;margin:.5rem 0 0 2rem;padding:2rem}.section-financial-transactions .col-inner .col{flex-direction:row}.section-financial-transactions .asterisk{color:var(--color-red);display:contents}.section-financial-transactions input[type=search]{width:calc(50% - 140px);min-width:240px}@media(max-width:767px){.section-financial-transactions input[type=search]{width:100%}}.section-financial-transactions .fieldset .label:hover .square::before,.section-financial-transactions .fieldset input[type=checkbox]:checked+.label .square::before{opacity:1;visibility:visible}.section-financial-transactions .checkboxes .label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.section-financial-transactions .checkboxes .square{align-items:center;border:2px solid var(--color-dark-gray);border-radius:.2rem;display:flex;height:1rem;width:1rem;justify-content:center}.section-financial-transactions .checkboxes .square::before{background-color:var(--color-light-blue);border-radius:.2rem;content:"";height:.5rem;width:.5rem;opacity:0;transition:opacity var(--transition),visibility var(--transition);visibility:hidden}.section-financial-transactions .records-button{align-items:center;display:flex;gap:.4rem}.section-financial-transactions .total_records{align-items:center;display:flex;font-size:var(--font-size-medium);gap:.2rem;margin-right:.4rem}.section-financial-transactions .total_records span{color:var(--color-dark-gray);white-space:nowrap}.section-financial-transactions .total_records strong{color:var(--color-light-blue)}.section-financial-transactions .wrapper-table-caption .caption-wrapper{align-items:center;display:flex;font-size:var(--font-size-medium);gap:.4rem}@media(max-width:767px){.section-financial-transactions .wrapper-table-caption .caption-wrapper{top:42px}}@media(max-width:767px){.section-financial-transactions .wrapper-table-caption .dataTables_wrapper{gap:5rem}}.section-financial-transactions .list-caption{align-items:center;display:flex;gap:.4rem}.section-financial-transactions .list-caption .item{align-items:center;display:flex;gap:.4rem}.section-financial-transactions .list-caption .circle{border-radius:50%;height:.4rem;width:.4rem}.section-financial-transactions .list-caption .circle.-red{background-color:var(--color-light-red)}.section-financial-transactions .list-caption .circle.-yellow{background-color:var(--color-yellow)}.section-financial-transactions .list-caption .circle.-blue{background-color:var(--color-light-blue)}.section-financial-transactions #installmentsContainer{width:50%}.section-financial-transactions #installmentsOutputContainer{border-left:2px solid var(--color-light-blue);border-bottom-left-radius:1rem;padding-left:1rem;margin-left:4rem;max-height:424px;overflow-x:hidden;overflow-y:auto;padding-bottom:1rem;padding-right:1rem;width:50%}.section-financial-transactions #installmentsOutputContainer>div{display:flex;gap:1rem}.section-financial-transactions label.error{background-color:var(--color-red);border-radius:.4rem;bottom:100%;color:#fff;white-space:nowrap;font-size:var(--font-size-medium);left:50%;margin-bottom:.4rem;padding:.2rem .4rem;position:absolute;transform:translateX(-50%)}.section-financial-transactions label.error:after{background-color:#f00;content:"";height:.4rem;width:.4rem;left:50%;position:absolute;top:calc(100% - .1rem);transform:rotate(45deg) translateX(-50%)}.section-financial-transactions .button.-popup{margin:-.4rem;padding:.4rem;position:absolute;right:0;top:50%;transform:translateX(-50%)}.section-financial-transactions .active-inactive{align-items:center;background-color:var(--color-lighten-gray);border-radius:999px;display:flex;height:16px;width:2.2rem;padding:2px;justify-content:flex-start}.section-financial-transactions .active-inactive .circle{border-radius:50%;height:12px;width:12px;background-color:#b0b0b0;border:4px solid #b0b0b0}.section-financial-transactions .active-inactive.-active{justify-content:flex-end}.section-financial-transactions .active-inactive.-active .circle{border:4px solid #4ac063;background-color:#4ac063}.section-financial-transactions .label-wrapper{align-items:center;display:flex;gap:.4rem}.section-financial-transactions .tooltip{display:flex;position:relative}.section-financial-transactions .tooltip:hover>span{opacity:1;visibility:visible}.section-financial-transactions .tooltip i{cursor:pointer}.section-financial-transactions .tooltip>span{background-color:var(--color-darker-gray);border-radius:.4rem;bottom:100%;color:var(--color-white);white-space:nowrap;font-size:var(--font-size-medium);left:50%;margin-bottom:.4rem;opacity:0;padding:.2rem .4rem;position:absolute;transform:translateX(-50%);transition:opacity var(--transition),visibility var(--transition);visibility:hidden}.section-financial-transactions .tooltip>span:after{background-color:var(--color-darker-gray);content:"";height:.4rem;width:.4rem;left:50%;position:absolute;top:calc(100% - .1rem);transform:rotate(45deg) translateX(-50%)}.section-financial-transactions .input-wrapper{width:100%;position:relative}.section-financial-transactions .button.-new-password{color:var(--color-light-blue);font-weight:700;margin-top:.4rem}.section-financial-transactions .np-message{font-weight:700;font-size:var(--font-size-medium)}.section-financial-transactions .np-message.-success{color:var(--color-green)}.section-financial-transactions .np-message.-error{color:var(--color-red)}.section-financial-transactions .error-message{background-color:#f00;border-radius:.4rem;bottom:100%;color:#fff;white-space:nowrap;font-size:var(--font-size-medium);left:50%;margin-bottom:.4rem;opacity:0;padding:.2rem .4rem;position:absolute;transform:translateX(-50%);transition:opacity var(--transition),visibility var(--transition);visibility:hidden}.section-financial-transactions .error-message.-visible{opacity:1;visibility:visible}.section-financial-transactions .error-message:after{background-color:#f00;content:"";height:.4rem;width:.4rem;left:50%;position:absolute;top:calc(100% - .1rem);transform:rotate(45deg) translateX(-50%)}.section-financial-transactions .form.-receipt{display:flex;flex-direction:column;gap:1rem;width:76%;margin:0 12%}.section-financial-transactions .form.-receipt .wrapper-all{border:2px solid var(--color-dark-blue);display:flex;flex-direction:column;gap:2rem;padding:1rem 2rem}.section-financial-transactions .form.-receipt .select2,.section-financial-transactions .form.-receipt .select2-container .select2-selection--single{height:24px}.section-financial-transactions .form.-receipt .select2-container .select2-selection--single .select2-selection__rendered{line-height:24px}.section-financial-transactions .form.-receipt input{height:24px}.section-financial-transactions .form.-receipt h2{color:inherit}.section-financial-transactions #preview-image{object-fit:cover}.section-financial-transactions #popup_message{font-weight:700;font-size:var(--font-size-medium);width:100%;text-align:left}.section-financial-transactions #popup_message.-error{color:var(--color-red)}.section-financial-transactions #popup_message.-success{color:var(--color-green)}.section-financial-transactions .wrapper-form-button-modal{position:relative}.section-financial-transactions .wrapper-form-button-modal .form-button-modal{position:absolute;right:0}@media(max-width:767px){.section-financial-transactions .wrapper-form-button-modal .form-button-modal{position:relative}}.section-financial-transactions .popup-content{position:relative}.section-financial-transactions .-close-modal{position:absolute;top:20px;right:25px;background:none;border:0;font-size:20px;color:#333;cursor:pointer;padding:0}