html, body {
    height: 100%;
}

body {
    margin: 0px;
    font-family: Helvetica, Arial;
    font-size: 11px;
    text-align: center;
}

#geral {
    margin: auto;
    text-align: left;
    width: 100%;
    margin-top: 0px;
    height: calc(100% - 106px);
}

#corpo {
    clear: both;
    background-color: #FFFFFF;
    background-color: #f8f8f8;
    height: 100%;
    overflow: auto;
    text-align: center;
    border-top: 3px solid #f1f1f1;

}

#rodape {
    clear: both;
    height: 20px;
    line-height: 20px;
    text-align: right;
    padding: 0px 15px 0px 15px;
    background: #f8f8f8;
    display: none;
}

#msg {
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #000000;
    font-family: Helvetica, Arial, sans-serif;
    border-bottom: none;
    border-top: none;
    font-size: 14px;
    background-color: white;
    display: none;
}

#msg.vazia {
    background-color: white;
}

#msg.erro {
    color: lightcoral;
}

.mensagem, .erro {
    font-size: 13px;
    text-align: center;
}

.erro {
    color: lightcoral;
}

h1, h2 {
    text-align: left;
    padding-left: 9px;
    margin: 0;
    color: #333;
    font-weight: lighter;
}

h1 {
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    text-transform: uppercase;
    color: #26bfa1;
}

h2 {
    font-size: 12px;
    padding: 0px;
    margin-left: 15px;
    font-weight: bold;
}

h1 a {
    color: #26bfa1;
}

form, .form {
    text-align: center;
    clear: both;
    display: inline-block;
}

.form, form table {
    margin: auto;
    font-size: 11px;
    padding: 0;
    border-collapse: collapse;
}

form table tr td, .form tr td {
    margin: 0px;
    padding: 0px;
    text-align: left;
}

.form td.caixa .linque {
    vertical-align: middle;
}

form > div, .form > div {
    text-align: left;
    margin: auto;
}

form table tr th, .form tr th, form table .sp_th, .sp_th {
    text-align: right;
    padding: 0 4px 0;
    color: #777777;
    font-weight: bold;
}

label {
    text-align: right;
    padding: 0px;
    margin: 0px;
    color: #777777;
    font-weight: bold;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    line-height: 22px;
}

label.file, label.foto {
    display: inline-block;
    height: 27px;
    width: 27px;
    line-height: 27px;
    background-color: lightgoldenrodyellow;
    border-radius: 2px;
    border: 1px solid #dfdfdf;
    margin: 1px;
}

label.file:hover, label.foto:hover {
    border: 1px solid #a7a7a7;
}

