/* CSS Document */
charset utf-8

body{
    /*background:#fff;*/

    color:#0F0F0F;
    font:15px/20px Arial, Helvetica, sans-serif;
    margin:32px 0 0;
    padding:0;
    display:block;

}
div, ul, h1, h2, h3, li, p, img{
    margin:0;
    padding:0;
}

a{
    outline: none;
    cursor: pointer;
}

ul{list-style-type:none;}

.FontPoppins{
    font-family: Poppins,sans-serif !important;
}

/* TOP PANEL*/
#topPanel{
    position:relative;
    margin:0 auto;
    padding:0;
    border: none;
}
#formCabec\:topPanel_content{
    position: fixed;
    z-index: 1000;
    width: 100%;
    border: none !important;
    background: #FAFAFA !important;
    border-bottom: solid 4px #E1E1E1 !important;
    -webkit-box-shadow: 0px 2px 2px 0px #E0E0E0;
    -moz-box-shadow: 0px 2px 2px 0px #E0E0E0;
    box-shadow: 0px 2px 2px 0px #E0E0E0;
}

#topPanel label{
    float:none;
    font:14px/36px Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding:180px;
}

#topPanel img{
    width:auto;
    height:auto;
    z-index:1;
    padding:0;
    position:absolute;
    margin:0 30px 0 21px;
}
/* MENU PANEL*/
#topPanel ul{
    display:block;
    width:980px;
    height:36px;
    position:absolute;
    top:-11px;
    right:0px;
    margin:11px 0 0;
    padding:0 29px 0 0;
    border-bottom:1px solid #AEAEAE;
}
#topPanel ul li{float:right; font:12px/36px Arial, Helvetica, sans-serif; font-weight:bold; }
#topPanel ul li a{width:80px; height:36px; display:block; padding:0; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px;}
#topPanel ul li a:hover{width:80px; height:36px; text-decoration:none; background:url(../images/button.gif) no-repeat 0 0 #AEAEAE; }
#topPanel ul li.active{width:80px; height:36px; display:block; padding:0; background:url(../images/button.gif) no-repeat 0 0 #AEAEAE; text-decoration:none; text-align:center; margin:0 1px 0 0; top:0px; left:0px}
/* HEADER PANEL*/
#topPanel #headerPanelfast{
    width:246px;
    height:175px;
    position:absolute;
    top:0;
    left:0;
    margin:110px 0 0;
    padding:0px;
    background:url(../images/orange-normal.jpg) no-repeat 0 0 #FC5F00;
    background-color: #FFFFFF;
}
#topPanel #headerPanelfast a{width:246px; height:175px; display:block; text-decoration:none; }
#topPanel #headerPanelfast a:hover{width:246px; height:175px; background:url(../images/orange-hover.jpg) no-repeat 0 0 #FFFFFF;  text-decoration:none;}
#topPanel #headerPanelfast h2{
    display:block;
    width:90px;
    height:30px;
    margin:30px 0 0 60px;
    font:18px/18px Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    position:absolute;
    top:-15px;
    left:8px;
    z-index:1;
}
#topPanel #headerPanelfast p{
    width:230px;
    display:block;
    font:12px/18px Arial, Helvetica, sans-serif;
    font-weight:bold;
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    padding:0;
    margin:60px 10px 0 10px;
}

#topPanel #headerPanelsecond{
    width:246px;
    height:175px;
    position:absolute;
    top:0;
    left:258px;
    margin:110px 0 0;
    padding:0px;
    background:url(../images/green-normal.jpg) no-repeat 0 0 #FFFFFF;
}
#topPanel #headerPanelsecond a{width:246px; height:175px; display:block; text-decoration:none; }
#topPanel #headerPanelsecond a:hover{width:246px; height:175px; background:url(../images/green-hover.jpg) no-repeat 0 0 #FFFFFF; text-decoration:none;}
#topPanel #headerPanelsecond h2{
    display:block;
    width:156px;
    background:none;
    height:30px;
    margin:30px 0 0 60px;
    font:18px/18px Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    padding:0;
    position:absolute;
    z-index:1;
    top: -15px;
    left: 0px;
}

