:root {
    --light-green: #BED630;
    --green: #00AF9D;
    --purple: #49479D;
    --gray: #637381;
    --light-gray: #E5E5E5;
    --white: #FAFAFA;
    --dark-green: #003D44;
}

@font-face {
    src: url("../fonts/Asap-Bold.ttf");
    font-family: "Asap-Bold";
}

@font-face {
    src: url("../fonts/Asap-Italic.ttf");
    font-family: "Asap-Italic";
}

@font-face {
    src: url("../fonts/Asap-Medium.ttf");
    font-family: "Asap-Medium";
}

@font-face {
    src: url("../fonts/Asap-Regular.ttf");
    font-family: "Asap-Regular";
}

@font-face {
    src: url("../fonts/Asap-SemiBold.ttf");
    font-family: "Asap-SemiBold";
}

h1{
    font-family: Asap-Bold!important;
}

.container_fluid {
    width: 100%;
    padding-right: var(--bs-gutter-x,2.5rem);
    padding-left: var(--bs-gutter-x,2.5rem);
    margin-right: auto;
    margin-left: auto;
}

.btn_seliga {
    border-radius: 18px;
    font-family: Asap-Bold;
    font-size: 20px;
    height: 55px;
}

.navbar-nav li .btn_login, .navbar-nav li .btn_inscricao{
    font-family: Asap-Bold!important;
}

.btn_seliga{
    color: #003642!important;
}

.btn_light_green {
    background-color: #C9D200!important;
    border-radius: 0.35rem!important;
}
.btn_light_green:hover{
    font-size: 21px!important;
    color: var(--dark-green)!important;
}

.btn_light_green_outline {
    background-color: transparent!important;
    color: var(--light-green);
    border-color: var(--light-green);
    border-radius: 0.35rem!important;
}

.btn_green {
    background-color: var(--green);
    color: var(--white);
}

.btn_white {
    background-color: var(--white);
    color: var(--gray);
    border-color: var(--gray);
}

.btn_purple {
    background-color: var(--purple);
    color: var(--white);
}

.btn_purple:hover{
    font-size: 20px!important;
}

.navbar-nav li a,
.navbar-nav li button {
    color: var(--dark-green)!important;
    font-family: Asap-Medium!important;
}

.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.font_purple {
    color: var(--purple);
    font-family: Asap-Medium;
}

.font_white {
    color: var(--white);
    font-family: Asap-Medium;
}

.font_light_green {
    color: var(--light-green);
    font-family: Asap-Medium;
}

.font_green {
    color: var(--green);
}

.font_gray {
    color: var(--gray);
}

.bg_green {
    background-color: var(--green);
}

.bg_light_green {
    background-color: var(--light-green);
}

.bg_light_gray {
    background-color: var(--light-gray);
}

.bg_purple {
    background-color: var(--purple);
}

.bg_white {
    background-color: var(--white);
}

.bg_dark_green {
    background-color: var(--dark-green);
}

.font_weight_300 {
    font-weight: 300;
}

.font_size_3rem {
    font-size: 3rem;
}

.font_size_4rem {
    font-size: 4rem;
}

.line_h_2rem {
    line-height: 2rem;
}

.mt_7rem {
    margin-top: 7rem;
}

.mt_0 {
    margin-top: 0;
}

.mt_10 {
    margin-top: 10rem;
}

.mb_-1rem {
    margin-bottom: -1rem;
}

.px_6rem {
    padding-right: 6rem!important;
    padding-left: 6rem!important;
}

.py_4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.px_10 {
    padding-right: 10rem;
    padding-left: 10rem;
}

.rounded_1 {
    border-radius: 1rem;
}

.rounded_2 {
    border-radius: 2rem;
}

.font_title_conexao_oferece {
    font-size: 1.45rem;
}

.font_description_conexao_oferece {
    color: var(--gray);
    font-size: 1.15rem;
}

.border_top_schedule {
    border-top: 1px solid rgba(0,174,157,.3);;
}

.open_schedule img {
    width: 10px;
    cursor: pointer;
}

.col_form_input_inscricao {
    padding-right: calc(var(--bs-gutter-x) * .1);
    padding-left: calc(var(--bs-gutter-x) * .1);
    margin-top: 7px;
}

.nav-pills .nav-item .nav-link {
    color: var(--dark-green);
}

.card_light_green {
    background-color: var(--green);
    border: unset;
    box-shadow: 4px 4px 8px rgb(0 0 0 / 25%);
    border-radius: 0.5rem;
    opacity: .9;
}

.card_light_green img {
    width: 6rem;
}

.carousel-caption {
    position: unset;
}

