@charset "UTF-8";
/* 
   Document   : vhbpro.css
   Created on : Jul 4, 2016, 8:26:19 AM
   Author     : vgveiga/bguimaraes/vhvlopes
*/

input, select, textarea, radiobutton {
  padding: 4px 1px 4px 1px;
  margin: 0px 0px 0px 0px;
  font-size: 90%;
  resize: none;
  border: solid 1px gainsboro;
  -webkit-transition: box-shadow 0.3s, border 0.3s;
  -moz-transition: box-shadow 0.3s, border 0.3s;
  -o-transition: box-shadow 0.3s, border 0.3s;
  transition: box-shadow 0.3s, border 0.3s;
  /*Applying CSS3 gradient*/
  background: -moz-linear-gradient(center top, #FFFFFF, #EEEEEE 1px, #FFFFFF 20px);
  background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
  /*Applying CSS 3radius   */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /*Applying CSS3 box shadow*/
  -moz-box-shadow: 0 0 2px #DDDDDD;
  -webkit-box-shadow: 0 0 2px #DDDDDD; }

input[type=file] {
  background: transparent; }

input:focus, select:focus, textarea:focus, radiobutton:focus {
  border: solid 1px #707070;
  -webkit-box-shadow: 0 0 5px 1px #969696;
  -moz-box-shadow: 0 0 5px 1px #969696;
  box-shadow: 0 0 5px 1px #969696; }

.show_filter, .hide_filter, .reset_filter {
  padding: 0px 15px 0px 0px; }

.graph_image {
  cursor: pointer;
}

.progress_class[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
   appearance: none;
  background-color: #eee;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  width: 250px;
  height: 20px;
}

table {
  line-height: 100%;
  font-size: 90%;
  width: 100%;
  border-collapse: collapse;
  color: #000000;
  padding: 7px 3px 7px 3px;
  outline: none; }

table tbody tr:nth-child(even) {
  color: #000000;
  background: #FFDFA5;
  padding: 7px 3px 7px 3px; }

table a, table a:visited, table a:link, table a:active, table a:hover {
  color: #000000; }

table thead th {
  font-weight: bold;
  padding: 7px 3px 7px 3px;
  background: linear-gradient(#c66e17, #ff8d1d);
  color: #FFFFFF;
  text-transform: capitalize;
  outline: none;
  cursor: pointer; }

table thead td {
  font-weight: bold;
  padding: 7px 3px 7px 3px;
  text-transform: capitalize; }

table thead th:focus, thead th:active {
  outline: none; }

table thead tr:first-child:hover {
  cursor: default;
  background: linear-gradient(#c66e17, #ff8d1d);
  border: 0px; }

table tbody td {
  color: #000000;
  padding: 7px 3px 7px 3px; }

table tbody tr:hover {
  cursor: pointer;
  background: #FFC866; }

table tbody a {
  text-decoration: none; }

.sort {
  width: 10px;
  padding-left: 5px; }

.tablesorter thead .disabled {
  display: none; }

.tablesorter, .tablesorter .tablesorter-filter {
  min-width: 10px;
  max-width: 100%;
  width: 100%;
  outline: none; }

.tablesorter thead th {
  border: 0;
  box-shadow: none;
  outline: none; }

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: calc(105%); }

@media (max-width: 2400px) {
  body {
    font-size: calc(100%); } }
@media (max-width: 2000px) {
  body {
    font-size: calc(97%); } }
@media (max-width: 1900px) {
  body {
    font-size: calc(94%); } }
@media (max-width: 1800px) {
  body {
    font-size: calc(91%); } }
@media (max-width: 1700px) {
  body {
    font-size: calc(88%); } }
@media (max-width: 1600px) {
  body {
    font-size: calc(85%); } }
@media (max-width: 1499px) {
  body {
    font-size: calc(100%); } }
@media (max-width: 1400px) {
  body {
    font-size: calc(97%); } }
@media (max-width: 1300px) {
  body {
    font-size: calc(94%); } }
@media (max-width: 1200px) {
  body {
    font-size: calc(91%); } }
@media (max-width: 1100px) {
  body {
    font-size: calc(88%); } }
@media (max-width: 1000px) {
  body {
    font-size: calc(85%); } }
@media (max-width: 900px) {
  body {
    font-size: calc(82%); } }
@media (max-width: 800px) {
  body {
    font-size: calc(79%); } }
@media (max-width: 700px) {
  body {
    font-size: calc(76%); } }
@media (max-width: 600px) {
  body {
    font-size: calc(73%); } }
/* WEBKIT */
::-webkit-input-placeholder {
  text-align: left; }

:-moz-placeholder {
  /* Firefox 18- */
  text-align: left; }

::-moz-placeholder {
  /* Firefox 19+ */
  text-align: left; }

:-ms-input-placeholder {
  text-align: left; }

/* Início: GERAIS ------------------------------------------------------------*/
/* TELA INICIAL */
.logo {
  margin-top: 40px;
  margin-bottom: 80px;
  width: 40%; }

.grafico {
  margin-bottom: 40px;
  width: 45%; }

/* PROGRESS BAR */
.progress-label {
  font-size: 100%;
  float: left;
  margin-left: 45%;
  margin-top: 7px;
  text-align: center; }

.progress-label_tabela {
  font-size: 81.3%;
  float: left;
  margin-left: 38%;
  margin-top: 7px;
  text-align: center; }

/* LINKS*/
#links_csv {
  font-size: 85%;
  padding-right: 10px;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 99.5%;
  text-decoration: none;
  color: #2A5DB0; }

#links_csv a, #links_csv a:visited, #links_csv a:link, #links_csv a:active {
  text-decoration: none;
  color: #2A5DB0; }

#links_csv a:hover {
  color: #2200CC;
  text-decoration: none; }

#links_administracao {
  font-size: 112.5%;
  margin-right: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 100%;
  color: #2A5DB0;
  text-decoration: none; }

#links_administracao a, #links_administracao a:visited, #links_administracao a:link, #links_administracao a:active {
  color: #2A5DB0;
  text-decoration: none; }

#links_administracao a:hover {
  color: #2200CC;
  text-decoration: none; }

/* LINHA HORIZONTAL HR*/
.linhahorizontal {
  height: 1px;
  border: 0;
  box-shadow: inset 0 6px 6px -6px rgba(0, 0, 0, 0.5);
  width: 80%; }

.linhahorizontal_full {
  height: 1px;
  border: 0;
  box-shadow: inset 0 6px 6px -6px rgba(0, 0, 0, 0.5);
  width: 95%;
  margin-left: 8px;
  margin-top: 10px; }

.linhabranco {
  font-size: 30%;
  margin-top: 0px; }

/* TD_SELECIONADO_PAINEIS */
#th_selecionado {
  text-decoration: none;
  color: #ffdf7d;
  font-weight: bold; }

#td_selecionado {
  color: #ffdf7d;
  font-weight: bold; }

