.page {
    width: 100%!important;
    padding: 0px 40px 0px 40px;
}
.metrouicss .page {
    height: auto!important;
}
.nav-bar.menu-topo {
    width: 100%;
}
.logo-header {
    width: 15%;
    float: left;
}
form#frm_cadastro {
    padding-top: 20px;
}
input[type="reset"] {
    margin-left: 20px;
}
.logo-header>img {
    width: 65%;
    margin-left: 40px;
    margin-top: 8px;
}
.nav-bar-inner.padding10 {
    width: 85%;
}
a.userbtn {
    float: right;
    color:#494e54;
    height: 20px;
    width: 20px;
    margin-top: 7px;
    margin-right: 16px;
}
a.userbtn:hover {
    color: #494e54;
}
a.userbtn>i {
    color: inherit!important;
}
.menu-topo .nav-bar-inner{
    border-bottom: 2px solid #0078D4;
    background-color: #ffffff!important;
}
.page.secondary {
    margin: 0;
    padding: 0;
    padding-top: 5rem;
}

footer {
    width: 100%;
    background: #494e54;
    position: relative;
    border-top: 2px solid #003bc6;
    z-index: 9;
}

footer>p {
    font-size: 11px!important;
    float: left;
    margin: 12px 0 0 40px!important;
    color: #ffffff;
}
footer>span {
    font-size: 11px;
    float: right;
    padding: 14px;
    color: #ffffff;
}
footer>a {
    font-size: 11px;
    float: right;
    padding: 2px 13px;
    margin-right: 50px;
}
footer>a>img {
    margin: 0;
    float: none!important;
    width: 86px!important;
}

.metrouicss .page.secondary .page-header .page-header-content h1, .metrouicss .page.secondary .page-header .page-header-content h2, .metrouicss .page.secondary .page-header .page-header-content h3, .metrouicss .page.secondary .page-header .page-header-content h4, .metrouicss .page.secondary .page-header .page-header-content h5 {
    font-size: 30px;
    text-align: left!important;
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 20px;
    left: 0;
}
.page-header-content h1{
    font-size: 35px!important;
}
.page-region-content {
    padding: 0!important;
}
.metrouicss .tile.double {
    width: 24%;
}
.page-header-content {
    height: auto!important;
    min-height: auto!important;
    padding-bottom: 0px;
}
.page-header-content.titulo-internas {
    margin-top: -20px;
    margin-bottom: 50px;
}
body {
    overflow-x: hidden;
    height: 100%;
}
.grid>iframe {
    width: 100%;
}
.form-pags {
    padding: 0;
    border: 0;
    padding-bottom: 20px;
    margin-top: -20px;
}
a.link-logout {
    margin-right: 45px;
    color: #494e54;
}
a.link-logout>i {
    color:inherit!important;
}
i.icon-home.fg-color-white {
    color: #494e54!important;
}
.page.secondary_>.page-header{
    width: 100%;
    position: relative;
    display: block;
    height: 100px;
    margin-top: -60px;
}
.metrouicss .nav-bar .nav-bar-inner > ul.menu > li a, .metrouicss .nav-bar .nav-bar-inner > ul.menu > li a:hover{
    color: #494e54!important;
}
i.icon-exit.fg-color-white {
    color: #494e54!important;
}
.menu .dropdown-menu li a:hover {
    background: #c6c9ca !important;
}
.menu-login {
    width: 100%!important;
}
.menu-login>.logo-header {
    display: block;
    width: 171px;
    margin: -7px auto;
    float: none;
}
#h1-login{ 
    text-align: center;
    font-size: 30px;
    border-bottom: 2px solid #0078D4;
}
.metrouicss pre.prettyprint {
    margin-bottom: 10px;
    background: transparent;
    border: navajowhite;
    margin-top: -17px;
    text-align: center;
    font-style: italic;
    color: #000;
    font-size: 12px;
}
#btn-login, #btn-login:hover {
    float: right;
    margin-top: -37px;
    margin-right: 0px;
    background: #484e54;
    color: #FFF;
}
.metrouicss input[type=submit] {
    background-color: #484e54;
    color: #fff;
}
label.error {
    color: #fff;
    background-color: #d2c9c9;
    border-color: #eed3d7;
    padding: 0;
    width: 100%;
    float: left;
    font-size: 10px;
    padding-left: 3px;
}
.bdr-top>.logo-header {
    width: 185px;
}
.bdr-top{
    border-bottom: 2px solid #0078D4!important;
}
.no-bdr-top{
    border: none!important;
}

