@import url('https://fonts.googleapis.com/css2?family=Roboto');

/* Evitar autozoom en iPhone */
@media only screen and (max-device-width: 768px) {
    input,
    select,
    textarea {
      font-size: 15px !important; /* Ajusta el tamaño de fuente para evitar el autozoom */
      max-height: 100vh; /* Asegura que el contenido del formulario se ajuste al tamaño de la pantalla */
    }
}

body, html {
    font-family: 'Roboto' !important;  
}

input[name="account_control"] {
    text-transform: uppercase;
}

.file-drop-zone {
    min-height: 250px !important;
}

.file-zoom-content  .file-min-height {
    min-height: 550px !important;
}

.file-min-height {
    min-height: 200px !important;
}

.file-sortable .file-drag-handle, .file-upload-indicator {
    display: none !important;
}

.btn-file {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.file-caption {
    padding: .5rem 1rem !important;
    justify-content: center !important;
    align-items: center !important;
    display: flex !important;
}

.kv-zoom-actions .btn-close {
    background: none !important;
}

.progress {
    border-radius: 12px !important;
}

/* TOUR */
.shepherd-modal-overlay-container.shepherd-modal-is-visible {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 9998 !important;
    opacity: 0.2 !important;
}

.btn-tour {
    color: #2F81BF !important;
    background-color: white !important;
    border-radius: 8px !important;
    border: 1px solid #2F81BF !important;  
}

.btn-next {
    color: #0EE7D8 !important;
    border-radius: 8px !important;
    background-color: var(--primary) !important;
}

.shepherd-theme-custom {
    width: 95% !important; 
}

.shepherd-text {
    font-size: 1.075rem !important;
}

.w-30 {
    width: 30%;
}

.w-33 {
    width: 33.33%;
}

.size-flags {
    font-size: 16px;
}

.background {
    background-image:url('/images/landing/background-2.png');
    background-position: center;
    background-size: contain; 
    background-repeat: repeat;
}

.text-dark-2 {
    color: #1E1E1E !important;
}

.text-dark-2:hover {
    color: #6c757d!important;
    font-weight: 700;
}

.no-shadow {
    box-shadow: none !important;
}

.w-135px {
    width: 135px;
}

.w-20 {
    width: 20% !important;
}

.swal2-popup {
    border-radius: 16px !important;
}

.swal2-close:focus {
    box-shadow: none!important;
}

.swal2-popup .btn {
    border-radius: 8px !important;
    margin: 0 3px !important;
}

.swal2-container .swal2-html-container {
    max-height: none !important;
    overflow: hidden !important;
}

.swal2-validation-message {
    background-color: white !important;
}

.swal2-validation-message::before {
    background-color: #E01D3F !important;
}

.swal2-html-container {
    margin-top: 0 !important;
}

.swal2-styled.swal2-confirm {
    background-color: var(--primary) !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.pl-1 {
    padding-left: 0.2rem !important;
}

.form-control:disabled, .form-control[readonly] {
    background: white !important;
}

.aside-dark .menu .menu-item .menu-link.active, .aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active), .aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active), .btn-check:active+.btn.btn-light-info, .btn-check:checked+.btn.btn-light-info, .btn.btn-light-info.active, .btn.btn-light-info.show, .btn.btn-light-info:active:not(.btn-active), .btn.btn-light-info:focus:not(.btn-active), .btn.btn-light-info:hover:not(.btn-active), .show>.btn.btn-light-info, .btn-check:active+.btn.btn-info, .btn-check:checked+.btn.btn-info, .btn.btn-info.active, .btn.btn-info.show, .btn.btn-info:active:not(.btn-active), .btn.btn-info:focus:not(.btn-active), .btn.btn-info:hover:not(.btn-active), .show>.btn.btn-info {
    /* color: white !important; */
    background-color: #102741 !important;
}

.isDisabled {
    color: currentColor !important;
    cursor: not-allowed !important;
    opacity: 0.5 !important;
    text-decoration: none !important;
}

.text-success {
    color: var(--primary) !important;
}


.text-error {
    color: #f1416c !important;
}

.btn.btn-info { 
    color: #0EE7D8 !important;
    background-color: var(--primary) !important;
}

.btn.btn-cancel {
    background-color: white !important;
    color: var(--primary) !important; 
    border-color: var(--primary) !important; 
}

.text-black {
    color: #000000 !important;
}