label.file {
    background: url(http://atlas.profinanc.com.br/admin/_img/clip.png) no-repeat center #ededed;
}

label.foto {
    background: url(http://atlas.profinanc.com.br/admin/_img/foto.png?2) no-repeat center #ededed;
}

label.file:hover {
    border: 1px solid #a7a7a7;
}

.campo {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    line-height: 22px;
    text-align: left;
}

.campo.label {
    border: 1px solid white;
    height: 22px;
    line-height: 22px;
    margin: 1px;
    margin-top: 0px;
    padding-left: 2px;
    padding-right: 2px;
    background-color: white;
}

.campo .botao {
    margin-left: 1px;
    margin-top: 2px;
}

.campo_alto {
    float: left;
    margin-right: 1px;
    min-height: 50px;
}

.campo_alto label {
    display: block;
    text-align: left;
    margin-left: 1px;
}

.campo_alto select {
    margin: 0px;
    margin-left: 1px;
}

.campo_alto.acoes {

}

.th_top {
    vertical-align: top;
}

input {
    outline: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

input[type="checkbox"] {
    vertical-align: top;
    margin-top: 6px;
    margin-left: 1px;
}

a {
    color: #26bfa1;
    text-decoration: none;
    cursor: default;
}

a[href] {
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
}

a.linque {
    color: #26bfa1;
    text-decoration: underline;
    cursor: default;
    vertical-align: top;
}

a.linque[href] {
    cursor: pointer;
}

a.linque:hover {
    text-decoration: underline;
}

.grid {
    text-align: center;
    margin-top: 10px;
    clear: both;
    overflow: auto;
}

.rolagem, .rolagem2 {
    height: calc(100% - 120px);
    margin: 0;
    margin-left: 15px;
    overflow: auto;
}

.rolagem2 {
    height: calc(100% - 85px);
}

.grid table {
    margin: 0px auto 0px auto;
    border-collapse: collapse;
}

.grid .titulo {
    text-align: center;
    color: #333944;
    background-color: whitesmoke;
    font-size: 14px;
}

.grid table tr th, .grid table tr td {
    padding: 0px;
    padding-left: 3px;
    padding-right: 3px;
    border: none;
    border: 1px solid #E3E3E3;
}

.grid table tr th {
    background-color: #26bfa1;
    border: 1px solid #888;
    color: white;
    cursor: default;
    text-align: center;
    font-weight: lighter;
    line-height: 20px;
    height: 20px;
    position: sticky;
    top: -1px;
    z-index: 5;
}

.grid table tr td {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-align: left;
    background-color: white;
}

.grid table tr:hover td {
    background-color: #f1f1f1;
}

.grid table tr.sel td {
    background: lightgoldenrodyellow;
}

.grid .sem_borda td {
    border: none;
}

.grid .sem_borda {
    border: 1px solid #B4BBCD;
}

.grid tr td.registros, .grid tr:hover td.registros {
    background-color: #f9f9f9;
    cursor: default;
    text-align: left;
    font-weight: lighter;
    padding-left: 5px;
    line-height: 20px;
    height: 20px;
}

.grid table tr td.caixa {
    text-align: center;
}

.grid table tr .acao {
    padding: 0px 1px 0px 1px;
}

.grid .acao a {
    float: left;
    display: inline;
    height: 24px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center;
    cursor: default;
}

.grid .acao a[href] {
    cursor: pointer;
}

.grid .acao a.alterar, .grid .acao a.excluir {
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/editdelete.png);
}

.grid .acao a.alterar {
    width: 24px;
    background-position: 0px 0px;
}

.grid .acao a.excluir {
    width: 24px;
    background-position: -24px;
}

.grid .acao a.visualizar {
    width: 24px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/view.gif);
}

.grid .acao a.pdf {
    width: 29px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/pdf.png);
}

.grid .acao a.download {
    width: 28px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/download.png?8) center;
}

.grid .acao a.upload {
    width: 28px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/upload.png?8) center;
}

.grid .acao a.copia {
    width: 24px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/copia.png) center;
    background-size: 75%;
}

.grid .acao a.foto {
    width: 24px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/foto.png) center;
}

.grid .acao a.foto_colorida {
    width: 24px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/foto_colorida.png) center;
}

.grid .acao a.financas {
    width: 24px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/financas.png?3) center;
}

.grid .acao a.usuarios {
    width: 24px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/person.svg) center;
}

.grid .acao a.usuario {
    width: 24px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/person.svg) center;
}

.grid .acao a.carro {
    width: 24px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/car.png?4) center;
}

.grid .acao a.star {
    width: 24px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/star.png) center;
}

.grid .acao a.new {
    width: 24px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/new.png) center;
}

.grid .acao a.locked {
    width: 24px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/locked.png) center;
}

.grid .acao a.unlocked {
    width: 24px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/unlocked.png) center;
}

.grid .acao a.check {
    width: 24px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/checkbox.svg) center;
}

.grid .acao a.check.checked {
    width: 24px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/checkbox-checked.svg) center;
}

.grid .acao a.up {
    width: 24px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/drop-up.svg) center;
}

.grid .acao a.down {
    width: 24px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/drop-down.svg) center;
}

.grid .acao a.view {
    width: 24px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/page-view.svg) center;
}

.grid .acao a.cupom {
    width: 36px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/cupom.svg?2) center;
    background-size: contain;

}

.grid .acao a.money-report {
    width: 36px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/money-report.svg?2) center;
    background-size: contain;
}

.grid .acao a.settings {
    width: 36px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/settings.svg) center;
    background-size: contain;
}

.grid .acao a.numbered-list {
    width: 36px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/numbered-list.svg) center;
    background-size: contain;
}

.grid .acao a.percentual {
    width: 36px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/percentage.png) center;
    background-size: 1rem;
}

