
/*======CSS GERAL ===============================================*/  

body{
    padding: 0px; /* Deixa objetos na tela inteira*/
    background: white; 
}

.barraTitulo{ /* separator usado para separar titulo do conteudo */
    background-color: #51504f; 
    width: 90%; 
    margin-top: 5px; 
    margin-left: 5%;
}
@media screen and (max-width:540px){
    .barraTitulo{
        margin-top: 35px; 
    }
}
/* estilo dos elementos utilizados gerados pelo ZK */
.z-label{
    font-family: helvetica;
}
.z-window-content{
    padding: 0;
}
.z-combobox-input:focus, .z-bandbox-input:focus, .z-datebox-input:focus, .z-timebox-input:focus, .z-spinner-input:focus, .z-doublespinner-input:focus{
    border-color: #51504f;
}
.z-textbox:focus, .z-decimalbox:focus, .z-intbox:focus, .z-longbox:focus, .z-doublebox:focus{
    border-color: #51504f;/*51504f;*/
}
.z-combobox-button:hover, .z-bandbox-button:hover, .z-datebox-button:hover, .z-timebox-button:hover, .z-spinner-button:hover, .z-doublespinner-button:hover{
    border-color: #51504f;
    background: #BEBEBE;
}
.z-calendar-header{
    background: #660000;
}
.z-calendar-header:hover{
    background: #000000;
}
.z-calendar-cell{
    border-color: #51504f;
    background: #BEBEBE;
}
.z-calendar-cell:hover{
    color: #000000;
    background: #51504f;
}
.z-calendar-selected{
    color: #000000;
}
.z-comboitem:hover{
    background: #51504f;
}
.z-listbox-header{
    background: #51504f;
}
.z-listheader{
    background: #51504f;
    border-top: 1px solid #EDEEF0;
    border-left: 1px solid #EDEEF0;
}
.z-listheader-content{
    line-height: 30px;
}
.z-scrollbar-horizontal .z-scrollbar-indicator, .z-scrollbar-vertical .z-scrollbar-indicator{
    background: #51504f;
}
.z-scrollbar-left, .z-scrollbar-right, .z-scrollbar-up, .z-scrollbar-down{
    color: #51504f;
}
.z-scrollbar-left:hover, .z-scrollbar-right:hover, .z-scrollbar-up:hover, .z-scrollbar-down:hover{
    background: #51504f;
}
.z-paging{
   background: #BEBEBE;
}
.z-paging-button:hover{
    border-color: #51504f;
    background: #51504f;
    box-shadow: none;
}
.z-paging .z-paging-icon{
    color: #000000;
}
.z-paging-info{
    color: #000000;
}
.z-listitem:hover>.z-listcell{
    background: #6ba6bf;
}
.z-listcell-content, .z-listgroup-content, .z-listgroupfoot-content, .z-listfooter-content{    
    font-family: helvetica;
    font-size: 12px;
    padding: 3px 3px 3px;
    line-height: 20px;
    color: #000000;
}

@media screen and (max-width:1023px)
    {   /*and (min-width : 720px) */ 
    .z-listcell-content, .z-listgroup-content, .z-listgroupfoot-content, .z-listfooter-content{    
        font-family: helvetica;
        font-size: 10px;
        font-weight: 100;
        font-style: normal;
        color: #555;
        padding: 3px 3px 3px;
        line-height: 10px;
    }
    .z-listheader-content{
        font-size: 12px;
        font-weight: 100;
        font-style: normal;
        color: #fff;
        padding: 4px 3px;
        line-height: 10px;
    }
    .table{
        display: float;
    }
}
@media screen and (max-width:639px){
    .z-paging-info{
        font-size: 12px;
        line-height: 26px;
        color: #000000;
    }
    .z-paging{
        padding: 2px 2px;
        height: 32px;
    }
    .z-paging-button{
        height: 26px;
        min-width: 26px;
        margin-right: 6px;
        padding: 2px;
    }
    .z-paging-input{
        font-size: 12px;
        height: 26px;
        width: 30px;
        color: #000000;
    }
    .z-paging-text{
        font-size: 12px;
        color: #000000;
    }
}

