.w-form-formradioinput--inputType-custom {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    width: 12px;
    height: 12px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
    box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
    border-top-width: 4px;
    border-bottom-width: 4px;
    border-left-width: 4px;
    border-right-width: 4px;
    border-top-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    border-right-color: #3898ec;
}

.w-checkbox {
    display: block;
    margin-bottom: 5px;
    padding-left: 20px;
}

.w-checkbox::before {
    content: ' ';
    display: table;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
}

.w-checkbox::after {
    content: ' ';
    display: table;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row-span: 1;
    grid-row-end: 2;
    -ms-grid-row: 1;
    grid-row-start: 1;
    clear: both;
}

.w-checkbox-input {
    float: left;
    margin-bottom: 0px;
    margin-left: -20px;
    margin-right: 0px;
    margin-top: 4px;
    line-height: normal;
}

.w-checkbox-input--inputType-custom {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #ccc;
    border-bottom-color: #ccc;
    border-left-color: #ccc;
    border-right-color: #ccc;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    width: 12px;
    height: 12px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
    background-color: #3898ec;
    border-top-color: #3898ec;
    border-bottom-color: #3898ec;
    border-left-color: #3898ec;
    border-right-color: #3898ec;
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
    box-shadow: 0px 0px 3px 1px #3898ec;
}

body {
    background-color: #f7f7f7;
    font-family: 'SF Pro Display', sans-serif;
    color: #333;
    font-size: 16px;
    line-height: 20px;
}

h1 {
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 38px;
    font-weight: 600;
}

h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 34px;
    font-weight: 700;
}

h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
}

h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
}

h5 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
}

h6 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
}

p {
    margin-bottom: 10px;
}

a {
    color: #333;
    text-decoration: none;
}

label {
    display: block;
    margin-bottom: 5px;
}

.bloco-login {
    display: inline-block;
    width: 950px;
    height: 600px;
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    text-align: right;
}

.secao-base.centralizado {
    text-align: center;
}

.div-350 {
    position: relative;
    display: inline-block;
    width: 346px;
    height: 600px;
    padding: 25px;
}

.logo-acao {
    padding: 25px 10px;
    background-color: #fff;
    box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.2);
}

.logo-acao.login {
    width: 100px;
    padding: 0px;
    box-shadow: none;
}

