/* smartadmin */
body {
    font-family: 'Inter' !important;
    /*font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;*/
    color: #333;
    font-size: 14px;
}

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

.text-success {
    color: #468847 !important;
}
.text-danger {
    color: #b94a48 !important;
}
.text-warning {
    color: #c09853 !important;
}

/*
    Panel
*/
.panel {
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

/*
    Buttons
*/
.btn {
    padding: 5px 10px;
    font-size: 13px !important;
    border-radius: 5px;
    /*-moz-box-shadow: 0px 1px 4px #c7c7c7;
    -webkit-box-shadow: 0px 1px 4px #c7c7c7;
    box-shadow: 0px 1px 4px #c7c7c7;*/
    text-shadow: none;
}

    .btn:hover {
        text-decoration: none !important;
    }

.btn-xs {
    padding: 3px 10px;
    font-size: 11px !important;
}

.btn-sm {
    padding: 4px 10px;
    font-size: 12px !important;
}

.btn-md {
    padding: 5px 10px;
    font-size: 13px !important;
}

.btn-lg {
    padding: 7px 20px;
    font-size: 15px !important;
}

.btn-primary {
    background: #1599BA;
    background: -webkit-linear-gradient(top, #0284c7, #0369a1);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0284c7), to(#0369a1));
    background: -moz-linear-gradient(top, #0284c7, #0369a1);
    background: -ms-linear-gradient(top, #0284c7, #0369a1);
    box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
    border-color: #0369a1;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    color: #fff !important;
    font-size: 12px;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
        background: #0369a1;
        text-shadow: 0 0 1px #222;
    }

.btn-success {
    background: #52a74d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52a74d), to(#4a8c47));
    background: -webkit-linear-gradient(top, #52a74d, #4a8c47);
    background: -moz-linear-gradient(top, #52a74d, #4a8c47);
    background: -ms-linear-gradient(top, #52a74d, #4a8c47);
    box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
    border-color: #5b9a50;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    color: #fff !important;
    font-size: 12px;
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
        background: #19921a;
        text-shadow: 0 0 1px #222;
    }

.btn-danger {
    background: #25b54b;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b94f4f), to(#af2c2c));
    background: -webkit-linear-gradient(top, #b94f4f, #af2c2c);
    background: -moz-linear-gradient(top, #b94f4f, #af2c2c);
    background: -ms-linear-gradient(top, #b94f4f, #af2c2c);
    box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
    border-color: #ab5a5a;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    color: #fff !important;
    font-size: 12px;
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
        background: #a20505;
        text-shadow: 0 0 1px #222;
        border-color: #ab5a5a;
    }

.btn-default {
    background: #eff0f3;
    background: linear-gradient(to bottom,#f3f4f6,#e5e7eb);
    background: -webkit-linear-gradient(top,#f3f4f6,#e5e7eb);
    background: linear-gradient(to bottom,#f3f4f6,#e5e7eb);
    box-shadow: 0 1px 0 rgba(255,255,255,.6) inset;
    border-color: #e1e5ea #c8ccd2 #cccfd2;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    color: #616161 !important;
    font-size: 12px;
}

    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
        /*border-color: #a2a6ac #979aa1 #82858a;*/
        border-color: #e1e5ea #c8ccd2 #cccfd2;
        background: #e7e9ec;
    }

.btn-warning {
    background: #f3d078;
    background: -webkit-linear-gradient(top,#f7dfa5,#f0c14b);
    background: linear-gradient(to bottom,#f7dfa5,#f0c14b);
    box-shadow: 0 1px 0 rgba(255,255,255,.4) inset;
    /*border-color: #a88734 #9c7e31 #846a29;*/
    border-color: #d8c38e #d8b55b #c7a54d;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    color: #111 !important;
    font-size: 12px;
}

    .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
        background: #f1c860;
        background: -webkit-linear-gradient(top,#f5d78e,#eeb933);
        background: linear-gradient(to bottom,#f5d78e,#eeb933);
        /*border-color: #a88734 #9c7e31 #846a29;*/
        border-color: #d8c38e #d8b55b #c7a54d;
        color: #111 !important;
    }

.btn-info {
    background: #0e7e84;
    background: -webkit-linear-gradient(top,#1c9ea5,#0e7e84);
    background: linear-gradient(to bottom,#1c9ea5,#0e7e84);
    box-shadow: 0 1px 0 rgba(255,255,255,.2) inset;
    border-color: #4e7a8c;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    color: #fff !important;
    font-size: 12px;
}

    .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
        background: #0e7e84;
        color: #fff !important;
    }

.btn-dark {
    background: #5b626a;
    background: -webkit-linear-gradient(top,#72787F,#444C55);
    background: linear-gradient(to bottom,#72787F,#444C55);
    border-color: #3d444c #2f353b #2c3137;
    color: #fff !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.15) inset;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 600;
}

    .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active {
        color: #fff !important;
        background: #50555d;
        background: -webkit-linear-gradient(top,#666b72,#393f47);
        background: linear-gradient(to bottom,#666b72,#393f47);
    }

/*
    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 {
    color: #333;
}
    .table thead tr {
        background-color: #eee;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa));
        background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    }
    .table thead tr th {
        font-weight: normal;
    }
    .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;
    }
}