/* 
    Created on : 14/12/2017, 11:28:31
    Author     : ti2
*/

body {
  font-family: OpenSansRegular !important;
}

body,
.collapsible .collapsible-body {
  background-color: #fff;
}

/* FILTROS */

ul.form_filtros .botao_filtro {
  margin-top: 0.5em;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

ul.form_filtros > li {
  border-radius: inherit;
}

ul.form_filtros li {
  background-color: #fff;
}

ul.form_filtros li > div.collapsible-header {
  color: #000;
  background-color: #fff;
}

.form_filtros .form_filtros_conteudo {
  color: #000;
}

div.form_filtros_cabecalho {
  border-color: #fff !important;
  height: 2em;
}


#main_principal .field_body.field_busca > a.field_link_elem {
  background-color: #4a0838;
}

/* MENU MULTIFUNÇÃO */
#main_principal .menu_multifuncao > div:first-of-type {
  background-color: #fff;
  font-weight: bold;
}

#main_principal .menu_multifuncao > div:first-of-type > .tabs {
  overflow: hidden;
  height: 50px;
}

/* ABAS INDICADOR INFERIOR*/
#main_principal .menu_multifuncao > div:first-of-type > .tabs .indicator {
  background-color: #000;
}

/* ABAS INDICADOR HOVER */
#main_principal .menu_multifuncao > div:first-of-type > .tabs .indicator:hover {
  background-color: #facf22;
}

/* FUNDO ABAS */
#main_principal .menu_multifuncao > div:first-of-type > .tabs .tab {
  height: 48px;
  line-height: 48px;
  background-color: #0f74a8;
}

/* TEXTO ABAS */
#main_principal .menu_multifuncao > div:first-of-type > .tabs .tab a {
  color: #fff;
}

/* FUNDO ABAS HOVER*/
#main_principal .menu_multifuncao > div:first-of-type > .tabs .tab a:hover {
  background-color: #ccc;
}

/* FUNDO ABAS ATIVA*/
#main_principal .menu_multifuncao > div:first-of-type > .tabs .tab a.active {
  background-color: #facf22;
}

#main_principal .menu_multifuncao_mobile > a {
  color: #388e3c;
}

#main_principal .menu_multifuncao_mobile > a > svg path {
  fill: #000;
}

#main_principal .menu_multifuncao_mobile > a:hover {
  color: #000;
}

#main_principal .menu_multifuncao_mobile > a:hover > svg path {
  fill: #000;
}

/* FORMULÁRIO TABELA */
table.form_tabela > thead > tr > th {
  background-color: #fff;
  color: #653b6a;
}

#main_principal table.form_tabela > thead > tr > th svg path {
  fill: #000;
}

#main_principal table.form_tabela > thead > tr > th a.marcado svg path {
  fill: #e01948;
}

/* REGISTRO SELECIONADO DA TABELA */
#main_principal table.form_tabela > tbody > tr.active {
  background-color: #bdbdbd;
  border: 1px solid #bdbdbd;
}

#main_principal #viewmultifuncao-menumobile li.active {
  background-color: #000;
}

#main_principal #viewmultifuncao-menumobile li.active a {
  color: #fff;
}

/* DISPLAY SELECT */
#main_principal .field_body.field_display_select_menu .field_display_select_list .field_display_select_item.selected {
  background-color: rgba(99, 9, 57, .2);
  border-bottom-color: rgba(99, 9, 57, .8);
}

#main_principal .field_body.field_display_select_menu .field_display_select_list .field_display_select_item:hover {
  background-color: rgba(99, 9, 57, .35);
}

.grid-topofixo > div:nth-of-type(1) > ul.collapsible .collapsible-header {
  background-color: #82b856;
  color: #000;
}

.grid-topofixo > div:nth-of-type(1) > ul.collapsible .collapsible-header svg path {
  fill: #000;
}

.grid-topofixo > div:nth-of-type(n+1) > ul.collapsible .collapsible-body svg path {
  fill: #000;
}

.grid-topofixo > div:nth-of-type(n+1) > ul.collapsible .collapsible-body .botao-limpar,
.grid-topofixo > div:nth-of-type(n+1) > ul.collapsible .collapsible-body .botao-limpar svg path {
  background: #ffeb3b;
  fill: #000 !important;
}

