* {
    font-family: Avenir next, sans-serif !important;
}

.zmdi {
    font-family: 'Material-Design-Iconic-Font' !important;
}

.fa {
    font-family: FontAwesome !important;
}

.input-box { 
    position: relative; 
}

.input-box .date .form-control {
    padding-left: 7px !important;
}

.ui-filter-column > input,
.ui-filter-column .ui-column-customfilter > input,
.input-box input, 
.input-box textarea { 
    display: block !important;
    padding-left: 12px;
}

.ui-filter-column.not-empty > input,
.ui-filter-column.not-empty .ui-column-customfilter > input,
.input-box.not-empty input,
.input-box.not-empty textarea { 
    padding-top: 32px !important;
}

.ui-filter-column.not-empty > input.ui-inputfield,
.ui-filter-column.not-empty .ui-column-customfilter > input,
.ui-filter-column.not-empty .ui-column-customfilter > .ui-selectonemenu,
.input-box.not-empty input,
.input-box.not-empty > .ui-selectonemenu { 
    height: 55px !important;
}

.ui-filter-column.not-empty .ui-column-customfilter .ui-selectonemenu-label {
    padding-top: 32px;
    padding-left: 12px;
}

.input-box.not-empty .ui-selectonemenu-label{
    padding-top: 25px;
    padding-left: 12px;
}

.ui-filter-column.not-empty > input,
.input-box.not-empty > input,
.input-box.not-empty > textarea {
    padding-bottom: 7px;
}

.ui-filter-column.not-empty .intervalo-fecha,
.input-box.not-empty .intervalo-fecha {
    padding-left: 12px;
}

.select.input-box > .placeholder {
    top: -20px;
}

.input-box > .placeholder {
    position: absolute;
    display: block; 
    left: 6px;
    z-index: 9; 
    top: 6px; 
    color: gray;
}

.input-box > .input-group-addon + .form-control + i + .placeholder {
    left: 50px;
}

.input-box > select + .placeholder {
    top: 6px; 
} 

.input-box > .input-group + .placeholder { 
    /*left: 45px;*/
}

.ui-filter-column.not-empty .input-box > .placeholder { 
    top: 6px;
}

.input-box.not-empty > select + .placeholder { 
    top: -16px; 
}

.input-box.not-empty > select { 
    margin-top: 22px;
    padding-left: 10px;
}

.input-box.not-empty > .placeholder { 
    top: 5px; 
}

.select.input-box {
    margin-top: 18px;
}

.group-fields .col-sm-12 {
    display: inline-block;
}

.divisas_field.select::before {
    display: none;
}

.divisas_box .row {
    width: 100% !important;
}

.select.input-box.not-empty > .placeholder {
    top: -21px;
}

.group-fields > .form-group {
    margin-bottom: 0 !important;
}

.select.input-box.not-empty {
    margin-top: 27px;
}

.ui-datatable .ui-column-title{
    font-size: 0.8em;
}

.ui-datatable td {
    white-space: nowrap;
}

th.ui-filter-column .ui-sortable-column-icon {
    position: absolute;
    right: 6px;
    top: 18px;
}

th.ui-filter-column {
    position: relative;
}

.ui-filter-column {
    padding-right: 24px !important;
}

.ui-filter-column .ui-inputfield {
    padding-left: 13px;
}

th.ui-filter-column .placeholder::before{
    font-family: FontAwesome !important;
    content: "\f002";
    padding-right: 5px;
}

.ui-datatable-tablewrapper th, .ui-datatable-data td {
    width: 130px !important;
}

.ui-datatable-tablewrapper th.columna-pequeno, .ui-datatable-tablewrapper td.columna-pequeno {
     width: 100px !important;
}

.ui-datatable-tablewrapper th.columna-medio, .ui-datatable-tablewrapper td.columna-medio {
     width: 130px !important;
}

.ui-datatable-tablewrapper th.columna-grande, .ui-datatable-tablewrapper td.columna-grande {
     width: 150px !important;
}

.ui-datatable-tablewrapper th.columna-extra-grande, .ui-datatable-tablewrapper td.columna-extra-grande {
     width: 200px !important;
}

.ui-datatable-tablewrapper th.columna-extreme-grande, .ui-datatable-tablewrapper td.columna-extreme-grande {
     width: 220px !important;
}

th.columna-funcion, 
td.columna-funcion {
     width: 60px !important;
}

th.columna-checkbox,
td.columna-checkbox {
    width: 35px !important;
    text-align: center;
}

.data-table th, .data-table td{
    font-size: 0.8em;
}

th.columna-checkbox, td.columna-checkbox {
     width: 35px !important;
     text-align: center;
     padding: 13px 5px !important;
}

@media(min-width: 991px) {
    .cuenta-sepa-panel .placeholder {
        font-size: 0.6em;
    }
}

@media(min-width: 1200px) {
    .cuenta-sepa-panel .placeholder {
        font-size: 0.7em;
    }
}

.daterangepicker select.monthselect {
    width: 90px !important;
}

.columna-funcion .zmdi,
.columna-funcion .fa {
    color: #FFFFFF !important;
    font-size: 14px !important;
}

.card-title > .pull-right.table-with-actions {
    margin-right: 105px;
}

.card-title a,
.card-title span {
    margin-right: 10px;
}

.card-title {
    min-height: 10px;
}

.div-buttons-card {
    text-align: right;
}

.div-buttons-card a:not(:last-child),
.div-buttons-card span:not(:last-child) {
    margin-right: 10px;
}

.line_selected {
    background-color: #6b6b6b !important;
}

.mostrar-modal-body label + div {
    padding-left: 30px;
}

div.dataTables_wrapper {
    margin: 0 auto;
}

li.menu-language {
    position: relative;
    margin-right: 15px;
}

li.menu-language .select{
    width: 100px;
}

.logo_login {
    display: block;
}

.card-title .livicon,
.card-title .zmdi {
    margin-right: 10px;
}

a .fa + span, 
a .zmdi + span {
    padding-left: 4px;
}

.slider-div {
    padding: 0 22px !important;
}

.divisa-block {
    border: 2px solid #1a3e53;
    border-radius: 6px;
    color: #FFFFFF;
    background-color: #5daddc;
    width: 65px;
    text-align: center;
    padding: 10px;
    display: inline-block;
    margin-top: 12px;
}

.currency-div .quick-stats:not(:last-child) {
    border-bottom: 1px solid rgb(174, 174, 174);
    margin-bottom: 30px;
}

.currency-div .quick-stats__info > h2 {
    font-size: 1.5vw;
}

.currency-div.horizontal{
    position: absolute;
    right: 15px;
}

