@CHARSET "UTF-8";

.ajax-gif {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 64px;
    height: 64px;
    margin: auto;
}

/*
 Estilo do form de inputs crud.
 Se houver muita rejeição pela posição dos botões salvar e cancelar estarem no topo e precisarmos
 enviar eles para baixo, basta apagar esse estilo.
 
 @author: Higor 
 @since: 14/11/2016
*/
#form-edit {
    border: 1px solid #bdbdbd;
    border-radius: 3px;
    padding: 8px;
}

/*
 Estilo da barra dos botões de salvar e cancelar.
 Se houver muita rejeição pela posição ser no topo e precisarmos
 enviar eles para baixo, modificar esse estilo para
 position: fixed;
 bottom: 5px;
 width: 75%;
 z-index: 1010;
 
 @author: Higor 
 @since: 14/11/2016
*/
.edit-buttons-component {
    margin-bottom: 5px;
}

/*
 Estilo da barra inferior do componente data table
 
 @author: Higor 
 @since: 14/11/2016
*/
.datatable-component-footer {
    text-align: center !important;
    font-weight: bold !important;
}

/*
 Classe para definir o tamanho das colunas padrão do SIP dos datatables de manutenção 
 para não ficar muito grande com o tamanho automático do primefaces que divide
 por igual o tamanho das colunas, entre outras características.
 
 @author: Higor 
 @since: 11/11/2016
*/
.coluna-codigo {
    width: 70px !important;
    text-align: right;
}

.coluna-matricula {
    width: 75px;
    text-align: right;
}

.coluna-data, .coluna-hora, .coluna-data-hora, .coluna-mesano-numero {
    text-align: center;
}

.coluna-data {
    width: 75px;
}

.coluna-hora {
    width: 50px;
}

.coluna-data-hora {
    width: 115px;
}

.coluna-mesano-numero {
    width: 55px;
}

/*
 Classe para definir a seção de botões dos formulários padrão.
 
 @author: Higor 
 @since: 08/11/2016
*/
.secao-botoes {
    margin-bottom: 10px;
    border-bottom-style: solid;
    border-bottom-color: #bdbdbd;
    border-bottom-width: 1px;
    padding-bottom: 5px;
}

/*
 Estilo específico para o menu superior dos módulos.
 
 @author: Higor 
 @since: 08/11/2016
*/
.top-menu {
    margin-bottom: 2px;
    margin-top: -20px;
    margin-left: -7px;
    position: fixed;
    display: inline-flex;
    z-index: 1000;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

/*
 Classe para definir o título do menu superior de cada módulo.
 Por exemplo: o usuário escolhe o módulo Autônomo, então o sistema exibe o menu superior
 com as opções do módulo e identifica na lateral esquerda o nome do módulo.
 
 @author: Higor 
 @since: 04/11/2016
*/
.menubar-title {
    font-weight: bold;
    margin-right: 0;
    padding: 6px;
}

/*
 Classe para controlar o logo na topbar.xhtml
 
 @author: Higor 
 @since: 04/11/2016
*/
.logo-header-name {
    margin: auto auto auto 5px;
    color: white;
    font-weight: bold;
}

.logo-header-compl {
    font-size: smaller;
}

/*
 Classe para controlar o logo na topbar.xhtml
 
 @author: Higor 
 @since: 04/11/2016
*/
.logo {
    height: 44px !important;
    position: fixed !important;
    top: 15px !important;
    left: 5px !important;
}

/*
 Acrescenta essa instrução que falta para os campos ficarem exatamente abaixo das labels, pois
 o Material Design não prevê esse layout, já que a label padrão é o float-label.
 
 @author: Higor 
 @since: 04/11/2016
*/
.form-group-inline {
    display: inline-flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}

/*
 Acrescenta essa instrução que falta para os campos ficarem exatamente abaixo das labels, pois
 o Material Design não prevê esse layout, já que a label padrão é o float-label.
 
 @author: Higor 
 @since: 04/11/2016
*/
.form-group {
    margin: 5px;
}

/*
 Acrescenta essa instrução que falta para os campos ficarem exatamente abaixo das labels, pois
 o Material Design não prevê esse layout, já que a label padrão é o float-label.
 
 @author: Higor 
 @since: 04/11/2016
*/
.form-group > label {
    display: block;
}

/*
 Alinha botões dentro de form-groups, por exemplo, existe uma sequencia de form-groups com label e input
 dentro e entre eles deve haver um botão para pesquisa, esse botão fica alinhado ao topo no layout original
 e fica descentralizado. O form-group>span>button é para o componente menuButton.
 
 @author: Higor 
 @since: 08/12/2016
*/
.form-group > button .form-group > span > button {
    margin-top: 10px;
}

/*
 Alinha p:selectBooleanCheckbox
 
 @author: Higor 
 @since: 12/12/2016
*/
.form-group-checkbox {
    margin-top: 20px;
}

/*
 Corrige a posição do campo de procura de telas na topbar.xhtml
 
 @author: Higor 
 @since: 04/11/2016
*/
#search-screen * {
    border-top-width: 0 !important;
    border-right-width: 0 !important;
    border-left-width: 0 !important;
    color: white;
}

/*
 Remove as bordas do selectOneMenu de Entidades na topbar.xhtml para deixar a tela menos carregada
 
 @author: Higor 
 @since: 04/11/2016
*/
#select-entidade {
    border-color: white !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-left-style: none !important;
    bottom: 3px;
}

/*
 Corrige as cores do selectOneMenu de Entidades na topbar.xhtml
 
 @author: Higor 
 @since: 04/11/2016
*/
#select-entidade * {
    color: white !important;
}

/*
 Alinha o conteúdo central do layout
 
 @author: Higor 
 @since: 05/12/2016
*/
.content {
    margin-top: 20px;
}

/*
 Classe usada no Cartão de Ponto para botões ocultos.
 
 @author: Higor
 @since: 21/11/2016
*/
.ui-hidden {
    visibility: hidden;
    height: 0px;
}

/**
 Classe usada no Cartão de Ponto para botões ocultos com a diferença que diminui width para zero e display none

@author lucas
@since 20/06/2017
 */
.ui-invisivel {
    width: 0px;
    height: 0px;
    visibility: hidden;
    display: none;
}

/**
 Deixa o asterisco do required em vermelho

 @author lucas
 @since 23/06/2017
**/
.ui-outputlabel-rfi {
    color: #B22222 !important;
}

/**
 Utilizando para centralizar o conteúdo de divs

 @author lucas
 @since 23/06/2017
 */
.center-vertically {
    display: flex;
    justify-content: center;
    align-items: center;
}

/**
 Deixa o campo de filter das dataTables mais responsivo
 @author lucas
 */
input.ui-column-filter {
    width: 100% !important;
}

/**
    Alinha o texto ao centro
 */
.text-center {
    text-align: center;
}
/*
    Alinha o label dos check box
*/
.ui-selectmanycheckbox>tbody>tr>td>div {
    width: 18px !important;
}
.ui-chkbox {
    width: 100% !important;
}

body .botao-positivo {
    background-color: #4CAF50;
    font-family: Roboto, Helvetica Neue, sans-serif;
    color: #ffffff;"
}

body .botao-negativo {
    background-color: #F44336;
    font-family: Roboto, Helvetica Neue, sans-serif;
    color: #ffffff;"
}
body .botao-neutro {
    background-color: #607D8B;
    font-family: Roboto, Helvetica Neue, sans-serif;
    color: #ffffff;"
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}