/*
 *
 * site.css
 *
 * Lista de Estilos gerais do site.
 *
 */

@font-face {
    font-family: Montserrat-Regular;
    src: url('../fonts/Montserrat-Regular.ttf');
}

@font-face {
    font-family: Montserrat-Extrabold;
    src: url('../fonts/montserrat-extrabold.ttf');
}

@font-face {
    font-family: Arial-Bold;
    src: url('../fonts/arial-bold.ttf');
}

@font-face {
    font-family: Arial-Regular;
    src: url('../fonts/arial.ttf');
}

@font-face {
    font-family: Inter-Bold;
    src: url('../fonts/inter-bold.ttf');
}

@font-face {
    font-family: Inter-Regular;
    src: url('../fonts/inter-regular.ttf');
}

body{
    background: url('../img/pattern_snow.jpg') repeat 0 0;
    background: #fff;
    color: #333;
    /* Bloqueia seleceção de texto */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.campo_monetario{
    text-align: right;
}
a, a:link{
    color: #00a85a;
}
a:hover, a:focus, a:active {
    color: #00a85a;
}
a.link_sem_efeito {
    color: gray;
    text-decoration: none;
}
a.link_sem_efeito:hover {
    color: #00a85a;
    text-decoration: none;
}
/* Footer */
/* css sticky footer */
/* http://css-tricks.com/snippets/css/sticky-footer/ */
html, body, #wrapper {
    height: 95%;
}
#principal {
    padding-bottom: 40px;
}  /* must be same height as the footer */
body > #wrapper {
    height: auto;
    min-height: 100%;
}
footer.footer{
    margin-top: -40px; /* negative value of footer height */
    min-height: 40px;
    height:auto !important;
    padding-top: 20px;
    height: 40px;
    clear: both;
}
/* fim css sticky footer */
header a, header a:hover, header a:active, header a:link, header a:visited{
    text-decoration: none;
    color: #999;
}
.justify{
    text-align: justify;
}
.textura{
    background: url("../img/bg-menu.png") repeat 0 0;
    /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent), url("../img/bg-menu.png") repeat 0 0;*/
}
.botao-texto, a.botao-texto, a:link.botao-texto, a:hover.botao-texto, a:visited.botao-texto{
    vertical-align: text-bottom;
    color: #fff;
}
.marketing h1 {
    font-size: 60px;
    font-weight: 200;
    line-height: 1;
    letter-spacing: -1px;
}
.marketing .marketing-byline {
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.25;
    color: #999;
}
a.thumbnail:hover{
    text-decoration: none;
}
a.thumbnail:hover, a.thumbnail:focus{
    border-color: #00a85a;
}
.carousel-indicators li{
    background: #eee;
    opacity: 0.6;
}
.carousel-indicators li.active{
    background: #ccc;
    opacity: 1;
}
.carousel-indicators li:hover{
    cursor: pointer;
}
.carousel-indicators.middle {
    left: 0;
    right: 0;
    text-align: center;
}
.carousel-indicators.middle li {
    float: none;
    display: inline-block;
}
.barra_menu .navbar-inner{
    border-bottom: 3px solid #00a85a;
    box-shadow: 1px 1px 10px #999;
}
/*.barra_menu .navbar-inner li{
  padding: 6px;
}*/
.barra_menu .navbar-inner a{
    line-height: 30px;
}
.barra_menu .navbar-inner form{
    padding-top: 5px;
}
.barra_menu .navbar-inner a:hover{
    color : black;
    background: #e5e5e5;
}
.barra_menu .nav>li>a{
    color: black;
    text-shadow: 0 0 0 #fff;
}
.barra_menu .nav>li>a:hover{
    color: #00a85a !important;
}
.barra_menu .nav>li.active>a:hover{
    color: #fff !important;
}
.barra_menu .nav>.active>a{
    background: #00a85a;
    color: #fff;
}
.barra_menu .nav>.active>a:hover{
    background: #00a85a;
    color: #fff;
}
#homeCarousel .span12{
    margin-left: 0;
}

form input[required] label:after, form input[required=required] label:after, form label.required:after{
    color: #e32;
    content: ' *';
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select[type="text"]:focus,
.uneditable-input:focus {
    border-color: rgba(0, 168, 90, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */

}
input[type="radio"]:focus,
input[type="checkbox"]:focus{
    outline: 3px inset rgba(0, 168, 90, 0.8);
    outline-offset: 1.5px;
}
select:focus{
    outline: 2px inset rgba(0, 168, 90, 0.8);
    outline-offset: -1px;
}
*::-moz-selection {
    background: rgba(0, 168, 90, 0.7);
}
*::selection {
    background: rgba(0, 168, 90, 0.7);
}

.social-media a {
    text-decoration: none;
    color: #eeeeee;
    color: rgba(255, 255, 255, 0.8);
    display: inline-block;
    line-height: 36px;
    width: 36px;
    height: 36px;
    background: #464646;
    background: rgba(36, 36, 36, 0.8);
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
}
.social-media a i {
    font-size: 20px;
    color: #ffffff;
    padding: 0;
    line-height: 36px;
    width: 36px;
    height: 36px;
    text-align: center;
    margin-right: 0.2em;
}
.social-media a:hover {
    text-decoration: none;
    background: #00a85a;
}
.social-media a.last {
    padding-bottom: 0;
    border-bottom: 0;
}
.tabs-left>.nav-tabs{
    border-right: 1px solid #00a85a;
}
.tabs-left>.nav-tabs .active>a, .tabs-left>.nav-tabs .active>a:hover, .tabs-left>.nav-tabs .active>a:focus {
    border-color: #00a85a transparent #00a85a #00a85a;
}
.tabs-left>.nav-tabs>li>a:hover, .tabs-left>.nav-tabs>li>a:focus {
    border-color: #eee #00a85a #eee #eee;
}

.bloco{
    background-color: #fff;
    border: 1px solid #DDD;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.075);
}
.bloco-conteudo{
    padding: 10px 40px 30px 30px;
    padding-top: none;
}

.navbar-default{
    background-color: #fff;
}

.navbar-default .navbar-nav > li > a{
    transition:width 0.7s, height 0.7s, background-color 0.7s, transform 0.7s;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}

.dropdown-menu > li > a {
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}

.dropdown-menu > li > a:hover{
    background-color: #3498db;
    color: #fff;
}

.fa-sign-out-alt{
    margin-top: 14px;
    font-size: 24px;
    color: #e74c3c;
}

.fa-search{
    margin-top: 18px;
    color: #777;
}

.container-2{
    width: 150px;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
}

.container-2 input#search{
    width: 30px;
    height: 50px;
    background: #fff;
    border: none;
    font-size: 10pt;
    float: left;
    color: #262626;
    padding-left: 35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #777;

    -webkit-transition: width .55s ease;
    -moz-transition: width .55s ease;
    -ms-transition: width .55s ease;
    -o-transition: width .55s ease;
    transition: width .55s ease;
}

.container-2 input#search::-webkit-input-placeholder {
    color: #777;
}

.container-2 input#search:-moz-placeholder { /* Firefox 18- */
    color: #777;
}

.container-2 input#search::-moz-placeholder {  /* Firefox 19+ */
    color: #777;
}

.container-2 input#search:-ms-input-placeholder {
    color: #777;
}

.container-2 .icone{
    position: absolute;
    top: 50%;
    margin-left: -35px;
    z-index: 1;
    color: #4f5b66;
    font-size: 15px;
}

.container-2 input#search:focus, .container-2 input#search:active{
    outline:none;
    width: 150px;
}

.container-2:hover input#search{
    width: 150px;
}

.container-2:hover .icone{
    color: #93a2ad;
}

.box {
    margin: 0px auto;
    width: 70%;
}

.box-chart {
    width: 100%;
    padding: 10px;
}

.box-chart2 {
    width: 100%;
    border-right:1px solid #efefef;
    padding: 10px;
}

.input-xlarge {
    /*text-transform:uppercase;*/
}

.largura-total{
    width: 85%;
    padding: 7px;
}

.largura-40{
    width: 39%;
    padding: 1px;
}

.largura-select{
    width: 20%;
    padding: 7px;
}

.largura-caixa{
    width: 85%;
    padding: 7px;
}

.meia-largura{
    width: 85%;
    padding: 7px;
}

.largura-inteira{
    width: 85%;
    padding: 7px;
}

