/*
* RIO LAYOUT & THEME
* Supported Browsers > Google Chrome 3+ , Mozilla Firefox 3+ , Safari 3+ , Opera 3+ , Yandex Browser , Inernet Explorer 9+
* Copyright 2014 - PrimeFaces Theme Market - PrimeTek */
/* FONT-FACE*/

@font-face {
    font-family: 'roboto_condensedbold';
    src: url("");
    src: url("#iefix") format('embedded-opentype'), url("") format('woff2'), url("") format('woff'), url("") format('truetype'), url("#roboto_condensedbold") format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedlight';
    src: url("");
    src: url("#iefix") format('embedded-opentype'), url("") format('woff2'), url("") format('woff'), url("") format('truetype'), url("#roboto_condensedlight") format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedregular';
    src: url("");
    src: url("#iefix") format('embedded-opentype'), url("") format('woff2'), url("") format('woff'), url("") format('truetype'), url("#roboto_condensedregular") format('svg');
    font-weight: normal;    font-style: normal;
}
.FontRobotoBold {
    font-family: 'roboto_condensedbold';
}
.FontRobotoRegular {
    font-family: 'roboto_condensedregular';
}
.FontRobotoLight {
    font-family: 'roboto_condensedlight';
}
/*BODY*/
html {
    height: 100%;
}
body {
    margin: 0px;
    height: 100%;
    width: 100%;
    background-color: #F8F8F8;
}
.loginbodyNfeja {
    background-image: url("/PortalSindical/javax.faces.resource/images/background-nfeja.jpg.jsf?ln=rio-layout");
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-color: #57BFC7;
    background-repeat: no-repeat;
    height: auto;
    border-top: solid 10px #57BFC7;
}
.loginbodyblue {
    background-image: url("/PortalSindical/javax.faces.resource/images/blue-background.svg.jsf?ln=rio-layout");
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-color: #0288D1;
    background-repeat: no-repeat;
    height: auto;
    border-top: solid 10px #0288D1;
}
.loginbodypurple {
    background-image: url("/PortalSindical/javax.faces.resource/images/purple-background.jpg.jsf?ln=rio-layout");
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-color: #BD68BD;
    background-repeat: no-repeat;
    height: auto;
    border-top: solid 12px #BD68BD;
}

.noborder{
    border: none;

}

.loginbodyorange {
    background-image: url("/PortalSindical/javax.faces.resource/images/orange-background.svg.jsf?ln=rio-layout");
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-color: #fb8c00;
    background-repeat: no-repeat;
    height: auto;
    border-top: solid 10px #fb8c00;
}
.loginbodyred {
    background-image: url("/PortalSindical/javax.faces.resource/images/red-background.svg.jsf?ln=rio-layout");
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-color: #e53935;
    background-repeat: no-repeat;
    height: auto;
    border-top: solid 10px #e53935;
}
/* topbar */
#layout-topbar {
    width: 100%;
    height: 60px;
    position: fixed;
    z-index: 1000;
    background-color: #FFF;
    -webkit-box-shadow: 0px 2px 2px 0px rgba#E0E0E0;
    -moz-box-shadow: 0px 2px 2px 0px #E0E0E0;
    box-shadow: 0px 2px 2px 0px #E0E0E0;
}
#logo {
    width: 230px;
    height: 60px;
    background-color: #57BFC7;
    border-right: solid 1px #57BFC7;
    display: block;
}
#logo img {
    height: 30px;
    max-width: 133px;
    margin-top: 18px;
    margin-left: 8%;
}
#mobile-menu-button {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 28px;
    border-radius: 50%;
    text-align: center;
    padding-top: 10px;
    width: 47px;
    height: 37px;
    cursor: pointer;
    background-color: #3F878C;
    position: relative;
    margin: 8px -24px auto auto;
    color: #ffffff;
    overflow: hidden;
}
#mobile-menu-button:hover,
#mobile-menu-button:focus {
    background-color: #31676B;
}
#mobile-menu-button.MenuClose {
    margin-top: 39px !important;
    background-color: #ef5350 !important;
    color: #ffffff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* top menu */
#top-menu {
    margin: 8px 1.3% 0px 0px;
    padding: 0px;
    float: right;
}
#top-menu li {
    float: left;
    margin-left: 4px;
}
#top-menu > li > a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 26px;
    /*  border-radius: 50%;*/
    text-align: center;
    padding-top: 10px;
    width: auto;
    height: 37px;
    cursor: pointer;
    display: block;
    float: left;
    color: #706F6F;
    overflow: hidden;
}
#top-menu > li > a:hover,
#top-menu li a:focus {
    /*  background-color: #57BFC7;*/
    color: #57BFC7;
}

#top-menu > li > a .Txt {
    display: none;
    font-family: 'roboto_condensedregular';
}
#top-menu li ul {
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px;
    float: left;
    overflow: hidden;
}
#top-menu li ul.active-menu {
    width: auto;
    height: 37px;
}
#top-menu li ul li {
    float: left;
    padding: 0px;
    margin: 0px;
    padding-top: 13px;
}
#top-menu li ul li input[type="text"] {
    background-color: transparent;
    border: 0px none;
    border-bottom: solid 1px #706F6F;
    padding: 0px;
    width: 120px;
    font-family: 'roboto_condensedlight';
    font-size: 16px;
    color: #706F6F;
}
#top-menu li ul li input[type="text"]::-webkit-input-placeholder {
    color: #e1f5fe;
}
#top-menu li ul li input[type="text"]:-moz-placeholder {
    color: #e1f5fe;
    opacity: 1;
}
#top-menu li ul li input[type="text"]::-moz-placeholder {
    color: #9E9E9E;
    opacity: 1;
}
#top-menu li ul li input[type="text"]:-ms-input-placeholder {
    color: #e1f5fe;
}
#top-menu li ul li a {
    color: #9E9E9E;
    padding: 0px 5px;
    display: block;
    border-bottom: solid 1px #706F6F;
    font-size: 16px;
    font-family: 'roboto_condensedregular';
}
#show-top-menu {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 28px;
    border-radius: 50%;
    text-align: center;
    padding-top: 10px;
    width: 47px;
    height: 37px;
    cursor: pointer;
    position: relative;
    margin: 8px 2% auto auto;
    color: #57BFC7;
    overflow: hidden;
}
#show-top-menu:hover {
    background-color: #57BFC7;
    color: #FFF;
}
#show-top-menu.MenuClose {
    background-color: #57BFC7;
    color: #FFF;
}
/*.BlueNfejaMobile{
    color: #28595C !important;
}
.BlueNfejaMobile:hover,
.BlueNfejaMobile:focus,
.BlueNfejaMobile:active{
    background: #57BFC7 !important;
    color: #FFF !important;
}*/