/* Icone limpar todos os filtros*/
.grid_filtro > div:nth-of-type(1) > ul.collapsible .collapsible-header .grid-topofixo-text > .estrutura_elemento_flutuante div.display,
.grid_filtro > div:nth-of-type(1) > ul.collapsible .collapsible-header .estrutura_elemento_flutuante .flutuante {
  background: #ffeb3b;
  color: #000;
}

.grid_filtro > div:nth-of-type(1) > ul.collapsible .collapsible-header .grid-topofixo-text > div.display svg path {
  fill: #ccc;
}

.grid_filtro > div:nth-of-type(1) > ul.collapsible .collapsible-header .grid-topofixo-text > div.display:hover svg path {
  fill: #ccc;
}

/* LINK  ATALHO */
#main_principal .field_body.field_link > .field_container:not(.desabilitado),
#main_principal .field_body.field_multi_link > .field_multi_link_lista a {
  color: #fff;
}

/* SVG OVER */
/*#main_principal .field_body.field_link > .field_container:not(.desabilitado) svg path,*/
#main_principal .field_body.field_multi_link > .field_multi_link_lista a svg path {
  fill: #000;
}

.field_body.field_link > .field_container {
  padding: 5px 5px 5px 5px;
}

#main_principal .field_body.field_link > .field_container svg path {
  /*fill: #000;*/
}

#main_principal .field_body.field_link > .field_container span.field_link_atalho {
  color: #000;
}

#main_principal .field_body.field_link > .field_container .estrutura_elemento_flutuante {
  border: 1px solid #d3d3d3;
  padding: 3px;
  border-radius: 50%;
}

/* LINK HOVER */
#main_principal .field_body.field_multi_link > .field_multi_link_lista a:hover,
#main_principal .field_body.field_link > .field_container:not(.desabilitado):hover {
  color: #000;
  /*    border-bottom: 2px solid #000;*/
}

/* ICONE HOVER */
#main_principal .field_body.field_link > .field_container:not(.desabilitado):hover svg path,
#main_principal .field_body.field_multi_link > .field_multi_link_lista a:hover svg path {
  fill: #000;
}

table td .field_show .field_show_imagem img {
  width: auto;
  height: 50px;
  margin: 0 auto;
  border: 1px solid #ccc;
  vertical-align: middle;
}

.card .card-image img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
}

/* label color */
/*.field_body > .input-field label {
  color: #000;
}*/

/* label focus color */
.field_body:not(.sem_bordas) > .input-field input[type=text]:focus + label,
.field_body:not(.sem_bordas) > .input-field input[type=password]:focus + label,
.field_body:not(.sem_bordas) > .input-field input[type=number]:focus + label {
  color: #000;
}

/* label underline focus color */
.field_body:not(.sem_bordas) > .input-field input[type=text],
.field_body:not(.sem_bordas) > .input-field input[type=password],
.field_body:not(.sem_bordas) > .input-field input[type=number] {
  /*border: 1px solid #82B856 !important;*/
  border: 1px solid rgba(99, 9, 57, .4) !important;
  border-radius: 2px;
}

/* label underline focus color */
.field_body:not(.sem_bordas) > .input-field input[type=text]:focus,
.field_body:not(.sem_bordas) > .input-field input[type=password]:focus,
.field_body:not(.sem_bordas) > .input-field input[type=number]:focus {
  /*border: 1px solid #82B856 !important;*/
  border: 1px solid #82b856 !important;
  box-shadow: 0 1px 0 0 rgba(80, 80, 80, .4) !important;
}

.field_show_imagem_descricao_imagem img {
  border: 1px solid #ccc;
}

/* icon prefix focus color */
/*.field_body > .input-field .prefix.active {
  color: #000;
}*/

.field_file .btn {
  background-color: #82b856;
  height: 2em;
  padding-top: 0;
  line-height: 2em;
}

.field_file .btn span {
  border: 0;
  padding: 0;
}

/* COR DOS BOTOES */
.field_botao .field_botao_item.solido {
  background-color: #facf22;
}

.field_botao .field_botao_item.solido span {
  color: #000;
  font-size: 1Em;
  text-transform: none !important;
}

.field_botao .field_botao_item.transparente {
  border: 1px solid #ccc;
  /*background: none;*/
  /*color: #424242;*/
}