.control-group{
    margin-top: 5px;
}

fieldset span{
    color:#000;
    font-size: 20px;
}

fieldset{
    margin-top: 20px;
}

.btn-circulo{
    border:none;
    padding: 0px;
    border-radius: 256px;
    height: 50px;
    width: 50px;
    margin-top: 40px;
    position: relative;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

.btn-circulo i{
    color: #fff;
    font-size: 25px;
}

.fa {
    cursor: pointer;
}

.btn-cancel, .btn-cancel-captcha{
    border: 2px solid #F4543C;
    background-color: #fff;
    /*left: 10px;*/
}

.btn-cancel i, .btn-cancel-captcha i{
    color: #F4543C;
}

.btn-salvar, .btn-salvar2, .btn-salvar3, .btn-voltar-ok, .btn-proximo, .btn-trocar, .btn-voltar-ok_2, .btn-voltar-ok_3 {
    background-color: #3498db;
}

.btn-sair {
    background-color: #F39C12;
}

.btn-excluir, .btn-excluir-sql {
    background-color: #F4543C;
}

.btn-excluir-sql, .btn-excluir-sql:hover {
    color: #ffffff;
}

/*
.btn-proximo {
    float: right;
}*/

.btn-salvar, .btn-salvar2, .btn-salvar3 {
    /*left: 10px;*/
}

.btn-transmitir{
    background-color: #ffffff;
    border:2px solid #60becf;
    /*left: 5px;*/
}

.btn-transmitir i{
    color: #60becf;
}

.btn-right{
    float: right;
    /*margin-right: 10px;
    margin-left: 20px;*/
}

.btn-download_danfe{
    background-color: #ffffff;
    border:2px solid #4d8352;
    margin-left: 20px;
}

.btn-download_danfe i{
    color: #4d8352;
}

.linha-topo {
    background-color: #EEE;
    margin-top: -20px;
    border-bottom: 3px solid #D1CDCC;
}

.control-label {
    font-size: 18px;
    margin-top: 5px;
}

.control-bar{
    width: 95%;
}

form input[type="checkbox"]{
    margin-top: 12px;
}

.table-bordered > thead > tr > td{
    border:none;
}

tr{
    cursor: pointer;
}

table{
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.075);
}

thead td{
    background-color: #e9e9e9;
    text-align: center;
    font-size: 20px;
    color: #747474;
    border:none;
}

input[type="checkbox"]{
    background-color: #3d84de
}

.fa-check{
    color: #fff !important;
}

tbody tr td{
    text-align: center;
}

.linha-topo{
    background-color:#eeeeee;
    margin-top: -20px;
    border-bottom: 3px solid #d1cdcc;
}

.linha-topo h1{
    font-size: 20px;
    padding: 1% 0% 0% 1%;
    color:#696564;
    font-weight: 700;
    text-transform: none;
}

.btn-imprimir,.btn-lixeira .fa{
    font-size: 15px;
}

.fa-trash{
    color: #fff;
}
.btn-imprimir{
    float: right;
    background-color: #fff;
}

.btn-lixeira{
    float: right;
    background-color:#d90416;
    margin-left: 20px;
}

.btn-ativar{
    float: right;
    background-color:#3498db;
    margin-left: 20px;
    display: none;
}

.btn-ativar:hover{
    background-color: #3498db;
}

.btn-lixeira:hover{
    background-color: #d90416;
}

/* #nome_grupo{
    padding: 10px;
    border:none;
    border:1px solid #c0c0c0;
} */

label {
    font-weight: 400
}

.btn-cancelar{
    width: 100%;
    padding: 6px 12px;
    height: 40px;
}

table{
    margin-top: 30px;
}

div.dataTables_info{
    display: none;
}

div.dataTables_length label{
    display: none;
}

.dataTables_paginate{
    float: right;
}

.paginate_button{
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    color: #337AB7;
    text-decoration: none;
    background-color: #FFF;
    border: 1px solid #DDD;
    cursor: pointer;
}

.paginate_button.current{
    z-index: 2;
    color: #FFF;
    cursor: default;
    background-color: #337AB7;
    border-color: #337AB7;
}

.excluir-linha{
    border: medium none;
    padding: 5px;
    border-radius: 256px;
    height: 30px;
    width: 30px;
    background-color: #F4543C;
}

.excluir-linha i{
    color: #fff;
    margin-top: -15px
}

#tb_itens td{
    padding-top: 20px;
}

.sobre h4{
    font-family: "Raleway", sans-serif;
    font-size: 25px;
    color: #888;
}

.sobre p {
    margin-left: 100px;
    font-family: "Raleway", sans-serif;
}

.info span {
    cursor: pointer;
}

.div_lista_grupos, .div_lista_clientes, .div_lista_produtos, .div_lista_especies, .div_lista_atributos, .div_lista_representantes {
    width: 100%;
    top: 20px;
    background-color: #ffffff;
    margin: 0 auto;
    overflow-y: scroll;
    overflow-x: hidden;
}

.div_lista_grupos, .div_lista_especies, .div_lista_atributos {
    height: 85%;
}

.div_lista_clientes, .div_lista_produtos {
    height: 65%;
}

.div_container_campos_acao_tabela {
    position: absolute;
    width: 90%;
    top: 5%;
    left: 5%;
    background-color: #ffffff;
    margin: 0 auto;
    height: 90%;
}

.div_erro_atributo {
    width: 50%;
    background-color: #fff;
    margin:0 auto;
    margin-top: 8%;
    height: 55%;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.div_erro_representante {
    width: 30%;
    background-color: #fff;
    margin:0 auto;
    margin-top: 250px;
    height: 250px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}

.div_erro_nota {
    width: 50%;
    background-color: #fff;
    margin:0 auto;
    margin-top: 250px;
    height: 260px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}

.div_motivo {
    width: 50%;
    background-color: #fff;
    margin:0 auto;
    margin-top: 100px;
    height: 310px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}

.div_consulta {
    width: 70%;
    background-color: #fff;
    margin:0 auto;
    margin-top: 20px;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}

.fundo_opaco, .fundo_opaco_especie, .fundo_opaco_seletor_opcoes_download, .fundo_seletor_campos_relatorio_produto, 
.fundo_seletor_campos_relatorio_produto_2, .fundo_seletor_campos_relatorio_produto_3, .fundo_opaco_fornecer_cnpj, 
.fundo_opaco_resposta, .fundo_relatorio_calendario, .fundo_seletor_campos_relatorio_promocao, 
.fundo_seletor_campos_relatorio_setor, .fundo_seletor_campos_relatorio_tipo_documento, .fundo_seletor_campos_relatorio_conta_bancaria, 
.fundo_seletor_campos_relatorio_financeira, .fundo_seletor_campos_relatorio_condicao_pagamento, .fundo_seletor_campos_relatorio_modelo, 
.fundo_seletor_campos_relatorio_marca, .fundo_seletor_campos_relatorio_veiculo, .fundo_seletor_campos_relatorio_banco, 
.fundo_seletor_campos_relatorio_usuario, .fundo_seletor_campos_relatorio_area, .fundo_seletor_campos_relatorio_estado, 
.fundo_seletor_campos_relatorio_cidade, .fundo_seletor_campos_relatorio_regiao, .fundo_seletor_campos_relatorio_pais, 
.fundo_seletor_campos_relatorio_padrao, .fundo_seletor_campos_relatorio_forma_pagamento, .fundo_seletor_campos_relatorio_forma_entrega, 
.fundo_seletor_campos_relatorio_empresa, .fundo_seletor_campos_relatorio_loja, .fundo_seletor_campos_relatorio_atendente {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 10, 0.5);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 30;
    display: none;
    overflow: auto;
}

.background_fundo_opaco{
    width: 90%;
    overflow: auto;
    margin-left: 5%;
    margin-top: 30px;
    background-color: #ffffff;
}

.fundo_erro {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 10, 0.1);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 30;
    display: none;
    z-index: 999;
}

.fundo_motivo, .fundo_consulta {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 10, 0.1);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 30;
    display: none;
}

.fundo_erro_aux {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 10, 0.1);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 30;
    display: none;
}

.carregando{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(0, 0, 10, 0.1);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 30;
}

.carregando i{
    margin-top: 300px;
    /*position: absolute;
    margin: 0 auto;*/
    font-size: 120px;
}

.msg_info{
    text-align: center;
    font-size: 20px;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}