/* wrapper */
#wrapper {
    display: inline;
    width: 100%;
    height: 100%;
}
#wrapperIndent {
    display: inline;
    height: 100%;
}
/*Layout Menu Cover */
#layout-menu-cover {
    width: 230px;
    display: block;
    height: 100%;
    vertical-align: top;
    position: fixed;
    overflow: hidden;
    background-color: #E1E1E1;
    color: #FFF !important;
    border-right: solid 1px #E1E1E1;
    z-index: 999;
    margin-top: -4px;
    -webkit-box-shadow: 0px 6px 5px 1px rgba(43, 59, 93, 0.4);
    -moz-box-shadow: 0px 6px 5px 1px rgba(43, 59, 93, 0.4);
    box-shadow: 0px 6px 5px 1px rgba(43, 59, 93, 0.4);
}
/*Layout Menu */
.layout-menu {
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    margin-top: 10px;
}
.layout-menu.rio-menu {
    margin-top: 0px;
}
.layout-menu li {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.layout-menu li a {
    color: #FFF;
    cursor: pointer;
}
.layout-menu ul {
    padding: 0px;
    overflow: hidden;
    height: 0px;
    opacity: 0;
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
}
#layout-menu-cover ul.active-menu {
    height: auto;
    opacity: 1;
    background-color: #28595C;
}
#layout-menu-cover:hover .layout-menu > li > a.active-menu,
.layout-menu > li > a.active-menu {
    background-color: #244C4F;
}

.layout-menu .active-menu-restore {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.layout-menu > li {
    width: auto;
    height: auto;
    font-size: 14px;
}
.layout-menu > li > a {
    width: 84%;
    padding: 9px 10%;
    display: block;
    font-family: 'roboto_condensedregular';
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.layout-menu > li > a:hover{
    background: transparent;
}
.layout-menu > li > a > i {
    display: block;
    font-size: 20px;
    float: left;
    margin-right: 16px;
    line-height: 0.7;
}
.layout-menu li ul li {
    font-family: 'roboto_condensedregular';
    font-size: 15px;
}
.layout-menu > li ul li a:focus {
    color: #57BFC7;
}
.layout-menu li ul li a {
    width: 80%;
    padding: 9px 16%;
    display: block;
    text-align: left;
    color: #f5f5f5 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.layout-menu li ul li a:hover,
.layout-menu li ul li a:focus,
.layout-menu li ul li a:active{
    background-color: #2F6063;
}
.layout-menu li ul li a > i {
    margin-right: 4px;
    font-size: 14px;
}
.layout-menu > li > a .fa-chevron-left{
    margin-top: 2px;
}

/* menu levels */
.menu-level-1 {
    text-indent: 8px;
}
.menu-level-2 {
    text-indent: 16px;
}
.menu-level-3 {
    text-indent: 24px;
}
.layout-menu > li > a.menulink > i.icon-ellipsis1 {
    display: none;
}
.layout-menu > li > li.menulink > i.icon-ellipsis1 {
    display: none;
}

/*Layout Portlets Cover*/
#layout-portlets-cover {
    display: block;
    vertical-align: top;
    padding: 108px 10px 30px 0.1%;
    margin-left: 240px;
}
.Card {
    padding: 10px;
    display: block;
    background-color: #ffffff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-family: 'roboto_condensedregular';
    color: #546e7a;
}
.CardTopic {
    font-size: 15px;
    margin: 0px;
    padding: 10px 0px;
    width: 100%;
    display: block;
    color: #546e7a;
}
.CardFooter {
    border-top: solid 1px #e0e0e0;
    margin: 10px -10px -12px;
    padding: 10px;
    overflow: hidden;
    display: block;
}
.CardFooterBtn {
    padding: 10px;
    margin: -10px 0px;
    display: inline-block;
    font-size: 24px;
}
.CardFooterBtn:hover {
    background-color: #f5f5f5;
}
.hoverEmail:hover{
    text-decoration: underline;
}
/* LAYOUT STANDART STYLES -----------------------------------------------------------------*/
a {
    text-decoration: none;
    outline: none;
}
img {
    outline: none;
}
li {
    list-style: none;
}
i {
    line-height: 0.7 !important;
}
/* seperator line */
.Separator {
    border-bottom: solid 1px #ececec !important;
    width: 100% !important;
    overflow: hidden !important;
    height: 0px !important;
    margin: 1px 0px !important;
    clear: both !important;
}
.SeparatorFull {
    border-bottom: solid 1px #36595C;
    display: block;
    overflow: hidden;
    height: 0px;
    margin: 1px -10px;
    clear: both;
}
/* hover effect for boxlink and links */
.HoverEffect {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.HoverEffect:hover {
    opacity: 0.8;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/* shadow */
.ShadowEffect {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.4);
    -moz-box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.4);
    box-shadow: 0px 1px 2px 0px rgba(43, 59, 93, 0.4);
}
@media screen and (min-width: 0\0) {
    .ShadowEffect {
        box-shadow: 0px 0px 8px 0px rgba(43, 59, 93, 0.4);
    }
}
.BigTopic {
    padding-bottom: 20px;
    font-size: 24px;
}
.changecolor:hover {
    background-color: #FBB040;
    padding: 10px;
}
/* MEDIA QUERIES **************************************************************************************************************** */
/* Large desktop */
/* Portrait tablet to landscape and desktop */
@media (min-width: 640px) and (max-width: 960px) {
    html,
    body {
        height: auto;
    }
    /* topbar */
    #layout-topbar {
        height: 60px;
    }
    #logo {
        width: 230px;
        height: 64px;
    }
    #logo img {
        height: 30px;
        max-width: 123px;
        margin-top: 18px;
        margin-left: 8%;
    }
    #mobile-menu-button {
        font-size: 28px;
        padding-top: 10px;
        width: 47px;
        height: 37px;
        margin: 8px -24px auto auto;
    }
    #mobile-menu-button.MenuClose {
        margin-top: 39px !important;
    }
    /* top menu */
    #top-menu {
        width: 150px;
        position: absolute;
        display: none;
        opacity: 0;
        right: 2%;
        margin: 40px 0px 0px 0px;
        background-color: #ffffff;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
        overflow: hidden;
    }
    #top-menu.showmenu {
        margin-top: 60px;
        opacity: 1;
        display: block;
    }
    #top-menu li {
        width: 150px;
        padding: 0px;
        margin: 0px;
    }
    #top-menu > li > a {
        font-size: 14px;
        text-align: left;
        padding: 10px;
        width: 130px;
        height: auto;
        cursor: pointer;
        display: block;
        float: left;
        color: #546e7a;
        border-radius: 0px;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    #top-menu > li > a:hover,
    #top-menu li a:focus {
        background-color: #e0e0e0;
    }
    #top-menu > li > a i {
        float: left;
        font-size: 18px;
        margin-right: 5px;
    }
    #top-menu > li > a .Txt {
        display: inline-block;
        float: left;
    }
    #top-menu li ul {
        width: 150px;
        height: 0px;
        padding: 0px;
        margin: 0px;
        float: left;
        overflow: hidden;
    }
    #top-menu li ul.active-menu {
        width: auto;
        height: auto;
        background-color: #f5f5f5;
    }
    #top-menu li ul li {
        float: left;
        padding: 0px;
        margin: 0px;
    }
    #top-menu li ul li input[type="text"] {
        background-color: transparent;
        border: 0px none;
        border-bottom: solid 1px #e0e0e0;
        padding: 0px;
        width: 100px;
        margin: 10px 10px 10px 35px;
        font-family: 'roboto_condensedlight';
        font-size: 14px;
        color: #546e7a;
    }
    #top-menu li ul li input[type="text"]::-webkit-input-placeholder {
        color: #546e7a;
    }
    #top-menu li ul li input[type="text"]:-moz-placeholder {
        color: #546e7a;
        opacity: 1;
    }
    #top-menu li ul li input[type="text"]::-moz-placeholder {
        color: #706F6F;
        opacity: 1;
    }
    #top-menu li ul li input[type="text"]:-ms-input-placeholder {
        color: #546e7a;
    }
    #top-menu li ul li a {
        width: 105px;
        color: #546e7a;
        padding: 10px 10px 10px 35px;
        display: block;
        border: 0px none;
        font-size: 13px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    #top-menu li ul li a:hover,
    #top-menu li ul li a:focus {
        background-color: #e0e0e0;
    }
    #show-top-menu {
        font-size: 28px;
        padding-top: 10px;
        width: 47px;
        height: 37px;
        position: relative;
        margin: 8px 2% auto auto;
    }
    /* wrapper */
    #wrapper {
        display: block;
        width: 100%;
        height: 100%;
    }
    #wrapperIndent {
        display: block;
        height: 100%;
    }
    /*Layout Menu Cover */
    #layout-menu-cover {
        display: block;
        height: 100%;
        position: fixed;
        z-index: 999;
        border-bottom: solid 1px #e0e0e0;
        margin-left: -230px;
        overflow: hidden;
    }
    #layout-menu-cover.showmenu {
        margin-left: 0px;
    }
    /*Layout Portlets Cover*/
    #layout-portlets-cover {
        display: block;
        padding: 75px 1% 30px;
        margin-left: 0px;
    }
    /*Custom Alerta*/
    label.numAlertas{
        font-size: 9px !important;
        margin-left: -58px !important;
    }
}