/* AREA LATERAL --------------------------------------------------------------*/
#area-lateralbtn {
  z-index: 3;
  top: 0px;
  margin-top: 4px;
  margin-left: 10px;
  position: fixed;
  min-width: 30px;
  max-width: 30px;
  height: auto;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer; }

#area-lateralclose {
  z-index: 3;
  top: 50px;
  margin-top: 0px;
  margin-left: 222px;
  position: fixed;
  min-width: 25px;
  max-width: 25px;
  height: auto;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer; }

#inserirdemandabtn {
  z-index: 3;
  top: 75px;
  margin-top: 5px;
  margin-left: 31px;
  position: fixed;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer; }

#inserirtarefarapidabtn {
  z-index: 3;
  top: 75px;
  margin-top: 5px;
  margin-left: 112px;
  position: fixed;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer; }

#inseriravisobtn {
  z-index: 3;
  top: 75px;
  margin-top: 5px;
  margin-left: 193px;
  position: fixed;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer; }

#searchbtn {
  z-index: 3;
  margin-top: 11px;
  margin-left: 61.7%;
  position: absolute;
  top: 0px;
  height: 12px;
  width: auto;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
  display: none; }

#searchbtnavancado {
  z-index: 3;
  margin-top: 11px;
  margin-left: 63.4%;
  position: absolute;
  top: 0px;
  height: 12px;
  width: auto;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer; }

#erasebtn {
  display: none;
  z-index: 3;
  margin-top: 12px;
  margin-left: 61.7%;
  position: absolute;
  top: 0px;
  height: 12px;
  width: auto;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer; }

#homebtn {
  z-index: 3;
  margin-top: 11px;
  margin-left: 67.4%;
  position: absolute;
  top: 0px;
  height: 15px;
  width: auto;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer; }

#info {
  z-index: 3;
  margin-top: 11px;
  right: 60px;
  position: absolute;
  top: 0px;
  height: 15px;
  width: auto;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer; }

#homebtnadmin {
  z-index: 3;
  margin-top: 11px;
  right: 34px;
  position: absolute;
  top: 0px;
  height: 15px;
  width: auto;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer; }

#refreshbtn {
  z-index: 3;
  margin-top: 11px;
  margin-left: 73.4%;
  position: absolute;
  top: 0px;
  height: 15px;
  width: auto;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer; }

#backbtn {
  z-index: 3;
  margin-top: 11px;
  margin-left: 70.4%;
  position: absolute;
  top: 0px;
  height: 15px;
  width: auto;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer; }

#backbtnadmin {
  z-index: 3;
  margin-top: 11px;
  right: 8px;
  position: absolute;
  top: 0px;
  height: 15px;
  width: auto;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer; }

#dropdownbtn {
  z-index: 1000000;
  margin-left: 0%;
  position: fixed;
  top: 6px;
  min-width: 25px;
  max-width: 25px;
  height: auto;
  cursor: pointer; }

#dropdownbtn:hover, #area-lateralbtn:hover, #area-lateralclose:hover, #inserirdemandabtn:hover, #inserirtarefarapidabtn:hover, #info:hover, #homebtn:hover, #homebtnadmin:hover, #backbtn:hover, #backbtnadmin:hover, #refreshbtn:hover, #erasebtn:hover, #searchbtnavancado:hover, #searchbtn:hover, #inseriravisobtn:hover {
  background-color: transparent;
  border-color: transparent;
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -o-transform: scale(1.06); }

#info:hover {
  cursor: default; }

.border_right {
  padding: 15px;
  display: none;
  position: absolute;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  margin-top: 25px;
  margin-left: 0;
  width: 276px;
  height: calc(100% - 75px);
  min-width: 280px;
  z-index: 100;
  box-shadow: 0 2px 2px 2px black;
  background: linear-gradient(#292929, #242424);
  color: white;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease; }

.menu_user {
  padding: 15px;
  display: none;
  position: absolute;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  margin-top: 22px;
  right: 0;
  width: 160px;
  height: auto;
  z-index: 50;
  box-shadow: 0 2px 2px 2px black;
  background: linear-gradient(#292929, #242424);
  color: white;
  font-size: 120%;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease; }

/* INPUTS*/
.switch {
  display: inline-block;
  width: 30px;
  height: 17px;
  z-index: 3;
  margin-top: 4px;
  right: 10px;
  position: absolute;
  top: 7px; }

.switch input {
  display: none; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #646f7f;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #76c2af; }

input:focus + .slider {
  box-shadow: 0 0 1px #76c2af; }

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px); }

/* Rounded sliders */
.slider.round {
  border-radius: 17px; }

.slider.round:before {
  border-radius: 50%; }

.switch_modo {
  display: inline-block;
  width: 30px;
  height: 17px;
  z-index: 3;
  margin: 0px 20px 0px 20px;

  position: relative;
  }

.switch_modo input {
  display: none; }

.slider_modo {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #76c2af;
  -webkit-transition: .4s;
  transition: .4s; }

.slider_modo:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider_modo {
  background-color: #76c2af; }

input:focus + .slider_modo {
  box-shadow: 0 0 1px #76c2af; }

input:checked + .slider_modo:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px); }

/* Rounded sliders */
.slider_modo.round {
  border-radius: 17px; }

.slider_modo.round:before {
  border-radius: 50%; }


#input_pesquisa {
  position: absolute;
  top: 0px;
  font-size: 110%;
  margin-top: 8px;
  margin-left: 37%;
  width: 26%;
  padding: 0px;
  padding-left: 8px;
  padding-right: 30px;
  border: 0px;
  background-color: #032b4d;
  background: #032b4d;
  color: white;
  outline: none;
  border: solid 1px #707070;
  -webkit-box-shadow: 0 0 5px 1px #969696;
  -moz-box-shadow: 0 0 5px 1px #969696;
  box-shadow: 0 0 5px 1px #969696; }

.textarea_geral_grande, .textarea_geral_grande_db {
  width: 98%;
  font-size: 115%; 
  overflow: scroll;
}

.input_geral_grande, .input_geral_grande_db {
  width: 98%; }

.input_geral_medio {
  width: 50%; }

.input_geral_pequeno {
  width: 25%; }

.input_geral_auto, .input_geral_auto_tarefas_padronizadas, .input_geral_auto_tarefas_personalizadas, .combo_select, .combo_select_tp {
  width: auto; }

.input_geral_data {
  width: 100px; }

.input_semborda_grande {
  width: 90%;
  border: 0px solid #CCCCCC; }

.filter-date_g, .filter-date_inicio_g, .filter-date_fim_g, .filter-date_fim_geral_g {
  width: 90%; }

.filter-date_m, .filter-date_inicio_m, .filter-date_fim_m, .filter-date_fim_geral_m, .filter-valor_inicio, .filter-valor_fim {
  width: 50%; }

.filter-date, .filter-date_inicio, .filter-date_fim, .filter-date_inicio_geral, .filter-date_fim_geral {
  width: 25%; }

.filter-date_inicio_filtro, .filter-date_fim_filtro {
  width: auto; }

.esforco {
  width: 90%; }

/* TABELA PADRÃO VHB */
#tabela_geral {
  outline: 0.5px solid #aaaaaa; 
  width: 100%;  
}

#tabela_geral th{
    background: linear-gradient(#c66e17, #ff8d1d); }

#tabela_geral_sem_hover {
  outline: 1px solid #aaaaaa; }

#tabela_geral_sem_pointer {
  outline: 1px solid #aaaaaa; }

#tabela_geral_sem_hover tr:nth-child(odd):hover {
  background: #e3f1fd; }

#tabela_geral_sem_hover tr:nth-child(even):hover {
  background: transparent; }

#tabela_geral_sem_pointer th{
  background: linear-gradient(#c66e17, #ff8d1d); }

#tabela_geral_sem_pointer tr:hover {
  cursor: default; }

#tabela_geral_insert th, #tabela_geral_insert tr, #tabela_geral_insert tr:hover {
  background: transparent;
  cursor: default; }

#tabela_geral_insert td h1 {
  font-size: 112.5%;
  color: #C42828;
  cursor: pointer; }