.metrouicss .nav-bar .nav-bar-inner .pull-menu{
    color: #484e54!important;
}
.tiles>h3 {
    margin-top: 40px;
    text-align: left;
    font-size: 17px;
    border-bottom: 2px solid #003bc6;
    height: 34px;
    text-transform: uppercase;
    font-weight: bold;
    width: 95%;
}
.page-home{
    width: 70%!important;
    margin: 0 auto !important;
}
.bloc-home{
    width: 48%!important;
    background: url(../images/item-bloc-home.png);
}
.metrouicss .tile .brand > .name, .metrouicss .tile .brand > .name:hover, .descricao>.name{
    width: 100%;
    text-align: center;
    color: #494e54;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 14px;
}
.page-header-content {
    margin: 0!important;
}
.page-header-content>h1 {
    margin-top: 0!important;
    margin-bottom: 80px!important;
    border-bottom: 1px solid #003bc6!important;
    font-size: 22px!important;
    height: 53px;
    width: 100%;
}
/* .campos-form .input-control, .campos-form select {
    padding: 0 0 0 0px;
} */
.campos-form label:hover .tooltip{
    background: #c7cbcc;
}
.page.secondary_ {
    margin-top: 50px;
    margin-bottom: 50px;
}
.metrouicss .back-button{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAbrSURBVGhDzZpPaBRXHMdnZkMJsocchO4hJhYsBAm9GEVxYyJ4ULSQoEIpuQQqeOghpUorIlWsKNQSCx56KQgKFhQSUVBoS02yMYKR9hCk0FCN7mELOaSYSg7ZnX6+b94uyWY3zmw3u/lCMvP+zHvf7+/93m/ee7OuUyV07d69M+d53a7vv+u4brPvOAnH95tNoetm6ChDOu277t9eLpdyGhpSIyMji6b8f6BiAV1dXY3ZbLbbc5zDkN3vQtoWhYLv+7M88yDn+3disdgDxMzbokiILADiDblcrg8GFyGQsNkGCJmiwSnKMrI0WZmgxEnYkUlQZwt1Omy+AWLmKDvned73CFmw2aEQSUAymTwE6Ys81K40HS+SfgipO3Q+TOdpU/EtwAgbMUIP7RykDY1eo/K5n6atc6lU6oapGAKhBNBh3M/lrnPbo7Qh7jg33FjsFKTzVq4ItN3kZ7OnIf5pQYjjpDDI0TBtv1UAHTRjrft5q4Nh1/NE/A+brgrUD0LOQ74PIQ0YKc1k7x159GjSVimJVQWYyOK6QzSYoMEFGj8WZXgrAW66D1K36LOJPudtnz/a4hUoK8CS/4mG4jSU8Xy/d2R8/LEtXlMwGm25bFaGa1MaEf1jY2PXTGERSgowbpPNPjGWJ6rgjwfCTtBqQXMD170LwaRGHwPuLWXAFQJ4MM6DExS0G8vHYttrTT4PwyUwZFs5LryHlkPRxpKX6t56kRfoex7SH8JFL70Ehh1CVIMtNlgmQHGeSxAqmTy18vnVgIhpDHkUEQrdHYj4xBYZFFxIyij8TdYnOTw6NtYblKwP7EkmB3lbD1hXel+jo/zCCEC+z7rOouK8zV434KV5AW5z1pVO2OxgBLB+I5PluQp5zV4bTaX6TWkF2LFjRzPtFPz09evXs8+ePatooVaMzs7OsxD+CiGaGxqFjBkBrSpF3lif5YGpXQE6OjoGsM4r2ntu/7T8qBoI55fgqAmtSGnmqhHAv8O6UvBQqnQfFSLPZTBIGaTevHlzoFrWF+C2wAgM656r4WwEEHH22+sdXaOiFuTzyFmOjERS7wlPSwYsbzYjWhLrGgW1JC+w+flZcwDO2lAd8rQNVIGWDAxRpJdWrckLxo1wdd3jPl2e2SkBfGpK17CoB/kCfD9YyhN4PP4Fe1leEOYaAnUlD+x2VV7T7BJbx7B+ksQplqyXTI1VUExeoZfLFf7+NRlVwNOnT8/a25JgydPnue51+k67ncmkXmCbEVB2zZ1HCcuvCSYnJ7FpeRB4un3P+1X3CqPmrWktuSqo02pv1w3kQlr772QETjICl21+WWzbtm2QEdNIGCBKxyBX+aulC32EC92k74y7p7NziLwemFxmDXQyqLI6EPElIi7apFDTSYzRBzD6IEb/3YN4EPu1kAsJLKTJ/lmQMkhu2LDh/tatW+M2vaZYEvrT3pKQZDbQYcFEU+SpjwjX3WKu2huYg1blEWRYW2w0BSFRDxHaeOH7+3SP8cc9nRKTMauM/BI1Cmotwi79dWa0yNrtnsfaQuebD1TIKBw0tSKiliKI+wFH130M91mznNYRt66o2s8QNek+KmohwriP4xyxScPZCND5POS132zUQavyKoFE0MZ22tpr/87E4/GKDFIKuPhx2m+mXbnPbeXhNQGIrSdIfEPhgt1v1u08qBS0eWHf/icCtG+/wjvLjLYZAQFFVyH/wo7CeZu9bqCTCJGH45xOKGy2E7NXZ2ZmZrG1tfUfRqEHP2tvaWmZePny5V+2uK7o2rWrnZD5AwLeYfJeGB0dNUFHKIyAoNUo5FNUbEDILYYt0sttLQCHRC4WuwsnnZJP4ynL1mvLBAhU0DFemgeadMRdaVSqBhR1cB19K9gMp3kvm9VZ7bJvaCsEUCGjLyN6gAfb/OBAde2XB0UQefq+iScklcYz+kcmJlZse1cIEPRZhweO2WS3jrhpMFh/1AD0peNDbViCmO/7X6dSKRM2i1GYxMVgAk+1tLbO8LC+Iiawxsfvbdr0ZObVqxe2yppAEzbnOL/Q5wcmA/KEzDPmvgQK74FyKPpOpiPuqwpjeo3bKlWB3FShEsKf05cmrL6P9ZezfB5vFSDQuL5UDlHZfKCmcX2Y/o4Jf6l4UkWFfJ22j9PoaRlJebQ/bSZsCZ8vRigBQpmOZmlgWMd9OjELK0ZtaVXJBDyIlY/QnjnasYb5VqEybFuhBeRB5/r4NkBvX9Cx+TAtaMhJP+RmSpsk0pmYPWvKIlii7c8NtlC2j3QhPJOu2DUjC8gDIYoU+rnAYQgkl4oJA5HWkphb/UzhNsQrCg4VC1gKxMTNQSu3kNKn2WYYyup518iQr5/cpEnohyDjkL4X1dor4Tj/AaxI26ezfxeLAAAAAElFTkSuQmCC');
    background-size: 30px!important;
    background-repeat: no-repeat!important;
    background-position: 1px 13px!important;
    float: left;
}
.titulo-internas h1 {
    left: 0px !important;
}
.unstyled {
    margin: 5px 0px 5px 0px !important;
}
.metrouicss a, .metrouicss .link{
    color: #7c8084;
}
.metrouicss a:hover, .metrouicss .link:hover{
    color: #494e54;
}
.metrouicss .input-control.switch .helper:before{
    background: #c1e0dd;
}
.breadcrumb a.active, .breadcrumb a:hover{
    background: #494e54!important;
    color: #ffffff!important;
}
.breadcrumb a.active:after, .breadcrumb a:hover:after {
    background: #494e54!important;
    color: #ffffff!important;
}
.breadcrumb a{
    color: #000000!important;
    background: #d9d9d9!important;
}
.bloc-dash{
    background: url(../images/item-bloc-home.png);
}
.metrouicss button.default, .metrouicss .button.default {
    background-color: #494e54!important;
    color: #fff;
}