#topPanel #headerPanelsecond p{
    width:230px;
    display:block;
    font:12px/18px Arial, Helvetica, sans-serif;
    font-weight:bold;
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    padding:0;
    margin:60px 10px 0 10px;
}
#topPanel #headerPanelthird{width:247px;height:175px;position:absolute;top:0;left: 516px;margin:110px 0 0;padding:0px;background:url(../images/blue-normal.jpg) no-repeat 0 0 #FFFFFF;}

#topPanel #headerPanelthird a{width:246px; height:175px; display:block; text-decoration:none; }
#topPanel #headerPanelthird a:hover{width:246px; height:175px; background:url(../images/blue-hover.jpg) no-repeat 0 0 #FFFFFF; text-decoration:none;}

#topPanel #headerPanelthird h2{
    display:block;
    width:90px;
    height:30px;
    margin:30px 0 0 60px;
    background:none;
    font:18px/18px Arial, Helvetica, sans-serif;
    font-weight:bold;
    text-transform:uppercase;
    padding:0;
    position:absolute;
    left: 2px;
    top: -15px;
}
#topPanel #headerPanelthird p{
    width:230px;
    display:block;
    font:12px/18px Arial, Helvetica, sans-serif;
    font-weight:bold;
    position:absolute;
    top:0px;
    left:0px;
    z-index:1;
    padding:0;
    margin:60px 10px 0 10px;
}

/* /TOP PANEL*/

/* BODY PANEL*/
#bodyPanel{width:930px; height:360px; position:relative; margin:0 auto; padding:0; margin-top: 40px; }
#bodyPanel h1{ background:#fff; display:block; width:762px; height:40px; margin:0; font:28px/28px Arial, Helvetica, sans-serif; font-weight:bold; padding:4px 0 0 0px; color:#FF0000;}
#bodyPanel h2{ background:#fff; display:block; width:250px; height:50px; margin:0; font:28px/28px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:4px 0 0 202px; color:#FF7113;}
#bodyPanel p{background: 0 0 no-repeat #fff; margin:0 0 0 54px; padding:0 42px 35px 150px; color:#0F0F0F;}
#bodyPanel p span{font-weight:bold;}
#bodyPanel p.dotline{background:url(../images/dot-line.gif) 0 0 repeat-x #fff; padding:0; margin:0 40px 0 25px; color:#000;}
#bodyPanel p.capstext{background: url(../images/name.gif) bottom right no-repeat #fff; font:18px/24px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#555555; padding:2px 10px 0 25px ; margin:0 35px 10px 0; }
#bodyPanel p.more{height:26px; padding:0; background:none; margin:0;}
#bodyPanel p.more a{width:76px; height:26px; display:block; margin:314px 20px 19px 618px; background:url(../images/more.gif) 0 0 no-repeat #fff; color:#555; text-decoration:none; font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; padding:0 0 0 10px; text-transform:uppercase; position:absolute; top:0px; right:0px;}
#bodyPanel p.more a:hover{background:url(../images/more.gif) 0 0 no-repeat #fff; color:#216EBD; text-decoration:none;}
#bodyPanel h3{background:#fff; display:block; width:250px; height:34px; margin:34px 0 12px 0; font:30px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0 0 0 20px; color:#FF7113;}
#bodyPanel #testimonial{width:283px; height:162px; display:block; background:url(../images/testimonial-bg.gif) 0 0 no-repeat #FFF6DB; padding:32px 33px 0 148px; margin:0 0 0 20px; color:#786321;}
#bodyPanel #testimonial p{background:none; margin:0; padding:0 0 0 0;}
#bodyPanel #testimonial p span{color:#786321; background:#FFFAED;}
#bodyPanel p.moretwo{height:26px; padding:0; background:none; margin:0;}
#bodyPanel p.moretwo a{width:76px; height:26px; display:block; margin:0px 0px 0px 196px; background:url(../images/more2.gif) 0 0 no-repeat #FFF5D6; color:#555; text-decoration:none; font:15px/26px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 0 10px; top:0px; right:0px;}
#bodyPanel p.moretwo a:hover{background:url(../images/more2.gif) 0 0 no-repeat #FFF5D6; color:#216EBD; text-decoration:none;}