.grid .acao a.price-check {
    width: 36px;
    background: no-repeat url(http://atlas.profinanc.com.br/admin/_img/price-check.svg) center;
    background-size: 1rem;
}

.grid table tr td.sim_nao, .grid table tr td.data {
    text-align: center;
}

.grid table tr td.numero {
    text-align: right;
}

.grid table.form th {
    text-align: right;
}

fieldset {
    border: 1px solid #e5e5e5;
    margin: 0px auto 10px auto;
    *padding-bottom: 5px;
    display: block;
    text-align: left;
}

fieldset legend {
    margin-bottom: 5px;
    padding: 2px;
    margin-left: 15px;
    border: 1px solid #e5e5e5;
    background-color: #F3F3F3;
    color: #333944;
    font-weight: bold;
}

#menu_interno, .menu_interno {
    clear: both;
}

#menu_interno {
    margin-left: 15px;
    clear: both;
    margin-top: 2px;
    height: 28px;
    margin-bottom: 3px;
}

#menu_interno .acao {
    float: left;
    display: inline;
    font-size: 0px;
    width: 28px;
    height: 28px;
    margin-left: 1px;
    background-repeat: no-repeat;
    background-position: center;
}

#menu {
    height: 100px;
    line-height: 100px;
    background-color: white;
    font-family: Helvetica, Arial, sans-serif;
    margin: 0px;
    border: none;
    padding: 0;
    background-color: #f8f8f8;
    border-bottom: 3px solid transparent;
}

#menu li {
    float: left;
    list-style: none;
    height: 28px;
    padding: 0px;
}

#menu li a {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    height: 28px;
    line-height: 28px;
    float: left;
    display: inline;
    padding-left: 5px;
    padding-right: 4px;
    color: #737373;
    font-weight: lighter;
    padding-top: 1px;
}

#menu > li > a {
    background: #f1f1f1;
    height: 100px;
    line-height: 12px;
    width: 100px;
    box-sizing: border-box;
    padding: 64px 5px 0 5px;
    margin: 0 2px;
    vertical-align: bottom;
    border-top: 3px solid #d7d8da;
    color: #26bfa1;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    font-size: 10px;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center 20px;
}

#menu > li > a:hover {
    border-top-color: #26bfa1;
}

#menu > li > a.clientes {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/menu/clientes.svg);
}

#menu > li > a.vendas {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/menu/vendas.svg);
}

#menu > li > a.comissoes {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/menu/comissoes.svg);
}

#menu > li > a.lojas {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/menu/lojas.svg);
}

#menu > li > a.metas {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/menu/metas.svg);
}

#menu > li > a.comissionamentos {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/menu/comissoes.svg);
    font-size: 9px;
    padding-left: 0;
    padding-right: 0;
}

#menu > li > a.usuarios {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/menu/usuarios.svg);
}

#menu > li > a.configuracoes {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/menu/configuracoes.svg);
}

#menu > li > a.relatorios {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/menu/relatorios.svg);
}

#menu > li > a.logo {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/menu/logo.svg);
    padding: 0;
    background-size: 85px 58px;
    background-position: center;
}

#menu > li > a.logo-oposto {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/menu/logo-oposto.svg);
    padding: 0;
    background-size: 85px 58px;
    background-position: center;
    background-color: #26bfa1;
}

#menu > li > a.user {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/menu/user.svg);
}

#menu > li > a.sair {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/menu/sair.svg);
}

#menu > li > a.acoes-controle {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/menu/acoes-de-controle.svg);
}

#menu > li > a.logo-oposto:hover {
    background-color: #26bfa1;
}

#menu li a:hover {
    background-color: #e5e5e5;
}

#menu li a#logo_itikawa {
    width: 20px;
    font-size: 0px;
    background: url(http://atlas.profinanc.com.br/admin/_img/itikawa/logo.png) no-repeat center;
}

#menu li a#logo_itikawa:hover {
    background-color: #e5e5e5;
}

#menu li a#logo_dddrin {
    width: 74px;
    font-size: 0px;
    background: url(http://atlas.profinanc.com.br/admin/_img/dddrin/mini_logo.png?2) no-repeat center;
}

#menu li a#logo_dddrin:hover {
    background-color: #e5e5e5;
}

#menu li a#logo_condominio {
    width: 45px;
    font-size: 0px;
    background: url(http://atlas.profinanc.com.br/admin/_img/condominio/logo_menu.png) no-repeat center;
}

#menu li a#logo_condominio:hover {
    background-color: #e5e5e5;
}

#menu li a#logo_dosanjos {
    width: 59px;
    font-size: 0px;
    margin-left: 0px;
    padding-left: 0px;
    background: url(http://atlas.profinanc.com.br/admin/_img/dosanjos/logo3.png) no-repeat center;
}

