/********************************************************************
* FORMULARIOS (GERAL)
*********************************************************************/

@keyframes piscar {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

table.ui-datepicker-calendar thead tr th span{
	color:#1d62ae !important;
	font-weight: normal !important;
}

div.ui-datepicker-title span.ui-datepicker-month,span.ui-datepicker-year{
	color:#1d62ae !important;
}

td.ui-datepicker-current-day a.ui-state-active{
	background:#f4922a;
	border-color:#bc6407;
}

td.ui-datepicker-today a.ui-state-highlight{
	background:#a6ccf6;
	border-color:#6da2dc;
	color:#383838;
}

a.ui-datepicker-prev,a.ui-datepicker-next{
	cursor: pointer;
}

div.ui-datepicker-title select.ui-datepicker-month, div.ui-datepicker-title select.ui-datepicker-year{
	font-family: Helvetica, Tahoma, sans-serif, Arial;
	font-weight:normal !important;
	font-size:12px !important;
	border: 0px solid #6e7073;
	background-color: transparent;
	color: #277eb3;
	outline: 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	width:30% !important;
	margin-left:5px !important;
}

div.ui-datepicker-title select.ui-datepicker-month:focus,select.ui-datepicker-year:focus{
	border: 0px solid #db7408;
	color: #383838;
}

.clear {
	clear: both;
}

.formularios {
	margin: 0 auto;
	padding: 0;
}

.formularios label.naoobrigatorio {
	padding-left: 9px;
	width: 113px;
}

.formularios label.vermelho {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color:#cd1010;
	background-color: #ededed;
	width: 92%;
	padding:5px;
}

.formularios span.diminui {
	font: normal 11px Helvetica, Tahoma, sans-serif, Arial;
	color: red;
}

.formularios span.obrigatorio {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: red;
	font-stretch: ultra-condensed;
	font-weight: bolder;
}

.formularios .linha {
	display: block;
	width: auto;
	padding: 0;
	margin-bottom: 10px;
}

.formularios .linha_dupla {
	display: inline-block;
	width: auto;
	padding: 0;
	margin-bottom: 10px;
	float: left;
}

.formularios .espaco {
	margin-right: 5px;
}

.formularios label {
	display: block;
	float: left;
	width: 100px;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #383838;
	line-height: 20px;
	text-align: left;
}

.formularios label.normal {
	display: inline-block;
	float: left;
	width: auto;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #383838;
	line-height: 20px;
	text-align: left;
	margin-right: 10px;
}

.formularios input[type="file"].fileInputHidden{
	position: relative;
    float: right;
    top: -21px;
    right: 20px;
    width:1px;
    height:1px;
	opacity:0;
    -moz-opacity:0;
    filter:alpha(opacity:0);	
}


.formularios input[type="text"].fakeFile{
	width: 46%;
}

.formularios input[type="text"].fakeFile:disabled{
	background-color: #edeeef;
}


.formularios input[type=text].fmthora{
	text-align: center !important;
}

.formularios input[type=text],input[type=password] {
	height: 18px;
	width: 370px;
	background-color: #edeeef;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #277eb3;
	border: 1px solid #6e7073;
	padding-left: 3px;
	padding-right: 3px;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.input {
	height: 18px;
	width: 60px;
	background-color: #edeeef;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #277eb3;
	border: 1px solid #c3c3c3;
	padding-left: 3px;
	padding-right: 3px;
}

.input.selecionado {
	border: 1px solid #2d9a00;
	color: #383838;
}

.formularios input[type=text].bordaazul, .formularios textarea.bordaazul{
	background: #fff;
	border: 1px solid #2064af;
	color:#383838;
}

.formularios input[type=text].bordaazul:focus, .formularios textarea.bordaazul:focus{
	border: 1px solid #f3932d;
	color: #383838;
}
	
.formularios input[type=checkbox] {
	color: #277eb3;
	margin-left: 0px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.formularios input[type=text].desativado {
	background-color: #edeeef;
	border: 0px solid #6e7073;
	color: #6e7073;
}

.formularios input[type=text].desativado.transparent {
	background-color: transparent !important;
	border: none !important;
	color: #6e7073;
}

.formularios select.desativado {
	background-color: #edeeef;
	border: 0px solid #6e7073;
	color: #6e7073;
}

.formularios textarea {
	border: 1px solid #6e7073;
	resize: none;
	overflow-y: auto;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #277eb3;
	width: 400px;
	height: 150px;
	background-color: #edeeef;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.formularios textarea.desativado {
	background-color: #edeeef;
	border: 0px solid #6e7073;
	color: #6e7073;
}

.formularios select {
	border: 1px solid #6e7073;
	background-color: #edeeef;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #277eb3;
	height: 22px;
	outline: 0;
	padding: 2px;
	min-width: 142px;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.formularios input[type=submit],input[type=button],input[type=reset] {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	width: 95px;
	height: 22px;
	line-height: 22px;
	background-color: #1e62ad;
	border: 0px solid #6e7073;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.formularios button.stylezed {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	width: 95px;
	height: 22px;
	line-height: 22px;
	background-color: #1e62ad;
	border: 0px solid #6e7073;
	border-radius: 5px;
	-moz-border-radius: 5px;
}


button.print {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	width: 95px;
	height: 22px;
	line-height: 22px;
	background-color: #1e62ad;
	border: 0px solid #6e7073;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.formularios .botoes {
	float: right;
	text-align: right;
}

.formularios input.selecionado {
	border: 1px solid #db7408;
	color: #383838;
}

.formularios span.error {
	display: block;
	background-color: transparent;
	padding: 1px;
	color: #fff;
}

.formularios textarea.selecionado {
	border: 1px solid #db7408;
	color: #383838;
}

.formularios select.selecionado {
	border: 1px solid #db7408;
	color: #383838;
}


div#question-print input[type=button]:hover{
	background: #f4922a !important;
}

/************************************************************
* DIV#FORMULARIOS
************************************************************/
#div-formulario {
	position: relative;
	height: auto;
	padding-bottom: 20px;
}

#div-formulario.top30 {
	padding-top: 30px;
}

#div-formulario.top40 {
	padding-top: 40px;
}

#div-formulario .topo-formulario {
	height: 40px;
	margin: 0 auto;
	width: 100%;
	margin-bottom: 30px;
}

#div-formulario .topo-formulario .titulo {
	display: inline;
	width: auto;
	height: 40px;
	float: left;
	font: bold 18px Helvetica, Tahoma, sans-serif, Arial;
	color: #1d62ae;
	line-height: 40px;
	margin-left: 10px;
}

#div-formulario .topo-formulario .icone {
	display: inline;
	width: 40px;
	height: 40px;
	float: left;
}

#div-formulario .topo-formulario .ico-login {
	background: url(../images/layout/ico-login.png) 0 0 no-repeat #fff;
}

#div-formulario .topo-formulario .ico-recsenha {
	background: url(../images/layout/ico-recsenha.png) 0 0 no-repeat #fff;
}

#div-formulario .topo-formulario .ico-cadastro {
	background: url(../images/layout/ico-cadastro.png) 0 0 no-repeat #fff;
}

#div-formulario .topo-formulario .ico-contato-frm {
	background: url(../images/layout/ico-contato.png) 0px 0px no-repeat #fff;
}

#div-formulario .topo-formulario .ico-empregado {
	background: url(../images/layout/ico-cadastrar.png) 0 0 no-repeat #fff;
}

#div-formulario .topo-formulario .ico-feriado {
	background: url(../images/layout/ico-feriado.png) 0 0 no-repeat #fff;
}

#div-formulario .topo-formulario .ico-ponto {
	background: url(../images/layout/ico-ponto.png) 0 0 no-repeat #fff;
}

#div-formulario .topo-formulario .ico-recibo {
	background: url(../images/layout/ico-recibo.png) 0 0 no-repeat #fff;
}

#div-formulario .topo-formulario .ico-boleto {
	background: url(../images/layout/ico-boleto.png) center center no-repeat transparent;
}

#div-formulario .topo-formulario .ico-admin {
	background: url(../images/layout/ico-admin.png) center center no-repeat transparent;
}

#div-formulario .topo-formulario .ico-local {
	background: url(../images/layout/ico-local.png) center center no-repeat transparent;
}