body.index-page {
    overflow: hidden;
}

.index-page section.content {
    padding: 0 !important;
}

.header {
    z-index: 2000 !important;
    /*background: white !important;*/
}

video {
    height: calc(100vh - 72px);
    display: block;
    margin-top: 72px;
    object-fit: fill;
}

.navbar {
    background-color: transparent !important;
    border: medium none !important;
    margin-bottom: 0 !important;
}

.logo {
    top: 2px;
    position: relative;
}

.button_container {
    font-size: 27px;
    padding: 0 10px;
}


.button_container:hover {
    opacity: .7;
}

.button_container.active .top {
    transform: translateY(11px) translateX(0) rotate(45deg);
    background: #FFF;
}

.button_container.active .middle {
    opacity: 0;
    background: #FFF;
}

.button_container.active .bottom {
    transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #FFF;
}

.button_container span {
    background: #FFF;
    border: none;
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .35s ease;
    cursor: pointer;
}

.button_container:hover span {
    background: #74a0e5;
}

.button_container span:nth-of-type(2) {
    top: 11px;
}

.button_container span:nth-of-type(3) {
    top: 22px;
}

.overlay {
    position: fixed;
    background: #000;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    z-index: 1999;
}

.overlay.open {
    opacity: .9;
    visibility: visible;
    height: 100%;
}

.overlay.open li {
    -webkit-animation: fadeInRight .5s ease forwards;
    animation: fadeInRight .5s ease forwards;
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
}

.overlay.open li:nth-of-type(2) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.overlay.open li:nth-of-type(3) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s;
}

.overlay.open li:nth-of-type(4) {
    -webkit-animation-delay: .50s;
    animation-delay: .50s;
}

.overlay nav {
    position: relative;
    height: 70%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 50px;
    font-weight: 400;
    text-align: center;
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%;
}

.overlay ul li {
    display: block;
    height: 25%;
    height: calc(100%/ 6);
    min-height: 50px;
    position: relative;
    opacity: 0;
    font-size:0.5em;
    color:white;
}

.overlay ul li a {
    display: block;
    position: relative;
    color: #FFF;
    text-decoration: none;
    overflow: hidden;
}

.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after
{
    width: 100%;
}

.overlay ul li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 3px;
    background: #FFF;
    -webkit-transition: .35s;
    transition: .35s;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }
    100% {
        opacity: 1;
        left: 0;
    }
}

.navbar-default {
    background-image: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.signup-div {
    margin-top: 20px;
}

.modal-title.center{
    text-align: center;
    display: block;
    width: 100%;
}

.registro-cuadro {
    min-width: 250px;
    max-width: 500px;
}

.stage-bar-box-div {
    white-space: nowrap;
}

.stage-bar-box-div > div {
    display: inline-block;
}

.stage-bar-box {
    width: 18px;
}

.stage-bar {
    border: 1px solid gray;
    height: 245px;
    width: 3px;
    margin-left: 4px;
    background-color: gray;
}

.stage-ball {
    border: 6px solid #30bc30;
    height: 0;
    width: 0;
    margin-top: 4px;
    border-radius: 5px;
    position: absolute;
    left: -22px;
}

.stage-ball.hide {
    display: none !important;
}

/* REGISTRO */
#formRegistro\:mensajesRegistro_container{
    left:75%;
    top:8%;
    width: 20%;
}

.checkbox-acepto-politica {
    font-size: 10px;
    display: inline-block;
}

.tabla-archivos {
    border: 1px solid #d4d1d1;
    margin-bottom: 30px;
}

.skin-black-light .wrapper, .skin-black-light .main-sidebar, .skin-black-light .left-side {
    background-color: #eae1d0;
}

.skin-black-light .sidebar-menu>li.header {
    background: #fbf4be;
}

.titulo_intranet {
    width: 70%;
}

.titulo_intranet div {
    padding: 5px;
    width: 82px;
    margin: 8px auto;
    color: #e89c0c;
    text-transform: uppercase;
    border: 1px dashed;
}

.acciones {
    list-style: none;
    -webkit-padding-start: 0px !important;
}

.acciones li {
    float: left;
    margin-right: 15px;
}

.acciones li .zmdi{
    font-size: 18px;
}

.titulo-saldo {
    font-size: 20px;
    font-weight: bold;
}

.valor-saldo {
    font-size: 36px !important;
    font-weight: bold;
    color: #FFFFFF !important;
}

.texto-vincular-cuenta div {
    padding-bottom: 5px;
}

.texto-digitos {
    color: gray;
}

.opcion-transferencia {
    min-height: 200px;
}

.opcion-transferencia h3 {
    font-size: 18px;
}

.opcion-transferencia-interno, .opcion-nueva-cuenta-interno {
    width: 80%;
}

.input-valor {
    display: inline-block;
    width: 163px;
}

.input-moneda {
    display: inline-block;
    margin-left: 10px;
    width: 80px !important;
    top: 13px;
}

.inputs-juntos {
    white-space: nowrap;
    display: inline-block;
    margin-top: -13px;
}

.codigo-transferencia {
    border: 1px solid #000000;
    background-color: gray;
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
    padding: 0 5px;
}

.dashboard-titulo {
    font-size: 10px;
}

.dashboard-valor {
    font-size: 24px;
}

.pequeno-texto .dashboard-titulo {
    font-size: 10px;
}

.pequeno-texto .dashboard-valor {
    font-size: 14px;
}

.icono-caja-dashboard {
    font-size: 44px;
}

.opcion-transferencia-interno .ui-selectoneradio tr,
.opcion-nueva-cuenta-interno .ui-selectoneradio tr {
    height: 40px;
}

.btn-jsf {
    height: 24px;
    padding: 2px 12px;
}

.fc-time {
    display: none;
}

.event_cobro .fc-content{
    background-color: #BCC6BF;
}

.event_pago .fc-content{
    background-color: #C87A6E;
}

.line-top-saldo-cuenta + .line-top-saldo-cuenta {
    border-top: 1px solid rgb(93, 173, 220);
    margin: 0 -10px;
    padding-top: 10px;
}

#dashboardform .cajagrafico .jqplot-xaxis-tick, #dashboardform .cajagrafico .jqplot-yaxis-tick{
	color: white;
}

#dashboardform .jqplot-xaxis-tick{
	-ms-transform: rotate(-50deg); /* IE 9 */
	-webkit-transform: rotate(-50deg); /* Safari 3-8 */
	transform: rotate(-50deg);
	padding-top: 1.5em;
}

#dashboardform .ofertaRendimiento{
	background-color: red;
}

#dashboardform .ofertaAhorro{
	background-color: green;
}

