:root {
    --color-primary: #00B3E3;
}

;

.page {
    width: 100% !important;
    padding: 0px 40px 0px 40px;
}

.nav-bar.menu-topo {
    width: 100%;
}

.logo-header {
    width: 15%;
    float: left;
}

.logo-header>img {
    width: 67%;
    margin-left: 40px;
    margin-top: 9px;
    margin-bottom: 3px;
}

textarea#lista_os_selecionada {
    min-height: 20px !important;
    height: 30px !important;
}

.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 var(--color-primary);
    background-color: #ffffff !important;
}

.menu-topo2 .nav-bar-inner {
    border-bottom: 2px solid white;
    background-color: #002fb4 !important;
}

.page.secondary {
    margin: 0 auto;
    padding: 0;
}

footer {
    width: 100%;
    background: #494e54;
    height: auto;
    position: relative;
    bottom: 0;
    border-top: 2px solid var(--color-primary);
    z-index: 9999;
}

footer>p {
    font-size: 11px !important;
    float: left;
    margin: 12px 0 0 40px !important;
    color: #ffffff;
}

footer>span {
    font-size: 11px;
    float: right;
    padding: 15px;
    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;
}

.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;
}

.metrouicss .nav-bar .nav-bar-inner>ul.menu>li ul.dropdown-menu {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
}

.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 var(--color-primary);
}

.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 var(--color-primary) !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: 1px solid var(--color-primary);
    height: 34px;
    text-transform: uppercase;
    font-weight: bold;
}

.page.secondary_,
.page.secondary,
.page-home {
    width: 75% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.bloc-home {
    width: 48% !important;
}

.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: 50px !important;
    border-bottom: 1px solid var(--color-primary) !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;
}

.form-pags.span12 {
    margin: 10px auto;
}

.page.secondary_ {
    margin-top: 50px;
    margin-bottom: 50px;
}

.metrouicss .back-button {
    background-image: url('data:image/png;base64,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');
    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 var(--color-primary);
    border-left: 2px solid var(--color-primary);
    border-right: 2px solid var(--color-primary);
    display: none;
}

div#grid>table>tbody>tr>td>a {
    color: #131312;
    font-weight: 600;
}

.metrouicss a,
.metrouicss .link {
    color: #131312;
}

.descricao>.name {
    margin-top: 34px;
    margin-left: -16px;
}

.tile-acqio {
    background: url('https://acqiolog.care-br.com/images/tile-acqio.jpg');
}

.tile-acqio:hover {
    outline: 3px var(--color-primary) solid !important;
}

.metrouicss .tile .brand>.name,
.metrouicss .tile .brand>.name:hover,
.descricao>.name {
    width: 100%;
    text-align: center;
    color: #039a9a;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 16px;
}

.metrouicss .tile.icon>.tile-content>img {
    position: absolute;
    width: 90px;
    height: 90px;
    top: 42%;
    left: 10%;
    margin-left: -32px;
    margin-top: -32px;
}

.abilitado:hover .tile-content {
    display: block !important;
}

.abilitado:hover .tile-content>img {
    width: 100px !important;
    height: 100px !important;
    top: 60px !important;
}

.bloc-dash {
    width: 33% !important;
}

a.fg-color-white {
    display: block !important;
    float: right !important;
    width: 30% !important;
}

img.img-care {
    display: block !important;
    width: 86px !important;
    float: right !important;
    margin-top: 3px !important;
}

.metrouicss .nav-bar .nav-bar-inner .pull-menu:before {
    content: "\2261";
    position: absolute;
    font-size: 23pt;
    top: 5px;
    left: 0;
}

/* hack mobile */
@media only screen and (max-width: 768px) {

    #btn-login,
    #btn-login:hover {
        margin-top: -27px;
    }

    .nav-bar-inner.padding10 {
        width: 45%;
    }

    .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;
    }

    img.img-care {
        display: block !important;
        width: 89% !important;
        float: right !important;
        margin-top: 3px !important;
    }
}

