/*--- Painel de Busca ---*/
.gerenciarDocumentosNatureza__painel {
    margin: 4px 0 10px;
    position: relative;
}
.gerenciarDocumentosNatureza__painel__button {
    position: absolute;
}

@media screen and (min-width: 641px) {
    .gerenciarDocumentosNatureza__painel {
        height: 90px;
    }
    .gerenciarDocumentosNatureza__painel__button {
        height: 40px;
    }

    .gerenciarDocumentosNatureza__painel__button--novo {
        left: 10px;
        top: 40px;
        width: calc(100% - 20px);
    }
    .gerenciarDocumentosNatureza__painel__inputText {
        left: 20px;
        max-width: 400px;
        position: absolute;
        top: 40px;
        width: calc(100% - 330px);
    }
    .gerenciarDocumentosNatureza__painel__button--buscar {
        right: 160px;
        top: 40px;
        width: 140px;
    }
    .gerenciarDocumentosNatureza__painel__button--limpar {
        right: 10px;
        top: 40px;
        width: 140px;
    }
}
@media screen and (max-width: 640px) and (min-width: 0px){
    .gerenciarDocumentosNatureza__painel--criar {
        height: 80px;
    }
    .gerenciarDocumentosNatureza__painel--buscar {
        height: 150px;
    }
    .gerenciarDocumentosNatureza__painel__button {
        height: 30px;
        position: absolute;
        width: calc(100% - 20px);
    }

    .gerenciarDocumentosNatureza__painel__button--novo {
        left: 10px;
        top: 40px;
    }
    .gerenciarDocumentosNatureza__painel__inputText {
        left: 10px;
        position: absolute;
        top: 40px;
        width: calc(100% - 20px);
    }
    .gerenciarDocumentosNatureza__painel__button--buscar {
        left: 10px;
        top: 75px;
    }
    .gerenciarDocumentosNatureza__painel__button--limpar {
        left: 10px;
        top: 110px;
    }
}

/*--- Table ---*/

@media screen and (min-width: 641px) {
    .gerenciarDocumentosNatureza__dataTable__painel {
        border: none;
    }
    .gerenciarDocumentosNatureza__dataTable__column--acao {
        width: 90px;
    }
    .gerenciarDocumentosNatureza__dataTable__column--acao__button {
        height: 25px;
        margin: 0px 2px;
        width: 30px;
    }
}
@media screen and (max-width: 640px) and (min-width: 0px) {
    .gerenciarDocumentosNatureza__dataTable__column--acao {
        width: 100%;
    }
    .gerenciarDocumentosNatureza__dataTable__column--acao__button {
        margin: 0px 10px 0px 0px;
        width: 30px;
    }
}

/*--- Dialog Novo ---*/
@media screen and (min-width: 801px) {
    .gerenciarDocumentosNatureza__dialog--novo {
        height: 220px !important;
        width: 700px !important;
    }
}
@media screen and (max-width: 800px) and (min-width: 641px) {
    .gerenciarDocumentosNatureza__dialog--novo {
        height: 220px !important;
        left: 0px !important;
        width: 100% !important;
    }
}
@media screen and (max-width: 640px) and (min-width: 0px) {
    .gerenciarDocumentosNatureza__dialog--novo {
        height: 100% !important;
        left: 0px !important;
        top: 0px !important;
        width: 100% !important;
    }
}

.gerenciarDocumentosNatureza__dialog--novo__panel__separator{
    left: 10px;
    position: absolute;
    width: calc(100% - 20px);
}
.gerenciarDocumentosNatureza__dialog--novo__button {
    height: 35px;
    margin: 5px 15px;
    width: calc(50% - 30px);
}

@media screen and (min-width: 560px) {
    .gerenciarDocumentosNatureza__dialog--novo__panel {
        border: none;
        height: 400px;
        position: relative;
    }
    .gerenciarDocumentosNatureza__dialog--novo__panel__textoNome {
        left: 10px;
        position: absolute;
        top: 10px;
    }
    .gerenciarDocumentosNatureza__dialog--novo__panel__inputNome{
        left: 110px;
        position: absolute;
        top: 5px;
        width: calc(100% - 120px);
    }
    .gerenciarDocumentosNatureza__dialog--novo__panel__separator{
        top: 30px;
    }
    .gerenciarDocumentosNatureza__dialog--novo__panel__preenchimentoSimbolo {
        color: red;
        left: calc(40% - 0px);
        position: absolute;
        top: 65px;
    }
    .gerenciarDocumentosNatureza__dialog--novo__panel__preenchimentoTexto {
        left: calc(50% - 35px);
        position: absolute;
        top: 65px;
    }
    .gerenciarDocumentosNatureza__dialog--novo__button {
        top: 80px;
    }
}
@media screen and (max-width: 559px) and (min-width: 0px){
    .gerenciarDocumentosNatureza__dialog--novo__panel {
        border: none;
        height: 400px;
        position: relative;
    }
    .gerenciarDocumentosNatureza__dialog--novo__panel__textoNome {
        left: 10px;
        position: absolute;
        top: 10px;
    }
    .gerenciarDocumentosNatureza__dialog--novo__panel__inputNome{
        left: 10px;
        position: absolute;
        top: 30px;
        width: calc(100% - 20px);
    }
    .gerenciarDocumentosNatureza__dialog--novo__panel__separator{
        top: 60px;
    }
    .gerenciarDocumentosNatureza__dialog--novo__panel__preenchimentoSimbolo {
        color: red;
        left: calc(35% - 0px);
        position: absolute;
        top: 105px;
    }
    .gerenciarDocumentosNatureza__dialog--novo__panel__preenchimentoTexto {
        left: calc(35% + 15px);
        position: absolute;
        top: 105px;
    }
    .gerenciarDocumentosNatureza__dialog--novo__button {
        top: 130px;
    }
}