#tabela_geral_insert td:nth-child(1) {
  width: 13%; }

#tabela_geral_insert td:nth-child(2) {
  width: 37%; }

#tabela_geral_insert td:nth-child(3) {
  width: 13%; }

#tabela_geral_insert td:nth-child(4) {
  width: 37%; }

#tabela_geral_insert_personalizada th, #tabela_geral_insert_personalizada tr, #tabela_geral_insert_personalizada tr:hover {
  background: transparent;
  cursor: default; }

#tabela_geral_insert_personalizada td:nth-child(1) {
  width: 3%; }

#tabela_geral_insert_personalizada td:nth-child(2) {
  width: 46%; }

#tabela_geral_insert_personalizada td:nth-child(3) {
  width: 8%; }

#tabela_geral_insert_personalizada td:nth-child(4) {
  width: 25%; }

#tabela_geral_insert_personalizada td:nth-child(5) {
  width: 10%; }

#tabela_geral_insert_personalizada td:nth-child(6) {
  width: 4%; }

#tabela_geral_insert_personalizada td:nth-child(7) {
  width: 4%; }

#tabela_geral_insert_equidistante th, #tabela_geral_insert_equidistante tr, #tabela_geral_insert_equidistante tr:hover {
  background: transparent;
  cursor: default; }

#tabela_geral_insert_equidistante td {
  width: 25%; }

#tabela_secundaria_insert th, #tabela_secundaria_insert tr, #tabela_secundaria_insert tr:hover {
  background: transparent;
  cursor: default; }

#tabela_secundaria_insert td:nth-child(1) {
  width: 3%; }

#tabela_secundaria_insert td:nth-child(2) {
  width: 26%; }

#tabela_secundaria_insert td:nth-child(3) {
  width: 43%; }

#tabela_secundaria_insert td:nth-child(4) {
  width: 10%; }

#tabela_secundaria_insert td:nth-child(5) {
  width: 10%; }

#tabela_secundaria_insert td:nth-child(6) {
  width: 4%; }

#tabela_secundaria_insert td:nth-child(7) {
  width: 4%; }

#tabela_geral_informacoes tr:nth-child(even):hover {
  cursor: default;
  background: transparent; }

#tabela_geral_informacoes tr:nth-child(odd):hover {
  cursor: default;
  background: #f0f3f5; }

#tabela_geral_informacoes td:nth-child(1) {
  width: 15%; }

#tabela_geral_informacoes td:nth-child(2) {
  width: 35%; }

#tabela_geral_informacoes td:nth-child(3) {
  width: 15%; }

#tabela_geral_informacoes td:nth-child(4) {
  width: 35%; }

#tabela_icones_demanda {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 35px;
  margin: 5px 0px 0px 0px; }

#celula_icones_demanda {
  text-align: center;
  min-width: 5%;
  max-width: 5%; }

#tabela_legenda {
  line-height: 100%;
  font-size: 80%;
  min-width: 50%;
  max-width: 85%;
  margin: 0 auto;
  border-collapse: collapse;
  border: 0px;
  margin-top: 1em; }

#tabela_legenda tr {
  background: transparent;
  padding: 5px 3px 5px 3px; }

#tabela_legenda td {
  border-radius: 10px; }

#tabela_comunicado {
  font-size: 81.3%;
  width: 100%;
  text-align: left;
  padding-top: 3px;
  padding-left: 3px;
  border: 0;
  background-color: transparent; }

#tabela_comunicado tr, #tabela_comunicado td, #tabela_comunicado th {
  text-align: left;
  border: 0;
  padding: 0px 5px 0px 5px;
  color: white;
  background-color: transparent; }

#tabela_comunicado tr:hover {
  color: #ccc;
  background-color: transparent; }

#tabela_comunicado th {
  border: 0;
  font-weight: bold;
  text-align: left;
  padding-top: 2px;
  padding-bottom: 1px;
  color: red;
  background-color: transparent; }

#tabela_geral td.bold {
    font-weight: bold;
}


/*Arquivos*/
.botao_flutuante{
  position: fixed;  
  background-color: #76c2af;
  z-index: 20;
}

.posicao1 {
  top:200px;
  left: 95px;
}

.posicao2 {
  top:200px;
  right: 75px;  
}

.blue {
    background-color: #006699;
}

.botao_flutuante button{
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #76c2af;
  border: none;
  box-shadow: 0 1px 5px rgba(0,0,0,.4);
  font-size: 23px;
  font-family: FontAwesome;
  color: white;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  transition: .2s ease-out;
}

.botao_flutuante button:focus{
  outline: none;
}

.botao_flutuante button.main{  
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #76c2af;
  color: #FFFFFF;
  right: 0;
  bottom: 0;
  z-index: 20;  
}

.botao_flutuante button.salvar:before{
  content: "\f0c7";  /* this is your text. You can also use UTF-8 character codes as I do here */
}

.botao_flutuante button.projeto:before{  
  content: "\f022";  /* this is your text. You can also use UTF-8 character codes as I do here */
}

.botao_flutuante button.main:hover {  
  cursor: pointer;
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -o-transform: scale(1.06); }

.botao_flutuante_excluir{
  position: fixed;
  top:222px;
  right: 75px;
  background-color: #76c2af;
  z-index: 20;
}

.botao_flutuante_excluir button{
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #76c2af;
  border: none;
  box-shadow: 0 1px 5px rgba(0,0,0,.4);
  font-size: 23px;
  font-family: FontAwesome;
  color: white;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  transition: .2s ease-out;
}

.botao_flutuante_excluir button:focus{
  outline: none;
}

.botao_flutuante_excluir button.main{  
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #76c2af;
  color: #FFFFFF;
  right: 0;
  bottom: 0;
  z-index: 20;  
}