#carouselCaptions img {
    margin-top: 4rem;
    width: 15rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%;
    height: auto;
}

.grid_boy {
    background-image: url('https://conexaosicoob.com.br/seliga/public/images/menino_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}
form{
    font-family: Asap-Medium!important;
}
#form_entry input[type="text"] {
    background-color: #eee;
    border: unset;
}

.page_entry {
    display: none!important;
}

.page_entry_active {
    display: block!important;
}

.carousel-item {
    top: 145px;
}


/* 
TIMELINE
*/
.timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.timeline_mei {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.timeline::after {
    content: '';
    position: absolute;
    width: 3px;
    background-color: var(--purple);
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    height: 35rem;
}

.timeline_mei::after {
    content: '';
    position: absolute;
    width: 3px;
    background-color: var(--purple);
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    height: 22rem;
}

.box {
    padding: 0px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
    margin-bottom: 3rem;
}

.left::after {
    content: url(https://seligafinancas.institutosicoob.org.br/public/images/arrow_left.png);
    position: absolute;
    width: 25px;
    height: 25px;
    right: 7px;
    top: 0px;
    z-index: 1;
}

.right::after {
    content: url(https://seligafinancas.institutosicoob.org.br/public/images/arrow_right.png);
    position: absolute;
    width: 25px;
    height: 25px;
    right: -17px;
    top: 0px;
    z-index: 1;
    left: -4px;
}

.left {
    left: 0;
    text-align: end;
}

.right {
    left: 50%;
}

.content {
    padding: 0px 30px;
    position: relative;
}

.content p {
    margin: 0;
    padding: 0;
}

.select2-container{
    width: 100%!important;
}
.select2-selection {
    height: 36px!important;
    background-color: #e9ecef!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 28px!important;
    margin-top: -13px;
}
.select2-container--default .select2-selection--single {
    padding: 2rem!important;
}
.no-drop{
    cursor: no-drop;
}
.tipo_genero{
    display:none;
}
.tipo_genero+label:before{
    content: "\00a0";
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 26px;
    margin: 0 1.25em 0 0;
    padding:0;
    vertical-align: top;
    width: 30px;
    border-radius:4px;
    background-color: #d0d0d3;
}
.tipo_genero:checked+label:before{
    color: #fff;
    content:'\2713';
    text-align: center;
    background-color: #9898a0;
    padding: 4px;
}

.tipo_cor{
    display:none;
}
.tipo_cor+label:before{
    content: "\00a0";
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 26px;
    margin: 0 1.25em 0 0;
    padding:0;
    vertical-align: top;
    width: 30px;
    border-radius:4px;
    background-color: #d0d0d3;
}
.tipo_cor:checked+label:before{
    color: #fff;
    content:'\2713';
    text-align: center;
    background-color: #9898a0;
    padding: 4px;
}

.tipo_escolaridade{
    display:none;
}
.tipo_escolaridade+label:before{
    content: "\00a0";
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 26px;
    margin: 0 1.25em 0 0;
    padding:0;
    vertical-align: top;
    width: 30px;
    border-radius:4px;
    background-color: #d0d0d3;
}
.tipo_escolaridade:checked+label:before{
    color: #fff;
    content:'\2713';
    text-align: center;
    background-color: #9898a0;
    padding: 4px;
}

.tipo_renda{
    display:none;
}
.tipo_renda+label:before{
    content: "\00a0";
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 26px;
    margin: 0 1.25em 0 0;
    padding:0;
    vertical-align: top;
    width: 30px;
    border-radius:4px;
    background-color: #d0d0d3;
}
.tipo_renda:checked+label:before{
    color: #fff;
    content:'\2713';
    text-align: center;
    background-color: #9898a0;
    padding: 4px;
}

.tipo_profissao{
    display:none;
}
.tipo_profissao+label:before{
    content: "\00a0";
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 26px;
    margin: 0 1.25em 0 0;
    padding:0;
    vertical-align: top;
    width: 30px;
    border-radius:4px;
    background-color: #d0d0d3;
}
.tipo_profissao:checked+label:before{
    color: #fff;
    content:'\2713';
    text-align: center;
    background-color: #9898a0;
    padding: 4px;
}

.tipo_porte{
    display:none;
}
.tipo_porte+label:before{
    content: "\00a0";
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 26px;
    margin: 0 1.25em 0 0;
    padding:0;
    vertical-align: top;
    width: 30px;
    border-radius:4px;
    background-color: #d0d0d3;
}
.tipo_porte:checked+label:before{
    color: #fff;
    content:'\2713';
    text-align: center;
    background-color: #9898a0;
    padding: 4px;
}

.autoriza{
    display:none;
}
.autoriza+label:before{
    content: "\00a0";
    display: inline-block;
    font: 16px/1em sans-serif;
    height: 26px;
    margin: 0 1.25em 0 0;
    padding:0;
    vertical-align: top;
    width: 30px;
    border-radius:4px;
    background-color: #d0d0d3;
}
.autoriza:checked+label:before{
    color: #fff;
    content:'\2713';
    text-align: center;
    background-color: #9898a0;
    padding: 4px;
}
.font{
    font-family: Asap-Medium;
}
.font li button{
    font-size: 20px;
    /*font-weight: 450;*/
}
.font li a{
    font-size: 20px;
    font-family: Asap-Bold;
}
.btn_seliga_insc{
    border-radius: 4px!important;
    padding: 13px 40px!important;
    font-family: Asap-Bold!important;
    width: 275px;
    height: 55px;
    font-size: 20px;
}
.btn_seliga_insc:hover{
    color: white!important;
    font-size: 21px!important;
}
.quadros p{
    text-align: left;
    font-family: Asap-Medium;
}
.quadros strong{
    margin-right: auto;
    margin-bottom: 5px;
    font-size: 1.25rem;
    font-family: Asap-Medium;
}
.mod p{
    font-family: Asap-Medium!important;
}
.mod .titulo{
    font-weight: 600!important;
    color: var(--dark-green)!important;
    font-size: 1.2rem!important;
    font-family: Asap-Medium!important
}
.mod .texto{
    font-weight: 700!important;
    font-size: 1.20rem;
}
.px_09{
    padding-right: 9rem!important;
    padding-left: 9rem!important;
    font-weight: bold!important;
}
#form_entry p{
    font-weight: 450!important;
}
.quadros .card_light_green{
    padding: 2rem!important;
}

#btnscrollToTop{
    position: fixed;
    bottom: 10px;
    right: 10px;
    color: var(--green);
    background-color: white;
    border-radius: 50%;
    cursor: pointer;
}
#btnscrollToTop:hover::after {
    margin-top:-8px;
}

.footer_seliga a {
    text-decoration: none;
    color: white;
}
.footer_seliga a:link,.footer_seliga a:hover, .footer_seliga a:visited{
    color: white;
}

.ajuste_paginacao{
    float: right;
}

.mostrar_mobile{
    display: none;
}

.dropdown-menu-right{right:0;left:auto}

.table-overflow{
    overflow-y:auto;
}
.form_dados_geral .btn_green,.form_dados_legado .btn_green,.form_dados_central .btn_green,.form_dados_singular .btn_green{
    background-color: var(--green)!important;
    color: white!important;
}
.select2-container{
    width: 100%!important;
}
.select2-selection {
    height: 40px!important;
    background-color: var(--green)!important;
}
::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: white;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: white;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: white;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: white;
}
select{
    color: white!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 15px!important;
    margin-top: -10px;
    color: white!important;
}
.select2-container--default .select2-selection--single {
    padding: 1.2rem!important;
    border-radius: 15px!important;
    border: 0;
    color: white!important;
}
.select2-container--default .select2-selection--multiple {
    border-radius: 15px!important;
    border: 0!important;
    color: white!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: var(--green)!important;
    color: white!important;
    border: 0px!important;
}
.select2-container--default .select2-results__option--selected:before{
    font-family: "Font Awesome 5 Brands"; content: "\f00c ";
    color: white!important;
    font-size: 20px;
}
select2-results__option:after{
   /* content: " \2610"!important;*/
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    content: " \2610"!important;
}
.select2-container--default .select2-results__option--selected {
    background-color: var(--gray)!important;
    color: white!important;
}