.aside-dark .menu .menu-item .menu-link.active,
.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active), .aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active),
.btn-check:active+.btn.btn-light-info, .btn-check:checked+.btn.btn-light-info, .btn.btn-light-info.active, .btn.btn-light-info.show, .btn.btn-light-info:active:not(.btn-active), .btn.btn-light-info:focus:not(.btn-active), .btn.btn-light-info:hover:not(.btn-active), .show>.btn.btn-light-info,
.btn-check:active+.btn.btn-info, .btn-check:checked+.btn.btn-info, .btn.btn-info.active, .btn.btn-info.show, .btn.btn-info:active:not(.btn-active), .btn.btn-info:focus:not(.btn-active), .btn.btn-info:hover:not(.btn-active), .show>.btn.btn-info  {
    /* background-color: var(--primary) !important; */
    filter: brightness(108%);
}

.daterangepicker .ranges li.active {
    background-color: var(--primary);
    color: #fff;
    transition: color .2s ease,background-color .2s ease;
}

.daterangepicker .ranges li:hover {
    background-color: #fafafa;
    color: var(--primary);
    transition: color .2s ease,background-color .2s ease;
}
.daterangepicker .drp-calendar td.available:hover, .daterangepicker .drp-calendar th.available:hover {
    border-radius: .475rem;
    background-color: #fafafa;
    color: var(--primary);
}

.daterangepicker .drp-calendar td.active {
    background-color: var(--primary) !important;
    color: #fff!important;
    border-radius: .475rem;
}

.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
    background-color: #fafafa;
    color: var(--primary);
}

.daterangepicker .drp-calendar td.today, .daterangepicker .drp-calendar td.today.active {
    background: #fafafa!important;
    color: var(--primary) !important;
    border-radius: .475rem;
}

.daterangepicker .drp-calendar td:hover {
    color: var(--primary) !important;
}


.daterangepicker select.monthselect {
    width: 45% !important;
    float: right;
}

.daterangepicker select.yearselect {
    width: 45% !important;
    float: left;
}

.fw-bolder-auth{
    font-weight: bold; 
}

.aside .aside-logo, .aside {
    background-color: white !important;
}

@media (max-width: 991px){

    .background {
        background-repeat: space;
    }
    
    .page-title {
        display: none !important;
    }

    .auth-header {
        padding: 0 30px!important;
    }

    .auth-card {
        border: 0 !important;
        padding: 2.5rem!important;
    }

    .auth-title {
        font-size: 15px !important;
    }

    .auth-text {
        font-size: 12px !important;
    }

    .text-10 {
        font-size: 10px !important;
    }

    .translate-text {
        font-size: 10px !important;
    }

    .translate-partner {
        min-height: 50px !important;
    }

    .right {
        margin-right: 2px !important;
    }
    
    .left {
        margin-left: 2px !important;
    }

    .client-title {
        font-size: 15px !important;
    }

    .client-text {
        font-size: 12px !important;
    }

    .client-sm-text {
        font-size: 10px !important;
    }

    .flag-table {
        width: 48px !important;
        height: 33px !important;
    }

    .justify-flag {
        justify-content: center !important;
    }

    .lastTransactions, .beneficiariesList, .profile {
        display: none !important;
    }

    .bg-add-button, .bg-profile-button {
        width: 49px !important;
        height: 40px !important;
    }
    
    .add-button svg{
        width: 12px !important;
        height: 12px !important;
    }

    .add-beneficiary-create {
        padding: 0.5rem 0 !important;
    }

    .phonecode {
        height: 38px !important;
    }

    .account {
        height: 38px !important;
    }

    .country-code {
        height: 38px !important;
    }

    .invalid-feedback {
        margin-bottom: 10px;    
    }

    .stepper-number {
        font-size: 12px !important;
    }

    .rate-card-rate {
        font-size: 15px !important;
    }

    .letter-spacing {
        letter-spacing: 1.2px !important;
    }
}

@media (min-width: 992px) {
    .w-md-30 {
        width: 30% !important;
    }

    .lastTransactionsMobile, .beneficiariesListMobile, .profileMobile {
        display: none !important;
    }

    .top-dashboard {
        margin-top: -40px !important;
    }
}

.justify-flag {
    justify-content: start;
}

.auth-header {
    padding: 0 200px;
}

.auth-card {
    background: #E5E7E80D 0% 0% no-repeat padding-box;
    border: 2px solid #E5E7E8;
    border-radius: 35px !important;
    opacity: 1;
    padding: 4.5rem 4.5rem 2rem 4.5rem;
}

.auth-title {
    font-size: 20px;
}

.auth-text {
    font-size: 15px;
}

.client-title {
    font-size: 20px;
}

.client-text {
    font-size: 15px;
}

.client-sm-text {
    font-size: 15px;
}

.flag-table {
    width: 68px;
    height: 42px;
}