#menu li a#dos_anjos:hover {

}

#menu ul {
    position: absolute;
    background-color: white;
    margin: 0px;
    padding: 0px;
    top: 50px;
    left: 0px;
    clear: both;
    *width: 0px;
    display: none;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 4px 0px #ccc;
    z-index: 100;
    background-color: #f1f1f1;
}

#menu ul.esquerda {

}

#menu ul li {
    float: none;
    display: block;
}

#menu ul li a {
    float: none;
    display: block;
    white-space: nowrap;
    padding-right: 20px;
    font-size: 12px;
    padding-top: 0px;
}

#menu ul.esquerda li a {
    padding-right: 8px;
}

#menu ul li a.mais {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/seta_menu.png?1);
    background-repeat: no-repeat;
    background-position: right;
}

#menu ul li ul {
    position: absolute;
}

#menu .login, #menu .usuario {
    float: right;
    display: inline;
}

select, textarea, .caixa, input.caixa, input.login, input.senha, input.nome, input.cnpj, input.endereco, input.bairro, input.cep, input.telefone, input.moeda, input.inteiro, input.data, input.cpf, input.rg,
input.email, input.url, input.ie, input.hora, input.sigla, input.an8, input.decimal, input.contrato, input.placa, input.ip, input.switch, input.serial, input.pib,
input.descricao, input.reop, input.search, input.placa {
    outline: none;
    border: 1px solid #ddd;
    background-color: white;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin: 1px;
    margin-top: 0px;
    height: 18px;
    line-height: 18px;
    padding-left: 2px;
    padding-right: 2px;
}

select {
    height: 22px;
    line-height: 22px;
    margin: 1px;
    vertical-align: top;
    padding: 0px;
}

div.caixa {
    height: 16px;
    line-height: 16px;
}

.caixa {
    *margin: 1px;
}

input.caixa {
    width: 200px;
    vertical-align: top;
}

input:disabled, select:disabled {
    background-color: #E3E3E3;
}

input.login, input.senha {
    width: 300px;
}

input.nome {
    width: 475px;
}

input.cnpj {
    width: 135px;
}

input.endereco {
    width: 475px;
}

input.bairro {
    width: 360px;
}

input.cep {
    width: 60px;
}

input.telefone {
    width: 100px;
}

input.moeda {
    width: 100px;
    text-align: right;
}

input.inteiro {
    width: 50px;
    text-align: right;
}

input.real {
    width: 50px;
    text-align: right;
}

input.data {
    width: 74px;
    text-align: center;
}

input.cpf {
    width: 100px;
}

input.rg {
    width: 100px;
}

input.email {
    width: 475px;
}

input.url {
    width: 475px;
}

input.placa {
    width: 70px;
    text-align: center;
}

textarea {
    width: 400px;
    height: 75px;
    overflow: auto;
    resize: none;
    display: block;
    margin: 0px 0px -1px 1px;
}

.ie textarea {
    margin: 0px 0px 1px 1px;
}

.ff textarea {
    margin: 0px 0px -3px 1px;
}

input.hora {
    width: 41px;
    *width: 40px;
    text-align: center;
}

input.sigla {
    width: 30px;
}

input.decimal {
    text-align: right;
    width: 87px;
}

input.ip {
    width: 112px;
}

input.descricao {
    width: 400px;
}

input.titulo {
    width: 350px;
}

input.complemento {
    width: 100px;
}

input.search {
    border: 1px solid #4d90fe;
    width: 300px;
}

input.search.selected {
    border: 1px solid #ddd;
}

.ifra_bugie {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    filter: alpha(opacity=0);
    opacity: 0;
    display: none;
}

.q {
    clear: both;
    font-size: 0;
}

#qbe, .qbe {
    clear: both;
    text-align: center;
    margin-bottom: 5px;
}

#qbe .caixa, .qbe .caixa, #qbe select, .qbe select, #qbe .data, .qbe .data {
    vertical-align: top;
    margin: 0px;
}

#qbe .sp_th, .qbe .sp_th {
    line-height: 22px;
}

#td_uf, #td_cidade, .td_uf, .td_cidade {
    height: 23px;
}

#td_cidade, .td_cidade {
    width: 265px;
}