#div-formulario .topo-formulario .ico-evento {
	background: url(../images/layout/ico-evento.png) center center no-repeat transparent;
}

#div-formulario .topo-formulario .ico-etapa {
	background: url(../images/layout/ico-etapa.png) center center no-repeat transparent;
}

#div-formulario .topo-formulario .ico-config {
	background: url(../images/layout/ico-config.png) center center no-repeat transparent;
}

#div-formulario .topo-formulario .ico-relatorio {
	background: url(../images/layout/ico-relatorio.png) center center no-repeat;
}

#div-formulario .topo-formulario .ico-cargahoraria {
	background: url(../images/layout/ico-carga.png) center center no-repeat transparent;
}
/************************************************************
* FORMULARIO DE "LOGIN"
************************************************************/
.frmLogin {
	width: 360px;
	height: 80px;
	padding: 10px;
	margin-top:-4px;
}

.frmLogin label{
	color:#fff;	
}

.frmLogin label.width100 {
	width: 100px;
}

.frmLogin label.width130 {
	width: 125px;
	font-size:11px !important;
}


.frmLogin input[type=submit]{
	color: #fff;
	background-color: #f4922a;
	border:0;
	width: 80px;
}

.frmLogin input[type=text].width190 {
	width: 140px;
}

.frmLogin input[type=password].width190{
	width: 140px;
}

.frmLogin .recuperar_senha a:link {
	text-decoration: underline;
	font: normal 13px "MyRegular", "Helvetica", "Tahoma", "sans-serif" !important;
	color: #fff;
	margin-top:6px;
}

.frmLogin .recuperar_senha a:visited {
	color: #fff;
}

.frmLogin .recuperar_senha a:hover {
	color: #32424b;
}

.frmLogin .botoes {
	margin-right: 0;
}


/************************************************************
* FORMULARIO DE "LOGIN" BOLETO
************************************************************/
.frmLogin-boleto {
	width: 350px;
	padding: 20px;
	background-color: #fff;
	height: 100px;
	margin-top:40px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

.frmLogin-boleto label{
	color:#383838;	
}

.frmLogin-boleto label.width130 {
	width: 130px;
}

.frmLogin-boleto input[type=text],input[type=password].width190 {
	width: 190px;
}

.frmLogin-boleto .botoes {
	margin-right: 0;
	margin-top:15px;
}

/************************************************************
* FORMULARIO DE "LOGIN" BOLETO
************************************************************/
.frmAtlz-boleto {
	width: 380px;
	padding: 20px;
	background-color: #fff;
	height: 250px;
	margin-top:40px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

.frmAtlz-boleto label{
	color:#383838;	
}

.frmAtlz-boleto input[type=text],input[type=password].width190 {
	width: 100px;
}

.frmAtlz-boleto .botoes {
	margin-right: 70px;
	margin-top:25px;
}

.frmAtlz-boleto div#infoBoleto{
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	background-color: #fffe9b;
	padding:15px 5px 15px 5px;
	margin-top:10px;
	color:#3d3d3d;
}

.frmAtlz-boleto div#infoBoleto a{
	color:#1e62ad;
	text-decoration: underline;
}

.frmAtlz-boleto div#infoBoleto a:hover{
	color:#f4922a;
}

/************************************************************
* FORMULARIO DE "RECUPERACAO DE SENHA"
************************************************************/
.frmRecSenha {
	margin-top:50px;
	margin-bottom:50px;
	width: 330px;
	height: 190px;
}

.frmRecSenha label.width70 {
	width: 70px;
}

.frmRecSenha input[type=text] {
	width: 220px;
}

.frmRecSenha .botoes {
	margin-right: 30px;
}

.frmRecSenha span.tipocliente {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #383838;
	margin-left: 5px;
}


/************************************************************
* FORMULARIO DE "CADASTRO"
************************************************************/
.frmCadastro {
	width: 520px;
	height: 290px;
	margin-top:20px;
	margin-bottom: 20px;
}

.frmCadastro a#btnLimpar {
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #1961b5;
	text-decoration: underline;
	margin-right: 10px;
}


.frmCadastro a#btnLimpar:hover{
	color: #ea9427;
}

.frmCadastro input[type=submit] {
	color: #fff;
	background-color: #f4922a;
	border:0;
}

.frmCadastro input[type=reset]{
	color: #fff;
	background-color: #f4922a;
	border:0;
}

.frmCadastro label.width120 {
	width: 125px;
}

.frmCadastro label.width113 {
	width: 111px;
}

.frmCadastro label.width60 {
	width: 60px;
}

.frmCadastro label.widthauto {
	width: auto;
}

.frmCadastro input[type=text] {
	width: 375px;	
}

.frmCadastro input.cidade {
	width: 200px;
}

.frmCadastro input.email {
	width: 180px;
}

.frmCadastro input.cpf {
	width: 110px;
}

.frmCadastro input.cnpj {
	width: 110px;
}


.frmCadastro input.email_meus_dados {
	width: 217px;
}

.frmCadastro input.estado {
	width: 100px;
}

.frmCadastro select.cboestado {
	width: 107px;
	min-width:107px;
}


.frmCadastro input.senha1 {
	width: 155px;
}

.frmCadastro input.senha2 {
	width: 154px;
}

.frmCadastro input.senha1_meus_dados {
	width: 146px;
}

.frmCadastro input.senha2_meus_dados {
	width: 146px;
}

.frmCadastro span {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #6e7073;
	line-height: 20px;
}

.frmCadastro span.tipocliente {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #383838;
	margin-left: 5px;
}

.frmCadastro .primeiro {
}

.frmCadastro input.empregado-email {
	width: 300px;
}

.frmCadastro .meus_empregado{
	margin-right: 65px;	
	margin-top:20px;
	
}


/************************************************************
* FORMULARIO DE "CADASTRO"
************************************************************/
.frmMeuCadastro {
	width: 500px;
	height: 290px;
	padding-top:40px;
	padding-bottom: 20px;
}

.frmMeuCadastro label.width120 {
	width: 120px;
}

.frmMeuCadastro label.width113 {
	width: 111px;
}

.frmMeuCadastro label.width60 {
	width: 60px;
}

.frmMeuCadastro label.widthauto {
	width: auto;
}

.frmMeuCadastro input[type=text] {
	width: 365px;	
}

.frmMeuCadastro input.cidade {
	width: 200px;
}

.frmMeuCadastro input.email {
	width: 180px;
}

.frmMeuCadastro input.cpf {
	width: 110px;
}


.frmMeuCadastro input.email_meus_dados {
	width: 217px;
}

.frmMeuCadastro input.estado {
	width: 90px;
}

.frmMeuCadastro select.cboestado {
	width: 97px;
	min-width:97px;
}


.frmMeuCadastro input.senha1 {
	width: 145px;
}

.frmMeuCadastro input.senha2 {
	width: 144px;
}

.frmMeuCadastro input.senha1_meus_dados {
	width: 146px;
}

.frmMeuCadastro input.senha2_meus_dados {
	width: 146px;
}

.frmMeuCadastro span {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #6e7073;
	line-height: 20px;
}

.frmMeuCadastro .primeiro {
	margin-top: 20px;
}

.frmMeuCadastro input.empregado-email {
	width: 300px;
}

.frmMeuCadastro .meus_empregado{
	margin-right: 65px;	
	margin-top:20px;
	
}

/************************************************************
* FORMULARIO DE "MEUS DADOS"
************************************************************/
.frmMeusDados {
	width: 510px;
	height: 400px;
	padding-top:40px;
	padding-bottom: 20px;
}

.frmMeusDados label.width120 {
	width: 120px;
}

.frmMeusDados label.width113 {
	width: 111px;
}

.frmMeusDados label.width60 {
	width: 60px;
}

.frmMeusDados label.widthauto {
	width: auto;
}

.frmMeusDados input[type=text] {
	width: 365px;	
}

.frmMeusDados input.cidade {
	width: 200px;
}

.frmMeusDados input.email {
	width: 180px;
}

.frmMeusDados input.cpf {
	width: 110px;
}

.frmMeusDados input.email_meus_dados {
	width: 217px;
}

.frmMeusDados input.estado {
	width: 90px;
}