#grid_questions .accordion-item .accordion-header button{
    padding-right: 4%;
    border: 0!important;
    background-color: rgba(0, 0, 0, .01)!important;
    height: auto;
}

#grid_questions .accordion-item .accordion-header{
    background-color: rgba(0, 0, 0, .03)!important;
}
#grid_questions .accordion-button:not(.collapsed){
    background-color: rgba(0, 0, 0, .00)!important;
}

#grid_questions .accordion-button:focus{
    box-shadow: 0 0 0 .1rem rgba(0,0,0,.1)!important;
}

#grid_questions .accordion-item{
    border-radius: 15px!important;
}

#grid_questions .accordion-body{
    color: #053E44;
}
#grid_questions .accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

#grid_questions .accordion-item .accordion-button{
    border-radius: 15px!important;
    font-size: 1rem!important;
    font-weight: bold;
}

#grid_questions{
    background-image: url("../../public/images/last_banner.png");
    background-size: cover;
}

.accordion-item:not(:first-of-type){
    border-top: 1px solid lightgrey!important;
}
#carouselCaptions .carousel-inner .carousel-item {
    height: auto;
    min-height: 1100px;
}

@media screen and (min-width: 700px) {
    .paginacao .pagination{
        float: right!important;
    }
}

/* Media queries - Responsive TIMELINE */
@media screen and (max-width: 600px) {
    /* Place the timelime to the left */
    .timeline::after , .timeline_mei::after{
        left: 31px;
    }

    /* Full-width containers */
    .box {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

    /* Make sure that all arrows are pointing leftwards */
    .box::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    }

    /* Make sure all circles are at the same spot */
    .left::after, .right::after {
        left: 15px;
    }

    /* Make all right containers behave like the left ones */
    .right {
        left: 0%;
    }

    .ocultar_mobile{
        display: none;
    }
    .mostrar_mobile{
        display: block;
    }

    .ajuste_dropdown{
        margin-top: -100px;
    }

    .ajuste_paginacao{
        float: none;
        overflow-y:auto;
    }
    .dropdown-menu{
        width: 220px;
    }
    .mostrar_mobile .active{
        background-color: var(--light-green)!important;
        border-radius: 0.35rem!important;
        color: var(--dark-green);
    }
}



