/* Estilos para o formulário com três colunas */

.form_pagarme_dokan .row {

    display: flex;

    flex-wrap: wrap;

    /*justify-content: space-between;*/

    margin: 10px 0px;

}



.form_pagarme_dokan .col {

    flex: 1;

    padding: 0 8px;

    box-sizing: border-box;

    min-width: 300px;

    margin: 5px 0;

}



.form_pagarme_dokan .col-3 {

    width: 33.33333%; /* Define a largura de cada coluna para um terço do container */

}

.form_pagarme_dokan .col-4 {

    width: 25%;

    min-width: 0px;

}



@media (max-width: 768px) {

    .form_pagarme_dokan .col {

        flex: 1 1 100%; /* Em telas pequenas, ocupa 100% da largura */

    }

}



.form-check {

    display: flex;

    align-items: center; /* Alinha verticalmente os itens no meio */

}



.form-check-input {

    flex-shrink: 0; /* Impede que o checkbox encolha */

    margin-right: 5px; /* Espaço entre o checkbox e o texto */

}



.form-check-label {

    margin: 0; /* Remove margens adicionais se existirem */

    font-size: 16px;

}

input#self_declared_representative {

    width: 4% !important;

    height: 20px;

}



.form_pagarme_dokan label{

    display:block;

    font-size:14px;

}

.form_pagarme_dokan input, .form_pagarme_dokan select{

    width:100% !important;

    border:2px solid #cccccc !important;

    border-radius:5px !important;

    padding:10px !important;

    background:#fff !important;

    height: 50px !important;
    text-align: left !important;

}

input[type="number"] {
  padding: 10px !important;
  text-align: left !important;
}

.form_pagarme_dokan input:hover{

    background:#fff;

}

.sessao-form {

    margin-right: 0.6%;

    width: 100% !important;

}

fieldset.desktop.desktop:nth-child(n) {

    display: flex;

    padding: 20px;

    border: 1px solid #f4f4f4;

    background:#fff;

    

}

.form_pagarme_dokan input[type="submit"] {

    margin-top: 1.0% !important;

    background: #2ecc71;

    color: #fff;

    border: none;

    font-size: 18px;

    height: 50px;

}

.full-width, .campo-nome {

	flex-basis: 100%;

	align-self:stretch;

}

@media only screen and (max-width: 768px) {

    /* Corrige o seletor para 'fieldset.desktop' */

    fieldset.desktop {

        display: block !important;  /* Alterado de 'contents' para 'block' para manter a semântica */

    }



    .sessao-form {

        margin-bottom: 15px;

        display: flex;

        width: 100%;

        justify-content: space-between;

        flex-wrap: wrap;

    }



    .box_sucesso_msg {

        background: #1dd1a1;

        color: #fff;

        padding: 5px;

        border-radius: 2px;

    }

}

/*@media only screen and (max-width: 768px) {

fieldset  class="desktop":nth-child(n) {

    display: contents !important;

}

.sessao-form {

    margin-bottom: 15px;

    display: flex;

	width: 100%;

	justify-content: space-between;

	flex-wrap: wrap;

}

.box_sucesso_msg{

    background:#1dd1a1;

    color:#fff;

    padding:5px;

    border-radius:2px;

}

}



*/