.msg_info_motivo{
    text-align: center;
    font-size: 20px;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}

.msg_info_invalido{
    text-align: center;
    font-size: 20px;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}

.msg_info_sucesso{
    text-align: center;
    font-size: 20px;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}

.msg_info i{
    font-size: 80px;
    color: #F4D03F;
}

.msg_info_invalido i{
    font-size: 80px;
    color: #D91E18;
}

.msg_info_sucesso i{
    font-size: 80px;
    color: #2ECC71;
}

.msg_info_motivo i{
    font-size: 80px;
    color: #2ECC71;
}

#botao_ok, .botao_ok, .botao_interativo_esquerdo, .botao_interativo_direito {
    background-color: #EEEEEE;
    width: 100px;
    margin-top: 20px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}

.container_botoes_interativo {
    width: 100%;
}

.div_botao_interativo{
    width: 50%;
    float: left;
}

.botao_interativo_esquerdo {
    float: right;
    margin-right: 10px;
}

.botao_interativo_direito {
    float: left;
    margin-left: 10px;
}

.container_botoes_motivo {
    width: 205px;
    margin-top: 20px;
    margin: 0 auto;
    position: relative;
}

#botao_ok_aux, #botao_fechar_aux{
    background-color: #EEEEEE;
    width: 100px;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    position: absolute;
}

#botao_fechar_aux {
    float: right;
    right: 0px;
}

.deselecionado{
    display: none;
}

.limpar{
    clear: both;
}

#fechar, #fechar_tabela_especies, #fechar_seletor_opcoes_download {
    border: medium none;
    padding: 5px;
    height: 30px;
    width: 30px;
    background-color: #F4543C;
    float: right;
}

#fechar_tabela_especies{
    margin-right: 5%;
}

#fechar i, #fechar_tabela_especies i, #fechar_seletor_opcoes_download i{
    color: #fff;
}

.checkbox_tabela{
    background-color: #337AB7;
    margin: 30px 0px 5px 0px;
}

.checkbox_tabela label{
    margin-left: 5px;
    color: #fff;
    font-family: "Raleway", sans-serif;
    font-weight: 500;
}

.checkbox_tabela input{
    margin-left: 15px;
}

.div_campo_busca {
    display: none;
}

.div_campo_busca_auxiliar {
    display: none;
}

.div_campo_busca_cliente {
    display: none;
}

.addAtr{
    color:#3498DB;
    font-size: 18px;
}

.selectAtr{
    margin: 0 auto;
    color:#fff;
    background-color: #3498DB;
    font-size: 15px;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    padding: 5px;
    width: 150px;
    border-radius: 5px 5px 5px 5px;
    transition: background 0.5s;
}

.selectedAtr{
    margin: 0 auto;
    color:#fff;
    background-color: #2ECC71;
    font-size: 15px;
    font-family: "Raleway", sans-serif;
    font-weight: 700;
    padding: 5px;
    width: 150px;
    border-radius: 5px 5px 5px 5px;
    transition: background 0.5s;
}

.imput-file{
    width: 150px;
    height: 33px;
    position: relative;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 1% 2.5%;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
}

.imput-file:hover{
    background: #449d44;
}

.imput-file span{
    display: block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    top: 5px;
}

.imput-file input{
    cursor: pointer;
    position: relative;
    width: 150px;
    height: 40px;
    text-align: center;
    margin-top: -20px;
    margin-left: -13px;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}

.fa-minus {
    color: #00a85a;
}

.campo_selecao_valor {
    text-align: left;
}

.container_fornecer_email {
    position: relative;
    width: 50%;
    top: 30px;
    background-color: #ffffff;
    margin: 0 auto;
}

.div_container_fornecer_email{
    padding: 30px;
}

.btn-ok, .btn-ok-captcha {
    background-color: #5fbfc8;
}

.btn-recarregar-captcha, .btn-recarregar-captcha-nfe {
    background-color: #488f72;
}

.container_itens {
    margin-top: 20px;
    width: 100%;
}

.cabecalho_lista_itens {
    position: relative;
    width: 100%;
    height: 30px;
    background-color: #c1c1c1;
}

.campos_frete_nfe, .lista_dias_condicao_pagamento {
    display: none;
}

.container_tabela, #tabela_finacas_detalhadas {
    margin-top: 2%;
}

#btn_selecionar_item{
    margin-left: 40px;
    margin-bottom: 10px;
}

.div_tabela_especies {
    margin-top: 20px;
}

.botao_consultar_status_webservices {
    margin: 0px;
    padding: 0px;
    margin-right: 4px;
    padding-right: 4px;
    background-color: #e8b36e;
    border-color: #e8b36e;
    float: right;
    right: 0px;
}

.botao_consultar_status_webservices:hover {
    background-color: #e19151;
    border-color: #e19151;
}

.icone_botao{
    width: 32px;
    height: 32px;
    padding: 0px;
    margin: 0px;
    border-radius: 2px;
}

.label_verificador_caps_lock {
    color: #ff0000;
}

.btn-chooser{
    height: 100%;
    cursor: pointer;
}

.btn_importar_xml, .btn_importar_cte, .btn_importar_xml_frete, .btn_importar_cte_aba_frete {
    width: 155px;
    height: 50px;
    position: relative;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn_importar_xml2{
    width: 230px;
    height: 35px;
    position: relative;
    color: #fff;
    background-color: #1f75c0;
    border-color: black;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-left: 95px;
    top: -35px;
}

.btn_importar_xml2:hover, .btn_importar_xml2_frete:hover{
    /*background: #449d44;*/
    background: #1a62a0 !important;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.68) !important;
    -moz-box-shadow:    0px 3px 8px 0px rgba(50, 50, 50, 0.68) !important;
    box-shadow:         0px 3px 8px 0px rgba(50, 50, 50, 0.68) !important;
}

.btn_importar_xml2 span, .btn_importar_xml2_frete span{
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: absolute;
    line-height: 35px;
}

.btn_importar_xml2 input, .btn_importar_xml2_frete input{
    position: absolute;
    right: 20;
    z-index: 2;
    /*font-size: 100px; /* Aumenta tamanho do campo */
    opacity: 0;
    filter: alpha(opacity=0);
    width: 230px;
    padding: 0px;
    margin: 0px;
}

.contato_chooser{
    position: absolute;
    top: -22px;
    width: 285px;
    height: 60px;
    cursor:pointer;
    pointer-events: auto;
}

.botoes_nova_notafiscal_entrada{
    padding-top: 2%;
}

.btn_importar_cte{
    background-color: #fff;
    border-color: #d6842f;
    margin-left: 170px;
    margin-top: -50px;
    color: #d6842f;
}

.btn_importar_cte_aba_frete{
    background-color: #fff;
    border-color: #d6842f;
    position: relative;
    color: #d6842f;
}

.btn_importar_xml:hover, .btn_importar_xml_frete:hover{
    /*background: #449d44;*/
    background: #fff !important;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.68) !important;
    -moz-box-shadow:    0px 3px 8px 0px rgba(50, 50, 50, 0.68) !important;
    box-shadow:         0px 3px 8px 0px rgba(50, 50, 50, 0.68) !important;
}

.btn_importar_cte:hover, .btn_importar_cte_aba_frete:hover, .btn_nf_manual:HOVER{
    background: #fff !important;
    /*background: #f1a85d;*/
    -webkit-box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.68) !important;
    -moz-box-shadow:    0px 3px 8px 0px rgba(50, 50, 50, 0.68) !important;
    box-shadow:         0px 3px 8px 0px rgba(50, 50, 50, 0.68) !important;
}

.btn_importar_xml span, .btn_importar_xml_frete span, .btn_importar_cte span, .btn_nf_manual span, .btn_importar_cte_aba_frete span{
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: absolute;
    line-height: 50px;
}

.btn_importar_xml input, .btn_importar_xml_frete input, .btn_importar_cte input, .btn_importar_cte_aba_frete input{
    position: absolute;
    right: 0;
    z-index: 2;
    /*font-size: 100px; /* Aumenta tamanho do campo */
    opacity: 0;
    filter: alpha(opacity=0);
    width: 155px;
    padding: 0px;
    margin: 0px;
}

.texto_botao_importar_cte{
    margin-top: 8px;
}

.btn_nf_manual {
    width: 220px;
    height: 50px;
    position: relative;
    margin-left: 340px;
    margin-top: -50px;
    color: #245682;
    background-color: #fff;
    border-color: #245682 !important;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
}

