/* ...................... geral ................................................................................................................................................. */


html						{ height:100%; width:100%; }

body						{ margin:0; padding:0; background:#F2F2F0; height:100%; font-family:'Roboto', arial; font-size:13px; color:#2d2d2d; line-height:160%; }

input, textarea, select, option, button		{ font-family:'Roboto', arial; font-size:13px; color:#514B40; outline:0; }

h1, h2, h3, h4, h5, h6				{ font-weight:normal; }

img						{ border:none; }

a						{ color:#2d2d2d; text-decoration:none; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; transition: all 0.3s ease; }

a:hover						{ color:#2d2d2d; text-decoration:underline; }

::selection					{ background:#2d2d2d; color:#ccc; }
::-moz-selection				{ background:#2d2d2d; color:#ccc; }

form						{ margin:0; padding:0; }

  fieldset					{ margin:0; padding:0; border:none; }

.clear						{ clear:both; display:block; }

body li.clear					{ clear:both; height:0; padding:0; margin:0; width:100%; float:none; }

.container					{ background:#fff; width:100%; height:100%; }

.tudo						{ min-height:100%; position:relative; width:calc(100% - 184px); left:184px; z-index:1; }

.tudo.max					{ width:calc(100% - 64px); left:64px; }

* html .tudo					{ height:100%; }

small						{ font-size:12px; margin:0; padding:0; opacity:0.7; }



/* ...................... login ................................................................................................................................................. */


.login						{ background:#fff; width:360px; padding:20px; box-sizing:border-box; transform:translate(-50%,-50%); top:50%; left:50%; position:absolute; }

  .login_cont					{ position:relative; height:400px; overflow:hidden; }
  
    .login_cont .confirma			{ display:block; width:100%; height:40px; margin-bottom:20px; background:#94B60E; color:#fff; text-align:center; line-height:40px; font-weight:700; font-size:14px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }

    .login_cont .erro				{ display:block; width:100%; height:40px; margin-bottom:20px; background:#D93600; color:#fff; text-align:center; line-height:40px; font-weight:700; font-size:14px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
  
    .login_cont .logotipo			{ display:block; text-align:center; }
    
    .login_cont .titulo				{ display:block; padding:30px 0 30px 0; font-size:24px; color:#444; text-align:center; font-weight:300; }

      .login form				{ position:absolute; width:320px; bottom:0; }

	.login fieldset				{ font-size:12px; font-weight:700; text-transform:uppercase; }

	  .login label				{ display:block; line-height:100%; }

	  .login input[type=text], .login_cont input[type=password]	{ border:1px solid #ccc; margin:5px 0 10px 0; padding:0 5px 0 5px; height:38px; width:100%; font-size:16px; box-sizing:border-box; line-height:38px; display:block; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }

	  .login input::-webkit-input-placeholder	{ font-weight:300; font-style:italic; }

	  .login input[type=submit].botao	{ width:100%; height:38px; line-height:38px; padding:0; display:block; background-image:none; background-color:#16227D; color:#fff; font-size:14px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
	  .login input[type=submit].botao:hover	{ background:#444; color:#fff; }

	.login legend				{ display:block; font-size:20px; color:#444; text-align:center; font-weight:500; line-height:120%; }

      .login a#esqueci, .login a#voltar		{ text-align:center; display:block; margin-top:10px; }

      .login form#lembrar			{ position:absolute; right:-340px; bottom:0; background:#fff; }


/* ...................... tarja ................................................................................................................................................. */


.tarja						{ width:180px; height:100%; left:0; top:0; position:fixed; z-index:1; background:#555; color:#ccc; -webkit-box-shadow:2px 0px 4px 0px rgba(0,0,0,0.2); -moz-box-shadow:2px 0px 4px 0px rgba(0,0,0,0.2); box-shadow:2px 0px 4px 0px rgba(0,0,0,0.2); }

  .titulo_site					{ height:100px; background:url(images/carrer_logo_menor.png) center center no-repeat #ffffff; padding-left:15px; position:relative; white-space:nowrap; }

  div#minmax					{ display:block; width:30px; height:30px; background:url(images/ico_minmax.png) right 5px top 5px no-repeat; position:absolute; top:0; right:0; cursor:pointer; }
  div#minmax:hover				{ opacity:0.7; }

  .navbar					{ list-style:none; margin:0; padding:0; }

    .navbar>li					{ border-bottom:1px solid rgba(255,255,255,0.1); position:relative; }

      .navbar>li a				{ overflow:hidden; display:block; height:59px; line-height:59px; padding-left:55px; font-size:12px; font-weight:700; background:15px center no-repeat; color:#ccc; text-transform:uppercase; }

      .navbar>li a.painel			{ background-image:url(images/ico_painel.png); }
      .navbar>li a.tarefas			{ background-image:url(images/ico_tarefas.png); }
      .navbar>li a.clientes			{ background-image:url(images/ico_clientes.png); }
      .navbar>li a.veiculos			{ background-image:url(images/ico_veiculos.png); }
      .navbar>li a.profissionais		{ background-image:url(images/ico_profissionais.png); }
      .navbar>li a.servico			{ background-image:url(images/ico_servico.png); }
      .navbar>li a.administradores		{ background-image:url(images/ico_administrador.png); }
      .navbar>li a.log				{ background-image:url(images/ico_log.png); }
      .navbar>li a.aviso			{ background-image:url(images/ico_aviso.png); }
      .navbar>li a.solicitacao			{ background-image:url(images/ico_solicitacao.png); }

      .navbar>li.ativo a,
      .navbar>li a:hover 			{ text-decoration:none; background-color:#191919; }

      span.navbar_ativo				{ display:block; width:14px; height:28px; background:url(images/navbar_ativo.png); position:absolute; right:-5px; top:50%; margin-top:-13px; }

.tarja.min					{ width:60px; }

      .tarja.min .navbar>li a			{ text-indent:120px; padding:0; }



/* ...................... cabeçalho ............................................................................................................................................. */


.cab						{ height:45px; background:#fff; position:relative; }

  .cab_hoje					{ font-size:14px; font-weight:500; margin:0 0 0 30px; height:45px; line-height:45px; color:#A9A9A9; }

  .cab_usuario					{ font-size:14px; font-weight:700; position:absolute; top:0; right:130px; height:45px; line-height:45px; text-align:right; }

  .cab_icos					{ position:absolute; top:5px; right:30px; height:35px; }

    .cab_icos a					{ display:block; float:left; background:center no-repeat; border:1px solid transparent; box-sizing:border-box; height:35px; width:35px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

    .cab_icos a.config				{ background-image:url(images/ico_config.png); }
    .cab_icos a.sair				{ background-image:url(images/ico_sair.png); margin-left:10px; }

    .cab_icos a:hover				{ border-color:#ddd; }

@media only screen and (max-width : 900px) {

  .cab_hoje					{ display:none; }

}

@media only screen and (max-width : 500px) {

  .cab_usuario					{ display:none; }

}





/* ...................... botões ................................................................................................................................................ */

.botao						{ border:none; display:inline-block; margin:0; padding:0 15px 0 15px; color:#000; background:#ddd; height:40px; line-height:40px; cursor:pointer; font-size:14px; text-align:center; text-transform:uppercase; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-sizing:border-box;}
.botao:hover					{ text-decoration:none; background-color:#aaa; color:#000; }

.botao.adicionar				{ width:100%; background:#FF7F00; height:40px; line-height:40px; color:#fff; margin:0 0 20px 0; padding:0 15px 0 15px; font-size:14px; }
.botao.adicionar:hover				{ background:#A65300; color:#fff; }

.botao.salvar					{ background:#FF7F00; color:#fff; height:40px; line-height:40px; color:#fff; padding:0 25px 0 25px; font-size:14px; }
.botao.salvar:hover				{ background:#A65300; color:#fff; }

.botao.enviar					{ background:#64AAD0; height:30px; line-height:30px; color:#fff; padding:0 15px 0 15px; font-size:12px; }
.botao.enviar:hover				{ background:#5096BC; color:#fff; }

.botao.excluir					{ background:#fff; height:40px; line-height:40px; color:#D93600; padding:0 25px 0 25px; font-size:13px; margin:0 10px 0 10px; float:right; }
.botao.excluir:hover				{ background:#D93600; color:#fff; }

.botao.ausencia					{ background:#FF7F00; height:40px; line-height:40px; color:#fff; padding:0 15px 0 15px; font-size:14px; }
.botao.ausencia:hover				{ background:#A65300; color:#fff; }

.botao.equipe					{ background:#158708; height:40px; line-height:40px; color:#fff; padding:0 15px 0 15px; margin-top:10px; font-size:14px; }
.botao.equipe:hover				{ background:#A65300; color:#fff; }

.botao.senha					{ background:#FF7F00; height:40px; line-height:40px; color:#fff; padding:0 25px 0 25px; font-size:14px; }
.botao.senha:hover				{ background:#A65300; color:#fff; }

.botao.alterarfoto				{ width:100%; background:#FF7F00; color:#fff; padding:0 25px 0 25px; font-size:14px; }
.botao.alterarfoto:hover			{ background:#A65300; color:#fff; }

/* ...................... formulario ................................................................................................................................................. */

  .cadastro					{ width:100%; padding:20px; margin-bottom:20px; background:#fff; border-top:1px solid #ddd; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-sizing:border-box;}

  .cadastro.editar				{ margin:-10px 0 -10px 0; border:none; background-color: #F2F2F0; padding:0 20px 0 20px; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;}

    .msg					{ display:block; width:100%; margin-bottom:20px;  text-align:center; line-height:120%; font-size:14px; padding:5px 0 5px 0; font-weight:700; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-sizing:border-box;}
    .msg.confirma				{ background:#fff; border:1px dashed #94B60E; color:#94B60E; }
    .msg.erro					{ background:#fff; border:1px dashed #D90000; color:#D90000; }
    .seguranca					{ display:block; margin-top:10px; }

      .cadastro form fieldset			{ position:relative; padding:20px 0 20px 220px; border-bottom:1px solid #ddd; min-height:38px; }

      .cadastro form fieldset:last-of-type	{ border-bottom:none; }

	.cadastro form label			{ display:block; position:absolute; white-space:no-wrap; left:0; top:20px; height:38px; line-height:38px; font-size:14px; color:#999; font-weight:500; text-transform:uppercase; }
        .cadastro form label span		{ color:#000; font-weight:700; }

	.cadastro form input[type=text], .cadastro form input[type=date], .cadastro form input[type=time], .cadastro form input[type=password], .cadastro form input[type=file], .cadastro form input[type=email]	{ display:block; width:100%; box-sizing:border-box; background-color:#fff; border:1px solid #ccc; height:38px; line-height:36px; padding:0 10px 0 10px; margin:0; font-size:13px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

	.cadastro form input[readonly=readonly]	{ border:1px dashed #ccc; }

	.cadastro form textarea			{ display:block; width:100%;  box-sizing:border-box; border:1px solid #ccc; padding:10px; margin:0; font-family:'Roboto'; font-size:13px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

	.cadastro form select			{ display:block; box-sizing:border-box; border:1px solid #ccc; height:38px; line-height:36px; padding:0 10px 0 10px; margin:0; font-size:13px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }
	.cadastro form select .motivo		{ background:#FF7F00; color:#fff; }

	.cadastro form select[readonly=readonly]	{ border:1px dashed #ccc; pointer-events:none; touch-action:none; }
	
	.cadastro form input[type=checkbox]	{ display:block; box-sizing:border-box; border:1px solid #ccc; width:38px; height:38px; padding:0; margin:0; cursor:pointer; }

	

	.cadastro form .botao.excluir		{ float:right; }
	
	.registro				{ display:inline-block; position:relative; height:38px; line-height:36px; padding:0 31px 0 5px; margin:0; font-size:13px; border:1px dashed #ccc; }
	.registro span.motivo			{ background:#FF7F00; color:#fff; padding:5px; }
	.registro span.datas			{ padding:5px; }
	.registro a.excluir			{ position:absolute; right:5px; top:7px; width:21px; height:21px; background:url(images/ico_lixo.png) center no-repeat #D93600; cursor:pointer; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; z-index:999;}
	.registro a.excluir:hover		{ background-color:#C52200; }



	.bigtext				{ max-width:493px; }

	.mediumtext				{ max-width:300px; }

	.smalltext				{ max-width:100px; }

	.ajuda					{ display:block; font-style:italic; margin-top:10px; }

	input.input_data			{ max-width:124px !important; background:url(images/ico_calendario.png) right 8px center no-repeat; }
	input.input_data2			{ max-width:124px }

	.fieldbox				{ float:left; margin-right:10px; }

	  .fieldbox span			{ display:block; text-transform:uppercase; font-weight:700; margin-bottom:5px; margin-top:7px; }

	  .fieldbox input			{ float:left; margin-right:5px !important; }


.readonly {
    background-color: #f0f0f0 !important; /* cinza claro */
    color: #555 !important;              /* texto mais apagado */
    border: 1px solid #ccc !important;   /* borda mais discreta */
    cursor: not-allowed !important;      /* mostra que não é editável */
}


/* ...................... formulario (dias da semana) ................................................................................................................................................. */


.cadastro form fieldset .dias-semana {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.cadastro form fieldset .dias-semana label {
  position: static; /* neutraliza a regra global */
  display: inline-block;
}

.cadastro form fieldset .dias-semana input[type=checkbox] {
  display: none; /* esconde o checkbox */
}

.cadastro form fieldset .dias-semana span {
  background: #fff;
  border: 1px solid #ccc;
  color:#999;
  padding: 8px 12px;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* marcado */
.cadastro form fieldset .dias-semana input[type=checkbox]:checked + span {
  background: #3C71FD;
  color: #fff;
  border-color: #3C71FD;
}

/* ...................... visualização listagem dos avisos (dias da semana) e (profissionais)  ................................................................................................................................................. */


table .dias-semana label {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 2px 4px;
  font-size: 11px;
  margin-right: 2px;
  margin-bottom: 2px;
  display: inline-block;
}

table .dias-semana label.ativo {
  background: #3C71FD;
  color: #fff;
  border-color: #3C71FD;
}


table .profissional-item {
  display: block;
}

table .profissional-todos {
  display: inline-block;
  background: #3C71FD;
  color: #fff;
  border: 1px solid #3C71FD;
  border-radius: 6px;
  padding: 2px 4px;
  font-size: 11px;
}



@media only screen and (max-width : 900px) {

      .cadastro form fieldset			{ padding-left:0; }

	.cadastro form label			{ position:relative; left:auto; top:auto; min-height:38px; margin-bottom:10px; }

}



/* ...................... Cadastro - Edição da tarefa já incluida - data, horário e comentário. ................................................................................................................................................. */

  .tarefaeditar						{ width:100%; padding:0; width:100%; margin:-10px auto -10px auto; background-color:#fff; box-sizing:border-box;}

      .tarefaeditar form fieldset			{ position:relative; padding:20px 0 20px 220px; border-bottom:1px solid #ddd; min-height:38px; }

      .tarefaeditar form fieldset:last-of-type		{ border-bottom:none; }

	.tarefaeditar form label			{ display:block; position:absolute; white-space:no-wrap; left:0; top:20px; height:38px; line-height:38px; font-size:14px; color:#999; font-weight:500; text-transform:uppercase; }
        .tarefaeditar form label span			{ color:#000; font-weight:700; }

	.tarefaeditar form input[type=date], .tarefaeditar form input[type=time], .tarefaeditar form select { display:block; width:100%; box-sizing:border-box; background-color:#fff; border:1px solid #ccc; height:38px; line-height:36px; padding:0 10px 0 10px; margin:0; font-size:13px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

	.tarefaeditar form textarea			{ display:block; width:100%;  box-sizing:border-box; border:1px solid #ccc; padding:10px; margin:0; font-family:'Roboto'; font-size:13px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }


@media only screen and (max-width : 900px) {

  .tarefaeditar						{ margin:0 auto;}

      .tarefaeditar form fieldset			{ padding-left:0; }

	.tarefaeditar form label			{ position:relative; left:auto; top:auto; min-height:38px; margin-bottom:10px; }

}





/* ...................... visualização lateral .......................................................................................................................... */


form.blocolateral					{ position:relative; margin-top:20px; }

  form.blocolateral label				{ display:block; text-transform:uppercase; font-size:14px; font-weight:700; margin-bottom:5px; }
  form.blocolateral span.exemplo			{ display:block; font-size:12px; font-style:italic; margin:-5px 0 5px 0;}

  form.blocolateral span.per_deate			{ min-width:25px; display:inline-block; max-width:30px; font-weight:500; }

  form.blocolateral input[type=text]			{ display:block; width:100%; box-sizing:border-box; border:1px solid #ccc; height:38px; line-height:36px; padding:0 38px 0 10px; margin:0 0 10px 0; font-size:13px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

  form.blocolateral input[type=text][name=data_inicio]	{ display:inline-block; }
  form.blocolateral input[type=text][name=data_fim]	{ display:inline-block; }
  form.blocolateral input[type=text][name=datapro_inicio]	{ display:inline-block; }
  form.blocolateral input[type=text][name=datapro_fim]	{ display:inline-block; }

  form.blocolateral select				{ display:block; box-sizing:border-box; border:1px solid #ccc; width:100%;  height:38px; line-height:36px; padding:0 10px 0 10px; margin:0 0 20px 0; font-size:13px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

  form.blocolateral input[type=submit].botao		{ width:100%; margin-bottom:20px; margin-top:20px; }

  form.blocolateral .fieldbox				{ float:none; margin-right:0; margin-bottom:10px; }
  
    form.blocolateral .fieldbox span			{ display:block; text-transform:uppercase; font-size:14px; font-weight:700; margin-bottom:5px; }




/*


form.busca					{ position:relative; }

  form.busca label				{ display:block; text-transform:uppercase; font-size:14px; font-weight:500; margin-bottom:5px; }

  form.busca span.per_deate			{ display:inline-block; width:30px; font-weight:700; }

  form.busca input[type=text]			{ display:block; width:100%; box-sizing:border-box; border:1px solid #ccc; height:38px; line-height:36px; padding:0 38px 0 10px; margin:0 0 10px 0; font-size:13px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

  form.busca input[type=text][name=data_inicio]	{ display:inline-block; }
  form.busca input[type=text][name=data_fim]	{ display:inline-block; }

  form.busca select				{ display:block; box-sizing:border-box; border:1px solid #ccc; width:100%;  height:38px; line-height:36px; padding:0 10px 0 10px; margin:0; font-size:13px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

  form.busca div.checkgroup			{ margin:10px 0 15px 0; }

    form.busca div.checklinha			{ display:block; height:22px; line-height:22px; position:relative; padding-left:30px; margin-bottom:8px;  }

      form.busca span.checkbox			{ position:absolute; left:0; top:0; display:block; width:20px; height:20px; line-height:20px; cursor:pointer; background:center no-repeat #fff; border:1px solid #ccc; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

      form.busca span.checkbox.checado		{ background-image:url(images/ico_check2.png); }

  form.busca input[type=submit].lupa		{ position:absolute; height:36px; width:36px; background:url(images/ico_lupa.png) center no-repeat #fff; top:1px; right:1px; margin:0; padding:0; border:none; text-indent:-999px; overflow:hidden; cursor:pointer; }

  form.busca input[type=submit].botao		{ width:100%; margin-bottom:20px; margin-top:20px; }

  form.busca .fieldbox				{ float:none; margin-right:0; margin-bottom:10px; }

    form.busca .fieldbox input			{ float:none; margin-right:0 !important; }

.visualizacao					{ list-style:none; margin:0 0 10px 0; padding:0; }

  .visualizacao li				{ margin:0; padding:0; margin-bottom:10px; }

    .visualizacao li a				{ height:21px; background:left bottom no-repeat; padding-left:31px; display:block; -webkit-transition:none; -moz-transition:none; transition:none; }

    .visualizacao li a.grade			{ background-image:url(images/ico_grade.png); }
    .visualizacao li a.lista			{ background-image:url(images/ico_lista.png); }
    .visualizacao li a.mapa			{ background-image:url(images/ico_mapa.png); }

    .visualizacao li a:hover			{ background-position:left center; text-decoration:none; }

    .visualizacao li a.ativo			{ background-position:left top; }

*/


/* ...................... conteúdo .............................................................................................................................................. */


.pagina						{ display:flex; flex-flow:row wrap; align-items:stretch; width:100%;  }

  .pag_esq					{ padding:30px; flex:0 0 20%; box-sizing:border-box; }
  
    .pag_esq .bloco_conteudo			{ width:100%; padding:20px; margin-bottom:20px; background:#fff; border-top:1px solid #ddd; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-sizing:border-box;}
    
    .pag_esq .bloco_conteudo .bloco_img		{ }	

    .pag_esq .bloco_conteudo .bloco_img img	{ background-color:#ddd; border-radius:50%; width:100%; height:100%; object-fit:cover; box-sizing:border-box; }

    .pag_esq .bloco_conteudo .bloco_titulo	{ font-size:16px; color:#383838; font-weight:500; text-align:center; }


  .pag_dir					{ padding:30px; flex:0 0 80%; box-sizing:border-box; }
  
    .pag_dir h2.titulo_conteudo			{ margin:0; padding:0 0 30px 0; font-size:20px; color:#000; }

    .pag_dir h2.subtitulo_conteudo		{ font-size:12px; font-weight:700; text-transform:uppercase; height:40px; line-height:40px; white-space:nowrap; margin:0; padding:0; }




@media only screen and (max-width : 1600px) {

  .pag_esq					{ padding:10px; flex:0 0 20%; }

  .pag_dir					{ padding:10px; flex:0 0 calc(80% - 20px); }

}


@media only screen and (max-width : 900px) {

.pagina						{ display:block; }

  .pag_esq					{ border-right:none; padding:0; }

  .pag_dir					{ padding:0; }

}


/* ...................... tarefas .............................................................................................................................................. */


.tarefa_pagina					{ display:flex; flex-flow:row wrap;  align-items:stretch; width:100%; }

.tarefa_pagina h2.titulo_conteudo		{ width:100%; margin:0; padding:0 0 30px 0; font-size:20px; color:#000; }
.tarefa_pagina h2.titulo_conteudo .mes		{ border:none; display:inline-block; margin:0; padding:0 15px 0 15px; color:#fff; background:#FF7F00; height:30px; line-height:30px; font-size:20px; text-align:center; text-transform:uppercase; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-sizing:border-box;}


.tarefa_pagina h2.subtitulo_conteudo		{ width:100%; font-size:12px; font-weight:700; text-transform:uppercase; height:40px; line-height:40px; white-space:nowrap; margin:0; padding:0; }

.tarefa_pagina h3.titulo_conteudo		{ margin:0; padding:30px 0 30px 0; font-size:18px; color:#000; }

.tarefa_pagina .resultado_busca			{ margin:0 0 20px 0;}

.tarefa_pagina .tarefa_bloco			{ position:relative; width:100%; padding:20px; margin-bottom:40px; background:#fff; border-top:1px solid #ddd; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-sizing:border-box;}

.tarefa_pagina .titulo_bloco			{ font-size:16px; color:#383838; font-weight:500; text-align:center; }

  .tarefa_bloco .ico_whatsapp			{ position:absolute; right:20px; top:20px; margin:0; width:60px; height:60px; background:url(images/ico_whatsapp.png) center no-repeat; }

  .tarefa_bloco .tarefa_pendende		{}
 

  .tarefa_bloco .tarefa_titulo_servico		{ font-size:20px; font-weight:500; }
  
  .tarefa_bloco .tarefa_fantasia_empresa	{ font-size:16px; font-weight:300;}
  
  .tarefa_bloco .tarefa_descricao_servico	{ font-size:14px; font-weight:300; }
  
  .tarefa_bloco .tarefa_dia_semana				{ padding:0; margin:0; line-height:100%;  }
  
  .tarefa_bloco .tarefa_dia_semana span.semana 			{ display:block; text-transform: capitalize;}
  
  .tarefa_bloco .tarefa_dia_semana span.semana.azul		{ color:#3C71FD; font-weight:700; }
  
  .tarefa_bloco .tarefa_dia_semana span.semana.vermelho		{ color:#D93600; font-weight:700; }
  
  
  .tarefa_bloco .tarefa_risco			{ height:1px; margin:10px 0 10px 0; background:#eee; width:100%; }
  
  .tarefa_bloco .tarefa_equipe			{ display:inline-block; margin:0; padding:0; }
  
  .tarefa_bloco .tarefa_datainicio		{ border:none; display:inline-block; margin:0; padding:0 15px 0 15px; color:#000; background:#ddd; height:30px; line-height:30px; font-size:12px; text-align:center; text-transform:uppercase; float:right; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-sizing:border-box;}
  
  .tarefa_bloco .tarefa_cargahoraria		{ display:inline-block; margin:0; padding:0; }
  
  
  .tarefa_bloco .tarefa_datas			{ display:inline-block; }
  .tarefa_bloco .tarefa_datas_rel		{ display:flex; align-items: center;}
  .tarefa_bloco .tarefa_datas .data		{ border:none; display:inline-block; margin:0 10px 0 0; padding:0 15px 0 15px; color:#000; background:#ddd; height:30px; line-height:30px; font-size:12px; text-align:center; text-transform:uppercase; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-sizing:border-box;}
  .tarefa_bloco .tarefa_datas .ico_local	{ display:inline-block; margin:0 5px 0 10px; width:15px; height:23px; background:url(images/ico_localizacao.png) center no-repeat; cursor:pointer;}



  .tarefa_bloco .tarefa_datas_out		{ display:inline-block; }
  .tarefa_bloco .tarefa_datas_out_rel		{ display:flex; align-items: center; }
  .tarefa_bloco .tarefa_datas_out .data		{ border:none; display:inline-block; margin:0 10px 0 0; padding:0 15px 0 15px; color:#000; background:#ddd; height:30px; line-height:30px; font-size:12px; text-align:center; text-transform:uppercase; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-sizing:border-box;}
  .tarefa_bloco .tarefa_datas_out .ico_local	{ display:inline-block; margin:0 5px 0 10px; width:15px; height:23px; background:url(images/ico_localizacao.png) center no-repeat; cursor:pointer;}
  .tarefa_bloco .tarefa_datas_out .comentario	{ display:block; width:100%; box-sizing:border-box; border:1px solid #ccc; padding:10px; margin:0 10px 0 0; font-family:'Roboto'; font-size:13px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }


@media only screen and (max-width : 900px) {

  .tarefa_bloco .tarefa_datas_rel		{  margin-bottom:10px; }

}


/* ...................... tarefas - checkin e chekout botoes e form .............................................................................................................................................. */


  .tarefa_bloco .botaotarefa			{ display:block; width:100%; border:none; margin:0; padding:0 15px 0 15px; color:#000; background:#ddd; height:30px; line-height:30px; font-size:12px; text-align:center; text-transform:uppercase; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; cursor:pointer; box-sizing:border-box;}
  .tarefa_bloco .botaotarefa:hover		{ text-decoration:none; background-color:#aaa; color:#000; }
  


  .tarefa_bloco .tarefa_checkin			{ display:block; margin:10px 0 0 0; padding:0; }
 
  .tarefa_bloco .botaotarefa.iniciar		{ background:#16227D; color:#fff; }
  .tarefa_bloco .botaotarefa.iniciar:hover	{ background:#000; color:#fff; }
 
  .tarefa_bloco .tarefa_checkout		{ display:block; margin:10px 0 0 0; padding:0; }
  
    .tarefa_checkout label,
    .tarefa_comentario label    						{ display:block; text-transform:uppercase; font-size:14px; font-weight:700; margin-bottom:5px; }
    .tarefa_checkout input[type=time], .tarefa_checkout select,
    .tarefa_comentario input[type=time], .tarefa_comentario select       	{ display:block; width:100%; box-sizing:border-box; border:1px solid #ccc; height:38px; line-height:36px; padding:0 38px 0 10px; margin:0 0 10px 0; font-size:13px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }
    .tarefa_checkout h2, .tarefa_comentario h2					{}
 
  
  .tarefa_bloco textarea			{ width:100%; box-sizing:border-box; border:1px solid #ccc; padding:10px; margin:0 10px 0 0; font-family:'Roboto'; font-size:13px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

  .tarefa_bloco .botaotarefa.concluir		{ background:#FF7F00; color:#fff; }
  .tarefa_bloco .botaotarefa.concluir:hover	{ background:#A65300; color:#fff; }
  
  
  .tarefa_bloco .tarefa_comentario		{ display:block; margin:10px 0 0 0; padding:0; }
  
  .tarefa_bloco .botaotarefa.editar		{  }
  
  .tarefa_bloco .botao_inativo			{ display:block; width:100%; border:none; margin:0; padding:0 15px 0 15px; color:#000; background:#ddd; height:30px; line-height:30px; font-size:12px; text-align:center; text-transform:uppercase; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-sizing:border-box;}
  
  .tarefa_bloco .botao				{ border:none; display:inline-block; margin:0; padding:0 15px 0 15px; color:#000; background:#ddd; height:30px; line-height:30px; font-size:12px; text-align:center; text-transform:uppercase; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-sizing:border-box;}
  .tarefa_bloco .botao:hover			{ text-decoration:none; background-color:#aaa; color:#000; }

  .tarefa_bloco .botao.azul			{ background:#3C71FD; color:#fff; float:right; }
  .tarefa_bloco .botao.laranja			{ background:#FF7F00; color:#fff; float:right; }
  .tarefa_bloco .botao.verde			{ background:#158708; color:#fff; float:right; }
  
  .tarefa_bloco .botao.concluir			{ background:#3C71FD; color:#fff; float:right; }
  .tarefa_bloco .botao.concluir:hover		{ background:#023DD7; }
  

  .tar_esq_centro_juntas			{ padding:30px; flex:0 0 calc(80% - 60px); box-sizing:border-box; }
  .tar_esq					{ padding:30px; flex:0 0 20%; box-sizing:border-box;}
  
  .tar_centro_dir_juntas			{ padding:30px; flex:0 0 calc(80% - 60px); box-sizing:border-box; }
  .tar_dir					{ padding:30px; flex:0 0 20%; box-sizing:border-box; }

  .tar_centro					{ padding:30px; flex: 1; box-sizing:border-box; }

@media only screen and (max-width : 1600px) {

.tarefa_pagina					{ width:100%; }

  .tar_esq_centro_juntas			{ padding:10px; flex:0 0 calc(85% - 20px); }
  .tar_esq					{ padding:10px; flex:0 0 15%; }
  
  .tar_centro_dir_juntas			{ padding:10px; flex:0 0 calc(85% - 20px);}
  .tar_dir					{ padding:10px; flex:0 0 15%; }

  .tar_centro					{}

}



@media only screen and (max-width : 900px) {

.tarefa_pagina					{ display:block; width:100%; }

  .tar_esq_centro_juntas			{ padding:0; width:100%; }
  .tar_esq					{ padding:0; width:100%; }
  
  .tar_centro_dir_juntas			{ padding:0; width:100%; }
  .tar_dir					{ padding:0; width:100%; }

  .tar_centro					{}

}


    .responsaveis				{ position:relative; }

    .responsaveis .responsavel			{ position:relative; width:280px; margin-top:2px; }

    .responsaveis input[type=text]		{ max-width:280px; margin-bottom:5px; position:relative; }

    .responsaveis .excluir			{ position:absolute; width:21px; height:21px; background:url(images/ico_lixo2.png) center no-repeat; top:9px; right:9px; cursor:pointer; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

 				
  
    .tar_dir .bloco_conteudo			{ width:100%; padding:20px; margin-bottom:20px; background:#fff; border-top:1px solid #ddd; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-sizing:border-box;}


    .lista_profissionais					{ margin:0; padding:0; }

    .lista_profissionais ul					{ list-style:none; margin:0; padding:0; }

      .lista_profissionais li					{ position:relative; width:100%; list-style:none; display:flex; align-items: center; margin:0; padding:10px 0 10px 0; }

	.lista_profissionais li span.pro_img			{ flex:0 0 50px; padding:0; width:50px; height:50px; background-color:#ddd; border-radius:50%; box-sizing:border-box; }
	
	.lista_profissionais li span.pro_img img		{ background-color:#ddd; border-radius:50%; width:50px; height:50px; object-fit:cover;  }	
	
	.lista_profissionais li span.pro_texto			{ flex:0 0 calc(100% - 50px); padding-left:20px;  box-sizing:border-box; font-size:14px; font-weight:700; line-height:120%; }
	.lista_profissionais li span.pro_texto span.empresa	{ font-size:12px; font-weight:300; }
	
	
	
	
    .lista_pro_horas						{ margin:0; padding:0; }

    .lista_pro_horas ul						{ list-style:none; margin:0; padding:0; }

      .lista_pro_horas li					{ position:relative; width:100%; list-style:none; display:flex; align-items: center; margin:0; padding:10px 0 10px 0; }

	.lista_pro_horas li span.pro_img			{ flex:0 0 50px;  padding:0;  width:50px; height:50px; box-sizing:border-box; }
	
	.lista_pro_horas li span.pro_img img			{ background-color:#fff; border-radius:50%; width:50px; height:50px; object-fit:cover;  }	
	
	.lista_pro_horas li span.pro_texto			{ flex:0 0 calc(30% - 50px); padding-left:20px;  box-sizing:border-box; font-size:14px; font-weight:700; line-height:120%; }
	.lista_pro_horas li span.pro_texto span.empresa		{ font-size:12px; font-weight:300; }
	
	.lista_pro_horas li span.pro_horas			{ flex:0 0 calc(10%); padding-left:20px;  box-sizing:border-box; font-size:14px; font-weight:700; line-height:120%; }
	
	.lista_pro_horas li span.pro_grafico			{ flex:0 0 calc(60%); padding-left:20px;  box-sizing:border-box; font-size:14px; font-weight:700; line-height:120%; }
	
	
/* ...................... tarefas - checkin e chekout botoes e form - Botões Exportar .............................................................................................................................................. */

.exportar							{ float:right; font-size:12px; font-weight:700; text-transform:uppercase; padding:0 10px 0 40px; height:30px; line-height:30px; background:url(images/ico_exportar.png) 10px center no-repeat #fff; color:#333; border-top:1px solid #ddd; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-sizing:border-box; cursor:pointer;}
.exportar:hover							{ background-color:#d5d5d5;}

/* ...................... painel estatisticas .............................................................................................................................................. */




      .relatorio_estatistica					{ position:relative; width:100%; list-style:none; display:flex; align-items: center; margin:0 0 30px 0; padding:0; }

      .relatorio_estatistica .quadro				{ flex: 1; margin:0 5px 0 5px; padding:20px;  background:#fff; border-top:1px solid #ddd; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-sizing:border-box; }
      .relatorio_estatistica .quadro:first-child		{ margin:0 5px 0 0;}
      .relatorio_estatistica .quadro:last-child			{ margin:0 0 0 5px;}


      .relatorio_estatistica .quadro .grafico			{ display:inline-block; width:48%; min-height:240px; margin:0; padding:0; }

      .relatorio_estatistica .quadro .dados			{ display:inline-block; width:48%; float:right; }
      
	.quadro .dados h2					{ margin:0; padding:0; font-weight:700; }
      
        .quadro .dados ul					{ list-style:none; margin:20px 0 0 0; padding:0; }
      
        .quadro .dados li					{ list-style-type:none; margin:0; padding:0 0 10px 0; font-size:16px; }
	
	.quadro .dados li .numero				{ display:inline-block; width:35px; font-weight:700; color:#80B2EC; }
	.quadro .dados li .numero.checkin			{ color:#434348; }
	.quadro .dados li .numero.checkout			{ color:#90F07D; }
	



@media only screen and (max-width : 900px) {

      .relatorio_estatistica					{ position:relative; width:100%; list-style:none; display:block; margin:0 0 30px 0; padding:0; }

      .relatorio_estatistica .quadro				{ flex: 1; margin:0 5px 0 5px; padding:20px;  background:#fff; border-top:1px solid #ddd; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-sizing:border-box; }
      .relatorio_estatistica .quadro:first-child		{ margin:0 0 20px 0;}
      .relatorio_estatistica .quadro:last-child			{ margin:0;}
}


@media only screen and (max-width : 500px) {

      .relatorio_estatistica					{ position:relative; width:100%; list-style:none; display:block; margin:0 0 30px 0;  }

      .relatorio_estatistica .quadro .grafico			{ display:block; width:100%; min-height:240px; margin:0 0 30px 0; }

      .relatorio_estatistica .quadro .dados			{ display:block; width:100%; float:none; }
}



/* ...................... tarefas - checkin .............................................................................................................................................. */




/* ...................... tabela .............................................................................................................................................. */


  .bloco_tabela					{ width:100%; padding:20px; margin-bottom:20px; background:#fff; border-top:1px solid #ddd; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-sizing:border-box;}

  .tabela					{ border:none; width:100%; border-collapse: collapse; }

  .bloco .tabela				{ padding:0 15px 0 15px;  }

    .tabela thead tr				{ border:none; }
    .tabela thead tr.color			{ background-color:#ccc; }
    .tabela thead tr:hover 			{ background-color:none; }
    .tabela thead tr td				{ text-align:left; border:none; padding:10px 0 10px 0;}
    .tabela thead tr th				{ text-align:left; border:none; padding:10px 0 10px 0;}
    .tabela thead tr th.color			{ background-color:#ccc; text-align:center; }

    .tabela tbody th				{ border:none; font-size:12px; text-transform:uppercase; font-weight:700; padding:10px 0 10px 0; text-align:left; }
    .tabela tbody tr:hover 			{ background-color: #F2F2F0; }
    .tabela tbody tr				{ border-top:1px solid #ddd; }
    .tabela tbody tr.tarefa_comentario		{ border:none; padding:10px 0 10px 0; }

    .tabela td					{ text-align:left; padding:10px 0 10px 0; }

    .tabela tr:last-child td			{ border-bottom:none; }

    .tabela td span.titulo			{ display:block; font-weight:700; line-height:120%; overflow:hidden; padding-right:10px; }

      .tabela td span.titulo a			{ display:block; }
      .tabela td span.editar			{ display:block; height:23px; line-height:23px; color:#fff; background:#3C71FD; text-align:center; border:1px solid #3C71FD; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; box-sizing:border-box; cursor:pointer; }
      .tabela td span.sair			{ display:block; height:23px; line-height:23px; color:#fff; background:#D93600; text-align:center; border:1px solid #D93600; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; box-sizing:border-box; cursor:pointer; }
      .tabela td span.expandir			{ display:block; height:23px; width:23px; background:url(images/ico_mais.png)center center no-repeat #3C71FD; border-radius:50%; cursor:pointer; }
      .tabela td span.recolher			{ display:block; height:23px; width:23px; background:url(images/ico_menos.png)center center no-repeat #D93600; border-radius:50%; cursor:pointer; }




    .tabela td span.concluido			{ display:block; width:19px; height:19px; background:center no-repeat; border:1px solid #ccc; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }
    
    .tabela td span.codigo			{ padding:0 10px 0 10px; }
    .tabela td span.foto			{ display:inline-block; padding:0; margin:0 10px 0 0; background-color:#ddd; border-radius:50%; width:24px; height:24px; object-fit:cover; box-sizing:border-box; }
    .tabela td span.foto img			{ padding:0; margin:0; background-color:#ddd; border-radius:50%; width:24px; height:24px; object-fit:cover; box-sizing:border-box; }
    .tabela td span.status 			{ display:block; width:80%; height:24px; line-height:24px; color:#fff; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
    .tabela td span.status.azul			{ background:#3C71FD; }
    .tabela td span.status.laranja		{ background:#FF7F00; }
    .tabela td span.status.verde		{ background:#158708; }
    .tabela td span.status.amarelo		{ background:#FFFF00; color:#000; }
    .tabela td span.status.vermelho		{ background:#D93600; }
    .tabela td span.semana 			{ display:block; text-transform: capitalize;}
    .tabela td span.semana.azul			{ color:#3C71FD; font-weight:700; }
    .tabela td span.semana.vermelho		{ color:#D93600; font-weight:700; }
    
    .tabela td span.engenheiro.verde		{ display:block; width:80%; height:24px; line-height:24px; color:#fff; text-align:center; background:#158708; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
    
    .tabela td span.ausencia 			{ display:block; width:80%; height:24px; line-height:24px; color:#fff; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
    .tabela td span.ausencia.motivo		{ background:#FF7F00; }
    .tabela td span.ausencia.periodo		{ background:#DDDDDD; color:#383838; }

    .tabela td span.concluido.checado		{ background-image:url(images/ico_check2.png); }
    .tabela td span.local			{ display:inline-block; background:url(images/ico_localizacao.png)no-repeat; width:15px; height:23px; margin:0 0 -6px 0; padding:0; overflow:hidden;}    
    .tabela td span.semlocal			{ display:inline-block; background:url(images/ico_localizacao_semcoordenada.png)no-repeat; width:15px; height:23px; margin:0 0 -6px 0; padding:0; overflow:hidden;}


    .lista_equipe				{ margin:0; padding:0; display:flex;}
    .lista_equipe ul				{ list-style:none; margin:0; padding:0; }
      .lista_equipe li				{ list-style-type:none; margin:0; padding:0 0 0 1px; width:30px; height:30px; }
	.lista_equipe li span.pro_img		{ display:block; background-color:#ddd; width:30px; height:30px; border-radius:50%; box-sizing:border-box;}
	.lista_equipe li span.pro_img img	{ background-color:#ddd; border-radius:50%; width:30px; height:30px; object-fit:cover; }	



@media only screen and (max-width : 600px) {

  .tabela					{ border:none; max-width:100%; margin:0; padding:0; }

  .bloco .tabela				{ padding:0;  }

    .tabela thead tr th				{ word-wrap: break-word; word-spacing: -4px; text-align:center; }

    .tabela tbody tr td				{ text-align:center; word-wrap: break-word; word-spacing: -4px; }

    .tabela td span.status 			{ width:100%; }
    
    .tabela td span.ausencia 			{ width:100%; }


}


@media only screen and (max-width : 440px) {

  .tabela					{ border:none; max-width:100%; margin:0; padding:0; }

  .bloco .tabela				{ padding:0;  }

    .tabela thead tr th				{ display:none; }

    .tabela tbody tr td				{ display: flex; flex-direction: column; justify-content: center; text-align:center; word-wrap: normal; word-spacing: normal; padding:0 5px 0 5px; margin:0; }

}


/* Avisos desativados */

.aviso-desativado 				{
						background-color: #f8d7da; /* vermelho clarinho */
						color: #721c24;
						opacity: 0.8;
}

/* Avisos expirados */
.aviso-expirado {
						background-color: #fff3cd; /* amarelo clarinho */
						color: #856404;
}


/* ...................... painel geral .......................................................................................................................................... */


.cont						{ padding:10px 30px 30px 30px; }

  .cont h1					{ padding-bottom:30px; display:block; font-size:30px; font-weight:300; line-height:120%; color:#2C2C2C; }

  .esq						{ flex:1; padding-right:30px; }

  .dir						{ flex:0 0 330px; }



  .blocos_flex					{ display:flex; flex-flow:row wrap; align-items:stretch; }

    .blocos_flex .bloco				{ flex:1; margin-left:10px; background:center 15px no-repeat #fff; padding:20px 25px 20px 25px; text-align:center; }

    .blocos_flex .bloco.duplo			{ flex:2; margin-left:0; }

    .bloco.bloco_cidades			{ background-image:url(images/ico_cidades2.png); padding-top:60px; }
    .bloco.bloco_liderancas			{ background-image:url(images/ico_liderancas2.png); padding-top:60px; }
    .bloco.bloco_contatos			{ background-image:url(images/ico_contatos2.png); padding-top:60px; }

      .blocos_flex span.valor			{ font-size:30px; font-weight:700; color:#64AAD0; border-top:1px solid #eee; padding-top:26px; display:block; }

      .blocos_flex span.titulo			{ font-size:14px; font-weight:700; margin-top:15px; display:block; }

  .bloco					{ background:#fff; margin-bottom:30px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; -webkit-box-shadow:0px 2px 2px 1px rgba(0,0,0,0.05); -moz-box-shadow:0px 2px 2px 1px rgba(0,0,0,0.05); box-shadow:0px 2px 2px 1px rgba(0,0,0,0.05); }

  .bloco h2					{ font-size:12px; font-weight:700; text-transform:uppercase; height:40px; line-height:40px; white-space:nowrap; margin:0 0 0 15px; padding:0; }

  .bloco p					{ margin:0 0 0 15px; padding:0 0 15px 0; }




    .bloco_rod					{ padding:10px 0 10px 0; text-align:center; border-top:1px solid #ddd; }

  .bloco.preto					{ background:#2d2d2d; color:#fff; }

    .bloco.preto td				{ border-color:rgba(255,255,255,0.1); }

      .bloco.preto td span.titulo a		{ color:#fff; }

    .bloco.preto td span.concluido		{ border-color:rgba(255,255,255,0.2); }

    .bloco.preto .bloco_rod			{ border-color:rgba(255,255,255,0.1); }

      .bloco.preto .bloco_rod a			{ background:#444; color:#fff; }

      .bloco.preto .bloco_rod a:hover		{ background:#555; }

  .chart_outter					{ height:100%; width:50%; overflow:hidden; position:relative; float:left; }

    #chart_tarefas				{ height:200%; width:200%; margin:0; padding:0; position:absolute; top:-50%; left:-50%; }

  .chart_legenda				{ width:50%; float:left; text-align:left; }

    .chart_legenda ul				{ list-style:none; margin:20px 0 0 10px; padding:0; }

      .chart_legenda li				{ font-size:14px; font-weight:700; margin:3px 0 0 0; padding:0; white-space:nowrap; overflow:hidden; }

	.chart_legenda li span			{ font-size:20px; font-weight:900; display:inline-block; width:50px; margin-right:10px; text-align:right; }

	.chart_legenda li:nth-child(1) span	{ color:#64AAD0; }
	.chart_legenda li:nth-child(2) span	{ color:#B8587C; }
	.chart_legenda li:nth-child(3) span	{ color:#ccc; }

@media only screen and (max-width : 1800px) {

  .chart_outter					{ width:100%; height:70%; float:none; }

  .chart_legenda				{ width:100%; float:none; }

    .chart_legenda ul				{ margin:0; text-align:center; }

      .chart_legenda li				{ font-size:12px; display:inline-block; margin:0 10px 0 10px; line-height:120%; }

	.chart_legenda li span			{ font-size:18px; width:auto; text-align:left; margin-right:0; }

}

@media only screen and (max-width : 1600px) {

.cont						{ padding:10px 10px 30px 10px; }

}


@media only screen and (max-width : 900px) {

.cont						{ display:block; }

  .esq						{ padding-right:0; }

    .blocos_flex .bloco				{ margin-left:0; }

    .blocos_flex .bloco.duplo			{ flex:0 0 100%; box-sizing:border-box; }

  .chart_outter					{ display:none; }

    #chart_tarefas				{ display:none; }

  .chart_legenda				{ width:100%; float:none; }

    .chart_legenda ul				{ margin:0; }

      .chart_legenda li				{ white-space:nowrap; overflow:hidden; }

	.chart_legenda li span			{ width:40px; text-align:left; }

}

@media only screen and (max-width : 500px) {

.cont						{ padding:10px 20px 20px 20px }

  .bloco					{ margin-bottom:20px; }

}



/* ...................... cidades ............................................................................................................................................... */



#map						{ width:100%; height:600px; }

.map_pop					{ }

  .map_pop h3					{ font-size:16px; font-weight:700; margin:0; padding:5px 0 10px 0; line-height:120%; border-bottom:1px dashed #ddd; }

  .map_pop p					{ font-size:13px; margin:15px 0 10px 0; padding:0; }

  .map_pop ul					{ display:flex; flex-flow:row wrap; align-items:stretch; max-width:350px; list-style:none; margin:0; padding:0; }

    .map_pop li					{ margin:0; padding:0; flex:0 0 50%; }

      .map_pop li a				{ display:block; white-space:nowrap; border:1px solid #ddd; padding:7px 10px 7px 10px; margin:5px 5px 0 0; font-size:13px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

      .map_pop li a:hover			{ border-color:#2d2d2d; text-decoration:none; }

	.map_pop li a b				{ display:inline-block; margin-right:5px; }



/* ...................... fotos ................................................................................................................................................. */


#progress					{ display:none; }

progress					{ display:inline-block; vertical-align:baseline; }

@-webkit-keyframes progress-bar-stripes		{ from{background-position:40px 0}to{background-position:0 0} }

@-o-keyframes progress-bar-stripes		{ from{background-position:40px 0}to{background-position:0 0} }

@keyframes progress-bar-stripes			{ from{background-position:40px 0}to{background-position:0 0} }

.progress					{ height:30px; overflow:hidden; background-color:#f5f5f5; border-radius:4px; -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1); box-shadow:inset 0 1px 2px rgba(0,0,0,.1); }

.progress-bar					{ float:left; width:0; height:100%; font-size:12px; line-height:30px; color:#fff; text-align:center; background-color:#64AAD0; -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15); box-shadow:inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition:width .6s ease; -o-transition:width .6s ease; transition:width .6s ease; }

.progress-striped .progress-bar, .progress-bar-striped	{ background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size:40px 40px; background-size:40px 40px; }

.progress.active .progress-bar,.progress-bar.active	{ -webkit-animation:progress-bar-stripes 2s linear infinite; -o-animation:progress-bar-stripes 2s linear infinite; animation:progress-bar-stripes 2s linear infinite; }

.progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"]	{ min-width:30px; }

.progress-bar[aria-valuenow="0"]		{ min-width:30px; color:#777; background-color:transparent; background-image:none; -webkit-box-shadow:none;box-shadow:none; }

.progress-bar-success				{ background-color:#5cb85c; }

.progress-striped .progress-bar-success		{ background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); }

.progress-bar-info				{ background-color:#5bc0de; }

.progress-striped .progress-bar-info		{ background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); }

.progress-bar-warning				{ background-color:#f0ad4e; }

.progress-striped .progress-bar-warning		{ background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); }

.progress-bar-danger				{ background-color:#d9534f; }

.progress-striped .progress-bar-danger		{ background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); }

#files						{ margin:0 0 25px 0; padding-bottom:20px; border-bottom:1px solid #ddd; }

  #files a					{ display:inline-block; border:1px dashed #ddd; padding:5px; width:150px; height:113px; text-align:center; line-height:113px; margin-right:10px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

    #files a img				{ display:inline-block; max-width:150px; max-height:113px; vertical-align:middle; }

.albuns						{ list-style:none; margin:0; padding:0; }

  .albuns li					{ margin:0; padding:0; border-top:1px solid #ddd; }

  .albuns li:first-child			{ border:none; }

    .albuns li a				{ display:block; padding:8px 20px 8px 0; line-height:120%; }

    .albuns li a:hover				{ background:#f2f2f0; text-decoration:none; }

    .albuns li a.ativo				{ font-weight:700; }

.ico_mais					{ display:inline-block; width:25px; height:25px; margin-top:6px; float:right; background:url(images/ico_mais.png) center no-repeat #fff; border:1px solid #ccc; cursor:pointer; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

  .ico_mais:hover				{ border-color:#2d2d2d; }

.ico_editar_album				{ display:inline-block; width:25px; height:25px; margin-left:20px; margin-bottom:-8px; background:url(images/ico_editar.png) center no-repeat #fff; border:1px solid #ccc; cursor:pointer; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

  .ico_editar_album:hover			{ border-color:#2d2d2d; }

#editar_album					{ padding-bottom:0; margin-top:10px; margin-bottom:30px; display:none; }

  #editar_album form				{ padding-left:20px; padding-right:20px; }

.galeria					{ display:flex; flex-flow:row wrap; align-items:stretch; margin-left:-10px; }

  .miniatura					{ flex:0 0 316px; margin:0 0 10px 10px; position:relative; }

    .miniatura a				{ display:block; height:237px; overflow:hidden; background:center no-repeat; background-size:cover; }

    .miniatura a:hover				{ opacity:0.5; }

    .miniatura .pessoas				{ font-size:12px; display:block; margin-top:5px; }

    .miniatura .local				{ font-size:11px; display:block; margin-top:5px; color:#666; }

    .miniatura .ico_editar			{ position:absolute; width:25px; height:25px; background:url(images/ico_editar.png) center no-repeat #fff; top:198px; right:35px; cursor:pointer; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

    .miniatura .ico_excluir			{ position:absolute; width:25px; height:25px; background:url(images/ico_lixo2.png) center no-repeat #fff; top:198px; right:5px; cursor:pointer; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; }

    .miniatura .ico_editar:hover, .foto .ico_excluir:hover	{ background-color:#eee; }

.modal_foto					{ max-width:100%; left:0; transform:translate(0,0); }

  .modal_foto .modal_cont			{ max-width:100%; display:flex; flex-flow:row wrap; align-items:stretch; }

    .modal_foto_esq				{ flex:1; overflow:hidden; }

      .foto					{ max-width:100%; padding-top:20px; }

	.foto img				{ max-width:100%; display:block; }

    .modal_foto_dir				{ flex:0 0 400px; box-sizing:border-box; padding-left:20px; }

      .modal_foto_dir form fieldset		{ padding-left:0; }

	.modal_foto_dir form label		{ position:relative; top:auto; left:auto; }

	.modal_foto_dir div.fieldbox		{ padding-bottom:10px; }

	  .modal_foto_dir select[name=cidade_br]	{ max-width:211px; }

	.modal_foto_dir a.gps			{ color:#64AAD0; margin-top:10px; display:block; font-size:12px; clear:both; max-width:200px; }

	.modal_foto_dir a.baixar		{ color:#64AAD0; margin-top:10px; display:block; font-size:12px; clear:both; max-width:100px; }

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

  .modal_foto .modal_cont			{ display:block; }

    .modal_foto_dir				{ padding-left:0; margin-top:20px; border-top:1px solid #ddd; }

}


/* ...................... agenda ................................................................................................................................................ */


#agenda						{ height:667px; position:relative; padding-top:20px; }

  #calendario					{ position:relative; z-index:80; }

  #carregando					{ display:none; position:absolute; width:100%; height:100%; top:0; left:0; z-index:90; background:url(images/loader.gif) center no-repeat; }




/* ...................... grafico painel ................................................................................................................................................ */
#container {
    max-width: 240px;
    margin: 0 auto;
}

#container2 {
    max-width: 240px;
    margin: 0 auto;
}

.highcharts-figure,
.highcharts-data-table table {
    width:100%;
    margin: 0 auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 380px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}
/* ...................... avisos para profissional ................................................................................................................................................ */

.avisos {
  margin: 20px 0;
}
.aviso-item {
  background: #fff;
  border-left: 4px solid #007bff;
  padding: 10px 15px;
  margin-bottom: 10px;
  border-radius: 4px;
}
.aviso-item h3 {
  margin: 0;
  font-size: 16px;
  color: #002533;
}
.aviso-item p {
  margin: 5px 0 0;
  font-size: 14px;
  color: #333;
}