#box_esquerda {
    float:left;
    width:50%;
}
#box_direita {
    float:left;
    width:50%;
}

#box_internoe {
    float:left;
    width:30%;
}

#box_internod {
    float:left;
    width:70%;
}


#topPanel ul{
    display:block;
    position:absolute;
    top:0px;
    right:0px;
    margin:0px 0 0;
    padding:0 0px 0 0;
    border-bottom:1px solid #AEAEAE;
}

#bodyPanel p.entradadados {
    background:none;
    MARGIN:0 0 0 0;
    padding: 0 0 0 0;
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    PADDING-right:10px;
    display:block;
    font-weight: 100;
}


#bodyPanel #mtwerror{
    background:none;
    margin:0 0 0 0;
    padding: 0 0 0 0 ;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    COLOR: #8B0000;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}

#bodyPanel h4{ background:#fff; width:250px; height:30px; position:absolute; top:361px; right:5px; margin:0; font:30px/30px Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:0px; color:#FF7113;}


#bodyPanel ul span{ background:url(../images/dot-line.gif) repeat-x 0 100%; height:25px; display:block;}



#bodyPanel INPUT.text {
    BORDER-RIGHT: #9999ff 1px solid; BORDER-TOP: #9999ff 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #9999ff 1px solid; COLOR: #000000; BORDER-BOTTOM: #9999ff 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; margin-left:10px;
}

#bodyPanel INPUT.radio {
    FONT-WEIGHT: bold; FONT-SIZE: 8px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; margin-left:10px; vertical-align:TOP;
}

#bodyPanel select {
    BORDER-RIGHT: #9999ff 1px solid; BORDER-TOP: #9999ff 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 10px; BORDER-LEFT: #9999ff 1px solid; COLOR: #000000; BORDER-BOTTOM: #9999ff 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff;
}

#bodyPanel INPUT.submit:hover {
    BACKGROUND: #3333cc
}
#bodyPanel INPUT.submit {
    BORDER-RIGHT: 1px inset; PADDING-RIGHT: 3px; BORDER-TOP: 1px inset; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 0.8em; BACKGROUND: #9999ff; PADDING-BOTTOM: 3px; BORDER-LEFT: 1px inset; PADDING-TOP: 3px; BORDER-BOTTOM: 1px inset; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; margin-top:5px;
}

/* FOOTER PANEL*/
#footerPanel{
    color:#4C4C4C; 
    font-size:13px;
    padding: 10px;
    display: block;
    background-color: #ffffff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-family: 'roboto_condensedregular';
}
#footerbodyPanel{
    height:85px; 
    position:relative; 
    margin:0 auto; 
    padding:0; 
}
#footerbodyPanel img{
    margin-left: 20px;
    width: 15%;
}
#footerPanel ul{
    width:100%;
    display:block;
    position:absolute;
    right:35px;
    top:0px;
}
#footerPanel li{float:right; font:12px/15px Arial, Helvetica, sans-serif; font-weight:normal; text-align:right;}
#footerPanel ul li a{padding:0 0px; text-decoration:none;}
#footerPanel ul li a:hover{text-decoration:underline;}
#footerPanel ul li a.padl{padding:0 0 0 6px;}
#footerPanel p.copyright{
    float:right;
    display:block;
    position:absolute;
    top:18px;
    right:35px;

    width: 347px;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
}
#footerPanel p.logado{
    background:#DCDCDC;
    display:block;
    position:absolute;
    top:23px;
    left:0px;
    color:#A64200;
    width: 347px;
    height: 22px;
}
#footerPanel ul.templateworld{
    float:right;
    width:239px;
    display:block;
    position:absolute;
    top:40px;
    right:35px;
    height: 30px;
}

#footerPanel a.mentawai{
    background:#DCDCDC;
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    color:#A64200;
}