/*.texto_botao_nf_manual{
    top: 13px;
    left: 10px;
    position: absolute;
}*/

/*
.imput-file{
    width: 150px;
    height: 30px;
    position: relative;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 1% 2.5%;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}*/

/*Campo instrução, tela de carteira boleta*/
#instrucao{
    height: 111px;
    width: 513px;
    resize: none;
}

.outros_dados_banco{
    display: none;
}

.seletor_opcoes_download {
    width: 40%;
    height: 50%;
    top: 25%;
    left: 30%;
    position: absolute;
    background-color: #ffffff;
}

.icone_seletor_opcoes_download {
    width: 20%;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    cursor: pointer;
}

.div_botao_fechar_seletor_opcoes_download {
    width: 100%;
    height: 30px;
}

.div_icones_seletor_opcoes_download {
    width: 100%;
    margin-top: 7%;
}

.div_item_icones_seletor_opcoes_download{
    float: left;
    left: 0px;
    width: 50%;
}

.texto_seletor_opcoes_download {
    font-size: 18px;
    cursor: pointer;
    color: #000000;
}

.divMenu {
    font: normal 13pt Calibri;
    border: 2px ridge #dddddd;
    width: 290px;
    padding: 0;
    position: absolute;
    background: #f9f9f9;
    background-position: -1100px -200px;
    display: none;
    z-index: 10;
}

.divMenu ul{
    list-style-type: none;
    margin: 0;
    line-height: 50px;
    padding: 0;
    text-align: center;
}

.divMenu > ul > li {
    cursor: pointer;
}

.divMenu > ul > li:hover {
    /*background-color: rgba(233, 233, 233, 0.7);*/
    background-color: rgba(133, 192, 242, 0.7);
}

i.fa-times{
    color: #F4543C;
    font-size: 15pt;
    vertical-align: middle;
}

.btn-remover{
    border: none;
    background-color: #ffffff;
    border-radius: 256px;
    /*margin: 0.3% 0% 0% -3%;*/
    margin: 0.35em 0em 0em -2.5em;
    width: 2em;
    height: 2em;
    position: absolute;
    outline: none;
}

.btn-remover i.fa-times{
    color: #F4543C !important;
}

.btn-remover:hover {
    background-color: #F4543C;
}

.btn-remover:hover i.fa-times{
    color: #ffffff !important;
}

.sel-arq:hover {
    background-color: rgb(40, 167, 69) !important;
    color: #ffffff !important;
}

i.white{
    margin-top: -0.1em;
    color: #FFFFFF;
}

.hide{
    display: none;
}

#botao_exportar_xls, #botao_exportar_xls_cat, #botao_exportar_xls_loja {
    background-color: #278823;
    border-color: #278823;
    color: #ffffff;
    margin-left: 10px;
}

