:root{
    --tamanho: 45px !important;
    --raio: 5px;
    --verde: rgba(24, 173, 71, 1);
    
}

[page-name='EditarEtapa0'] .select2-selection.select2-selection--single{
    border: 1px solid #ccc !important;
    padding: 10px !important;
    transition: border-color 0.3s ease;
    border-radius: var(--raio);
    height: var(--tamanho) !important;
    margin-bottom: 10px !important;
    
}
.correto{
    border-color: var(--verde) !important;
}
.errado{
    border-color: red;
}


.inputEdit {
    padding: 10px !important;
    transition: border-color 0.3s ease;
    height: var(--tamanho) !important;
    margin-bottom: 10px !important;
    color: var(--verde) !important;
}

[page-name='Etapa0'] [form] span.select2-selection.select2-selection--single{
    border: 1px solid #ccc !important;
    padding: 10px !important;
    transition: border-color 0.3s ease;
    border-radius: var(--raio);
    height: var(--tamanho) !important;
    margin-bottom: 10px !important;
}


.inputData {
    border: 1px solid #ccc !important;
    padding: 10px !important;
    transition: border-color 0.3s ease;
    border-radius: var(--raio);
    height: var(--tamanho) !important;
    margin-bottom: 10px !important;
    border-right: unset !important;
}

.inputData:focus{
    border-color: var(--verde) !important;
    border-width: 2px !important;
    border-radius: var(--raio);
    border-right: unset !important;
}

[page-name='Etapa1'] span.btn.btn-default.tdate-group-addon,[page-name='Etapa2'] span.btn.btn-default.tdate-group-addon{
    height: var(--tamanho);
    border: 1px solid #ccc;
    border-left: unset !important;
}

.tdate-group input:focus + span {
    border: 2px solid var(--verde) !important;
    border-left: unset !important;
    color: rgb(24,173,71);
}