h1 {
    color: green;
}

.xyz {
    background-size: auto;
    text-align: center;
    padding-top: 100px;
}

.btn-circle.btn-sm {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    font-size: 8px;
    text-align: center;
}

.btn-circle.btn-md {
    width: 50px;
    height: 50px;
    padding: 7px 10px;
    border-radius: 25px;
    font-size: 10px;
    text-align: center;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 12px;
    text-align: center;
}

.ui-autocomplete {
    z-index: 215000000 !important;
}

.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: purple !important;
    color: #ffffff !important;
    font-size: 14px;
    font-family: inherit;

}

.ui-menu-item-wrapper {
    background: #202940 !important;
    color: #ffffff !important;
    font-size: 14px;
    font-family: inherit;
}

.form-group.required .label-required:after {
    content: "*";
    color: red;
}

.modal-content {
    background-color: #202940;
    /* Cambia esto al color que desees */
}

.swal-title {
    color: white;
    /* Color de texto para el título */
}

.swal-text {
    color: white;
    /* Color de texto para el texto */
}

/* Estilo para el contenedor de Select2 */
.select2-container .select2-selection--single,
.select2-container .select2-selection--multiple {
    background-color: #202940 !important;
    color: white !important;
    border-color: #202940 !important;
}

/* Estilo para el texto del elemento seleccionado */
.select2-container .select2-selection__rendered {
    color: white !important;
}

/* Estilo para el dropdown de Select2 */
.select2-container .select2-dropdown {
    background-color: #202940 !important;
    color: white !important;
}

/* Estilo para las opciones del dropdown */
.select2-container .select2-results__option {
    background-color: #202940 !important;
    color: white !important;
}

/* Estilo para la opción resaltada del dropdown */
.select2-container .select2-results__option--highlighted {
    background-color: #40475a !important;
    /* Un poco más claro para el resaltado */
    color: 202940 !important;
}

/* Estilo para el contenedor del input de búsqueda dentro del dropdown */
.select2-container .select2-search--dropdown .select2-search__field {
    background-color: #202940 !important;
    color: white !important;
}

.select-background {
    background-color: #202940;
    /* Cambia este color al que prefieras */
    color: white;
    /* Cambia el color del texto si es necesario */
    border: 1px solid #202940;
    /* Opcional: Cambia el color del borde */
    padding: 5px;
    /* Opcional: Añade padding para mejor apariencia */
    border-radius: 4px;
    /* Opcional: Añade bordes redondeados */
}

/* Para cambiar el fondo de las opciones desplegables */
.select-background option {
    background-color: #202940;
    /* Cambia este color al que prefieras */
    color: white;
    /* Cambia el color del texto si es necesario */
}

/* Para navegadores específicos que puedan necesitar prefijos */
.select-background::-ms-expand {
    background-color: #202940;
    /* Cambia este color al que prefieras */
}

.icon-spacing {
    margin-left: 10px;
}

.card {
    margin-bottom: 20px;
}
.card img {
    display: block;
    margin: 0 auto;
}
.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.modal-footer {
    display: flex;
    justify-content: flex-end;
}
.nav-tabs {
    margin-bottom: 15px;
}

/* Estilo para personalizar el fondo y color del texto cuando se usa autocompletar */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #202940 inset !important; /* Color de fondo del campo de texto */
    box-shadow: 0 0 0px 1000px #202940 inset !important;
    -webkit-text-fill-color: #ffffff !important; /* Color del texto */
}
    /* Cambiar el fondo de las opciones dentro del select */
    #refreshInterval option {
        background-color: #202940;
        color: white;
    }


/* .table-responsive {
    max-height:600px;
    width: 100%;
    display: block;
    overflow-x: auto;
    text-align: center; 
    font-size: 1em;  
    overflow-y: scroll;
  }

thead tr th { 
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #f1eeee;
} */