.text-10 {
    font-size: 10px !important;
}

.text-15 {
    font-size: 15px !important;
}

.text-20 {
    font-size: 20px !important;
}

.text-30 {
    font-size: 30px !important;
}



/*Rate Card*/
.rate-card-text {
    font-size: 16px;
    font-weight: 600;
    color: #00ACB5;
}

.rate-card {
    background: #E5E7E80D 0% 0% no-repeat padding-box;
    border: 1px solid #E1E1E1 !important;
    border-radius: 35px !important;
    opacity: 1;
}

.rate-card-currencies {
    font-size: 15px !important;
}

.rate-card-rate {
    font-size: 20px;
}

.rate-text {
    background: #FCFCFD 0% 0% no-repeat padding-box;
    padding: 20px 10px;
    opacity: 1;
}

.rate-card-button {
    font-size: 14px !important;
}

.rate-footer {
    border-top: 0 !important;
    border-bottom-left-radius: 35px 35px !important;
    border-bottom-right-radius: 35px 35px !important;
    background: #FBFBFC 0% 0% no-repeat padding-box !important;
}

.rounded-pill-dashboard {
    width: 40px;
    height: 40px;
}

.rounded-warning {
    border-radius: 25px;
    border: 1px solid #E1E1E1 !important;
    background: #E5E7E80D 0% 0% no-repeat padding-box;
    height: 86px;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
}

.rounded-warning-blue {
    border-radius: 8px;
    background: linear-gradient(to right, #00ACB5, #0EE7D8, #3DFFDA);
    background-size: 100.1% 100%;
    height: 86px;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
}

.rounded-warning-white {
    border-radius: 8px;
    background: linear-gradient(to right, #2F81BF, #145086, #173E63);
    background-size: 100.1% 100%;
    height: 86px;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
}


.text-notification {
    color: #173E63 !important
}

.text-notification-white {
    color: #FFFFFF !important
}

.text-notification span, .text-notification-white span {
    font-size: 16px;
}

.text-notification .title, .text-notification-white .title {
    font-weight: 700;
}

.rate-icons {
    border-radius: 50%;
    background: #E5E7E80D 0% 0% no-repeat padding-box !important;
    border: 1px solid #E1E1E1 !important;
    color: #00ACB5;
    outline: 0;
    opacity: .9;
}

.right {
    margin-right: 15px;
    padding-right: 2px;
    width: 35px;
}

.left_ {
    margin-left: 15px;
    padding-left: 2px;
    width: 35px;
}

.lang {
    font-family: 'Roboto', sans-serif !important; 
    border: none;
    color: #00000099;
    font-size: 14px;
    text-decoration: none;
    background: transparent;
    padding: 0;
}

.h-470px {
    height: 470px;
}

.translate-partner {
    display: flex;
    position: relative;
    min-height: 100px;
}

.translate-child {
    height: 25px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0 0 0;
}

.translate-text {
    font-size: 12px;
}

.translate-hr {
    height: 25px !important;
    width: 2px;
    border-width: 0;
    color: #000;
    background-color: #000;
    margin: 0;
}

.justify-center {
    justify-content: center;
}

.justify-end {
    justify-content: end;
}


.align-center {
    align-items: center;
}

.align-end {
    align-items: end;
}

.page-link:hover,
.btn-check:active+.btn.btn-active-color-info, .btn-check:checked+.btn.btn-active-color-info, .btn.btn-active-color-info.active, .btn.btn-active-color-info.show, .btn.btn-active-color-info:active:not(.btn-active), .btn.btn-active-color-info:focus:not(.btn-active), .btn.btn-active-color-info:hover:not(.btn-active), .show>.btn.btn-active-color-info,
.btn-check:active+.btn.btn-active-light-info, .btn-check:checked+.btn.btn-active-light-info, .btn.btn-active-light-info.active, .btn.btn-active-light-info.show, .btn.btn-active-light-info:active:not(.btn-active), .btn.btn-active-light-info:focus:not(.btn-active), .btn.btn-active-light-info:hover:not(.btn-active), .show>.btn.btn-active-light-info,
.btn-check:active+.btn.btn-active-light-info i, .btn-check:checked+.btn.btn-active-light-info i, .btn.btn-active-light-info.active i, .btn.btn-active-light-info.show i, .btn.btn-active-light-info:active:not(.btn-active) i, .btn.btn-active-light-info:focus:not(.btn-active) i, .btn.btn-active-light-info:hover:not(.btn-active) i, .show>.btn.btn-active-light-info i,
.aside-menu .menu>.menu-item.here>.menu-link .menu-icon i, .aside-menu .menu>.menu-item.show>.menu-link .menu-icon i {
    color: var(--primary) !important;
}

.btn-bg-info{
    background-color: var(--primary) !important;
}

.btn.btn-light-info i, .btn.btn-light-info,
.menu-state-bg .menu-item .menu-link.active {
    color: var(--primary) !important;
}

.btn-check:active+.btn.btn-light-info i, .btn-check:checked+.btn.btn-light-info i, .btn.btn-light-info.active i, .btn.btn-light-info.show i, .btn.btn-light-info:active:not(.btn-active) i, .btn.btn-light-info:focus:not(.btn-active) i, .btn.btn-light-info:hover:not(.btn-active) i, .show>.btn.btn-light-info i{
    color: #fff !important;
}

.aside-menu .menu>.menu-item.hover>.menu-link:not(.disabled):not(.active), 
.aside-menu .menu>.menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-icon i, 
.aside-menu .menu>.menu-item>.menu-link:hover:not(.disabled):not(.active) .menu-icon i, 
.aside-menu .menu>.menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-title, 
.aside-menu .menu>.menu-item>.menu-link:hover:not(.disabled):not(.active) .menu-title, 
.aside-menu .menu>.menu-item.here>.menu-link .menu-title, .aside-menu .menu>.menu-item.show>.menu-link .menu-title, 
.menu-state-primary .menu-item .menu-link:hover:not(.disabled):not(.active), .menu-state-primary 
.menu-item.hover>.menu-link:not(.disabled):not(.active), .menu-state-bg .menu-item .menu-link:hover:not(.disabled):not(.active)
, .menu-state-bg .menu-item.hover>.menu-link:not(.disabled):not(.active), .menu-gray-800 .menu-item .menu-link .menu-title:hover
, .menu-gray-800 .menu-item .menu-link:hover,
.text-hover-inverse-light:hover i {
    color: var(--secondary) !important;
    font-weight: 700;
}

.btn.btn-color-primary {
    color: var(--primary) !important;
}

.btn.btn-color-primary .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: var(--primary) !important;
}

.bg-primary {
    background-color: var(--primary) !important;
}

.p-0 {
    padding: 0 !important;
}

.invalid-feedback{
    margin-top: 3px !important;
}

.toolbar-fixed .toolbar, #kt_header > div {
    box-shadow: none !important;
    border-bottom: 1px solid #eff2f5 !important;
}

