:root{
    --color-primary: #f47920;
    --font-color-primary: #333333;

    --color-rogue: #D71925;
    --color-brasa: #F47920;
    --color-ancora: #999999;
    --color-tinta: #000000;

    --color-real: #2F296C;
    --color-maritimo: #1FAAE1;
    --color-joia: #2EBDC0;
    --color-cibernetico: #FBAF43;

    --color-carvao: #333333;
    --color-pedra: #474749;
    --color-aco: #96989C;
    --color-nuvem: #D6D6DB;
    --color-nevoeiro: #EEEEEF;
    --color-nevoa: #F7F7F8;
}

/* 
    Primary
    Rogue #D71925
    Brasa #F47920
    Ancora #999999
    Tinta #000000

    Secondary
    Real #2F296C
    Maritimo #1FAAE1
    Joia #2EBDC0
    Cibernetico #FBAF43

    Cinza
    Carvao #333333
    Pedra #474749
    Aco #96989C
    Nuvem #D6D6DB
    Nevoeiro #EEEEEF
    Nevoa #F7F7F8

*/


/*.page {
    width: 100%!important;
    padding: 0px 40px 0px 40px;
}*/
.nav-bar.menu-topo {
    width: 100%;
}
.logo-header {
    /*width: 15%;
    width: 200px;*/
    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%;*/
    /*width: 80%;*/
}
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: 49px;
    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;
}
.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;
}
.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: 70%!important;
    margin-left: auto!important;
    margin-right: 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: 1.5rem!important;
    margin-bottom: 3rem!important;
    width: 100%;
}
.page.secondary_ .page-header-content>h1 {
    margin-top: 20px!important;
}
.page-header-content>h1::after{
   content:"";
    display: block;
    height: 1.5px;
    width: 100%;
    position: relative;
    background:#96989C;
    top: 1.5rem;
}
.page.secondary_ .page-header-content>h1::after{
    top: 0.5rem;
}
.campos-form .input-control, .campos-form select {
    padding: 0 0 0 0px;
}
.campos-form label:hover .tooltip{
    background: #222;
}
.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:0;
    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;
    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;
    width: 100vw !important;
    min-height: calc(100% - 126px);
}
.metrouicss .negado {
    background: #f5f5f5!important;
}
.metrouicss .box-home-aplicacoes .negado .tile-icon,
.metrouicss .negado .name {
    opacity: 0.5;
}

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

.campos-form label img {
    left: -19px;
    right: unset;
}
.h1-form {
    padding: 0;
    max-width: 940px;
}
.btn-salvar {
    margin: 20px 0 0 0;
}
/*Ajustes Proposta Comercial Os Controle Edição - Item Controle Edicao */
.campos-form.fieldset-produto-button div {
    text-align: center;
}
#add_item_inventario {
    margin: 16px 2%;
    background: var(--color-primary);
    color: #fff;
    padding: 0 20px;
}
#add_item_inventario:hover {
    color: #000;
}
.metrouicss .table-inventario thead {
    background: #494E54;
}
.metrouicss table.table-inventario thead tr th {
    color: #fff;
}
.table-inventario i {
    color: #000!important;
}
.table-inventario tbody tr:last-child {
    background: #F9F9F9;
}
@media (min-width: 992px){
   .campos-form.fieldset-atendimento {
        display: inline-block;
        width: 100%;
        max-width: 49%;
    } 
    .campos-form.fieldset-produto-coluna-1 {
        display: inline-block;
        width: 100%;
        max-width: 41%;
        vertical-align: text-top;
    }
    .campos-form.fieldset-produto-coluna-2 {
        display: inline-block;
        max-width: 15%;
    }
    .campos-form.fieldset-produto-coluna-3 {
        display: inline-block;
        width: 100%;
        max-width: 32.33%;
    }
    .campos-form.fieldset-produto-coluna-4 {
        display: inline-block;
        width: 100%;
        max-width: 57%;
        vertical-align: text-top;
    }
    .campos-form.fieldset-produto-button div {
        text-align: right;
    }
}

.input-control input[type="date"]
{
    border: 1px #bababa solid;
    width: 100%;
    padding: 4px 6px 6px 5px;
    background-color: #fff;
    outline: 0;
    margin-right: 0px;
    min-height: 32px;
    position: relative;
}

.campos-form .input-control label
{
    font-weight: bold;
}