.botao_flutuante_excluir button.main:before{
  content: "\f057";  /* this is your text. You can also use UTF-8 character codes as I do here */
}

.botao_flutuante_excluir button.main:hover {  
  cursor: pointer;
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -o-transform: scale(1.06); }

.botao_flutuante_direita{
  position: fixed;
  top:285px;
  right: 75px;
  background-color: #cb1017;
  z-index: 20;
}

.botao_flutuante_direita button{
  cursor: pointer;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #cb1017;
  border: none;
  box-shadow: 0 1px 5px rgba(0,0,0,.4);
  font-size: 23px;
  font-family: FontAwesome;
  color: white;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  transition: .2s ease-out;
}

.botao_flutuante_direita button:focus{
  outline: none;
}

.botao_flutuante_direita button.main{  
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #cb1017;; 
  color: #FFFFFF;
  right: 0;
  bottom: 0;
  z-index: 20;  
}

.botao_flutuante_direita button.main:before{
  content: "\f2bd";  /* this is your text. You can also use UTF-8 character codes as I do here */
}

.botao_flutuante_direita button.main:hover {  
  cursor: pointer;
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -o-transform: scale(1.06); }

#drop_file_zone {
    background-color: #EEE;
    border: #999 5px dashed;
    width: 100%;
    height: 280px;
    padding: 8px;
    font-size: 18px;
}
#drag_upload_file {
  width:50%;
  margin:0 auto;
}
#drag_upload_file p {
  text-align: center;
}
#drag_upload_file #selectfile {
  display: none;
}




/*BOTÕES*/
.botao_geral {
  min-width: 28px;
  max-width: 45px;
  padding: 3px;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
  box-sizing: border-box; }

.botao_geral:hover {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -o-transform: scale(1.06); }

.botao_geral_desabilitado {
  min-width: 28px;
  max-width: 45px;
  opacity: 0.1;
  padding: 3px;
  background-color: transparent;
  border-color: transparent;
  cursor: default; }

.botao_geral_desabilitado:hover {
  background-color: transparent;
  border-color: transparent;
  cursor: default; }

.botao_geral_demanda {
  width: 35px;
  min-width: 28px;
  max-width: 45px;
  height: auto;
  padding: 3px;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer; }

.botao_geral_demanda:hover {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -o-transform: scale(1.06); }

.botao_geral_demanda_desabilitado {
  width: 35px;
  min-width: 28px;
  max-width: 45px;
  height: auto;
  opacity: 0.1;
  padding: 3px;
  background-color: transparent;
  border-color: transparent;
  cursor: default; }

.botao_geral_demanda_desabilitado:hover {
  background-color: transparent;
  border-color: transparent;
  cursor: default; }

.botao_geral_painel {
  width: 45px;
  min-width: 28px;
  max-width: 45px;
  padding: 6px 0px 0px 0px;
  height: auto;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer; }

.botao_geral_painel:hover {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -o-transform: scale(1.06); }

.botao_geral_tabela {
  width: 17px;
  display: block;
  margin: 0 auto;
  padding: 0px;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer; }

.botao_geral_tabela:hover {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -o-transform: scale(1.06); }

.botao_excluir_selecionados {
  padding: 3px;
  background-color: transparent;
  border-color: #cccccc;
  cursor: pointer; }

.botao_topo {
  display: block;
  margin: 0 auto;
  padding-left: 3px;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer; }

.botao_topo:hover {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -o-transform: scale(1.06); }

.botao_limpo, .botao_limpo_add, .botao_limpo_remove, .botao_limpo_desabilita, .botao_limpo_desabilita_providencia, .botao_limpo_remove_providencia_db, .botao_limpo_habilita, .botao_limpo_habilita_providencia, .botao_limpo_add_providencia, .botao_limpo_remove_providencia, .botao_limpo_add_todo, .botao_limpo_habilita_todo, .botao_limpo_sobe_todo, .botao_limpo_desce_todo, .botao_limpo_desabilita_todo {
  width: 17px;
  display: block;
  margin: 0 auto;
  border: 0px;
  background: transparent;
  border: none;
  cursor: pointer; }

.botao_limpo:hover, .botao_limpo_add:hover, .botao_limpo_remove:hover, .botao_limpo_desabilita:hover, .botao_limpo_desabilita_providencia:hover, .botao_limpo_remove_providencia_db:hover, .botao_limpo_habilita:hover, .botao_limpo_habilita_providencia:hover, .botao_limpo_add_providencia:hover, .botao_limpo_remove_providencia:hover, .botao_limpo_habilita_todo:hover, .botao_limpo_add_todo:hover, .botao_limpo_sobe_todo:hover, .botao_limpo_desce_todo:hover, botao_limpo_desabilita_todo:hover  {
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -o-transform: scale(1.06); }