.svg-icon.svg-icon-primary svg [fill]:not(.permanent):not(g), .svg-icon.svg-icon-primary svg {
    fill: var(--primary) !important;
}

.svg-icon.birthday svg, svg {
    height: 1.15rem !important;
    width: 1.15rem !important;
}

.svg-icon.svg-icon-1 svg, svg {
    width: 30px !important;
    height: 30px !important;
}

.info.svg-icon.svg-icon-1 svg, svg {
    width: 48px !important;
    height: 48px !important;
}

.info-mobile.svg-icon.svg-icon-1 svg, svg {
    width: 35px !important;
    height: 35px !important;
}

.info svg {
    width: 20px !important;
    height: 20px !important;
}

.close svg {
    width: 15px !important;
    height: 15px !important;
}

.sad-face svg{
    width: 100px !important;
    height: 100px !important;
}

.sad-face-mobile svg{
    width: 50px !important;
    height: 50px !important;
}

#Trazado_22 {
    fill: var(--primary) !important;
}

.send-button svg{
    width: 16px !important;
    height: 14px !important;
}

.send-button-mobile svg{
    width: 16px !important;
    height: 14px !important;
}

.bg-add-button, .bg-profile-button {
    background: #FBFBFC 0% 0% no-repeat padding-box;
    width: 55px;
    height: 55px;
    border-radius: 10px;
}

.center-dashboard {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.add-button svg{
    width: 16px !important;
    height: 16px !important;
}

.profile-button svg{
    width: 25px !important;
    height: 25px !important;
}

#_-send_90420 {
    fill: var(--primary) !important;
}

#alert_p {
    fill: #E01D3F !important;
}

.questions .form-check.form-check-solid .form-check-input {
    border: 0.5px solid gray !important;
    background-color: gray !important;
}

.personail_information .form-check.form-check-solid .form-check-input:checked {
    background-color: var(--primary) !important;
}