#footerPanel ul.logado{
    width:453px;
    FONT-WEIGHT: bold;
    background:#DCDCDC;
    color:#4C4C4C;
    display:block;
    position:absolute;
    top:49px;
    left:-1px;
    height: 30px;
}
#footerPanel ul.logado li {
    text-align:left;
    FONT-WEIGHT: bold;
    width:453px;
    background:#DCDCDC;
    display:block;
    color:#4C4C4C;
    text-decoration:none;
    padding:0;
}

#footerPanel ul.templateworld li {text-align:right; width:239px; display:block; text-decoration:none;padding:0;}
#footerPanel ul.templateworld li a{width:239px; display:block; text-decoration:none;padding:0;}
#footerPanel ul.templateworld li a:hover{text-decoration:underline;}

#footerhtmlPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:29px; margin:0; padding:0;}
#footerhtmlPanel a{ width:86px; height:31px; display:block; background:url(../images/html-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;}
#footerhtmlPanel a:hover{background:url(../images/html-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }
#footercssPanel{ width:86px; height:31px; display:block; position:absolute; top:34px; left:115px; margin:0; padding:0;}
#footercssPanel a{ width:86px; height:31px; display:block; background:url(../images/css-img.gif) no-repeat 0 0 #DCDCDC; text-decoration:none; font:14px/31px "Trebuchet MS",Arial, Helvetica, sans-serif; color:#2F2F2F; text-transform:uppercase; padding:0 0 0 10px; position:absolute; top:0px; right:0px;}
#footercssPanel a:hover{background:url(../images/css-img.gif) no-repeat 0 0 #DCDCDC; color:#216EBD; text-decoration:none; }

.HoverInfoFooter:hover{
    color: #E60004 !important;
}

#topo, #conteudo {
    position:relative;
    margin:0 auto;
    padding:0;
}


#trocaSenha{
    width:1000px;
    height:110px;
    position:relative;
    margin:0 auto;
    margin-top: 50px;
    margin-bottom: 130px;
    padding:0;
}

#boxMensagemErro{
    width:698px;
    height:118px;
    background:#ffb7b7;
    border:solid red 3px;
    margin:100px auto;
    border-radius:11px;
    padding:15px;
}

#boxErro404, #boxErro500{
    width:697px;
    height:61px;
    background:#ffb7b7;
    border:solid red 3px;
    margin:100px auto;
    border-radius:11px;
    padding:15px;
    color:red;
}

#textoErro404, #textoErro500{
    float:left;
    margin-left:40px;
}

#imagemErro404, #imagemErro500{
    float:left;
}

#textoErro{
    width:554px;
    color:red;
    float:left;
    margin-left: 15px;
}

#imagemErro{
    float:left;
}

/* p:selectOneMenu */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    border: none;
    background: #f5f5f5;
    border-bottom: solid 1px #ccc !important;
    text-shadow: none;
}
.ui-datatable tbody tr.ui-datatable-even.ui-state-hover,
.ui-state-hover, .ui-widget-content .ui-state-hover{
    background: #f5f5f5 !important;
}
.ui-selectonemenu .ui-selectonemenu-label{
    width: auto !important;
}
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield{
    background: #f5f5f5;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    text-align: center;
}
.ui-selectonemenu-panel .ui-selectonemenu-list{
    padding: 0 !important;
}
#radio1_panel{
    box-shadow: 0px 0px 0.5em #D4D4D4 !important;
    -webkit-box-shadow: 0px 0px 0.5em #D4D4D4 !important;
    -moz-box-shadow: 0px 0px 0.5em #D4D4D4 !important;   
}
#radio1_panel .ui-state-highlight, 
#radio1_panel .ui-widget-content .ui-state-highlight{
    background: rgba(222, 222, 222, 0.72) !important;
}
#radio1_panel .ui-widget{
    font-size: 16px !important;
}

/* Custom Login */
.loginbody {
    background-image: url("/PortalSindical/javax.faces.resource/images/red-background.svg.jsf");
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
    padding-top: 130px;
    border-top: solid 10px #dd4242;
}
.loginbody .loginpanel{
    background-color: #ffffff;
    width: 420px;
    margin: 0 auto;
    padding-bottom: 25px;
    text-align: center;
    -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}