.campos-form
{
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.button_adicionar
{
    border: 1px solid black !important;
    background-color: transparent !important
}

.button_adicionar:hover
{
    background-color: #fae9dd !important
}

.input-control
{
    margin-bottom: 20px !important;
}

#pageContent td
{
    padding: 10px
}

.anexo
{
    border: 1px solid #bababa;
    height: 140px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.anexo img
{
    max-width: 100%;
    max-height: 100%;
}

.overflow
{
    width: 100%;
    overflow: auto;
    margin-bottom: 10px;
}

.overflow > table
{
    white-space: nowrap;
}

.overflow > table td
{
    padding: 10px
}

div.multiple
{
    border: 1px solid #bababa;
    padding: 5px;
    height: 100px;
    overflow: auto;
    font-size: 18px;
}

div.multiple input[type="checkbox"]
{
    transform: scale(1.5);
    margin: 5px;
    accent-color: #ef6a1a;
}

#dialogBox > .content
{
    max-height: 80vh;
    overflow: auto;
}

/*Customização Nov 2022*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
body, input, select, div, a, legend, textarea,.metrouicss label{
    text-transform: uppercase;
    font-family: 'Inter', sans-serif!important;
    font-size: 14px;
    font-weight: 500;
    color: var(--font-color-primary);
}
.metrouicss a, .metrouicss .link{
    color: var(--font-color-primary);
}
h1,h2,.text-font-color{
    color: var(--font-color-primary)!important;
    font-family: 'Montserrat', sans-serif!important;
}
.titulo-internas h1,
.font-montserrat{
    font-family: 'Montserrat', sans-serif!important;
    line-height: 1.2!important;
    text-transform: none;
}
.font-inter{
    font-family: 'Inter', sans-serif!important;
    line-height: 1.2!important;
    text-transform: none;
}
.font-light{
    font-weight: 300!important;
}
.font-medium{
    font-weight: 500!important;
}
.titulo-internas h1,
.h1-font-size{
    font-size: 26px!important;
} 
.h2-font-size{
    font-size: 32px!important;
} 
.text-font-size{
    font-size: 14px!important;
    line-height:1.2!important;
}
.text-transform-none{
    text-transform: none!important;
}
.title-border-primary::after{
    content:"";
    display: block;
    height: 2px;
    width: 100%;
    position: relative;
    background: var(--color-primary);
    top: 1.5rem;
}
a.text-reset-pass{
    text-transform: none;
    text-decoration: underline;
}
a.text-reset-pass:hover{
    color:#FAA744!important;
}
footer.footer-off{
    position: fixed;
}
button:not(.btn-search),
input[type="submit"],
input[type="button"],
input[type="reset"],
.metrouicss input.btn-primary,
.metrouicss button.btn-primary,
.metrouicss input.btn-secondary,
.metrouicss button.btn-secondary {
    height: 47px!important;
    border-radius: 20px!important;
    font-family: 'Montserrat', sans-serif!important;
    font-style: normal!important;
    font-weight: 600!important;
    font-size: 14px!important;
    line-height: 17px!important;
    text-transform: uppercase;
    padding: 4px 20px!important;
}
.btn-salvar input:not([type="reset"]),
.metrouicss button.btn-primary,
.metrouicss input[type=submit].btn-primary {
    background: #E25F00!important;
    color: #FFFFFF!important;
     -webkit-box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
            box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
}
.btn-salvar input:not([type="reset"]):hover,
.metrouicss button.btn-primary:hover,
.metrouicss input.btn-primary:hover{
    background: #FAA744!important;
}
.metrouicss button.btn-secondary,
.metrouicss input.btn-secondary {
    background: #F7F7F7!important;
    border: 1px solid #F47920!important;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    color: var(--color-primary);
}
.metrouicss button.btn-secondary:hover,
.metrouicss input.btn-secondary:hover{
    background: #FAA744!important;
    color: var(--color-carvao)!important;
}
.title-back-button {
    float: none!important;
    position: relative!important;
    left: 0!important;
}
input.error {
    border-color: #D11122!important;
    border-width: 2px!important;
}
.nav-bar.menu-topo.menu-topo-off {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
}
select,
textarea,
.input-control input{
    border-radius: 2px!important;
    font-size: 14px!important;
    font-family: 'Inter', sans-serif!important;
}
.input-control input:focus {
    -webkit-box-shadow: 0 0 0 0.25rem #68656236;
            box-shadow: 0 0 0 0.25rem #68656236;
}
label.error {
    color: #D11122;
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    width: 100%;
    float: left;
    font-size: 10px;
    padding-left: 3px;   
}
.page.secondary.page-plano-mkt {
    width: 100%!important;
}
.metrouicss .page .page-header .page-header-content h1 small {   
    text-transform: uppercase;
    font-weight: 500;
}
.metrouicss .table-plano-mkt table > thead> tr> th {
    border: none;
    color: #fff;
    font-size: 12px;   
    vertical-align: middle;    
    position: relative;
}
.metrouicss .table-plano-mkt table:not(.hovered.subtable)> thead> tr> th {
    background: var(--color-carvao);
    padding-right: 24px;
}
.metrouicss .table-plano-mkt .subtable th {
    background: var(--color-cibernetico);
}
.metrouicss .table-plano-mkt table:not(.hovered.subtable)> thead> tr> th.orderby::after {
    content: "";
    width: 16px;
    height: 20px;
    display: block;
    background-image: url(../images/mdi_menu-swap.svg);
    position: absolute;
    right: 6px;
    top: calc(50% - 10px);
    background-size: 22px;
}
.metrouicss .table-plano-mkt  table tbody tr td{
    border-right: none;
    border-left: none;
}

.metrouicss .table-plano-mkt table.bordered {
    border-radius: 8px 8px 0 0;
}
.metrouicss .table-plano-mkt table:not(.hovered.subtable)> thead> tr> th:first-child {
    border-radius: 8px 0 0 8px;
}
.metrouicss .table-plano-mkt table:not(.hovered.subtable)> thead> tr> th:last-child{
    border-radius: 0px 8px 8px 0;
}
.metrouicss .page.secondary_ .page-region { 
    margin-top: 2rem;
}
.menu-topo .nav-bar-inner {    
    float: right;    
    width: auto;
}
.menu {
    margin: 10px 1px 0 !important;
}
.user-menu {
    position: relative;
    top: 10px;
    display: inline-block;
    width: 120px;
}
a.link-logout {
    margin-right: 0;
}
.logo-topo {
    margin: 0!important;
    padding: 6px 20px!important;
    border-right: none;
}
.metrouicss .dialog .header button {
    padding: 0!important;
}
#dialogButtons {
    height: 60px;
}
.ui-state-active .vermelho, .ui-widget-content .ui-state-active .vermelho, .ui-widget-header .ui-state-active .vermelho,
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border-radius: 20px!important;
}
/* Ajuste Container */
@media (min-width: 1500px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: calc(95% - 100px);
    } 
    div:not(.container) > .page.secondary_,
    div:not(.container) > .page.secondary,
    div:not(.container) > .page-home{
        width: 100%!important;
        max-width: calc(95% - 100px);
    }  
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 90vw !important;
}