body .ui-inputgroup .ui-inputgroup-addon{
    border-color: #a6a6a6 ! important;
    background-color: #eaeaea ! important;
    color: #333333 ! important;
}

.layout-wrapper .layout-sidebar .layout-menu li > a i.layout-menuitem-toggler{
    /*visibility: hidden ! important;*/
}
.layout-wrapper .layout-sidebar .layout-menu li > a i{
    color: #212121 ! important;
}

.layout-wrapper .layout-sidebar .layout-menu > li.active-menuitem > a {
    /*background:  #e4e2e0 ! important;*/
    color: #212121 ! important;
   
}
.layout-wrapper .layout-sidebar .layout-menu li > a{
    color: #212121 ! important;
    
} 



.font-nota{
    /*font-family: "Courier New" ! important;*/
      /*font-family: Arial, Helvetica, monospace ! important;*/
    /*font-family: "Times New Roman", Times, monospace ! important;*/
      font-family: "Courier New", Courier, monospace ! important;
}

.oculto{
    visibility: hidden ! important;
}
.visivel{
    visibility: visible ! important;
    /*min-height: 800px ! important;*/
}

.logo-menu{
    max-height: 100px ! important;
    max-width: 100px ! important;
}

.feriado{
    background-color: rgba(164,179,87,1) ! important;
    background-color: -moz-linear-gradient(45deg, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%) ! important;
    background-color: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(164,179,87,1)), color-stop(100%, rgba(117,137,12,1))) ! important;
    background-color: -webkit-linear-gradient(45deg, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%) ! important;
    background-color: -o-linear-gradient(45deg, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%) ! important;
    background-color: -ms-linear-gradient(45deg, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%) ! important;
    background-color: linear-gradient(45deg, rgba(164,179,87,1) 0%, rgba(117,137,12,1) 100%) ! important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#75890c', GradientType=1 ) ! important;
    color: black ! important;
    border: none ! important;
    font-size: 15px ! important;
}
.feriado-nacional{
    background-color: rgba(179,220,237,1) ! important;
    backbackground-colorground: -moz-linear-gradient(45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%) ! important;
    background-color: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(179,220,237,1)), color-stop(50%, rgba(41,184,229,1)), color-stop(100%, rgba(188,224,238,1))) ! important;
    background-color: -webkit-linear-gradient(45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%) ! important;
    background-color: -o-linear-gradient(45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%) ! important;
    background-color: -ms-linear-gradient(45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%) ! important;
    background-color: linear-gradient(45deg, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%) ! important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=1) ! important;
    color: black ! important;
    border: none ! important;
    font-size: 15px ! important;
}