/* Landscape phone to portrait tablet */
@media (min-width: 480px) and (max-width: 640px) {
    html,
    body {
        height: auto;
    }
    /* topbar */
    #layout-topbar {
        height: 50px;
    }
    #logo {
        width: 230px;
        height: 50px;
    }
    #logo img {
        height: 24px;
        max-width: 123px;
        margin-top: 14px;
        margin-left: 8%;
    }
    #mobile-menu-button {
        font-size: 22px;
        padding-top: 8px;
        width: 37px;
        height: 29px;
        margin: 7px -19px auto auto;
    }
    #mobile-menu-button.MenuClose {
        margin-top: 31px !important;
    }
    /* top menu */
    #top-menu {
        width: 150px;
        position: absolute;
        display: none;
        opacity: 0;
        right: 2%;
        margin: 40px 0px 0px 0px;
        background-color: #ffffff;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
        overflow: hidden;
    }
    #top-menu.showmenu {
        margin-top: 47px;
        opacity: 1;
        display: block;
    }
    #top-menu li {
        width: 150px;
        padding: 0px;
        margin: 0px;
    }
    #top-menu > li > a {
        font-size: 14px;
        text-align: left;
        padding: 10px;
        width: 130px;
        height: auto;
        cursor: pointer;
        display: block;
        float: left;
        color: #546e7a;
        border-radius: 0px;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    #top-menu > li > a:hover,
    #top-menu li a:focus {
        background-color: #F0F0F0;
    }
    #top-menu > li > a i {
        float: left;
        font-size: 18px;
        margin-right: 5px;
    }
    #top-menu > li > a .Txt {
        display: inline-block;
        float: left;
    }
    #top-menu li ul {
        width: 150px;
        height: 0px;
        padding: 0px;
        margin: 0px;
        float: left;
        overflow: hidden;
    }
    #top-menu li ul.active-menu {
        width: auto;
        height: auto;
        background-color: #f5f5f5;
    }
    #top-menu li ul li {
        float: left;
        padding: 0px;
        margin: 0px;
    }
    #top-menu li ul li input[type="text"] {
        background-color: transparent;
        border: 0px none;
        border-bottom: solid 1px #e0e0e0;
        padding: 0px;
        width: 100px;
        margin: 10px 10px 10px 35px;
        font-family: 'roboto_condensedlight';
        font-size: 14px;
        color: #546e7a;
    }
    #top-menu li ul li input[type="text"]::-webkit-input-placeholder {
        color: #546e7a;
    }
    #top-menu li ul li input[type="text"]:-moz-placeholder {
        color: #546e7a;
        opacity: 1;
    }
    #top-menu li ul li input[type="text"]::-moz-placeholder {
        color: #706F6F;
        opacity: 1;
    }
    #top-menu li ul li input[type="text"]:-ms-input-placeholder {
        color: #546e7a;
    }
    #top-menu li ul li a {
        width: 105px;
        color: #546e7a;
        padding: 10px 10px 10px 35px;
        display: block;
        border: 0px none;
        font-size: 13px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    #top-menu li ul li a:hover,
    #top-menu li ul li a:focus {
        background-color: #e0e0e0;
    }
    #show-top-menu {
        font-size: 22px;
        padding-top: 8px;
        width: 37px;
        height: 29px;
        position: relative;
        margin: 7px 2% auto auto;
    }
    /* wrapper */
    #wrapper {
        display: block;
        width: 100%;
        height: 100%;
    }
    #wrapperIndent {
        display: block;
        height: 100%;
    }
    /*Layout Menu Cover */
    #layout-menu-cover {
        display: block;
        height: 100%;
        position: fixed;
        z-index: 999;
        border-bottom: solid 1px #e0e0e0;
        margin-left: -230px;
        overflow: hidden;
    }
    #layout-menu-cover.showmenu {
        margin-left: 0px;
    }
    .layout-menu {
        margin-top: 57px;
    }
    /*Layout Portlets Cover*/
    #layout-portlets-cover {
        display: block;
        padding: 55px 1% 20px;
        margin-left: 0px !important;
    }
    /*Custom Alerta*/
    label.numAlertas{
        font-size: 9px !important;
        margin-left: -58px !important;
    }
}
/* Portrait phones and down */
@media (min-width: 320px) and (max-width: 480px) {
    html,
    body {
        height: auto;
    }
    /* topbar */
    #layout-topbar {
        height: 50px;
    }
    #logo {
        width: 230px;
        height: 50px;
    }
    #logo img {
        height: 24px;
        max-width: 123px;
        margin-top: 14px;
        margin-left: 8%;
    }
    #mobile-menu-button {
        font-size: 22px;
        padding-top: 8px;
        width: 37px;
        height: 29px;
        margin: 7px -19px auto auto;
    }
    #mobile-menu-button.MenuClose {
        margin-top: 31px !important;
    }
    /* top menu */
    #top-menu {
        width: 150px;
        position: absolute;
        display: none;
        opacity: 0;
        right: 2%;
        margin: 40px 0px 0px 0px;
        background-color: #ffffff;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
        overflow: hidden;
    }
    #top-menu.showmenu {
        margin-top: 47px;
        opacity: 1;
        display: block;
    }
    #top-menu li {
        width: 150px;
        padding: 0px;
        margin: 0px;
    }
    #top-menu > li > a {
        font-size: 14px;
        text-align: left;
        padding: 10px;
        width: 130px;
        height: auto;
        cursor: pointer;
        display: block;
        float: left;
        color: #546e7a;
        border-radius: 0px;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    #top-menu > li > a:hover,
    #top-menu li a:focus {
        background-color: #e0e0e0;
    }
    #top-menu > li > a i {
        float: left;
        font-size: 18px;
        margin-right: 5px;
    }
    #top-menu > li > a .Txt {
        display: inline-block;
        float: left;
    }
    #top-menu li ul {
        width: 150px;
        height: 0px;
        padding: 0px;
        margin: 0px;
        float: left;
        overflow: hidden;
    }
    #top-menu li ul.active-menu {
        width: auto;
        height: auto;
        background-color: #f5f5f5;
    }
    #top-menu li ul li {
        float: left;
        padding: 0px;
        margin: 0px;
    }
    #top-menu li ul li input[type="text"] {
        background-color: transparent;
        border: 0px none;
        border-bottom: solid 1px #e0e0e0;
        padding: 0px;
        width: 100px;
        margin: 10px 10px 10px 35px;
        font-family: 'roboto_condensedlight';
        font-size: 14px;
        color: #546e7a;
    }
    #top-menu li ul li input[type="text"]::-webkit-input-placeholder {
        color: #546e7a;
    }
    #top-menu li ul li input[type="text"]:-moz-placeholder {
        color: #546e7a;
        opacity: 1;
    }
    #top-menu li ul li input[type="text"]::-moz-placeholder {
        color: #706F6F;
        opacity: 1;
    }
    #top-menu li ul li input[type="text"]:-ms-input-placeholder {
        color: #546e7a;
    }
    #top-menu li ul li a {
        width: 105px;
        color: #546e7a;
        padding: 10px 10px 10px 35px;
        display: block;
        border: 0px none;
        font-size: 13px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    #top-menu li ul li a:hover,
    #top-menu li ul li a:focus {
        background-color: #e0e0e0;
    }
    #show-top-menu {
        font-size: 22px;
        padding-top: 8px;
        width: 37px;
        height: 29px;
        position: relative;
        margin: 7px 2% auto auto;
    }
    /* wrapper */
    #wrapper {
        display: block;
        width: 100%;
        height: 100%;
    }
    #wrapperIndent {
        display: block;
        height: 100%;
    }
    /*Layout Menu Cover */
    #layout-menu-cover {
        display: block;
        height: 100%;
        position: fixed;
        z-index: 999;
        border-bottom: solid 1px #e0e0e0;
        margin-left: -230px;
        overflow: hidden;
    }
    #layout-menu-cover.showmenu {
        margin-left: 0px;
    }
    .layout-menu {
        margin-top: 57px;
    }
    /*Layout Portlets Cover*/
    #layout-portlets-cover {
        display: block;
        padding: 55px 1% 20px;
        margin-left: 0px !important;
    }
    /*Custom Alerta*/
    label.numAlertas{
        font-size: 9px !important;
        margin-left: -58px !important;
    }
}
#FAW .Container33 {
    padding: 10px 0px;
}
#layout-portlets-cover:before,
#layout-portlets-cover:after,
.Card:before,
.Card:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
#layout-portlets-cover:after,
.Card:after {
    clear: both;
}
/* colors */
/* fonts */
/* misc */
.short-transition {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.medium-transition {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.long-transition {
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
}
.no-transition {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
/* predefined colors */
.RedSistema{
    color: #E60004 !important;
}
.White {
    color: #ffffff !important;
}
.WhiteBlue {
    color: #E1F5FE;
}
.SoftBlue {
    color: #57BFC7;
}
.Blue {
    color: #0288D1;
}
.Black {
    color: #000;
}
.BlueNfeja {
    color: #57BFC7;
}
.Turquoise {
    color: #26C6DA;
}
.SoftGray {
    color: #ECEFF1;
}
.Gray {
    color: #90A4AE;
}
.BoldGray {
    color: #546E7A;
}
.SoftOrange {
    color: #FFCC80;
}
.Orange {
    color: #FB8C00;
}
.CorNfeja {
    color: #3F878C;
}
.SoftGreen {
    color: #A5D6A7;
}
.Green {
    color: #43A047;
}
.LeadenGreen {
    color: #26A69A;
}
.SoftRed {
    color: #EF9A9A;
}
.Red {
    color: #E53935 !important;
}
.Pink {
    color: #FF4081;
}
.SoftPurple {
    color: #CE93D8;
}
.Purple {
    color: #BD68BD;
}
.Yellow {
    color: #F7D100;
}
/* predefined background colors */
.WhiteBlueBack {
    background-color: #E1F5FE;
}
.SoftBlueBack {
    background-color: #03A9F4;
}
.BlueBack {
    background-color: #0288D1;
}
.TurquoiseBack {
    background-color: #26C6DA;
}
.SoftGrayBack {
    background-color: #ECEFF1;
}
.GrayBack {
    background-color: #90A4AE;
}
.BoldGrayBack {
    background-color: #546E7A;
}
.SoftOrangeBack {
    background-color: #FFCC80;
}
.OrangeBack {
    background-color: #FB8C00;
}
.SoftGreenBack {
    background-color: #A5D6A7;
}
.GreenBack {
    background-color: #43A047;
}
.LeadenGreenBack {
    background-color: #26A69A;
}
.SoftRedBack {
    background-color: #EF9A9A;
}
.RedBack {
    background-color: #E53935;
}
.BlackBlue{
    color: #485F69;
}
.PinkBack {
    background-color: #FF4081;
}
.SoftPurpleBack {
    background-color: #CE93D8;
}
.PurpleBack {
    background-color: #8E24AA;
}
.YellowBack {
    background-color: #F7D100;
}
/* predefined borders */
.BorderTop {
    border-top: solid 1px #E0E0E0;
}
.BorderRight {
    border-right: solid 1px #E0E0E0;
}
.BorderBottom {
    border-bottom: solid 1px #E0E0E0;
}
.BorderLeft {
    border-left: solid 1px #E0E0E0;
}
.BorderAll {
    border: solid 1px #E0E0E0;
}
.PurpleBtn{
    background-color: #BD68BD;
}
.PurpleBtn:hover{
    background-color: #D181D1;
}
.PurpleBtn:focus{
    background-color: #A349A3;
}
.PurpleText{
    color: #A349A3;
}
.Nfeja{
    color: #57BFC7;
}
.RedButton{
    background-color: #E53935 !important;
}
.RedButton:hover{
    background-color: #F44336 !important;
}
.RedButton:active{
    background-color: #D32F2F !important;
}

/*CSS NFeJa*/
.BtnNfeja{
    background-color: #55BBC2; 
}
.BtnNfeja:hover{
    background-color: #5BC7CF;
}
.BtnNfeja:focus{
    background-color: #439DA3;
}
.BtnNfeja2{
    background-color: #439DA3; 
}
.BtnNfeja2:hover{
    background-color: #55BBC2;
}
.BtnNfeja2:focus{
    background-color: #5BC7CF;
}
.BtnNfeja3{
    background-color: #04B0C7;
}
.BtnNfeja3:hover,
.BtnNfeja3:focus{
    background-color: #00C9E3;
}
.BtnNfeja3:active{
    background-color: #0390A3;
}

.ComandLink{
    color: #526670 !important;
}
.ComandLink:hover{
    color: #3B9399 !important;
}

.ComandLinkCadastro{
    color: #2F6063 !important;
}
.ComandLinkCadastro:hover{
    color: #3B9399 !important;
}

.Logado{
    font-size: 14px !important;
    color: #526670 !important;
}

.Aviso{
    background-color: #FFF5F7;
    border: solid 1px #FFCDC9;
    border-radius: 4px;
    padding: 10px;
    margin: auto !important;
    color: #C62828 !important;
}

.EmitaJa{
    cursor: pointer;
}

.EmitaJaMobile{
    margin-left: 28px;
    cursor: pointer;
}
#btnPesquisa{
    color: #9AB6B0 !important;
    padding: 10px;
}
#btnPesquisa:hover{
    color: #FFF !important;
}

.BtnExcluir{
    background: none !important;
    color: red !important;
    padding: 0px !important;
    /*    border-radius: 0px !important;*/
}

.Inferior{
    position: absolute;
    bottom: 0;
}
.ui-chkbox .ui-chkbox-box{
    margin-right: 0px;
    width: 13px !important;
    height: 13px!important;
}

#mn_GerCli{
    color: #FFF !important;
}

