.simplebar-scrollable-y {
    height: 100vh;
}

.nav-item .nav-link.active,
.nav-item .nav-link.active i {
    color: #f37022 !important
}

/* Cambiar el color del marcador de posición */
::placeholder {
    color: #A8B9DF !important;
    /* Cambia el color según tus preferencias */
}

/* Cambiar el estilo de fuente del marcador de posición a itálico */
::-webkit-input-placeholder {
    /* Para navegadores webkit como Chrome y Safari */
    font-style: italic;
    /* Establece el estilo de fuente a itálico */
}

:-moz-placeholder {
    /* Para Firefox */
    font-style: italic;
    /* Establece el estilo de fuente a itálico */
}

::-moz-placeholder {
    /* Para Firefox */
    font-style: italic;
    /* Establece el estilo de fuente a itálico */
}

:-ms-input-placeholder {
    /* Para Internet Explorer */
    font-style: italic;
    /* Establece el estilo de fuente a itálico */
}

.table {
    width: 100% !important;
}

/*Para las tarjetas de informacion*/
.card-header-socio {
    height: 3.0rem;
    padding: 1.1rem;
}

.card-header-socio .card-title {
    color: var(--sr11-primary) !important;
    text-transform: uppercase;
    font-size: 11px;
}

.card-header-socio .card-subtitle {
    text-transform: uppercase;
    margin-left: -10px;
    font-size: 12px;
    color: black;
}


.table thead>tr>th {
    text-transform: uppercase;
    font-size: 11px;
}

.upper {
    text-transform: uppercase;
}

/*Para los textos de informacion adicional*/
.box-info {}

.box-info label {
    width: 100%;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.box-info div {
    width: 100%;
    font-size: 13px;
}

/*
    Tabla de Widget
*/

.table-widget {}

.table-widget tbody>tr>td {
    font-size: 11px;
}

/*
    card pricing
*/
.card-pricing .card-pricing-description {
    height: 400px;
}

.card-pricing .list-group-item {
    border: none !important;
}

.card-item-pricing-title {
    font-size: 1.0rem;
    font-weight: bolder;
}

/*
    Text colors adicionales

*/
.text-purple {
    color: #754FFE;
}

/*

    Text 
*/
.text-thin {
    font-weight: 300;
    /* Ajusta el peso de la fuente a un valor más delgado */
}

/*
Images lottie
*/

.lottie-20 {
    width: 200px;
    height: 200px;
}

.lottie-30 {
    width: 300px;
    height: 300px;
}

/*
    Wizard onboarding
*/


#wizard-progressbar {
    overflow: hidden;
    color: #455A64;
    padding-left: 0px;
    width: 60%;
}

.wizard-center {
    display: inline-block;
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
}

#wizard-progressbar li {
    list-style-type: none;
    width: 33.33%;
    float: left;
    position: relative;
    font-weight: bolder;
}

#wizard-progressbar #step1:before {
    content: "\f3b2";
    font-family: "mingcute";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 1.8em;
    /* Adjust the size of the icon */
}

#wizard-progressbar #step2:before {
    content: "\eb56";
    font-family: "mingcute";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 1.8em;
    /* Adjust the size of the icon */
}

#wizard-progressbar #step3:before {
    content: "\eaf0";
    font-family: "mingcute";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 1.8em;
    /* Adjust the size of the icon */
}

#wizard-progressbar #step4:before {
    content: "4";
}

#wizard-progressbar #step5:before {
    content: "5";
}

#wizard-progressbar #step6:before {
    content: "6";
}

#wizard-progressbar li:before {
    width: 40px;
    height: 40px;
    line-height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    background: #455A64;
    border-radius: 50%;
    margin: auto;
    color: #fff;
}

#wizard-progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #455A64;
    position: absolute;
    left: 0;
    top: 21px;
    z-index: -1
}

#wizard-progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    left: -50%
}

#wizard-progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
    left: 50%
}

#wizard-progressbar li:last-child:after {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

#wizard-progressbar li:first-child:after {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

#wizard-progressbar li.active:before,
#wizard-progressbar li.active:after {
    background: red
}


/*
    Divisores
*/
.linea-divisor {
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
}

.linea-divisor::before,
.linea-divisor::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #F37022;
    margin: 0 10px;
}

.linea-divisor span {
    white-space: nowrap;
}

.card-header-socio .card-title {
    color: #1D2127 !important;
    text-transform: uppercase;
    font-size: 12px;
}