/* ALTRE PERSONALIZZAZIONI PER PROGETTO */
@import url('custom/custom_style.css');

.table.dataTable tr:hover,
.table.dataTable tbody tr:nth-child(odd):hover {
    background-color: #f3f3f3;
}

.table.dataTable tbody tr:nth-child(odd) {
    background-color: #f9f9f9;
}

.app-footer i {
    color: #fff;
}

/* Per altri Colori vedi file custom_style.css */

.card-actions form {
    display: inline;
}

.card-actions .form-control {
    display: inline;
    width: 60%;
}

/* Override dello stile di Metronic */
img.app-sidebar-logo-default {
    max-width: 100%;
    width: auto;
}

img.app-sidebar-logo-minimize {
    max-width: 100%;
    width: auto;
}

body.body-login {
    background-image: url('../../../img/bg_auth_dark.png');
}

[data-kt-app-layout=light-sidebar] div#kt_app_content_container {
    padding-top: 30px;
    padding-bottom: 30px;
}

.card-actions {
    flex-basis: 50%;
}

.mobile-hide {
    display: block;
}

.mobile-show {
    display: block;
}

.table.dataTable tr td:first-child {
    padding-left: 10px !important;
}

.table.dataTable tr td:last-child {
    padding-right: 10px !important;
}

@media (max-width: 1135px) {

    /* Stili per desktop e schermi grandi */
    .card-actions,
    .card-title {
        flex-basis: 110%;
    }

    .card-title {
        justify-content: space-between;
    }
}

/* MEDIA QUERIES */
/* XL - Per schermi più piccoli di 1400px */

@media (max-width: 1399.98px) {
    /* Stili per desktop e schermi grandi */
}


/* LG - Per schermi più piccoli di 1200px */
@media (max-width: 1199.98px) {
    /* Stili per laptop e schermi grandi */
}

/* MD - Per schermi più piccoli di 992px */
@media (max-width: 991.98px) {
    /* Stili per tablet e dispositivi medi */
}

/* SM - Per schermi più piccoli di 768px */
@media (max-width: 767.98px) {
    /* Stili per telefoni e tablet piccoli */
}

/* XS - Per schermi più piccoli di 576px */
@media (max-width: 575.98px) {

    /* Stili per mobile molto piccoli */

    .card .card-header {
        padding: 0 1rem;
    }

    .mobile-hide {
        display: none;
    }

    .mobile-show {
        display: block;
    }
}