#dashboardform .ofertaNegociacion{
	background-color: orange;
}

#dashboardform .ofertaRendimiento:hover, #dashboardform .ofertaAhorro:hover, #dashboardform .ofertaNegociacion:hover{
	cursor: pointer;
}

.dashboard\.oferta\.ofertaRendimiento{
	color:red;
}

.dashboard\.oferta\.ofertaAhorro{
	color:green;
}

.dashboard\.oferta\.ofertaNegociacion{
	color:orange;
}

.movimientos-list .dataTables_buttons {
    top: -118px !important;
    visibility: hidden !important;
}

#ahorrosChart .flot-text,
#rendimientosChart .flot-text {
    display: none;
}

* {
    font-family: Avenir next, sans-serif !important;
}

.zmdi {
    font-family: 'Material-Design-Iconic-Font' !important;
}

.input-box { 
    position: relative; 
}

li.menu-language {
    position: relative;
    margin-right: 15px;
}

li.menu-language .select{
    width: 100px;
}

.logo_login {
    display: block;
}

.card-title .fa,
.card-title .zmdi {
    margin-right: 5px;
}

/* SuperAdmin */

.sidebar {
    width: 275px !important;
    z-index: 2001 !important;
}

.top-nav__notifications .listview__scroll {
    height: auto !important;
    max-height: 350px;
}

.breadcrumb > .active,
.breadcrumb > li > a {
    color: #ffffff;
}

.modal.fade.show {
    background-color: rgba(19, 19, 19, 0.9) !important;
}

.modal-content {
    border: 1px solid #535353 !important;
}



.btn-recuperar-contrasena {
	border-color: transparent !important;
}

.img-circle {
	width: 200px;
    height: 200px;
    border-radius: 50%;
}

.modal-content .dataTables_buttons{
	position: absolute;
    right: 0;
    top: -34px;
}

.themes {
	z-index: 999999 !important;
}

.divisas_label {
    display: inline-block;
    width: 80px;
    font-weight: bold;
}

.divisas_field {
	display: inline-block;
    width: calc(100% - 85px);
    margin-top: 10px;
}

.divisas_field.select:before {
	right: 17px !important;
}

.select:before {
    display: none;
}

.divisas_box {
    display: flex;
    align-items: center;
    height: 55px;
    padding-top: 0px !important;
    padding-bottom: 10px !important;
}

.text_success,
.text_warning,
.text_danger {
	font-weight: bold;
    font-size: 16px;
    padding-right: 5px;
    display: inline-block;
}

.text_success {
	color: #28a745 !important;
}

.text_warning {
    color: #ffc107 !important;
}

.text_danger {
	color: #dc3545 !important;
}

[data-sa-theme="11"] .card.card_no_border,
.card.card_no_border {
	border: none!important;
    box-shadow: none;
}

.box-body.centered {
	max-width: 600px;
    margin: 0 auto;
}

.card--fullscreen {
	top: 73px !important;
}

.table-responsive > table {
    margin-top: 60px;
}

.table-responsive > table.no-functions {
    margin-top: 0px !important;
}

th[orderable='false']::before {
    display: none;
}

th[orderable='false'] {
    cursor: default !important;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-button {
    display: none;
    height: 13px;
    border-radius: 0px;
    background-color: #eeeeee;
}

::-webkit-scrollbar-button:hover {
    background-color: #eeeeee;
}

::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #a7a7a7;
}

::-webkit-scrollbar-track {
    background-color: #efefef;
}

::-webkit-scrollbar-track:hover {
    background-color: #f0f0f0;
}

::-webkit-scrollbar {
    width: 10px;
}

.dataTables_scrollBody {
    width: 100% !important;
    max-width: 100% !important;
    overflow: auto !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
}

.dataTables_scroll {
    width: 100% !important;
    max-width: 100% !important;
}

.table-responsive {
    overflow: hidden !important;
    width: 100% !important;
}

.toggle-switch-label {
    display: inline-block;
    position: relative;
    bottom: 6px;
}

.select2-container--open {
    z-index: 9999;
}

.table-functions .select2-container {
    padding-left: 20px;
    border-bottom: 1px solid rgba(156, 154, 154, 0.99);
}

.table-functions .select2-container--default .select2-selection--single {
    border-bottom: 0 !important;
}

.select2-selection {
    padding-left: 10px;
}

.select2-dropdown .select2-search--dropdown {
    margin-bottom: 0 !important;
}

.title-tables {
    font-weight: bold;
    margin-top: 14px;
}

.ui-commandlink.ui-widget.view-more {
    font-size: .9rem !important;
}

.label-description {
    color: gray !important;
    margin-left: -10px;
}

.ui-fileupload-row > div:nth-child(2) {
    word-break: break-all;
}

.fc-view {
    overflow: inherit !important;
}

a.resaltar{
    text-decoration: underline;
    color: -webkit-link;
    font-weight: bold;
}

.table-responsive.finpay table {
    margin-top: 0;
    margin-bottom: 0;
}

.table-responsive.finpay .fa-field {
    margin-right: -10px;
    padding-left: 5px;
}

.table-responsive.finpay .table-div {
    width: 100% !important;
    overflow: auto !important;
    margin-bottom: 10px;
}

.table-responsive.finpay .filter-finpay {
    width: calc(100% - 180px);
    display: inline-block;
    padding-left: 25px;
    margin-right: 25px;
}

.table-responsive.finpay .page-size-finpay {
    width: 150px;
    display: inline-block;
    padding-left: 25px;
    margin-right: 25px;
}

.table-responsive.finpay .filter-finpay::placeholder {
    color: black !important;
    text-shadow: none;
}

.table-responsive.finpay .table-div {
    width: 100% !important;
    overflow: auto !important;
}

.table-responsive.finpay th,
.table-responsive.finpay td {
    white-space: nowrap;
    font-size: 0.8em;
}

.pagination-finpay {
    display: flex;
    justify-content: space-between;
}

.pagination-finpay .pagination-number {
    text-align: center;
}

.pagination-finpay .pagination-info {
    display: inline-flex;
    align-items: center;
}

.table-functions {
    display: flex;
    align-items: center;
}

.table-buttons {
    display: flex;
    border-bottom: 1px solid #a5a5a5;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 0 8px;
    margin-left: 10px;
}

.table-buttons i:not(:last-child) {
    margin-right: 10px;
}

.orderable-finpay {
    position: relative;
    cursor: pointer;
}

.orderable-finpay:after {
    content: "\f0dc";
    font-family: FontAwesome !important;
    position: absolute;
    right: 2px;
}

.orderable-finpay.active-order:after {
    content: "\f0dd";
}