.form-check.form-check-solid .form-check-input:checked {
    background-color: var(--secondary) !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:hover{
    color: white !important;
    background-color: var(--secondary)!important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    color: #60666e94!important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    background-color:  #60666e94!important;
    color: white !important;
}

.notifications .form-check.form-check-solid .form-check-input:checked,
.questions .form-check.form-check-solid .form-check-input:checked {
    background-color: #E5E7E8 !important;
}

.notifications .form-check.form-check-solid .form-check-input:checked,
.questions .form-check.form-check-solid .form-check-input:checked {
    background-color: var(--primary) !important;
}

/*.questions .form-check.form-check-solid .form-check-input {
    background: rgb(205,203,203);
    background: radial-gradient(circle, rgba(205,203,203,1) 0%, rgba(205,203,203,1) 35%, rgba(128,128,128,1) 100%);
}*/


.questions .form-switchA.form-check-solid label,
.notifications .form-switchA.form-check-solid label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.questions .form-switchA.form-check-solid span:last-child,
.notifications .form-switchA.form-check-solid span:last-child {
  position: relative;
  width: 60px;
  height: 26px;
  border-radius: 15px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
  background: gray;
  transition: all 0.3s;
}

.questions .form-switchA.form-check-solid span:last-child::before,
.questions .form-switchA.form-check-solid span:last-child::after,
.notifications .form-switchA.form-check-solid span:last-child::before,
.notifications .form-switchA.form-check-solid span:last-child::after {
  content: "";
  position: absolute;
}

.questions .form-switchA.form-check-solid span:last-child::before,
.notifications .form-switchA.form-check-solid span:last-child::before {
  left: 1px;
  top: 1px;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 50%;
  z-index: 1;
  transition: transform 0.3s;
}

.questions .form-switchA.form-check-solid span:last-child::after,
.notifications .form-switchA.form-check-solid span:last-child::after {
  top: 35%;
  right: 10px;
  width: 12px;
  height: 12px;
  transform: translateY(-50%);
/*  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/uncheck-switcher.svg);*/
  background-size: 12px 12px;
  content: attr(data-nocheck);
  color: #FFFFFF;
  Font-size: 14px;
  font-weight: bolder;
  padding: 0;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2) inset;
}

.questions .form-switchA.form-check-solid .form-check-input:checked + label span:last-child,
.notifications .form-switchA.form-check-solid .form-check-input:checked + label span:last-child {
  background: var(--primary);
}

.questions .form-switchA.form-check-solid .form-check-input:checked + label span:last-child::before,
.notifications .form-switchA.form-check-solid .form-check-input:checked + label span:last-child::before {
  transform: translateX(24px);
  left: 10px;
}

.questions .form-switchA.form-check-solid .form-check-input:checked + label span:last-child::after,
.notifications .form-switchA.form-check-solid .form-check-input:checked + label span:last-child::after {
  width: 14px;
  height: 14px;
  /*right: auto;*/
  left: 8px;
/*  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/checkmark-switcher.svg);*/
  background-size: 14px 14px;
  content: attr(data-check);
  color: #FFFFFF;
  Font-size: 14px;
  font-weight: bolder;
  padding: 0;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2) inset;
}

.questions .form-switchA.form-check-solid .form-check-input + label span:last-child::before
.notifications .form-switchA.form-check-solid .form-check-input + label span:last-child::before {
  width: 22px;
  height: 22px;
  top: 2px;
  /*right: auto;*/
/*  left: 8px;*/
  background-color: white;
  background-size: 26px 26px;
  border-radius: 2rem;
  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  transition: all 0.1s ease-in-out;
}

input.answer{
    display:none;
}

input.info2 {
    display:none;
}

/*.form-switch.form-check-solid .form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23043070'/%3e%3c/svg%3e")
}

.form-switch.form-check-solid .form-check-input {
    height: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
    border-radius: 3.25rem;
}*/

.hr-icon {
    border-right: 1px solid #eff2f5 !important;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 !important;
} 

.active-item {
    border-bottom: 3px solid  var(--primary) !important;
}

.active-item-destopk {
    font-weight: bold !important;
}

.svg-icon.disabled svg [fill]:not(.permanent):not(g) {
    fill: #E5E7E8 !important;
}

.disabled:hover {
    cursor: no-drop !important;
}

.disabled .menu-item:hover {
    color: #E5E7E8 !important;
}

.text-link-a {
    color: #2F81BF;
    text-decoration: underline;
    font-weight: 500;
}

.text-link-a:hover {
    text-decoration: underline !important;
    font-weight: 700 !important;
}

@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }

    .w-rate-select {
        width: 40%!important;
    }

    .rounded-warning {
        border: none !important;
    }

    .rounded-warning-blue, .rounded-warning-white {
        border: none !important;
        border-radius: 0;
    }

    .text-notification span, .text-notification-white span {
        font-size: 10px !important;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }

    .w-rate-select {
        width: 30%!important;
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
    transform: translateX(0);
}

