#new-container {
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
}

#new-container * {
    box-sizing: border-box;
}

#new-container .card {
    border: 1px solid #ccc;
    height: calc(100% - 2rem);
    margin: 1rem;
    padding: 1rem;
    box-shadow: 0px 0px 0.5rem #ddd;
}

#new-container .card.auto {
    height: auto;
}

#new-container .wcard {
    background: white;
    margin: 0.5rem 0;
    padding: 1rem;
    box-shadow: 0px 0px 0.5rem #ddd;
}

#new-container h2 {
    font-size: 0.9rem;
    margin: 0;
}

#new-container .none {
    display: none !important;
}

#new-container .janela2 > div {
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
}

#new-container .janela2 > div > h1,
#new-container > .janela2 > div > div {
    flex: 0 0 auto;
}

#new-container .janela2 > div > section {
    flex: 1 1 auto;
    overflow: auto;
    padding: 1rem;
}

#new-container .janela2 .qbe {
    justify-content: center;
    margin: 0;
}

#new-container .campos {
    display: flex;
    flex-flow: row wrap;
}

.campo {
    margin-bottom: 1px;
}

#new-container .campos > .campo {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 0.5rem;
}

#new-container .campos > .campo.h {
    flex-flow: column nowrap;
}

#new-container .campos > .campo.max {
    flex: 1 1 auto;
}

#new-container .campos > .campo.maxx {
    flex: 1 1 100%;
}

#new-container .campos .rotulo,
#new-container .campos .controle {
    display: flex;
    margin-right: 0.25rem;
}

#new-container .campos > .campo label {
    text-align: left;
}

#new-container .campos .rotulo {
    flex: 0 0 auto;
}

#new-container .campos .controle {
    flex: 1 1 auto;
}

#new-container .campos .icone {
    flex: 0 0 auto;
}

#new-container select,
#new-container input,
#new-container input.moeda,
#new-container input.cpf,
#new-container input.cnpj,
#new-container input.email,
#new-container input.telefone,
#new-container input.placa,
#new-container input.inteiro,
#new-container input.data,
#new-container input.caixa {
    border: 1px solid #ddd;
    height: 22px;
    line-height: 22px;
    padding: 0 0.25rem;
    font-size: 12px;
    margin: 0;
    font-family: Arial, sans-serif;
}

#new-container .botoes, #new-container .janela2 > div.botoes {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin: 0.5rem;
}

#new-container .botao, #new-container .botao_azul {
    margin: 0 1px;
}

#new-container button {
    outline: none;
}

#new-container input:read-only, #new-container select:read-only {
    border-color: #EEEEEE;
    background: #FBFBFB;
}