.asc .orderable-finpay.active-order:after {
    content: "\f0de";
}

.pagination-finpay .arrow-option .ui-state-disabled {
    background-color: transparent;
}

.pagination-finpay .arrow-option {
    background: #c6c6c6;
    border-radius: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    min-height: 30px;
    padding: 6px;
    margin-right: 8px;
}

.pagination-finpay div.current-page {
    display: inline-flex;
    width: 80px;
    align-items: center;
}

.pagination-finpay div.current-page span {
    white-space: nowrap;
    margin-left: 5px;
}

.pagination-finpay div:not(:last-child) {
    margin-right: 10px;
}

.ui-growl {
    display: none !important;
}

.message-container {
    position: fixed;
    top: 100px;
    right: 30px;
    z-index: 10000;
}

.message-popup {
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: #26b409;
    position: relative;
    padding: 15px 45px 15px 15px;
}

.message-popup.warning {
    background-color: #e77b0b;
}

.message-popup.danger {
    background-color: #e72222;
}

.message-popup::after {
    content: 'X';
    position: absolute;
    right: 15px;
    top: 15px;
}

.header-icon {
    font-size: 1.65rem;
}

/*_____________________________________________________________________________*/
/*_________________________________NEW________________________________________*/

:root {
    --WK_DARK_BLUE: #020F39;
    --WK_BLUE: #263355;
} 
/*_____________________________________________________________________________*/
.main {
    display: flex;
    min-height: 100vh;
    max-height: 100dvh !important;
}
.main__content {
    flex: 1;
    overflow: auto;
}

/*_____________________________________________________________________________*/
/*__HEADER__*/
.header {
    background: #fff !important;
    position: fixed !important;
    box-shadow: 0 4px 20px 0 #22222210 !important;
    border-bottom: 2px solid #22222210;
    padding: 0 30px;
}

.header__logo {
    width: 132px;
}