.carousel-control-prev {
    margin-left: -2%;
    width: 5%;
    outline: 0;
    opacity: .9;
}

.carousel-control-next {
    margin-right: -2%;
    width: 5%;
    outline: 0;
    opacity: .9;
}

/* small and down screens */
@media (max-width: 575px) {
    .w-rate-select {
        width: 70%!important;
    }
}

/* extra small and down screens */
@media (max-width: 400px) {
    .w-rate-select {
        width: 75%!important;
    }
}



/*Stepper Style*/
.stepper.stepper-pills.stepper-row .stepper-line {
    display: block;
    content: " ";
    justify-content: center;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    bottom: 0;
    transform: translateY(28%) !important;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: var(--primary);
}

.stepper-item:not(:last-child){
    padding-right: 6rem!important;
}

.stepper-item-personal-info:not(:last-child){
    padding-right: 4rem!important;
}

.stepper-item-personal-onbording:not(:last-child){
    padding-right: 1.5rem!important;
}

.stepper-line {
    width: 140px !important;
}

.stepper-line-es {
    width: 150px !important;
}

.stepper-line-en {
    width: 140px !important;
}

.stepper-line-personal-info {
    width: 105px !important;
}

.stepper-line-personal-onbording {
    width: 70px !important;
}

.stepper.stepper-pills .stepper-item .stepper-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .2s ease,background-color .2s ease;
    width: 40px;
    height: 40px;
    border-radius: 0.475rem;
    background-color: #f1faff;
    margin-right: 1.5rem;
}

.stepper.stepper-pills .stepper-item:last-child .stepper-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color .2s ease,background-color .2s ease;
    width: 40px;
    height: 40px;
    border-radius: 0.475rem;
    margin-right: 0 !important;
}

/*.stepper.stepper-pills.stepper-row .stepper-item:first-child .stepper-line {
    left: 40px;
}*/


.stepper.stepper-pills.stepper-row .stepper-item:last-child .stepper-line {
    display: none;
}

.stepper.stepper-pills.stepper-row .stepper-nav.stepper-beneficiaries {
    margin-left: 10%;
}

.stepper.stepper-pills.stepper-row .stepper-nav.personal-info-stepper-nav {
    margin-left: 5%;
}

.stepper.stepper-pills.stepper-row .stepper-nav {
    flex-direction: row;
}

.stepper.stepper-pills.stepper-row .stepper-personal-info .stepper-item {
    padding-right: 2rem
}

.stepper.stepper-pills.stepper-row .stepper-item {
    position: relative;
    padding: 0;
    margin: 0;
    padding-right: 5rem
}

.stepper.stepper-pills.stepper-row .stepper-item:last-child {
    position: relative;
    padding: 0;
    margin: 0;
}

.stepper.stepper-pills.stepper-row .stepper-icon {
    z-index: 1;
    background-color: white;
    border-color: var(--primary)!important;
    width: 30px !important;
    height: 30px !important;
}

@media (min-width: 576px){

    .stepper.stepper-pills.stepper-row .stepper-icon {
        width: 30px !important;
        height: 30px !important;
    }

    .stepper.stepper-pills.stepper-row .stepper-line{
        width: 160px !important;
    }

    .stepper.stepper-pills.stepper-row .stepper-item:not(:last-child){
        padding-right: 10rem!important;
    }

    .stepper.stepper-pills.stepper-row .stepper-item:not(:last-child) .stepper-line {
        left: 30px!important;
    }

    .stepper.stepper-pills.stepper-row .stepper-item:first-child .stepper-desc{
        position: relative!important;
/*        left: -30%!important;*/
    }

    .stepper.stepper-pills.stepper-row .stepper-item:last-child .stepper-desc{
        position: relative!important;
/*        right: 30%!important;*/
    }


    /*.stepper.stepper-pills.stepper-row .personal-info-stepper-nav {
        margin-left: 15%;
    }*/

    .stepper.stepper-pills.stepper-row .stepper-line-personal-info{
        width: 100px !important;
    }

    .stepper.stepper-pills.stepper-row .stepper-line-personal-onbording {
        width: 100px !important;
    }

    .stepper.stepper-pills.stepper-row .stepper-item-personal-info:not(:last-child){
        padding-right: 5rem!important;
    }

    .stepper.stepper-pills.stepper-row .stepper-item-personal-onbording:not(:last-child){
        padding-right: 5rem!important;
    }

}