/*--- Dialog Editar ---*/
@media screen and (min-width: 801px) {
    .gerenciarDocumentosNatureza__dialog--editar {
        height: 220px !important;
        width: 700px !important;
    }
}
@media screen and (max-width: 800px) and (min-width: 641px) {
    .gerenciarDocumentosNatureza__dialog--editar {
        height: 220px !important;
        left: 0px !important;
        width: 100% !important;
    }
}
@media screen and (max-width: 640px) and (min-width: 0px) {
    .gerenciarDocumentosNatureza__dialog--editar {
        height: 100% !important;
        left: 0px !important;
        top: 0px !important;
        width: 100% !important;
    }
}

.gerenciarDocumentosNatureza__dialog--editar__panel__separator{
    left: 10px;
    position: absolute;
    width: calc(100% - 20px);
}
.gerenciarDocumentosNatureza__dialog--editar__button {
    height: 35px;
    margin: 5px 15px;
    width: calc(50% - 30px);
}

@media screen and (min-width: 560px) {
    .gerenciarDocumentosNatureza__dialog--editar__panel {
        border: none;
        height: 400px;
        position: relative;
    }
    .gerenciarDocumentosNatureza__dialog--editar__panel__textoNome {
        left: 10px;
        position: absolute;
        top: 10px;
    }
    .gerenciarDocumentosNatureza__dialog--editar__panel__inputNome{
        left: 110px;
        position: absolute;
        top: 5px;
        width: calc(100% - 120px);
    }
    .gerenciarDocumentosNatureza__dialog--editar__panel__separator{
        top: 30px;
    }
    .gerenciarDocumentosNatureza__dialog--editar__panel__preenchimentoSimbolo {
        color: red;
        left: calc(40% - 0px);
        position: absolute;
        top: 65px;
    }
    .gerenciarDocumentosNatureza__dialog--editar__panel__preenchimentoTexto {
        left: calc(50% - 35px);
        position: absolute;
        top: 65px;
    }
    .gerenciarDocumentosNatureza__dialog--editar__button {
        top: 80px;
    }
}
@media screen and (max-width: 559px) and (min-width: 0px){
    .gerenciarDocumentosNatureza__dialog--editar__panel {
        border: none;
        height: 400px;
        position: relative;
    }
    .gerenciarDocumentosNatureza__dialog--editar__panel__textoNome {
        left: 10px;
        position: absolute;
        top: 10px;
    }
    .gerenciarDocumentosNatureza__dialog--editar__panel__inputNome{
        left: 10px;
        position: absolute;
        top: 30px;
        width: calc(100% - 20px);
    }
    .gerenciarDocumentosNatureza__dialog--editar__panel__separator{
        top: 60px;
    }
    .gerenciarDocumentosNatureza__dialog--editar__panel__preenchimentoSimbolo {
        color: red;
        left: calc(35% - 0px);
        position: absolute;
        top: 105px;
    }
    .gerenciarDocumentosNatureza__dialog--editar__panel__preenchimentoTexto {
        left: calc(35% + 15px);
        position: absolute;
        top: 105px;
    }
    .gerenciarDocumentosNatureza__dialog--editar__button {
        top: 130px;
    }
}

/*--- Dialog Excluir ---*/
@media screen and (min-width: 801px) {
    .gerenciarDocumentosNatureza__dialog--excluir {
        height: 180px !important;
        width: 600px !important;
    }
}
@media screen and (max-width: 800px) and (min-width: 641px) {
    .gerenciarDocumentosNatureza__dialog--excluir {
        height: 180px !important;
        left: 0px !important;
        width: 100% !important;
    }
}
@media screen and (max-width: 640px) and (min-width: 0px) {
    .gerenciarDocumentosNatureza__dialog--excluir {
        height: 100% !important;
        left: 0px !important;
        top: 0px !important;
        width: 100% !important;
    }
}

.gerenciarDocumentosNatureza__dialog--excluir__panel__separator{
    left: 10px;
    position: absolute;
    width: calc(100% - 20px);
}
.gerenciarDocumentosNatureza__dialog--excluir__button {
    height: 35px;
    margin: 5px 15px;
    width: calc(50% - 30px);
}

@media screen and (min-width: 560px) {
    .gerenciarDocumentosNatureza__dialog--excluir__panel {
        border: none;
        height: 400px;
        position: relative;
    }
    .gerenciarDocumentosNatureza__dialog--excluir__panel__separator{
        top: 30px;
    }
    .gerenciarDocumentosNatureza__dialog--excluir__button {
        top: 30px;
    }
}
@media screen and (max-width: 559px) and (min-width: 0px){
    .gerenciarDocumentosNatureza__dialog--excluir__panel {
        border: none;
        height: 400px;
        position: relative;
    }
    .gerenciarDocumentosNatureza__dialog--excluir__panel__separator{
        top: 50px;
    }
    .gerenciarDocumentosNatureza__dialog--excluir__button {
        top: 40px;
    }
}