@media only screen and (min-width: 1024px){

	body{ padding: 0px; margin: 0px; font-family: 'Roboto', sans-serif; overflow-y: none; overflow-x: none;  }
	.site{ display: none; }

	.spk-grid{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: grid; grid-template-columns: 255px auto; overflow-y: none; overflow-x: none; }
	.spk-grid-painel{ background-color: #0062e5; display: flex; flex-direction: column; height: 100%; overflow-y: auto; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.spk-grid-painel::-webkit-scrollbar { width: 12px; }
	.spk-grid-painel::-webkit-scrollbar-track { background: rgba(0,0,0,0.0); }
	.spk-grid-painel::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .25); border-radius: 0px; }
	
	.spk-alert-info{ box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; background-color: #fff; padding: 30px; margin: 10px 50px; border-radius: 4px; color: #fff; background-color: #1aace8; line-height: 24px; font-size: 16px; }
	.spk-alert-sucesso{ box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; background-color: #fff; padding: 30px; margin: 10px 50px; border-radius: 4px; color: #fff; background-color: #63c42a; line-height: 24px; font-size: 16px; }
	.spk-alert-erro{ box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; background-color: #fff; padding: 30px; margin: 10px 50px; border-radius: 4px; color: #fff; background-color: #eb3b37; line-height: 24px; font-size: 16px; }
    
	.spk-poupop-sincronizacao{ z-index: 150; display: none; }
	.spk-poupop-sincronizacao-item{ padding: 20px; display: flex; justify-content: center; flex-direction: column; background-color: #fff; align-items: center; width: 400px; padding: 50px 30px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; position: fixed; transform: translate(-50%, -50%); top:50%; left:50%; }
	.spk-poupop-sincronizacao-load{  }
	.spk-poupop-sincronizacao-icone{ width: 200px; background-color: #111; border-radius: 100%; }
    .spk-poupop-sincronizacao-titulo{ margin-top: 20px; margin-bottom: 20px; font-size: 35px; font-weight: bold; }

    .spk-botao-100{ width: 100%; }
    .spk-botao-padding-5{ padding: 5px; box-sizing: border-box; }

    .spk-fundo{ display: none; z-index: 149; background-color: rgba(0, 0, 0, .85); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; } 
    
    .spk-empresa-deletar-popup{ display: none; z-index: 150; width: 500px; transform: translate(-50%, -50%); left: 50%; top: 50%; position: fixed; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 8px; border-radius: 4px; }
    .spk-empresa-deletar-popup-titulo{ background-color: #931211; color: #fff; padding: 15px 20px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
    .spk-empresa-deletar-popup-conteudo{ background-color: #fff; padding: 20px; padding-bottom: 20px; line-height: 25px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
    .spk-empresa-deletar-botoes{ display: grid; grid-template-columns: 50% 50%; width: 100%; margin-top: 20px; box-sizing: border-box; }
    .spk-empresa-deletar-botoes > div{  width: 100%; box-sizing: border-box; }
 
    .spk-usuario-deletar-popup{ display: none; z-index: 99; width: 500px; transform: translate(-50%, -50%); left: 50%; top: 50%; position: fixed; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 8px; border-radius: 4px; }
    .spk-usuario-deletar-popup-titulo{ background-color: #931211; color: #fff; padding: 15px 20px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
    .spk-usuario-deletar-popup-conteudo{ background-color: #fff; padding: 20px; padding-bottom: 20px; line-height: 25px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
    .spk-usuario-deletar-botoes{ display: grid; grid-template-columns: 50% 50%; width: 100%; margin-top: 20px; box-sizing: border-box; }
    .spk-usuario-deletar-botoes > div{  width: 100%; box-sizing: border-box; }

    .spk-marcacao-vermelha-borda{ border: 1px solid #dedede;  border-left: 5px solid #c43e3e; }
    .spk-marcacao-vermelha{ background-color:  #c43e3e !important; }
    .spk-marcacao-rosa-borda{ border: 1px solid #dedede;  border-left: 5px solid #b93ec4; }
    .spk-marcacao-rosa{ background-color:  #b93ec4 !important; }
    .spk-marcacao-roxo-borda{ border: 1px solid #dedede;  border-left: 5px solid #5f3ec4; }
    .spk-marcacao-roxo{ background-color: #5f3ec4 !important; }
    .spk-marcacao-azul-borda{ border: 1px solid #dedede;  border-left: 5px solid #3e9ac4; }
    .spk-marcacao-azul{ background-color: #5f3ec4 !important; }
    .spk-marcacao-verde-borda{ border: 1px solid #dedede;  border-left: 5px solid #68a328; }
    .spk-marcacao-verde{ background-color: #68a328 !important; }
    .spk-marcacao-amarelo-borda{ border: 1px solid #dedede;  border-left: 5px solid #ffaa1d; }
    .spk-marcacao-amarelo{ background-color: #ffaa1d !important; }
    .spk-marcacao-laranja-borda{ border: 1px solid #dedede;  border-left: 5px solid #ff6c1d; }
    .spk-marcacao-laranja{ background-color: #ff6c1d !important; }

    .spk-marcacao-nulo-borda{ border: 1px solid #dedede;  border-left: 3px solid #ccc; }
    
	.spk-espacamento{ margin-bottom: 100px; }

	.spk-grid-painel-logotopo{ display: flex; justify-content: center; flex-direction: column; background-color: rgba(0,0,0,.05); }
	.spk-grid-painel-logotopo-imagem{ width: 70%;  }
	.spk-grid-painel-centro{ display: flex; justify-content: center; align-items: center; }
	.spk-grid-painel-usuario-titulo{ display: block; text-align: center; color:#fff; font-size: 15px; margin-bottom: 1px; }
	.spk-grid-painel-usuario-nome{ display: block; text-align: center; margin-bottom: 10px; color:#fff; font-weight: 500; font-size: 18px; }
	.spk-grid-painel-usuario-button{ cursor: pointer; padding: 6px 10px; font-size: 14px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, .2); background-color: rgba(255, 0, 0, .8); color: #fff; margin-bottom: 30px; }
    .spk-grid-painel-usuario-button:hover{ background-color: rgba(200, 0, 0, .9); } 
    .spk-grid-painel-usuario-button:active{ background-color: rgba(255, 0, 0, .8); }

	.spk-grid-painel-item{ cursor: pointer; padding: 14px 12px; display: grid; grid-template-columns: 28px auto; border-bottom: 1px solid rgba(0,0,0, .15); }
	.spk-grid-painel-item:hover{ background-color: rgba(0,0,0, .15); }
	.spk-grid-painel-item:active{ background-color: rgba(0,0,0, .3); }
    .spk-grid-painel-item2{ background-color: rgba(0,0,0, .10); cursor: pointer; padding: 10px 12px; display: grid; grid-template-columns: auto 28px; border-bottom: 1px solid rgba(0,0,0, .05); }
	.spk-grid-painel-item2:hover{ background-color: rgba(0,0,0, .15); }
	.spk-grid-painel-item2:active{ background-color: rgba(0,0,0, .3); }

    .spk-grid-painel-item-seta{ font-size: 10px;  color: rgba(255,255,255, .25); }
    .spk-grid-painel-lista-subitem{ display: none;  }
    .spk-grid-painel-subitem{ background-color: rgba(0,0,0, .30); border-left: 3px solid rgba(0,0,0,.3); border-right: 3px solid rgba(0,0,0,.3); cursor: pointer; padding: 14px 12px; display: grid; grid-template-columns: 28px auto; border-bottom: 1px solid rgba(0,0,0, .15); }
	.spk-grid-painel-subitem:hover{ background-color: rgba(0,0,0, .4); }
	.spk-grid-painel-subitem:active{ background-color: rgba(0,0,0, .3); }

	.spk-grid-painel-item-imagem{ width: 100%; }
	.spk-grid-painel-item-alinha{ display: flex; align-items: center; }
	.spk-grid-painel-item-texto{ margin-left: 10px; color: #fff; font-size: 15px; }
	.spk-grid-painel-item-texto2{ margin-left: 0px; color: #fff; font-size: 15px; }
	.spk-grid-painel-item-link{ text-decoration: none; }
	.spk-grid-pagina{  width: 100%; height: 100%; overflow-y: auto; background-color: #f2f2f2; }
	.spk-grid-box-pagina-box{  padding: 20px 10px; margin: 10px 20px; border-radius: 4px; color: #1a73e8; }
	.spk-grid-pagina-titulo{ font-size: 35px; font-weight: 500; }
	.spk-grid-box{  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; background-color: #fff; padding: 20px; margin: 10px 20px; border-radius: 3px;  }
	.spk-grid-box-context{ font-size: 16px; color: #111; line-height: 24px; }
	.spk-grid-title{ font-size: 26px; }
	.spk-grid-title2{ font-size: 19px; color: #555; margin-left: 15px; margin-bottom: 3px; font-weight: bold; }
	.spk-grid-description{ font-size: 15px; margin-bottom: 11px; color: #555; }
	.spk-grid-description2{ font-size: 15px; margin-bottom: 15px; color: #555; margin-left: 15px;  }
	
    .spk-grid-template-1{ display: grid; grid-template-columns: 100%; }
	.spk-grid-template-2{ display: grid; grid-template-columns: 50% 50%; }
	.spk-grid-template-item{ width: 100%; padding: 0px; box-sizing: border-box; }
	.spk-grid-template-item-title{ font-size: 26px; color: #555; margin-bottom: 30px; margin-left: 15px; }
	.spk-grid-template-canvas{ width: 100%; box-sizing: border-box; }
	.spk-grid-template-canvas2{ width: 100%; max-height: 400px !important; box-sizing: border-box; }
	.spk-grid-template-canvas3{ width: 100%; max-height: 400px !important; box-sizing: border-box; }

	.spk-listas{  }
	.spk-listas-cabecalho{  }
	.spk-listas-cabecalho2{ font-weight: bold; }
	.spk-listas-cabecalho-texto{ color: #fff !important; }
	.spk-listas-fundo-n1{ display: none; border-radius: 3px; padding: 10px; margin-right: 15px; margin-left: 15px; }
	.spk-listas-fundo-n2{ display: none; border-radius: 3px; padding: 10px; margin-right: 15px; margin-left: 15px; margin-bottom: 30px; margin-top: 30px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
    .spk-listas-item{ border-bottom: 1px solid rgba(0,0,0, .1); padding: 2px 0px; }
	.spk-lista-negrito{ font-weight: bold; }
	.spk-listas-nome{  }
	.spk-listas-valor{ text-align: right; margin-right: 8px; color: #139; }
	.spk-listas-alinha-centro{ display: flex; justify-content: center; align-items: center; }
    .spk-listas-icone{ width: 12px; transform: rotate(1turn); }

	.spk-listas-empresa-dinheiro{ cursor: pointer; display: grid; grid-template-columns: 22px auto 160px; padding: 15px 0px;  }
	.spk-listas-empresa-dinheiro:hover{ background-color: rgba(200,200,200, .1);  }
	.spk-listas-empresa-dinheiro:active{ background-color: rgba(100,100,100, .13);  }

	.spk-listas-dia-valor{ display: grid; grid-template-columns: 22px auto 160px; padding: 15px 12px; background-color: rgba(200, 200, 200, .15); border-bottom: 1px solid rgba(0,0,0, .1); margin-bottom: 3px;  }
	.spk-listas-dia-valor2{ display: grid; grid-template-columns: auto 160px; padding: 15px 12px; background-color: rgba(200, 200, 200, .15); border-bottom: 1px solid rgba(0,0,0, .1); margin-bottom: 3px;  }
	.spk-listas-dia-valor:hover{ background-color: rgba(200,200,200, .1);  }
	.spk-listas-dia-valor:active{ background-color: rgba(100,100,100, .13);  }

	.spk-listas-familia-qtd-uni-total-add{ cursor: pointer; display: grid; grid-template-columns: 22px auto 70px 160px 160px 160px; padding: 15px 0px;   }
    .spk-listas-familia-qtd-uni-total-add:hover{ background-color: rgba(200,200,200, .1);  }
	.spk-listas-familia-qtd-uni-total-add:active{ background-color: rgba(100,100,100, .13);  }

	.spk-listas-notafiscal-cliente-emissao-vendedor-total{ font-size: 15px; cursor: pointer; display: grid; grid-template-columns: 150px auto 120px 130px 160px; padding: 15px 0px;  border-bottom: 1px solid rgba(0,0,0, .1); }

	.spk-listas-cliente-valor-adicional{ display: grid; grid-template-columns: auto 160px; padding: 15px 12px; background-color: rgba(200, 200, 200, .15); border-bottom: 1px solid rgba(0,0,0, .1); margin-bottom: 3px; }
    .spk-listas-cliente-valor-adicional:last-child{ display: grid; grid-template-columns: auto 160px; padding: 15px 12px; border-bottom: none; }
    
    .spk-listas-cliente-qtd-valor{ display: grid; grid-template-columns: auto 70px 160px; padding: 15px 12px; background-color: rgba(200, 200, 200, .15); margin-bottom: 3px; border-bottom: 1px solid rgba(0,0,0, .1); }

	.spk-botaogeral{ padding: 14px 15px; padding-bottom: 13px; transition: background-color .5s; -moz-transition: background-color .5s; -webkit-transition: background-color .5s; box-shadow:0px -3px 0px rgba(0,0,0,.2) inset; -moz-box-shadow:0px -3px 0px rgba(0,0,0,.2) inset; -webkit-box-shadow:0px -3px 0px rgba(0,0,0,.2) inset; border-radius: 2px; font-size: 16px; background-color: #45ae07; color: #fff; outline: none; border: none; cursor: pointer;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.spk-botaogeral:hover{ background-color: #3d910b; transition: background-color .5s; -moz-transition: background-color .5s; -webkit-transition: background-color .5s; }
	.spk-botaogeral:active{ background-color: #ccc; }
	.spk-botaogeral2{ padding: 14px 15px; padding-bottom: 13px; transition: background-color .5s; -moz-transition: background-color .5s; -webkit-transition: background-color .5s; box-shadow:0px -3px 0px rgba(0,0,0,.2) inset; -moz-box-shadow:0px -3px 0px rgba(0,0,0,.2) inset; -webkit-box-shadow:0px -3px 0px rgba(0,0,0,.2) inset; border-radius: 2px; font-size: 16px; background-color: #0783ae; color: #fff; outline: none; border: none; cursor: pointer;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.spk-botaogeral2:hover{ background-color: #067095; transition: background-color .5s; -moz-transition: background-color .5s; -webkit-transition: background-color .5s; }
    .spk-botaogeral2:active{ background-color: #ccc; }

    .spk-botaogeral3{ padding: 14px 15px; padding-bottom: 13px; transition: background-color .5s; -moz-transition: background-color .5s; -webkit-transition: background-color .5s; box-shadow:0px -3px 0px rgba(0,0,0,.2) inset; -moz-box-shadow:0px -3px 0px rgba(0,0,0,.2) inset; -webkit-box-shadow:0px -3px 0px rgba(0,0,0,.2) inset; border-radius: 2px; font-size: 16px; background-color: #e09309; color: #fff; outline: none; border: none; cursor: pointer;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.spk-botaogeral3:hover{ background-color: #a56e0a; transition: background-color .5s; -moz-transition: background-color .5s; -webkit-transition: background-color .5s; }
    .spk-botaogeral3:active{ background-color: #ccc; }

    .spk-botaogeral4{ padding: 14px 15px; padding-bottom: 13px; transition: background-color .5s; -moz-transition: background-color .5s; -webkit-transition: background-color .5s; box-shadow:0px -3px 0px rgba(0,0,0,.2) inset; -moz-box-shadow:0px -3px 0px rgba(0,0,0,.2) inset; -webkit-box-shadow:0px -3px 0px rgba(0,0,0,.2) inset; border-radius: 2px; font-size: 16px; background-color: #009933; color: #fff; outline: none; border: none; cursor: pointer;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.spk-botaogeral4:hover{ background-color: #006622; transition: background-color .5s; -moz-transition: background-color .5s; -webkit-transition: background-color .5s; }
    .spk-botaogeral4:active{ background-color: #ccc; }

    .spk-botaogeral5{ padding: 14px 15px; padding-bottom: 13px; transition: background-color .5s; -moz-transition: background-color .5s; -webkit-transition: background-color .5s; box-shadow:0px -3px 0px rgba(0,0,0,.2) inset; -moz-box-shadow:0px -3px 0px rgba(0,0,0,.2) inset; -webkit-box-shadow:0px -3px 0px rgba(0,0,0,.2) inset; border-radius: 2px; font-size: 16px; background-color: #ff1a1a; color: #fff; outline: none; border: none; cursor: pointer;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.spk-botaogeral5:hover{ background-color: #b30000; transition: background-color .5s; -moz-transition: background-color .5s; -webkit-transition: background-color .5s; }
    .spk-botaogeral5:active{ background-color: #ccc; }

	.spk-botaogeral-alinha-direita{ display: flex; justify-content: flex-end; }
	.spk-botaogeral-alinha-esquerda{ display: flex; justify-content: flex-start; }
	.spk-botaogeral-alinha-centro{ display: flex; justify-content: center;  }
	.spk-botaogeral-alinha-centro-vertical{ display: flex; justify-content: center; flex-direction: row; }

	.spk-grid-sincronismo{ padding: 10px 20px; margin-bottom: 20px; border-radius: 3px;  }
	.spk-grid-sincronismo-item{ display: grid; grid-template-columns: auto 200px; padding: 0px 0px;  }
	.spk-grid-sincronismo-titulo{ font-size: 22px; font-weight: 500; color: #0052be; margin-bottom: 4px; }
	.spk-grid-sincronismo-titulo2{ font-size: 20px; color: #111;  }
	.spk-grid-sincronismo-titulo-alinha{ height: 100%; display: flex; align-items: center; }
	.spk-grid-sincronismo-descricao{ font-size: 16px; color: #555; line-height: 20px; }
	.spk-grid-sincronismo-icon-nulo{ width: 25px; background-color: #999; padding: 3px; border-radius: 4px; }
	.spk-grid-sincronismo-icon-erro{ width: 25px; background-color: #b30000; padding: 3px; border-radius: 4px; }
	.spk-grid-sincronismo-icon-sucess{ width: 25px; background-color: #47d147; padding: 3px; border-radius: 4px; }	
	.spk-grid-sincronismo-icon-alert{ width: 25px; background-color: #ffad33; padding: 3px; border-radius: 4px; }
	.spk-grid-sincronismo-icon-novos{ width: 25px; background-color: #067095; padding: 3px; border-radius: 4px; }
	.spk-grid-sincronismo-anos{ display: none; width: 80%;  }
	.spk-grid-sincronismo-anos-item{ width: 100%; background-color: #f2f2f2; display: grid; grid-template-columns: 42px auto 200px; padding: 15px 20px; box-sizing: border-box; margin-top: 5px; }
    .spk-grid-sincronismo-info{ font-size: 14px; color: #067095; font-weight:normal; margin-top: 2px; }
    .spk-grid-sincronismo-legenda{ padding: 20px 40px; }
    .spk-grid-sincronismo-legenda-titulo{ margin-bottom: 10px; margin-top: 7px; }
    .spk-grid-sincronismo-legenda-box{ width: 500px; display: grid; grid-template-columns: 50% 50%;  }
    .spk-grid-sincronismo-legenda-item{ display: grid; grid-template-columns: 18px auto; width:100%; box-sizing:border-box; margin-bottom: 7px; }
    .spk-grid-sincronismo-legenda-ponto{ width: 100%; height: 18px; border-radius: 2px; }
    .spk-grid-sincronismo-legenda-texto{ margin-left: 8px; font-size:15px; color: #555; }

	.spk-grid-notificacoes{ margin-top: 25px; }

	.spk-grid-notificacoes-item{ display: grid; grid-template-columns: auto 200px; padding: 17px 15px; border-bottom: 1px solid rgba(0,0,0, .05);  }
	.spk-grid-notificacoes-item:nth-child(even){ background: none; }
	.spk-grid-notificacoes-item:nth-child(odd){ background: rgba(0,0,0, .03); }
	.spk-grid-notificacoes-descricao{ font-size: 16px; color: #333; }
	.spk-grid-notificacoes-data{ font-size: 16px; color: #333; }
	
	.spk-grid-tabelausuario{ margin-top: 25px; }
	.spk-grid-tabelausuario-titulo{ display: grid; grid-template-columns: auto 300px 110px 70px; padding: 17px 15px; border-bottom: 1px solid rgba(0,0,0, .05);  }
	.spk-grid-tabelausuario-item{ display: grid; grid-template-columns: auto 300px 110px 70px; padding: 10px 15px; border-bottom: 1px solid rgba(0,0,0, .05);  }
	.spk-grid-tabelausuario-item:nth-child(even){ background: rgba(0,0,0, .03); }
	.spk-grid-tabelausuario-item:nth-child(odd){ background: none; }
    .spk-grid-tabelausuario-texto-titulo{ font-size: 15px; color: #222; font-weight: bold; }
	.spk-grid-tabelausuario-texto{ font-size: 15px; color: #444; display: flex; align-items: center;  }
	.spk-grid-tabelausuario-acoes{ display: grid; grid-template-columns: 50% 50%; grid-column-gap: 5px; box-sizing: border-box; }
	.spk-grid-tabelausuario-icone-editar{ cursor: pointer; width: 32px; padding: 4px; border-radius: 4px; background-color: #e88f1a; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  }
	.spk-grid-tabelausuario-icone-editar:hover{ opacity:0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); }
	.spk-grid-tabelausuario-icone-editar:active{ opacity:1; -moz-opacity: 1; filter: alpha(opacity=100); }
	.spk-grid-tabelausuario-icone-deletar{ cursor: pointer; width: 32px; padding: 4px; border-radius: 4px; background-color: #ba151b; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  }
    .spk-grid-tabelausuario-icone-deletar:hover{ opacity:0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); }
    .spk-grid-tabelausuario-icone-deletar:active{ opacity:1; -moz-opacity: 1; filter: alpha(opacity=100); }
    .spk-grid-tabelausuario-texto-acesso{ display:grid; grid-template-columns: auto auto auto auto auto auto; font-size: 12px;  }
    .spk-grid-tabelausuario-texto-acesso-item{ cursor: pointer; margin-right:4px; padding:4px 5px; text-align:center; border-radius: 2px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .spk-grid-tabelausuario-texto-acesso-item:hover{ opacity:0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); }

    .spk-grid-tabelacliente{ margin-top: 25px; }
	.spk-grid-tabelacliente-titulo{ display: grid; grid-template-columns: auto 170px 150px 150px 70px; padding: 17px 15px; border-bottom: 1px solid rgba(0,0,0, .05);  }
	.spk-grid-tabelacliente-item{ display: grid; grid-template-columns: auto 170px 150px 150px 70px; padding: 10px 15px; border-bottom: 1px solid rgba(0,0,0, .05);  }
	.spk-grid-tabelacliente-item:nth-child(even){ background: rgba(0,0,0, .03); }
	.spk-grid-tabelacliente-item:nth-child(odd){ background: none; }
    .spk-grid-tabelacliente-texto-titulo{ font-size: 15px; color: #222; font-weight: bold; }
	.spk-grid-tabelacliente-texto{ font-size: 15px; color: #444; display: flex; align-items: center;  }
	.spk-grid-tabelacliente-acoes{ display: grid; grid-template-columns: 50% 50%; grid-column-gap: 5px; box-sizing: border-box; }
	.spk-grid-tabelacliente-icone-editar{ cursor: pointer; width: 32px; padding: 4px; border-radius: 4px; background-color: #e88f1a; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  }
	.spk-grid-tabelacliente-icone-editar:hover{ opacity:0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); }
	.spk-grid-tabelacliente-icone-editar:active{ opacity:1; -moz-opacity: 1; filter: alpha(opacity=100); }
	.spk-grid-tabelacliente-icone-deletar{ cursor: pointer; width: 32px; padding: 4px; border-radius: 4px; background-color: #ba151b; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  }
    .spk-grid-tabelacliente-icone-deletar:hover{ opacity:0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); }
    .spk-grid-tabelacliente-icone-deletar:active{ opacity:1; -moz-opacity: 1; filter: alpha(opacity=100); }

     
    .spk-grid-tabelaempresas{ margin-top: 25px; }
	.spk-grid-tabelaempresas-titulo{ display: grid; grid-template-columns: 40px auto  120px 70px; padding: 17px 15px; border-bottom: 1px solid rgba(0,0,0, .05);  }
	.spk-grid-tabelaempresas-item{ display: grid; grid-template-columns: 40px auto  120px 70px; padding: 10px 15px; border-bottom: 1px solid rgba(0,0,0, .05);  }
	.spk-grid-tabelaempresas-item:nth-child(even){ background: rgba(0,0,0, .03); }
	.spk-grid-tabelaempresas-item:nth-child(odd){ background: none; }
    .spk-grid-tabelaempresas-texto-titulo{ font-size: 15px; color: #222; font-weight: bold; }
	.spk-grid-tabelaempresas-texto{ font-size: 15px; color: #444; display: flex; align-items: center;  }
	.spk-grid-tabelaempresas-acoes{ display: grid; grid-template-columns: 50% 50%; grid-column-gap: 5px; box-sizing: border-box; }
	.spk-grid-tabelaempresas-icone-editar{ cursor: pointer; width: 32px; padding: 4px; border-radius: 4px; background-color: #e88f1a; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  }
	.spk-grid-tabelaempresas-icone-editar:hover{ opacity:0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); }
	.spk-grid-tabelaempresas-icone-editar:active{ opacity:1; -moz-opacity: 1; filter: alpha(opacity=100); }
	.spk-grid-tabelaempresas-icone-deletar{ cursor: pointer; width: 32px; padding: 4px; border-radius: 4px; background-color: #ba151b; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  }
    .spk-grid-tabelaempresas-icone-deletar:hover{ opacity:0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); }
    .spk-grid-tabelaempresas-icone-deletar:active{ opacity:1; -moz-opacity: 1; filter: alpha(opacity=100); }


	.cgg-login{ background-color: #1a73e8; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; }
	.cgg-login-box{ background-color: #fff; width: 280px; border-radius: 3px; padding: 30px 30px; padding-top: 40px; position: relative; transform: translate(-50%, -50%); top: 50%; left: 50%; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 22px 11px; }
	.cgg-login-title{ font-size: 35px; text-align: center; font-weight: bold; color: #267ced; }
	.cgg-login-description{ font-size: 17px; text-align: center; margin-bottom: 30px; }
	.cgg-login-form{  }
	.cgg-login-grupo{ width: 100%; display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 15px; }
	.cgg-login-grupo2{ width: 100%; display: flex; flex-direction: column; align-items: center; margin-bottom: 20px; }
	.cgg-login-text{ margin-bottom: 7px; margin-left: 5px; color: #777; font-size: 15px;  }
	.cgg-login-input{ width: 100%; font-size: 16px; box-sizing: border-box; padding: 12px 15px; border-radius: 3px; outline: none; background-color: #fbf8f8; border: 1px solid #dedede;  transition: border .7s; -moz-transition: border .7s; -webkit-transition: border .7s; }
	.cgg-login-input:focus{  border: 1px solid #267ced;  background-color: #fbf8f8; transition: border .7s; -moz-transition: border .7s; -webkit-transition: border .7s;  }
	.cgg-login-alinha-centro{  }
	.cgg-login-botao{ outline: none; border: none; margin-top: 15px; cursor: pointer; padding: 13px 35px; border-radius: 3px; color: #fff; font-size: 16px; background-color: #165fc0; transition: background-color .5s; -moz-transition: background-color .5s; -webkit-transition: background-color .5s; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .cgg-login-botao:hover{ background-color: #0b3b7a; transition: background-color .5s; -moz-transition: background-color .5s; -webkit-transition: background-color .5s; }
    .cgg-login-erro{ padding: 13px 5px; background-color: #ff3333; color: #fff; font-size: 15px; text-align: center; border-radius: 3px; }

    .spk-form{  }
    .spk-form-grupo-2{ display: grid; grid-template-columns: 50% 50%; width: 100%; }
    .spk-form-grupo-3{ display: grid; grid-template-columns: 33.3% 33.4% 33.3%; width: 100%; }
    .spk-form-grupo-4{ display: grid; grid-template-columns: 25% 25% 25% 25%; width: 100%; }
    .spk-form-item{ box-sizing: border-box; margin: 10px; }
    .spk-form-label{ display: block; margin-bottom: 10px; font-size: 15px; margin-left: 5px; }
    .spk-form-input{ width: 100%; box-sizing: border-box; padding: 12px 12px; border-radius: 3px; border:1px solid #ccc; outline: none; font-size: 16px; color: #143db8; }
    .spk-form-input:focus{ border: 1px solid #888; }
    .sl-form-input-erro{ border-color: #cc0000 !important; }
    .sl-form-input-sucesso{ border-color: #2d862d !important; }

    .spk-form-character-counter{ display: flex; justify-content: flex-end; }
    .spk-form-character-counter-item{ padding: 0px 5px; font-size: 14px; color:#555; margin-top:5px; }
    .spk-form-character-counter-current{  }
    .spk-form-character-counter-max{  }


    .spk-form-vendedores{ display: grid; grid-template-columns: 33.3% 33.4% 33.3%; box-sizing: border-box; border-radius: 3px; width: 100%; height: 300px; overflow-x: none; overflow-y: auto; max-width: 700px; padding: 15px; margin: 10px; border: 1px solid #ccc; }
    .spk-form-vendedores-item{ display: grid; grid-template-columns: 24px auto; margin-bottom: 10px; }
    .spk-form-vendedores-alinha-centro{   }
    .spk-form-vendedores-checkbox{  }
    .spk-form-vendedores-texto{ cursor: pointer; }
    .spk-form-vendedores-texto:hover{ color: #267ced; }
    
    .spk-form-consultar-vendedores{ width: 690px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px;  }
    .spk-form-consultar-vendedores-input{ width: 100%; box-sizing: border-box; padding: 15px; color: #143db8; box-shadow: none;  outline: none; border-radius: 4px; font-size: 16px; border: 1px solid #ccc; }
    .spk-form-consultar-vendedores-input:focus{ border: 1px solid #0b3b7a; }

    .spk-form-acessos{ display: flex; justify-content: flex-start; box-sizing: border-box; border-radius: 3px; width: 100%; max-width: 700px; padding: 15px; margin: 10px;   border: 1px solid #ccc; }
    .spk-form-acessos-grupo{ display: grid; grid-template-columns: 50% 50%; width: 100%; }
    .spk-form-acessos-item{ display: grid; grid-template-columns: 24px auto; margin-bottom: 10px; margin-right: 20px; }
    .spk-form-acessos-alinha-centro{ display: flex; justify-content: center; flex-direction: column;  }
    .spk-form-acessos-checkbox{  }
    .spk-form-acessos-texto{ cursor: pointer; font-size: 17px; font-weight: 400; }
    .spk-form-acessos-texto:hover{ color: #267ced; }

    .spk-form-empresas{ display: grid; grid-template-columns: 33.3% 33.4% 33.3%; box-sizing: border-box; border-radius: 3px; width: 100%; max-width: 700px; padding: 15px; margin: 10px; border: 1px solid #ccc; }
    .spk-form-empresas-item{ display: grid; grid-template-columns: 24px auto; margin-bottom: 10px; }
    .spk-form-empresas-alinha-centro{   }
    .spk-form-empresas-checkbox{  }
    .spk-form-empresas-texto{ cursor: pointer; font-size: 15px; }
    .spk-form-empresas-texto:hover{ color: #267ced; }

    .spk-topbutton{ display: none; cursor: pointer; background-color: rgba(255, 20, 20, .9); position: fixed; right: 30px; bottom: 15px;  z-index: 200; width: 35px; padding: 10px; border-radius: 5px; }
    .spk-topbutton:hover{ background-color: rgba(255, 20, 20, 1);  }
    .spk-topbutton:active{ background-color: rgba(255, 20, 20, .9); } 


    .spk-paginacao{ margin-top: 30px; margin-bottom: 30px; display: flex; flex-direction: row; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .spk-paginacao-null{ background-color: #999; color: #fff; cursor: pointer; font-size: 15px; width: 100%; border-radius: 3px; text-align: center; width: 17px; padding: 7px; margin: 2px; }
    .spk-paginacao-item{ background-color: #333; color: #fff; cursor: pointer; font-size: 15px; width: 100%; border-radius: 3px; text-align: center; width: 17px; padding: 7px; margin: 2px;  }
    .spk-paginacao-item:hover{ background-color: #222; }
    .spk-paginacao-item:active{ background-color: #333; }


    .spk-buscador{ width: 100%; box-sizing: border-box; display: grid; grid-template-columns: auto 200px 150px; margin-top: 20px; margin-bottom: 20px; padding: 5px; border-radius: 4px; background-color: #f2f2f2;  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
    .spk-buscador-item{ margin: 3px; }
    .spk-buscador-input{ width: 100%; box-sizing: border-box; padding: 15px;  outline: none; border: 1px solid #ccc; border-radius: 3px;  }
    .spk-buscador-button{  font-size: 15px; border: none; width: 100%; transition: background-color .5s, color .5s; -moz-transition: background-color .5s, color .5s; -webkit-transition: background-color .5s, color .5s; cursor: pointer; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;  background-color: #1a8cff; color: #fff; box-shadow: inset 0px 0px 1px 1px rgba(0, 89, 179, .4); border-radius: 3px; }
    .spk-buscador-button:hover{ background-color: #0073e6; color: #fff; transition: background-color .5s, color .5s; -moz-transition: background-color .5s, color .5s; -webkit-transition: background-color .5s, color .5s; }
    .spk-buscador-button:active{ background-color: #66b3ff; }

    .spk-buscador-categoria{ font-size: 15px; transition: background-color .5s, color .5s; -moz-transition: background-color .5s, color .5s; -webkit-transition: background-color .5s, color .5s; cursor: pointer; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;  background-color: #9fdf9f; color: #39ac39; box-shadow: inset 0px 0px 1px 1px rgba(57, 172, 57, .4); border-radius: 3px; }
    .spk-buscador-categoria:hover{ background-color: #66cc66; color: #fff; transition: background-color .5s, color .5s; -moz-transition: background-color .5s, color .5s; -webkit-transition: background-color .5s, color .5s; }
    .spk-buscador-categoria:active{ background-color: #9fdf9f; }

    .spk-tabela-recebimentos{ position: relative; width: 90% !important; border-collapse: collapse; transform: translateX(-50%); left: 50%; margin-top: 10px; margin-bottom: 100px; font-size: 14px; }
    .spk-tabela-recebimentos-cabecalho{   }
    .spk-tabela-recebimentos-cabecalho > td{ padding: 6px 10px; }
    .spk-tabela-recebimentos-itens{   }
    .spk-tabela-recebimentos-itens > td{ padding: 12px 10px; }
    .spk-tabela-recebimentos-itens:nth-child(even){ background: none; }
	.spk-tabela-recebimentos-itens:nth-child(odd){ background: rgba(0,0,0, .1); }

	.spk-recebimentos-busca{ position: relative; width: 90% !important; transform: translateX(-50%); left: 50%; margin-top: 60px;  }
	.spk-recebimentos-form{  }
	.spk-recebimentos-grupo{ width: 100%; box-sizing: border-box; display: grid; grid-template-columns: auto 150px 150px 210px 210px; }
	.spk-recebimentos-select{ width: 98%; box-sizing: border-box; font-size: 16px; padding: 10px; border-radius: 3px; outline: none; border: 1px solid #ccc; }
	.spk-recebimentos-option{  padding: 20px;  font-size: 16px; }
	.spk-recebimentos-input{ width: 95%; box-sizing: border-box; font-size: 16px; padding: 10px; border-radius: 3px; outline: none; border: 1px solid #ccc; }
	.spk-recebimentos-button{ width: 97%; box-sizing: border-box; font-size: 16px; cursor: pointer; padding: 10px; border-radius: 3px; outline: none; border: 1px solid #ccc; }
   
    .spk-corbotao-busca{ background-color: #336699; color: #fff; }
    .spk-corbotao-exportar{ background-color: #5cb85c; color: #fff; text-decoration: none !important; text-align: center; }
	

}