.ui-chkbox .ui-chkbox-label{
    font-size: 14px !important;
}

#capNovaSenhaEmp{
    margin-left: 20px !important;
}
#capCliente{
    margin: auto !important;
}

.cardPrincipal{
    background-color: #FFF !important;
}
.cardPrincipal:hover,
.cardPrincipal:hover i,
.cardPrincipal:hover span,
.cardPrincipal:hover label{
    background-color: #244C4F !important;
    color: #FFF !important;
}

.corMenu{
    background-color: rgb(199, 3, 7) !important;
}
.Cinza{
    color: #6e6e6e !important;
}

.BtnFormulario{
    background: #fff;
    color: #3F878C !important;
    border-color:#ddd;
    border-radius:3px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 1px 6px;
    line-height: 1.3856;
    margin-left: 10px;
}
.BtnFormulario:hover{
    background-color: #3F878C;
    color: #fff !important;
}

/*.BtnFormulario{
    color: #fff !important;
    background: #489196 !important;
    border: 1px solid #346F73 !important;
    border-color:#ddd;
    border-radius:2px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 2px 8px;
    line-height: 1.3856;
    margin-left: 10px;
}
.BtnFormulario:hover{
    color: #3F878C !important;
    background-color: #fff !important;
}*/

.btn{
    background: #fff !important;
    color:#70728F;
}
.btn:hover{color:#57BFC7;}

.pesquisaCEP{
    color:#fff !important;
    font-size: 14px !important;
    padding: 4px 10px;
}

.BtnPesquisarEmissao{
    color: #fff !important;
    margin-left: -18px;
    padding: 5px 10px;
    border-radius: 4px;
}

/*Icone Rede Social Hover*/
.iconSocialFace:hover{
    color: #3B5998;
}
.iconSocialLike:hover{
    color: #047CBD;
}
.iconSocialGoo:hover{
    color: #EB5346;
}

/*DataGrid*/
.ui-datagrid .ui-datagrid-header{
    background: #fff !important;
    height: 20px !important;
}

/*DataTable*/
.ui-datatable-odd{
    background-color: #f8f8f8 !important;
}
.ui-datatable table thead tr th, 
.ui-datatable table tfoot tr td, 
.ui-datatable table thead tr th{
    padding: 6px 10px !important;
    background: #fff !important;
    color: #424242 !important;
}
.ui-datatable thead tr th{
    border: 1px solid #d8d8d8 !important;
}
.ui-datatable thead th:first-child{
    border-left: 1px solid #d8d8d8 !important;
}
.ui-datatable thead th.ui-state-hover,
.ui-datatable thead th.ui-state-focus{
    background: #e8e8e8 !important;
    color: #000 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}
.ui-datatable tbody tr td{
    border: 1px solid #d8d8d8 !important;
    padding: 5px 10px !important;
    color: #424242 !important;
}
.ui-datatable thead th.ui-state-active, 
.ui-datatable thead th.ui-state-highlight{
    background-color: #FFC107 !important;
    color: #000000 !important;
    border-top-color: #FFC107 !important;
}
.ui-datatable tbody tr.ui-datatable-even.ui-state-hover,
.ui-state-hover, .ui-widget-content .ui-state-hover{
    /*background: #E3E3E3  !important;*/
    color: #000 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}
.ui-datatable table thead tr th, 
.ui-datatable table tfoot tr td, 
.ui-datatable table thead tr th{
    font-size: 14px !important;
}

.ui-state-highlight, 
.ui-widget-content .ui-state-highlight{
    background: #FFC107 !important;
    color: #000 !important;
    text-shadow: none !important;
}
.ui-datatable tbody tr.ui-state-highlight td {
    border-right-color: #FFA000 !important;
}
.ui-datatable-header.ui-widget-header.ui-corner-top{
    border: none;
    background: #de0408;
    color: #fff;
    text-shadow: none;
    padding: 9px 14px 15px;
    font-size: 14px;
    font-family: Poppins,sans-serif;
}
.ui-datatable-footer.ui-widget-header.ui-corner-bottom{
    border: none;
    background: #de0408;
    color: #fff;
    text-shadow: none;
    padding: 4px 0px;
}
#tabelaMens\:globalFilter,
#tabelaConf\:globalFilter,
#tabelaAssist\:globalFilter,
#tabelaNeg\:globalFilter,
#tabelaSind\:globalFilter,
#tabelaGen\:globalFilter,
#tabelaServ\:globalFilter,
#formArqDisponiveis\:tabelaArquivosPortal\:globalFilter{
    background: #de0408 !important;
    border: none;
    border-bottom: solid 1px #F59585;
    box-shadow: none;
    color: #fff !important;
    text-align: center;
    text-shadow: none;
    width: 100px;
}
#formDadosEmpresa\:tabConteudo\:tabelaMens\:globalFilter:hover, #formDadosEmpresa\:tabConteudo\:tabelaMens\:globalFilter:focus,
#formDadosEmpresa\:tabConteudo\:tabelaConf\:globalFilter:hover, #formDadosEmpresa\:tabConteudo\:tabelaConf\:globalFilte:focus,
#formDadosEmpresa\:tabConteudo\:tabelaAssist\:globalFilter:hover, #formDadosEmpresa\:tabConteudo\:tabelaAssist\:globalFilter:focus,
#formDadosEmpresa\:tabConteudo\:tabelaNeg\:globalFilter:hover, #formDadosEmpresa\:tabConteudo\:tabelaNeg\:globalFilter:focus,
#formDadosEmpresa\:tabConteudo\:tabelaSind\:globalFilter:hover, #formDadosEmpresa\:tabConteudo\:tabelaSind\:globalFilter:focus,
#formDadosEmpresa\:tabConteudo\:tabelaGen\:globalFilter:hover, #formDadosEmpresa\:tabConteudo\:tabelaGen\:globalFilter:focus,
#formDadosEmpresa\:tabConteudo\:tabelaServ\:globalFilter:hover, #formDadosEmpresa\:tabConteudo\:tabelaServ\:globalFilter:focus,
#formArqDisponiveis\:tabelaArquivosPortal\:globalFilter:hover, #formArqDisponiveis\:tabelaArquivosPortal\:globalFilter:focus{
    border-bottom: solid 1px #fff;
}

/*Paginator*/
.ui-paginator-bottom{
    background: #cb0f12 !important;
    padding: 0px !important;
    border: none !important;
}
.ui-paginator-page.ui-state-default.ui-corner-all{
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
}
.ui-state-default{
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.ui-paginator .ui-paginator-first, 
.ui-paginator .ui-paginator-prev, 
.ui-paginator .ui-paginator-pages .ui-paginator-page, 
.ui-paginator .ui-paginator-next, 
.ui-paginator .ui-paginator-last, 
.ui-paginator .ui-paginator-rpp-options{
    font-size: 15px;
    color:#fff;
    background: transparent;
    border: none !important;
    text-shadow: none;
}
.ui-paginator .ui-paginator-rpp-options{
    background: #50A5AB !important;
}
.ui-paginator .ui-paginator-rpp-options.ui-state-focus{
    background: #50A5AB !important;
}
.ui-paginator .ui-state-hover,
.ui-paginator .ui-paginator-pages .ui-state-hover{
    background: #FFA000 !important;
}
.ui-paginator .ui-state-active{
    background: #f33b3e !important;
}
/*.ui-icon.ui-icon-seek-next{
    background-image: url(http://agroavestaubate.com.br/blog/wp-content/uploads/2015/05/seta.png) !important; 
}*/


/*TabView*/
.ui-tabs .ui-tabs-nav{
    background: transparent !important;

}
.ui-tabs-top .ui-tabs-nav{
    border-bottom: solid 1px #C70307 !important;
}
.ui-tabs-top .ui-tabs-nav li a{
    font-size: 15px !important;
    padding: 4px 1em !important;
    color: #858585 !important;
    background: #fff !important;
    text-shadow: none !important;
}
.ui-tabs .ui-tabs-nav li{
    border: none !important;
}
.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs-top .ui-tabs-nav li.ui-tabs-active a{
    background: #f8f8f8 !important;
    border-radius: 2px !important;
    color: #424242 !important;
    border-bottom: solid 2px #C70307 !important;
    border-top: none !important;
}
.ui-tabs-top .ui-tabs-nav li.ui-state-hover a{
    background: #fff !important;
    border-radius: 2px !important;
    color: #424242 !important;
    border-bottom: solid 2px #D43E40 !important;
    border-top: none !important;
}
.ui-tabs-top .ui-tabs-nav li.ui-state-disabled a{
    background: #F9F9F9 !important;
    border-radius: 2px !important;
    color: #8EBCBF !important;
    border-bottom: solid 5px #F7F7F7 !important;
}

/*Combo IntputText*/
.ui-inputfield {
    color: #757575 !important;
    padding: 3px 10px !important;
}
/*.ui-inputfield:focus{
    color: rgb(199, 3, 7) !important;
}*/

/*Combo SelectMenu*/
.ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger, .ui-fluid .ui-selectcheckboxmenu-trigger{
    width: 38px !important;
    height: 29px !important;
}
.ui-selectonemenu-trigger .ui-icon-triangle-1-s, .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s{
    margin-top: 8px !important;
}

/*Panel*/
.ui-panel .ui-panel-content.ui-widget-content{
    padding: 0px !important;
}
.ui-panel .ui-panel-footer{
    background: #fff;
    border-bottom: solid 1px #E0E0E0;
}

/*Select Radio Label*/
.ui-selectoneradio label{
    font-size: 14px !important;
}

/*Stack*/
.ui-stack{
    border: none !important;
}
.ui-stack ul li img{
    width: 42px !important;
}
.ui-stack > img{
    height: 31px;
    padding-top: 30px;
}


/*Tabs TabView*/
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn-right{
    height: 36px;
    border-left: solid 1px #fff;
}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn{
    height: 36px;
}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn-left{
    border-right: solid 1px #fff;
}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn-right .ui-icon{
    margin-top: 11px;
}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn-left .ui-icon{
    margin-top: 11px;
}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn{
    padding: 0px !important;
    background-color: #3f878c; 
    color: #fff;
}
.ui-tabs-top .ui-tabs-navscroller .ui-tabs-navscroller-btn:hover{
    background-color: #54A2A8; 
}

/*Dialog*/
.dialogCss{
    max-width: 850px !important;
    min-width: 100px !important;
}
.dialogCssMensagem{
    max-width: 660px !important;
    min-width: 100px !important;
}
.dialogCssMsgTrocaSenha{
    max-width: 400px !important;
    min-width: 100px !important;
}
.dialogCssFormulario{
    max-width: 1200px !important;
    min-width: 100px !important;
    max-height: 600px !important;
    min-height: 400px !important;
}
.dialogCssExibirGif{
    max-width: 650px !important;
    min-width: 100px !important;
}

/*Inputswitch*/
.ui-inputswitch{
    background-color: #54BBC2;
    border: solid 1px #54BBC2;
}
.ui-inputswitch .ui-inputswitch-on span{
    color: #fff;
}
.ui-inputswitch .ui-inputswitch-off span{
    color: #fff;
}

/*blockUI */
.ui-blockui-content{
    background: #fff !important;
}

/*Panel Imagem CmPrincipal*/
.clique-aqui{
    float: left; 
    position: relative; 
    text-align: center !important; 
    margin-top: -9%; 
    margin-left: 41%;
    font-family: fantasy;
    font-weight: bold !important;
}
.clique-aquiMob{
    float: left; 
    position: relative; 
    text-align: center !important; 
    margin-top: -9%; 
    margin-left: 38%;
    font-family: fantasy;
    font-weight: bold !important;
    font-size: 10px !important;
}
.imgCmPrincipal{
    float: left; 
    position: relative;
}

/*Customizando P:Message*/
.ui-messages-error, .ui-message-error{
    font-size: 14px !important;
    text-align: center !important;
    margin-top: -8px !important;
    margin-bottom: -8px !important;
}
.ui-messages-info-icon, 
.ui-messages-warn-icon, 
.ui-messages-error-icon, 
.ui-messages-fatal-icon, 
.ui-message-info-icon, 
.ui-message-warn-icon, 
.ui-message-error-icon, 
.ui-message-fatal-icon{
    display: none !important;
}
.ui-message-info, 
.ui-message-error, 
.ui-message-warn, 
.ui-message-fatal{
    border: none !important;
}

.CommandLinkHover:hover{
    color: #0277bd !important;
    text-decoration: underline;
}

/*Customizando componente upload*/
.uploadCss{
    max-width: 850px !important;
    min-width: 100px !important;
}

.ui-fileupload-content .ui-progressbar{
    min-width: 50px !important;
    max-width: 140px !important;
}
.ui-button.ui-button-icon-only .ui-button-text{
    padding: 0px !important;
    border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
}

.MyFileUpload .ui-button,
.MyBtn{
    margin-top: 20px;
    height: 33px;
    background-color: #04B0C7;
}
.MyFileUpload .ui-button:hover,
.MyFileUpload .ui-button:focus,
.MyBtn:hover,
.MyBtn:focus{
    background-color: #00C9E3;
}
.MyFileUpload .ui-button:active,
.MyBtn:active{
    background-color: #0390A3;    
}
.MyFileUpload .ui-button .ui-button-text{
    line-height: 15px !important;
}
.MyBtn .ui-button-text,
.MyBtnCinza .ui-button-text{
    line-height: 15px !important; 
}
.MyBtnCinza{
    margin-top: 20px;
    height: 33px;
    background-color: #AAA !important;
} 
.MyBtnCinza:hover,
.MyBtnCinza:focus{
    background-color: #999999 !important;
}
.MyBtnCinza:active{
    background-color: #888888 !important;    
}

.BtnDialogSalvar{
    color: #546E7A;
    background-color: #fff;
    border: solid 1px #d3d3d3;
    text-align: center;
    font-size: 14px;
    margin-top: 20px;
    height: 33px;
}
.BtnDialogSalvar:hover,
.BtnDialogSalvar:focus,
.BtnDialogSalvar:active{
    background-color: #f5f5f5;
}
.BtnDialogSalvar .ui-button-text{
    line-height: 10px !important; 
}
.BtnDialogSalvar .fa-close{
    color: #F25D3F !important;
}
.BtnDialogSalvar .fa-check{
    color: #07A691 !important;
}

/*CSS Button*/
.btnCompacto{
    height: 33px;
}
.btnCompacto .ui-button-text{
    line-height: 15px !important; 
}
.btnSeta{
    background: #459BA1 !important;
    color: #fff !important;
    border-radius: 50%;
    padding: 18px 13px 13px 15px; 
}
.btnSeta .ui-button-icon-left{
    font-size: 26px !important;
}
.btnSeta:hover,
.btnSeta:focus,
.btnSeta:active{
    background: #fff !important;
    color: #459BA1 !important;
    box-shadow: 0px 0px 0.8em #E0E0E0 !important;
    -webkit-box-shadow: 0px 0px 0.8em #E0E0E0 !important;
    -moz-box-shadow: 0px 0px 0.8em #E0E0E0 !important;
}

.btnFormularioEmissao{
    color: #04B0C7 !important;
    font-size: 15px !important;
}
.btnFormularioEmissao span{
    font-family: 'roboto_condensedregular';
    margin-left: 12px;
}
.btnFormularioEmissao i{
    margin-top: 7px;
    padding-bottom: 10px;
}
.btnFormularioEmissao:hover{
    color: #16A2B5 !important;
}
.localButton{
    margin-top: -7px; 
    background: #F7F7F7 !important; 
    margin-left: 10px; 
    margin-right: 10px;
}


/*Block*/
.ui-blockui-content {
    background: none !important;
}
/*.ui-shadow, #ui-datepicker-div{
    box-shadow: none !important;
    -moz-box-shadow: none !important; 
    -webkit-box-shadow: none !important;
} */
.myBlock{
    background: #fff !important; 
    padding: 20px !important; 
    border-radius: 4px;
}

/*Layout tieredMenu*/
#menuPrincipal{
    background: #E1E1E1 !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}
.ui-menuitem-text{
    font-size: 15px;
    color: #6e6e6e;
    margin-left: 22px;
    font-family: Poppins,sans-serif;
}
.ui-menuitem-icon.ui-icon{
    color: #6e6e6e;
    font-size: 20px;
}
.ui-menuitem-icon.ui-icon.fa.fa-building-o,
.ui-menuitem-icon.ui-icon.fa.fa-chevron-left{
    margin-left: 2px;
    margin-right: -2px;
}
.ui-menuitem-icon.ui-icon.fa.fa-usd{
    margin-left: 4px;
    margin-right: -4px;
}
.separatorMenu{
    border-bottom: solid 1px #9AC6C9 !important;
}
.BlueBlack{
    color: #244C4F !important;
}
.ui-menu .ui-menuitem .ui-menu-list{
    background: #B2D8DB !important;
    border: 1px solid #BDDDFF;
    box-shadow: 0px 0px 1em #D4D4D4 !important;
    -webkit-box-shadow: 0px 0px 1em #D4D4D4 !important;
    -moz-box-shadow: 0px 0px 1em #D4D4D4 !important;
    width: auto;
}
.ui-menu .ui-menuitem .ui-menuitem-link{
    color: #595959 !important;
    padding: 6px 15px;
    font-size: 14px !important;
}
.ui-menu .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-e{
    background-image: url("/javax.faces.resource/images/leftarrow-navy.svg.jsf?ln=primefaces-rio") !important;
    float: left !important;
    margin-left: 16px;
}
.ui-menu .ui-menu-list .ui-menuitem
a.ui-state-hover, .ui-menu .ui-menu-list
a.ui-state-hover{
    background: #D1D1D1 !important;
}
.ui-menu .ui-menu-list .ui-widget-header{
    display: none;
}
.ui-menu.ui-menu-dynamic .ui-menuitem a.ui-state-hover{
    background-color: transparent !important;
}
.ui-menu.ui-menu-dynamic:hover{
    color: #A349A3 !important;
}
.ui-menu .ui-menuitem .ui-menuitem-link{
    color: red !important;
}

.grow:hover
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

/* CSS Certificado A3 */
.selectCertA3{
    background: #f5f5f5;
    border: solid 0px #c6d6df; 
    border-bottom: solid 1px #b0bec5; 
    padding: 3px 10px; 
    font-size: 16px; 
    width: 100%; 
    border-radius: 2px;
}

/*CSS SweetAlert*/
.imgOpacity{
    opacity: 0.75;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.imgOpacity:hover{
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

#confTeste .ui-dialog .ui-dialog-titlebar{
    background: transparent !important;
    border-bottom: none !important;
}
#confTeste .ui-dialog .ui-dialog-content{
    padding: 35px 80px 50px 80px !important;
}


#divCadastro .ui-fluid .ui-fileupload .ui-button{
    width: 150px !important;
}

#divCadastro .ui-fileupload-preview canvas{
    width: 85px !important;
}

