/*:root {
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529
}*/

/* Para quitar el espacio de los parrafos(p) de las publicaciones */
#stnPublicacion .card-text p {
    margin-bottom: 0;
}


.hide {
    display: none !important;
}

.modal .modal-header .close {
    padding: 5px 10px;
}

html[data-bs-theme=dark] .modal .modal-header .close {
    padding: 5px 10px;
}

.x-bg-gray-200 {
    background-color: #e9ecef;
}




/**/
.avatar.avatar-xs .avatar-content, .avatar.avatar-xs img {
    width: 18px;
    height: 18px;
}

html[data-bs-theme=dark] .avatar.avatar-xs .avatar-content, html[data-bs-theme=dark] .avatar.avatar-xs img {
    width: 18px;
    height: 18px;
}

.avatar.avatar-xs i {
    font-size: .9rem;
}

html[data-bs-theme=dark] .avatar.avatar-xs i {
    font-size: .9rem;
}


.cur-p:hover {
    cursor: pointer;
}


.td-u:hover {
    text-decoration: underline;
}




.color-link {
    color: #282839;
}

    .color-link:hover {
        background-color: #f0f1f5;
        /*cursor: pointer;*/
    }



html[data-bs-theme=dark] .color-link {
    color: #9899ac;
}

    html[data-bs-theme=dark] .color-link:hover {
        color: inherit;
        background-color: #282839;
    }


.r-link {
    /*color: #282839;*/
    color: #4241a6;
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-right: .5rem;
    padding-left: .5rem;
    border-radius: .25rem;
}

    .r-link:hover {
        background-color: #f0f1f5;
        cursor: pointer;
    }



html[data-bs-theme=dark] .r-link {
    color: #9899ac;
}

    html[data-bs-theme=dark] .r-link:hover {
        color: inherit;
        background-color: #282839;
    }





/*
    Modificación de app.css
*/
.sidebar-wrapper .sidebar-header img {
    height: 2.5rem;
}

html[data-bs-theme=dark] .sidebar-wrapper .sidebar-header img {
    height: 2.5rem;
}


/* */
/* Boostrap */
/* */
.btn-close {
    font-size: .7rem;
}

.form-control:focus {
    box-shadow: none;
}

/* Modal del boostrap*/
/*.modal-tall .modal-dialog {
    max-height: 90%;
}*/

.modal-tall .modal-content {
    max-height: 90%;
}

/* fix SO stick navigation ;) */
/*@media (min-width: 768px) {
    body {
        padding-top: 75px;
    }
}*/




/*.modal .modal-header ~ .modal-body {
    padding-top: 0;
}*/



/* Tooltips */
.tooltip {
    --bs-tooltip-padding-x: .25rem;
    --bs-tooltip-padding-y: .25rem;
    --bs-tooltip-bg: #fff;
    --bs-tooltip-color: #282839;
}

html[data-bs-theme=dark] .tooltip {
    --bs-tooltip-bg: #282839;
    --bs-tooltip-color: #fff;
}




/* Popovers */
.popover {
    --bs-popover-body-padding-x: .5rem;
    --bs-popover-body-padding-y: .5rem;
}

html[data-bs-theme=dark] .popover {
    --bs-popover-body-padding-x: .5rem;
    --bs-popover-body-padding-y: .5rem;
    --bs-popover-bg: #282839;
    --bs-popover-body-color: #fff;
}


.popover-body {
    cursor: text;
}

html[data-bs-theme=dark] .popover-body {
    cursor: text;
}



/*hola*/
/*Efecto cargando*/
.spinner {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background-color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    /* opacity: 0.5; */
}

    .spinner .content {
        /* position: absolute;
    top: 50%;
    left: 50%; */
        text-align: center;
    }

.spinner {
    visibility: hidden;
    opacity: 0;
}

    .spinner.show {
        visibility: visible;
        opacity: 0.5;
    }




.min-vh-50 {
    min-height: 50vh !important;
}




.bg-primary-100 {
    background-color: #3b3a95 !important;
}

.bg-primary-200 {
    background-color: #343484 !important;
}

.bg-primary-300 {
    background-color: #2e2d74 !important;
}

.bg-primary-400 {
    background-color: #272763 !important;
}

.bg-primary-500 {
    background-color: #212053 !important;
}

.bg-primary-600 {
    background-color: #1a1a42 !important;
}

.bg-primary-700 {
    background-color: #131331 !important;
}

.bg-primary-800 {
    background-color: #0d0d21 !important;
}

.bg-primary-900 {
    background-color: #060610 !important;
}

.bg-primary--100 {
    background-color: #5454ae !important;
}

.bg-primary--200 {
    background-color: #6766b7 !important;
}

.bg-primary--300 {
    background-color: #7a7ac0 !important;
}

.bg-primary--400 {
    background-color: #8d8dc9 !important;
}

.bg-primary--500 {
    background-color: #a0a0d2 !important;
}

.bg-primary--600 {
    background-color: #b3b3db !important;
}

.bg-primary--700 {
    background-color: #c6c6e4 !important;
}

.bg-primary--800 {
    background-color: #d9d9ed !important;
}

.bg-primary--900 {
    background-color: #ececf6 !important;
}




.bg-card {
    background-color: #ececf6; /* --800*/
}

    .bg-card:hover {
        background-color: #d9d9ed; /* --700*/
    }

html[data-bs-theme=dark] .bg-card {
    background-color: #282839;
}

    html[data-bs-theme=dark] .bg-card:hover {
        background-color: #242433;
    }