a.associar, a.pesquisar {
    display: inline-block;
    width: 14px;
    height: 16px;
    background: url(http://atlas.profinanc.com.br/admin/_img/lupa.gif) no-repeat center;
    margin-left: 2px;
    cursor: default;
    vertical-align: top;
}

#qbe .pesquisar, .qbe .pesquisar {
    vertical-align: top;
    margin-top: 4px;
}

.dissociar, a.fechar {
    display: inline-block;
    width: 14px;
    height: 16px;
    vertical-align: top;
    background-image: url(http://atlas.profinanc.com.br/admin/_img/fechar.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 2px;
    cursor: default;
}

.dissociar:hover, a.fechar:hover {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/fechar_hover.gif);
}

.botoes, #botoes {
    text-align: center;
    clear: both;
}

.form .botoes {
    text-align: right;
    margin-top: 2px;
}

.botao, .botao_azul, .botao_vermelho, .botao_pesquisar, .mini_botao {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    height: 27px;
    line-height: 27px;
    padding-left: 12px;
    padding-right: 12px;
    margin: 1px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a.botao, a.botao_azul, a.botao_vermelho, a.botao_pesquisar, a.mini_botao {
    text-decoration: none;
}

.botao[href], .botao_azul[href], .botao_vermelho[href], .botao_pesquisar[href], .mini_botao[href] {
    cursor: pointer;
}

.botao, .mini_botao {
    color: #26bfa1;
    border: 1px solid #26bfa1;
    background-color: #f1f1f1;
    margin: 0px;
}

.botao input {
    *vertical-align: middle;
    *height: 102%;
}

.botao_azul {
    color: #fff;
    border: 1px solid transparent;
    background-color: #26bfa1;
    text-decoration: none;
}

.botao_vermelho {
    color: #fff;
    border: 1px solid #d14836;
    background-color: #d94a38;
}

.botao_azul:hover {
    color: #eee;

}

.botao_vermelho:hover {
    background-color: #d54433;
    border: 1px solid #b0281a;
}

.botao_pesquisar {
    background: url(http://atlas.profinanc.com.br/admin/_img/lupazul.png) no-repeat center #4486f6;
    margin: 0px;
    height: 22px;
    line-height: 22px;
    vertical-align: top;
}

.botao:hover {
    background: #e5e5e5;
}

.botoes .selecionado {
    background-color: #ddd;
    border-color: #c9c9c9;
    color: #000;
}

.botao:active, .botoes .selecionado:active, .mini_botao:active {
    border: 1px solid #4d90fe;
}

.botao_azul:active {

}

.botao_vermelho:active {
    background-color: #d54533;
    border: 1px solid #b13b2d;
}

.botao.download, .botao.delete, .botao.buscar, .botao.pesquisar {
    width: 27px;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 1px 0px 1px 1px;
    vertical-align: top;
}

.botao.download {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/download.png);
}

.botao.delete {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/tiny_delete.png);
}

.botao.buscar, .botao.pesquisar {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/search.png);
    background-color: #ededed;
}

.botao.pesquisar {
    height: 27px;
    line-height: 27px;
}

.mini_botao {
    height: 22px;
    line-height: 22px;
    vertical-align: top;
}

