/* S4SP - Painel de indicadores */
/* Autor: Prodesp */

/* Reset body padding and margins */
body { 
    margin: 0 auto; 
    padding: 0;
    width:100%;
}

img {border:none;}

/* Default font */
* {
    font-family: Arial, Helvetica, sans-serif;
}

.somenteImpressao{
    display: none;
}
/* header base */
.header_container {
    /*width:100%;*/	
    /*height:120px;*/
    background-color:#F5F5F5;
    border-bottom:1px solid #DDD;
    margin-bottom:20px;
}
/*.header{  	
        //width:100%;
        width: 1200px;
        height:120px;
        margin:0 auto;	
}*/
.logo {	
    /*    position: absolute;*/
    height: 115px;
    /*width: 600px;*/
    background-image:  url("../images/humanizaSes2.png");
    background-repeat: no-repeat;

    background-position: center; 
    /*    margin-top:5px;	
        margin-left: 30%;*/

}
.logoesq {	
    /*    position: absolute;
    */    height: 115px;
    /*width: 129px;*/
    background-image:  url("../images/brasao_left.png");
    background-repeat: no-repeat;
    background-position: center; 
    /*margin-top:15px;*/	
}
.logodir {	
    /*    position: absolute;
    */    height: 115px;
    /*    width: 200px;*/
    background-image:  url("../images/prodesp_logo.png");
    background-repeat: no-repeat;
    background-position: center; 
    /*    margin-top:35px;
        margin-left: 85%;*/
}

.wid_0_1 {
    width: 650px;
}

.wid_0_1 {
    width: 350px;
}

.logoImpressao {	
    /*    position: absolute;
    */    height: 115px;
    width: 200px;
    background: url("../img/logoImpressao.png");
    /*    margin-top:35px;
        margin-left: 85%;*/
}

.userinfo{
    width:100%;
    height:20px;
    //margin:0 auto;
}

.user {
    display: block;
    float: right;
    font-size:12px;
    color:#666;
    margin-top:2px;
    margin-right: 6%;	
}
.user li{
    list-style-type:none;
    display:inline-block;
    margin-left:10px;
    padding-left:10px;
    border-left:1px solid #666;
}
.user .icon-user, .user .icon-lock, .user .icon-off, .user .icon-unid, .user .icon-profile{
    margin-right:4px;	
}
.user li:first-child{
    border-left:none;
}
.user li a{
    text-decoration:none;
    color:#666;
}
.user li a:hover{
    text-decoration:underline;
}

/* CSS for the content of page. I am giving top and bottom padding of 80px to make sure the header and footer do not overlap the content.*/
.container { 
    /*    margin: 0 auto 20px; */
    /*overflow: auto;*/ 
    width: 100% !important;
    /*min-height: 480px;*/
    /*height: auto !important;*/
    height: 100% !important;
}
.menubar {
    margin-left: 6%;
    margin-right: 6%;
    margin-bottom : 20px;
}
.content {
    margin:0 auto;
    margin-top: 50px;
    width:400px;

}

.menubar_big{
    display: block;
}

.menubar_smal{
    display: none;
}

.contentHome {
    margin-left: -200px;
    margin-top: 50px;
    width:900px;

}


/* Make Footer Sticky */
.footer_container { 
    width:100%;
    /*background:url(../img/bg_footer.gif) left bottom repeat-x;*/
    height:70px;
    position:fixed;
    bottom:0;
}
.footer {
    /*background:url(../img/bandeira.png) left bottom no-repeat;*/
    height:70px;
}

.footer .logo{
    width:144px;
    height:25px;
    text-indent:-999em;
    display:block;
    float:left;
    background:url(../img/logo_rodape.png) no-repeat;
    margin:33px 0 0 90px;
}

.footer .links{
    display:block;
    float:right;
    margin:33px 20px 0 0;
}

.footer .links li{
    display:inline;
}

.footer .logo-governo{
    width:115px;
    height:24px;
    display:block;
    float:left;
    text-indent:-999em;
    background:url(../img/logo_governo.png) no-repeat;
    margin-left:20px;
}

.footer .logo-prodesp{
    width:61px;
    height:24px;	
    display:block;
    float:left;
    text-indent:-999em;
    background:url(../img/logo_prodesp.png) no-repeat;
}

/**********************************************
 Home
 **********************************************/
.header_container.home{
    height:125px;
    margin-bottom:60px;
}

.home .logo {		
    width: 732px;
    background: url("../images/humanizaSes2.png") no-repeat;
    margin-top:5px;
    margin-left:200px;
}

.foto-home{
    display:block;
    float:left;	       
}

.version{
    float:right;
    color: gray;
    font-size: xx-small;
    font-family: monospace;
}
/* Login */
#login{
    float:right;
    background-color:#F2F2F2;
    border-radius:8px;
    border:1px solid #DDD;
    min-height:310px;	
}