.frmMeusDados select.cboestado {
	width: 97px;
	min-width:97px;
}

.frmMeusDados input.senha1 {
	width: 145px;
}

.frmMeusDados input.senha2 {
	width: 144px;
}

.frmMeusDados input.senha1_meus_dados {
	width: 146px;
}

.frmMeusDados input.senha2_meus_dados {
	width: 146px;
}

.frmMeusDados span {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #6e7073;
	line-height: 20px;
}

.frmMeusDados .primeiro {
	margin-top: 20px;
}

.frmMeusDados input.empregado-email {
	width: 300px;
}

.frmMeusDados .meus_empregado{
	margin-right: 65px;	
	margin-top:20px;
}

/************************************************************
* FORMULARIO CADASTRAR EDITAR PERFIL DE ACESSO
************************************************************/
.frmPerfilAcesso div.recursos{
	border:1px solid #bab8b8;
	padding:20px;
}

.frmPerfilAcesso div.recursos span{
	display:table;
	width:100%;
	background:#bab8b8;
	color:#333;
	padding-left:5px;
	margin-bottom:5px;
	margin-top:5px;
	line-height:25px;
	font-weight:bold;
}

.frmPerfilAcesso div.recursos div.selecione{
	display:block;
	width:100%;
	text-align:right;
	color:#3963ab !important;
}

.frmPerfilAcesso div.recursos div.selecione a{
	font-size:0.8em !important;
	color:#3963ab !important;
	display:inline-block;
	line-height:0 !important;
	height:auto !important;
	border-radius:0 !important;
	background: none !important;
	width:auto !important;
}

.frmPerfilAcesso div.recursos div.selecione a:hover{
	-webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    color:#d08833 !important;
}

.frmPerfilAcesso label#descricao-error-recurso{
	display:block;
	width: 100%;
	font-family: "MyRegular", "Helvetica", "Tahoma", "sans-serif", "Arial";
	font-size: 0.8em;
	color:#bc1414;
}

.frmPerfilAcesso label.checkbox{
    display:block  !important;
    font-family: "MyRegular", "Helvetica", "Tahoma", "sans-serif", "Arial";
    font-size: 0.8em;
	line-height:25px  !important;
	width: 100% !important;
	display:table !important;
	font-weight: normal !important;
	background: #fff !important;
	padding-left:10px;
}

.frmPerfilAcesso label.checkbox input[type="checkbox"],label.checkbox input[type="radio"]{
	float:left !important;
	clear:both  !important;
	line-height:25px  !important;
}

.frmPerfilAcesso span {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #6e7073;
	line-height: 20px;
}


/************************************************************
* FORMULARIO DE "CONTATO" USUARIO LOGADO (PAINEL)
************************************************************/
.frmContato {
	width: 500px;
	height: 500px;
	padding: 20px;
	background-color: #fff;
}

.frmContato label.width120 {
	width: 120px;
}

.frmContato label.width113 {
	width: 113px;
}

.frmContato textarea {
	width: 372px;
	height: 120px;
}

.frmContato input[type=file] {
	background-color: #edeeef;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #277eb3;
	border: 1px solid #6e7073;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.frmContato span {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #6e7073;
	line-height: 22px;
}

.frmContato .botoes {
	margin-right: 0px;
	margin-top: 20px;
}


.frmContato div.barra-contato{
	width:100%;
	margin:0 auto;
	text-align: right;
	margin-bottom: 40px;
}

.frmContato div.barra-contato div{
	display:inline-block;
	font:normal 12px/30px 'CamptonBold','MyRegular', 'Helvetica', 'Tahoma', 'sans-serif' !important;
	margin-right: 60px;
}

.frmContato div.barra-contato div a{
	font:normal 12px/30px 'CamptonBold','MyRegular', 'Helvetica', 'Tahoma', 'sans-serif' !important;
	color:#1a61ad;
	text-decoration: underline;
}

.frmContato div.barra-contato div a:hover{
	color:#323232;
	text-decoration: none;
	
}

.frmContato div.barra-contato div div{
	display: inline-block;
	float:left;
	width: 30px;
	height: 30px;
	margin-right: 5px;
}

.frmContato div.barra-contato div.skype div{
	background: url(../images/skype-icon.png) center center no-repeat;
}

.frmContato div.barra-contato div.tel div{
	background: url(../images/ico-telefone.png) center center no-repeat;
}

.frmContato div.barra-contato div.whatsapp div{
	background: url(../images/ico-whatsapp.png) center center no-repeat;
}


/************************************************************
* FORMULARIO DE "CONTATO" TELA INICIAL (INDEX)
************************************************************/
.frmContatoLogin {
	width: 500px;
	height: 390px;
	margin-top:20px;
	margin-bottom:20px;
}

.frmContatoLogin label.width120 {
	width: 120px;
}

.frmContatoLogin textarea {
	width: 372px;
	height: 120px;
}

.frmContatoLogin input[type=file] {
	background-color: #edeeef;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #277eb3;
	border: 1px solid #6e7073;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
}

#FotoDepoimento{
	display: none;	
}

.frmContatoLogin .botoes {
	margin-right: 0px;
	margin-top: 0px;
}


/************************************************************
* FORMULARIO DE "CADASTRO DE FERIADOS"
************************************************************/
.frmFeriados {
	margin-top: 10px;
	width: 300px;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
}

.frmFeriados select.cbo_ano{
	min-width: 70px;
	max-width: 70px;
	width: 70px;
}

/************************************************************
* FORMULARIO DE "CADASTRO DE DIAS x HORAS"
************************************************************/
.frmDiasHoras {
	margin-top: 10px;
	width: 700px;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
}

.frmDiasHoras select.cbo_ano{
	min-width: 70px;
	max-width: 70px;
	width: 70px;
}

/************************************************************
* FORMULARIO DE "CADASTRO DE FERIAS"
************************************************************/
.frmFerias {
	margin-top: 10px;
	width: 400px;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
}

.frmFerias select.funcionarios{
	min-width: 100%;
	max-width: 100%;
	width: 100%;
	height: 200px;
}

.frmFerias label.itens {
	display: inline;
	float:left;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #383838;
	line-height: 20px;
	text-align: left;
}

.frmFerias input.periodo{
	min-width: 70px;
	max-width: 70px;
	width: 70px;
}

.frmFerias span.aviso1{
	display:block;
	font: bold 11px Helvetica, Tahoma, sans-serif, Arial;
	color: #c91010;
	margin-bottom: 40px;
	
}


/************************************************************
* FORMULARIO DE "CADASTRO DE FALTAS"
************************************************************/
.frmFaltas {
	margin-top: 10px;
	width: 400px;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
}

.frmFaltas select.funcionarios{
	min-width: 100%;
	max-width: 100%;
	width: 100%;
	height: 200px;
}

.frmFaltas label.itens {
	display: inline;
	float:left;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #383838;
	line-height: 20px;
	text-align: left;
}

.frmFaltas input.periodo{
	min-width: 70px;
	max-width: 70px;
	width: 70px;
}

.frmFaltas span.aviso1{
	display:block;
	font: bold 11px Helvetica, Tahoma, sans-serif, Arial;
	color: #c91010;
	margin-bottom: 40px;
	
}

/************************************************************
* FORMULARIO DE "CADASTRO DE PONTOS EM LOTE"
************************************************************/
.frmPontoLote {
	margin-top: 10px;
	width: 600px;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
}

.frmPontoLote label.width100{
	width: 130px;	
}

.frmPontoLote label.width50{
	width: 50px;	
}

.frmPontoLote select.funcionarios{
	min-width: 100%;
	max-width: 100%;
	width: 100%;
	height: 200px;
}

.frmPontoLote select.locais{
	min-width: 300px;
	max-width: 300px;
	width: 300px;
}


.frmPontoLote label.itens {
	display: inline;
	width:110px;
	float:left;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #383838;
	line-height: 20px;
	text-align: left;
}

.frmPontoLote input.periodo{
	min-width: 70px;
	max-width: 70px;
	width: 70px;
}

.frmPontoLote span.aviso1{
	display:block;
	font: bold 11px Helvetica, Tahoma, sans-serif, Arial;
	color: #c91010;
	margin-bottom: 40px;
	
}