.botao_padrao, .botao_excluir_selecionados {
  background: #5e9a8b;
  background-image: -webkit-linear-gradient(top, #5e9a8b, #76c2af);
  background-image: -moz-linear-gradient(top, #5e9a8b, #76c2af);
  background-image: -ms-linear-gradient(top, #5e9a8b, #76c2af);
  background-image: -o-linear-gradient(top, #5e9a8b, #76c2af);
  background-image: linear-gradient(to bottom, #5e9a8b, #76c2af);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 0.9em;
  margin: 10px 5px 10px 5px;
  padding: 6px 12px 6px 12px;
  text-decoration: none;
  text-shadow: 0px 2px #555555;
  border: 0px solid;
  cursor: pointer; }

.botao_padrao:hover, .botao_excluir_selecionados:hover {
  -webkit-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -o-transform: scale(1.06); }

.botao_arquivo {
  cursor: pointer; 
  display: inline-block;
  padding: .30rem .30rem;
  border-radius: 1rem;
  background-color: #76c2af;
  color: #FFF;
  
  font-size: 0.80rem;
  letter-spacing: .12rem;
  transition: all .3s;
  position: relative;
  overflow: hidden;
  z-index: 1; 
}

 .botao_arquivo:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #76c2af;
    border-radius: 1rem;
    z-index: -2;
  }
  
 .botao_arquivo:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: darken(#76c2af, 15%);
    transition: all .3s;
    border-radius: 1rem;
    z-index: -1;
  }
  .botao_arquivo:hover {      
    cursor: pointer;
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06); }
  
  .botao_arquivo:before {
      width: 100%;
  }
  
  .botao_atividade {
  text-align: left;
  cursor: pointer; 
  display: inline-block;
  padding: .30rem .30rem;
  border-radius: 1rem;
  background-color: #76c2af;
  color: #FFF;
  
  font-size: 0.80rem;
  transition: all .3s;
  position: relative;
  overflow: hidden;
  z-index: 1; 
  max-width: 400px;
  white-space: normal;
}

 .botao_atividade:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #76c2af;
    border-radius: 1rem;
    z-index: -2;
  }
  
 .botao_atividade:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: darken(#76c2af, 15%);
    transition: all .3s;
    border-radius: 1rem;
    z-index: -1;
  }
  .botao_atividade:hover {      
    cursor: pointer;
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06); }
  
  .botao_atividade:before {
      width: 100%;
  }
  
  .botao_campos {
  left: 0;
  text-align: left;
  cursor: pointer; 
  display: inline-block;
  padding: .50rem .50rem;
  border-radius: 1rem;
  background-color: #FFF;
  color: #000;
  font-size: 0.80rem;
  transition: all .3s;  
  overflow: auto;
  z-index: 1; 
  /*width: fit-content;*/
  white-space: normal;
}

.botao_campos::placeholder {
    color: #999999;
}

 .botao_campos:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 98%;
    height: 100%;
    background-color: #3399ff;
    border-radius: 1rem;
    z-index: -2;
  }
  
 .botao_campos:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;    
    height: 100%;
    background-color: darken(#3399ff, 15%);
    transition: all .3s;
    border-radius: 1rem;
    z-index: -1;
  }
  .botao_campos:hover {      
    cursor: pointer;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02); }
  
  .botao_campos:before {
      width: 100%;
  }
  
  .center {
      text-align: center;      
  }

  .botao_campos.kanban {
    text-align: center;
    text-transform: uppercase;    
    cursor: none; 
    display: inline-block;
    padding: .20rem .20rem;
    border: none;
    background-color: transparent;
    color: #2757c5;
    font-size: 0.80rem;
    transition: all .3s;           
    width: fit-content;
    white-space: normal;
    margin: 5px 0px 5px 0px;
  }
  
  #div_menu {
      position: absolute;
  }
  
  .botao_menu {
      display: flex; 
  }
  
  .icone_menu {
      width: 40px;
      margin-right: 5px;
      cursor: pointer;
  }
  
  .div_campos_full {
  left: 0;
  text-align: left;
  cursor: pointer; 
  display: inline-block;
  padding: .50rem .50rem;
  margin: 3px 0px 3px 0px;
  border-radius: 1rem;
  background-color: #3399ff;
  color: #FFF;
  font-size: 0.80rem;
  transition: all .3s;  
  overflow: auto;
  z-index: 1; 
  width: 98%;
  white-space: normal;
}

.div_campos_full.bg_vencido {
    background-color: #ff6666;
}

.div_campos_full.bg_vencendo {
    background-color: #e7a50b;
}

.div_campos_full.bg_noprazo {
    background-color: #5aaf76;
}

.div_campos_full::placeholder {
    color: #999999;
}

 .div_campos_full:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;    
    border-radius: 1rem;
    z-index: -2;
  }
  
 .div_campos_full:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;    
    height: 100%;   
    transition: all .3s;
    border-radius: 1rem;
    z-index: -1;
  }
  .div_campos_full:hover {      
    cursor: pointer;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02); }
  
  .div_campos_full:before {
      width: 100%;
  }
  
  .branco {
      background-color: #FFF;
      color: #000; 
  }  
  
  .azul {
      background-color: #3399ff; 
      color: #FFF; 
  }
  
  .vermelho {
       background-color: #ff6666;
       color: #FFF; 
  }
  
  .verde {
       background-color: #76c2af;
       color: #FFF; 
  }
  
  .laranja {
      background-color: chocolate;
      color: #FFF; 
  }
  
  .full {
      width: 98%;      
  }
  
  .full:hover {      
    cursor: pointer;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02); }
  
  .full:before {
      width: 98%;
  }
  
  .medium {
      width: 48%;  
  }
  
  .margin_wide {
      margin: 8px 8px 8px 8px;
  }
  
  .left {
      text-align: left;
  }
  
  .botao_todo {
  left: 0;
  text-align: left;
  cursor: pointer; 
  display: inline-block;
  padding: .30rem .30rem;
  border-radius: 1rem;    
  font-size: 0.80rem;
  transition: all .3s;
  position: relative;
  overflow: auto;
  z-index: 1; 
  width: 90%;
  white-space: normal;
}

.botao_todo::placeholder {
    color: #999999;
}

 .botao_todo:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;    
    border-radius: 1rem;
    z-index: -2;
  }
  
 .botao_todo:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;    
    transition: all .3s;
    border-radius: 1rem;
    z-index: -1;
  }
  .botao_todo:hover {      
    cursor: pointer;
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02); }
  
  .botao_todo:before {
      width: 100%;
  }
  
  
/* DIVISÕES*/
.titulo_principal {
  margin: 3px 0px 10px 25%;
  padding: 5px 0px 5px 0px;
  height: 30px;
  text-align: center;
  width: 50%;
  color: #000000;
  border-collapse: separate;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }

.titulo_principal h1 {
  padding: 5px 0px 5px 0px;
  font-size: 105%;
  float: center;
  color: #4e4e4e;
  text-transform: uppercase; }

.titulo_principal a:hover, .titulo_principal a:visited, .titulo_principal a:link, .titulo_principal a:active {
  color: white; }

.titulo_principal_semhr {
  margin: 3px 0px 10px 25%;
  padding: 5px 0px 5px 0px;
  height: 30px;
  text-align: center;
  width: 50%;
  color: #000000; }

.titulo_principal_semhr h1 {
  padding: 5px 0px 5px 0px;
  font-size: 105%;
  float: center;
  color: #4e4e4e;
  text-transform: lowercase; }

.titulo_principal_semhr a:hover, .titulo_principal_semhr a:visited, .titulo_principal_semhr a:link, .titulo_principal_semhr a:active {
  color: white; }

.titulo_principal_superior {
  overflow: visible;
  position: fixed;
  top: 0px;
  left: 50px;
  margin-top: 11px;
  margin-left: 0px;
  width: 30%;
  height: 30px;
  text-align: left;
  z-index: 4;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s; }

.titulo_principal_superior h1 {
  font-size: 110%;
  float: left;
  font-weight: none;
  color: white;
  text-transform: uppercase;
  z-index: 4; }

.titulo_principal_superior a:hover, .titulo_principal_superior a:visited, .titulo_principal_superior a:link, .titulo_principal_superior a:active {
  color: #104E8B; }

.titulo_principal_superior_demanda {
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center;
  color: white; }

.titulo_principal_superior_demanda h1 {
  font-size: 140%;
  float: center;
  text-transform: uppercase; }

.erro {
  font-size: 70%;
  position: absolute;
  left: 0;
  right: 0;
  margin-left: 40px;
  font-weight: bold;
  color: #ff0000;
  text-transform: uppercase;
  margin-top: 0px;
  width: 40%; }

.erro_imagem {
  width: 25px;
  position: absolute;
  margin-left: 300px;
  margin-top: -2px; }

.titulo_logo {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto; }

.titulo_logo h1 {
  padding-top: 3px;
  font-size: 185%;
  margin-top: -15px;
  text-align: center;
  cursor: pointer;
  color: #405279;
  text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2); }

.titulo_logo h2 {
  font-size: 100%;
  text-align: center;
  cursor: default;
  color: #fff;
  text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15); }