/* Sombra nos Select's */
#ambienteNfe_panel, #tipoNfe_panel, #finalidadeNfe_panel, #tipoImpressaoNfe_panel, #formaPagamentoNfe_panel, #selectNatureza_panel,  #serieNFe_panel, #ui-datepicker-div,
#presencaCompradorNfe_panel, #localDestinoOperacaoNfe_panel, #operacaoTipoInscricao_panel, #operacaoConsumidorFinalNfe_panel,
#csosn_panel, #selectCofins_panel, #selectPis_panel, #tipoFreteNfe_panel, #cfop_panel, #selectUf_panel, #selectCfop_panel, #ambienteInutilizacaoFaixa_panel{
    box-shadow: 0px 0px 0.7em #D4D4D4 !important;
    -webkit-box-shadow: 0px 0px 0.7em #D4D4D4 !important;
    -moz-box-shadow: 0px 0px 0.7em #D4D4D4 !important;
}
/*Box-Shadow Select dentro dos dialogs*/
#dialogCadCliente\:tabClientes\:selectUf_panel, #dialogCadCliente\:tabClientes\:selectDestinacao_panel, #dialogCadCliente\:tabClientes\:selectTipoContribuinte_panel, #dialogCadCliente\:tabClientes\:paisEnd_panel, #dialogCadCliente\:tabClientes\:cidadeEnd_panel, #dialogCadCliente\:tabClientes\:tipoTelefone_panel,
#dialogCadForn\:tabFornecedor\:selectUf_panel, #dialogCadForn\:tabFornecedor\:selectDestinacao_panel, #dialogCadForn\:tabFornecedor\:selectTipoContribuinte_panel, #dialogCadForn\:tabFornecedor\:paisEnd_panel, #dialogCadForn\:tabFornecedor\:cidadeEnd_panel, #dialogCadForn\:tabFornecedor\:tipoTelefone_panel,
#dialogCadTrans\:tabTrasportadora\:selectUf_panel, #dialogCadTrans\:tabTrasportadora\:paisEnd_panel, #dialogCadTrans\:tabTrasportadora\:cidadeEnd_panel, #dialogCadTrans\:tabTrasportadora\:tipoTelefone_panel,
#dialogCadProd\:tabProdutos\:produtoOri_panel, #dialogCadProd\:tabProdutos\:unidade_panel, #dialogCadProd\:tabProdutos\:csosn_panel, #dialogCadProd\:tabProdutos\:cest_panel, #dialogCadProd\:tabProdutos\:anp_panel, #dialogCadProd\:tabProdutos\:ncm_panel{
    box-shadow: 0px 0px 0.7em #D4D4D4 !important;
    -webkit-box-shadow: 0px 0px 0.7em #D4D4D4 !important;
    -moz-box-shadow: 0px 0px 0.7em #D4D4D4 !important;
}