/************************************************************
* FORMULARIO DE "CADASTRO EMPREGADO"
************************************************************/
.frmEmpregado {
	margin-top: -10px;
	width: 700px;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
}

.frmEmpregado select{
	border: 1px solid #6e7073;
	background-color: #edeeef;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #277eb3;
	height: 22px;
	outline: 0;
	padding: 2px;
	min-width: 60px;
}


.frmEmpregado span.obs{
	display:inline-table;
	float:right;
	font: normal 11px Helvetica, Tahoma, sans-serif, Arial;
	color: #6e7073;
	width: 490px;
	line-height: 30px;
	margin-top:-2px;
}

#frm_pontolote span.obs{
	display:inline-table;
	font: normal 11px Helvetica, Tahoma, sans-serif, Arial;
	color: #6e7073;
	width: auto;
}

.frmEmpregado input[type=text].width360 {
	width: 360px;
}

.frmEmpregado label.width123 {
	width: 123px;
}

.frmEmpregado label.width121 {
	width: 121px;
}

.frmEmpregado label.width130 {
	width: 130px;
}

.frmEmpregado label.width60 {
	width: auto;
}

.frmEmpregado label.width70 {
	width: 50px;
}

.frmEmpregado input.cpf, .frmEmpregado input.rne {
	width: 100px;
}

.frmEmpregado input.email_edt {
	width: 215px;
}

.frmEmpregado input.email_cad {
	width: 199px;
	margin-left: 9px;
}

.frmEmpregado input.ctps {
	width: 100px;
}
.frmEmpregado input.serie {
	width: 100px;
	margin-left: 22px;
}

.frmEmpregado input.admissao {
	width: 100px;
	margin-left: -2px;
}
.frmEmpregado input.demissao {
	width: 100px;
	margin-left: 20px;
}


.frmEmpregado select.cboLocal {
	width: 365px;
}

.frmEmpregado select.mes {
	width: 150px;
	margin-right: 20px;
}

.frmEmpregado select.ano {
	width: 80px;
	margin-right: 20px;
}


.frmEmpregado span {
	font: normal 14px Helvetica, Tahoma, sans-serif, Arial;
	color: #6e7073;
	line-height: 18px;
}

.frmEmpregado span.label {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #383838;
	line-height: 20px;
}

.frmEmpregado span.sub-titulo {
	display: block;
	float: left;
	width: 100%;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #383838;
	line-height: 30px;
	text-align: center;
	background-color: #ccc;
	margin-bottom: 20px;
}

.frmEmpregado span.title {
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #383838;
	display: block;
}


.frmEmpregado div#escala{
	display: none;	
	background-color: #fff;	
	border:1px solid #ccc;
	height: auto;
	min-height:140px;
	width: 97%;
	padding:10px;
}

.frmEmpregado div#escala.rh10{
	width: 120% !important;
	margin-left:-10%;
}
	
.frmEmpregado div#escala .carregando {
	display:none;
	background: url(../images/layout/load2.gif?v=3) center center no-repeat;
	width: 100%;
	height: 40px;
}

.frmEmpregado #result-calendario{
	border-top:1px solid #ccc;	
	padding-top:20px;
}

.frmEmpregado #result-calendario table{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border: 1px solid #1960ad;
}

.frmEmpregado #result-calendario table thead tr th {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	background-color: #1960ad;
	height: 20px;
}

.frmEmpregado #result-calendario table tbody tr {
	background-color: #fff;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #1960ad;
	height: 20px;
	line-height:20px;
}

.frmEmpregado #result-calendario table tbody tr.diferencia {
	background-color: #efefef;
}

.frmEmpregado .botoes {
	margin-right: 0px;
}

.frmEmpregado .primeiro {
	margin-top: 20px;
}

.frmEmpregado a.cracha{
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #edeeef;
	background-color: #7c7d80;
	padding:4px 10px 4px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	
}

.frmEmpregado a.cracha:hover{
	background-color: #1e62ad;
}

div#foto-funcionario{
	height: 90px;
	width: 390px;
	margin:0 auto;
	margin-bottom: 30px;
}

div#foto-funcionario div#foto{
	display:inline-table;
	float:left;
	width: 85px;
	height: 85px;
	border:1px solid #b9b8b8;
	background-color: #fff;	
	margin-right: 10px;
	text-align: center;	
}

div#foto-funcionario div#foto.no-photo{
	background: url(../images/foto_funcionario/no-photo.png) center center no-repeat;
}

div#foto-funcionario div.controles{
	display:inline-table;
	width: 280px;
	height: 85px;
	border:1px solid #b9b8b8;
	background-color: #fff;	
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #6e7073;
}

div#foto-funcionario div.controles div.mode{
	display: block;
	width: 280px;
	height: 35px;
	margin-top: 5px;
}

div#foto-funcionario div.controles div.buttons{
	display: block;
	width: 280px;
	height: 45px;
}

div#foto-funcionario  input[type=file]{
	display: none;
}

div#foto-funcionario div.controles div.buttons a.excluir{
	font: bold small-caps 13px Helvetica, Tahoma, sans-serif, Arial;
	color:#1e62ad;
	float:right;
	text-decoration: none;
	margin-right: 15px;
	margin-top:5px;
}

div#foto-funcionario div.controles div.buttons a.excluir:hover{
	color:#f4922a;	
}

.frmEmpregado input[type=text].width50 {
	width: 50px;
}

.frmEmpregado div.first-column{
	display:inline-table;
	width: 80px;
	margin-left: 130px;
	margin-top:10px;
}

.frmEmpregado div.second-column{
	display:inline-table;
	width: 80px;
}

.frmEmpregado div.third-column{
	display:inline-table;
	width: 80px;
}

div#empregadores{
	display:none;
	position:fixed;
	width:600px;
	background:#fff;
	top:60px;
	z-index:99999;
	left:50%;
	margin-left:-300px;
	box-shadow:-1px -1px 50px #000;
	max-height:400px;
	overflow:auto;
}

div#empregadores span.closeemp{
	display:block;
	width:3%;
	float:right;
	text-align:center;
	cursor:pointer;
	margin-top:5px;
	font-family: "MyRegular","Helvetica", "Tahoma", "sans-serif" !important;
	font-weight: bold;
	font-size:14px;
	
}

div#empregadores span.closeemp:hover{
	color:#c20607;
}

div#empregadores table#tbl-emp{
	width: 98%;
	margin-top:10px;
	margin-bottom:10px;
	font-family: "Helvetica", "Tahoma", "sans-serif" !important;
	font-weight: normal !important;
	font-size:12px;
}

div#empregadores table#tbl-emp tbody tr td.razao{
	max-width:300px;
	white-space: nowrap;
	overflow: hidden;
 	text-overflow: ellipsis;
}

div#empregadores table#tbl-emp thead tr th{
	background: #1d62ae;
	color:#fff;
	font-size:14px;
}

div#empregadores table#tbl-emp tbody tr.dif td{
	background: #eee;
}

div#empregadores table#tbl-emp tbody tr:hover td{
	background: #f2d7ac;
}


div#empregadores-change{
	display:none;
	position:fixed;
	width:600px;
	background:#fff;
	top:60px;
	z-index:99999;
	left:50%;
	margin-left:-300px;
	box-shadow:-1px -1px 50px #000;
	max-height:400px;
	overflow:auto;
}

div#empregadores-change span.title{
	display:block;
	width:96%;
	float:left;
	text-align:center;
	margin-top:5px;
	font-family: "MyRegular","Helvetica", "Tahoma", "sans-serif" !important;
	font-weight: bold;
	font-size:13px;
}

div#empregadores-change span.texto-msg{
	display:block;
	font-family: "MyRegular","Helvetica", "Tahoma", "sans-serif" !important;
	font-size:12px;
	padding-left: 15px;
	padding-right: 10px;
}


div.sair a.change-empresa{
	background: url(../images/novo_layout/alt_empresa.png?v=3) 0 0 no-repeat transparent;
	background-color:transparent !important;
	width:50px !important;
	height: 22px !important;
	border-radius:5px;
}

div.sair a.change-empresa:hover{
	background: url(../images/novo_layout/alt_empresa.png) -51px 0 no-repeat transparent;
	
	
}