.box-usuario {
    width: 210px;
    position: absolute;
    right: 60px;
    top: 55px;
    height: 70px;
    background: #fff;
    border-bottom: 2px solid #0078D4;
    border-left: 2px solid #0078D4;
    border-right: 2px solid #0078D4;
    display:none;
}
div#grid>table>tbody>tr>td>a {
    color: #0078D4;
    font-weight: 600;
}
tr.opac {
    background: #0078D4!important;
}
.metrouicss a, .metrouicss .link {
    color: #0078D4;
}
.userbtn{
    color: #131312!important;
}
.descricao>.name {
    margin-top: 34px;
    margin-left: -16px;
}
ol.unstyled.two-columns>li>label {
    padding: 0;
    margin-left: 20px;
    font-size: 13px;
    width: 100%;
    display: inline-block;
    margin-bottom: 14px!important;
}
img.band {
    margin-left: 20px;
    display: block;
    float: left;
    width: 20px;
}
label.bandlbl {
    margin-left: 10px;
    width: 168px;
    display: block;
    float: left;
}
/* hack mobile */
@media only screen and (max-width: 768px) {

    #btn-login, #btn-login:hover {
        margin-top: -27px;
    }
    .nav-bar-inner.padding10 {
        width: 55%;
    }
    .page-home{
        width: 100%!important;
    }
    .bloc-home {
        width: 100%!important;
    }
    .bloc-dash {
        width: 100%!important;
    }
    i.icon-user, i.icon-exit {
        font-size: 18px!important;
    }
}

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/********** Redesign Jan 22 **********/
/*
Colors
#0078D4
#004578
#323130
#8A8886
#494E54
#F3F2F1
*/
/******* Resets *******/
.metrouicss h1:active,
.metrouicss h1:hover {
    color: unset;
}
.metrouicss pre.prettyprint {   
    font-style: unset;   
}
.metrouicss a, 
.metrouicss .link {
    color: #0078D4;
}
.metrouicss a:active, .metrouicss .link:active,
.metrouicss a:hover, .metrouicss .link:hover {
    color: #004578;
}
.metrouicss .page .page-region {
    padding-bottom: unset;
}
@media (max-width: 767px){
    .metrouicss a, .metrouicss .link {
        font-size: unset;
    }
}
@media (max-width: 480px){
    .metrouicss h1 {
        line-height: 1.3;
    }
}
/******* fim Resets *******/
html, 
body.metrouicss-header-off {
    height: 100%;
}
.menu-off {
    height: 84px;
}
.logo-header-off {
    text-align: center;
}
.logo-header-off img {
    width: 130px;
}
.nav-bar.menu-topo.menu-topo-off {
    background-color: #fff!important;
    padding: 10px;
    -webkit-box-shadow: 0px 2px 10px rgb(0 0 0 / 16%);
            box-shadow: 0px 2px 10px rgb(0 0 0 / 16%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.page.secondary.page-login {
    min-height: calc(100% - 84px - 151px)!important;
    height: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.box-form-login {
    padding: 10px;
    max-width: 520px;
    margin: auto;
}
.page-login-reset-pass hr {
    border: 1px solid #A19F9D;
    margin: 1rem auto 1.5em;
}
.box-form-login pre,
.box-form-login h1,
.box-form-login h3,
.box-form-login{
    color: #323130!important;
}
.metrouicss .page-login h1 {
    font-size: 37pt;
    line-height: 1.3;
}
.box-form-login a{
    text-decoration: underline;
}
.box-form-login pre.prettyprint {
    font-size: 13pt;   
    line-height: 1.3;
    word-break: keep-all;
}
.box-pass-reset {
    width: 100%;
}
.box-pass-reset h3 {
    margin-bottom: 0;    
    line-height: 3;
    text-align: center;
}
.box-confirm,
.box-reset {
    width: 100%;
    text-align: center;
}
.box-reset input, 
.box-confirm input {
    margin: 0 auto!important;
}
.box-pass-reset .arrow-hover{
    display: none;
}
hr.hr-footer-off {
    margin: 10px auto;
    /* max-width: 90%; */
}
.nav-bar.rodape.footer-off {
    background-color: transparent;
    position: unset;
    width: 100%!important;
}
.footer-off .nav-bar-inner {
    padding: 10px;
    max-width: 90%;
    margin: auto;
}
.footer-off .box-powered {
    line-height: 2!important;
    font-size: 9pt!important;   
    display: block;
    width: 100%;
    text-align: center;
}
.footer-off .box-logo-footer,
.footer-off .info-footer {
    color: unset;
    text-align: center!important;
    width: 100%;
}
.footer-off .info-footer span {
    float: none;
    margin: 0 10px;
    line-height: 2;
}
.box-logo-footer img {
    width: 110px;
    margin-top: 7px;
}
.btn,
input.btn{
    border-radius: 3px!important;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.btn-secondary,
input.btn.btn-secondary {
    border: 1px solid #8A8886;
    background: transparent;
    color: #323130;
}
.btn-primary,
input.btn.btn-primary {
    background: #0078D4;
    color: #fff!important;
}
.btn-secondary:hover,
input.btn.btn-secondary:hover{
    background: #F3F2F1;
}
.btn-primary:hover,
input.btn.btn-primary:hover{
    background: #004578;
}
a.btn.btn-tertiary-link {
    border: none;
    background: #494E54;
    height: 32px;
    line-height: 21px;
    color: #fff!important;
    text-decoration: none;
    width: auto;
    display: inline-block;
    min-width: 100px;
}
a.btn.btn-tertiary-link:hover{
    background: #F3F2F1;
    border: 1px solid #8A8886;
    color: #323130!important;
}
.arrow-active,
.arrow-hover{
    margin: 0 5px;
}
a.btn.btn-tertiary-link:hover .arrow-active{
    display: none;
}
a.btn.btn-tertiary-link:hover .arrow-hover{
    display: unset;
}
.input-control > input[type="date"]
{
    width: 100%;
    border: 1px solid #bababa;
    padding: 5px;
}
@media (max-width:991.98px){
    .page.secondary.page-login {
        padding-top: 20px;
    }
    .metrouicss .page-login h1 {
        font-size: 30pt;
        line-height: 1.3;
    }
    .box-confirm input, 
    .box-reset input {
        width: 60%;
        margin: 5px auto!important;
    }   
    .page-login-reset-pass .box-pass-reset {
        position: absolute;
        left: 0;
        bottom: 0;
        text-align: center;
        width: 100%;        
    }
     .page-login-reset-pass .box-confirm {
        margin-bottom: 32px;
    }
}
@media (min-width: 992px){
    .menu-off {
        height: 93px;
    }
    .page.secondary.page-login {
        min-height: calc(100% - 93px - 99px)!important;
    }
    .nav-bar.menu-topo.menu-topo-off {
        padding: 20px 40px;      
    }
    .logo-header-off {
        text-align: left;
    }
    .box-form-login pre.prettyprint {
        line-height: 2;
    }
    .box-pass-reset h3 {
        line-height: 2.3;
        text-align: left;
    }    
    .box-pass-reset {
        width: 60%;
        float: left;
    }
    .box-confirm,
    .box-reset {
        width: 20%;
        float: left;
        text-align: right;
    }
    .footer-off .box-powered {
        line-height: 4!important;
        float: left;
        width: 75%;
        text-align: left;
    }
    .footer-off .box-logo-footer,
    .footer-off .info-footer {
        float: left;
        width: 12%;
        text-align: right!important;
    }
    .footer-off .box-logo-footer{
        text-align: left!important;
    }
    .footer-off .info-footer span {
        line-height: 3;
    }
}