.div-imagem-login {
    display: inline-block;
    width: 600px;
    height: 600px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    background-image: url('../images/imagem-lateral-login.jpg'), -webkit-gradient(linear, left top, left bottom, from(#00a9d7), to(#0079bb));
    background-image: url('../images/imagem-lateral-login.jpg'), linear-gradient(180deg, #00a9d7, #0079bb);
    background-position: 50% 50%, 0px 0px;
    background-size: cover, auto;
    background-repeat: no-repeat, repeat;
}

.input {
    min-height: 38px;
    padding: 5px 10px;
    border-style: solid;
    border-width: 1px 1px 1.5px;
    border-color: transparent transparent #0232aa;
    background-color: #fff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-align: left;
}

.input:focus {
    border-color: #eee #eee #0232aa;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    color: #0232aa;
}

.input.lista-emails {
    display: inline-block;
    width: 85%;
    min-height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 7%;
    border-top-style: none;
    border-right-style: none;
    border-bottom-color: #fff;
    border-left-style: none;
    background-image: url('../images/icone-editar.png');
    background-position: 98% 50%;
    background-size: 16px;
    background-repeat: no-repeat;
}

.input.lista-emails:focus {
    border-bottom-color: #0232aa;
}

.input.lista-simulador {
    height: auto;
    min-height: 0px;
    margin-bottom: 2px;
    padding: 0px;
    border-bottom-color: transparent;
    font-size: 16px;
    line-height: 1.1em;
}

.input.lista-simulador:focus {
    border-bottom-color: #0232aa;
}

.input.lista-simulador.cinza {
    height: auto;
    color: #999;
    font-size: 0.8em;
}

.input.anotacao {
    display: inline-block;
    width: 94%;
    height: auto;
    min-height: auto;
    margin-right: 1%;
    margin-bottom: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 0px;
    font-size: 1em;
    line-height: 1.1em;
}

.input.filtros {
    display: inline-block;
    height: 26px;
    min-height: auto;
    margin-bottom: 0px;
    padding: 0px 5px;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    background-color: transparent;
}

.input.filtros:focus {
    background-color: #fff;
}

.input.data-filtros {
    display: inline-block;
    width: 80%;
}

.input.relatorio {
    height: auto;
    min-height: auto;
    margin-bottom: 0px;
}

.label-input {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}

.label-input.login {
    color: #4c4c4c;
    font-weight: 300;
}

.botao-acao {
    margin-top: 20px;
    padding: 10px 20px;
    border-radius: 50px;
    background-color: #0232aa;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff;
}

.botao-acao:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.3);
}

.botao-acao.login {
    float: right;
    border-radius: 70px;
    background-color: #0232aa;
    font-family: 'Simple line icons', sans-serif;
}

.botao-acao.logout {
    margin-top: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 70px;
    background-color: #fff;
    font-family: 'Simple line icons', sans-serif;
    color: #000;
}

.botao-acao.cadastro {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.botao-acao.cadastro:hover {
    color: #fff;
}

.botao-acao.gerar-excel {
    width: 250px;
    margin-top: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
}

.botao-acao.anotacao {
    width: 5%;
    margin-top: 0px;
    padding: 4px 0px 2px;
    text-align: center;
}

.botao-acao.filtros {
    height: 26px;
    margin-top: 0px;
    padding: 0px 8px;
    float: right;
    border: 1.5px solid #0232aa;
    background-color: transparent;
    color: #0232aa;
}

.botao-acao.filtros:hover {
    background-color: #0232aa;
    box-shadow: none;
    color: #fff;
}

.botao-acao.relatorios {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.div-formulario {
    margin-top: 20px;
    text-align: left;
}

.link.login {
    color: #0232aa;
    font-size: 14px;
    line-height: 16px;
}

.body-login {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.paragrafo {
    text-align: justify;
}

.paragrafo.login {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    color: #0232aa;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
}

.paragrafo.centralizado {
    display: block;
    text-align: center;
}

.paragrafo.anotacoes {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.paragrafo.sem-margem {
    margin-bottom: 0px;
}

.navbar {
    background-color: transparent;
}

.link-menu {
    display: block;
    padding: 0px 0px 0px 20px;
    border-left: 5px solid transparent;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff;
    font-weight: 300;
}

.link-menu:hover {
    background-color: hsla(0, 0%, 100%, 0.4);
}

.link-menu.w--current {
    border-left-color: #fff;
    background-color: hsla(0, 0%, 100%, 0.4);
    color: #fff;
}

.nav-menu {
    margin-top: 133px;
    float: none;
}

.span-icone {
    margin-right: 5px;
    font-family: 'Simple line icons', sans-serif;
}

.span-icone.excluir {
    margin-right: 0px;
    line-height: 24px;
}

.span-icone.notificacoes {
    margin-right: 0px;
    margin-bottom: 0px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 20px;
    line-height: 20px;
}

.span-icone.excluir-copy {
    margin-right: 0px;
    line-height: 24px;
}

.div-oculta-login {
    display: block;
}

.div-conteudo {
    margin-left: 300px;
    padding: 30px 20px;
}

.div-conteudo.inicio {
    color: #333;
    text-align: right;
}

.operador {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 15px;
    text-align: center;
}

.operador.mobile {
    display: none;
}

.div-imagem-operador {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin-right: 10px;
    border-radius: 50px;
    background-color: #fff;
    background-image: url('../images/placeholder_1.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.nome-operador {
    margin-top: 0px;
    margin-bottom: 5px;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}

.cargo-operador {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
}

.info-operador {
    display: inline-block;
    text-align: left;
}

.titulo-bem-vindo {
    margin-top: 90px;
    margin-bottom: 30px;
    text-align: center;
}

.funcao-destaque-imagem {
    width: 130px;
    height: 130px;
    margin-bottom: 10px;
    padding: 25px;
    border-radius: 100px;
    background-color: #7bcbe4;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.funcao-destaque-imagem:hover {
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2);
}

.funcao-destaque {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 3%;
    padding-left: 3%;
}

.dropdown-menu-2 {
    width: 100%;
    padding: 0px;
    color: #fff;
}

.dropdown-list {
    left: -5px;
    z-index: 100;
    width: 300px;
    background-color: #f7f7f7;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}

.titulo-pagina {
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    text-align: left;
}

.botao-acoes {
    display: inline-block;
    margin-top: 3px;
    margin-right: 2px;
    margin-bottom: 3px;
    padding: 2px 10px;
    border: 1.5px solid #0232aa;
    border-radius: 50px;
    background-color: #fff;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: 'Simple line icons', sans-serif;
    color: #0232aa;
}

.botao-acoes:hover {
    background-color: #0232aa;
    color: #fff;
}

.botao-acoes.excluir:hover {
    border-color: transparent;
    background-color: #ed3939;
}

.botao-acoes.salvar-email {
    margin-right: 0px;
    margin-left: 5px;
    padding: 6px 7px 4px;
    border-style: none;
}

.botao-acoes.salvar:hover {
    border-color: transparent;
    background-color: #38ecaa;
}

.botao-acoes.anotacoes {
    width: 21px;
    height: 21px;
    margin-right: 0px;
    padding: 1px 2px 0px;
    border-style: none;
}

.botao-acoes.expandir {
    position: absolute;
    left: 17px;
    top: 35px;
    right: auto;
    bottom: auto;
    z-index: 5;
    width: 22px;
    height: 22px;
    padding: 1.5px 0px 0px;
    border-style: none;
    text-align: center;
}

.filtro-dropdown {
    width: 100%;
    padding: 1px 0px 2px;
}

.filtro-drop {
    width: 250px;
    padding-left: 10px;
    border: 1.5px solid #0232aa;
    border-radius: 20px;
    background-color: #fff;
}

.filtro-list {
    left: 0px;
    top: 26px;
    right: 0px;
    border-right: 1px solid grey;
    border-bottom: 1px solid grey;
    border-left: 1px solid grey;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.filtro-list.w--open {
    background-color: #f7f7f7;
}

.filtro-list.dropdown-grande {
    top: 35px;
}

.coluna-listagem {
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 15px;
    font-size: 16px;
    text-align: left;
}

.coluna-listagem.produtos-imagem {
    width: 70px;
    margin-right: 2%;
    padding-right: 0px;
    text-align: center;
}

.coluna-listagem.produtos-imagem.listagem {
    overflow: hidden;
    width: 70px;
    height: 70px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}

.coluna-listagem.acoes {
    padding-right: 0px;
    float: right;
}

.coluna-listagem.acoes.tres-botoes {
    width: 135px;
}

.coluna-listagem.acoes.tres-botoes.listagem-baixa {
    margin-top: 7px;
    margin-bottom: 7px;
}

.coluna-listagem.acoes.dois-botoes {
    width: 90px;
}

.coluna-listagem.acoes.dois-botoes.listagem-alta {
    margin-top: 36px;
    margin-bottom: 36px;
}

.coluna-listagem.acoes.dois-botoes.listagem-baixa {
    margin-top: 7px;
    margin-bottom: 7px;
}

.coluna-listagem.acoes.inventario {
    width: 90px;
}

.coluna-listagem.acoes.um-botao {
    width: 40px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.coluna-listagem.acoes.um-botao.listagem-baixa {
    margin-top: 16px;
    margin-bottom: 16px;
}

.coluna-listagem.acoes.quatro-botoes {
    width: 176px;
}

.coluna-listagem.acoes.quatro-botoes.listagem-baixa {
    margin-top: 7px;
    margin-bottom: 7px;
    text-align: right;
}

.coluna-listagem.acoes.cinco-botoes {
    width: 220px;
}

.coluna-listagem.acoes.cinco-botoes.listagem {
    margin-top: 36px;
    margin-bottom: 36px;
}

.coluna-listagem.acoes.contatos-simulador {
    position: absolute;
    left: auto;
    top: 7px;
    right: 5px;
    bottom: auto;
    width: 90px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 0px;
    text-align: right;
}

.coluna-listagem.pedidos-pedido {
    width: 8%;
}

.coluna-listagem.produtos-categoria {
    width: 20%;
}

.coluna-listagem.clientes-cidade {
    width: 15%;
}

.coluna-listagem.pedidos-status {
    width: 15%;
}

.coluna-listagem.clientes-nome {
    width: 27%;
}

.coluna-listagem.aguardando-data {
    width: 10%;
}

.coluna-listagem.clientes-email {
    width: 24%;
}

.coluna-listagem.inventario-tamanhos {
    width: 45%;
}

.coluna-listagem.inventario-quantidade {
    width: 6%;
}

.coluna-listagem.blog-artigo {
    width: 78%;
}

.coluna-listagem.categorias-nome {
    width: 65%;
}

.coluna-listagem.lista-emails {
    width: 35%;
}

.coluna-listagem.clientes-telefone {
    width: 16%;
}

.coluna-listagem.aguardando-nome {
    width: 27%;
}

.coluna-listagem.aguardando-cidade {
    width: 15%;
}

.coluna-listagem.aguardando-produto {
    width: 26%;
}

.coluna-listagem.pedidos-cliente {
    width: 27%;
}

.coluna-listagem.pedidos-cidade {
    width: 15%;
}

.coluna-listagem.pedidos-data {
    width: 10%;
}

.coluna-listagem.produtos-produto {
    width: 25%;
}

.coluna-listagem.produtos-preco {
    width: 7%;
}

.coluna-listagem.produtos-estoque {
    width: 6%;
}

.coluna-listagem.inventario-imagem {
    width: 70px;
    margin-right: 2%;
    padding-right: 0px;
    text-align: center;
}

.coluna-listagem.inventario-imagem.listagem {
    overflow: hidden;
    height: 70px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}

.coluna-listagem.inventario-produtos {
    width: 25%;
}

.coluna-listagem.inventario-estoque {
    width: 6%;
}

.coluna-listagem.slides-imagem {
    width: 70px;
    margin-right: 2%;
    padding-right: 0px;
    text-align: center;
}

.coluna-listagem.slides-imagem.listagem {
    overflow: hidden;
    width: 70px;
    height: 70px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}

.coluna-listagem.slides-imagem {
    width: 70px;
    margin-right: 2%;
    padding-right: 0px;
    text-align: center;
}

.coluna-listagem.slides-imagem.listagem {
    overflow: hidden;
    width: 70px;
    height: 70px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}

.coluna-listagem.paginas-nome {
    width: 65%;
}

.coluna-listagem.paginas-identificacao {
    width: 20%;
}

.coluna-listagem.blog-imagem {
    width: 70px;
    margin-right: 2%;
    padding-right: 0px;
    text-align: center;
}

.coluna-listagem.blog-imagem.listagem {
    overflow: hidden;
    width: 70px;
    height: 70px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}

.coluna-listagem.pedidos-imagem {
    width: 70px;
    margin-right: 2%;
    padding-right: 0px;
    text-align: center;
}

.coluna-listagem.pedidos-imagem.listagem {
    overflow: hidden;
    width: 70px;
    height: 70px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}

.coluna-listagem.pedidos-categoria {
    width: 20%;
}

.coluna-listagem.pedidos-preco {
    width: 6%;
}

.coluna-listagem.pedidos-estoque {
    width: 6%;
}

.coluna-listagem.slides-slide {
    width: 78%;
}

.coluna-listagem.inventario-tamanho {
    width: 6%;
}

.coluna-listagem.inventario-movimentacao {
    width: 15%;
}

.coluna-listagem.inventario-entrada {
    width: 10%;
}

.coluna-listagem.inventario-saida {
    width: 10%;
}

.coluna-listagem.inventario-cliente {
    width: 45%;
}

.coluna-listagem.inventario-pedido {
    width: 6%;
    float: right;
}

.coluna-listagem.pedidos-produto {
    width: 27%;
}

.coluna-listagem.descontos-nome {
    width: 25%;
}

.coluna-listagem.descontos-desconto {
    width: 13%;
}

.coluna-listagem.descontos-data {
    width: 12%;
}

.coluna-listagem.atl1-cadastro-nome {
    width: 26%;
}

.coluna-listagem.atl1-cadastro-email {
    width: 24%;
}

.coluna-listagem.atl1-cadastro-cidade {
    width: 15%;
}

.coluna-listagem.atl1-cadastro-cpf {
    width: 17%;
}

.coluna-listagem.atl1-pj-razao-social {
    width: 23%;
}

.coluna-listagem.atl1-pj-cnpj {
    width: 20%;
}

.coluna-listagem.atl1-pj-email {
    width: 25%;
}

.coluna-listagem.atl1-pj-fat-mensal {
    width: 15%;
}

.coluna-listagem.atl1-formulario-nome {
    width: 25%;
}

.coluna-listagem.atl1-formulario-email {
    width: 24%;
}

.coluna-listagem.atl1-formulario-cidade {
    width: 15%;
}

.coluna-listagem.atl1-formulario-telefone {
    width: 17%;
}

.coluna-listagem.simulador-nome {
    width: 16%;
}

.coluna-listagem.simulador-email {
    width: 19%;
}

.coluna-listagem.simulador-valor {
    width: 16%;
}

.coluna-listagem.atl1-cartas-valor {
    width: 20%;
}

.coluna-listagem.atl1-cartas-parcelas-pagas {
    width: 16%;
    text-align: center;
}

.coluna-listagem.atl1-cartas-valor-parcela {
    width: 18%;
    text-align: center;
}

.coluna-listagem.atl1-cartas-administradora {
    width: 17%;
    text-align: center;
}

.coluna-listagem.simulador-estado {
    width: 9%;
}

.coluna-listagem.simulador-atendente {
    width: 13%;
}

.coluna-listagem.simulador-site {
    width: 40px;
}

.coluna-listagem.simulador-cores {
    width: 8%;
}

.coluna-listagem.simulador-ultimo-contato {
    width: 48%;
}

.coluna-listagem.segunda-linha {
    margin-top: 0px;
    margin-bottom: 3px;
}

.coluna-listagem.primeira-linha {
    margin-top: 3px;
    margin-bottom: 0px;
}

.coluna-listagem.atl1-simulador-modalidade {
    width: 17%;
    margin-top: -3px;
    margin-bottom: 3px;
    margin-left: 38px;
}

.coluna-listagem.atl1-simulador-consulta {
    width: 16%;
    margin-top: -3px;
    margin-bottom: 3px;
}

.coluna-listagem.atl1-simulador-consorcio {
    width: 9.5%;
    margin-top: -3px;
    margin-bottom: 3px;
}

.coluna-listagem.atl1-simulador-meio-contato {
    width: 13%;
    margin-top: -3px;
    margin-bottom: 3px;
}

.coluna-listagem.atl1-simulador-data-contato {
    width: 9%;
    margin-top: -3px;
    margin-bottom: 3px;
}

.bloco-listagem {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 10px 10px 15px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    text-align: left;
}

.bloco-listagem:hover {
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
}

.bloco-listagem.simulador {
    padding-top: 5px;
    padding-bottom: 5px;
}

.bloco-listagem.relatorio {
    margin-bottom: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px dotted #7bcbe4;
    border-radius: 0px;
    box-shadow: none;
}

.div-colunas-listagem {
    padding-right: 15px;
    padding-left: 15px;
    text-align: left;
}

.imagem-listagem {
    max-height: 70px;
    max-width: 70px;
}

.nome-produto {
    margin-bottom: 2px;
}

.nome-produto.subtitulo {
    color: #999;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
}

.nome-produto.subtitulo.margem-esquerda {
    margin-left: 27px;
}

.nome-produto.paragrafo-estoque {
    display: block;
}

.nome-produto.inventario-tamanho {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 3px;
    background-color: #00a9d7;
    color: #fff;
    text-align: center;
}

.nome-produto.inventario-quantidade {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    border: 1.5px solid #00a9d7;
    border-radius: 3px;
    text-align: center;
}

.nome-produto.cinza {
    color: #999;
    font-size: 0.8em;
    line-height: 1.1em;
}

.nome-produto.dados {
    display: block;
    font-size: 90%;
    line-height: 100%;
}

.nome-produto.dados.sublinhado {
    white-space: nowrap;
}

.titulo-coluna {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 5px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #999;
    font-weight: 300;
    text-align: left;
}

.titulo-coluna:hover {
    color: #999;
}

.titulo-coluna.imagem {
    text-align: center;
}

.titulo-coluna.relatorio {
    color: #999;
    line-height: 16px;
}

.titulo-coluna.relatorio.deslize {
    display: none;
}

.div-titulo-pagina {
    margin-bottom: 20px;
    text-align: right;
}

.link-dropdown {
    padding-top: 4px;
    padding-bottom: 4px;
    border-left: 5px solid #f7f7f7;
    color: #000;
}

.link-dropdown.w--current {
    border-left-color: #0232aa;
    color: #333;
}

.bloco-branco {
    margin-bottom: 20px;
    padding: 20px 20px 20px 30px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.div-33 {
    display: inline-block;
    width: 33%;
    margin-bottom: 15px;
    padding-right: 1%;
    padding-left: 1%;
}

.label-cadastro {
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
    font-weight: 400;
}

.div-50 {
    display: inline-block;
    width: 49.5%;
    margin-bottom: 10px;
    padding-right: 1%;
    padding-left: 1%;
}

.div-25 {
    display: inline-block;
    width: 24.5%;
    margin-bottom: 10px;
    padding-right: 1%;
    padding-left: 1%;
}

.select {
    position: relative;
    width: 100%;
    height: 36px;
    padding: 5px 0px 5px 10px;
    border: 1.5px solid #0232aa;
    border-radius: 20px;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
    background-image: linear-gradient(180deg, #fff, #fff);
    font-size: 15px;
    text-align: left;
}

.select:focus {
    border-color: #0232aa;
}

.select.lista-simulador {
    width: auto;
    height: auto;
    margin-bottom: 0px;
    margin-left: -3px;
    padding: 0px;
    border-style: none;
    border-radius: 20px;
    font-style: normal;
}

.select.lista-simulador.pref-contato {
    font-family: 'Fontawesome webfont', sans-serif;
}

.select.lista-simulador.cores {
    width: 30px;
}

.select.lista-simulador.cores.relatorio {
    padding-top: 5px;
    padding-bottom: 5px;
    border-style: solid;
}

.select.filtros {
    display: inline-block;
    width: auto;
    height: 26px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-style: none none solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-radius: 0px;
    background-image: none;
    color: #999;
}

.select.relatorio {
    height: auto;
    margin-bottom: 0px;
    padding-left: 5px;
}

.botao-radio {
    display: inline-block;
    padding-right: 10px;
}

.div-upload-imagem {
    position: relative;
    display: inline-block;
    max-height: 200px;
    max-width: 150px;
    margin: 10px 1% 20px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    text-align: center;
}

.excluir-imagem {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
    padding: 0px;
    border-radius: 50%;
    background-color: #ed3939;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
}

.excluir-imagem:hover {
    color: #fff;
}

.excluir-imagem.subcategoria-2 {
    top: 4px;
    right: 3px;
    background-color: transparent;
}

.excluir-imagem.subcategoria-2:hover {
    background-color: #ed3939;
}

.botao-switch {
    display: inline-block;
    margin-right: 10px;
    padding: 10px 20px;
    border-radius: 50px;
    background-color: #38ecaa;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.div-inline-block {
    display: inline-block;
    margin-bottom: 15px;
}

.div-inline-block.margem-direita {
    margin-right: 30px;
}

.titulo-secao {
    margin-top: 0px;
    margin-bottom: 20px;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    font-size: 22px;
    line-height: 28px;
    font-weight: 500;
}

.margem-inferior {
    margin-bottom: 10px;
}

.inventario-tamanhos-produto {
    display: inline-block;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    padding-top: 0px;
    padding-right: 3px;
    padding-bottom: 0px;
    border: 1.5px solid #00a9d7;
    border-radius: 3px;
    line-height: 16px;
}

.quantidade-estoque {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 5px;
    padding-left: 0px;
    border: 1.5px solid #00a9d7;
    border-radius: 3px;
}

.quantidade-estoque.total {
    padding-top: 0px;
    border-style: none;
}

.subcategoria {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 6px 30px 6px 20px;
    border-radius: 100px;
    background-color: #0232aa;
    background-image: -webkit-gradient(linear, left top, right top, from(#00a9d7), to(#0079bb));
    background-image: linear-gradient(90deg, #00a9d7, #0079bb);
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
}

.div-centralizada {
    text-align: center;
}

.div-direita {
    text-align: right;
}

.div-direita.div-99 {
    background-color: transparent;
}

.bloco-menu {
    position: fixed;
    left: 0px;
    top: 0px;
    bottom: 0px;
    overflow: hidden;
    width: 300px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00a9d7), to(#0079bb));
    background-image: linear-gradient(180deg, #00a9d7, #0079bb);
    color: #fff;
}

.span-tamanho {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #00a9d7;
    color: #fff;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
}

.link-drop-master {
    padding-top: 4px;
    padding-bottom: 4px;
}

.paragrafo-estoque {
    display: none;
    margin-bottom: 0px;
}

.bullet {
    display: inline-block;
    margin: 5px;
    color: #ccc;
    font-size: 12px;
}

.span-tamanho-edicao {
    display: inline-block;
    height: 20px;
    padding-right: 2px;
    padding-left: 2px;
    background-color: #00a9d7;
    color: #fff;
    line-height: 20px;
    font-weight: 400;
    text-align: center;
}

.oculto {
    display: none;
}

.simulador-site-icone {
    width: 25px;
    height: 25px;
    padding-top: 2px;
    border-radius: 3px;
    background-color: #27b99e;
    font-family: 'Fontawesome webfont', sans-serif;
    color: #fff;
    font-size: 1.3em;
    text-align: center;
}

.simulador-site-icone.cor-azul {
    background-color: #0064b4;
}

.simulador-site-icone.cor-laranja {
    background-color: #ee7203;
}

.simulador-site-icone.cor-vermelha {
    background-color: #aa0f16;
}

.paragrafo-anotacao {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #999;
    font-size: 0.8em;
    line-height: 1.1em;
}

.bloco-filtros {
    margin-bottom: 10px;
    color: #999;
    text-align: right;
}

.div-filtros {
    display: inline-block;
    width: 49.5%;
}

.div-filtros.relatorio {
    display: block;
    width: auto;
    text-align: left;
}

.div-filtros.contatos {
    display: block;
    width: auto;
    text-align: left;
}

.filtro-nome {
    display: inline-block;
    width: 15%;
    margin-bottom: 5px;
    padding-right: 0.5%;
}

.paragrafo-filtro {
    display: inline-block;
    margin-right: 1%;
    margin-bottom: 0px;
}

.filtros-limpar {
    color: #999;
    font-size: 12px;
}

.bloco-botao-notificacao {
    position: relative;
    z-index: 100;
    display: inline-block;
    float: right;
    text-align: center;
}

.bloco-notificacoes {
    position: absolute;
    left: auto;
    top: 28px;
    right: 0%;
    bottom: auto;
    display: none;
    overflow: auto;
    width: 1250%;
    max-height: 455px;
    padding: 15px 15px 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    border-radius: 10px;
    background-color: hsla(0, 0%, 96.9%, 0.95);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    color: #444;
    font-size: 14px;
    line-height: 1.1em;
    text-align: left;
}

.contagem-notificacoes {
    position: absolute;
    left: auto;
    top: -35%;
    right: -25%;
    bottom: auto;
    width: 18px;
    height: 18px;
    border-radius: 20px;
    background-color: #ed3939;
    color: #fff;
    font-size: 11px;
}

.bloco-notificacao {
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
    padding: 10px 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #c3d0f1;
    border-radius: 10px;
    background-color: #e6f4ff;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.2);
}

.bloco-notificacao-fixo {
    position: relative;
    padding: 10px 15px;
    border: 2px none #edde39;
    background-color: #fcf8cc;
    color: #444;
}

.botao-fechar-notificacao {
    position: absolute;
    left: auto;
    top: -5px;
    right: -5px;
    bottom: auto;
    width: 14px;
    height: 14px;
    padding: 1px 0px 0px;
    border-radius: 20px;
    background-color: #fff;
    -webkit-transition: box-shadow 300ms ease, color 300ms ease, background-color 300ms ease;
    transition: box-shadow 300ms ease, color 300ms ease, background-color 300ms ease;
    font-family: 'Simple line icons', sans-serif;
    color: #ed3939;
    font-size: 14px;
    line-height: 14px;
}

.botao-fechar-notificacao:hover {
    background-color: #ed3939;
    box-shadow: 0 0 0 1px #ed3939;
    color: #fff;
}

.drop {
    height: 100px;
    margin-bottom: 15px;
    padding: 20px;
    border-style: dashed;
    border-width: 2px;
    border-color: #bdc3c7;
    color: #bdc3c7;
    font-size: 2em;
    line-height: 1.1em;
}

.progress {
    display: none;
    overflow: hidden;
    height: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    color: #f5f5f5;
}

.progress-bar {
    height: 100%;
    float: left;
    background-color: #428bca;
    background-image: linear-gradient(45deg, #fff 25%, transparent 0, transparent 50%, #fff 0, #fff 75%, transparent 0, transparent);
    -webkit-transition: width 600ms ease;
    transition: width 600ms ease;
}

.div-99 {
    display: inline-block;
    width: 99%;
    margin-bottom: 10px;
    padding-right: 1%;
    padding-left: 1%;
}

.dropdown {
    position: relative;
    display: block;
    height: 36px;
    margin-bottom: 10px;
    padding: 5px 0px;
    border: 1.5px solid #0232aa;
    border-radius: 20px;
    font-size: 15px;
}

.dropdown:focus {
    border-color: #0232aa;
}

.dropdown-toggle {
    display: block;
    padding: 0px 10px;
}

.dropdown-seta {
    position: static;
    display: inline-block;
    margin-top: 3px;
    margin-right: 0px;
    margin-bottom: auto;
    float: right;
}

.dropdown-label {
    display: inline-block;
}

.checkbox {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    margin-right: 10px;
    margin-left: 0px;
}

.checkbox.w--redirected-checked {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    margin-right: 10px;
    margin-left: 0px;
    border-color: #0079bb;
    background-color: #0079bb;
    background-size: 14px;
}

.checkbox-bloco {
    margin-bottom: 10px;
    padding-left: 0px;
}

.checkbox-bloco.margem-0 {
    margin-bottom: 2px;
}

.checkbox-label {
    display: inline;
    margin-bottom: 0px;
}

.bloco-grafico {
    position: relative;
    height: 300px;
    text-align: center;
}

.coluna-grafico {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    height: 50%;
    background-color: #ed3939;
}

.coluna-grafico._2 {
    height: 60%;
    background-color: #38ecaa;
}

.coluna-grafico._3 {
    height: 70%;
    background-color: #edde39;
}

.coluna-grafico._4 {
    height: 100%;
    background-color: #0232aa;
}

.div-largura-coluna {
    position: relative;
    display: inline-block;
    width: 22%;
    height: 100%;
    margin-right: 1%;
    margin-left: 1%;
}

.div-input-login {
    position: relative;
    margin-bottom: 20px;
}

.botao-mostrar-senha {
    position: absolute;
    right: 1.5px;
    bottom: 2px;
    width: 34px;
    height: 34px;
    padding: 7px 0px 0px;
    border-radius: 4px;
    background-color: #fff;
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    font-family: 'Fontawesome webfont', sans-serif;
    color: #585858;
    font-size: 18px;
    text-align: center;
}

.botao-mostrar-senha:hover {
    color: #eba800;
}

.botao-mostrar-senha:active {
    background-color: #f8f8f8;
}

.filtro-numero {
    display: inline-block;
    width: 7%;
    margin-right: 0.5%;
    margin-bottom: 5px;
}

.divisao {
    display: inline-block;
    width: 1px;
    height: 1px;
}

.filtro-select {
    display: inline-block;
    margin-bottom: 5px;
    padding-right: 0.5%;
}

.filtro-valor {
    display: inline-block;
    width: 7%;
    margin-bottom: 5px;
    padding-right: 0.5%;
}

.filtro-data {
    display: inline-block;
    width: 18%;
    margin-bottom: 5px;
    padding-right: 0.5%;
}

.relatorio-linha {
    display: -ms-grid;
    display: grid;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    grid-auto-flow: row dense;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-areas: ".";
    -ms-grid-columns: 1fr 0px 1fr 0px 1fr 0px 1fr 0px 2fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 2fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.relatorio-linha.colunas-13 {
    grid-auto-flow: row dense;
    -ms-grid-columns: 1fr 1fr 1fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.coluna {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
}

.inner-div-example {
    padding-top: 0px;
    padding-bottom: 0px;
    border: 1px solid #c0e5ff;
    background-color: #f3faff;
    text-align: center;
}

.relatorio-listagem {
    margin-bottom: 0px;
    padding: 3px 10px 3px 15px;
    border-bottom: 1px dotted #7bcbe4;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    text-align: left;
}

.relatorio-listagem:hover {
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
}

.relatorio-listagem.verde {
    border-left: 6px solid #38ecaa;
}

.relatorio-listagem.amarelo {
    border-left: 6px solid #edde39;
}

.relatorio-listagem.vermelho {
    border-left: 6px solid #ed3939;
}

.relatorio-listagem.cinza {
    border-left: 6px solid #ccc;
}

.alinhamento-direito {
    padding-right: 2%;
    text-align: right;
}

.icone {
    font-family: 'Fa solid 900', sans-serif;
    font-weight: 400;
}

.icone.dados {
    color: #ccc;
    font-size: 80%;
}

.coluna-dados {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
}

.text-cinza {
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}

.borda-inferior {
    border-bottom: 1.5px solid #0232aa;
}

.paragrafo-input {
    margin-bottom: 0px;
}

.excluir-coluna {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    width: 10px;
    height: 10px;
    padding: 0px;
    border-radius: 50%;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
}

.excluir-coluna:hover {
    color: #fff;
}

.excluir-coluna.subcategoria-2 {
    top: 4px;
    right: 3px;
    background-color: transparent;
}

.excluir-coluna.subcategoria-2:hover {
    background-color: #ed3939;
}

.icone-excluir-coluna {
    margin-right: 0px;
    margin-bottom: 0px;
    color: #ed3939;
    font-size: 8px;
    line-height: 8px;
    font-weight: 700;
    text-align: center;
}

.icone-excluir-coluna.excluir {
    margin-right: 0px;
    line-height: 24px;
}

.icone-excluir-coluna.notificacoes {
    margin-right: 0px;
    margin-bottom: 0px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 20px;
    line-height: 20px;
}

.icone-excluir-coluna.excluir-copy {
    margin-right: 0px;
    line-height: 24px;
}

.tabela-colunas {
    padding-left: 0px;
}

.tabela-cabecalho {
    border: 1px dotted #7bcbe4;
}

.overflow {
    overflow: auto;
}

.tabela-col-cabecalho {
    padding-right: 15px;
    padding-left: 0px;
    cursor: pointer;
}

.tabela-linhas {
    border-bottom: 1px dotted #7bcbe4;
}

.ge-div-cor {
    width: 25%;
    padding: 15px;
}

.pantone {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 144px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    border-radius: 5px;
}

.pantone.vermelho {
    background-color: #ec3939;
}

.pantone.cinza-4 {
    background-color: #f7f7f7;
}

.pantone.color-3 {
    background-color: #ff7136;
}

.pantone.color-1 {
    background-color: #3270ff;
}

.pantone.amarelo {
    background-color: #ecdd39;
}

.pantone.verde {
    background-color: #38eba9;
}

.pantone.color-5 {
    background-color: #bcd028;
}

.pantone.color-4 {
    background-color: #ffae2e;
}

.pantone.cinza-1 {
    background-color: #333;
}

.pantone.color-2 {
    background-color: #ff3071;
}

.pantone.color-6 {
    background-color: #00c87a;
}

.pantone.preto {
    background-color: #000;
}

.pantone.cinza-3 {
    background-color: #999;
}

.pantone.azul-1 {
    background-color: #0232aa;
}

.pantone.ccc {
    background-color: #ccc;
}

.pantone.gradiente-1 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00a9d7), to(#0079bb));
    background-image: linear-gradient(180deg, #00a9d7, #0079bb);
}

.wrapper {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1200px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
}

.ge-cores {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
}

.no-margin {
    margin: 0px;
}

.intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 600px;
    margin-bottom: 80px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.intro.left {
    width: 100%;
    max-width: none;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
}

.nome-da-cor {
    position: absolute;
    height: 24px;
    padding: 6px 12px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(33, 36, 45, 0.15);
    font-family: 'Open Sans', sans-serif;
    color: #21242d;
    font-size: 8px;
    line-height: 12px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.section {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 120px 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
}

.section.border-top {
    border-top: 1px solid #e2e4eb;
}

.wrapper-2 {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1200px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
}

.ge-bloco {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    text-align: left;
}

.titulo-pagina-copy {
    display: inline-block;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    font-size: 28px;
    line-height: 28px;
    font-weight: 600;
    text-align: left;
}

.afastado {
    font-size: 16px;
    line-height: 28px;
}

.pequeno {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 20px;
}

.sg-button-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 12px 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: none;
    border-radius: 5px;
    background-color: #21242d;
    background-image: none;
    -webkit-transition: background-color 200ms ease, box-shadow 200ms ease;
    transition: background-color 200ms ease, box-shadow 200ms ease;
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.button:hover {
    background-color: #3270ff;
}

.button.color-1 {
    background-color: #3270ff;
}

.button.color-1:hover {
    background-color: #2c60d8;
}

.button.color-6 {
    background-color: #00c87a;
}

.button.color-6:hover {
    background-color: #00a867;
}

.button.color-5 {
    background-color: #bcd028;
}

.button.color-5:hover {
    background-color: #a5b81e;
}

.button.color-2 {
    background-color: #ff3071;
}

.button.color-2:hover {
    background-color: #db2b62;
}

.button.color-3 {
    background-color: #ff7136;
}

.button.color-3:hover {
    background-color: #e4612b;
}

.button.color-4 {
    background-color: #ffae2e;
}

.button.color-4:hover {
    background-color: #e59a23;
}

.sg-button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-radius: 10px;
    background-color: #f7f7f7;
    text-align: center;
}

.sg-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.ge-div {
    margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
    .bloco-login {
        width: 100%;
        height: 430px;
        text-align: right;
    }

    .div-350 {
        width: 278px;
        height: 400px;
        padding: 10px;
        text-align: center;
    }

    .logo-acao {
        width: 180px;
        margin-top: 8px;
        margin-bottom: 8px;
        padding: 0px;
        background-color: transparent;
        box-shadow: none;
    }

    .logo-acao.atl1 {
        margin-top: 4px;
        margin-bottom: 0px;
    }

    .div-imagem-login {
        width: 430px;
        height: 430px;
    }

    .botao-acao.logout {
        padding: 5px 15px;
    }

    .botao-acao.cadastro {
        margin-bottom: 20px;
    }

    .botao-acao.relatorios {
        margin-top: 0px;
    }

    .navbar {
        padding-left: 20px;
    }

    .navbar.atl1 {
        padding-top: 8px;
        padding-right: 10px;
        padding-bottom: 8px;
    }

    .link-menu {
        padding-left: 5px;
        font-size: 15px;
        line-height: 20px;
    }

    .nav-menu {
        width: 260px;
        margin-top: 64px;
        float: right;
        border: 1px solid #d3d3d3;
        background-color: transparent;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#00a9d7), to(#0079bb));
        background-image: linear-gradient(180deg, #00a9d7, #0079bb);
    }

    .div-conteudo {
        margin-left: 0px;
        padding: 10px;
    }

    .div-conteudo.inicio {
        margin-left: 0px;
    }

    .operador.desktop {
        display: none;
    }

    .operador.mobile {
        position: static;
        display: block;
        margin-top: 30px;
    }

    .div-imagem-operador {
        width: 70px;
        height: 70px;
    }

    .nome-operador {
        font-size: 16px;
        line-height: 20px;
    }

    .cargo-operador {
        font-size: 16px;
        line-height: 20px;
    }

    .titulo-bem-vindo {
        margin-top: 0px;
    }

    .dropdown-list {
        position: absolute;
        width: 100%;
    }

    .titulo-pagina {
        font-size: 26px;
        line-height: 26px;
    }

    .botao-acoes.expandir {
        left: 15px;
        top: 35px;
        width: 22px;
        height: 22px;
        padding-top: 1px;
    }

    .coluna-listagem {
        margin-top: 0px;
        margin-bottom: 2px;
    }

    .coluna-listagem.acoes {
        display: block;
        float: none;
        text-align: right;
    }

    .coluna-listagem.acoes.tres-botoes {
        width: auto;
    }

    .coluna-listagem.acoes.tres-botoes.listagem-baixa {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .coluna-listagem.acoes.dois-botoes {
        width: auto;
    }

    .coluna-listagem.acoes.dois-botoes.listagem-alta {
        margin-top: 0px;
        margin-bottom: 2px;
    }

    .coluna-listagem.acoes.dois-botoes.listagem-baixa {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .coluna-listagem.acoes.dois-botoes.listagem-baixa.categorias {
        float: right;
    }

    .coluna-listagem.acoes.um-botao {
        float: right;
    }

    .coluna-listagem.acoes.um-botao.listagem-baixa {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .coluna-listagem.acoes.quatro-botoes {
        width: auto;
    }

    .coluna-listagem.acoes.quatro-botoes.listagem-baixa {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .coluna-listagem.acoes.cinco-botoes {
        width: auto;
    }

    .coluna-listagem.acoes.cinco-botoes.listagem {
        margin-top: 0px;
        margin-bottom: 2px;
    }

    .coluna-listagem.acoes.contatos-simulador {
        width: auto;
    }

    .coluna-listagem.pedidos-pedido {
        width: 49.5%;
    }

    .coluna-listagem.produtos-categoria {
        width: 49.5%;
    }

    .coluna-listagem.clientes-cidade {
        width: 49.5%;
    }

    .coluna-listagem.pedidos-status {
        width: 49.5%;
    }

    .coluna-listagem.clientes-nome {
        width: 49.5%;
    }

    .coluna-listagem.aguardando-data {
        width: 49.5%;
    }

    .coluna-listagem.clientes-email {
        width: 49.5%;
    }

    .coluna-listagem.inventario-tamanhos {
        width: 99.5%;
    }

    .coluna-listagem.blog-artigo {
        width: 87%;
    }

    .coluna-listagem.lista-emails {
        width: 40%;
    }

    .coluna-listagem.clientes-telefone {
        width: 49.5%;
    }

    .coluna-listagem.aguardando-nome {
        width: 49.5%;
    }

    .coluna-listagem.aguardando-cidade {
        width: 49.5%;
    }

    .coluna-listagem.aguardando-produto {
        width: 49.5%;
    }

    .coluna-listagem.pedidos-cliente {
        width: 49.5%;
    }

    .coluna-listagem.pedidos-cidade {
        width: 49.5%;
    }

    .coluna-listagem.pedidos-data {
        width: 49.5%;
    }

    .coluna-listagem.produtos-produto {
        width: 37.5%;
    }

    .coluna-listagem.produtos-preco {
        width: 49.5%;
    }

    .coluna-listagem.produtos-estoque {
        width: 49.5%;
    }

    .coluna-listagem.inventario-imagem.listagem {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .coluna-listagem.inventario-produtos {
        width: 37.5%;
    }

    .coluna-listagem.inventario-estoque {
        width: 28%;
    }

    .coluna-listagem.paginas-nome {
        width: 79%;
    }

    .coluna-listagem.pedidos-categoria {
        width: 49.5%;
    }

    .coluna-listagem.pedidos-preco {
        width: 49.5%;
    }

    .coluna-listagem.pedidos-estoque {
        width: 49.5%;
    }

    .coluna-listagem.slides-slide {
        width: 86%;
    }

    .coluna-listagem.pedidos-produto {
        width: 37.5%;
    }

    .coluna-listagem.descontos-nome {
        width: 49.5%;
    }

    .coluna-listagem.descontos-desconto {
        width: 49.5%;
    }

    .coluna-listagem.descontos-data {
        width: 49.5%;
    }

    .coluna-listagem.atl1-cadastro-nome {
        width: 49.5%;
    }

    .coluna-listagem.atl1-cadastro-email {
        width: 49.5%;
    }

    .coluna-listagem.atl1-cadastro-cidade {
        width: 49.5%;
    }

    .coluna-listagem.atl1-cadastro-cpf {
        width: 49.5%;
    }

    .coluna-listagem.atl1-pj-razao-social {
        width: 49.5%;
    }

    .coluna-listagem.atl1-pj-cnpj {
        width: 49.5%;
    }

    .coluna-listagem.atl1-pj-email {
        width: 49.5%;
    }

    .coluna-listagem.atl1-pj-fat-mensal {
        width: 49.5%;
    }

    .coluna-listagem.atl1-formulario-nome {
        width: 49.5%;
    }

    .coluna-listagem.atl1-formulario-email {
        width: 49.5%;
    }

    .coluna-listagem.atl1-formulario-cidade {
        width: 49.5%;
    }

    .coluna-listagem.atl1-formulario-telefone {
        width: 49.5%;
    }

    .coluna-listagem.simulador-nome {
        width: 18%;
    }

    .coluna-listagem.simulador-email {
        width: 22%;
    }

    .coluna-listagem.simulador-valor {
        width: 14%;
        padding-right: 0px;
    }

    .coluna-listagem.atl1-cartas-valor {
        width: 49.5%;
    }

    .coluna-listagem.atl1-cartas-parcelas-pagas {
        width: 49.5%;
    }

    .coluna-listagem.atl1-cartas-valor-parcela {
        width: 49.5%;
    }

    .coluna-listagem.atl1-cartas-administradora {
        width: 49.5%;
    }

    .coluna-listagem.simulador-estado {
        width: 9%;
    }

    .coluna-listagem.simulador-atendente {
        width: 13%;
    }

    .coluna-listagem.simulador-site {
        width: 35px;
    }

    .coluna-listagem.simulador-cores {
        width: 5%;
    }

    .coluna-listagem.simulador-ultimo-contato {
        width: 49.5%;
    }

    .coluna-listagem.atl1-simulador-modalidade {
        width: 19%;
        margin-left: 32px;
    }

    .coluna-listagem.atl1-simulador-consulta {
        width: 22%;
    }

    .coluna-listagem.atl1-simulador-consorcio {
        width: 9%;
    }

    .coluna-listagem.atl1-simulador-meio-contato {
        width: 18%;
    }

    .coluna-listagem.atl1-simulador-data-contato {
        width: 10%;
    }

    .bloco-listagem {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .div-colunas-listagem {
        display: none;
    }

    .nome-produto.paragrafo-estoque {
        display: inline-block;
    }

    .div-titulo-pagina {
        margin-bottom: 15px;
    }

    .bloco-branco {
        position: relative;
        padding: 15px;
    }

    .label-cadastro.inventario {
        margin-bottom: 0px;
    }

    .bloco-menu {
        position: relative;
        overflow: visible;
        width: auto;
        background-color: #f7f7f7;
        background-image: none;
    }

    .botao-menu {
        padding: 15px;
        color: #000;
        font-size: 34px;
        line-height: 34px;
    }

    .botao-menu.w--open {
        background-color: rgba(0, 0, 0, 0.2);
    }

    .botao-menu.atl1 {
        padding: 5px;
        font-size: 44px;
        line-height: 1em;
    }

    .paragrafo-estoque {
        display: inline-block;
        margin-right: 5px;
    }

    .simulador-site-icone {
        width: 22px;
        height: 22px;
        padding-top: 1px;
        font-size: 1.2em;
    }

    .bloco-botao-notificacao {
        position: absolute;
        left: auto;
        top: 26px;
        right: 75px;
        bottom: auto;
        z-index: 1200;
    }

    .drop {
        padding: 15px;
        font-size: 1.7em;
    }

    .filtro-valor {
        width: 10%;
    }

    .filtro-data {
        width: 25%;
    }

    .relatorio-linha {
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    .relatorio-linha.colunas-13 {
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    .relatorio-listagem {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .ge-div-cor {
        width: 33.33%;
        padding: 8px;
    }

    .no-margin {
        margin: 0px;
    }

    .intro {
        margin-bottom: 64px;
        padding-right: 8px;
        padding-left: 8px;
    }

    .section {
        padding: 80px 8px;
    }

    .ge-bloco {
        text-align: left;
    }

    .titulo-pagina-copy {
        font-size: 26px;
        line-height: 26px;
    }

    .sg-button-block {
        width: 50%;
        padding: 8px;
    }

    .sg-button-wrapper {
        padding: 40px 20%;
    }

    .sg-buttons {
        padding-bottom: 80px;
    }
}

@media screen and (max-width: 767px) {
    .bloco-login {
        height: 350px;
    }

    .div-350 {
        width: 100%;
        height: 350px;
        padding: 20px;
    }

    .logo-acao {
        display: inline-block;
        width: 160px;
        padding: 0px;
        background-color: transparent;
        box-shadow: none;
    }

    .logo-acao.login {
        width: 60px;
    }

    .div-imagem-login {
        display: none;
    }

    .input {
        font-size: 14px;
        line-height: 18px;
    }

    .input.lista-simulador {
        font-size: 14px;
    }

    .input.anotacao {
        width: 91%;
    }

    .label-input {
        margin-bottom: 2px;
        font-size: 12px;
        line-height: 16px;
    }

    .botao-acao {
        font-size: 14px;
    }

    .botao-acao.cadastro {
        margin-bottom: 10px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .botao-acao.gerar-excel {
        width: 160px;
    }

    .botao-acao.anotacao {
        width: 8%;
    }

    .body-login {
        display: block;
        padding: 30px;
    }

    .navbar {
        padding-left: 15px;
    }

    .nav-menu {
        margin-top: 56px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#00a9d7), to(#0079bb));
        background-image: linear-gradient(180deg, #00a9d7, #0079bb);
    }

    .div-oculta-login {
        display: none;
    }

    .funcao-destaque-imagem {
        width: 100px;
        height: 100px;
        padding: 20px;
    }

    .funcao-destaque {
        padding-right: 2%;
        padding-left: 2%;
    }

    .titulo-pagina {
        font-size: 20px;
        line-height: 22px;
    }

    .botao-acoes {
        padding-right: 8px;
        padding-left: 8px;
        font-size: 14px;
        line-height: 18px;
    }

    .botao-acoes.adicionar {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .botao-acoes.expandir {
        left: 12px;
        width: 20px;
        height: 20px;
    }

    .filtro-drop {
        width: 160px;
    }

    .coluna-listagem {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-right: 10px;
    }

    .coluna-listagem.produtos-imagem.listagem {
        width: 50px;
        height: 50px;
    }

    .coluna-listagem.acoes.dois-botoes.listagem-baixa {
        margin-bottom: 3px;
    }

    .coluna-listagem.acoes.um-botao.listagem-baixa {
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .coluna-listagem.acoes.cinco-botoes.listagem {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .coluna-listagem.acoes.contatos-simulador {
        right: 0px;
    }

    .coluna-listagem.blog-artigo {
        width: 82%;
    }

    .coluna-listagem.lista-emails {
        width: 60%;
    }

    .coluna-listagem.inventario-imagem.listagem {
        width: 50px;
        height: 50px;
    }

    .coluna-listagem.slides-imagem.listagem {
        width: 50px;
        height: 50px;
    }

    .coluna-listagem.paginas-nome {
        width: 99.5%;
    }

    .coluna-listagem.paginas-identificacao {
        width: 99.5%;
    }

    .coluna-listagem.blog-imagem.listagem {
        width: 50px;
        height: 50px;
    }

    .coluna-listagem.pedidos-imagem.listagem {
        width: 50px;
        height: 50px;
    }

    .coluna-listagem.inventario-movimentacao {
        width: 13%;
    }

    .coluna-listagem.inventario-entrada {
        width: 12%;
    }

    .coluna-listagem.inventario-saida {
        width: 12%;
    }

    .coluna-listagem.simulador-nome {
        width: 39%;
    }

    .coluna-listagem.simulador-email {
        width: 50%;
    }

    .coluna-listagem.simulador-valor {
        width: 23%;
    }

    .coluna-listagem.simulador-valor.primeira-linha {
        margin-top: 0px;
    }

    .coluna-listagem.simulador-estado {
        width: 14%;
        margin-left: 32px;
    }

    .coluna-listagem.simulador-estado.primeira-linha {
        margin-top: 0px;
    }

    .coluna-listagem.simulador-atendente {
        width: 25%;
    }

    .coluna-listagem.simulador-atendente.primeira-linha {
        margin-top: 0px;
    }

    .coluna-listagem.simulador-site {
        width: 30px;
    }

    .coluna-listagem.simulador-cores {
        width: 7.5%;
    }

    .coluna-listagem.simulador-cores.primeira-linha {
        margin-top: 0px;
    }

    .coluna-listagem.simulador-ultimo-contato {
        display: block;
        width: auto;
        margin-left: 30px;
    }

    .coluna-listagem.atl1-simulador-modalidade {
        width: 20%;
        margin-left: 28px;
    }

    .coluna-listagem.atl1-simulador-consulta {
        width: 25%;
    }

    .coluna-listagem.atl1-simulador-consorcio {
        width: 13%;
    }

    .coluna-listagem.atl1-simulador-meio-contato {
        width: 20%;
    }

    .bloco-listagem {
        padding: 5px 5px 5px 12px;
    }

    .imagem-listagem {
        height: 50px;
    }

    .nome-produto {
        font-size: 14px;
        line-height: 16px;
    }

    .titulo-coluna {
        color: #8d8d8d;
    }

    .div-titulo-pagina {
        margin-bottom: 10px;
    }

    .bloco-branco {
        padding: 10px;
    }

    .div-33 {
        width: 49.5%;
    }

    .div-50 {
        margin-bottom: 0px;
    }

    .div-25 {
        width: 49.5%;
    }

    .select {
        font-size: 12px;
    }

    .select.lista-simulador {
        font-size: 14px;
    }

    .select.filtros {
        font-size: 14px;
    }

    .select.relatorio {
        font-size: 14px;
    }

    .div-upload-imagem {
        max-height: auto;
    }

    .excluir-imagem.subcategoria-2 {
        top: 2px;
    }

    .div-inline-block {
        width: 49.5%;
        padding-right: 10px;
    }

    .div-inline-block.margem-direita {
        margin-right: 0px;
    }

    .bloco-menu {
        position: relative;
        width: auto;
        background-color: #f7f7f7;
        background-image: none;
    }

    .botao-menu {
        padding: 15px;
    }

    .paragrafo-estoque {
        font-size: 14px;
        line-height: 16px;
    }

    .paragrafo-anotacao {
        font-size: 14px;
        line-height: 16px;
    }

    .div-filtros {
        display: inline-block;
        width: 99%;
    }

    .filtro-nome {
        width: 25%;
    }

    .paragrafo-filtro {
        font-size: 14px;
    }

    .bloco-notificacoes {
        max-height: 275px;
    }

    .botao-fechar-notificacao {
        padding-top: 0px;
    }

    .drop {
        padding: 10px;
        font-size: 1.5em;
    }

    .dropdown {
        font-size: 12px;
    }

    .bloco-grafico {
        height: 60vh;
    }

    .filtro-numero {
        width: 12%;
    }

    .filtro-valor {
        width: 14%;
    }

    .filtro-data {
        width: 35%;
    }

    .relatorio-linha {
        display: -ms-grid;
        display: grid;
        grid-auto-columns: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }

    .relatorio-listagem {
        padding: 5px 5px 5px 12px;
    }

    .text-cinza {
        margin-bottom: 2px;
        font-size: 12px;
        line-height: 16px;
    }

    .excluir-coluna.subcategoria-2 {
        top: 2px;
    }

    .pantone {
        height: 120px;
    }

    .no-margin {
        margin: 0px;
    }

    .intro {
        margin-bottom: 48px;
    }

    .section {
        padding-top: 64px;
        padding-bottom: 64px;
    }

    .titulo-pagina-copy {
        font-size: 20px;
        line-height: 22px;
    }

    .afastado {
        font-size: 16px;
    }

    .sg-button-wrapper {
        padding: 32px 16%;
    }
}

@media screen and (max-width: 479px) {
    .input.anotacao {
        width: 86%;
    }

    .input.relatorio {
        margin-bottom: 5px;
    }

    .botao-acao.gerar-excel {
        width: 100%;
    }

    .botao-acao.anotacao {
        width: 12%;
    }

    .botao-acao.relatorios {
        margin-top: 0px;
    }

    .body-login {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .funcao-destaque {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-right: 5%;
        padding-left: 5%;
    }

    .botao-acoes.expandir {
        left: 39px;
        top: 10px;
    }

    .filtro-drop {
        width: 100%;
        margin-top: 10px;
    }

    .coluna-listagem.produtos-imagem.listagem {
        width: 70px;
        height: 70px;
    }

    .coluna-listagem.acoes.dois-botoes.listagem-baixa.categorias {
        float: none;
    }

    .coluna-listagem.pedidos-pedido {
        width: 99.5%;
    }

    .coluna-listagem.clientes-cidade {
        width: 99.5%;
    }

    .coluna-listagem.pedidos-status {
        width: 99.5%;
    }

    .coluna-listagem.clientes-nome {
        width: 99.5%;
    }

    .coluna-listagem.aguardando-data {
        width: 99.5%;
    }

    .coluna-listagem.clientes-email {
        width: 99.5%;
    }

    .coluna-listagem.inventario-tamanhos {
        width: 99.5%;
    }

    .coluna-listagem.inventario-quantidade {
        width: 49.5%;
    }

    .coluna-listagem.blog-artigo {
        width: 99.5%;
    }

    .coluna-listagem.categorias-nome {
        width: 99.5%;
    }

    .coluna-listagem.lista-emails {
        width: 84%;
    }

    .coluna-listagem.clientes-telefone {
        width: 99.5%;
    }

    .coluna-listagem.aguardando-nome {
        width: 99.5%;
    }

    .coluna-listagem.aguardando-cidade {
        width: 99.5%;
    }

    .coluna-listagem.aguardando-produto {
        width: 99.5%;
    }

    .coluna-listagem.pedidos-cliente {
        width: 99.5%;
    }

    .coluna-listagem.pedidos-cidade {
        width: 99.5%;
    }

    .coluna-listagem.pedidos-data {
        width: 99.5%;
    }

    .coluna-listagem.produtos-produto {
        width: 99.5%;
    }

    .coluna-listagem.produtos-estoque {
        width: 99.5%;
    }

    .coluna-listagem.inventario-imagem.listagem {
        width: 70px;
        height: 70px;
    }

    .coluna-listagem.inventario-estoque {
        width: 99.5%;
    }

    .coluna-listagem.slides-imagem.listagem {
        width: 70px;
        height: 70px;
    }

    .coluna-listagem.blog-imagem.listagem {
        width: 70px;
        height: 70px;
    }

    .coluna-listagem.pedidos-imagem.listagem {
        width: 70px;
        height: 70px;
        margin-right: 0%;
    }

    .coluna-listagem.pedidos-categoria {
        width: 99.5%;
    }

    .coluna-listagem.pedidos-preco {
        width: 99.5%;
    }

    .coluna-listagem.pedidos-estoque {
        width: 99.5%;
    }

    .coluna-listagem.slides-slide {
        width: 99.5%;
    }

    .coluna-listagem.inventario-tamanho {
        width: 49.5%;
    }

    .coluna-listagem.inventario-movimentacao {
        width: 49.5%;
    }

    .coluna-listagem.inventario-entrada {
        width: 49.5%;
    }

    .coluna-listagem.inventario-saida {
        width: 49.5%;
    }

    .coluna-listagem.inventario-cliente {
        width: 49.5%;
    }

    .coluna-listagem.inventario-pedido {
        width: 99.5%;
        float: none;
    }

    .coluna-listagem.pedidos-produto {
        width: 99.5%;
    }

    .coluna-listagem.descontos-nome {
        width: 99.5%;
    }

    .coluna-listagem.descontos-desconto {
        width: 99.5%;
    }

    .coluna-listagem.descontos-data {
        width: 99.5%;
    }

    .coluna-listagem.atl1-cadastro-nome {
        width: 99.5%;
    }

    .coluna-listagem.atl1-cadastro-email {
        width: 99.5%;
    }

    .coluna-listagem.atl1-cadastro-cidade {
        width: 99.5%;
    }

    .coluna-listagem.atl1-cadastro-cpf {
        width: 99.5%;
    }

    .coluna-listagem.atl1-pj-razao-social {
        width: 99.5%;
    }

    .coluna-listagem.atl1-pj-cnpj {
        width: 99.5%;
    }

    .coluna-listagem.atl1-pj-email {
        width: 99.5%;
    }

    .coluna-listagem.atl1-pj-fat-mensal {
        width: 99.5%;
    }

    .coluna-listagem.atl1-formulario-nome {
        width: 99.5%;
    }

    .coluna-listagem.atl1-formulario-email {
        width: 99.5%;
    }

    .coluna-listagem.atl1-formulario-cidade {
        width: 99.5%;
    }

    .coluna-listagem.atl1-formulario-telefone {
        width: 99.5%;
    }

    .coluna-listagem.simulador-nome {
        display: block;
        width: auto;
    }

    .coluna-listagem.simulador-email {
        display: block;
        width: auto;
    }

    .coluna-listagem.simulador-valor {
        display: block;
        width: auto;
    }

    .coluna-listagem.atl1-cartas-valor {
        width: 99.5%;
    }

    .coluna-listagem.atl1-cartas-parcelas-pagas {
        width: 99.5%;
    }

    .coluna-listagem.atl1-cartas-valor-parcela {
        width: 99.5%;
    }

    .coluna-listagem.atl1-cartas-administradora {
        width: 99.5%;
    }

    .coluna-listagem.simulador-estado {
        width: 40%;
        margin-left: 0px;
    }

    .coluna-listagem.simulador-atendente {
        width: 47%;
    }

    .coluna-listagem.simulador-site {
        width: 99.5%;
    }

    .coluna-listagem.simulador-site.segunda-linha {
        display: none;
    }

    .coluna-listagem.simulador-cores {
        width: 12%;
    }

    .coluna-listagem.simulador-ultimo-contato {
        width: auto;
        margin-left: 0px;
    }

    .coluna-listagem.atl1-simulador-modalidade {
        width: 49%;
        margin-left: 0px;
    }

    .coluna-listagem.atl1-simulador-consulta {
        width: 49%;
    }

    .coluna-listagem.atl1-simulador-consorcio {
        width: 49%;
    }

    .coluna-listagem.atl1-simulador-meio-contato {
        width: 49%;
    }

    .coluna-listagem.atl1-simulador-data-contato {
        display: block;
        width: auto;
    }

    .bloco-listagem {
        text-align: center;
    }

    .bloco-listagem.simulador {
        text-align: left;
    }

    .imagem-listagem {
        height: 70px;
    }

    .nome-produto.dados {
        text-align: left;
    }

    .titulo-coluna.relatorio {
        display: block;
        margin-bottom: 2px;
        font-size: 90%;
        line-height: 16px;
        text-align: right;
    }

    .titulo-coluna.relatorio.deslize {
        display: block;
    }

    .div-33 {
        width: 99.5%;
        margin-bottom: 10px;
    }

    .label-cadastro.inventario {
        font-size: 16px;
    }

    .div-50 {
        width: 99%;
    }

    .div-25 {
        width: 99.5%;
    }

    .select {
        font-size: 14px;
    }

    .div-upload-imagem {
        max-height: none;
        max-width: 100%;
    }

    .div-inline-block {
        width: 99.5%;
        padding-right: 0px;
    }

    .subcategoria {
        margin-right: 5px;
        margin-left: 5px;
        padding-right: 30px;
        padding-left: 8px;
    }

    .div-direita {
        text-align: center;
    }

    .div-filtros {
        margin-top: 2px;
    }

    .filtro-nome {
        max-width: 31%;
    }

    .bloco-notificacoes {
        right: -66px;
        max-height: 455px;
        max-width: 300px;
        padding: 10px 8px 0px;
        font-size: 12px;
    }

    .bloco-notificacao {
        margin-bottom: 10px;
        box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
    }

    .drop {
        font-size: 1.4em;
    }

    .dropdown {
        font-size: 14px;
    }

    .bloco-grafico {
        height: 40vh;
    }

    .filtro-select {
        max-width: 31%;
    }

    .filtro-valor {
        width: 25%;
    }

    .filtro-data {
        width: 49%;
    }

    .relatorio-linha {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-auto-flow: row;
        grid-auto-rows: minmax(auto, 1fr);
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .relatorio-linha.colunas-13 {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .coluna {
        max-width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .relatorio-listagem {
        text-align: center;
    }

    .bloco-rolagem {
        display: inline-block;
        overflow: auto;
        width: 49%;
        height: 380px;
    }

    .cabecalho-relatorio {
        display: inline-block;
        width: 49%;
    }

    .coluna-dados {
        max-width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .ge-div-cor {
        width: 100%;
    }

    .no-margin {
        margin: 0px;
    }

    .sg-button-block {
        width: 100%;
    }
}

@font-face {
    font-family: 'Simple line icons';
    src: url('../fonts/Simple-Line-Icons.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Fontawesome webfont';
    src: url('../fonts/fontawesome-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Fa 400';
    src: url('../fonts/fa-regular-400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Fa solid 900';
    src: url('../fonts/fa-solid-900.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Fa brands 400';
    src: url('../fonts/fa-brands-400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SF-Pro-Display-Semibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SF-Pro-Display-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SF-Pro-Display-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SF-Pro-Display-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SF-Pro-Display-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: auto;
}