@media (min-width: 768px){
    .stepper.stepper-pills.stepper-row .stepper-nav.stepper-beneficiaries {
        margin-left: 5%;
    }

    .stepper.stepper-pills.stepper-row .stepper-nav.personal-info-stepper-nav {
        margin-left: 0;
    }

    .stepper.stepper-pills.stepper-row .stepper-nav.send-stepper-nav {
        margin-left: 0;
    }

    .stepper.stepper-pills.stepper-row .stepper-icon {
        width: 40px !important;
        height: 40px !important;
    }

    .stepper.stepper-pills.stepper-row .stepper-line{
        width: 180px !important;
    }

    .stepper.stepper-pills.stepper-row .stepper-item:not(:last-child){
        padding-right: 10rem!important;
    }

    .stepper.stepper-pills.stepper-row .stepper-item:not(:last-child) .stepper-line {
        left: 30px!important;
    }

    .stepper.stepper-pills.stepper-row .stepper-item:first-child .stepper-desc{
        position: relative!important;
/*        left: -20%!important;*/
    }

    .stepper.stepper-pills.stepper-row .stepper-item:last-child .stepper-desc{
        position: relative!important;
/*        right: 25%!important;*/
    }



    /*.stepper.stepper-pills.stepper-row .personal-info-stepper-nav {
        margin-left: 15%;
    }*/

    .stepper.stepper-pills.stepper-row .stepper-line-personal-info{
        width: 150px !important;
    }

    .stepper.stepper-pills.stepper-row .stepper-line-personal-onbording {
        width: 150px !important;
    }

    .stepper.stepper-pills.stepper-row .stepper-item-personal-info:not(:last-child){
        padding-right: 8rem!important;
    }

    .stepper.stepper-pills.stepper-row .stepper-item-personal-onbording:not(:last-child){
        padding-right: 8rem!important;
    }

}

@media (min-width: 992px){
    .stepper.stepper-pills.stepper-row .stepper-icon {
        width: 40px !important;
        height: 40px !important;
    }

    .stepper.stepper-pills.stepper-row .stepper-line{
        width: 250px !important;
    }

    .stepper.stepper-pills.stepper-row .stepper-item:not(:last-child){
        padding-right: 15rem!important;
    }

    .stepper.stepper-pills.stepper-row .stepper-item:not(:last-child) .stepper-desc{
        position: relative!important;
/*        left: -20%!important;*/
    }

    .stepper.stepper-pills.stepper-row .stepper-item:last-child .stepper-desc{
        position: relative!important;
/*        right: 20%!important;*/
    }


    .stepper.stepper-pills.stepper-row .stepper-line-personal-info{
        width: 125px !important;
    }

    .stepper.stepper-pills.stepper-row .stepper-line-personal-onbording {
        width: 125px !important;
    }

    .stepper.stepper-pills.stepper-row .stepper-item-personal-info:not(:last-child){
        padding-right: 5rem!important;
    }

    .stepper.stepper-pills.stepper-row .stepper-item-personal-onbording:not(:last-child){
        padding-right: 4.4rem!important;
    }

}


.stepper.stepper-pills.stepper-row .stepper-item.current .stepper-icon {
    transition: color .2s ease,background-color .2s ease;
    background-color: white !important;
}

.stepper.stepper-pills.stepper-row .stepper-item .stepper-icon .stepper-number {
    color: var(--primary)!important;
    font-weight: 600;
    font-size: 1.25rem;
}

.stepper.stepper-pills.stepper-row .stepper-item.current .stepper-icon .stepper-number,
.stepper.stepper-pills.stepper-row .stepper-item.current:last-child .stepper-icon .stepper-number {
    color: var(--primary)!important;
    font-size: 1.25rem;
    display: inline-block;
}

.stepper.stepper-pills.stepper-row .stepper-item.completed .stepper-icon {
    transition: color .2s ease,background-color .2s ease;
    background-color: var(--primary) !important;
}

.stepper.stepper-pills.stepper-row .stepper-item.completed .stepper-icon .stepper-check {
    color: white !important;
    display: inline-block;
}

.stepper.stepper-pills.stepper-row .stepper-item.current:last-child .stepper-icon .stepper-check {
    display: none;
}

.stepper.stepper-pills.stepper-row .stepper-item.completed .stepper-icon {
    transition: color .2s ease,background-color .2s ease;
    background-color: var(--primary) !important;
}

.stepper.stepper-pills.stepper-row .stepper-item.completed .stepper-icon .stepper-check{
    color: white !important;
    display: inline-block;
}

.stepper-item.current{
    color: var(--primary) !important;
    font-weight: bold;
}

.stepper-item.current:after{
    background-color: white !important;
}