#login .form-login{
    width:314px;
    margin:30px 36px;	
}

#login h1{
    font-size:24px;
    color:#333;
    margin-bottom:30px;
}

#login label {
    display:block;
    color:#666;
    font-size:14px;
    font-weight:bold;
    margin-bottom:5px;
    cursor:pointer;
}

#login input[type="text"], #login input[type="password"]{
    padding:4px;
    font-size:14px;
    width:96%;
    border:1px solid #CCC;
    margin-bottom:17px;
    height:22px;
    cursor:pointer;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#login input[type="text"]:focus, #login input[type="password"]:focus{
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);	
}

#login .ui-button-text-only .ui-button-text {
    padding: .3em 1em;
    font-size:14px;
}


/* icones */
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../img/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
}

.icon-user {
    background-position: -168px 0;
}

.icon-off {
    background-position: -384px 0;
}

.icon-lock {
    background-position: -287px -24px;
}

.icon-unid {
    background-position: -480px -96px;

}

.icon-profile {
    background-position: -48px -120px;

}


/**********************************************
 CONFIGURAÇÕES DO PRIMEFACES
 **********************************************/
/* Tamanho da fonte dos componentes */
.ui-widget {
    font-size: 12px !important;
}

/* Fonte do menu */
.ui-menuitem-text {
    font-size: 14px !important
}

/* Largura do menu */
.ui-menu .ui-menu-parent .ui-menu-child {
    width: 200px;
}

.ui-datatable thead th{
    white-space:normal;
    text-transform:uppercase;
    font-weight:bold;
}

.menubar{
    margin-bottom:20px;	
}

.container{
    margin:0 auto 100px;	
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{
    opacity: .6;
}


.ui-radiobutton .ui-radiobutton-box , .ui-chkbox .ui-chkbox-box{
    border: #5b5e5e 1px solid!important;
}

.ui-chkbox-icon .ui-icon .ui-icon-blank .ui-c{
    border: #5b5e5e 1px solid!important;
}

.ui-menu-child {
    white-space: nowrap;
    width: 300px !important;
}
/**********************************************
 CONFIGURAÇÕES PARA TABELA HTML
 **********************************************/

.borda{
    border: 1px solid #D5D5D5;

}

.tabela{
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;

}

.altura{

    height: 14px;
    padding: 4px;

}

.central{
    text-align:center;

}

.head{
    text-transform: uppercase;
    font-weight: normal;

}


/**********************************************
 Layout Responsivo
 **********************************************/

.row {
    /*box-sizing: border-box;*/
}

.row::after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 15px;
    box-sizing: border-box;
    /*border: 1px solid red;*/
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.pesq_smal{
    display: none;
}

.pesq_big{
    display: block;
}


/*@media only screen and (max-width: 768px) {
     For mobile phones: 
    .logoesq  {
        display: none;
    }

    .logodir  {
        display: none;
    }
    
    .pesq_big{
        display: none;
    }
    
    .pesq_smal{
        display: block;
    }

    .logo{
        width: 100%;
        background-size: contain;
        background-image:  url("../images/humanizaSes3.png");
        height: 50px;
        margin: 3px;

    }

    .menubar_big{
        display: none;
    }

    .menubar_smal{
        display: block;
        position: relative;
        display: inline-block;

    }

    ul.topnav {
        list-style-type: none;
        margin: 0;
        float: none;
        overflow: hidden;
        background-color: #e6e6e6;
        -webkit-padding-start: 5px!important;
    }

    ul.topnav li a {
        display: block;
        text-decoration: none;
    }


    .topnav-align{
        padding: 5px;
        text-align: left;

    }

    ul.topnav li:hover {background-color: #80ffaa;}

    .head_nav{

        content: "☰";
    }

    .navFlex_hide{
        display: none;
        position: absolute;
        width: 100%;
    }

    .navFlex_show{
        display: block;

    }

    .userinfo{
        display: none;
    }

    .header_container{
        margin-bottom: 0px;
    }

    .bottom_menu{

        background-color: rgba(0,0,0,0.6);  Black w/ opacity 
        height: 900px;

    }

    .content{

        width: auto;
        padding: 10px;
    }

    .contentHome {
        margin-left: auto;
        margin-top: auto;
        width:100%;
        border: 10px;


    }

    h2{
        font-size: 20px;
    }

    #login .form-login{
        width:100%;
        margin:0;
    }

    #login input[type="text"], #login input[type="password"]{
        width:70%;

    }

    h3.regGrupo{
        width: 200px;
    }

    .wid_0_1 {
        width: auto;
    }

    .wid_0_2{
        width: auto;
    }

}*/