/* Overrides y ejemplos */
.table-demo { margin-top: 1rem; }
.select2-demo { min-width: 260px; }
.chart-card { max-width: 700px; margin: 1rem auto; }

.alert .progress {
    margin-top: 6px;
}
.alert {
    border-radius: 0.15rem;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
}

.alert-info {
    background-color: #fff;
    color: #1895ff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2);
    border-color: white;
}

.alert-info .progress {
    height: 3px;
    background-color: #1895ff;
    border-radius: 0;
}

.notify-alert .close {
    background: unset;
    border: none;
    font-size: 25px;
    top: 17px !important;
    color: #1895ff;
}













.alert-danger {
    background-color: red;
    color: white;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2);
    border-color: red;
}

.alert-danger .progress {
    height: 3px;
    background-color: black;
    border-radius: 0;
}

.notify-alert .close {
    background: unset;
    border: none;
    font-size: 25px;
    top: 17px !important;
    color: white;
}


/*ATUTA DE MENU DE OPCIONES DE USUARIO*/
.page-wrapper .page-header .header-wrapper .nav-right .profile-dropdown {
    width: 160px;
    top: 28px;
    left: -110px;
    padding: 0 10px;
}


/*letras en modo osbcuro*/
body.dark-only {
    color: white;
    background-color: #1d1e26;
}

body.dark-only .page-wrapper.compact-wrapper .page-body-wrapper div.sidebar-wrapper .sidebar-main .sidebar-links li a span {
    color: white;
}




.rounded-circle {
    border-radius: 50% !important;
    border: solid 0.3px;
}

.media .media-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 4px;
}