.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 */
}


/* Estilo para los inputs de tipo number */
input[type="number"] {
    /* Ajusta la apariencia general del input */
    -moz-appearance: auto;
    /* Deshabilita la apariencia de spinner en Firefox */
    appearance: auto;
    /* Deshabilita la apariencia de spinner en WebKit */
}

    /* Estilo para los botones de incremento y decremento en inputs de tipo number */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: auto;
        /* Deshabilita los botones de incremento y decremento en WebKit */
        margin: 0;
        /* Elimina el margen de los botones */
    }

.table {
    width: 100% !important;
}

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

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

.card-title i {
    margin-right: 5px;
}

.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;
    }

/*Text*/
.text-required {
    font-size: 11px;
}

.hidden {
    display: none;
}

.show-more, .show-less {
    color: blue;
    cursor: pointer;
}

.short-text {
    display: inline;
}

.more-text {
    display: none;
}

/*
    Header name badges
*/
.badge-user {
    display: inline-block;
}

    .badge-user .badge-name {
        font-size: 12px;
        font-weight: bolder;
    }
/*d-0: Plata d-1: Oro d2: Platinum*/
.badge-main {
    padding: 4px 4px !important;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
    margin-top: -2px; /* Ensure no gap between name and badge */
    font-size: 11px;
}
.badge-user .badge-d0 {
    background-color: #C4C4C4;
    color: #fff;
}

.badge-user .badge-d1 {
    background-color: #F5DD03;
    color: #2A2C2E;
}

.badge-user .badge-d2 {
    background-color: #5C6B73;
    color: #fff;
}

/*
Modal Personalize
*/
.modal-header > .modal-title i{
    margin-right:8px;
}

@media(min-width:992px) {
    .modal-md {
        --geeks-modal-width: 650px
    }
}

.container-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: none;
}

.initials-circle {
    border-radius: 50%;
    background-color: #4285f4; /* Google blue */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    max-height: 2.3rem;
    padding: 0.4rem 0.5rem;
    color: white;
    font-family: Arial, sans-serif;
    text-transform: uppercase;
}

/* Cambiar el color del botón de SweetAlert a los colores de @theme.css root */
.swal2-styled.swal2-confirm {
    background-color: var(--sr11-primary) !important;
    color: var(--geeks-gray-100) !important;
}

.swal2-styled .swal2-confirm:hover {
    background-color: var(--sr11-primary-dark) !important;
    color: var(--geeks-gray-100) !important;
}


/* Cambiar el color de la palomita verde en SweetAlert de éxito */
.swal2-success .swal2-success-ring {
    border-color: var(--sr11-primary) !important;
}
/* Cambiar el color de la palomita verde en SweetAlert de éxito */
.swal2-success .swal2-success-ring {
    border-color: var(--sr11-primary) !important;
}

.swal2-success-line-tip {
    background-color: var(--sr11-primary) !important;
}

.swal2-success-line-long {
    background-color: var(--sr11-primary) !important;
}

/* Clase custom para marcar como disabled los anchor que se usan como botones */
.btn-custom-disable {
    cursor: not-allowed;
    pointer-events: none;
    /*Button disabled - CSS color class*/
    color: #c0c0c0;
    background-color: #ffffff;
    border-color: #a0a0a0;
}