/*Box-Shadow Select Cadastros*/
#tabClientes\:tipoTelefone_panel, #tabClientes\:paisEnd_panel, #tabClientes\:cidadeEnd_panel, #tabClientes\:selectDestinacao_panel, #tabClientes\:selectTipoContribuinte_panel, #tabClientes\:selectUf_panel,
#tabFornecedor\:tipoTelefone_panel, #tabFornecedor\:paisEnd_panel, #tabFornecedor\:cidadeEnd_panel, #tabFornecedor\:selectTipoContribuinte_panel, #tabFornecedor\:selectDestinacao_panel, #tabFornecedor\:selectUf_panel,
#tabTrasportadora\:tipoTelefone_panel, #tabTrasportadora\:paisEnd_panel, #tabTrasportadora\:cidadeEnd_panel, #tabTrasportadora\:selectDestinacao_panel, #tabTrasportadora\:selectTipoContribuinte_panel, #tabTrasportadora\:selectUf_panel,
#tabProdutos\:produtoOri_panel, #tabProdutos\:unidade_panel, #tabProdutos\:csosn_panel, #tabProdutos\:cest_panel, #tabProdutos\:ncm_panel{
    box-shadow: 0px 0px 0.7em #D4D4D4 !important;
    -webkit-box-shadow: 0px 0px 0.7em #D4D4D4 !important;
    -moz-box-shadow: 0px 0px 0.7em #D4D4D4 !important;   
}
#cidade_panel, #tabConfNfe\:versaoNfe_panel, #tabConfNfe\:selectCertificadoA1_panel, #tabConfNfe\:ambienteNfe_panel, #tabConfNfe\:seriePrincipal_panel{
    box-shadow: 0px 0px 0.7em #D4D4D4 !important;
    -webkit-box-shadow: 0px 0px 0.7em #D4D4D4 !important;
    -moz-box-shadow: 0px 0px 0.7em #D4D4D4 !important;   
}