.seletor_campos_relatorio_produto{
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_promocao{
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_setor {
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_tipo_documento {
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_condicao_pagamento {
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_marca {
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_veiculo {
      background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_banco {
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_usuario{
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_forma_pagamento{
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_loja{
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_estado{
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_pais{
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_cidade {
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_padrao {
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_conta_bancaria{
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_financeira{
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_modelo {
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_produto_2{
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.seletor_campos_relatorio_produto_3{
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.relatorio_calendario{
    background-color: #ffffff;
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
}

.label_lista_campos_planilha{
    margin-left: 20px;
}

.dropdown-submenu{
    position:relative;
}

.dropdown-submenu>.dropdown-menu{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}

/*.dropdown-submenu:hover>.dropdown-menu{display:block;}*/

.dropdown-submenu>a:after{
    display:block;content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#000000;
    margin-top:5px;
    margin-right:-10px;
}

.dropdown-submenu:hover>a:after{
    border-left-color:#ffffff;
}

.dropdown-submenu.pull-left{
    float:none;
}

.dropdown-submenu.pull-left>.dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

.icone_menu_lateral{
    width: 60px;
}

.icone_pesquisa_menu {
    margin-left: 50px;
}

.input_seletor_telas{
    float: left;
    left: 2px;
}

.texto_seletor_telas {
    float: left;;
    margin-left: 10px;
    margin-top: 9px;
    color: #00ff00;
    cursor: pointer;
}

#buscar_banco, #buscar_agencia, #buscar_conta, #buscar_fornecedor, #buscar_atributo, #buscar_produto, 
#buscar_setor, #buscar_atendente, #buscar_inventario, #buscar_deposito, #buscar_deposito2, #buscar_grupo,
#buscar_produto2, #buscar_cliente, #buscar_cliente_2, #buscar_transportadora, #buscar_produto3, 
#buscar_produto4, #buscar_ncm, #buscar_cartao, #buscar_conta, #buscar_id_conta, #buscar_nome_transacao, 
#buscar_transacao, #buscar_financeira, #buscar_carteira, #buscar_cfop, #buscar_cfop_2, #buscar_especie, 
#buscar_pais, #buscar_regiao, #buscar_estado, #buscar_area, #buscar_coleta, #buscar_entrega, 
#buscar_motorista, #buscar_categoria_magento, #buscar_grupo_magento, #buscar_categoria, .botao-busca-field, #buscar_marca, 
#buscar_modelo, #buscar_veiculo, #buscar_centro_custo, #buscar_condicao_pagamento, #buscar_condicao_pagamento2{
    border: none;
    background-color: inherit;
    border-radius: 600px 600px 600px 60px;
    margin: 0.2em 0em 0em -2.5em;
    width: 2.2em;
    height: 2.2em;
    position: absolute;
    outline: none;
    -webkit-transition: all .8s ease-in-out;
    -khtml-transition:  all .8s ease-in-out;
    -moz-transition:    all .8s ease-in-out;
    -ms-transition:     all .8s ease-in-out;
    -transition:        all .8s ease-in-out;
}

#buscar_banco>.fa-search, #buscar_agencia>.fa-search, #buscar_conta>.fa-search, #buscar_fornecedor>.fa-search, 
#buscar_atributo>.fa-search, #buscar_produto>.fa-search, #buscar_setor>.fa-search,#buscar_atendente>.fa-search, 
#buscar_inventario>.fa-search, #buscar_deposito>.fa-search, #buscar_deposito2>.fa-search, 
#buscar_grupo>.fa-search, #buscar_produto2>.fa-search, #buscar_cfop>.fa-search, #buscar_cfop_2>.fa-search, 
#buscar_cliente>.fa-search, #buscar_transportadora>.fa-search, #buscar_produto3>.fa-search, 
#buscar_produto4>.fa-search, #buscar_ncm>.fa-search, #buscar_cartao>.fa-search, #buscar_conta>.fa-search, 
#buscar_cliente_2>.fa-search, #buscar_transacao>.fa-search, #buscar_financeira>.fa-search, 
#buscar_carteira>.fa-search, #buscar_id_conta>.fa-search, #buscar_nome_transacao>.fa-search, 
#buscar_especie>.fa-search, #buscar_pais>.fa-search, #buscar_regiao>.fa-search, #buscar_estado>.fa-search, 
#buscar_area>.fa-search, #buscar_coleta>.fa-search, #buscar_entrega>.fa-search, #buscar_motorista>.fa-search, 
#buscar_categoria_magento>.fa-search, #buscar_grupo_magento>.fa-search, .botao-busca-field>.fa-search, 
#buscar_marca>.fa-search, #buscar_modelo>.fa-search, #buscar_veiculo>.fa-search, #buscar_centro_custo>.fa-search,
#buscar_condicao_pagamento>.fa-search, #buscar_condicao_pagamento2>.fa-search, #buscar_categoria>.fa-search {
    margin: 0.1em 0em 0em 0em;
    font-size: 13pt;
    margin-top: 0em;
    color: #5eb3f4;
}

#buscar_produto3 {
    position: relative;
    margin-top: -7px;
    float: right;
    right: 0px;
}

.fundo_opaco_modo_edicao {
    background: rgba(0, 0, 10, 0.2);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.label_id_produto_erp_tabela {
    position: relative;
    float: left;
    left: 0px;
    padding-right: 35px;
    width: 100%;
}

.botao_xml_email{
    background-color: #9a7071;
    border-color: #9a7071;
}

.botao_xml_email:hover{
    background-color: #725556;
    border-color: #725556;
}

#fechar_aviso{
    border-top-left-radius: 256px;
    border-top-right-radius: 256px;
    border-bottom-left-radius: 256px;
    border-bottom-right-radius: 256px;
    display: inline-block;
    padding: 1%;
    cursor: pointer;
    border: 2px solid #e1e1e1;
    background-color: rgba(0,187,99,0.6);
    font-size: 1.1em;
    color: #696564;
    margin-top: 4em;
    outline: none;
    width: 5em;
    height: 5em;
    color: red;
    -webkit-transition: all 1s ease-in-out;
    -khtml-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -transition: all 1s ease-in-out;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg)
    -moz-transform: rotate(-90deg)
    -o-transform: rotate(-90deg)
    transform:  rotate(-90deg)
}

#atimer{
    margin-top: -2.2em;
    color: black;
    font-weight: bold;
    font-size: 20pt;
}

.fundo_consulta_dados_cnpj{
    position: relative;
    width: 50%;
    top: 30px;
    background-color: #ffffff;
    margin: 0 auto;
}

/*.fundo_opaco_fornecer_cnpj {
    display: block;
}*/

.container_captcha{
    padding: 30px;
}
.container_captcha>.row{
    padding-left: 20px;
}

/*.div_container_fornecer_email{
    padding: 30px;
}*/

.btn-consulta-receita{
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.btn-consulta-receita:hover{
    -webkit-box-shadow: 0px 5px 17px 0px rgba(50, 50, 50, 1);
    -moz-box-shadow:    0px 5px 17px 0px rgba(50, 50, 50, 1);
    box-shadow:         0px 5px 17px 0px rgba(50, 50, 50, 1);
    -webkit-transition-delay: 0.1s; /* Safari */
    transition-delay: 0.1s;
}

.rodape_status_ok, .rodape_status_erro {
    position: fixed;
    z-index: 40;
    width: 100%;
    height: 30px;
    color: #ffffff;
    font-size: 16px;
    bottom: 0px;
    left: 0px;
    margin: 0 auto;
}

.rodape_status_ok{
    background: rgba(0, 168, 90, 0.8);
    -webkit-tap-highlight-color: rgba(0, 168, 90, 0);
}

.rodape_status_erro{
    background: rgba(239, 72, 54, 0.8);
    -webkit-tap-highlight-color: rgba(239, 72, 54, 0);
}

.fechar-rodape-status{
    float: right;
    right: 0px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 41;
}

.botao_voltar_empresa {
    display: none;
}

#lista_documentos{
    width: 100%;
    display: none;
    height: 300px;
    overflow: auto;
    background-color: #f6f6f6;
}

.filed-sql{
    width: 100%;
}

.barra_licenca{
    float: left;
    left: 0px;
    top: 0px;
    z-index: 99999;
    position: fixed;
    width: 100%;
    height: 44px;
    background-color: #F39C12;
}

.texto_barra_licenca {
    position: relative;
    margin-top: 7px;
    font-size: 16px;
}

.barra_licenca_btn_fechar{
    float: right;
    margin-right: 15px;
    width: 5px;
    height: 30px;
    margin-top: -2px;
    font-size: 20px;
    cursor: pointer;
}

.link_texto_barra_licenca{
    color: #7b7b7b;
}

.cl-green{
    background-color: #F3FDF3;
}

.cl-red{
    background-color: #FFDADA;
}

.cl-silver{
    background-color: #f1f1f1;
}

.cl-yellow{
    background-color: #fbf8df;
}

.cl-white{
    background-color: #ffffff;
}

.container_botoes_empresa_administrativo{
    position: absolute;
    float: right;
    right: 10px;
    top: 30px;
}

.div_tabela>table>tbody>tr>td{
    max-width: 400px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.espaco_acima{
    margin-top: 10px;
    top: 10px;
}

.lado_esquerdo{
    float: left;
    left: 5px;
}

.switch_interruptor{
    width: 130px;
    height: 30px;
    margin:0 auto;
    position:relative;
}

.switch_interruptor input{
    display:block;
    width:100%;
    height: 100%;

    position:absolute;
    top:0;
    left:0;
    z-index: 10;

    opacity: 0;
    cursor: pointer;
}

.switch_interruptor label{
    display: block;
    width: 100%;
    height: 100%;

    background: -moz-linear-gradient(#3498db, #3498db);
    background: -ms-linear-gradient(#3498db, #3498db);
    background: -o-linear-gradient(#3498db, #3498db);
    background: -webkit-linear-gradient(#3498db, #3498db);
    background: linear-gradient(#3498db, #3498db);

    border-radius: 40px;
}

.switch_interruptor label:after{
    content: "";

    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    z-index: -1;

    background: -moz-linear-gradient(#EEEEEE, #AAAAAA);
    background: -ms-linear-gradient(#EEEEEE, #AAAAAA);
    background: -o-linear-gradient(#EEEEEE, #AAAAAA);
    background: -webkit-linear-gradient(#EEEEEE, #AAAAAA);
    background: linear-gradient(#EEEEEE, #AAAAAA);

    border-radius: inherit;
}

.switch_interruptor label span{
    display: block;
    width: 60%;
    height: 100%;
    background: #C0C0C0;

    position: absolute;
    z-index: 2;
    right: 41%;
    top: 0;

    background: -moz-linear-gradient(#E0E0E0, #A0A0A0);
    background: -ms-linear-gradient(#E0E0E0, #A0A0A0);
    background: -o-linear-gradient(#E0E0E0, #A0A0A0);
    background: -webkit-linear-gradient(#E0E0E0, #A0A0A0);
    background: linear-gradient(#E0E0E0, #A0A0A0);

    border-radius: inherit;
}

.switch_interruptor label span:after {
    content: "";

    position: absolute;
    left: 15%;
    top: 25%;

    width: 70%;
    height: 50%;

    background: -moz-linear-gradient(#F7F7F7, #CCCCCC);
    background: -ms-linear-gradient(#F7F7F7, #CCCCCC);
    background: -o-linear-gradient(#F7F7F7, #CCCCCC);
    background: -webkit-linear-gradient(#F7F7F7, #CCCCCC);
    background: linear-gradient(#F7F7F7, #CCCCCC);
    border-radius: inherit;
}

.switch_interruptor label span:before {
    content: "NFC-e";

    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: -65%;

    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: 16px;

    color: #fff;
}

.switch_interruptor input:checked ~ label {
    background: -moz-linear-gradient(#00a85a, #00a85a);
    background: -ms-linear-gradient(#00a85a, #00a85a);
    background: -o-linear-gradient(#00a85a, #00a85a);
    background: -webkit-linear-gradient(#00a85a, #00a85a);
    background: linear-gradient(#00a85a, #00a85a);
}

.switch_interruptor input:checked ~ label span{
    right: -2px;
}

.switch_interruptor input:checked ~ label span:before {
    content: "NF-e";
    right: 115%;
}

.container-importacao-arquivo-csv{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background:
    rgba(0, 0, 10, 0.1);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 30;
}

.fundo-branco{
    position: relative;
    background: #fff;
    width: 50%;
    margin-left: 25% !important;
    margin-top: 5%;
}

.icone_logo_tipo_nf{
    background: #fff;
    width: 36px;
    height: 36px;
    margin-top: -4px;
    margin-right: 5px;
}

.container_icone_tipo_nf_manual{
    float: left;
    background: #fff;
    margin-left: 10px;
    margin-top: 7px;
    width: 36px;
    height: 36px;
}

.icone_tipo_nf_manual{
    font-size: 20px;
    color: #245682;
    vertical-align: text-bottom;
    padding-bottom: 5px;
}

.azul-claro{
    background: #53b1e7;
    border-color: #53b1e7;
    color: #fff !important;
}

.dourado-claro{
    background: #e0ae42;
    border-color: #e0ae42;
    color: #fff !important;
}

.azul-celeste{
    background: #7db0e9;
    border-color: #7db0e9;
    color: #fff !important;
}

.laranja-claro{
    background: #d88644;
    border-color: #d88644;
    color: #fff !important;
}

.azul-claro:hover, .laranja-claro:hover, .dourado-claro:hover, .azul-celeste:hover{
    background: #a8a6a6;
    border-color: #a8a6a6;
}

label[for]{
    cursor: pointer;
}

.in{
    overflow: auto !important;
}

.modal-backdrop.in{
    z-index: 1;
}

.modal-open .modal {
    z-index: 990;
}

.check-categorias {
  height: 270px;
  overflow: auto;
}

.imagem-modal{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 800px;
    max-width: 1100px;
}

.texto-modal{
    text-align: center;
}

.modal-container{
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
}


.modal-container2{
    display: flex;
    position: absolute;
    justify-content: center;
    top: 5%;
    left: 5%;
    align-items: center;
    width: 90%;
    height: 90%;
    margin: 0;
    padding: 0;
    max-width: inherit;
}

.modal-content-timagem{
    position: absolute;
    width: 100%;
    height: 100%;
}

.texto-modal2{
    text-align: center;
    position: absolute;
    width: 100%;
    height: 20%;
    margin-top: 0px;
}

.modal-body2{
    width: 100%;
    height: 80%;
    top: 20%;
    position: relative;
}

.modal-title2{
    padding: 1%;
    margin: auto;
}

.imagem-modal2{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#eye_senha_atual, #eye_cadastro_usuario, #eye_cadastro_usuario_2 {
	border: none;
	background-color: inherit;
	border-radius: 600px 600px 600px 600px;
	margin: 3px 0px 0px -40px;
	font-size:20px;
	width: 1.5em;
    height: 1.5em;
	color: rgb(94, 179, 244);
	position: absolute;
	outline: none;
	padding-top: 5px;
	padding-left: 4px;
	padding-right: 8px;
	padding-bottom: -2px;
	-webkit-transition: all .8s ease-in-out;
    -khtml-transition:  all .8s ease-in-out;
    -moz-transition:    all .8s ease-in-out;
    -ms-transition:     all .8s ease-in-out;
    -transition:        all .8s ease-in-out;
}

.img_upload{
    margin-left: 20px;
    width: 100px;
    height: 100px;
    cursor: pointer;
}

div>span>span#span-0{
    display: inline-block;
    width:4%;
}
div>span>span#span-1{
    display: inline-block;
    width:10%;
}
div>span>span#span-2{
    display: inline-block;
    width:25%;
    padding-left: 10px;
}
div>span>span#span-3{
    display: inline-block;
    width:27%;
}
div>span>span#span-4{
    display: inline-block;
    width:22%;
}

#td_np{
    width: 33%;
}

#tabela_split{
    margin: 1 auto;
    width: 98%;
    margin-left: 1%;
}

#lixeira{
    float: initial;
}

#id_quantidade{
    width: 20%;
}

#td_qtde{
    width: 25%;
}

#div_botao,#botao_add{
    float: right;
}

#botao_gravar,#botao_imprime,#botao_sair{
    width: 125%;
}

#botao_sair,#btn_pdf{
    background: #fff;
    border: 2px solid #F4543C;
    color: #F4543C;
}

#btn_xls{
    background: #fff;
    border: 2px solid #4EE44E;
    color: #4EE44E;
}

#botao_add, #botao_cadastrar, .btn-editar-apontamento{
    border: 1px solid #5FBFC8;
}

.row-clicked{
    background-color: #a0a0a0;
}

.div_botoes{
    margin-top: -1.8%;
    float: right;
    border: 1px solid #ddd;
	background-color: #e9e9e9;
}

.btn-editar-apontamento{
    margin-top: 30px !important;
}

#externa {
    text-align: center;
    width: 100%;
}
#interna {
    display: inline-block;
}

.fundo-split-reenviar-esoft{
    background: #f1daba !important;
}

/* .lista-categorias, .lista-subcategorias{
    list-style: none;
    margin-left: 2%;
    cursor: pointer;
} */

/* .lista-titulo{
    margin-top: 30px;
} */

/* .lista-categorias{
    width: 96%;
    text-align: center;
} */

/* .lista-subcategorias{
    margin-left: 25px;
    width: 100% - 25px;
} */

/* .linha-lista-categorias{
    margin-top: 10px;
} */

/* .container-base, .container-base-titulo {
    height: 40px;
    line-height: 40px;
	vertical-align: middle;
} */

/* .container-base-titulo {
    border-bottom: 0px solid #fff;
} */

/* .container1, .container2, .container3, .container4, .container3-titulo{
    z-index: 2;
} */

/* .linha-nivel{
    border-left: 1px solid #5cb85c;
} */

/* .container-sublista{
    width: 100%;
} */

/* .submenu-categorias{
    width: 180px;
    height: 35px;
    background: #5cb85c;
    color: #fff;
    margin-top: -40px;
    float: right;
    margin-right: 25px;
    z-index: 10;
    line-height: 35px;
    position: relative;
    display: none;
} */

/* .submenu-categorias>ul{
    list-style: none;
} */

/* .submenu-categorias>ul>li{
    cursor: pointer;
} */

/* .titulo-status-lista-categorias, .titulo-multiloja-lista-categorias{
    position: absolute;
    float: right;
} */

/* .titulo-status-lista-categorias{
    margin-left: 50px;
} */

/* .titulo-multiloja-lista-categorias{
    margin-left: 155px;
} */

/* .checkbox-categoria {
    margin-left: 10px !important;
} */

.label-submenu{
    margin-left: 10px;
}

.icone-vincular-loja{
    color: #5cb85c;
    margin-right: 60px;
}

.container-submenu{
    cursor: pointer;
    width: 30px;
    padding-right: 10px;
    float: right;
}

.campo_busca > #campo_busca2 {
    background-color: #ffffff;
}

#boxImpFil, #boxImpFil2, #boxImpFil3{
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745;
    text-align: center;
}

#boxImpFil {
    padding-right: 155px;
    height: 31px;
    line-height: 19px;
    /*padding-left: 15px;*/
    cursor: pointer;
}

.botoes_nova_notafiscal_entrada> #boxImpFil{
    height: 50px;
}

#agencia,#convenio_lider{	
	text-align: left;
}

.campo-texto-maior {
	width: 98%;
}

#eye_skyhub, #eye_madeira, #eye_leroy, #eye_magento, 
#eye_api, #eye_integrador_cartao_app, #eye_integrador_transp, 
#eye_integrador_cartao_loja_virtual, #eye_pagarme_secreta, 
#eye_pagarme_publica, #eye_token_api_frenet {
	border: none;
	background-color: inherit;
	border-radius: 600px 600px 600px 600px;
	margin: 3px 0px 0px -40px;
	font-size:20px;
	width: 1.5em;
    height: 1.5em;
	color: rgb(94, 179, 244);
	position: absolute;
	outline: none;
	padding-top: 5px;
	padding-left: 4px;
	padding-right: 8px;
	padding-bottom: -2px;
	-webkit-transition: all .8s ease-in-out;
    -khtml-transition:  all .8s ease-in-out;
    -moz-transition:    all .8s ease-in-out;
    -ms-transition:     all .8s ease-in-out;
    -transition:        all .8s ease-in-out;
}

input::-ms-reveal, input::-ms-clear {
    display: none;
}

legend.coringas_permitidos{
	overflow: hidden;
	background-color: #EEEEEE;
	margin: -5px 0% 0% 0%;
}

ul#coringas_permitidos{
	margin-left: 20px;
}

#div-coringas-permitidos{
	float: left;
	width: 100%;
}

.legend {
    width: 150px;
    height:auto;
    padding:15px;
    border: 1px solid rgb(200, 200, 200);
}
 
.legend .title {
    display: block;
    margin-bottom: 0.5em;
    line-height: 1.2em;
    padding: 0 0.3em;   
    margin-left: 1vh;
    margin-top: 1vh;
}
 
.legend .color-sample {
    display: block;
    float: left;
    width: 1em;
    height: 1em;
    border: 2px solid; /* Comment out if you don't want to show the fillColor */
    border-radius: 0.5em; /* Comment out if you prefer squarish samples */
    margin-right: 0.5em;
}

/* div#corpo{
	margin: 0% auto 0% auto;
	vertical-align: top;
} */

/* div#barrae{
	margin: 0% auto 0% auto;
	padding: 5px 0px 0px 0px;
	max-width: 750px;
	min-width: 150px;
	height: auto;
	box-shadow: 1px 1px 3px rgba(0,0,0,.4);
	border: 1px ridge #EEEEEE;
} */

/* div#barrac{
	margin: 0% 0.5% 0% 0%;
	padding: 5px 0px 0px 0px;
	width: 40%;
	height: auto;
	box-shadow: 1px 1px 3px rgba(0,0,0,.4);
	float: right;
} */

/* .floLeft{
	float: left;
} */

/* .floRight{
	float: right;
} */

/* .dispBlock{
	display: block;
} */

/* .hiden{
	display: none;
} */

/* .a{
	margin-left: 19px;
} */

/* .bt{
	margin-top: 3px;
	margin-bottom: 20px;
} */

/* .editar{
	height: 40px;
	width: 22px;
	min-height: 31px;
	min-width: 16px;
	margin: auto 0% auto 0%;
	margin-right: 40px;
} */

/* img.miniatura{
	width: 5%;
    height: 10%;
    min-height: 39px;
    min-width: 40px;
    margin-left: 16%;
    margin-right: 2%;
} */

/* button#bt-voltar{
	margin: 10px 0% 10px 3%;
	vertical-align: bottom;
} */

/* .opcoes{
	background-color: #EEEEEE;
	margin: -5px 0% 0% 0%;
} */

/* img#imagem_grupo{
	width: 200px;
	height: 150px;	
	border: 1px ridge #EEEEEE;
	margin-bottom: 0%;
	padding: 0px;
} */

/* div#div_lista_grupos{
	width: 100%;
	overflow: auto;
	list-style-type: none;
} */

/* #grupo_atual{
	margin-left: 5px;
	font-size: 18pt;
	vertical-align: bottom;
} */

.clip{
    white-space: nowrap; 
    width: 57%; 
    overflow: hidden;
    text-overflow: ellipsis;
}

.clip2{
	white-space: nowrap; 
    width: 47%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2%;
}

.bt-center{
	display: inline-block;
	margin: 1% 0% 2% 2%;
}

.in-line{
	display: inline;
}

.in-line-block{
	display: inline-block;
}

.btn-asc, .btn-desc, .btn-rec{
	margin: 10px 5px 15px 5px;
	height: 30px;
	width: 35px;
	text-indent: 25px;
	-webkit-transition: all .4s ease-in-out;
	-khtml-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-transition: all .4s ease-in-out;
	font-size: 12px;
}

.btn-asc{
	background: url('../img/asc.png') no-repeat 5px 2px;
}

.btn-desc{
	background: url('../img/desc.png') no-repeat 5px 2px;
}

.btn-rec{
	background: url('../img/rec.png') no-repeat 5px 2px;
}

.btn-asc:hover, .btn-desc:hover, .btn-rec:hover{
	width: 105px;
	-webkit-transition: all .4s ease-in-out;
	-khtml-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-transition: all .4s ease-in-out;
}

ul#dicas{
	margin-left: 20px;
}

div#ico1{
	background: url('../img/moveup.png');
}

div#ico2{
	background: url('../img/movedown.png');
}

div#ico3{
	background: url('../img/asc.png');
}

div#ico4{
	background: url('../img/desc.png');
}

div#ico5{
	background: url('../img/rec.png');
}

div#ico1, div#ico2, div#ico3, div#ico4, div#ico5{
	width: 20px;
	height: 20px;
	background-size: 100%;
}

div#ico1, div#ico2{
	display: inline-block;
}

div#ico3, div#ico4{
	display: inline-block;
}

div#ico5{
	display: inline-block;
}

.none{
	display: none;
}

.disp-col{
	display: inline-block;
	margin: 0% 0% auto auto;
	float: left;
}

/* #div-opc{
	width: 100%;
} */

#div-exibindo{
	width: 27%;
}

#exibindo{
	text-align: center;
	vertical-align: middle;
}

.full-width{
	width: 90%;
}

.medium-width{
	width: 58%;
}

img.vla-none{
	vertical-align: baseline;
}

.mover{
	right: 0px;
}

.mover:hover{
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-khtml-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
}

#novo{
	padding: 6px 12px;
}

#todos, #desativado{
	padding: 6px 12px;
	margin: 1.5% 0% 1% 0%;
}

#div-ordena{
	float: left;
	width: 100%;
}

/* #inst-ord{
	margin-left: 240px;
    margin-top: 3px;
	padding: 6px 12px;
}

#salva-ord,#redef-ord{
	padding: 6px 12px;
	width: 30%;
}

#salva-ord{
	border: 1px solid #5FBFC8;
}

#redef-ord{
    background: #fff;
    border: 2px solid #F4543C;
    color: #F4543C;
}

#div-botOrd{
	margin-top: 5px;
	margin-bottom: 5px;
} */

/* .lista-grupos, .lista-subgrupos{
    list-style: none;
    margin-left: 2%;
    cursor: pointer;
} */

/* .lista-grupos{
    width: 96%;
    text-align: center;
} */

/* .lista-subgrupos{
    margin-left: 25px;
    width: 100% - 25px;
} */

/* .linha-lista-grupos{
    margin-top: 10px;
} */

/*
.titulo-status-lista-grupos, .titulo-edit-lista-grupos{
    position: absolute;
    float: right;
}
*/

/* .titulo-nome-lista-grupos{
    padding-left: 24px;
} */

/*
.titulo-status-lista-grupos{
    margin-left: 130px;
}
*/

/* .titulo-edit-lista-grupos{
    margin-left: 198px;
} */

/* #check-top{
	padding-left: 0px;
} */

/* #ul-top{
	margin-left: 0px;
} */

/* .submenu-grupos{
    width: 180px;
    height: 35px;
    background: #5cb85c;
    color: #fff;
    margin-top: -37px;
    float: right;
    margin-right: 5px;
    z-index: 10;
    line-height: 35px;
    position: relative;
    display: none;
}

.submenu-grupos> ul{
    list-style: none;
}

.submenu-grupos> ul>li{
    cursor: pointer;
} */

/* .grupo-container-lista{
	border: 1px solid #5cb85c;
	box-shadow: 1px 1px 3px rgba(0,0,0,.4);
	border: 1px solid rgb(172, 172, 172);
} */

/* .grupo-container-lista:hover{
    -webkit-box-shadow: 0px 1px 7px 1px rgba(92, 184, 92, 1);
    -moz-box-shadow:    0px 1px 7px 1px rgba(92, 184, 92, 1);
    box-shadow:         0px 1px 7px 1px rgba(92, 184, 92, 1);
} */

/* #icone_grupo{
    margin-left: 20px;
    width: 100px;
    height: 100px;
} */

.small-box {
    position: relative;
    display: block;
    border-radius: 5px;
    margin-bottom: 15px;
}

.bg-aqua{
    background-color: #00C0EF !important;
}

.small-box > .inner {
    padding: 10px;
  }

 .small-box h3 {
    font-size: 38px;
    font-weight: bold;
    margin: 0px 0px 10px;
    white-space: nowrap;
    padding: 0px;
    color: #fff;
  }

.small-box p {
    font-size: 15px;
    color: #fff;
 }

 .small-box > .small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0px;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.1);
    text-decoration: none;
 }

