@import url("base.css");


.card.custom-card {
    border: 1px solid var(--secondary-color)!important;
    overflow: hidden;
}

.card-header {
    /* background: linear-gradient(to right, var(--xlight-color), var(--light-color)); */
    padding: 15px 20px;
    border-radius: 0!important;
}

.card-body {
    padding: 15px 20px;
    border-radius: 0!important;
}

.table-responsive thead th {
    position: sticky;
    top: 0;
    z-index: 10;
}

.table-responsive {
    scroll-behavior: smooth;
}

@media (max-width: 768px) {
    .main-content.app-content {
        margin-top: 70px;
    }
}

@media (min-width: 768px) {
    .footer {
        position: sticky;
        bottom: 0;
    }
}