.area-lateral_titulo {
  margin-top: 8px;
  margin-bottom: 15px;
  height: 32px; }

.area-lateral_titulo h1 {
  font-size: 105%;
  margin-top: 10px;
  float: left;
  width: 100%;
  font-weight: normal;
  color: #6699ff; }

.div_centralizado_fixo {
  position: fixed;
  z-index: 4;
  /* MAGIC HAPPENS HERE */
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  top: 135px;
  margin-top: 0em;
  padding-top: 0px;
  padding-bottom: 10px;
  margin-left: 0px;
  margin-right: 0;
  margin-bottom: 0px;
  width: calc(100% - 20px);
  background-color: #4a5564; }

.div_centralizado_fixo h1 {
  float: center;
  color: white;
  text-transform: uppercase; }

.div_centralizado {
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center; }

.div_centralizado h1 {
  float: center;
  text-transform: uppercase; }

.div_centralizado h2 {
  font-size: 95%;
  text-align: center;
  text-transform: lowercase; }

.div_centralizado p {
  font-size: 90%;
  text-align: center; }

.div_centralizado input.upload {
  width: auto;
  padding: 8px;
  margin: 0px 0px 0px 0px;
  border: 0px solid #CCCCCC; }

.div_centralizado small {
  font-size: 60%; }

.div_centralizado_scroll {
  margin-top: 1.8em;
  margin-bottom: 1em;
  height: auto;
  min-height: 0%;
  max-height: 70%;
  text-align: center;
  overflow-x: auto;
  overflow-y: auto;
  white-space: nowrap; }

.div_centralizado_scroll_gantt {
  margin-top: 0em;
  max-width: 98%;
  /*max-height: 55vh;*/
  text-align: center;
  overflow-x: auto;
  overflow-y: auto;
  white-space: nowrap;
  border-radius: 10px;
  margin-left: 12px; }

.div_centralizado_scroll h1, .div_centralizado_scroll_gantt h1 {
  float: center;
  font-weight: bold;
  color: #404040;
  text-transform: uppercase; }

.div_centralizado_scroll h2, .div_centralizado_scroll_gantt h2 {
  font-size: 95%;
  text-align: center;
  color: #404040;
  font-weight: bold;
  text-transform: lowercase; }

.div_centralizado_scroll p, .div_centralizado_scroll_gantt p {
  font-size: 90%;
  text-align: center;
  color: black;
  font-weight: bold; }

.div_centralizado_scroll small, .div_centralizado_scroll_gantt small {
  font-size: 60%; }

.div_top {
  float: top;
  text-align: left; }

.div_bottom {
  float: bottom;
  width: 13.8%;
  text-align: left;
  margin-bottom: 1.5em; }

.div_left {
  text-align: left; }

.div_right {
  text-align: right; }

.autorelevo {
  align-items: center;
  width: calc(100% - 10px); /* calc(50% - 40px)*/
  text-align: center;
  margin: 0px 20px 20px 0px;
  padding: 10px 10px 10px 10px;
  border: 0px;
  float: left;
  height: max-content; /*670px*/
  height: -moz-fit-content;
  max-height: 670px;
  min-width: 400px;
  overflow-y: auto;
  background: rgb(255,238,214);
background: -moz-radial-gradient(circle, rgba(255,238,214,1) 77%, rgba(255,255,255,1) 100%);
background: -webkit-radial-gradient(circle, rgba(255,238,214,1) 77%, rgba(255,255,255,1) 100%);
background: radial-gradient(circle, rgba(255,238,214,1) 77%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffeed6",endColorstr="#ffffff",GradientType=1);
  border-radius: 10px; }

.autorelevo h2 {
  color: #C42828; }

.autorelevo_progresso {
  align-items: center;
  width: 100%; /* calc(50% - 40px)*/
  text-align: center;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  border: 0px;
  float: left;
  height: max-content; /*670px*/
  height: -moz-fit-content;  
  background: rgb(255,238,214);
  background: -moz-radial-gradient(circle, rgba(255,238,214,1) 77%, rgba(255,255,255,1) 100%);
  background: -webkit-radial-gradient(circle, rgba(255,238,214,1) 77%, rgba(255,255,255,1) 100%);
  background: radial-gradient(circle, rgba(255,238,214,1) 77%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffeed6",endColorstr="#ffffff",GradientType=1);
  border-radius: 10px; }


.autorelevo2 {
  width: calc(100% - 10px); /* calc(100% - 50px)*/
  text-align: center;
  margin: 0px 20px 20px 0px;
  padding: 10px 10px 10px 10px;
  border: 0px;
  float: left;
  height: max-content; /*670px*/
  max-height: 670px;
  overflow-y: auto;
  background: rgb(255,238,214);
background: -moz-radial-gradient(circle, rgba(255,238,214,1) 77%, rgba(255,255,255,1) 100%);
background: -webkit-radial-gradient(circle, rgba(255,238,214,1) 77%, rgba(255,255,255,1) 100%);
background: radial-gradient(circle, rgba(255,238,214,1) 77%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffeed6",endColorstr="#ffffff",GradientType=1);
  border-radius: 10px; }

.autorelevo2 h2 {
  color: #C42828; }


.autorelevo_semscroll {
  width: calc(100% - 60px); /* calc(50% - 40px)*/
  text-align: center;
  margin: 0px 20px 20px 0px;
  padding: 10px 10px 10px 10px;
  border: 0px;
  float: left;
  height: max-content; /*670px*/
  max-height: 800px;
  overflow-y: auto;
  background: rgb(255,238,214);
background: -moz-radial-gradient(circle, rgba(255,238,214,1) 77%, rgba(255,255,255,1) 100%);
background: -webkit-radial-gradient(circle, rgba(255,238,214,1) 77%, rgba(255,255,255,1) 100%);
background: radial-gradient(circle, rgba(255,238,214,1) 77%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffeed6",endColorstr="#ffffff",GradientType=1);
  border-radius: 10px; }

.autorelevo_titulo {  
  width: 100%;
  text-align: center;
  align-content: center;
  font-size: 1.7em;
  color: white;
  margin: 0px 20px 20px 0px;
  padding: 10px 10px 10px 10px;
  border: 0px; 
  height: max-content; /*670px*/
  max-height: 800px;
  overflow-y: auto;
   }

.modo_kanban {
    text-align: center;
    align-itens: center;
}

.modo_kanban_titulo {
  width: 100%;    
  text-align: center;
  align-content: center;
  color: white;
  margin: 0px 20px 20px 0px;
  padding: 10px 10px 10px 10px;
  border: 0px; 
  height: max-content; /*670px*/
  max-height: 800px;
  overflow-y: auto;
  
}

.div_fonte {
  font-size: 180%;
  margin-top: 0.2em;
  text-align: center; }

.div_fonte_naoselecionado {
  font-size: 175%;
  margin-top: 0.2em;
  text-align: center;
  color: #AAAAAA; }

.div_fonte_selecionado {
  font-size: 175%;
  margin-top: 0.2em;
  text-align: center;
  color: #032B4D; }

.div_titulo_painel_th {
  font-size: 108%;
  margin-top: 0.4em;
  text-align: center; }

.div_titulo_painel {
  font-size: 100%;
  text-transform: lowercase;
  margin-top: 0.4em;
  text-align: center; }

.div_titulo_painel_naoselecionado {
  font-size: 93.8%;
  text-transform: lowercase;
  margin-top: 0.4em;
  text-align: center;
  color: #AAAAAA; }

.div_titulo_painel_selecionado {
  font-size: 93.8%;
  text-transform: lowercase;
  margin-top: 0.4em;
  text-align: center;
  color: #032B4D; }

.div_espaco {
  padding-bottom: 0.5em; }

.class_hidden {
  display: none; }

/* ========== MAIN CONTENT CONTAINERS ========= */
/* Desktops */
@media (min-width:768px) { .container-block { padding: 1% 2% } }

/* Mobiles */
@media (max-width:767px) { .container-block { padding: 4% 7% } }

/* Desktops: flexbox child columns */
@media (min-width:768px) {
    .item-col-4 { width: 24% }
}

/* Flexbox parent container */
.container-flexbox {
   display: flex; 
   justify-content: space-between; 
   flex-wrap: wrap; 
}

.container-flexbox.bg-dark .item-col-4 * { color: #fff }

/* Desktops: inner padding for child columns */
@media (min-width:768px) {
   [class*="item-col-"].item-col-padding { padding: 1.8% 2% 2.2% 2% }
}

/* Mobiles: inner padding for child columns  */
@media (max-width:767px) {
    [class*="item-col-"].item-col-padding { padding: 6.5% 7% 7% 7% }
}

.flex_panel {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  flex-direction: row;
  align-content: space-around; }

.flex_panel_item {
  width: 15%;
  padding: 10px; }

.flex_title {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-start; }

.flex_title_item {
  font-weight: bold;
  padding: 8px 0px 8px 0px;
  background: linear-gradient(#c66e17, #ff8d1d);
  color: white; }

.flex_title_item:nth-child(1) {
  width: 3%; }

.flex_title_item:nth-child(2) {
  width: 20%; }

.flex_title_item:nth-child(3) {
  width: 22%; }

.flex_title_item:nth-child(4) {
  width: 26%; }

.flex_title_item:nth-child(5) {
  width: 11%; }

.flex_title_item:nth-child(6) {
  width: 11%; }

.flex_title_item:nth-child(7) {
  width: 5%; }

.flex_row, .flex_row_tp {
  display: flex;
  padding-top: 8px;
  padding-bottom: 0px;
  flex-wrap: no-wrap;
  flex-direction: row;
  width: 100%;
  justify-content: flex-start; }

.flex_row_item:nth-child(1) {
  width: 3%; }

.flex_row_item:nth-child(2) {
  width: 20%; }

.flex_row_item:nth-child(3), .group {
  display: flex;
  flex-wrap: no-wrap;
  width: 77%;
  justify-content: flex-start; }

.flex_row_item2 {
  width: 7.69%; }

.flex_row_item2:nth-child(1) {
  width: 30.77%; }

.flex_row_item2:nth-child(2) {
  width: 30.77%; }

.flex_row_item2:nth-child(3) {
  width: 30.77%; }

.flex_row_item2:nth-child(4) {
  width: 15.38%; }

.flex_row_item2:nth-child(5) {
  width: 15.38%; }

.flex_row_item2:nth-child(6) {
  width: 7.69%; }

.flex_title_providencia {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-start; }

.flex_title_providencia_item {
  font-weight: bold;
  padding: 8px 0px 8px 0px;
  background: linear-gradient(#c66e17, #ff8d1d);
  color: white; }

.flex_title_providencia_item:nth-child(1) {
  width: 42%; }

.flex_title_providencia_item:nth-child(2) {
  width: 10%; }

.flex_title_providencia_item:nth-child(3) {
  width: 23%; }

.flex_title_providencia_item:nth-child(4) {
  width: 15%; }

.flex_title_providencia_item:nth-child(5) {
  width: 10%; }

.flex_row_providencia {
  display: flex;
  padding-top: 8px;
  padding-bottom: 0px;
  flex-wrap: no-wrap;
  flex-direction: row;
  width: 100%;
  justify-content: flex-start;
  align-items: center; }

.flex_row_providencia_item:nth-child(1) {
  width: 42%; }

.flex_row_providencia_item:nth-child(2) {
  width: 10%; }

.flex_row_providencia_item:nth-child(3) {
  width: 23%; }

.flex_row_providencia_item:nth-child(4) {
  width: 15%; }

.flex_row_providencia_item:nth-child(5) {
  width: 10%; }

.flex_row_providencia_item {
  width: 10%; }

.flex_title_todo {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-start; }

.flex_title_todo_item {
  font-weight: bold;
  padding: 8px 0px 8px 0px;
  background: linear-gradient(#c66e17, #ff8d1d);
  color: white; }

.flex_title_todo_item:nth-child(1) {
  width: 4%; }

.flex_title_todo_item:nth-child(2) {
  width: 4%; }

.flex_title_todo_item:nth-child(3) {
  width: 30%; }

.flex_title_todo_item:nth-child(4) {
  width: 33%; }

.flex_title_todo_item:nth-child(5) {
  width: 15%; }

.flex_title_todo_item:nth-child(6) {
  width: 10%; }

.flex_title_todo_item:nth-child(7) {
  width: 4%; }


.flex_row_todo {
  display: flex;
  padding-top: 8px;
  padding-bottom: 0px;
  flex-wrap: no-wrap;
  flex-direction: row;
  width: 100%;
  justify-content: flex-start;
  align-items: center; }

.flex_row_todo_item:nth-child(1) {
  width: 4%; }

.flex_row_todo_item:nth-child(2) {
  width: 4%; }

.flex_row_todo_item:nth-child(3) {
  width: 30%; }

.flex_row_todo_item:nth-child(4) {
  width: 33%; }

.flex_row_todo_item:nth-child(5) {
  width: 15%; }

.flex_row_todo_item:nth-child(6) {
  width: 10%; }

.flex_row_todo_item:nth-child(7) {
  width: 4%; }


.tachado {
   text-decoration: line-through;
}

.flex_inline {
  display: flex;
  flex-direction: row;
  flex-wrap: no-wrap;
  justify-content: flex-start; }

.flex_inline_item {
  width: auto; }

.menu_user_item {
  display: table;
  width: fit-content;
  font-size: 82%;
  text-transform: capitalize;
  padding-bottom: 10px;
  padding-top: 10px;
  cursor: pointer;
  color: white; }

#nivel_gerencial2, #nivel_gerencial3, #nivel_gerencial4 {
  display: none; }

/* FIM: GERAIS ---------------------------------------------------------------*/
/* INÍCIO ACCORDION ----------------------------------------------------------*/
.menu_lateral {
  font-size: 90%;
  color: white;
  text-decoration: none;
  margin: 0;
  background: linear-gradient(#292929, #242424);
  text-transform: lowercase;    
}

.menu_lateral:hover {
  cursor: pointer;
  background-color: transparent;
}

.accordionItemColaborador div, .accordionItemProjetos div,
.accordionItemTarefas div, .accordionItemDemandas div,
.accordionItemConfiguracoes div, .accordionItemEstrutura div,
.accordionItemCategorias div {
  margin-left: 0;
  text-decoration: none;
  text-shadow: 1px 1px #6e6e6e;
  background: transparent; }

.accordionItemColaborador.hide div, .accordionItemProjetos.hide div,
.accordionItemTarefas.hide div, .accordionItemDemandas.hide div,
.accordionItemConfiguracoes.hide div, .accordionItemEstrutura.hide div,
.accordionItemCategorias.hide div {
  display: none;
  background: transparent; }

.accordionItemColaborador h2, .accordionItemProjetos h2,
.accordionItemTarefas h2, .accordionItemDemandas h2,
.accordionItemConfiguracoes h2, .accordionItemEstrutura h2,
.accordionItemCategorias h2 {
  margin-top: 0;
  font-weight: none;
  font-size: 100%;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #ffebce;
  border: 0px solid black;
  text-transform: capitalize;
  background: transparent; }

.accordionItemColaborador h2:hover, .accordionItemProjetos h2:hover,
.accordionItemTarefas h2:hover, .accordionItemDemandas h2:hover,
.accordionItemConfiguracoes h2:hover, .accordionItemEstrutura h2:hover,
.accordionItemCategorias h2:hover {
  cursor: pointer;
  background: transparent; }

.accordionItemColaborador.hide h2, .accordionItemProjetos.hide h2,
.accordionItemTarefas.hide h2, .accordionItemDemandas.hide h2,
.accordionItemConfiguracoes.hide h2, .accordionItemEstrutura.hide h2,
.accordionItemCategorias.hide h2 {
  color: white; }

.accordionList td {
  font-size: 90%;
  color: white;
  margin-top: 0;
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  background: linear-gradient(#292929, #242424);
  text-transform: lowercase; }



.accordionItemColaborador td:hover, .accordionItemProjetos td:hover,
.accordionItemTarefas td:hover, .accordionItemDemandas td:hover,
.accordionItemConfiguracoes td:hover, .accordionItemEstrutura td:hover,
.accordionItemCategorias td:hover {
  cursor: pointer;
  background-color: transparent; }

/* FIM ACCORDION ----------------------------------------------------------*/
/*Início: SITE --------------------------------------*/
#site {
  width: 100%;
  margin-left: 0;
  margin-right: 0; 
  box-sizing: border-box;
}

/*Fim: SITE -----------------------------------------*/
.barra_superior {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.5em;
  width: 100%;
  background-color: #063964;
  height: 38px;
  position: absolute;
  top: 0px;
  z-index: 3; }

/*Início: BODY-----------------------------------------------------*/
body {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #4a5564;
  overflow: hidden;
  overflow: -moz-scrollbars-none; 
  box-sizing: border-box;
}

* {
    box-sizing: inherit;
}


/*Fim: BODY--------------------------------------------------------*/
/* IMPRIME POSSIBILIDADES DE SELEÇÃO ("EXECUTAR, ANALISAR, ANALISADA")*/
.painel_selecao {
  font-size: 100%;
  width: 45%;
  text-decoration: none;
  background-color: transparent;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 20px;
  border: 0px solid #003f7f; }

.painel_selecao a:active, .painel_selecao a:visited, .painel_selecao a:link {
  color: #000000;
  text-decoration: none; }

/* TABELA PAINEL SELECAO*/
.painel_selecao table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 8%;
  margin: 0px;
  padding: 0px;
  background-color: transparent; }

.painel_selecao tbody {  
  background-color: transparent; }

.painel_selecao tr {  
  background-color: transparent; }

.painel_selecao tr:first-child td {
  font-size: 93.8%;
  vertical-align: middle;
  text-align: center;
  color: #2A5DB0;
  width: 33%;
  background-color: transparent; }

.painel_selecao td:hover, .painel_selecao a:hover, .painel_selecao tr:hover {
  font-size: 100%;
  color: #2200CC;
  background-color: transparent; }

.painel_selecao_2col {
  width: 30%;
  text-decoration: none;
  background-color: transparent;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 20px;
  border: 0px solid #003f7f; }

.painel_selecao_2col a:active, .painel_selecao_2col a:visited, .painel_selecao_2col a:link {
  font-size: 100%;
  color: #2A5DB0;
  text-decoration: none; }

/* TABELA PAINEL SELECAO*/
.painel_selecao_2col table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 8%;
  margin: 0px;
  padding: 0px;
  background-color: transparent; }

.painel_selecao_2col tr:first-child td {
  font-size: 93.8%;
  vertical-align: middle;
  text-align: center;
  color: black;
  width: 50%;
  background-color: transparent; }

.painel_selecao_2col td:hover, .painel_selecao_2col a:hover, .painel_selecao_2col tr:hover {
  font-size: 100%;
  background-color: transparent;
  color: #2200CC; }

/*Início: Links para demais sistemas e Configuração do Usuário----------------*/
#cabecalho {
  /* Imprime Nome e Sair e Painel - No admin não imprime */
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
  margin-top: 32px;
  height: 80px;
  /*Altura estipulada arbitrariamente*/
  position: fixed;
  overflow: no-content;
  z-index: 2;
  background-color: #4a5564; }

.logout {
  /* Imprime Nome e Sair */
  width: auto;
  right: 105px;
  position: absolute;
  top: 2px;
  margin-top: 11px;
  font-size: 80%;
  text-align: right;
  color: white;
  cursor: pointer; }

/* AREA PRINCIPAL ------------------------------------------------------------*/
.area-principal {
  position: absolute;
  display: block;
  top: 138px !Important;
  width: 100%;
  height: calc(100% - 138px); /* 138px */
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  overflow: hidden;
  z-index: 10; }

.area-principal-admin {
  position: absolute;
  top: 46px;
  width: calc(100% - 10px);
  height: calc(100% - 46px); /* 46px   */
  margin-left: 10px;
  margin-right: 0px;
  margin-top: 0px;
  overflow-y: auto;
  overflow-x: auto;
  z-index: 10; }

.area-principal_inside {
  margin-top: 0px;
  width: calc(100% - 20px);
  margin-left: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  overflow: visible;
  overflow-y: auto;
  overflow-x: auto; }

.hide {
   display: none;
}

/*# sourceMappingURL=webgruppo.css.map */