div#empregadores-change span.closeemp{
	display:block;
	width:3%;
	float:right;
	text-align:center;
	cursor:pointer;
	margin-top:5px;
	font-family: "MyRegular","Helvetica", "Tahoma", "sans-serif" !important;
	font-weight: bold;
	font-size:14px;
	
}

div#empregadores-change span.closeemp:hover{
	color:#c20607;
}

div#empregadores-change span.logged{
	display:block;
	width:98%;
	text-align:left;
	font-family: "MyRegular","Helvetica", "Tahoma", "sans-serif" !important;
	font-weight: normal;
	font-size:13px;
	margin-left:2%;
	clear: both;
	padding-top:25px;
	
}

div#empregadores-change table#tbl-emp{
	width: 98%;
	margin-top:10px;
	margin-bottom:10px;
	font-family: "Helvetica", "Tahoma", "sans-serif" !important;
	font-weight: normal !important;
	font-size:12px;
}

div#empregadores-change table#tbl-emp tbody tr td.razao{
	max-width:300px;
	white-space: nowrap;
	overflow: hidden;
 	text-overflow: ellipsis;
}

div#empregadores-change table#tbl-emp thead tr th{
	background: #1d62ae;
	color:#fff;
	font-size:14px;
}

div#empregadores-change table#tbl-emp tbody tr.dif td{
	background: #eee;
}

div#empregadores-change table#tbl-emp tbody tr:hover td{
	background: #f2d7ac;
}


div#cad-empregador a.link-doc{
	color:#1d62ae  !important;
	text-decoration: underline !important;
}

div#cad-empregador a.link-doc:hover{
	color:#f4922a  !important;
	text-decoration: none !important;
	
}


/************************************************************
* FORMULARIO DE "CADASTRO EMPREGADO"
************************************************************/
.frmLocais {
	margin-top: -10px;
	width: 500px;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
}

.frmLocais input[type=text].width360 {
	width: 360px;
}

.frmLocais label.width123 {
	width: 123px;
}

.frmLocais label.width130 {
	width: 130px;
}

.frmLocais span {
	font: normal 14px Helvetica, Tahoma, sans-serif, Arial;
	color: #6e7073;
	line-height: 18px;
}

.frmLocais .botoes {
	margin-right: 0px;
}

.frmLocais .primeiro {
	margin-top: 20px;
}

/************************************************************
* FORMULARIO DE "CARGA HORARIA"
************************************************************/
.frmCargaHoraria {
	margin-top: -10px;
	width: 500px;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
}

.frmCargaHoraria input[type=text].width360 {
	width: 360px;
}

.frmCargaHoraria label.width123 {
	width: 123px;
}

.frmCargaHoraria label.width130 {
	width: 130px;
}

.frmCargaHoraria input[type=text].width50 {
	width: 50px !important;
}

.frmCargaHoraria span {
	font: normal 14px Helvetica, Tahoma, sans-serif, Arial;
	color: #6e7073;
	line-height: 18px;
}

.frmCargaHoraria .botoes {
	margin-right: 0px;
}

.frmCargaHoraria .primeiro {
	margin-top: 20px;
}

/************************************************************
* FORMULARIO DE-PARA SETOR/EQUIPE
************************************************************/
.frmDeParaSetor {
	margin-top: -10px;
	width: 800px;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
}

.frmDeParaSetor input[type=text].width360 {
	width: 360px;
}

.frmDeParaSetor label.width123 {
	width: 123px;
}

.frmDeParaSetor label.width130 {
	width: 130px;
}

.frmDeParaSetor input[type=text].width50 {
	width: 50px !important;
}

.frmDeParaSetor span {
	font: normal 14px Helvetica, Tahoma, sans-serif, Arial;
	color: #6e7073;
	line-height: 18px;
}

.frmDeParaSetor .botoes {
	margin-right: 0px;
}

.frmDeParaSetor .primeiro {
	margin-top: 20px;
}

/************************************************************
* FORMULARIO DE "CONFIGURACOES"
************************************************************/
.frmConfigs {
	margin-top: -10px;
	width: 800px;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
}

.frmConfigs div#tipoSetor{
	display: none;	
}

.frmConfigs span.info{
	font: normal 11px Helvetica, Tahoma, sans-serif, Arial;
	color:#cf1a1a;	
}

.frmConfigs input[type=text].nostyle {
	background-color: #edeeef;
	color: #6e7073;
	border:0;
	cursor: default;
	text-align: center;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
}

.frmConfigs a#excluir-logo{
	display:inline;
	float:left;
	background: url(../images/layout/excluir-logo.png) center center no-repeat;
	width: 20px;
	height: 20px;
}

.frmConfigs a#contato{
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #383838;
}

.frmConfigs a#contato:hover{
	color: #277eb3;
}

.frmConfigs input[type=file] {
	background-color: #edeeef;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #277eb3;
	border: 1px solid #6e7073;
	margin-left: 20px;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.frmConfigs input[type=text].width50 {
	width: 50px;
}

.frmConfigs select {
	border: 1px solid #6e7073;
	background-color: #edeeef;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #277eb3;
	height: 22px;
	outline: 0;
	padding: 2px;
	min-width: 50px;
}

.frmConfigs .borda{
	border:1px solid #d1d1d1;
	padding:5px;	
}

.frmConfigs span {
	font: normal 14px Helvetica, Tahoma, sans-serif, Arial;
	color: #1a61ad;
	line-height: 18px;
}

.frmConfigs span.obs {
	display:block;
	width:93%;
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #333333;
	line-height: 18px;
	padding-left:20px;
	padding-right:20px;
}

.frmConfigs .avisos {
	background: #f3f2d6;
	padding-top:10px;
	padding-bottom: 10px;
}


.frmConfigs span.title {
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #383838;
	line-height: 30px;
	display: block;
	background-color: #dcdcdc;
	margin-bottom: 10px;
}


.frmConfigs .botoes {
	margin-right: 0px;
}

.frmConfigs .not-visible{
	display: none;	
}

.frmConfigs div.first-column{
	display:inline-table;
	width: 100px;
	margin-left: 100px;
	margin-top:10px;
}

.frmConfigs div.second-column{
	display:inline-table;
	width: 100px;
}

.frmConfigs div.third-column{
	display:inline-table;
	width: 100px;
}

.frmConfigs a.exemplo{
	transition:all 0.5s ease;
	color:#f31200 !important;
}

.frmConfigs a.exemplo:hover{
	text-decoration: underline;
	color:#f4922a !important;
}

/************************************************************
* FORMULARIO DE "CONTATO"
************************************************************/
.frmPonto {
	width: 98%;
	height: 25px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #f4922a;
}

.frmPonto #labelFuncsInativos label,.frmRelatFaltas #labelFuncsInativos label{
	width:50px !important;
	margin-right: 0 !important;
	line-height:12px !important;
	font-size: 10px !important;
}

.frmPonto select.empregado {
	min-width: 320px;
	max-width: 320px;
	width: 320px;
}

.frmPonto select.mes {
	min-width: 100px;
	max-width: 100px;
	width: 100px;
}

.frmPonto select.ano {
	min-width: 70px;
	max-width: 70px;
	width: 70px;
}

.frmPonto select.hora {
	min-width: 50px;
	max-width: 50px;
	width: 50px;
}

.frmPonto label {
	width: auto;
	margin-right: 5px;
}

.frmPonto .botoes {
	margin-right: 0px;
}

/************************************************************
* FORMULARIO DE "BANCO DE HORAS"
************************************************************/
.frmBancoHoras {
	width: 98%;
	height: 25px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #f4922a;
}

.frmBancoHoras select.empregado {
	min-width: 320px;
	max-width: 320px;
	width: 320px;
}

.frmBancoHoras select.mes {
	min-width: 100px;
	max-width: 100px;
	width: 100px;
}

.frmBancoHoras select.ano {
	min-width: 70px;
	max-width: 70px;
	width: 70px;
}

.frmBancoHoras label {
	width: auto;
	margin-right: 5px;
}

.frmBancoHoras .botoes {
	margin-right: 0px;
}

/************************************************************
* FORMULARIO DE "AGORA"
************************************************************/
.frmAgora {
	width: 98%;
	height: 25px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #f4922a;
}