.loginpanel .logo {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}
.loginpanel .panelacesso{
    margin: auto;
}
.selectInfoAcesso {
    margin-top: 16px;
    margin-bottom: -5px;
    background: #f5f5f5;
    color: #424141 !important;
    border-width: 0 0 1px 0;
    padding: 6px 2px 4px 2px;
    border-color: #bdbdbd;
    border-style: solid;
    font-size: 14px !important;
    transition: border-color 0.3s;
    border-radius: 0px;
}
#camposEntrada input {
    width: 69%;
    margin-top: 2px;
    text-align: center;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-size: 15px !important;
    border-bottom: solid 1px #bdbdbd !important;
    border-radius: 0px !important;
    background: #f5f5f5;
    padding: 6px !important;
    text-shadow: none !important;
}
#camposEntrada input:hover {
    background: #f5f5f5 !important;
}
#camposEntrada button {
    background: rgb(199, 3, 7) !important;
    color: #fff;
    font-size: 18px;
    border: none;
    padding: 3px 0 3px 0;
    margin-top: 20px;
    border-radius: 3px;
    width: 73%;
    text-shadow: none !important;
    font-weight: normal;
}
#camposEntrada:hover button{
    background: rgb(222, 10, 14) !important;
    color: #fff !important;
}
#camposEntrada:active button{
    background: rgb(183, 7, 10) !important;
    color: #fff !important;
}
#camposEntrada .ui-message{
    color: #ee1a22;
    font-size: 13px;
    width: 70%;
    background: transparent;
    border: none;
    margin: auto;
}
#camposEntrada .ui-message-error-icon,
#camposEntrada .ui-message-info-icon{ 
    display: none !important;
}
#duvidaManual {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 2px;
}
#duvidaManual a{
    text-decoration: none !important;
    cursor: pointer !important;
}
#duvidaManual:hover a{
    cursor: pointer !important;
    text-decoration: underline !important;
}

/* cabecalho.xhtml */
.panelMenuTopo{
    display: block;
    position: relative;
    top: 42%;
    right: 120%;
}
.panelMenuTopo a{
    color: #838383;
    text-transform: uppercase;
    /*font-weight: 600;*/
    font-size: 14px !important;
    font-family: Poppins,sans-serif;
}
.panelMenuTopo:hover a{
    color: #E60004;
    width: 100%;
}
.hoverIconMob{
    color: #828282 !important;
}
.hoverIconMob:hover{
    color: #e60004 !important;
}
.btnMenuMob{
    color: #828282 !important;
}
.btnMenuMob:hover{
    color: #e60004 !important;
}
.btnMenuMob:focus,
.btnMenuMob:active{
    color: #e60004 !important;
    background: #F0F0F0 !important;
    border-radius: 45%;
    padding: 3px 0px 3px 0px;
}
.btnMenuMob i{
    margin-left: 6px;
}

/* cm principal*/
#avisos{
    background: lightgreen !important;
    border: none !important;
    padding: 50px;
}


@media (max-width: 960px){
    .loginbody .loginpanel{
        width: 370px;
    }
    #topo{
        margin-top: 74px;
    }
    .panelMenuTopo{
        right: 0%;
    }
    #logoCabecalho{
        margin-top: 2px !important;
    }
    #footerlinks{
        margin-top: -16px;
        margin-bottom: -10px;
    }
    #formMenu{
        margin-left: 223px;
        position: absolute; 
        transition: 0.5s left ease-in-out; 
        display: block !important; 
        left: -230px;
    }
    #contentPrincipal,
    #contentPrincipalDados{
        margin-top: 78px;
    }
    #contentPrincipalDados .ui-inputfield{
        width: 100% !important;
    }
    #divPesquisar{
        margin-right: 20px;
    }
    #formArqDisponiveis\:tabelaArquivosPortal\:columnDownload span.ui-column-title{
        display: none;
    }
    #formArqDisponiveis\:tabelaArquivosPortal\:columnDownload{
        width: 2% !important;
    }
    #formDadosEmpresa\:tabConteudo\:tabelaMens\:globalFilter{
        width: 60% !important;
        margin-right: -15px;
    }
    .ui-datatable-header.ui-widget-header.ui-corner-top{
        padding: 26px 14px 15px !important;
    }
    .ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s{
        display: none;
    }
}