@media only screen and (max-width: 600px) {

    body.metrouicss,
    body {
        padding: 0 !important;
        margin: 0 !important;
    }

    #h1-login {
        padding-bottom: 20px;
    }

    .bdr-top>.logo-header {
        width: 40%;
    }

    a.userbtn {
        display: none;
    }

    #footer>a {
        /* margin-top: 3px; */
    }

    a.link-logout {
        display: block;
        position: absolute;
        right: 0px;
        margin-top: -32px;
        margin-right: 0;
    }

    div#grupo_painel>div>h2>a {
        width: 100%;
        display: block;
        margin-bottom: 19px;
        font-size: 12px;
    }

    .topo-tabela>div>div {
        width: 100%;
        padding: 0 !important;
    }

    .wpr-table {
        width: 100%;
        padding-bottom: 80px;
        overflow-y: auto;
    }

    .wpr-table>table {
        width: 600px;
    }

    .page {
        padding: 20px;
    }

    .page.secondary_ {
        padding: 0;
    }

    ol#icons-list1>li>a {
        font-size: 12px;
        margin-bottom: 4px;
    }

    div#grid>table>tbody>tr>td>a {
        color: #131312;
        font-weight: 600;
        font-size: 15px;
        margin-left: 0px;
    }

    .metrouicss .back-button.big {
        margin-top: -19px;
    }

    #dialogBox>.content {
        width: 350px;
    }

    div#dialogBox>.content>div>div.rows {
        width: 300px;
    }

    #dialogBox>.content>div {
        overflow-y: auto;
        width: 100%;
        height: auto;
        overflow: auto !important;
    }

    a.back-button.big.page-back {
        width: 38px !important;
        height: 54px !important;
    }    
    .page-header-content.titulo-internas {
        height: 130px !important;
    }

    span>b {
        font-size: 12px;
    }

    .page.secondary {
        width: 95% !important;
        display: block;
        margin: 0 auto;
    }
}

/* Ajuste caixas de aplicações home */
.box-home-aplicacoes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.box-home-aplicacoes a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 10px;
    width: 25%;
}

.metrouicss .box-home-aplicacoes .tile-icon {
    position: absolute;
    top: -22px;
    left: 46%;
}

.box-home-aplicacoes a .icon-modulo-branco {
    display: none;
}

.box-home-aplicacoes a .abilitado:not(.negado):hover .icon-modulo {
    display: none;
}

.box-home-aplicacoes a .abilitado:not(.negado):hover .icon-modulo-branco {
    display: block;
}

@media (max-width:767.98px) {
    .box-home-aplicacoes a {
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .box-home-aplicacoes a {
        width: 50%;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .box-home-aplicacoes a {
        width: 33.3333%;
    }
}

.box-home-aplicacoes .tile {
    height: 150px;
    -webkit-box-shadow: 0 3px 10px rgb(0 0 0 / 25%);
    box-shadow: 0 3px 10px rgb(0 0 0 / 25%);
    border-radius: 3px;
    margin: 0;
    width: 100% !important;
    background: #fff;
}

.metrouicss .box-home-aplicacoes .tile .brand>.name {
    margin: 0 auto !important;
    text-transform: none;
    letter-spacing: unset;
    font-size: 16px;
    line-height: 22px;
    color: #777;
    bottom: -10px;
}

.box-home-aplicacoes .tile:hover {
    outline: none;
}

.box-home-aplicacoes .tile:not(.negado):hover {
    background: var(--color-primary);
}

.abilitado:hover .descricao {
    display: none;
}

.abilitado:hover .brand {
    display: block;
}

.abilitado:not(.negado):hover .brand>.name {
    color: #fff !important;
}

/**/

.metrouicss [class^="icon-"],
.metrouicss [class*=" icon-"] {
    color: var(--color-primary);
}

.metrouicss [class^="icon-"]:hover,
.metrouicss [class*=" icon-"]:hover {
    color: #494e54;
}

.btn-salvar input[type="reset"],
.metrouicss button.default,
.metrouicss .button.default {
    background-color: transparent !important;
    color: #494e54 !important;
    border: 1px solid #494e54 !important;
}

.btn-salvar input[type="reset"]:hover,
.metrouicss button.default:hover,
.metrouicss .button.default:hover {
    background-color: #494e54 !important;
    color: #fff !important;
}

.btn-salvar input:not([type="reset"]) {
    background: var(--color-primary) !important;
}

.metrouicss thead {
    background: #dfdfdf;
}

body,
html {
    height: 100%;
}

.metrouicss .page {
    position: relative;
    height: auto;
    min-height: calc(100% - 116px);
    width: 100%;
    background-color: #FBFBFB;
}

.metrouicss .negado {
    background: #f5f5f5 !important;
}

.metrouicss .box-home-aplicacoes .negado .tile-icon,
.metrouicss .negado .name {
    opacity: 0.5;
}

.metrouicss .page.page-login {
    min-height: calc(100% - 119px);
}

.titulo-internas h1 {
    top: 21px;
}

.campos-form label img {
    left: -19px;
    right: unset;
}

.h1-form {
    padding: 0;
    max-width: 940px;
}

.btn-salvar {
    margin: 20px 0 0 0;
}

.page.secondary.page-altera-senha {
    background: #fff !important;
    min-height: calc(100% - 174px) !important;
}