.bg-green {
    background-color: #00A65A !important;
 }

.bg-yellow {
    background-color: #F39C12 !important;
}

.bg-red {
    background-color: #F56954 !important;
}

.titulo-home span{
    font-size: 25px;
    color:#afafaf;
}

.btn-remover-pedido{
	border: none;
	background-color: #ffffff;
	border-radius: 256px;
	margin: -10%;
	width: 1.5em;
	height: 1.5em;
	outline: none;
}

.novo_pedido{
	position: absolute;
	width: 13%;
	margin: -0.1% 0% 0% 0%;
	padding: 0.1% 1% 0.1% 1%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	display: inline-block;
	cursor: pointer;
	border: 2px solid #e1e1e1;
	background-color: #ffffff;
	font-size: 0.8em;
	color: #696564;
	outline: none;
}

.gravar_pedido, .cancelar_gravar_pedido{
	width: 100%;
	margin: 0% 0% 0% 0%;
	padding: 4% 7% 4% 7%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	display: inline-block;
	cursor: pointer;
	border: 2px solid #e1e1e1;
	background-color: #ffffff;
	font-size: 1.2em;
	color: #696564;
	outline: none;
}

.novo_pedido:hover, .gravar_pedido:hover, .cancelar_gravar_pedido:hover{
	border: 2px solid #ffffff;
	color: #ffffff;
	-webkit-transition: all .4s ease-in-out;
	-khtml-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-transition: all .4s ease-in-out;
	background-color: #00a85ab3;
}