/* Dialog Localizar */
#pesqDataTable .ui-datatable .ui-datagrid-header, 
.ui-datatable .ui-datatable-header, 
.ui-datatable .ui-datatable-subtable-header, 
.ui-datatable .ui-datatable-summaryrow{
    margin-top: -14px;
    margin-bottom: -8px;
    cursor: pointer;
}
.localizar{
    background: #50a5ab;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -6px;
    margin-bottom: -7px;
    padding-bottom: 6px;
    padding-top: 5px;
    border: solid 1px #c1d5df;
    border-bottom: none;
}
.localizar:hover{
    background: #3f878c;
}
.hoverPesquisar:hover,
.hoverPesquisar:focus{
    box-shadow: 0px 0px 1em #818080 !important;
    -webkit-box-shadow: 0px 0px 1em #818080 !important;
    -moz-box-shadow: 0px 0px 1em #818080 !important; 
}

/* Custom Growl */
.ui-growl{
    margin-top: 53px !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;
    background: #fff !important;
}
.ui-growl-item-container{
    margin: 0 0 0px 0;
}

/* Custom Alertas */
a.icon-notifications1{
    position: relative;
}
label.numAlertas{
    cursor: pointer;
    background-color: #fa3e3e;
    border-radius: 5px;
    color: #fff;
    padding: 0px 4px;
    margin-left: -12px;
    font-size: 12px;
}
.exibeAlertas{
    margin-top: -8px;
    margin-left: 4px;
    position: absolute;
    width: 26%;
    box-shadow: 0px 0px 0.3em #B7B7B7 !important;
    -webkit-box-shadow: 0px 0px 0.3em #B7B7B7 !important;
    -moz-box-shadow: 0px 0px 0.3em #B7B7B7 !important;
}
.exibeAlertas{
    display: none;
}
#divExibeAlertas{
    cursor: pointer;
}
.headerAlerta{
    background-color: #f0f0f0;
    border-bottom: solid 1px #e6e6e6;
    padding: 7px 12px;
}
.headerAlerta span{
    font-size: 15px;
    font-weight: 600;
    font-family: sans-serif;
}
.headerAlerta a{
    float: right;
    border-bottom: none !important;
    font-size: 13px !important;
    margin-top: 2px;
    color: #0288d1 !important;
}
#frmMarcaTodosLido, #naoExibirNovamente{
    border-bottom: none !important;
    font-size: 13px !important;
    margin-top: 2px;
    color: #0288d1 !important;
}
.headerAlerta:hover a,
.footerAlerta:hover a,
#frmMarcaTodosLido:hover,
#naoExibirNovamente:hover{
    color: #1aa7f5 !important;
}
.footerAlerta{
    background-color: #fff;
    border-bottom: solid 1px #E8E8E8;
    border-top: solid 1px #E8E8E8;
    padding: 4px 0;
    margin-top: -1px;
}
.footerAlerta:hover{
    background-color: #FAFAFA;
}
.footerAlerta a{
    text-align: center;
    border-bottom: none !important;
    font-size: 14px !important;
    color: #0288d1 !important;
}
.contentAlerta{
    background-color: #fff;
}
.panelImgSemAlerta{
    background: #fff; 
    margin-left: -22px; 
    margin-right: -22px; 
    margin-top: -7px; 
    margin-bottom: -12px;
}
.iconeNotificacao .fa-caret-up{
    color: #f0f0f0;
    font-size: 35px;
    position: absolute;
    margin-top: -19px;
}
#alerta .ui-datatable table tbody tr td{
    border: solid 1px #EBEBEB !important;
    padding: 7px 22px !important;
}
#alerta .ui-datatable table thead tr th, 
#alerta .ui-datatable table tfoot tr td, 
#alerta .ui-datatable table thead tr th{
    background: none !important;
    border: none !important;
    padding: 0px !important;
}
.ui-datatable table tbody .bckBlue td{
    background-color: #F4F7FC !important;
}
.ui-datatable table tbody .bckWhite td{
    background-color: #fff !important;
}
#alerta .ui-datatable table tbody .ui-state-highlight > td, 
#alerta .ui-datatable table tbody .ui-state-highlight > td i,
#frmalerta .ui-datatable table tbody .ui-state-highlight > td, 
#frmalerta .ui-datatable table tbody .ui-state-highlight > td i{
    color: #546e7a !important;
}
#frmalerta .ui-datatable table thead tr{
    display: none
}
.expandirAlertaDataTable{
    background: #fff !important;
    margin-top: -4px;
    margin-bottom: -4px;
    margin-left: -19px;
    margin-right: -19px;
}
.ui-icon-blank{
    display: none;
}
.ui-datatable table tbody tr td .ui-row-toggler.ui-icon-circle-triangle-e{
    background-image: url("/cmcloud/resources/images/icon-play.png") !important;
    background-size: 90% !important;
}
.ui-datatable table tbody tr td .ui-row-toggler.ui-icon-circle-triangle-s{
    background-image: url("/cmcloud/resources/images/icon-play2.png") !important;
    background-size: 90% !important;
}

/* Imagem de Login (GIF) */
#dialogImgLogin{
    height: 100% !important;
}
.imgLogin{
    margin-top: 9%;
    margin-left: -90px;
}

.OrangeButton {
    background: #FB8C00;
    border: none !important;
    text-shadow: none;
    font-weight: normal;
    padding: 6px;
}
.OrangeButton.ui-state-hover,
.OrangeButton.ui-state-focus{
    background: #FF9800 !important;
    color: #fff !important;
}