.frmAgora select.empregado {
	min-width: 320px;
	max-width: 320px;
	width: 320px;
}

.frmAgora label {
	width: auto;
	margin-right: 5px;
}

.frmAgora .botoes {
	margin-right: 0px;
}


/************************************************************
* FORMULARIO DE "PONTO - REVENDA"
************************************************************/
.frmPontoRevenda {
	width: 98%;
	height: 50px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #f4922a;
}

.frmPontoRevenda select.empregado {
	min-width: 320px;
	max-width: 320px;
	width: 320px;
}

.frmPontoRevenda select.cliente {
	min-width: 460px;
	max-width: 460px;
	width: 460px;
	margin-left: 42px;
}

.frmPontoRevenda select.mes {
	min-width: 100px;
	max-width: 100px;
	width: 100px;
}

.frmPontoRevenda select.ano {
	min-width: 70px;
	max-width: 70px;
	width: 70px;
}

.frmPontoRevenda label {
	width: auto;
	margin-right: 5px;
}

.frmPontoRevenda .botoes {
	margin-right: 0px;
}

/************************************************************
* FORMULARIO DE "RELAT. DE FALTAS"
************************************************************/
.frmRelatFaltas {
	width: 98%;
	height: 25px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #f4922a;
}

.frmRelatFaltas span.check{
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #383838;
	
}

.frmRelatFaltas select.empregado {
	min-width: 320px;
	max-width: 320px;
	width: 320px;
}

.frmRelatFaltas select.mes {
	min-width: 100px;
	max-width: 100px;
	width: 100px;
}

.frmRelatFaltas select.ano {
	min-width: 70px;
	max-width: 70px;
	width: 70px;
}

.frmRelatFaltas label {
	width: auto;
	margin-right: 5px;
}

.frmRelatFaltas .botoes {
	margin-right: 0px;
}


/************************************************************
* FORMULARIO DE "RELAT. DE FALTAS"
************************************************************/
.frmRelatDiario {
	width: 98%;
	height: 25px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #f4922a;
}

.frmRelatDiario select.dia {
	min-width: 50px;
	max-width: 50px;
	width: 50px;
}

.frmRelatDiario select.mes {
	min-width: 100px;
	max-width: 100px;
	width: 100px;
}

.frmRelatDiario select.ano {
	min-width: 70px;
	max-width: 70px;
	width: 70px;
}

.frmRelatDiario label {
	width: auto;
	margin-right: 5px;
}

.frmRelatDiario .botoes {
	margin-right: 0px;
}

/************************************************************
* FORMULARIO DE "RELAT. DE FALTAS" (REVENDA)
************************************************************/
.frmRelatFaltasRev {
	width: 98%;
	height: 25px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #f4922a;
}

.frmRelatFaltasRev select.cliente {
	min-width: 320px;
	max-width: 320px;
	width: 320px;
	margin-left:42px;
}

.frmRelatFaltasRev select.empregado {
	min-width: 320px;
	max-width: 320px;
	width: 320px;
}

.frmRelatFaltasRev select.mes {
	min-width: 100px;
	max-width: 100px;
	width: 100px;
}

.frmRelatFaltasRev select.ano {
	min-width: 70px;
	max-width: 70px;
	width: 70px;
}

.frmRelatFaltasRev label {
	width: auto;
	margin-right: 5px;
}

.frmRelatFaltasRev .botoes {
	margin-right: 0px;
}

/************************************************************
* FORMULARIO DE "RELAT. POR LOCAL"
************************************************************/
.frmRelatLocal {
	width: 98%;
	height: 25px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #f4922a;
}

.frmRelatLocal select.empregado {
	min-width: 320px;
	max-width: 320px;
	width: 320px;
}

.frmRelatLocal select.mes {
	min-width: 100px;
	max-width: 100px;
	width: 100px;
}

.frmRelatLocal select.ano {
	min-width: 70px;
	max-width: 70px;
	width: 70px;
}

.frmRelatLocal label {
	width: auto;
	margin-right: 5px;
}

.frmRelatLocal .botoes {
	margin-right: 0px;
}

.frmRelatLocal input.atendimento{
	width: 126px;	
}

/************************************************************
* FORMULARIO DE "EDICAO DE PONTO"
************************************************************/
.frmEdtPonto {
	width: 650px;
	height:auto;
	padding: 20px 0px 0px 20px;
}

.frmEdtPonto hr{
	margin-top:20px;
	padding:0;	
	width: 630px;
	text-align: left;
	float: left;
	
}

.frmEdtPonto h2{
	font: bold 14px Helvetica, Tahoma, sans-serif, Arial;
	color: #93110d;
	text-align: left;
}

.frmEdtPonto h3{
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #93110d;
	text-align: left;
	margin-top:-10px;
	padding:0;
}

.frmEdtPonto textarea.justificativa {
	width: 300px;
	height: 30px;
}

.frmEdtPonto label.width120 {
	width: 60px;
}

.frmEdtPonto label.width120 {
	width: 120px;
	background-color: #fff;
}

.frmEdtPonto div.descontar{
	display: none;
}

.frmEdtPonto div.descontarhrs{
	display: none;
}

.frmEdtPonto label.width60 {
	width: 59px;
	padding:0;
	line-height: 25px;
	background-color: #fff;
}

.frmEdtPonto label.falta {
	width: 117px;
	padding:0;
	line-height: 35px;
}

.frmEdtPonto input[type=checkbox] {
	margin-left: 0px;
	margin-top:4px;
}

.frmEdtPonto select.tipo-falta{
	min-width: 118px;
	width: 118px;
}

.frmEdtPonto div.tipo_falta{
	display: none;	
}

.frmEdtPonto .linha_dupla_just {
	display: inline-block;
	float: left;
	padding: 0;
	margin-bottom: 10px;
	margin-right: 20px;
	width: 300px;
}

.frmEdtPonto .linha_dupla {
	margin-right: 20px;
}

.frmEdtPonto .retornosaida{
	margin-left: 10px;
}


.frmEdtPonto input.meio {
	width: 110px;
}

.frmEdtPonto .botoes {
	float: none;
	text-align: right;
	margin-right: 25px;
}

.frmEdtPonto select.locais{
	width: 300px;	
}

.frmEdtPonto select.locais-com-etapa{
	width: 180px;	
}

div.aviso-edt-ponto {
	position:absolute;
	bottom:5px;
	width: 97%;
	min-height: 18px;
	height:auto;
	margin:0 auto;
	padding:5px;
	font:bold 13px 'CamptonBold','MyRegular', 'Helvetica', 'Tahoma', 'sans-serif' !important;
	color: #ef1717;
	border:1px dotted #ef1717;
	margin-top:10px;
	text-align: center;
	display: none;
	margin-left:0.5%;
}

div.aviso-edt-ponto.show{
	display: block;	
	margin-top:20px;
}

div.edt-ponto-access{
	position:absolute;
	display:block;
	width:98%;
	margin:0 auto;
	text-align:right;
	font: normal 12px "MyRegular",Helvetica, Tahoma, sans-serif, Arial;
	color: #c9c9c7;
	bottom:35px;
}


/************************************************************
* FORMULARIO DE "EDICAO DE PONTO" PARA MAIS DE 4 PONTOS
************************************************************/
.frmEdtPonto2 {
	width: 650px;
	height:auto;
	padding: 20px 0px 0px 20px;
}

.frmEdtPonto2 hr{
	margin-top:20px;
	padding:0;	
	width: 630px;
	text-align: left;
	float: left;
	
}

.frmEdtPonto2 h2{
	font: bold 14px Helvetica, Tahoma, sans-serif, Arial;
	color: #93110d;
	text-align: left;
}

.frmEdtPonto2 h3{
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #93110d;
	text-align: left;
	margin-top:-10px;
	padding:0;
}

.frmEdtPonto2 textarea.justificativa {
	width: 630px;
	height: 40px;
}


.frmEdtPonto2 label.width120 {
	width: 60px;
	background-color: #fff;
}

.frmEdtPonto2 label.width130 {
	width: 120px;
	background-color: #fff;
}

.frmEdtPonto2 div.descontar{
	display: none;
}

.frmEdtPonto2 div.descontarhrs{
	display: none;
}