.gravar_pedido:hover{	
	background-color: #5eb3f4;
}

.cancelar_gravar_pedido:hover{
	background-color: #e74c3c;
}

.novo_pedido>i{
	margin-right: 5%;
}

#nome_vendedor{
	margin-left: -10%;
	width: 108.6%;
}

#id_mesa{
	margin-left: 8%;
}

#quantidade_produto_1, #quantidade_opcional_1, #total{
	margin-left: 10%;
}

.cad_mesa{
	display: none;
}

span.detalhe0, span.detalhe1, span.detalhe2, span.detalhe3, span.detalhe4{
	margin: 0.4% 0% 0% 1em;
}

span.detalhe1{
	width: 9em;
}

span.detalhe2{
	width: 8.5em;
}

span.detalhe3{
	width: 9em;
}

span.detalhe4{
	width: 15em;
}

#tipo_ord{
	margin-left: -3.5em;
	width: 68.5%;
}

.background-visualizador{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	background: rgba(0, 0, 10, 0.5);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 30;
	overflow: auto;
}

.body-movimentacoes{
	min-width: 80%;
	max-width: 80%;
	min-height: 80%;
	max-height: 80%;
	height: 100%;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-40%;
	margin-top:-19%;
	background: rgba(255, 255, 255, 1);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border: 2px solid #cacaca;
	padding: 1.5em;
}