/* // Small devices (landscape phones, 576px and up) */
@media (max-width: 575.98px) {
    .grid_boy {
        height: auto!important;
    }

    .mt_5 {
        margin-top: 5rem;
    }

    .mt_0 {
        margin-top: 0;
    }

    .px_2 {
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .left::after {
        content: url(https://conexaosicoob.com.br/seliga/public/images/arrow_right.png);
        position: absolute;
        width: 25px;
        height: 25px;
        right: 7px;
        top: 0px;
        z-index: 1;
    }

    .ocultar_mobile{
        display: none;
    }
    .mostrar_mobile{
        display: block;
    }

    .ajuste_dropdown{
        margin-top: -100px!important;
    }

    .ajuste_paginacao{
        float: none;
        overflow-y:auto;
    }
    .dropdown-menu .dropdown-menu-right{
        width: 170px;
    }

    .left::after,
    .right::after {
        left: 27px;
    }

    .left {
        text-align: start;
    }

    .carousel-inner {
        /*height: 650px;*/
    }

    .carousel-item {
        top: 0;
    }
    .grid_boy_top {
        background-color: var(--green);
        width: 100vw;
        margin-left: calc(50% - 50vw);
        padding: 25px 0;
    }
    .grid_boy_bottom {
        background-color: var(--light-green);
        width: 100vw;
        margin-left: calc(50% - 50vw);
        padding: 25px 0;
    }
    .grid_boy {
        background-image: unset;
    }
}
@media (min-width: 576px) {

}
@media (max-width: 767.98px) {
    .carousel-item {
        top: 0;
    }

    .ocultar_mobile{
        display: none;
    }
    .mostrar_mobile{
        display: block;
    }

    .ajuste_dropdown{
        margin-top: 0px;
    }

    .ajuste_paginacao{
        float: none;
        overflow-y:auto;
    }
    .dropdown-menu{
        width: 220px;
    }
    .mostrar_mobile .active{
        background-color: var(--light-green)!important;
        border-radius: 0.35rem!important;
        color: var(--dark-green);
    }
}
/* // Medium devices (tablets, 768px and up) */
@media (width: 768px) {
    .grid_boy {
        background-position: bottom;
    }
    .carousel-inner {
        height: 540px;
    }

    .ocultar_mobile{
        display: none;
    }
    .mostrar_mobile{
        display: block;
    }

    .ajuste_dropdown{
        margin-top: -100px;
    }

    .ajuste_paginacao{
        float: none;
        overflow-y:auto;
    }
    .dropdown-menu{
        width: 220px;
    }
    .mostrar_mobile .active{
        background-color: var(--light-green)!important;
        border-radius: 0.35rem!important;
        color: var(--dark-green);
    }

}
@media (min-width: 768px) {
    .carousel-inner {
        /*height: 540px;*/
    }
    .carousel-item {
        top: 0;
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .carousel-inner {
        /*height: 1024px;*/
    }
    .carousel-item {
        /*top: 145px;*/
    }
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .carousel-inner {
        /*height: 920px;*/
    }
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .mt_xxl_24 {
        margin-top: 24rem!important;
    }
}
@media (min-width: 2560px) {
    .mt_xxl_50 {
        margin-top: 50rem!important;
    }
}