/* Styling Tabs Toggle */
.tabsBtnHolder {
    display: flex;
}

.tabsBtnHolder ul{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    max-width: fit-content;
    border-radius: 3px;
    margin: 0px auto;
    background-color: #fff;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    padding: 7px;
    border: solid 2px #333;
}

.tabsBtnHolder ul li{
    float:left;
    display:inline-block;
    transition:0.4s ease;
}

.tabsBtnHolder ul li p{
    color: #8F8F8F;
    padding: 10px 15px;
    font-size: 16px;
    z-index: 10;
    position: relative;
    cursor: pointer;
    line-height: 19px;
    margin: 0;
    transition:0.4s ease;
}

.tabsBtnHolder ul li p.active{
    color:#fff;
}

.tabsBtnHolder ul li.indicator{
    position: absolute;
    left: 7px; /*163px*/
    background: #111111;
    height: calc(100% - 14px);
    border-radius: 3px;
    width: 47.5%;
    z-index:9
}

/* Styling Forms Sctructure*/
#form-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

form.contribution-form {
    width:100%;
    max-width: 450px;
    box-shadow: 0px 0px 50px -10px rgba(0, 0, 0, 0.15);
    transition: all .4s ease-in-out;
    padding: 20px 60px 60px 60px;
    opacity: 0;
    min-width: 400px;
    transform: translateY(100%);
    position: absolute;
    z-index: 0;
    height:0;
}

.contribution-form .form-row{
    margin-bottom: 10px;
    display:none;
}

.contribution-form.active .form-row{
    display:block;
}

form.contribution-form .form-footer{
    z-index: 1;
    position: relative;
}

.contribution-form .form-row.purpose-others-cnpj:not(.active), .contribution-form .form-row.purpose-others-cpf:not(.active){
    margin-bottom: 0;
}

.contribution-form label{
    margin-bottom: 5px;
}

/* Styling Forms Inputs and Inputs Sctructures*/
form.contribution-form select, form.contribution-form-pj input{
    display: none;
}

form.contribution-form.active{
    opacity: 1;
    transform: translateY(0);
    position: relative;
    z-index: 1;
    min-width: 0;
    height:auto;
}

form.contribution-form.active select, form.contribution-form.active input{
    display: block;
    width:100%;
    max-width: 100%;
}

.contribution-form .select2 {
    max-width: 100%;
    width:100%;
}

.contribution-form .select2 .select2-selection {
    padding: 0.5rem 1rem;
    height: auto;
}

.contribution-form .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 50%;
    transform: translateY(-50%);
}

.contribution-form .price-wrapper{
    display: flex;
}

.contribution-form .price-before{
    padding: 8px;
    display: flex;
    align-items: center;
    background-color: #efeff1;
    border-radius: 3px 0 0 3px;
    border: solid 1px ;
}

form.contribution-form input#price{
    border-left: none;
    border-radius: 0 3px 3px 0;
}

.contribution-form .purpose-others-cpf, .contribution-form .purpose-others-cnpj{
    height: 0;
    opacity: 0;
    transition: all .2s;
}

form.contribution-form.active .purpose-others-cpf > input{
    display: none;
}

.contribution-form .purpose-others-cpf.active, .contribution-form .purpose-others-cnpj.active{
    opacity: 1;
    height: auto;
}

form.contribution-form.active .purpose-others-cpf.active > input{
    display: block;
}

form.contribution-form input[type='submit']{
    cursor: pointer;
}


@media(max-width:767px){
    form.contribution-form {
    max-width:100%;
    width:400px;
    min-width:0;
}
}