/* 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';
@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: rgb(220, 220, 220);
    background-image: linear-gradient(0deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 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: #343a40;
    z-index: 1;
    text-decoration: none;
}

td {
    white-space: nowrap;
}

p {
    text-align: justify;
}

/* 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;
    }
}