.carregando {
    min-height: 20px;
    background: url(http://atlas.profinanc.com.br/admin/_img/loading-int.gif) no-repeat center;
}

.metade_form {
    float: left;
    display: inline;
    width: calc(50% - 2px);
    height: calc(100% - 95px);
    margin: 1px;
    overflow: auto;
}

.mf {
    float: left;
    display: inline;
    width: calc(50% - 25px);
    height: calc(100% - 95px);
    margin: 1px 1px 1px 15px;
    overflow: auto;
    text-align: center;
}

.destaque_texto {
    font-weight: bold;
}

a.alterar, a.excluir {
    float: left;
    margin-left: 2px;
    height: 24px;
    background-image: url(http://atlas.profinanc.com.br/admin/_img/editdelete.png);
}

a.alterar {
    width: 24px;
    background-position: 0px 0px;
}

a.excluir {
    width: 24px;
    background-position: -24px 0px;
}

span.caixa {
    display: inline-block;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    padding: 0px 2px 0px 2px;
    margin: 0px;
    margin-left: 1px;
}

span.caixa .linque {
    vertical-align: auto;
    padding: 0px;
}

span.caixa a.associar, span.caixa a.pesquisar, span.caixa a.dissociar, span.caixa a.fechar {
    width: 16px;
    height: 18px;
}

.obj_seletor a.valor {
    color: #3B5998;
    text-decoration: none;
}

.obj_seletor a.valor:hover {
    text-decoration: underline;
}

.botao_input_file_ie {
    position: relative;
}

.input_file_ie {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 2000px;
    height: 100%;
    width: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
    cursor: default;
}

.janela, .janela2 {
    position: absolute;
    top: 150px;
    left: 150px;
    background-color: white;
    box-shadow: 2px 2px 10px #333;
    display: none;
    z-index: 95;
    overflow: auto;
}

.janela {
    box-sizing: border-box;
}

.janela2 {
    box-shadow: 0 0 10px 0 black;
}

.janela p {
    margin: 10px;
    font-size: 12px;
}

.janela h1, .janela2 h1 {
    margin: 0;
    padding: 0 0 0 10px;
    height: 36px;
    line-height: 36px;
    background-color: #404040;
    font-family: Helvetica, Arial, sans-serif;
    color: white;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}

.janela2 h1 {
    background-color: white;
    color: #444;
    font-size: 15px;
    font-weight: bold;
}

.janela .grid, .janela2 .grid {
    margin-top: 0px;
}

.vidro, .vidro2 {
    position: absolute;
    z-index: 6;
    top: 0px;
    left: 0px;
    background-color: black;
    height: 100%;
    width: 100%;
    opacity: 0.50;
    filter: alpha(opacity=50);
    display: none;
}

.vidro .grid table tr th,
.vidro2 .grid table tr th {
    z-index: 7;
}

.vidro2 {
    background-color: black;
}

.janela h1 .fechar_janela, .janela2 h1 .fechar_janela {
    position: absolute;
    width: 24px;
    right: 6px;
    top: 6px;
    height: 24px;
    font-size: 0px;
    background-image: url(http://atlas.profinanc.com.br/admin/_img/fechar_janela.png);
    background-position: center;
    background-repeat: no-repeat;
}

.janela h1 .fechar_janela:hover {
    background-image: url(http://atlas.profinanc.com.br/admin/_img/fechar_janela_hover.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #737373;
}

/* dentro do mesmo DIV que a imagem, que deve ter vertical-align:middle também */
.alinhador_vertical {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#mi, .mi {
    height: 28px;
    margin-left: 15px;
    margin-top: 2px;
    margin-bottom: 3px;
    margin-right: 15px;
}

.mi {
    height: 24px;
}

#mi .mib, .mi .mib {
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0px 10px 0px 10px;
    border: 1px solid white;
    border-right: none;
    font-family: Arial;
    font-size: 11px;
    color: white;
    font-weight: bold;
    background-color: #f7f7f7;
    text-decoration: none;
    cursor: default;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #26bfa1;
}

.mi .mib {
    height: 24px;
    line-height: 24px;
}

#mi .mib.flat, .mi .mib.flat {
    background-color: #f1f1f1;
    border: 1px solid #d7d8da;
}

#mi .mib.flat:hover, .mi .mib.flat:hover {
    background-color: #e5e5e5;
}

#mi .mib[href], .mi .mib[href] {
    cursor: pointer;
}

#mi .mib.selecionado, .mi .mib.selecionado {
    background-color: #1a8470;
    border-color: white;
}

#mi .mib.imprimir, .mi .mib.imprimir {
    width: 24px;
    background-image: url(http://atlas.profinanc.com.br/admin/_img/print.png);
}

#mi .mig, .mi .mig {
    float: left;
    margin-right: 5px;
    height: 28px;
}

.mig label {
    height: 28px;
    line-height: 28px;
}

#mi input {
    margin-top: 4px;
}

.mi input, .mi select {
    margin-top: 2px;
}

#mi .botao_pesquisar, .mi .botao_pesquisar {
    margin-top: 4px;
}

.ff #mi input {
    margin-top: 4px;
}

#tooltip {
    position: absolute;
    color: white;
    font-family: Arial, sans-serif;
    font-size: 11px;
    top: 0px;
    left: 0px;
    display: none;
    background-image: url(http://atlas.profinanc.com.br/admin/_img/tolltip_arrow.png);
    background-position: center 0px;
    background-repeat: no-repeat;
    cursor: default;
}

#tooltip div {
    background-color: #2a2a2a;
    margin-top: 6px;
    line-height: 26px;
    height: 26px;
    padding-left: 10px;
    padding-right: 10px;
}