.ui-toolbar{
    background: rgb(249,252,247);
    background: -moz-linear-gradient(top,  rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
    background: linear-gradient(to bottom,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 );

    border: solid 1px rgba(249,252,247,1) ! important;
}

.label-grid{
    width: 12% ! important;   
}

body .ui-datatable .ui-datatable-footer, body .ui-datatable .ui-datatable-header {
    text-align: center ! important;
}

.pnl-menu{
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
}

/* font colors */
.gray{color:#5A5A5A ! important;}
.softgray{color:#909090 ! important;}
.yellow{color:#FFD100 ! important;}
.white{ color:#ffffff ! important;}
.red{color:#e90c45 ! important;}
.orange{color:#F15A29 ! important;}
.softblue{color:#C1E1F4 ! important;}
.hardblue{color:#27AAE1 ! important;}
.leaden{color:#72828B ! important;}
.teal{color:#07A089 ! important;}
.softred{color:#d37070 ! important;}

.hardblue-back{background: #27AAE1 ! important;}

/* Font Type */
.FontBold{ font-weight:bold;}
.FontLight{ font-weight:lighter;}
.FontNormal{ font-weight:normal;}

/* Empty Boxes */
.EmptyBox2{ display:block; width:100%; height:2px; overflow:hidden;}
.EmptyBox5{ display:block; width:100%; height:5px; overflow:hidden;}
.EmptyBox10{ display:block; width:100%; height:10px; overflow:hidden;}
.EmptyBox20{ display:block; width:100%; height:20px; overflow:hidden;}
.EmptyBox30{ display:block; width:100%; height:30px; overflow:hidden;}
.EmptyBox40{ display:block; width:100%; height:40px; overflow:hidden;}
.EmptyBox50{ display:block; width:100%; height:50px; overflow:hidden;}
.EmptyBox60{ display:block; width:100%; height:60px; overflow:hidden;}
.EmptyBox70{ display:block; width:100%; height:70px; overflow:hidden;}
.EmptyBox80{ display:block; width:100%; height:80px; overflow:hidden;}
.EmptyBox90{ display:block; width:100%; height:90px; overflow:hidden;}
.EmptyBox100{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox110{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox120{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox130{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox140{ display:block; width:100%; height:100px; overflow:hidden;}
.EmptyBox150{ display: block; width: 100%; height:150px; overflow:hidden;}

/* Opacity */
.Opac100{ opacity:1; -webkit-opacity:1; -moz-opacity:1;}
.Opac95{ opacity:0.95; -webkit-opacity:0.95; -moz-opacity:0.95;}
.Opac90{ opacity:0.9; -webkit-opacity:0.9; -moz-opacity:0.9;}
.Opac80{ opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8;}
.Opac70{ opacity:0.7; -webkit-opacity:0.7; -moz-opacity:0.7;}
.Opac60{ opacity:0.6; -webkit-opacity:0.6; -moz-opacity:0.6;}
.Opac50{ opacity:0.5; -webkit-opacity:0.5; -moz-opacity:0.5;}
.Opac40{ opacity:0.4; -webkit-opacity:0.4; -moz-opacity:0.4;}
.Opac30{ opacity:0.3; -webkit-opacity:0.3; -moz-opacity:0.3;}
.Opac20{ opacity:0.2; -webkit-opacity:0.2; -moz-opacity:0.2;}
.Opac10{ opacity:0.1; -webkit-opacity:0.1; -moz-opacity:0.1;}
.OpacZero{ opacity:0; -webkit-opacity:0; -moz-opacity:0;}

/* Border Radius */
.BordRad3{ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.BordRad4{ border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.BordRad5{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.BordRad10{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.BordRad15{ border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
.BordRadHalf{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;}

.BordRight{ border-right:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.BordLeft{ border-left:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.BordTop{ border-top:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.BordBottom{ border-top:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.BordAll{ border:solid 1px transparent; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

/* Margins */
.MarTopPerc5{ margin-top:5%;}
.MarTopPerc10{ margin-top:10%;}
.MarTopPerc20{ margin-top:20%;}
.MarTopPerc30{ margin-top:30%;}
.MarTopPerc40{ margin-top:40%;}
.MarTopPerc50{ margin-top:50%;}

.MarAuto{ margin-left:auto; margin-right:auto;}

.MarTop5{ margin-top:5px ! important;}
.MarTop10{ margin-top:10px ! important;}
.MarTop15{ margin-top:15px ! important;}
.MarTop16{ margin-top:16px ! important;}
.MarTop17{ margin-top:17px ! important;}
.MarTop20{ margin-top:20px ! important;}
.MarTop22{ margin-top:22px ! important;}
.MarTop23{ margin-top:23px ! important;}
.MarTop30{ margin-top:30px ! important;}
.MarTop40{ margin-top:40px ! important;}
.MarTop50{ margin-top:50px ! important;}

.MarTopQuarter{ margin-top:25% ! important;}
.MarTopHalf{ margin-top:50% ! important;}

.MarBot10{ margin-bottom:10px ! important;}
.MarRight5{ margin-right:5px ! important;}
.MarRight10{ margin-right:10px ! important;}
.MarRight20{ margin-right:20px ! important; }


/* Paddings */
.PaddingTopPercent10{ padding-top: 10%;}

/* Padding With Transparent Border*/
.PadWithBorder1{ border:solid 1px transparent;}
.PadWithBorder2{ border:solid 2px transparent;}
.PadWithBorder3{ border:solid 3px transparent;}
.PadWithBorder4{ border:solid 4px transparent;}
.PadWithBorder5{ border:solid 5px transparent;}
.PadWithBorder10{ border:solid 10px transparent;}

.white{
    color: white ! important;
}


.dashboard .overview-box.ash {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 10px 10px 10px 20px;    
    background: #606c88;  /* fallback for old browsers */

    background: -webkit-linear-gradient(240deg, #606c88 0%, #3f4c6b 100%);
    background: -moz-linear-gradient(240deg, #606c88 0%, #3f4c6b 100%);
    background: linear-gradient(240deg, #8993ac 0%, #606c88 100%);

}

.dashboard .overview-box.blue {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 10px 10px 10px 20px;    
    background: #00B4DB;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #0083B0, #00B4DB);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #0083B0, #00B4DB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.dashboard .overview-box.green {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 10px 10px 10px 20px;    
    background: #134E5E;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #71B280, #134E5E);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left, #71B280, #134E5E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


    background: -webkit-linear-gradient(240deg, #71B280 0%, #134E5E 100%);
    background: -moz-linear-gradient(240deg, #71B280 0%, #134E5E 100%);
    background: linear-gradient(240deg, #2aadd0 0%, #134E5E 100%);

}



/* Text Aligns */
.TexAlCenter{ text-align:center ! important;}
.TexAlLeft{ text-align:left ! important;}
.TexAlRight{ text-align:right !important;}


/* Floating */
.Fleft{ float:left ! important;}
.Fright{ float:right ! important;}
.Fnone{ float:none !important;}


/* background colors */
.white-back{ background-color:#ffffff ! important;}
.red-back{ background-color:#EF3C56 ! important;}
.gray-back{background-color:#F7F7F7 ! important;}
.green-back{background-color:#236845 ! important;}
.leaden-back{background-color: #FBFCFD ! important;}
.orange-back{ background-color:#F15A29 ! important; border-color: #F15A29 ! important}
.blue-back{ background-color:#0277bd ! important;}
.secondary-back{ background-color: #FFC107 ! important;}
.success-back{ background-color: #689F38 ! important;}

.soft-back{ background:#f8f8f8 ! important;}


/* background colors */
.softBrownBack{background-color:#DBD0BD ! important;}
.softGreenBack{background-color:#8BD8B1 ! important;}
.softOrangeBack{background-color:#F9BB70 ! important;}
.softYellowBack{background-color:#FFE771 ! important;}
.softRedBack{background-color:#EF7F88 ! important;}
.softBlueBack{background-color:#6BCCED ! important;}
.softGrayBack{background-color:#F2F2F2 ! important;}


/* Font Sizes */
.Fs9{font-size:9px !important;}
.Fs10{font-size:10px !important;}
.Fs11{font-size:11px !important;}
.Fs12{font-size:12px !important;}
.Fs13{font-size:13px !important;}
.Fs14{font-size:14px !important;}
.Fs15{font-size:15px !important;}
.Fs16{font-size:16px !important;}
.Fs17{font-size:17px !important;}
.Fs18{font-size:18px !important;}
.Fs19{font-size:19px !important;}
.Fs20{font-size:20px !important;}
.Fs21{font-size:21px !important;}
.Fs22{font-size:22px !important;}
.Fs23{font-size:23px !important;}
.Fs24{font-size:24px !important;}
.Fs25{font-size:25px !important;}
.Fs26{font-size:26px !important;}
.Fs27{font-size:27px !important;}
.Fs28{font-size:28px !important;}
.Fs29{font-size:29px !important;}
.Fs30{font-size:30px !important;}
.Fs40{font-size:40px !important;}
.Fs50{font-size:50px !important;}
.Fs60{font-size:60px !important;}
.Fs70{font-size:70px !important;}
.Fs80{font-size:80px !important;}
.Fs100{font-size:100px !important;}
.Fs130{font-size:130px !important;}



.ui-datatable .ui-datatable-data .linha-nota-interna td{
    color:#0277bd ! important;
}
.ui-datatable .ui-datatable-data .linha-nota-externa td{
    color:#236845 ! important;
}

/*linhas da tabela*/
.ui-datatable .ui-datatable-data .linha-desativada td{
    color:#F44336 ! important;
}
.ui-datatable .ui-datatable-data .comunicado-nao-lido td{
    color:#4aa564 ! important;
}
.ui-confirm-dialog{
    min-width: 400px ! important;

}
.ui-confirm-dialog .ui-dialog-content {
    text-align:  center ! important;
    min-height: 100px ! important;
}
.ui-dialog.ui-confirm-dialog .ui-dialog-content > span{
    line-height: 20px ! important;
}

.ui-confirm-dialog .ui-dialog-footer{
    border-top: solid 1px #c2c2c2 ! important;
    background: #f3f3f3 ! important;
}
.ui-confirm-dialog .ui-dialog-titlebar{
    font-size: 15px ! important;
}
.ui-dialog.ui-confirm-dialog .ui-dialog-content > span.ui-icon{
    visibility: hidden   ! important; 
}

.dialog-impre .ui-dialog-titlebar{
    background: url("/portal/javax.faces.resource/images/portal-logo-login.png.xhtml?ln=portal-layout")    no-repeat    ! important;
    background-color: white ! important ;
    background-position: center ! important ;
    margin-top: 5px ! important ;
    height: 90px ! important ;
    min-width: 300px ! important;
}

.ui-dialog.dialog-processar .ui-dialog-titlebar {
    background: url("/portal/javax.faces.resource/images/portal-logo-login.png.xhtml?ln=portal-layout")    no-repeat    ! important;
    background-color: white ! important ;
    background-position: center ! important ;
    background-size: 200px   ! important ; 
    height: 80px ! important ;
}

.ui-dialog.dialog-processar .ui-dialog-content {
    background-position:  center ! important;
}


.ui-dialog-titlebar{
    background: #f8f9fa ! important;
    border:   1px solid #dee2e6 ! important;

}
.div-processar  {
    min-height: 100px  ! important;
    min-width:  100%  ! important;
}

.ui-confirm-dialog-message{
    /*    color: gray ! important;*/
    font-size: x-large ! important;
    margin-top: 10% ! important;
}

.ui-state-disabled{
    opacity: .85 ! important; 
}

.parcela-unica{
    background-color: #bfd9bf ! important;
}

.ui-selectbooleanbutton{
    border: 1px solid gray ! important;
    color: black ! important;
}

.layout-wrapper .layout-topbar #right-sidebar-button {
    display: inline-block ! important;
    position: absolute ! important;
    right: 0 ! important;
    width: 260px ! important;
    height: 60px ! important;
    line-height: 18px ! important;
    font-size: 15px ! important;
    color: #ffffff ! important;
    text-align: center ! important;
    -moz-transition: background-color 0.3s ! important;
    -o-transition: background-color 0.3s ! important;
    -webkit-transition: background-color 0.3s ! important;
    transition: background-color 0.3s ! important;
}

.layout-right-sidebar-active{
    width: 260px ! important;
}

/*.layout-footer {
    background-color: #ffffff ! important;
    padding: 5px 20px ! important;
    border-top: solid 1px #d6d7d9 ! important;
    height:  40px ! important;
}*/

.dashboard .overview-box.issued {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 10px 10px 10px 20px;
    background: linear-gradient(to right, #006600 0%, #669900 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006600', endColorstr='#669900',GradientType=0 );
}
.dashboard .overview-box.canceled {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 10px 10px 10px 20px;
    background: linear-gradient(to right, #cc3300 0%, #ff6600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc3300', endColorstr='#ff6600',GradientType=0 );
}

.dashboard .overview-box {
    color: #ffffff;
    min-height: 100px;
    position: relative;
}

.border-top-blue{
    border-top: solid 4px #7de0ff;
}

.panel-acessorio .ui-widget-header {
    background-color: #f4f4f4 ! important;
    color: #333 ! important;
    padding: .571em 1em .571em 1em ! important;
}

.ui-panel .panel-acessorio  .ui-panel-titlebar .ui-panel-titlebar-icon{
    color: #333 ! important;
}

.zero-top{
    top: 5% ! important;
}
.center-top{
    top: 50% ! important;
}

.badge{
    margin-right: 25px ! important;
    float: right ! important;
    color: #ffffff ! important;
    background-color: #4aa564 ! important;
    width: 20px ! important;
    height: 20px ! important;
    text-align: center ! important;
    margin-left: 0 ! important;
    border-radius: 50px ! important;
}

#layout-right-sidebar{
    right: -389px
}





@-moz-document url-prefix() {
    .ui-inputgroup .ui-inputgroup-addon{
        min-width: 20px ! important;
    }
}

#full{

}
@media (max-width: 1024px) {
    .full{
        display: none ! important;
    }
    .responsive{
        display: block ! important;
    }


}@media (min-width: 1025px) {
    .full{
        display: block ! important;
    }

    .responsive{
        display: none ! important;
    }
    .layout-wrapper #layout-megamenu-button {
        width: 200px ! important;
    }

}