.field_show.field_botao.display_icone .field_container .field_botao_item div {
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

.field_show.field_botao.display_icone .field_container .field_botao_item svg path {
  fill: #000;
}

.field_show.field_botao.display_icone .field_container .field_botao_item svg {
  display: inline-block;
  width: 36px;
  height: 36px;
}


/* COR DOS BOTOES */

/* ATALHOS TABELA */
.field_body.field_multi_link ul.field_multi_link_lista li.field_multi_link_item {
  background-color: #fff;
}
/* ATALHOS TABELA OVER */
.field_body.field_multi_link ul.field_multi_link_lista li.field_multi_link_item:hover {
  background-color: #ccc;
}

.field_body.field_multi_link ul.field_multi_link_lista li.field_multi_link_item.desabilitado:hover {
  border: 0px solid #ccc !important;
}

.field_body.field_multi_link > .field_multi_link_lista a > div.estrutura_elemento_flutuante {

}

.field_body.field_multi_link > .field_multi_link_lista a > div.estrutura_elemento_flutuante > *:not(div) {
  width: 100% !important;
  height: 100% !important;
  text-align: center !important;
  /*font-size: calc(0.8Em + 1vw) !important;*/
  font-size: 1.8em !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* PAGINAÇÃO FORMULÁRIOS */
#main_principal ul.pagination.paginacao > li.item_paginacao.number_page.active,
#main_principal ul.pagination.paginacao > li.item_paginacao.size_page > div > a > div.chip-selected {
  background-color: #ccc;
}

/* MODAL DE MENSAGENS */
#main_principal #mensagens {
  background: #fafafa;
}

#main_principal #mensagens.modal .barra_superior {
  background: #f7f7f7;
  color: black;
}

#main_principal #mensagens.modal .barra_superior h5,
#main_principal #mensagens.modal .barra_superior i {
  color: black;
}

/* CARD E CHIP */

.card-panel .chip {
  /*background-color: #e01948;*/
  color: #000;
  white-space: nowrap;;
}

.card-panel .chip > div.svg-container {
  /*background-color: rgba(0,0,0,.1);*/
  background-color: #000;
  box-sizing: border-box;
}

.chip {
  color: #000;
  font-size: 1Em;
  background-color: #fff;
  border: 1px solid #d9d9d9;
}

.chip > div.svg-container > svg path {
  fill: #fff !important;
}

.card > .card-content > .card-title.activator {
  font-size: 1.5Em;
  font-weight: 300;
  line-height: 25px;
}

.card-panel .chip > div.svg-container > svg path {
  /*fill: #000;*/
  fill: #fff;
}

/* TABELA  CHECK MARCAR TODOS*/
table.form_tabela > thead > tr > th.tabela_cabecalho > div.checkbox [type="checkbox"].filled-in:not(:checked):not(:disabled) + label:after {
  border-color: #ccc;
}

table.form_tabela > tbody > tr > td.tabela_conteudo > div.checkbox [type="checkbox"].filled-in:not(:checked):not(:disabled) + label:after {
  border-color: #82b856;
}

/* CHECKBOX SELECIONADO */
table.form_tabela > thead > tr > th.tabela_cabecalho > div.checkbox [type="checkbox"].filled-in:checked:not(:disabled) + label:after,
table.form_tabela > tbody > tr > td.tabela_conteudo > div.checkbox [type="checkbox"].filled-in:checked:not(:disabled) + label:after {
  border-color: #f7f7f7;
  background-color: #f7f7f7;
}

/* CHECKBOX SELECIONADO ICONE INTERNO */
table.form_tabela > thead > tr > th.tabela_cabecalho > div.checkbox [type="checkbox"].filled-in:checked:not(:disabled) + label:before,
table.form_tabela > tbody > tr > td.tabela_conteudo > div.checkbox [type="checkbox"].filled-in:checked:not(:disabled) + label:before {
  border-right-color: #82b856;
  border-bottom-color: #82b856;
}

.menu_multifuncao .circle-icon {
  background-color: #fff;
  color: #000;
}

.fieldset_container > legend {
  border: 1px solid #f7f7f7;
  font-weight: bold;
  border-radius: 50px;
  background: #24b85c;
  /*background: #1F3F57;*/
  color: #fff;
  /*font-size: 0.8Em;*/
  /*box-shadow: 0 1px 0 0 rgba(80,80,80,.4) !important;*/
  /*text-shadow: 1px 1px #FFF;*/
}

.fieldset_container.filtro > legend {
  border: 1px solid #f7f7f7;
  background: #facf22;
  color: #000;
  font-size: 0.9Em;
  /*box-shadow: 0 1px 0 0 rgba(80,80,80,.9) !important;*/
  /*text-shadow: 1px 1px #FFF;*/
}
.floatleft {
  float: left;
}