.ajuda {
    margin: 15px;
    max-width: 800px;
    text-align: justify;
    margin: auto;
}

.ajuda p {
    font-size: 14px;
}

.dia_semana {
    display: inline-block;
    width: 30px;
    height: 22px;
    line-height: 22px;
    vertical-align: top;
}

input[type="file"] {
    display: none;
}

a.search {
    display: inline-block;
    height: 22px;
    width: 22px;
    background: url(http://atlas.profinanc.com.br/admin/_img/search.png) no-repeat center;
    margin: 0px 0px 0px 1px;
    vertical-align: top;
}

a.close {
    display: inline-block;
    height: 22px;
    width: 22px;
    background: url(http://atlas.profinanc.com.br/admin/_img/close.png) no-repeat center;
    margin: 0px 0px 0px 1px;
    vertical-align: top;
}

a.add {
    display: inline-block;
    height: 22px;
    width: 22px;
    background: url(http://atlas.profinanc.com.br/admin/_img/add.png) no-repeat center;
    margin: 0px 0px 0px 1px;
    vertical-align: top;
}

a.save {
    display: inline-block;
    height: 18px;
    width: 18px;
    background: url(http://atlas.profinanc.com.br/admin/_img/save.png) no-repeat center;
    margin: 0px;
    vertical-align: middle;
}

a.new {
    display: inline-block;
    height: 18px;
    width: 18px;
    background: url(http://atlas.profinanc.com.br/admin/_img/new.png) no-repeat center;
    margin: 0px;
    vertical-align: middle;
}

a.delete {
    display: inline-block;
    height: 18px;
    width: 18px;
    background: url(http://atlas.profinanc.com.br/admin/_img/tiny_delete.png) no-repeat center;
    margin: 0px;
    vertical-align: middle;
}

a.prancheta {
    display: inline-block;
    height: 18px;
    width: 18px;
    background: url(http://atlas.profinanc.com.br/admin/_img/prancheta.png) no-repeat center;
    margin: 0px;
    vertical-align: middle;
}

a.money {
    display: inline-block;
    height: 18px;
    width: 18px;
    background: url(http://atlas.profinanc.com.br/admin/_img/money.png) no-repeat center;
    margin: 0px;
    vertical-align: middle;
}

a.print {
    display: inline-block;
    height: 18px;
    width: 18px;
    background: url(http://atlas.profinanc.com.br/admin/_img/print.png) no-repeat center;
    margin: 0px;
    vertical-align: middle;
}

a.printer {
    display: inline-block;
    height: 22px;
    width: 22px;
    background: url(http://atlas.profinanc.com.br/admin/_img/print.svg) no-repeat center;
    margin: 0px;
    vertical-align: middle;
    background-size: contain;
}

a.upload {
    display: inline-block;
    height: 22px;
    width: 22px;
    background: url(http://atlas.profinanc.com.br/admin/_img/upload.png) no-repeat center;
    margin: 0px;
    vertical-align: middle;
    background-size: 16px;
}

a.refresh {
    display: inline-block;
    height: 22px;
    width: 22px;
    background: url(http://atlas.profinanc.com.br/admin/_img/refresh.svg) no-repeat center;
    margin: 0;
    vertical-align: middle;
    background-size: 16px;
    border-radius: 50%;
}

a.refresh:hover {
    background-color: #dddddd;
}

a.refresh:active {
    background-color: #aaaaaa;
}

.combo {
    height: 22px;
    margin-left: 1px;
}

.combo .texto_combo {
    box-sizing: border-box;
    float: left;
    height: 22px;
    line-height: 22px;
    width: calc(100% - 23px);
    overflow: hidden;
    font-size: 12px;
    border: 1px solid #ddd;
    background-color: #FBFBFB;
    padding-left: 4px;
    cursor: default;
}

.combo .botao_combo {
    float: left;
    width: 23px;
    height: 22px;
    font-size: 0;
    background: url(http://atlas.profinanc.com.br/admin/_img/combo.png) no-repeat center;
    border-radius: 16px;
}

.combo .botao_combo:hover {
    background-color: #e6e6e6;
}

.painel_combo {
    position: absolute;
    background-color: white;
    box-shadow: 0px 2px 5px 2px #bbb;
    border-radius: 1px;
    box-sizing: border-box;
    text-align: left;
    display: none;
}

.painel_combo .carregando {
    margin-top: 30px;
}

.painel_combo .opcoes {
    height: calc(100% - 40px);
    overflow: auto;
}

.painel_combo .opcoes.com_lixeira {
    height: calc(100% - 80px);
    overflow: auto;
}

.painel_combo .opcoes .opcao {
    display: block;
    min-height: 40px;
    line-height: 40px;
    cursor: default;
    font-size: 14px;
    color: #3f3f3f;
    font-family: Helvetica;
    padding-left: 30px;
}

.painel_combo .opcoes .opcao:hover {
    background-color: #f8f8f8;
}

.painel_combo .criar {
    height: 40px;
    line-height: 40px;
    display: block;
    border-top: 1px solid #eee;
    font-size: 14px;
    color: #3f3f3f;
    font-family: Helvetica;
    padding-left: 30px;
    cursor: default;
    background: url(http://atlas.profinanc.com.br/admin/_img/add.png) no-repeat 10px 13px;
    box-sizing: border-box;
}

.painel_combo .criar:hover {
    background-color: #f8f8f8;
}

.painel_combo .desmarcar {
    height: 40px;
    line-height: 40px;
    display: block;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    color: #3f3f3f;
    font-family: Helvetica;
    padding-left: 30px;
    cursor: default;
    background: url(http://atlas.profinanc.com.br/admin/_img/lixeira.png) no-repeat 10px 13px;
    box-sizing: border-box;
}

.painel_combo .desmarcar:hover {
    background-color: #f8f8f8;
}

.vidro_combo {
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    display: none;
}

.janela_criacao_item_combo {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 350px;
    height: 120px;
    background-color: white;
    box-shadow: 0px 0px 10px 0px black;
    display: none;
}

.janela_criacao_item_combo input {
    width: 300px;
    margin: 20px;
    border: none;
    border-bottom: 2px solid #3c80f6;
    padding: 6px 0px 6px 0px;
}

.opcoes {
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: top;
    background: url(http://atlas.profinanc.com.br/admin/_img/opcoes.png) no-repeat center;
}

#geral {
    width: 1366px;
    width: 100%;
}

pre.dump {
    text-align: left;
    font-size: 13px;
}

#alerta {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #888;
    height: 20px;
    line-height: 20px;
    padding: 10px;
    background-color: white;
    box-shadow: 1px 1px 10px 2px #888;
    display: none;
    font-weight: bold;
    z-index: 100;
    font-size: 13px;
}

#alerta .close {
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-left: 10px;
}

.metade {
    float: left;
    height: 100%;
    width: 50%;
}

.form-table {
}

.form-table > .campos {
    display: table;
    text-align: left;
    margin: auto;
}

.form-table > .campos > .lin {
    display: table-row;
}

.form-table > .campos > .lin > .col {
    display: table-cell;
    vertical-align: top;
}

.form-table > .campos > .lin > .col.max {
    width: 100%;
}

.form-table > .campos > .lin > .col > label {
    text-align: right;
    white-space: nowrap;
    display: block;
    margin: 0 5px 5px;
}

.form-table > .campos > .lin > .col > input, .form-table > .campos > .lin > .col > select {
    margin: 0 0 5px;
}

.form-table .botoes {
    text-align: right;
}

.form-table span.hint {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
}

.grid table tr td a.i {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0;
    background: url(http://atlas.profinanc.com.br/admin/_img/i.png?2) no-repeat center;
    background-size: contain;
    vertical-align: top;
}

.xdebug-var-dump, .printr {
    text-align: left;
}

/*#menu > li > a {
    background-color: #ffc20e;
}

#menu > li > a.logo-oposto {
    background: #ffc20e;
}

.grid table tr th {
    background: steelblue;
}

a.linque {
    color: steelblue;
}*/

a.help {
    display: inline-block;
    height: 22px;
    width: 22px;
    background: lightseagreen;
    vertical-align: top;
    background: url(http://atlas.profinanc.com.br/admin/_img/help.svg) no-repeat center;
}

.oculto, .oculta {
    display: none !important;
}

.hint-box {
    position: absolute;
    background: white;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    box-shadow: 0 0 1rem #888;
    top: 0;
    left: 0;
    padding: 0.25rem 1rem;
    font-size: 0.9rem;
    display: none;
    text-align: left;

}

.hint-box.visivel {
    display: block;
}