/*TABELA*/

table {
    max-width : 100%;
    margin    : 0 auto !important;
    margin-top: 70px !important;
}

.table {
    border-bottom: #999999 solid 1px;
    width        : 100%;
    margin-bottom: 20px;
}

.table th,
.table td {
    text-align    : left;
    vertical-align: middle;
}


/**TABELA*/


/* Contacto */

.details1 {
    margin-left: 50px !important;
}

.main-contact {
    display      : flex;
    align-content: space-between;
    width        : 100%;
    max-width    : 1366px;
    margin       : 0 25px !important;
}

.main-contact .form-contact {
    width : 70%;
    margin: 0 auto !important;
}

.main-contact .form-contact input,
.main-contact .form-contact select,
.main-contact .form-contact textarea,
.main-contact .form-contact button {
    margin   : 10px 0 !important;
    padding  : 10px !important;
    width    : 100%;
    font-size: 1em;
}

.main-contact .form-contact button {
    text-transform: uppercase;
}


/* Consulta */

.info {
    margin    : 20px 30px !important;
    margin-top: 30px !important;
}

.info p {
    font-size: .7em;
}

.resume {
    margin: 0 30px !important;
}

.statistic {
    margin: 0 30px !important;
}

.attachments a {
    text-decoration: none;
    text-transform : uppercase;
}

.participate p {
    margin: 0 45% !important;
}

.participate .btn-primary {
    text-align: center;
    color     : #fff !important;
    padding   : 18px 10px 10px 10px !important;
}

h2.title-custom {
    text-transform: uppercase;
    overflow      : hidden;
    text-align    : center;
}

h2.title-custom:before,
h2.title-custom:after {
    background-color: #000;
    content         : "";
    display         : inline-block;
    height          : 1px;
    position        : relative;
    vertical-align  : middle;
    width           : 50%;
}

h2.title-custom:before {
    right      : 0.5em;
    margin-left: -50%;
}

h2.title-custom:after {
    left        : 0.5em;
    margin-right: -50%;
}


/*  Formulario de Pesquisa */


/* Style the form - display items horizontally */

.h1 {
    padding       : 70px 30px 0px 30px !important;
    text-align    : center;
    text-transform: uppercase;
    font-size     : 2em !important;
}

.in {
    color: black !important;
}

.form-inline {
    margin     : 40px 100px !important;
    display    : flex;
    flex-flow  : row wrap;
    align-items: center;
}


/* Add some margins for each label */

.form-inline label {
    margin: 5px 10px 5px 0;
}


/* Style the input fields */

.form-inline input,
.form-inline select {
    width           : 35%;
    vertical-align  : middle;
    margin          : 0 10px !important;
    padding         : 26px 10px !important;
    background-color: #fff;
    border          : 1px solid #ddd;
    color           : #000 !important;
}


/* Style the submit button */

.form-inline button {
    width           : 20%;
    margin          : 0 10px !important;
    padding         : 10px 20px !important;
    background-color: dodgerblue;
    border          : 1px solid #ddd;
    color           : white;
}

.form-inline button:hover {
    background-color: royalblue;
}

.h11 {
    padding       : 70px 30px 0px 30px !important;
    text-transform: uppercase;
    font-size     : 2.5em !important;
}


/* Add responsiveness - display the form controls vertically instead of horizontally on screens that are less than 800px wide */

@media (max-width: 1024px) {
    .form-inline {
        margin        : 40px 100px !important;
        display       : flex !important;
        flex-direction: column !important;
        align-items   : center !important;
    }

    .in {
        width  : 80% !important;
        padding: 50px !important;
    }

    input#i1 {
        margin: 20px !important;
    }

    input#i2 {
        margin: 20px !important;
    }

    .p1 {
        margin-top: 20px !important;
    }

    button#bt1 {
        width     : 200px !important;
        margin-top: 20px !important;
    }
}

@media (max-width: 800px) {

    .form-inline input,
    .form-inline select {
        margin: 10px 0;
    }

    .form-inline {
        flex-direction: column;
        align-items   : stretch;
    }

    .h1 {
        font-size: 25px !important;
    }

    .h11 {
        font-size: 23px !important;
    }

    .main-contact {
        display: flex;
        width  : 100%;
        margin : 0px 0px 0px 0px !important;
    }

    .main-contact .form-contact {
        width : 100%;
        margin: 0px 0px 0px 0px !important;
    }

    .main-contact .form-contact input,
    .main-contact .form-contact select,
    .main-contact .form-contact textarea,
    .main-contact .form-contact button {
        margin   : 10px 0px !important;
        padding  : 10px !important;
        width    : 100% !important;
        font-size: 1em;
    }

    .main-contact .form-contact button {
        text-transform: uppercase;
    }

    .formulario {
        width: 100% !important;
    }
}

@media (max-width: 767px) {

    /* Responsive Table */
    .table-responsive {
        /* display: block; */
        position: relative;
        width   : 90%;
    }

    .table-responsive-table {
        width: 80% !important;
    }

    .table-responsive td,
    .table-responsive th {
        height: 35px;
    }

    .table-responsive tbody {
        width                     : auto;
        position                  : relative;
        overflow-x                : auto;
        -webkit-overflow-scrolling: touch;
        white-space               : nowrap;
    }

    .form-inline {
        margin        : 40px 0px !important;
        margin-bottom : 100px !important;
        display       : flex !important;
        flex-direction: column !important;
        align-items   : center !important;
    }

    .in {
        width  : 80% !important;
        padding: 25px 0px !important;
    }

    input#i1 {
        margin: 20px 0px !important;
    }

    input#i2 {
        margin: 20px 0px !important;
    }

    .p1 {
        margin-top: 20px !important;
    }

    button#bt1 {
        width     : 200px !important;
        margin    : 0 auto !important;
        margin-top: 20px !important;
    }

    .main-contact .form-contact {
        width : 100%;
        margin: 0px 0px 0px 0px !important;
    }

    .main-contact .form-contact input,
    .main-contact .form-contact select,
    .main-contact .form-contact textarea,
    .main-contact .form-contact button {
        margin   : 10px 0px !important;
        padding  : 10px !important;
        width    : 100% !important;
        font-size: 1em;
    }

    .main-contact .form-contact button {
        text-transform: uppercase;
    }

    .formulario {
        width      : 275px !important;
        margin-left: -30px !important;
    }

    .details1 {
        margin-left: 0px !important;
    }
}


/* .carousel-control-prev,  .carousel-control-next{
    background-color: #e8e8e8;
  } */

.carousel-control-prev:hover,
.carousel-control-next:hover {
    background-color: #e8e8e8;
}

.docs {
    display       : flex;
    flex-direction: row;
    align-items   : flex-start;
}

.doc {
    width : 100% !important;
    margin: 0 10px !important;
}