.stepper.stepper-pills.stepper-row .stepper-item:first-child .stepper-desc{
    position: relative;
/*    left: -30%;*/
}

.stepper.stepper-pills.stepper-row .stepper-item:last-child .stepper-desc{
    position: relative;
/*    right: 30%;*/
}

.input-radius {
    border-radius: 10px;
}

.input-radius-step-2 {
    border-radius: 10px !important;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.phonecode {
    width: 53px; 
    background-color: white !important;
    color: #5e6278 !important;
    transition: color .2s ease,background-color .2s ease;
    height: 44px;
}

.account {
    height: 44px;
}

.country-code {
    width: 43px; 
    background-color: white !important;
    color: #5e6278 !important;
    transition: color .2s ease,background-color .2s ease;
    height: 44px;
}

.country-account-code {
    background-color: white !important;
}

.beneficiary-phone {
    color: #5e6278;
}

.btn.btn-active-light-primary.btn-outline:not(.btn-outline-default) {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

.border-stepper {
    border: 3px solid #043070 !important;
}

.stepper-number {
    font-weight: bold !important;
    font-size: 15px;
}

.stepper-item.current, .stepper-desc {
    margin-top: 10px;
    color: #4D4F5C !important;
    font-weight: normal !important;
}

.btn-check:active+.btn.btn-active-light-primary, .btn-check:checked+.btn.btn-active-light-primary, .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .show>.btn.btn-active-light-primary {
    background-color: white !important;
}

#kt_create_form > div.mb-5.px-7.px-md-10 > div.flex-column.current.p-2 > div:nth-child(3) > div.fv-row.col-md-6.col-12.fv-plugins-icon-container.fv-plugins-bootstrap5-row-valid > div > div,
#formPhone > div.row > div.fv-row.col-11.mb-6.fv-plugins-icon-container > div > div,
#params > div:nth-child(1) > div > div > div:nth-child(4),
#params > div:nth-child(1) > div > div > div:nth-child(5),
#params > div:nth-child(1) > div > div > div {
    margin-bottom: 5px !important;
}

#kt_create_form > div.mb-2.px-5.px-md-10 > div.flex-column.current.p-2 > div:nth-child(1) > div:nth-child(2) > div.fv-plugins-message-container.invalid-feedback {
    margin: 0 !important;
}

.btn-profiles {
    background: #FBFBFC 0% 0% no-repeat padding-box !important;
    border: 1px solid #E5E7E8 !important;
    opacity: 1 !important;
    text-align: start !important;
    text-align: left !important;
    letter-spacing: 0px !important;
    color: var(--primary) !important;
    opacity: 1  !important;
    border-radius: 0%  !important;
}


.list-group-item-action, .admin-list-group-item-action{
    border-radius: 0;
}

.selected_beneficiary, .selected_account {
    margin: 1px;
}

.selected_beneficiary:focus, .selected_beneficiary:hover,
.selected_account:focus, .selected_account:hover {
    background: #FEFEFE 0% 0% no-repeat padding-box;
    border: 1px solid var(--primary);
    border-radius: 15px;
    opacity: 1;
    margin: 0;
}

.list-group-item-action-boder, .admin-list-group-item-action-boder {
    background: #FEFEFE 0% 0% no-repeat padding-box;
    border: 1px solid var(--primary);
    border-radius: 15px;
    opacity: 1;
}

.list-group-item-favorite-border-botton, .admin-list-group-item-favorite-border-botton{
    border-bottom: 2px solid var(--primary) !important;
}

.letter-spacing {
    letter-spacing: 2px;
}

.align-right {
    text-align: right !important;
}

.w-40px {
    width: 40px;
}

.text-secondary {
    color: var(--secondary) !important;
}

.disabled > .text-secondary {
    opacity: 0.3 !important;
}

.rounded-details, .rounded-details-upgrade {
    border-radius: 25px;
    background: #E5E7E80D 0% 0% no-repeat padding-box;
    height: 86px;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
}

.rounded-details-disabled {
    border-radius: 25px;
    background: #E5E7E80D 0% 0% no-repeat padding-box;
    height: 86px;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    opacity: 0.4;
}

.rounded-details-upgrade:hover {
    border-color: var(--primary) !important;
    border-width: 2px !important;
}

.rounded-details-disabled:hover {
    cursor: not-allowed !important;
}

@media (min-width: 768px){
    .divider_details{
        border-right: 1px solid #E5E7E8!important;
    }
}

@media (max-width: 576px){
    .me-sm-auto {
        margin-right: auto!important;
    }
}


.card-selected{
    border-color: var(--primary) !important;
}