@media (max-width: 480px){
    .loginbody .loginpanel{
        width: 270px;
    }
    #topo{
        margin-top: 74px;
    }
    .panelMenuTopo{
        right: 0%;
    }
    #logoCabecalho{
        margin-top: 2px !important;
    }
    #footerlinks{
        margin-top: -16px;
        margin-bottom: -10px;
    }
    #formMenu{
        margin-left: 223px;
        position: absolute; 
        transition: 0.5s left ease-in-out; 
        display: block !important; 
        left: -230px;
    }
    #contentPrincipal,
    #contentPrincipalDados{
        margin-top: 78px;
    }
    #contentPrincipalDados .ui-inputfield{
        width: 100% !important;
    }
    #divPesquisar{
        margin-right: 20px;
    }
    #formArqDisponiveis\:tabelaArquivosPortal\:columnDownload span.ui-column-title{
        display: none;
    }
    #formArqDisponiveis\:tabelaArquivosPortal\:columnDownload{
        width: 2% !important;
    }
    #formDadosEmpresa\:tabConteudo\:tabelaMens\:globalFilter{
        width: 60% !important;
        margin-right: -15px;
    }
    .ui-datatable-header.ui-widget-header.ui-corner-top{
        padding: 26px 14px 15px !important;
    }
    .ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s{
        display: none;
    }
}

.ui-widget-content{
    border: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.ui-dialog {
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.8) !important;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.8) !important;
    box-shadow: 0 5px 10px rgba(0,0,0,0.8) !important;
}

/* dados empresa e escritorio */
.ui-state-disabled, .ui-widget-content .ui-state-disabled{
    opacity: 1.35;
}

#painelPrincipal_content{
    border: none !important;
    padding: 30px 40px 40px 20px;
}
#painelPrincipal_content .ui-inputfield,
#formGeraCont\:anoVencimento, #formGeraCont\:dataVencimento, #formGeraCont\:txtEmpregados, #formGeraCont\:txtValor, #formGeraCont\:txtPorcentagem{
    border: solid 0px #c6d6df;
    border-bottom: solid 1px #b0bec5;
    background-color: #f5f5f5;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 4px 10px !important;
    font-size: 15px;
}

.btnGerarContribuicao{
    background: transparent !important;
    border: transparent !important;
    text-shadow: none;
    color: #fff !important;
    font-family: Poppins,sans-serif !important;
    font-size: 15px !important;
    font-weight: normal !important;
    margin-top: -3px !important;
    border-bottom: none !important;
}
.btnGerarContribuicao:hover{
    background: #aa3133 !important;
    color: #fff !important;    
}

.btnRed{
    background: #de0408 !important;
    color: #fff !important;
    font-weight: normal !important;
    font-size: 16px !important;
    /*padding: 3px 20px;*/
}
.btnRed:hover{
    background:rgb(199, 3, 7) !important;
    color: #fff !important;
}
.btnAtualizar{
    background: #de0408 !important;
    color: #fff !important;
    font-weight: normal !important;
    font-size: 16px !important;
    padding: 2px 10px;
    float: right !important;
}

/* menu list */
.ui-menu.ui-menu-dynamic{
    background: #fbfbfb !important;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.4) !important;
    -moz-box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.4) !important;
    box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.4) !important;
    width: auto;
}
.ui-menu.ui-menu-dynamic .ui-menuitem-text,
.ui-menu.ui-menu-dynamic .ui-menuitem-icon.ui-icon{
    font-size: 13px !important;
}
.ui-menu.ui-menu-dynamic .ui-menuitem-text{
    margin-left: 12px;
}


