/*Index.blade.php*/

.body {
    background: url("../img/slider/1.png") no-repeat fixed center;
    background-size: cover;
    margin-bottom: -170px !important;
    font-family: 'DM Serif Display', serif;
}

.card {
    box-shadow: none !important;
    margin: 10px !important;
    border: none !important;
}

.col-md-3 {
    text-align: center !important;
}

.divv {
    width: 67%;
}

.bota {
    margin-top: 20px !important;
    background-color: #fff !important;
    border: none !important;
    min-width: 5% !important;
}

.roww {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}


/* .card-columns {
    display: flex !important;
    justify-content: center !important;
} */

.card-header {
    padding: 14px !important;
}

.card-deck {
    width: 86% !important;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
}

.col-md-8 {
    background: #FFFFFF !important;
    border-radius: 16px !important;
}

.col-md-3 {
    border-radius: 16px !important;
}

.cartao .cartao2 {
    display: flex !important;
    flex-wrap: wrap !important;
}

.body1 {
    width: 100% !important;
    margin: 60px 5px -10px 5px !important;
}

.h3 {
    text-align: center;
    color: white;
    width: 50%;
    margin: 0px auto 30px auto;
}

.imgs1 {
    width: 100%;
    height: 100%;
}

.select2-container--default .select2-selection--single {
    display: block !important;
    width: 100% !important;
    height: calc(1.5em + 0.75rem + 8px) !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #495057 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    border-radius: 16px !important;
}

.select2-selection__arrow {
    margin-top: 6px !important;
    margin-right: 4px !important;
}

@media (max-width: 990px) {
    .new {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    .select2-container--default .select2-selection--single {
        display: block !important;
        width: 100% !important;
        height: calc(1.5em + 0.75rem + 8px) !important;
        padding: 0.375rem 0rem !important;
        font-size: 1rem !important;
        font-weight: 400 !important;
        line-height: 1.5 !important;
        color: #495057 !important;
        background-color: #fff !important;
        background-clip: padding-box !important;
        border: 1px solid #ced4da !important;
        border-radius: 0.25rem !important;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
        border-radius: 16px !important;
    }
}

@media (max-width: 863px) {
    .card-deck {
        width: 90% !important;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
    }
    .card {
        width: 40%;
        margin: 10px !important;
    }
    .select2-container--default .select2-selection--single {
        display: block !important;
        width: 120% !important;
        height: calc(1.5em + 0.75rem + 8px) !important;
        padding: 0.375rem 0.75rem !important;
        font-size: 1rem !important;
        font-weight: 400 !important;
        line-height: 1.5 !important;
        color: #495057 !important;
        background-color: #fff !important;
        background-clip: padding-box !important;
        border: 1px solid #ced4da !important;
        border-radius: 0.25rem !important;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
        border-radius: 16px !important;
    }
    .btn {
        margin-left: -50%!important;
    }
}

@media (max-width: 767px) {
    .card {
        margin: 0px !important;
    }
    .row {
        margin: 20px auto !important;
    }
    .col-md-8 {
        width: 100% !important;
        border-radius: 8px 8px 0px 0px !important;
    }
    .col-md-3 {
        width: 100% !important;
        border-radius: 0px 0px 8px 8px !important;
    }
    .b1 {
        border-radius: 10px 10px 0px 0px !important;
    }
    .b {
        border-radius: 0px 0px 10px 10px !important;
    }
    .bota {
        margin: 20px 0px 0px 0px !important;
        background-color: #fff !important;
        border: none !important;
    }
}

@media (max-width: 761px) {}


/* @media (max-width: 709px) {
    .geral {
        width: 100% !important;
    }
    .card-deck {
        width: 100% !important;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
    }
    .card {
        width: 60%;
        margin: 0px auto !important;
    }
}

@media (max-width: 575px) {
    .geral {
        width: 90% !important;
    }
    .card {
        width: auto !important;
    } 
} */


/*Responsividade do processo de adição de novos membros nos forms*/

@media (max-width: 423px) {
    .bts {
        width: 199px;
        display: flex !important;
        flex-direction: column !important;
        justify-items: flex-end !important;
    }
}

@media (max-width: 376px) {
    .divv {
        width: 80%;
    }
}


/*Hero Page*/

.help-hero {
    margin: 50px auto;
}

.help-hero .input-group {
    max-width: 74%;
    margin: auto;
}

.help-body {
    width: 98%;
    margin: 10px auto;
}

.has-search .form-control {
    padding-left: 2.375rem;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}