.control-movimentacoes{
	margin: -2.2% 0% 1.2% -2.2%;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	width: 104.4%;
	height: 2em;
	background-color: #dddddd;
	border: 2px solid #cacaca;
	padding: 3px 8px 3px 8px;
	text-align: -webkit-center;
	font-family: monospace;
}

.control-movimentacoes>button{
	float: right;
	width: 3em;
	height: 2em;
	background-color: transparent;
	border: none;
	margin: -0.4em -0.7em 0em 0em;
	border-top-left-radius: 0px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	outline: none;
}

.control-movimentacoes>button>i.fa-times{
	cursor: pointer;
}

#container-movimentacoes{
	height: 100%
}

#container-movimentacoes>div{
	overflow: auto;
	height: 85%
}

.title-detail{
	font-size: 14pt;
}

.visualizar{
	width: 1.5em;
	height: 1.5em;
	background-color: transparent;
	border: none;
	outline: none;
}

.visualizar>.fa-sign-in{
	-webkit-transition: all .4s ease-in-out;
	-khtml-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-transition: all .4s ease-in-out;
}

.visualizar>.fa-sign-in:hover{
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-khtml-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	color: #5eb3f4;
}

#data_inicial, #data_final{
    width: 130px;
}

#num_nf{
    width: 149px;
}

#serie_nf{
    width: 100px;
}

.text-nf{
    width: 85px;
    text-align: center;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom-width: thin;
}

#titulo_totalizando {
    color: #00a85a;
    background-color: #FFFFFF;
    font-size: 14pt;
}

#linha_totalizando{
    width: 10%;
    left: 45%;
    height: 2px;
    background: #e1e1e1;
    content: '';
    position: absolute; 
}

#linha_totalizando_2{
    width: 5%;
    right: 20%;
    height: 2px;
    background: #e1e1e1;
    content: '';
    position: absolute; 
}

.tst{
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#botao_listar{
    width: 25%;
    border: 1px solid #5FBFC8;
}

#td-data{
    width: 23%;
}

#td-contato{
    width: 25%;
}

#td-assunto{
    width: 35%;
}

.span-1{
    margin-left: 60px;
}

.span-2{
    margin-left: 170px;
}

.span-3{
    margin-left: 100px;
}

.tabela-split{
    width: 95%;
}

.remetente{
    width: 27%;
}

.data-hora{
    width: 23%;
}

#verificar{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 15%;
	margin: 4% 40% 4% 40%;
	padding: 0.7% 2% 0.7% 2%;
	display: inline-block;
	cursor: pointer;
	border: 2px solid #e1e1e1;
	background-color: #ffffff;
	font-size: 1.1em;
    color: #696564;
}

#verificar:hover{
	border: 2px solid #ffffff;
	background-color: #5eb3f4;
	color: #ffffff;
	-webkit-transition: all .4s ease-in-out;
	-khtml-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-transition: all .4s ease-in-out;
}


.changebtn{
    padding: 5px;
    border-radius: 10px 10px 10px 10px;
    width: 45px;
    height: 45px;
    background-color: #2574A9;
}

.changebtn i{
    color:#fff;
}

.mandatory {
    font-size: 10pt;
    font-weight: bold;
    font-style: italic;
	color: #FF3D4C;
}

#grid_cod_empresas>table{
	margin-top: 10px;
}

.seletor_empresa_imagem{
    padding-left: 20px;
    padding-right: 0;
    align-content: center;
 }

 .seletor_empresa_imagem>.bloco-conteudo{
    padding: 0;
 }

 .seletor_empresa_nome{
    padding: 0;
    height: 100%;
    padding-top: 2.5%;
    padding-left: 15px;
 }

 .seletor_empresa_btn{
   padding: 0;
}


 .seletor_empresa_nome>p{
     margin: 0;
     font-weight: bold;
     color:  rgb(100, 100, 100);
 }


.seletor_empresa_btn>span{
   color:  #5e5e5e;
   vertical-align: middle;
   font-size: 24px;
}


.seletor_empresa_btn>button>i{
   color:  #5e5e5e;
   vertical-align: middle;
   font-size: 24px;
   padding-bottom: 1%;
}

.seletor_empresa_btn>button{
   padding: 0;
   text-align: center;
   vertical-align: middle;
   font-size: 24px;
   background-color: transparent;
}

.menu_nav_inicio > i.fa-home{
    font-size: 20pt;	
}
    
.menu_nav_inicio > i.fa-chevron-right{
    font-size:  11pt;
}
    
.menu_nav_inicio > i.fa-circle{
    font-size: 4pt;
    vertical-align: inherit;
}
    
.menu_nav_inicio > a{
    font-size: 12pt;
    vertical-align: bottom;	
    margin: 3px;
}

.menu_nav_inicio{
    padding-top: 0.4%;
}

.glyphicon {
    top: -2px;
}

.menu_nav_modal{
    padding-right: 0;
    padding-left: 0px;
}

.menu_nav_modal > .row{
    margin-right: 0px;
    margin-left: 0px;
}

.cursor-pointer{
    cursor: pointer;
}

.container-icone-input{
    margin-bottom: 1rem!important;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group-prepend{
    margin-right: -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.input-group-text{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.icone-input{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.icon-icone-input{
    font-size: 35px;
}

.icone-input-facebook{
    color: #0567cf;
}

.icone-input-instagram{
    color: #d22c7d;
}

.icone-input-twitter{
    color: #0574e7;
}

.coluna-menu-seletor-subempresa{
    width: 250px;
    margin-top: 3px;
    margin-right: 10px;
}

.img-logo-seletor-subempresa{
    margin-top: 2px;
    height: 32px;
}

.container-seletor-subempresa{
    margin: 2px;
    border-radius: 20px;
    border: 1px solid #bebebe;
}

.btn-adicionar-valor{
    width: 43%;
}

.btn-outline-danger {
	color: #dc3545;
	background-color: transparent;
	background-image: none;
	border-color: #dc3545;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: #dc3545;
    background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.offset-md-6 {
    margin-left: 50%;
}

.verde{
    color: #2ECC71 !important;
}

.close-vermelho{
    color: #dc3545;
    opacity: 1;
    border-radius: 60px;
    font-size: 25px;
}


.campo_seletor_tamanho_pagina2{
	border: 1px solid #ddd;
	margin: -21px 0px 0px 0px;
	padding: 7px 2px 2px 10px;
	background-color: #e9e9e9;
	float: left;
}
#seletor_tamanho_pagina2{
    border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #bebebe;
	background: #e9e9e9;
	text-align: center;
    width: 3.5em;
    padding: 0px 1px 0px 4px;
}

.indice_pagina_atual2{
	position: relative;
	margin-left: 25px;
	padding-right: 10px;
	margin-bottom: 2px;
}

.inputSeletorPagina2{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #bebebe;
	background: #e9e9e9;
	text-align: center;
    width: 4em;
    padding: 0px 1px 0px 4px;
}

.largura-icone-site{
    width: 90%;
}

.label-promocao{
    font-weight: 500;
    margin-top: 40px;
}

.largura-icone-site2{
    width: 70%;

}

@media (max-width: 720px){
    .texto_barra_licenca {
        position: relative;
        margin-top: 7px;
        font-size: 1.2vh;
    }
}