.frmEdtPonto2 div.abonar{
	display: none;
}

.frmEdtPonto2 label.width60 {
	width: 59px;
	padding:0;
	line-height: 25px;
	background-color: #fff;
}

.frmEdtPonto2 label.falta {
	width: 117px;
	padding:0;
	line-height: 35px;
}

.frmEdtPonto2 input[type=checkbox] {
	margin-left: 0px;
	margin-top:4px;
}

.frmEdtPonto2 div.tipo_falta{
	display: none;	
}

.frmEdtPonto2 .linha_dupla_just {
	display: inline-block;
	float: left;
	padding: 0;
	margin-bottom: 10px;
	margin-right: 20px;
	width: 300px;
}

.frmEdtPonto2 .linha_dupla {
	margin-right: 20px;
}

.frmEdtPonto2 .retornosaida{
	margin-left: 80px;
}

.frmEdtPonto2 input.meio {
	width: 110px;
}

.frmEdtPonto2 .botoes {
	float: none;
	margin-top: 20px;
	margin-bottom:20px;
	text-align: center;
}

.frmEdtPonto2 span.descanso{
	display:inline-table;
	font: bold 10px Helvetica, Tahoma, sans-serif, Arial;
	color: #ff0000;
	width: 100px;
}

.frmEdtPonto2 span.descanso.left{
	margin-left: 250px;	
}

.frmEdtPonto2 span.descanso.right{
	margin-left: 190px;	
}


/************************************************************
* FORMULARIO DE "CLIENTES"
************************************************************/
.frmClientesRevenda {
	width: 750px;
	height: 30px;
	padding: 10px 0px 0px 0px;
	border-bottom: 1px solid #f4922a;
	border-top: 1px solid #f4922a;
	margin-bottom: 20px;
}

.frmClientesRevenda select.cliente {
	min-width: 360px;
	max-width: 360px;
	width: 360px;
	margin-left: 10px;
}

.frmClientesRevenda select.status {
	min-width: 100px;
	max-width: 100px;
	width: 100px;
	margin-left: 10px;
}

.frmClientesRevenda label {
	width: auto;
	margin-right: 5px;
}

.frmClientesRevenda .botoes {
	margin-right: 0px;
}

/************************************************************
* FORMULARIO DE "REGISTRO DE PONTO"
************************************************************/
.frmRegistraPonto {
	width: 80vh;
	height: 90vh;
	padding: 2%;
}

.frmRegistraPonto label#data {
	text-align:center;
	font:bold 14px 'CamptonBold','MyRegular', 'Helvetica', 'Tahoma', 'sans-serif' !important;
	color:#1a61ad;
	width: 95%;
	padding-left:0 !important;
}

.formularios label.relogio {
	text-align:center;
	font:bold 30px 'CamptonBold','MyRegular', 'Helvetica', 'Tahoma', 'sans-serif' !important;
	text-shadow: 1px 2px #ccc;
	color:#1a61ad;
	width: 95%;
	margin-bottom: 0px !important;
	padding-left:0 !important;
}

#frmRegistraPonto div.topo-formulario{
	margin-bottom:0px !important;
	margin-top:-5px !important;
	/*
	float:left !important;
	clear: both;*/
}

#frmRegistraPonto div.topo-formulario .titulo{
	font:bold 20px 'CamptonBold','MyRegular', 'Helvetica', 'Tahoma', 'sans-serif' !important;
	padding-top:10px;
}

.frmRegistraPonto div#nameDiv label{
	width:95%;
	text-align:center;
	background-color:#ededed;
	color:#454545;
	font-family: 'CamptonBold','MyRegular', 'Helvetica', 'Tahoma', 'sans-serif' !important;
	font-size:14px;
	border:2px solid #eee;
	border-radius:5px;
	box-shadow: 0px 0px 5px #b9b5b5;
	text-transform:uppercase;
}

.frmRegistraPonto input[type=submit].botao-ponto{
	width: 95%;
	height: 35px;
	-webkit-box-shadow: 0px 0px 5px #3a3b3d;
	-moz-box-shadow: 0px 0px 5px #3a3b3d;
	box-shadow: 0px 0px 5px #3a3b3d;
	margin-left:-20px !important;
	font:bold 16px 'CamptonBold','MyRegular', 'Helvetica', 'Tahoma', 'sans-serif' !important;
	line-height: 35px !important;
}

.frmRegistraPonto div#tipoPonto label{
	font:bold 13px 'CamptonBold','MyRegular', 'Helvetica', 'Tahoma', 'sans-serif' !important;
}


@media only screen and (max-device-height: 800px) { 
	
}

#frmRegistraPonto #photo img {
 height: 180px !important;
 width: 240px !important;
 margin:0 auto !important;
 border:2px solid #88cd3d;border-radius:5px;box-shadow: 0px 0px 5px #88cd3d;
}

.frmRegistraPonto div.msg_facerecognition{
	width:94%;
	padding:5px;
	font:bold 18px 'CamptonBold','MyRegular', 'Helvetica', 'Tahoma', 'sans-serif' !important;
	text-align: center;
	border-radius:2px;
	margin-bottom:5px;
}

.frmRegistraPonto div.msg_facerecognition.error{
	background:#f8ae9c;
	color:#631907;
}

.frmRegistraPonto div.msg_facerecognition.success{
	background:#b6f286;
	color:#46781d;
	
}

.frmRegistraPonto .linha_dupla {
	margin-right: 20px;
}

.frmRegistraPonto label.width120 {
	width: 100px;
}

.frmRegistraPonto input.meio {
	width: 50px;
}

.frmRegistraPonto .botoes {
	float: none;
	margin-top: 20px;
	text-align: center;
}

/************************************************************
* FORMULARIO DE "RECIBO"
************************************************************/
.frmRecibo {
	width: 600px;
	padding: 20px 20px 20px 20px;
	height: 340px;
}

.frmRecibo .botoes {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}