.header__logo--white {
    filter: drop-shadow(0 0 8px #22222240);
}


/* Language */
.select {
    background: #22222205;
    border-radius: 8px 8px 0 0;
    width: 100% !important;
}

.select .select2 {
    position: relative;
    /*width: 120px !important;*/
    width: 100% !important;
}

.menu-language .select .select2 { width: 120px !important; }
.select2-selection.select2-selection--single {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(156, 154, 154, 0.2) !important;
    min-height: 32px;
}

/* Si el select tiene data-locale="es", aplica la bandera de España al hermano */
.form-control.select2[data-option="es"] + .select2-container .select2-selection--single:after {
    content: '';
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg width="800px" height="800px" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--twemoji" preserveAspectRatio="xMidYMid meet"><path fill="%23C60A1D" d="M36 27a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V9a4 4 0 0 1 4-4h28a4 4 0 0 1 4 4v18z"></path><path fill="%23FFC400" d="M0 12h36v12H0z"></path><path fill="%23EA596E" d="M9 17v3a3 3 0 1 0 6 0v-3H9z"></path><path fill="%23F4A2B2" d="M12 16h3v3h-3z"></path><path fill="%23DD2E44" d="M9 16h3v3H9z"></path><ellipse fill="%23EA596E" cx="12" cy="14.5" rx="3" ry="1.5"></ellipse><ellipse fill="%23FFAC33" cx="12" cy="13.75" rx="3" ry=".75"></ellipse><path fill="%2399AAB5" d="M7 16h1v7H7zm9 0h1v7h-1z"></path><path fill="%2366757F" d="M6 22h3v1H6zm9 0h3v1h-3zm-8-7h1v1H7zm9 0h1v1h-1z"></path></svg>');
    /*background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="iso-8859-1"%3F><svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"><path style="fill:%23FFDA44;" d="M0,256c0,31.314,5.633,61.31,15.923,89.043L256,367.304l240.077-22.261C506.367,317.31,512,287.314,512,256s-5.633-61.31-15.923-89.043L256,144.696L15.923,166.957C5.633,194.69,0,224.686,0,256z"/><g><path style="fill:%23D80027;" d="M496.077,166.957C459.906,69.473,366.071,0,256,0S52.094,69.473,15.923,166.957H496.077z"/><path style="fill:%23D80027;" d="M15.923,345.043C52.094,442.527,145.929,512,256,512s203.906-69.473,240.077-166.957H15.923z"/></g></svg>');*/
    background-size: cover;
    background-repeat: no-repeat;
}

/* Si el select tiene data-locale="en", aplica la bandera de Inglaterra al hermano */
.form-control.select2[data-option="en"] + .select2-container .select2-selection--single:after {
    content: '';
    width: 18px;
    height: 18px;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --><svg width="800px" height="800px" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--twemoji" preserveAspectRatio="xMidYMid meet"><path fill="%2300247D" d="M0 9.059V13h5.628zM4.664 31H13v-5.837zM23 25.164V31h8.335zM0 23v3.941L5.63 23zM31.337 5H23v5.837zM36 26.942V23h-5.631zM36 13V9.059L30.371 13zM13 5H4.664L13 10.837z"></path><path fill="%23CF1B2B" d="M25.14 23l9.712 6.801a3.977 3.977 0 0 0 .99-1.749L28.627 23H25.14zM13 23h-2.141l-9.711 6.8c.521.53 1.189.909 1.938 1.085L13 23.943V23zm10-10h2.141l9.711-6.8a3.988 3.988 0 0 0-1.937-1.085L23 12.057V13zm-12.141 0L1.148 6.2a3.994 3.994 0 0 0-.991 1.749L7.372 13h3.487z"></path><path fill="%23EEE" d="M36 21H21v10h2v-5.836L31.335 31H32a3.99 3.99 0 0 0 2.852-1.199L25.14 23h3.487l7.215 5.052c.093-.337.158-.686.158-1.052v-.058L30.369 23H36v-2zM0 21v2h5.63L0 26.941V27c0 1.091.439 2.078 1.148 2.8l9.711-6.8H13v.943l-9.914 6.941c.294.07.598.116.914.116h.664L13 25.163V31h2V21H0zM36 9a3.983 3.983 0 0 0-1.148-2.8L25.141 13H23v-.943l9.915-6.942A4.001 4.001 0 0 0 32 5h-.663L23 10.837V5h-2v10h15v-2h-5.629L36 9.059V9zM13 5v5.837L4.664 5H4a3.985 3.985 0 0 0-2.852 1.2l9.711 6.8H7.372L.157 7.949A3.968 3.968 0 0 0 0 9v.059L5.628 13H0v2h15V5h-2z"></path><path fill="%23CF1B2B" d="M21 15V5h-6v10H0v6h15v10h6V21h15v-6z"></path></svg>');
    /*background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="iso-8859-1"%3F><svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"><circle style="fill:%23F0F0F0;" cx="256" cy="256" r="256"/><g><path style="fill:%230052B4;" d="M52.92,100.142c-20.109,26.163-35.272,56.318-44.101,89.077h133.178L52.92,100.142z"/><path style="fill:%230052B4;" d="M503.181,189.219c-8.829-32.758-23.993-62.913-44.101-89.076l-89.075,89.076H503.181z"/><path style="fill:%230052B4;" d="M8.819,322.784c8.83,32.758,23.993,62.913,44.101,89.075l89.074-89.075L8.819,322.784L8.819,322.784z"/><path style="fill:%230052B4;" d="M411.858,52.921c-26.163-20.109-56.317-35.272-89.076-44.102v133.177L411.858,52.921z"/><path style="fill:%230052B4;" d="M100.142,459.079c26.163,20.109,56.318,35.272,89.076,44.102V370.005L100.142,459.079z"/><path style="fill:%230052B4;" d="M189.217,8.819c-32.758,8.83-62.913,23.993-89.075,44.101l89.075,89.075V8.819z"/><path style="fill:%230052B4;" d="M322.783,503.181c32.758-8.83,62.913-23.993,89.075-44.101l-89.075-89.075V503.181z"/><path style="fill:%230052B4;" d="M370.005,322.784l89.075,89.076c20.108-26.162,35.272-56.318,44.101-89.076H370.005z"/></g><g><path style="fill:%23D80027;" d="M509.833,222.609h-220.44h-0.001V2.167C278.461,0.744,267.317,0,256,0c-11.319,0-22.461,0.744-33.391,2.167v220.44v0.001H2.167C0.744,233.539,0,244.683,0,256c0,11.319,0.744,22.461,2.167,33.391h220.44h0.001v220.442C233.539,511.256,244.681,512,256,512c11.317,0,22.461-0.743,33.391-2.167v-220.44v-0.001h220.442C511.256,278.461,512,267.319,512,256C512,244.683,511.256,233.539,509.833,222.609z"/><path style="fill:%23D80027;" d="M322.783,322.784L322.783,322.784L437.019,437.02c5.254-5.252,10.266-10.743,15.048-16.435l-97.802-97.802h-31.482V322.784z"/><path style="fill:%23D80027;" d="M189.217,322.784h-0.002L74.98,437.019c5.252,5.254,10.743,10.266,16.435,15.048l97.802-97.804V322.784z"/><path style="fill:%23D80027;" d="M189.217,189.219v-0.002L74.981,74.98c-5.254,5.252-10.266,10.743-15.048,16.435l97.803,97.803H189.217z"/><path style="fill:%23D80027;" d="M322.783,189.219L322.783,189.219L437.02,74.981c-5.252-5.254-10.743-10.266-16.435-15.047l-97.802,97.803V189.219z"/></g></svg>');*/
    background-size: cover;
    background-repeat: no-repeat;
}

/* Arrow */
.select .select2-selection:before {
    border-color: transparent transparent #cecece !important;
    top: 11px !important;
    right: 6px !important;
    transform: rotate(45deg) !important;
    transition: all 400ms ease;
    transform-origin: center;
}

.select .select2-selection[aria-expanded="true"]:before {
    transform: translateY(4px) rotate(225deg) !important;
}

.select2-results__option {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row-reverse;
    gap: 6px;
}

/* Dropdown (language) */ 
.select2-dropdown  {
    box-shadow: 0 10px 20px 0px #00000020 !important;
    border-radius: 4px !important;
    margin-top: 4px !important;
}

.select2-search__field {
    height: 2rem !important;
    border-radius: 4px !important;
    padding-left: 2.3rem !important;
    margin-bottom: 6px !important;
}

.select2-search.select2-search--dropdown::before {
    left: 1.2rem !important;
    top: 0.2rem !important;
}

.select2-results__option.spanish::after {
    content: '';
    width: 16px;
    height: 16px;
    background-image: url("/finpay/resources/img/languages/es-icon.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.select2-results__option.english::after {
    content: '';
    width: 16px;
    height: 16px;    
    background-image: url("/finpay/resources/img/languages/en-icon.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.select2-dropdown .select2-results__option[aria-selected=true] {
    background: var(--WK_BLUE) !important;
    color: white !important;
}

.select2-dropdown .select2-results__option[aria-selected=true]::before {
    display: none;
}

/* Icons */
.header .header-icon { 
    color: var(--WK_DARK_BLUE) !important;
    opacity: 0.8 !important; 
};


.header .header-icon:hover {
    opacity: 1 !important;
}

.top-nav>li>a:hover .header-icon {
    color: black !important;
}

.top-nav>li>a {
    transition: all 200ms ease !important;
}

.top-nav>li>a.active, .top-nav>li>a:hover{
    background-color: rgba(0, 0, 0, 0.05) !important;
    border-radius: 8px !important;
}

.top-nav>li>a:active {
    background-color: rgba(0, 0, 0, 0.04) !important;
    scale: 0.98;
}
 
.user-image {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-weight: bold;
    background: #f6f8ff;
    padding: 4px 10px !important;
    border-radius: 8px !important;
    transition: all 400ms ease !important;
}

.user-image:hover {
    background: #efefef !important;
}

.user-image__icon {
    display: flex !important;
    justify-content: center;
    align-items: center;
    background: linear-gradient(220deg, #0295FF 0%, #5c58ff 100%);
    height: 34px;
    aspect-ratio: 1;
    border-radius: 50px;
}

.user-image__icon i {
    color: white;
    font-size: 18px;
}

/*_____________________________________________________________________________*/
/*__ASIDE__*/
/* Body unlock scroll */
.aside-toggled {
    /*overflow: auto !important;*/
}
.sidebar {
    position: relative !important;
    width: 275px !important;
    z-index: 2001 !important;
    background: var(--WK_DARK_BLUE) !important;
}

/* CLOSED */
.sidebar:not(.toggled) {
    width: 80px !important;
    opacity: 1 !important;
    transform: translate3d(0%, 0, 0) !important;
    transition: all 300ms ease;
}

/* OPENED */
.sidebar.toggled {
    box-shadow: none !important;
    background-color: rgba(0, 0, 0, .96);
    transition: all 300ms ease;
    top: 0;
    height: 100%;
    transform: translate3d(0, 0, 0) !important;
}

.sidebar__company {
    opacity: 0.6;
    border-top: 1px solid #FFFFFF40;
    border-bottom: 1px solid #FFFFFF40;
    padding: 4px 0;
    margin-top: 14px;
    color: white !important;
    text-wrap: nowrap;
}

.sidebar:not(.toggled)  .sidebar__company {
    visibility: hidden;
}

/* NAVIGATION */
.siderbar .ui-commandlink.ui-widget {
    font-size: 19px !important;
}

.sidebar .navigation {
    padding: 20px 0 !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sidebar .navigation>li {
    text-wrap: nowrap;
    overflow: hidden;
    background: #26335540 !important;
    border: 1px solid #ffffff10;
    border-radius: 4px;

}

.sidebar .navigation li span {
}

/* Nav text when aside hidden */
.sidebar:not(.toggled) .navigation li span {
    display: none;
}

.navigation__sub .fa-chevron-down {
    font-size: 12px;
    line-height: 18px;
    opacity: 0.6;
    transition: all 400ms ease;
}

.navigation__sub--toggled .fa-chevron-down {
    transform: rotate(180deg);
}

.sidebar:not(.toggled) .navigation__sub .fa-chevron-down {
    display: none;
}

.sidebar:not(.toggled) .navigation__sub ul {
    border: 1px solid #ffffff20;
}

.sidebar:not(.toggled) .navigation__sub>ul>li>a {
    padding: 10px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.navigation__sub>ul>li:last-child {
    padding-bottom: 0 !important;
}

/* Menu Text + Icon + subitems */
.navigation>li>a>i,
.navigation>li>a>span,
.navigation>.navigation__sub>ul>li>a>i,
.navigation>.navigation__sub>ul>li>a>span {
    color: #fff;
}

/* Menu Text + Icon [ ACTIVE ] */
.navigation>.navigation__active>a,
.navigation>.navigation__sub>ul>.navigation__active>a {
    background-color: var(--WK_BLUE) !important;
}   

.logo {
    padding: 0 !important;
    padding-left: 0px !important;
}

.logo--no-collapsed {
    opacity: 0;
    transition: opacity 200ms ease;
}

.logo--collapsed {
    opacity: 1;
    position: absolute;
    transition: opacity 200ms ease;
}

.sidebar.toggled .logo--no-collapsed {
    opacity: 1;
    
}

.sidebar.toggled .logo--collapsed {
    opacity: 0;
}

/*_____________________________________________________________________________*/
/*__CARD__*/
.card {
    background: white !important;
    box-shadow: 0 0 6px 0 #00000005 !important;
    border: 1px solid #00000020 !important;
}

.card--chart {
    border: none !important;
}

/*_____________________________________________________________________________*/
/*__CHART__*/
.month-control {
    display: flex;
    /*justify-content: flex-end;*/
    align-items: flex-end;
    gap: 8px;
    padding-bottom: 20px;
}

.month-control__btn {
    background: transparent !important;
    height: 14px;
    margin-bottom: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 28px;
    border: none !important;
    cursor: pointer;
    opacity: 0.6;
    transition: all 100ms ease;
}

.month-control__btn:hover {
        opacity: 1;
        scale: 1.03;
        filter: drop-shadow(0px 2px 10px #22222220);
}

.month-control__btn:active {
        opacity: 1;
        scale: 1;
        filter: none;
}

.month-control__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*align-items: flex-end;*/
    margin: 0;
}

.month-control__month-text {
    font-size: 16px;
    opacity: 0.6;
}

.month-control__year-text {
    font-size: 12px;
    opacity: 0.6;
}

/*_____________________________________________________________________________*/
/*__LOGIN__*/
.modal-login {
    position: relative;
    padding: 36px 10px;
    overflow: hidden;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 0 10px 0 #22222240;
    height: 90% !important;
    max-height: 650px !important;
}

.modal-content {
    position: relative;
    border: none !important;
    border-radius: 8px !important;
    box-shadow: 0 0 10px 0 #22222240;
}

.modal-login .modal-body {
    overflow: hidden;
}

.modal-login .modal-footer,
.modal-login .modal-body,
.modal-login .g-recaptcha {
    z-index: 20;
}


.modal-login::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--WK_DARK_BLUE);
    width: 150%;
    height: 400px;
    z-index: 0;
    transform: rotate(15deg) translate(-150px, 300px);
    /* opacity: 0.2; */
    filter: blur(20px);
}

.modal-login  .login__logo {
    margin: 0 auto !important;
}
.modal-content {
    background: var(--WK_BLUE) !important;
}

.modal-content .modal-title {
    font-size: 20px;
    color: white !important;
    margin-bottom: 16px;
    text-transform: uppercase;  
    font-weight: 400;
}

.modal-content .placeholder {
    color: white;
    font-weight: bold;
    opacity: 0.6;
}

.modal-content .form-control {
    border-bottom: 1px solid #ffffff !important;
}

.modal-content .select .select2 {
    width: 100% !important;
}

.modal-content .col-sm-12 {
    color: white !important; 
}

.modal-content .input-group {
    height: 55px !important;
}

.modal-content input {
    color: white !important;
    padding-top: 32px !important;
}

.modal-content input:is(:-webkit-autofill, :autofill) {
    box-shadow: inset 0 0 2px 100px var(--WK_BLUE) !important;
    text-fill: #ffffff;
    -webkit-text-fill-color: #ffffff;
}

.modal-content .input-group-addon {
    border: none !important;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
    filter: drop-shadow(0 0 2px #22222280);
}

.modal-content .input-group-addon i {
    color: white !important;
    font-size: 20px;
    cursor: pointer;
}

.modal-content .form-group--password {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 4px !important;
}

.modal-content .form-group--password a {
    font-size: 12px;
    color: white;
    opacity: 0.8;
}

.modal-content .form-group--password a:hover,
.modal-content .form-group--password a:active,
.modal-content .form-group--password a:focus{
    background: none !important;
    text-decoration: underline;
    box-shadow: none !important;
}

.select2-selection__rendered {}

.g-recaptcha {
    width: fit-content;
    margin: 0 auto !important;
    /*opacity: 0.7;*/
    border: 1px solid white;
    background: white;
    border-top: 2px solid white;
    border-left: 2.5px solid white;
    transform: scale(0.8);
}

.modal-login .modal-footer {
    padding: 0px 30px !important;
}

.modal-footer a  {
    /*background: var(--WK_DARK_BLUE)!important;*/
    background: transparent !important;
    border: 1px solid white !important;
    color: white !important;
    width: 80%;
    padding: 10px 20px;
    font-weight: bold;
    /*text-transform: uppercase;*/
}

.modal-footer a:nth-of-type(2) {
    background: white !important;
    color: var(--WK_DARK_BLUE) !important;
}

.modal-footer a:hover {
    background: #FFFFFF60 !important;
    color: var(--WK_BLUE) !important;
}

.modal-footer a:hover span {
    -webkit-text-fill-color: #FFFFFF;
}

.modal-footer a i {
    font-size: 18px !important;
    color: white !important;
}

.modal-footer a:nth-of-type(2) i {
    color: var(--WK_BLUE) !important;
}

.modal-footer {
    justify-content: center !important;
}
.modal-footer a span {
    font-size: 16px !important;
    color: inherit !important;
}
/*_____________________________________________________________________________*/
/*__DASHBOARD__*/
.content--full {
    padding: 102px 30px 40px !important;
}

.divisa-control {
}

.divisa-control__subtitle {
    font-weight: bold;
    margin-bottom: 0 !important;
    font-size: 14px;
    opacity: 0.4;
}

.divisa-control__current {
    display: flex;
    align-items: center;
    gap: 10px;
}

.divisa-control__amount {
    font-weight: bold;
    font-size: 40px;
}

.divisas_field {
    display: block !important;
    width: 625px !important;
    margin-top: 0 !important;
}

.divisas_field .select2-selection__rendered {
    font-weight: bold;
}

.select2-selection:has(.select2-selection__rendered[title*="EUR"]):after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("/finpay/resources/img/currencies/eur-icon.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.select2-selection:has(.select2-selection__rendered[title*="USD"]):after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("/finpay/resources/img/currencies/usd-icon.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.select2-selection:has(.select2-selection__rendered[title*="GBP"]):after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("/finpay/resources/img/currencies/gbp-icon.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.select2-results__option.eur::after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("/finpay/resources/img/currencies/eur-icon.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.select2-results__option.usd::after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("/finpay/resources/img/currencies/usd-icon.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.select2-results__option.gbp::after {
    content: '';
    width: 20px;
    height: 20px;
    background-image: url("/finpay/resources/img/currencies/gbp-icon.svg");
    background-size: cover;
    background-repeat: no-repeat;
}

.divisa-control__footer-text {
    font-weight: bold;
    opacity: 0.2;
}

/* Buttons */
.divisa-buttons-row {
    display: flex;
    gap: 14px;
    padding: 4px 0;
}

.divisa-buttons-row button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    background: #EBEAFF !important;
    padding: 10px 20px;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer;
    font-size: 14px;
    transition: all 400ms ease;
}
.divisa-buttons-row .ui-button-text-icon-left .ui-button-text {
    padding: 0 0 0 1em;
}

.divisa-buttons-row button:hover {
    box-shadow: inset 0 0 0 50px #22222210, 0 4px 10px 0 #22222220;
    background: var(--WK_DARK_BLUE) !important;
}

.divisa-buttons-row button:hover span
{
    color: white !important; /* Cambia el color del icono y texto a blanco */
}

.divisa-buttons-row button:active {
    box-shadow: inset 0 0 0 50px #22222220;
}

.divisa-buttons-row button span,
.divisa-buttons-row button i {
    color: #5C58FF !important;
}





/* Cards */
.divisa-card-row {
    display: flex;
    gap: 20px;
    padding: 20px 0;
    flex-wrap: wrap;
}

.divisa-card {
    background: #FAFAFA;
    border-radius: 8px;
    padding: 20px;
    width: 250px;
    border: 1px solid #EBEBEB;
}

.divisa-card__icon {
    width: 32px;
    height: 32px;
    background-size: cover;
    background-repeat: no-repeat;
}

.divisa-card__icon--eur {
    background-image: url("/finpay/resources/img/currencies/eur-icon.svg");  
}

.divisa-card__icon--usd {
    background-image: url("/finpay/resources/img/currencies/usd-icon.svg");
}

.divisa-card__icon--gbp {
       background-image: url("/finpay/resources/img/currencies/gbp-icon.svg");

}

.divisa-card__title {
    font-size: 20px; 
    font-weight: bold;
    margin-top: 10px;
}

.divisa-card__amount {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 10px;
}

.divisa-card__footer {
    font-size: 12px;
    background: #DEDDFF;
    border-radius: 1000px;
    padding: 4px 16px;
}

/* TABLE LASTEST MOVEMENTS */
.table-movements {
    width: 100%;
    border-radius: 4px;
    padding: 20px;
    border: 1px solid #EBEBEB;
}

.table-movements__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.table-movements__title {
    font-size: 20px;
    font-weight: bold;
}

.table-movements__btn-all {
    all:unset,
    background: transparent;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    font-size: 14px;
    padding: 4px 10px;
    cursor: pointer;
    transition: all 400ms ease;
}

.table-movements__btn-all:hover {
    box-shadow: inset 0 4px 100px #22222210;
}

.table-movements__btn-all:active {
    box-shadow: inset 0 4px 100px #22222220;
}

.table-movements__col_title {
    font-weight: bold;
    margin-top: 10px;
    justify-content: center !important;
}

.table-movements__row {
    display: flex;
    border-bottom: 1px solid #EBEBEB;
}


.table-movements__cell {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.table-movements__row .table-movements__cell:nth-of-type(1) {
    width: 120px;
    justify-content: flex-start;
}

.table-movements__row .table-movements__cell:nth-of-type(3){
    flex: 1;
}

.table-movements__row .table-movements__cell:nth-of-type(4) {
    width: 150px;
}

.table-movements__row .table-movements__cell:nth-of-type(2) {
    flex: 1;
    justify-content: flex-start;
}

.table-movements__cell .cell-arrow {
    background: #EBEBEB;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    aspect-ratio: 1;
    border-radius: 5px;
    padding: 2px 10px;
}

.table-movements__cell .cell-arrow svg {
    height: 18px;
    widht: 18px;
}

.table-movements__cell .cell-logo {
    background: linear-gradient(270deg, #0295FF 0%, #5C58FF 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    aspect-ratio: 1;
    border-radius: 100px; 
    font-weight: bold;
    color: white;
    font-size: 12px;
    margin-right: 6px;
}

.table-movements__cell .cell-logo i {
    color: white;
    font-size: 14px;
}

.table-movements__cell .movement-name {
    font-weight: bold;
    font-size: 14px;
}

.table-movements__cell .movement-type {
    opacity: 0.4;
    font-size: 12px;
    font-weight: bold;
}

.table-movements__cell .cell-state {
    font-size: 12px;
    border-radius: 4px;
    padding: 2px 10px;
    background: #EBEBEB;
}

.table-movements__cell .cell-state--completed {
    background: #9AEBBF;
}

.table-movements__cell .cell-state--progress {
    background: #FFE6BF;
}

.table-movements__cell .cell-state--pending {
    background: #FF6961;
}

.table-movements__cell .cell-amount {
    font-weight: bold;
    font-size: 16px;
}

.table-movements__cell .cell-amount--positive {
    color: #3CB775;
}
.table-movements__cell .cell-amount--negative {
    color: #B73C75;
}

/*_____________________________________________________________________________*/
/*__REGISTRO__*/
.card-primary-custom .card-title{
    color: #24709A !important;
    border-bottom: 1px solid #22222220;
}

.card-primary-custom {
    background: #E7EEF4 !important;
}

.card-primary-custom .stage-bar-box-div .stage-ball:not(.hide) ~ a {
    background: #80B4D4 !important;
    color: white;
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #24709A60;
}

.card-primary-custom .stage-ball  {
    border-color: #24709A !important;
}

.card-primary-custom .resaltar {
    color: #24709A !important;
}

.modal-content .select2-selection__rendered {
    color: white !important;
}

.modal-content th,
.modal-content td {
    color: white !important;
}

.modal-content .form-group {
    color: white !important;
}

.modal-content .modal-body .row {
    color: white !important;
}

.modal-content li {
    color: white !important;
}

.modal-content .ui-fileupload-files {
    margin-top: 16px !important;
}
.modal-content .ui-fileupload-files>div::after {
    font-size: 12px !important;
    background: #FFFFFF10 !important;
    color: #FFFFFF90 !important;
    border: 2px dashed #FFFFFF90;
}

body {
    overflow: hidden !important;
}||||||| .r3120
}


/*_____________________________________________________________________________*/
/*__FAQ__*/

:root {
    --WK_DARK_BLUE: #020F39;
    --WK_BLUE: #263355;
/*    --WK_LIGHT_BLUE: #212540;*/
    --WK_LIGHT_BLUE: #26335540;
    --WK_GRAY: #fafafa;
}

html {
    scroll-behavior: smooth;
    box-sizing: border-box;
    font-size: 16px;
}

body {
    margin: 0;
    font-family: system-ui;
}

p, h1, h2, h3 {
    margin: 0;
    font-weight: inherit;
}

a {
    text-decoration: none;
}

.c-header {
    border-bottom: 1px solid #e1dede;
    display: flex;
    align-items: center;
    padding: 20px;
}

.c-layout {
    min-height: 100vh;
}

.c-aside {
    background-color: var(--WK_DARK_BLUE);
    padding: 40px 20px;
    display: none;
    gap: 10px;
    height: 1000px;
}

.c-logo {
    width: 100%;
    max-width: 150px;
    text-align: center;
    margin: auto;
}

.c-aside__list {
    margin-top: 30px;
    display: grid;
    gap: 10px;
}

.c-aside__link {
    color: #ffffff;
/*    padding: 15px;*/
    border-radius: 5px;
    background-color: var(--WK_LIGHT_BLUE);
    display: flex;
    align-items: center;
    gap: 10px;
    transition-duration: 300ms;


    &.is-active {
        background-color: var(--WK_BLUE);
    }

    &:hover {
        background-color: var(--WK_BLUE);
    }
}

.c-content {
    margin: 30px auto 0;
    max-width: 1200px;
    width: calc(100% - 200px);
}

.c-title {
    font-size: 20px;
    margin-bottom: 30px;
    font-weight: 600;
}

ul {
    padding: 0;
    list-style: none;
}

.c-faqs {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.c-faqs__answer {
    display: grid;
    transition: 0.5s;
    grid-template-rows: 0fr;
    overflow: hidden;
    border-top: transparent 1px solid;
    margin: 0 15px;
    text-align: left;

}

.c-faqs__item {
    border-radius: 10px;
    background-color: var(--WK_GRAY);
    box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.1);
    transition: 500ms;
}

.c-faqs__content {
    overflow: hidden;
    font-size: 14px;
    color: gray;
    display: flex;
    flex-direction: column;
    gap: 15px
}

.c-faqs__question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition-duration: 500ms;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    border: gray;
    padding: 15px;
    gap: 10px
}

.c-faqs__arrow {
    transition: 0.5s;
    color: gray;
    border: 2px solid gray;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    min-width: 12px;
    height: 12px;
}

.c-faqs__arrow-icon--white {
    color: #ffffff;
}

.c-faqs__arrow-icon {
    font-size: 12px;
}

iframe[src*="youtube.com"] {
    max-width: 500px;
    height: auto;
    aspect-ratio: 16/9;
}


.c-faqs__item {
    overflow: hidden;

    &.is-active {
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);

        .c-faqs__answer {
            grid-template-rows: 1fr;
            border-color: #dbdbdb;
            padding-top: 10px;
            padding-bottom: 15px;
        }

        .c-faqs__arrow {
            transform: rotate(-180deg);
        }
    }
}

.c-menu-bottom {
    position: fixed;
    bottom: 0;
    background: var(--WK_DARK_BLUE);
    width: 100%;
    left: 0;
    right: 0;
    text-align: center;
    color: #ffffff;
    border-radius: 10px 10px 0 0;
    top: calc(100% - 60px);
    transition-duration: 500ms;
}

.c-menu-bottom.is-active {
    top: 80px;
}

.c-menu-bottom.is-active .c-faqs__arrow-icon {
    transform: rotate(180deg);
    transition-duration: 500ms;
}

.c-menu-bottom__content {
    padding: 20px;
}

.c-menu-bottom__icon {
    margin-left: auto;
}

.c-menu-bottom__title {
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center;
    font-weight: 500;
    padding: 20px;
}

.c-menu-bottom.is-active .c-menu-bottom__title {
    border-bottom: 1px solid #ffffff;
}


@media (min-width: 768px) {
    .c-layout {
        display: grid;
        grid-template-columns: 250px auto;

    }

    .c-aside {
        display: block;
    }

    .c-faqs {
/*        gap: 40px;*/
    }

    .c-title {
        font-size: 25px;
    }

    .c-faqs__answer {
        margin: 0 30px;
    }

    .c-faqs__question {
        font-size: 20px;
        padding: 20px 25px 10px 25px;
        align-items: flex-start
    }

    .c-faqs__arrow {
        font-size: 28px;
        width: 30px;
        height: 30px;
    }

    .c-faqs__item.is-active {
        .c-faqs__answer {
            padding-bottom: 25px;
        }
    }

    .c-content {
        width: auto;
       margin: 30px 50px;
    }

    .c-menu-bottom {
        display: none;
    }

    .c-logo {
        max-width: 100%;
    }

    .c-faqs__arrow-icon {
        font-size: 14px;
    }

    .c-aside__list {
        margin-top: 40px;
    }
}