/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 05/10/2016, 10:33:33
    Author     : Marlucio
*/

/**
//define tamanho completo com top right e left
z index para não ser sobreposto e posição fixa para se manter sempre no topo
*/
/*.ui-inputfield{
    padding: 0.5rem 0.5rem !important;
}*/
.sgw-topo{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    min-height: 50px;
    z-index: 500;
    background-color: #163A54;
}
.sgw-topo img{
    padding-left: 30px;
    padding-top: 10px;
}

/**
fixa posição
coloca abaixo do topo
mantem ele escondido como padrão, porque o padrão seria para telas menores - mobile first
*/
.sgw-sidebar{
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    width: 210px;
    margin-left: -211px;
    z-index: 400;
    transition: margin-left 0.5s;
    overflow-y: auto;
    background-color: #163A54;
    font-size: 0.9em;
}
.sgw-sidebar a{
    border-top: 1px solid #54677a;
}
.sgw-sidebar .ui-menu{
    width: 100%;
    border-radius: 0px!important;
    background-color: #272d34!important;
    color: white !important;
}
.sgw-sidebar .ui-menuitem-link{
    color: white !important;
    font-size: 0.8em;

}
/**
ao incluir is toogle no javascript por padrão mosta menu
*/
.sgw-sidebar.is-toggled{
    margin-left: 0px;
}
/**
Para telas maiores mostra menu, contudo ao clicar em botão toogle o menu esconde
*/
@media(min-width: 960px){
    .sgw-sidebar{
        margin-left:0px;
    }
    .sgw-sidebar.is-toggled{
        margin-left: -211px;
    }
}
/**Content
após topo e com transição
*/
.sgw-content{
    margin-top: 50px;
    transition: margin-left 0.5s;
}
/**
para telas maiores
ao aparecer side bar adiciona margin
e ao clicar no botão toogle e adiciona is toogled a margem vai para o inicio
*/
@media(min-width:960px){
    .sgw-content{
        margin-left: 211px;
    }
    .sgw-content.is-toggled{
        margin-left: 0px;
    }
}
@media(max-width:680px){
    .sgw-sidebar{
        z-index: 999;
        border:solid 1px #cc3300;
    }
    .sgw-versao{
        display: none;
    }
    .sgw-logado{
        display: none;
    }
    .sgw-content{
        margin-top: 65px;
    }

}
/*resolve problema de input autocomplete de google maps em dialogo, quando o mesmo não aparece*/
.pac-container{
    z-index: 9999;
}


.ui-btn-add {
    background-image: url(/sgw/resources/imagens/pdf_1.png) !important;
}

tr.ui-widget-content.ui-datatable-even{
    background-color: #efefef;
}
/*Melhora visualização de ajax
*/
/*.ui-widget-overlay {
    background: #082839!important;
    opacity: .25 !important;
    filter: Alpha(Opacity=80);
}*/

/* Estilos gerais do componente */

.sgw-hidden-comp-desktop {
    /* Estilos para dispositivos móveis e tablets */
    display: none;
}

/* Media query para dispositivos com largura máxima de 768px, como tablets e celulares */
@media only screen and (max-width: 768px) {
    .sgw-hidden-comp-desktop {
        /* Estilos específicos para dispositivos móveis e tablets */
        display: block;
        /* Ou qualquer outro estilo que você deseje aplicar */
    }
}