/************************************************************
* TELA DE DEPOIMENTOS
************************************************************/
.frmDepoimentos {
	width: 760px;
	padding: 20px;
	background-color: #fff;
	height: 390px;
	margin-top:20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

/************************************************************
* LOGOFF
************************************************************/
.logoff-text {
	margin: 0 auto;
	padding-top: 100px;
	width: 300px;
}

.logoff-text span {
	font: bold 16px Helvetica, Tahoma, sans-serif, Arial;
	color: #1960ad;
	text-align: center;
	display: block;
}

.logoff-text .botoes {
	margin-top: 20px;
	text-align: center;
}

.logoff-text a {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	padding: 3px 15px 3px 15px;
	cursor: pointer;
	text-transform: uppercase;
	width: 80px;
	height: 22px;
	line-height: 22px;
	background-color: #1e62ad;
	border: 1px solid #6e7073;
}

.logoff-text a:hover {
	background-color: #f4922a;
}

a.botao-link {
	display:inline-block;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #fff;
	padding: 4px 0px 4px 0px;
	cursor: pointer;
	text-transform: uppercase;
	width: 80px;
	background-color: #1e62ad;
	border: 0px solid #6e7073;
	border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
}

a.botao-link:hover {
	background-color: #f4922a;
	color:#fff;
}





/************************************************************
* FORMULARIO DE "LOGIN" ADMINISTRACAO
************************************************************/
.frmLogin-adm {
	width: 300px;
	padding: 20px;
	background-color: #fff;
	height: 180px;
	margin-top:20px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

.frmLogin-adm label{
	color:#383838;	
}

.frmLogin-adm label.width100 {
	width: 100px;
}

.frmLogin-adm input[type=text],input[type=password].width190 {
	width: 190px;
}

.frmLogin-adm .botoes {
	margin-right: 0;
}

.frmLogin-adm a.back{
	text-decoration: none;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #0a3d78;
}

.frmLogin-adm a.back:hover{
	text-decoration: underline;
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #d18d15;
}

/************************************************************
* FORMULARIO DE "ALTERAR SENHA" (ADMINISTRACAO)
************************************************************/
.frmAlterarSenha {
	width: 300px;
	padding-top: 40px;
	background-color: #fff;
	height: 200px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

.frmAlterarSenha label.width120 {
	width: 120px;
}

.frmAlterarSenha input.senha {
	width: 170px;
}

.frmAlterarSenha span {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #6e7073;
	line-height: 20px;
}

.frmAlterarSenha .botoes{
	margin-top:20px;	
}

/************************************************************
* FORMULARIO DE "GERAR NOVO BOLETO" (ADMINISTRACAO)
************************************************************/
.frmGerarBoleto {
	width: 500px;
	padding-top: 40px;
	background-color: #fff;
	height: 200px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

.frmGerarBoleto label.width120 {
	width: 120px;
}

.frmGerarBoleto input.senha {
	width: 170px;
}

.frmGerarBoleto span {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #6e7073;
	line-height: 20px;
}

.frmGerarBoleto .botoes{
	margin-top:20px;	
}

/************************************************************
* FORMULARIO DE "GERAR NOVO BOLETO" (ADMINISTRACAO)
************************************************************/
.atlz-boleto {
	width: auto !important;
	padding-top: 20px;
	padding-bottom: 70px;
	padding-left:40px;
	padding-right:50px;
	background-color: #fff;
	height: 270px;
	border-radius: 10px;
	-moz-border-radius: 10px;
}

.atlz-boleto label {
	width: 150px;
	color:#282828;
	font-size: 12px;
	letter-spacing: 0.5px;
}

.atlz-boleto div#valor-corrigido{
	display: none;	
}

.atlz-boleto input[type=text]{
	font: bold 16px Helvetica, Tahoma, sans-serif, Arial;
	color:#1960ad !important;
	width: 120px !important;
	padding:5px;
}

.atlz-boleto input[type=submit]{
	height: 30px;
	line-height: 30px;
}

.atlz-boleto span {
	font: bold 16px Helvetica, Tahoma, sans-serif, Arial;
	color: #f4922a;
	line-height: 20px;
	margin-bottom: 40px;
}

.atlz-boleto a.atualizar{
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../images/layout/ico-atualizar.png) 0 0 no-repeat transparent;
	float:right;
	margin-top:2px;
	margin-left:5px;
}

.atlz-boleto a.atualizar:hover{
	background-position: 0 -26px;	
}

.atlz-boleto .botoes{
	display:block;
	float:none !important;
	text-align:center;
	margin:0 auto;
	margin-top:30px;	
}

/************************************************************
* FORMULARIO DE "CADASTRO COMUNICADO" (ADMINISTRACAO)
************************************************************/
.frmComunicado {
	margin-top: -10px;
	width: 500px;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
}

.frmComunicado #cboCliente{
	width: 99%;
	height: 200px;	
}

.frmComunicado textarea{
	width: 99%;
}

.frmComunicado label.width130 {
	width: 130px;
}

.frmComunicado .botoes {
	margin-right: 0px;
}

.frmComunicado .primeiro {
	margin-top: 20px;
}


/************************************************************
* FORMULARIO DE "CADASTRO USUARIOS" (ADMINISTRACAO)
************************************************************/
.frmUsuario {
	margin-top: -10px;
	width: 500px;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
}

.frmUsuario input[type=text].width360 {
	width: 360px;
}

.frmUsuario label.width130 {
	width: 130px;
}

.frmUsuario label.width123 {
	width: 123px;
}

.frmUsuario label.width60 {
	width: 60px;
}


.frmUsuario input.senha {
	width: 141px;
}

.frmUsuario span {
	font: normal 14px Helvetica, Tahoma, sans-serif, Arial;
	color: #6e7073;
	line-height: 18px;
}

.frmUsuario .botoes {
	margin-right: 0px;
}

.frmUsuario .primeiro {
	margin-top: 20px;
}

/************************************************************
* FORMULARIO DE "CONTATO"
************************************************************/
.frmClientes {
	width: 98%;
	height: 25px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #f4922a;
}

.frmClientes input.nome{
	width: 200px;	
}

.frmClientes input.codigo{
	width: 100px;	
}

.frmClientes label {
	width: auto;
	margin-right: 5px;
}

.frmClientes .botoes {
	margin-right: 0px;
}


/************************************************************
* FORMULARIO DE "CADASTRO DE CLIENTES" (REVENDA)
************************************************************/
.frmCadClienteRev {
	width: 500px;
	height: 460px;
	margin-top:20px;
	margin-bottom: 20px;
}

.frmCadClienteRev label.width120 {
	width: 120px;
}

.frmCadClienteRev label.width113 {
	width: 111px;
}

.frmCadClienteRev label.width60 {
	width: 60px;
}

.frmCadClienteRev label.widthauto {
	width: auto;
}

.frmCadClienteRev input[type=text] {
	width: 365px;	
}

.frmCadClienteRev input.cidade {
	width: 200px;
}

.frmCadClienteRev input.email {
	width: 180px;
}

.frmCadClienteRev input.cpf {
	width: 110px;
}

.frmCadClienteRev input.cnpj {
	width: 110px;
}


.frmCadClienteRev input.estado {
	width: 90px;
}

.frmCadClienteRev select.cboestado {
	width: 97px;
	min-width:97px;
}


.frmCadClienteRev input.senha1 {
	width: 145px;
}

.frmCadClienteRev input.senha2 {
	width: 144px;
}

.frmCadClienteRev span {
	font: bold 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #6e7073;
	line-height: 20px;
}

.frmCadClienteRev .primeiro {
	margin-top: 20px;
}

.frmCadClienteRev input.empregado-email {
	width: 300px;
}

.frmCadClienteRev .meus_empregado{
	margin-right: 65px;	
	margin-top:20px;
	
}

.frmCadClienteRev #txQuantidade{
	width: 60px;	
	min-width: 60px;	
	max-width: 60px;	
}


/************************************************************
* FORMULARIO DE "CONFIGURA��O DE BANCO DE HORAS"
************************************************************/
.frmConfigBH {
	width: 640px;
	height:600px;
	padding: 0px 0px 0px 20px;
}

.frmConfigBH #div-formulario .topo-formulario {
	height: 20px;
	margin: 0 auto;
	width: 100%;
	margin-bottom: 10px;
}

.frmConfigBH #cboEmpregado{
	width:630px;
	height:100px;
}

.frmConfigBH div.linha_dupla{
	margin-bottom: 2px;
}
	
.frmConfigBH div.meio{
	width: 290px;
	border:1px solid #fff;
}

.frmConfigBH input[type=text] {
	width: 80px;
}

.frmConfigBH label.width120 {
	width: 120px;
	background-color: #fff;
}

.frmConfigBH label.width140 {
	width: 160px;
	background-color: #fff;
}

.frmConfigBH label.widthauto {
	width: auto;
	background-color: #fff;
	margin-right: 5px;
}


.frmConfigBH #botoes{
	margin-top:40px;
		
}

.frmConfigBH .linha_dupla {
	margin-right: 10px;
}

a#btnConfigFunc{
	display:block;
	cursor: pointer;
	color:#de6627;
	width: 230px;
	height: 26px;
	line-height: 26px;
	border: 0;
	background: url(../images/layout/configbh.png) 203px 0 no-repeat transparent;
	border-radius: 0px;
	-moz-border-radius: 0px;
	text-align: left;
	letter-spacing: 0.3px;
}

a#btnConfigFunc:hover{
	color:#252f34;
}

form#frm_contato span.plano{
	color:#0a3665;
	font: bold 16px Helvetica, Tahoma, sans-serif, Arial;
}

form#frm_contato span.plano span.qtde_acessos{
	color:#6ea547;
	font: bold 16px Helvetica, Tahoma, sans-serif, Arial;
}


form#frm_copiar_escala span {
	font: normal 14px Helvetica, Tahoma, sans-serif, Arial;
	color: #6e7073;
	line-height: 18px;
}

form#frm_copiar_escala span.title {
	font: normal 12px Helvetica, Tahoma, sans-serif, Arial;
	color: #383838;
	display: block;
}


.selectblink{
    -webkit-animation: bgblink 3s;  /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;  /* Chrome, Safari, Opera */
}
@-webkit-keyframes bgblink {
    from {background-color: #edeeef;}
    50% {background-color:#1a61ad;color:#fff;}
    to {background-color: #edeeef;}
}
@keyframes bgblink {
    from {background-color: #edeeef;}
    50% {background-color:#1a61ad;color:#fff;}
    to {background-color: #edeeef;}
}