/* dialog */
.ui-dialog-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-top.ui-draggable-handle{
    background: rgb(199, 3, 7) !important;
    color: #fff;
    text-shadow: none;
    font-family: Poppins,sans-serif !important;
    font-weight: normal;
}
.ui-fileupload-buttonbar.ui-widget-header.ui-corner-top {
    background: transparent;
    border: none;
}
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-fileupload-choose {
    background: #efefef;
    border: none;
    padding: 4px 4px 4px 4px;
    font-size: 14px;
    font-family: Poppins,sans-serif !important;
    font-weight: normal;
    text-shadow: none;
    margin-left: -7px;
    margin-top: 2px;
}
#formDadosEmpresa\:tabConteudo\:dlgGifCarregando,
#formDadosEmpresa\:tabConteudo\:dlgGifCarregandoConf,
#formDadosEmpresa\:tabConteudo\:dlgGifCarregandoAssist,
#formDadosEmpresa\:tabConteudo\:dlgGifCarregandoNeg,
#formDadosEmpresa\:tabConteudo\:dlgGifCarregandoSind,
#formDadosEmpresa\:tabConteudo\:dlgGifCarregandoGen,
#formDadosEmpresa\:tabConteudo\:dlgGifCarregandoServ,
#formDadosEmpresa\:tabConteudo\:dlgGifCarregandoFin, #dlgGifCarregando,
#formDadosEmpresa\:dlgGifCarregandoFin, #formGeraCont\:dlgGifCarregandoFin{
    moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* financeiro e arquivos disponiveis */
.dataTableArquivos{
    padding: 15px;
}
.ui-tabs .ui-tabs-panel{
    padding: 15px !important;
}

/*grow*/
.ui-growl-item-container.ui-state-highlight.ui-corner-all.ui-helper-hidden.ui-shadow.ui-growl-info{
    background: transparent !important;
    color: #383737 !important;
    box-shadow: 0px 0px 0.3em #E1E0E0 !important;
    -webkit-box-shadow: 0px 0px 0.3em #E1E0E0 !important;
    -moz-box-shadow: 0px 0px 0.3em #E1E0E0 !important;
    margin: 0 0 0px 0;
    border: none !important;
}
.ui-growl{
    margin-top: 53px !important;
}

.ui-button.ui-state-focus{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
}

.ui-icon.ui-icon-seek-end,
.ui-icon.ui-icon-seek-next,
.ui-icon.ui-icon-seek-prev,
.ui-icon.ui-icon-seek-first{
    background-image: url("/PortalSindical/javax.faces.resource/images/ui-icons_898989_256x240.png.jsf?ln=primefaces-aristo") !important;
}
.ui-icon.ui-icon-seek-end.ui-state-hover,
.ui-icon.ui-icon-seek-next.ui-state-hover,
.ui-icon.ui-icon-seek-prev.ui-state-hover,
.ui-icon.ui-icon-seek-first.ui-state-hover{
    background-image: url("/PortalSindical/javax.faces.resource/images/ui-icons_898989_256x240.png.jsf?ln=primefaces-aristo") !important;
}

/* button */
#formGeraCont .ui-state-default, 
#formGeraCont .ui-widget-content .ui-state-default, 
#formGeraCont .ui-widget-header .ui-state-default{
    border-bottom: none !important;
}

.ui-messages-info, .ui-message-info {
    color: #6e6e6e;
    background-color: #a49a9a1a;
    border: solid 1px #6862621a;
    padding: 14px 40px !important;
    text-align: center;
    margin-top: 22px;
}

#columnVenc td input,
#columnVencBoleto td input{
    border: solid 1px #c7030733 !important; 
    border-radius: 3px; 
}
#caixaDialogoConfValorNRecibo table, #caixaDialogoConfValorNReciboBoleto table,
#caixaDialogoMensValorNRecibo table, #caixaDialogoMensValorNReciboBoleto table,
#caixaDialogoAssistValorNRecibo table, #caixaDialogoAssistValorNReciboBoleto table,
#caixaDialogoNegValorNRecibo table, #caixaDialogoNegValorNReciboBoleto table,
#caixaDialogoGenValorNRecibo table, #caixaDialogoGenValorNReciboBoleto table,
#caixaDialogoServValorNRecibo table, #caixaDialogoServValorNReciboBoleto table{
    width: 100%;
}