/* 
    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: #000000;
}

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 #999999;
    border-bottom: 1px solid #999999;
}

.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;
    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;
}