/* smartadmin */
body {
    font-family: 'Inter' !important;
}

.mod-clean-page-bg:not(.mod-skin-dark) .page-content-wrapper {
    background: #fafafa !important;
}

.text-success {
    color: #468847 !important;
}


/*
    ace template
*/
.container-plus {
    padding-bottom: 5rem;
}


/*
    Alerts
*/
    .alert-success {
        border: 1px solid #8ac38b;
        border-left: 5px solid #8ac38b;
        background: #f8fff4;
    }

        .alert-success i {
            color: #8ac38b;
            font-size: 17px;
        }

    .alert-warning {
        border: 1px solid #f5d6a2;
        border-left: 5px solid #dfb56c;
        background: #fff8df;
    }

        .alert-warning i {
            color: #f5d6a2;
            font-size: 17px;
        }

    .alert-info {
        background: #dff2ff;
        border: 1px solid #bcdaea;
        border-left: 5px solid #51a0cc;
    }

/*
    Tables
*/

    .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #f8f9fb;
    }



/*
    Form Comentario
*/
.form-comentario, .form-comentario:focus {
    background-color: #fdfdfd;
    border-radius: 3px !important;
    border: none;
    box-shadow: 0 1px 3px rgba(0,0,0,.33) !important;
    font-family: Helvetica Neue,Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #333;
    display: block;
    width: 100%;
    padding: 6px 12px;
}

/* Progress bar */
.progress.progress-sm {
    height: 10px;
}

.progress .progress-bar {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
}

.progress .progress-bar.progress-success {
    background-color: #52a74d;
}

.progress .progress-bar.progress-info {
    background-color: #0e7e84;
}

.progress .progress-bar.progress-primary {
    background-color: #1a7abd;
}

.progress .progress-bar.progress-warning {
    background-color: #eeb933;
}

.progress .progress-bar.progress-danger {
    background-color: #af2c2c;
}



/* Basic table plugin */
@media only screen and (max-width: 568px) {
    .responsive-table tbody td:before {
        content: attr(data-th) "" !important;
        width: 7em !important;
        text-align: left !important;
    }
}