/* styles.css*/

@import 'base/reset.css';
@import 'base/typography.css';

@import 'components/buttons.css';
@import 'components/forms.css';
@import 'components/images.css';
@import 'components/modals.css';

@import 'layout/header.css';
@import 'layout/footer.css?v=20260917';
@import 'layout/layout.css';

@import 'pages/home.css';
@import 'pages/dashboard.css';
@import 'pages/estatisticas.css';
@import 'pages/search_question.css';

@import 'plugins/select2.css';
@import 'plugins/autocomplete-ui.css';
@import 'plugins/snackbar.css';
@import 'plugins/summernote.css';
@import 'plugins/print.css';


body {
    background-color: #fbfcfd;
    background-image:
        radial-gradient(ellipse 90% 55% at 8% -8%, rgba(130, 220, 230, 0.34), transparent 58%),
        radial-gradient(ellipse 55% 40% at 78% 18%, rgba(130, 220, 230, 0.14), transparent 62%),
        radial-gradient(ellipse 80% 50% at 92% 108%, rgba(248, 178, 51, 0.1), transparent 60%),
        radial-gradient(ellipse 45% 35% at 20% 88%, rgba(248, 178, 51, 0.06), transparent 70%),
        linear-gradient(180deg, #f7fcfd 0%, #fffcf8 58%, #fffaf4 100%);
    color: #113353;
}

section {
    width: 100%;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

th {
    white-space: nowrap;
    position: sticky;
    top: 0;
    background-color: #113353;
    color: #ffffff;
    z-index: 1;
    text-decoration: none;
}

th a {
    color: #ffffff;
    text-decoration: none;
}

td {
    white-space: nowrap;
}

p {
    text-align: justify;
}

.card {
    border: 1px solid rgba(22, 48, 71, 0.08);
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(16, 24, 32, 0.04);
}

.form-control,
.form-select {
    border-radius: 8px;
    border-color: rgba(22, 48, 71, 0.16);
}

/* Responsividade p/ default */
@media (max-width: 1200px) {

    .wrapper,
    .footer_container {
        width: 700px;
        margin: 0 auto;
    }
}

/* Responsividade p/ tablets e mobile */
@media (max-width: 1024px) {
    .navbar-brand img {
        max-width: 180px;
    }

    .navbar-collapse {
        text-align: center;
    }

    .nav-item {
        margin: 0.001rem 0;
    }

    .btn {
        display: block;
        margin: 0.5rem auto;
        width: 90%;
    }
}

/* Responsividade p/ pagination*/
@media (max-width: 576px) {
    .pagination {
        font-size: 0.875rem;
    }

    .pagination .page-link {
        padding: 0.5rem 0.75rem;
    }
}