body {
    background-color: #F3F3F3;
    overflow-x: hidden;
    font-family: PublicSans;
}

/*div:focus, a:focus, p:focus, button:focus {
    outline: none;
    border: none;
}*/

.displayInline {
    display: inline-block;
}

.table > thead > tr > th {
    vertical-align: middle !important;
}

.bootgrid-table th > .column-header-anchor > .text {
    margin: 0px !important;
}

.bootgrid-table th:active .column-header-anchor, .bootgrid-table th:hover .column-header-anchor {
    color: white !important;
}

.bootgrid-table th > .column-header-anchor {
    color: white !important;
    font-weight: normal;
}

    .bootgrid-table th > .column-header-anchor:hover {
        color: white !important;
        font-weight: normal;
    }

.dropdown-menu-b2b {
    background: linear-gradient(to right, rgba(211, 203, 197, 0.97), rgba(229, 223, 217, 0.98)) !important;
    font-family: PublicSans;
    font-size: 12px;
    padding-left: 10px;
}

.pagination > .active > a {
    background-color: black !important;
    border-color: black !important;
}

.botaoIrParaInicio {
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #ff5555;
    color: white;
    cursor: pointer;
    border-radius: 10px;
    opacity: 0.4;
    padding: 10px;
}

.img-cabecalho-extendido {
    height: 65px;
    left: 15px;
    position: relative;
}

.img-cabecalho-compacto {
    height: 40px;
    top: 20px;
    left: 15px;
    position: relative;
}

.img-cabecalho-compacto-fixo {
    height: 40px;
    top: 10px;
    left: 15px;
    position: relative;
}

@font-face {
    font-family: 'Lato Light';
    src: url('../fonts/Lato-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'PublicSans';
    src: url('../fonts/PublicSans.ttf') format('truetype');
}

/*#region Login */

.form-control {
    font-size: 15px;
    font-family: PublicSans;
}

.bootstrap-select.btn-group .no-results {
    font-weight: bold !important;
}

/* Quantidade de registros da bootgrid*/
.infos {
    font-size: 13px !important;
    font-weight: bold !important;
    font-family: PublicSans !important;
}

#footer {
    height: auto;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
}

#imgLogin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#corpoLogin {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000000;
    background-attachment: fixed;
    background-size: 100%;
    opacity: 0.6;
}

#corpoNovoPedido {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000000;
    background-attachment: fixed;
    background-size: 100%;
    opacity: 0.6;
}

#bemVindo {
    position: absolute;
    padding-top: 20%;
    padding-left: 7%;
}

#imgBemVindo {
    display: block;
    margin-left: auto;
}

#dadosLogin {
    border-left: rgba(255, 255, 255, 0.37);
    border-left-style: solid;
    border-left-width: 2px;
}

.inputLogin,
.inputLogin:-webkit-autofill,
.inputLogin:-webkit-autofill:hover,
.inputLogin:-webkit-autofill:focus {
    height: 60px;
    background-color: black;
    border: none;
    opacity: 0.5;
    display: block;
    width: 100%;
    font-size: 14px;
    color: white;
    padding: 15px;
    border-radius: 2px;
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px #000 inset;
}

    .inputLogin::-moz-placeholder {
        color: #fff;
        padding: 15px;
    }

    .inputLogin:-ms-input-placeholder {
        color: #fff;
        padding: 15px;
    }

    .inputLogin::-webkit-input-placeholder {
        color: #fff;
        padding: 15px;
    }

#mostrarSenha {
    display: none;
    right: 30px;
    position: absolute;
    top: 19px;
    cursor: pointer;
    font-size: 20px;
    color: dimgray;
}

#esqueciSenha {
    padding-left: 5px;
    font-size: 12px;
    color: white !important;
}

    #esqueciSenha:link {
        color: white !important;
    }

    #esqueciSenha:visited {
        color: white !important;
    }

    #esqueciSenha:hover {
        color: white !important;
        cursor: pointer;
    }

    #esqueciSenha:active {
        color: white !important;
    }

.btnLogin {
    border-radius: 0px;
    padding: 15px 50px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: rgba(255, 85, 85, 1);
    width: 100%;
}

    .btnLogin:hover {
        cursor: pointer;
    }

.btnLoginCarregando {
    border-radius: 0px;
    padding: 15px 30px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: rgba(255, 85, 85, 1);
    width: 100%;
}

.erroLogin {
    border-style: solid !important;
    border-color: red !important;
    border-width: 2px !important;
}

/*#endregion */

/*Pagina Login V2*/

#corpo-login-v2 {
    position: relative;
    width: 100%;
    height: 100%;
    background: #000000;
    background-attachment: fixed;
    background-size: 100%;
    opacity: 0.8;
}

/*#endregion */

/*Pagina Inicial*/

@media (min-width: 992px) {
    .ss-col-md-2 {
        width: 14% !important;
    }
}

@media (min-width: 992px) {
    .ss-col-md-3 {
        width: 21% !important;
    }
}

/*Fim Pagina Inicial*/

/* Modal Lista Rápida */

.modal {
    text-align: center !important;
    padding: 0 !important;
    background-color: rgba(0, 0, 0, 0.8);
}

    .modal:before {
        content: '' !important;
        display: inline-block !important;
        height: 100% !important;
        vertical-align: middle !important;
        margin-right: -4px !important;
    }

.modal-dialog {
    display: inline-block !important;
    text-align: left !important;
    vertical-align: middle !important;
}

.erroProduto {
    border-style: solid !important;
    border-color: red !important;
    border-width: 1px !important;
}

.erroBorda {
    border-style: solid !important;
    border-color: red !important;
    border-width: 1px !important;
}

/* Fim Modal Lista Rápida */

/* Página de produtos */
#pesquisaListaProdutos {
    position: relative;
    top: 20px;
}

#logo-menu-produtos-m {
    width: 260px;
    height: 42px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
}

#logo-menu-produtos-p {
    width: 160px;
    height: 25px;
    margin-top: 20px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#logo-menu-produtos-pp {
    width: 150px;
    height: 23px;
    margin-top: 10px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#logo-menu-produtos-p:hover {
    cursor: pointer;
}

#logo-menu-produtos-m:hover {
    cursor: pointer;
}

@media (max-width: 768px) {
    #logo-menu-produtos-p {
        width: 20%;
        padding-top: 8px;
        padding-bottom: 15px;
        padding-left: 15px;
    }
}

/*Fim Página de produtos*/

/*#region Lista Sugestões */

.lista-galeria-thumbnail {
    padding-left: 60px !important;
}

.lista-galeria-thumbnail-item {
    height: 150px;
    width: 140px;
    display: block;
    margin-bottom: 5px;
    position: relative;
}

.lista-galeria-thumbnail-item-selecionada {
    height: 150px;
    width: 140px;
    background-color: black;
    display: block;
    margin-bottom: 5px;
    position: relative;
}

#lista-galeria-produto-detalhe-foto {
    height: 400px;
    width: 300px;
    position: relative;
}

.lista-galeria-thumbnail-item-inline {
    height: 150px;
    width: 140px;
    display: inline-block;
    margin-bottom: 5px;
    position: relative;
}

/*#endregion */

/*#region Seleção Marcas */


.imgMarca:before {
    content: '\A';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,1);
    opacity: 0.5;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.selecaoTipo:before {
    content: '\A';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,1);
    opacity: 0.7;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.divSelecaoInternaNovoPedido {
    position: relative;
    padding-top: 20%;
}

.divSelecaoInternaNovoPedidoFiliais {
    position: relative;
    padding-top: 10%;
}

.divSelecaoInternaNovoPedidoConfirmarInfo {
    position: relative;
    padding-top: 2%;
}

.site-wrapper {
    display: table;
    width: 100%;
    height: 100%;
    min-height: 100%;
    -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
    box-shadow: inset 0 0 100px rgba(0,0,0,.5);
}

.cover-container {
    margin-right: auto;
    margin-left: auto;
}

.masthead-brand {
    margin-top: 10px;
    margin-bottom: 10px;
}

.masthead-nav > li {
    display: inline-block;
}

    .masthead-nav > li + li {
        margin-left: 20px;
    }

    .masthead-nav > li > a {
        padding-right: 0;
        padding-left: 0;
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        color: rgba(255,255,255,.75);
        border-bottom: 2px solid transparent;
    }

        .masthead-nav > li > a:hover,
        .masthead-nav > li > a:focus {
            background-color: transparent;
            border-bottom-color: #a9a9a9;
            border-bottom-color: rgba(255,255,255,.25);
        }

.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
    color: #fff;
    border-bottom-color: #fff;
}

@media (min-width: 768px) {
    .masthead-brand {
        float: left;
    }

    .masthead-nav {
        float: left;
    }
}

.cover {
    padding: 0 20px;
}

    .cover .btn-lg {
        padding: 10px 20px;
        font-weight: bold;
    }


.mastfoot {
    color: #999;
    color: rgba(255,255,255,1);
}

@media (min-width: 768px) {
    .masthead {
        position: fixed;
        top: 0;
    }

    .mastfoot {
        position: absolute;
        bottom: 0px;
    }

    .masthead,
    .mastfoot,
    .cover-container {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .masthead,
    .mastfoot,
    .cover-container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .masthead,
    .mastfoot,
    .cover-container {
        width: 1170px;
    }
}

.site-wrapper-inner {
    display: table-cell;
    vertical-align: middle;
}

#container-login-2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.container-login-2-interno {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
}

.container-login-2-selecao-marca-item {
    background-color: black;
    width: 460px;
    height: 350px;
    display: inline-block;
    position: relative;
}

.container-login-2-selecao-tipo-pedido {
    background-color: black;
    width: 800px;
    height: 300px;
    display: inline-block;
    position: relative;
}

.btn-selecao-novo-pedido {
    color: #ffffff !important;
    background-color: #000000 !important;
}

#btnProximaPagina {
    margin-top: 360px !important;
    position: absolute;
    margin-left: 80px;
    color: #ffffff;
    background-color: #000000;
}

#btnPaginaAnterior {
    margin-top: 360px !important;
    position: absolute;
    margin-left: -230px;
    color: #ffffff;
    background-color: #000000;
}

#btnProximaPaginaMarcas {
    margin-top: 400px !important;
    position: absolute;
    margin-left: 310px;
    color: #ffffff;
    background-color: #000000;
}

#btnPaginaAnteriorMarcas {
    margin-top: 400px !important;
    position: absolute;
    margin-left: -310px;
    color: #ffffff;
    background-color: #000000;
}

#btnProximaPaginaDuplo {
    margin-top: 200px !important;
    position: absolute;
    margin-left: 400px;
    color: #ffffff;
    background-color: #000000;
}

#btnPaginaAnteriorDuplo {
    margin-top: 200px !important;
    position: absolute;
    margin-left: -400px;
    color: #ffffff;
    background-color: #000000;
}

#btnProximaPaginaFiliais {
    margin-top: 205px !important;
    position: absolute;
    margin-left: 155px;
    color: #ffffff;
    background-color: #000000;
}

#btnPaginaAnteriorFiliais {
    margin-top: 205px !important;
    position: absolute;
    margin-left: -155px;
    color: #ffffff;
    background-color: #000000;
}

.btn-circular-transparente {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.42;
    border-radius: 15px;
    background-color: transparent;
    border: 1px solid #d3d0cf;
    color: #FFFFFF;
}

    .btn-circular-transparente:hover {
        background-color: transparent;
        color: #FFFFFF;
        opacity: 0.7;
    }

.btn-circular-rosa {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.42;
    border-radius: 15px;
    background-color: #FF5555;
    border: 1px solid #ff5555;
    color: #FFFFFF;
}

.btnIncluirListaRosa {
    width: 100px;
    height: 30px;
    font-size: 12px;
    padding: 0px;
    background-color: #FF5555;
    color: #fff;
}

.texto-cor-padrao-claro {
    color: #F7BBBB;
}

.btn-marca {
    padding: 0px 12px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    opacity: 0.8;
    line-height: 35px;
    width: 150px;
}

.container-login-2-interno-cabecalho {
    position: absolute;
    top: 0%;
    text-align: left;
    padding-top: 25px;
}

/*#endregion */
/*#region Tabelas */

.table > tbody > tr > td .progress-coluna {
    width: 400px;
}

.table > tbody > tr > td {
    padding: 5px 8px;
    border-top: 0px;
    border-bottom: 3px solid #F4F4F4;
    /*    font-weight: bold;*/
    background-color: white;
    line-height: 35px;
}

.table > tbody > tr .sub-nivel {
    font-size: 12px;
    width: 270px;
    min-width: 270px;
}

.table > thead > tr > th {
    padding: 0px 8px 15px 8px;
    border-bottom: 1px solid white;
    font-weight: bold;
}

.table > tbody > tr > th {
    border-top: 0px;
    padding: 0 8px;
    font-weight: bold;
}

.subnivel-toogle-interno {
    background-color: #FF5555;
    color: white;
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
}

.glyphicon-centralizado {
    float: right;
    line-height: 35px;
    font-size: 10px;
}

.hiddenRow {
    padding: 0 !important;
}

.tdLink {
    cursor: pointer;
}

.tabelaSubNivel {
    width: 100%;
}

/*#endregion */
/*#region Cabeçalho*/
.navbar-collapse {
    padding-left: 0;
}

.navbar-collapse {
    padding-left: 15px;
}

.nav > li > a:hover {
    background-color: transparent;
    text-decoration: none;
    opacity: 0.6;
}

.nav > li > a:visited {
    background-color: transparent;
    text-decoration: none;
    opacity: 1;
}

.nav > li > a:active {
    background-color: transparent;
    text-decoration: none;
    opacity: 1;
}

.nav > li > a:focus {
    background-color: transparent;
    text-decoration: none;
    opacity: 1;
}

#link-ola:hover {
    cursor: default;
    color: black;
}

.icone-Carrinho {
    font-size: 15px !important;
    color: red !important;
    border-right: none !important;
}

.icone-sem-borda {
    border-right: none !important;
}

#carrinho-interno {
    background-color: white;
    padding: 5px 10px;
    margin-top: 15px;
    margin-left: -280px;
    z-index: 100;
}

#carrinho-interno-compacto {
    background-color: transparent;
    padding: 5px 0px;
    margin-top: -10px;
    margin-left: -290px;
}


.ultimoMenu {
    border-right: none !important;
}

/*#endregion*/
/*#region Cabeçalho Compacto*/

#cabecalho-compacto {
    height: 160px;
    position: relative;
    margin-bottom: 50px;
}

.cabecalho-gestao {
    height: 80px !important;
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 100 !important;
    margin-bottom: 0px !important;
}

.menu-conta-compacto .navbar-nav > li > a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-right: solid;
    border-right-color: black;
    border-right-width: 1px;
    color: black;
}

.menu-gestao-fixo {
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 0;
    height: 60px;
    height: 0px;
    min-width: 100%;
    overflow: hidden;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.menu-gestao-fixo-expand {
    height: 50px;
}

.menu-conta-compacto-fixo {
    position: fixed;
    width: 100%;
    z-index: 1002;
    top: 0;
    background: linear-gradient(to right, rgba(211, 203, 197, 0.97), rgba(229, 223, 217, 0.98));
    height: 45px;
    height: 0px;
    min-width: 100%;
    overflow: hidden;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.maisCategorias {
    height: 45px;
    height: 0px;
    overflow: hidden;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

    .maisCategorias.expand {
        height: 100%;
    }

.menu-conta-compacto-fixo.expand {
    height: 80px;
    overflow: initial;
}


#pesquisa-produtos-compacto {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

#menu-produtos-compacto {
    text-transform: uppercase;
    font-size: 12px;
    color: rgba(141, 134, 130, 1);
}

    #menu-produtos-compacto .navbar-nav > li > a {
        color: #8D8682;
    }


#menu-gestao-compacto {
    text-transform: uppercase;
    font-size: 12px;
    color: rgba(0, 0, 0, 1);
    font-family: PublicSans;
}

    #menu-gestao-compacto .navbar-nav > li > a {
        color: #000;
    }


#barra-menu-produtos-compacto .navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 25px;
}

#barra-menu-gestao-compacto .navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
}

#barra-menu-gestao-compacto .navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 12px;
    text-transform: uppercase;
    font-size: 12px;
    color: rgba(0, 0, 0, 1);
    font-family: PublicSans;
}

/*#endregion*/
/*#region Cabeçalho Extendido */

#cabecalho-extendido {
    height: 310px;
    position: relative;
    margin-bottom: 50px;
}

#menu-conta-extendido .navbar-nav > li > a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-right: solid;
    border-right-color: black;
    border-right-width: 1px;
    color: black;
}

#menu-produtos-extedido .navbar-nav > li > a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-right: solid;
    border-right-color: black;
    border-right-width: 1px;
    color: black;
}

#menu-gestao .navbar-nav > li > a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-right: solid;
    border-right-color: black;
    border-right-width: 1px;
    color: black;
}

#pesquisa-produtos-extendido {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

#menu-produtos-extedido {
    text-transform: uppercase;
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 40px;
    color: rgba(141, 134, 130, 1);
}

    #menu-produtos-extedido .navbar-nav > li > a {
        color: #8D8682;
    }

/* #endregion */

/* #region Outras Sugestões */
.produto-catalogo-barra-lateral {
    position: absolute;
    top: 15px;
    /*height: 195px;*/
    height: 101px;
    width: 75px;
    background-color: darkslategray;
    left: 25px;
    z-index: 2;
}

}

.produto-catalogo {
    width: 390px;
    position: relative;
}

.produto-catalogo-barra-lateral-grafico-rosca {
    height: 65px;
    width: 75px;
    position: relative;
    background-color: white;
}

    .produto-catalogo-barra-lateral-grafico-rosca .doughnutSummaryNumber {
        top: 40%;
        font-size: 12px;
    }

.produto-catalogo-barra-lateral-mensagem {
    height: 36px;
    width: 75px;
}

.produto-catalogo-barra-lateral-thumbnail {
    height: 73px;
    width: 75px;
    background-color: darkslategray;
}

.produto-catalogo-foto {
    max-width: 100%;
    height: 370px;
    opacity: 0;
    cursor: pointer;
}

.produto-lista-interativa-foto {
    /*max-width: 100%;
    height: 300px;
    cursor: pointer;*/
    display: block !important;
    max-width: 100% !important;
    max-height: 300px !important;
    object-fit: contain !important;
}

.produto-lista-lookbook-foto {
    /*max-width: 100%;
    height: 300px;
    cursor: pointer;*/
    display: block !important;
    max-width: 100% !important;
    max-height: 64vh !important;
    object-fit: contain !important;
}

.produto-catalogo-foto-carregado {
    opacity: 1;
    transition: opacity 1s ease-out;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -ms-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
    max-height: 570px;
    max-width: 98%;
}

.img-catalogo {
    width: 260px;
    height: 370px;
}

/*#endregion*/
/*#region Produto Detalhe*/

#produto-detalhe-barra-lateral {
    position: absolute;
    top: 15px;
    height: 122px;
    width: 75px;
    background-color: darkslategray;
    left: -38px;
    z-index: 1;
}

.produto-detalhe-barra-lateral-grafico-rosca {
    height: 73px;
    width: 75px;
    position: relative;
    background-color: white;
}

    .produto-detalhe-barra-lateral-grafico-rosca .doughnutSummaryNumber {
        top: 42%;
        left: 0%;
        font-size: 14px;
    }

#produto-detalhe-barra-lateral-mensagem {
    height: 49px;
    width: 75px;
}

.produto-detalhe-galeria-thumbnail-item {
    height: 100px;
    width: 100px;
    display: inline-block;
    opacity: 1;
}

.produto-detalhe-galeria-thumbnail-item-opaco {
    height: 100px;
    width: 100px;
    display: inline-block;
    opacity: 0.6;
    cursor: pointer;
}

    .produto-detalhe-galeria-thumbnail-item-opaco:hover {
        height: 100px;
        width: 100px;
        display: inline-block;
        opacity: 1;
        transition: opacity .23s ease-out;
        cursor: pointer;
    }

.produto-detalhe-icone-coracao {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    font-size: 16px;
    position: absolute;
    right: 20px;
    top: 5px;
    z-index: 1000;
    padding-left: 7px;
    padding-top: 6px;
    box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 30%);
    background-color: #F3F5F9;
}

.produto-detalhe-icone-coracao-desmarcado {
    color: black;
}

    .produto-detalhe-icone-coracao-desmarcado:hover {
        color: #FF5555;
    }

.icone-favorito-marcado {
    color: #FF5555;
}

.produto-detalhe-icone-coracao-interativa {
    display: inline-block;
    color: #FF9999;
    padding: 4px;
    font-size: 5px;
    position: absolute;
    right: 20px;
    top: 0px;
    box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);
    z-index: 2;
}

.produto-detalhe-icone-carrinho {
    border-radius: 8px;
    max-width: 55px;
    min-width: 30px;
    height: 27px;
    display: inline-block;
    color: black;
    background-color: #F3F5F9;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 6px;
    font-size: 12px;
    position: absolute;
    right: 60px;
    top: 5px;
    box-shadow: 2px 2px 4px 1px rgb(0 0 0 / 20%);
    z-index: 2;
    margin-top: 2px;
}

.produto-detalhe-icone-editado {
    display: none;
    /*display: inline-block;*/
    border-radius: 8px;
    max-width: 55px;
    min-width: 30px;
    height: 27px;
    color: black;
    background-color: #F3F5F9;
    padding-left: 11px;
    padding-right: 4px;
    padding-top: 6px;
    font-size: 12px;
    position: absolute;
    right: 100px;
    top: 5px;
    box-shadow: 2px 2px 4px 1px rgb(0 0 0 / 20%);
    z-index: 2;
    margin-top: 2px;
}

.produto-detalhe-icone-pronta-entrega {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-block;
    font-size: 16px;
    position: absolute;
    left: 20px;
    top: 5px;
    z-index: 2;
    padding-left: 8px;
    padding-top: 4px;
    box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 30%);
    background-color: #F3F5F9;
    color: #ffcc01;
}

.produto-detalhe-icone-imagem {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 15px;
    top: 40px;
    z-index: 2;
}

.produto-detalhe-icone-zoom {
    display: inline-block;
    color: #4a4a4a;
    padding: 4px;
    font-size: 15px;
    position: absolute;
    top: 340px;
    left: 15px;
    box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);
    z-index: 2;
    opacity: 0.4;
    background-color: #dcdcdc;
    cursor: pointer !important;
}


.texto-overflow-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
}

.posicao-icone-fase-1-pronta-entrega {
    position: absolute;
    right: 2px;
    top: 63px;
}

.posicao-icone-fase-1 {
    position: absolute;
    right: 2px;
    top: 30px;
}

.produto-detalhe-icone-fase-2 {
    display: inline-block;
    background-color: #626262;
    padding-top: 5px;
    padding-left: 9px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    font-size: 9px;
    position: absolute;
    right: 2px;
    top: 30px;
}


.icone-produto-carrinho {
    color: #FF5555;
    font-size: 13px;
}

.icone-produto-fase {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.produto-detalhe-informacoes-linha {
    display: block;
    overflow: auto;
    padding-bottom: 1px;
}

    .produto-detalhe-informacoes-linha p {
        display: inline;
        margin: 0;
    }

#produto-detalhe-totalizador {
    border-top: 2px solid #E5E5E5;
}

.produto-detalhe-icone-coracao:hover {
    cursor: pointer;
}

.produto-detalhe-icone-coracao-principal:hover {
    cursor: pointer;
}

.fundo-rosa-claro {
    background-color: #ffdada;
}

.fundo-amarelo {
    background-color: #ffcc01;
}

.fundo-cinza-claro {
    background-color: #f3f3f3;
}

#produto-detalhe-galeria-thumbnail-lista {
    height: 100px;
    position: absolute;
    top: 400px;
    left: 5px;
}

#img-produto-detalhe-foto {
    max-height: 75vh;
}

/*#endregion*/
/*#region Elementos ID's */

#btn-mais-categorias {
    height: auto;
    padding: 15px 50px;
    font-size: 12px;
}

#totalizador {
    background-color: white;
    height: 150px;
}

#totalizador-texto-quantidade-sem-fundo {
    width: 150px;
}

.circular-graficos {
    text-align: center;
}

#codigo-produto {
    width: 150px;
    display: inline-block;
}

#lista-rapida-lateral {
    background-color: white;
    height: 235px;
    margin-left: 0px;
    text-align: center;
    border-right: 3px solid #F3F3F3;
}

/*#endregion */
/*#region Tooltip */

.tooltip-rosa + tooltip-inner > .tooltip-arrow {
    background-color: white !important;
    color: rgba(255, 85, 85, 1) !important;
}

.tooltip-ciano + tooltip-inner > .tooltip-arrow {
    background-color: white !important;
    color: rgb(0,196,196) !important;
}

.tooltipB2B {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black; */ /*If you want dots under the hoverable text */
}

.tooltip, .tooltip {
    font-family: PublicSans;
}

.tooltipB2B .tooltiptext {
    visibility: hidden;
    background-color: white;
    color: rgba(255, 85, 85, 1);
    text-align: center;
    padding: 6px 15px;
    font-family: PublicSans;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -25px;
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 1s;
}

    /* Tooltip arrow */
    .tooltipB2B .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 35%;
        margin-left: -50px;
        border-width: 5px;
        border-style: solid;
        border-color: white transparent transparent transparent;
    }

.tooltipB2B:hover .tooltiptext {
    visibility: visible;
    -ms-opacity: 1;
    opacity: 1;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #ff5555;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #ff5555;
}

.tooltip-inner {
    max-width: 300px;
    min-width: 0px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #ff5555;
    border-radius: 4px;
}
/*#endregion */
/*#region Classes genéricas */
.corPadrao {
    color: #FF5555;
}

textarea:hover,
input[type=text]:hover,
textarea:active,
input[type=text]:active,
textarea:focus,
input[type=text]:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active {
    outline: 0px !important;
    -webkit-appearance: none;
}

.label {
    margin-bottom: 7px !important;
}

.gly-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}


@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.gly-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.gly-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.gly-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.gly-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.gly-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}

.m-auto {
    margin: auto;
}

.m-0 {
    margin: 0px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-l-0 {
    margin-left: 0px !important;
}

.m-r-0 {
    margin-right: 0px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-15 {
    margin: 15px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-20 {
    margin: 20px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-25 {
    margin: 25px !important;
}

.m-t-25 {
    margin-top: 25px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.m-l-25 {
    margin-left: 25px !important;
}

.m-r-25 {
    margin-right: 25px !important;
}

.m-30 {
    margin: 30px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-t-40 {
    margin-top: 40px !important;
}

.m-t-50 {
    margin-top: 50px !important;
}

.m-t-100 {
    margin-top: 100px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.p-0 {
    padding: 0px !important;
}

.p-t-0 {
    padding-top: 0px !important;
}

.p-b-0 {
    padding-bottom: 0px !important;
}

.p-l-0 {
    padding-left: 0px !important;
}

.p-r-0 {
    padding-right: 0px !important;
}

.p-l-2 {
    padding-left: 2px !important;
}

.p-r-2 {
    padding-right: 2px !important;
}

.p-5 {
    padding: 5px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-t-8 {
    padding-top: 8px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}

.p-b-25 {
    padding-bottom: 25px !important;
}

.p-l-25 {
    padding-left: 25px !important;
}

.p-r-25 {
    padding-right: 25px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

.p-t-35 {
    padding-top: 35px !important;
}

.p-b-35 {
    padding-bottom: 35px !important;
}

.p-l-35 {
    padding-left: 35px !important;
}

.p-r-35 {
    padding-right: 35px !important;
}

.p-l-50 {
    padding-left: 50px !important;
}

.p-r-40 {
    padding-right: 40px !important;
}

.p-t-40 {
    padding-top: 40px !important;
}

.p-l-40 {
    padding-left: 40px !important;
}

.p-t-45 {
    padding-top: 45px !important;
}

.p-r-50 {
    padding-right: 50px !important;
}

.p-b-50 {
    padding-bottom: 50px !important;
}

.p-t-50 {
    padding-top: 50px !important;
}

.p-t-60 {
    padding-top: 60px !important;
}

.p-t-80 {
    padding-top: 80px !important;
}

.p-t-100 {
    padding-top: 100px !important;
}

.w-30 {
    width: 30px !important;
}

.w-50 {
    width: 50px !important;
}

.w-70 {
    width: 70px !important;
}

.w-65 {
    width: 65px !important;
}

.w-90 {
    width: 90px !important;
}

.w-100 {
    width: 100px !important;
}

.w-100-Por-Cento {
    width: 100% !important;
}

.w-130 {
    width: 130px !important;
}


.w-150 {
    width: 150px !important;
}

.w-180 {
    width: 180px !important;
}

.w-200 {
    width: 200px !important;
}

.w-220 {
    width: 220px !important;
}

.w-250 {
    width: 250px !important;
}

.w-300 {
    width: 300px !important;
}

.w-350 {
    width: 350px !important;
}

.w-400 {
    width: 400px !important;
}

.w-450 {
    width: 450px !important;
}

.w-500 {
    width: 500px !important;
}

.h-40 {
    height: 40px !important;
}

.h-30 {
    height: 30px !important;
}

.h-35 {
    height: 35px !important;
}

.h-135 {
    height: 135px !important;
}


/*#endregion */
/*#region Classes Genéricas Botões */

.btn-padrao {
    height: 45px;
    text-transform: uppercase;
    background-color: #ffffff;
    color: #FF5555;
    font-size: 12px;
    border-radius: 0px;
    border: none;
}

.btn-redondo {
    height: 30px !important;
    width: 30px !important;
    text-transform: uppercase;
    background-color: #ffffff;
    color: #FF5555;
    font-size: 12px;
    border-radius: 50%;
    border: none;
}


.btn-padrao-compacto {
    height: 30px;
    text-transform: uppercase;
    background-color: #ffffff;
    color: #FF5555;
    font-size: 11px;
    border-radius: 0px;
    border: none;
}


.btn-padrao:hover {
    color: rgba(255, 85, 85, 0.8);
}

.btn-pequeno {
    height: 35px;
}

.btn-block {
    display: block;
}

.btn-inline {
    display: inline;
}

btn-inline-block {
    display: inline-block;
}

.btn-cor-alfa {
    color: #ffffff;
    background-color: #FF5555;
}

    .btn-cor-alfa:hover {
        color: rgba(255, 255, 255, 0.8);
    }

.btn-cor-beta {
    color: #ffffff;
    background-color: #000000;
}

    .btn-cor-beta:hover {
        color: rgba(255, 255, 255, 0.8);
    }

.btn-cor-delta {
    background-color: #ffffff;
    color: #FF5555;
}

    .btn-cor-delta:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.btn-com-borda {
    border: 1px solid #d3d0cf !important;
}

.btn-cor-gama {
    background-color: #639600;
    color: #FFFFFF;
}

    .btn-cor-gama:hover {
        color: rgba(255, 255, 255, 0.8);
    }

.btn-cardo-escuro {
    color: #FFFFFF;
    background-color: #b98cb9;
}

    .btn-cardo-escuro:hover {
        color: rgba(255, 255, 255, 0.8);
    }

.btn-circular-padrao {
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    background-color: #ECECEC;
}

/*#endregion */
/*#region Classes Genéricas Textos */

p, a, h1, h2, h3, h4, span, button, input {
    font-family: PublicSans, sans-serif;
}

.texto-fonte-padrao {
    font-family: PublicSans, sans-serif;
}

.texto-cor-padrao {
    color: #FF5555 !important;
}

.texto-cinza {
    color: #8A8A8A;
}

.texto-vermelho {
    color: #D60000;
}

.texto-cor-beta {
    color: #000000;
}

.texto-branco {
    color: #FFFFFF;
}

.texto-centralizado {
    text-align: center;
}

.texto-alinhado-direita {
    text-align: right;
}

.texto-alinhado-esquerda {
    text-align: left;
}

.texto-extra-pequeno {
    font-size: 8px;
}

.texto-9 {
    font-size: 9px;
}

.texto-10 {
    font-size: 10px;
}

.texto-11 {
    font-size: 11px;
}

.texto-medio {
    font-size: 12px !important;
}

.texto-13 {
    font-size: 13px;
}

.texto-14 {
    font-size: 14px;
}

.texto-15 {
    font-size: 15px;
}

.texto-20 {
    font-size: 20px;
}

.texto-25 {
    font-size: 25px;
}

.texto-16 {
    font-size: 16px;
}

.texto-30 {
    font-size: 30px;
}

.texto-grande {
    font-size: 18px;
}

.texto-extra-grande {
    font-size: 24px;
}

.texto-caixa-alta {
    text-transform: uppercase;
}

.texto-block {
    display: block;
}

.texto-inline {
    display: inline;
}

.texto-inline-block {
    display: inline-block;
}

.link-hover-preto:hover {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.texto-link {
    text-decoration: none;
    cursor: pointer;
}

.texto-negrito {
    font-weight: bold !important;
}

.texto-normal {
    font-weight: normal !important;
}

/*#endregion */
/*#region Classes Genéricas Fundos */
.fundo-rosa {
    background-color: #FF5555;
}

.fundo-branco {
    background-color: #FFFFFF !important;
}

.fundo-verde {
    background-color: #639600;
}

/*#endregion */
/*#region Modal */

#modal-lista-produto-cabecalho {
    padding: 0;
    border-bottom: 5px solid black;
}

#modal-lista-produto-cabecalho-texto {
    padding: 0;
    border-left: 5px solid #FF5555;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
}

#modal-lista-produto-cabecalho-barra-progressao {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
}

.modal-lg-ss {
    width: 95% !important;
}

.modal-lg-ss-produto {
    width: 98%;
}

/*#region Modal notificação */
.modal.modalNotificacao .modal-dialog {
    position: fixed;
    margin: auto;
    width: 425px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.modalNotificacao .modal-content {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.modal.modalNotificacao.fade .modal-dialog {
    right: -420px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.modalNotificacao.fade.in .modal-dialog {
    right: 0;
}
/*#endregion Modal right*/
/*#region Modal Modelo*/
.modalB2bContent {
    background-color: transparent !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
}

.modalB2bHeader {
    padding: 0px !important;
    background-color: transparent !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

.modalB2bBtnClose {
    text-shadow: none !important;
    padding: 10px !important;
    Color: rgba(255, 85, 85, 1) !important;
    font-size: 14px !important;
    opacity: 1 !important;
}

.modalB2bBody {
    background-color: whitesmoke !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

.modalB2bFooter {
    background-color: whitesmoke !important;
}

.modalB2bTexto {
    font-size: 16px !important;
}

.modalB2bBtn {
    Color: white !important;
    width: 80px !important;
    background-color: rgba(255, 85, 85, 1) !important;
}

/*#endregion Fim Model Modelo */

/*#endregion */
/*#region Barras de Progressao */

.progress-bar {
    float: left;
    height: 100%;
    font-size: 12px;
    color: #fff;
    transition: width .6s ease;
    line-height: 35px;
    text-align: inherit;
}

.progress-bar-cor-alfa {
    background-color: #FF8E8E;
}

.progress-bar-verde {
    background-color: #639600;
}

.progress-bar-amarelo {
    background-color: #FFC000;
}

.progress-bar-cardo {
    background-color: #D8BFD8;
}

.progress-bar-ciano-medio {
    background-color: #00c4c4;
}

.progress {
    height: 35px;
    margin-bottom: 0px;
    overflow: hidden;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    width: 300px;
}

.progress-detalhe {
    height: 35px;
    margin-bottom: 0px;
    overflow: hidden;
    background-color: #FFDDDD;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
}

/*#endregion */
/*#region Classes Genéricas Inputs */

.text-Transform-None {
    text-transform: none !important;
}

.input-padrao {
    text-transform: uppercase;
    height: 50px;
    font-size: 12px;
    border-radius: 0px;
    border: 1px solid #d3d0cf;
}

    .input-padrao:-webkit-autofill,
    .input-padrao:-webkit-autofill:hover,
    .input-padrao:-webkit-autofill:focus {
        -webkit-text-fill-color: #555;
        -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    }

.input-pack {
    height: 22px;
    width: 22px;
    background-color: #E7E7E7;
    text-align: center;
}

.input-padrao.input-padrao-com-borda {
    border: 1px solid #d3d0cf;
}

.input-pequeno {
    height: 35px;
}

.input-quantidade-produto {
    height: 32px;
    width: 32px;
    background-color: #E7E7E7;
    text-align: center;
}

.input-quantidade-total {
    height: 32px;
    width: 32px;
    background-color: #E7E7E7;
    text-align: center;
}

.input-quantidade-produto-pequeno {
    height: 22px;
    width: 22px;
    background-color: #E7E7E7;
    text-align: center;
    font-size: 10px !important;
}

/*#endregion */
/*#region Efeitos */
.efeito-sobreposicao {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    opacity: 0.3;
}
/*#endregion */
/*#region grafico-rosca */

.grafico-rosca {
    height: 115px;
    width: 110px;
    display: inline-block;
    position: relative;
}

.grafico-rosca-titulo {
    font-weight: bold;
    font-size: 10px;
    cursor: pointer;
}


/*#endregion */
/*#region Sem agrupamento por ora */

#menu-produtos-container {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
}

#menu-gestao-container {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
}

.categoria-quadro {
    height: 195px;
    width: 190px;
    display: inline-block;
    color: white;
    position: relative;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

    .categoria-quadro::after {
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        opacity: 0;
        -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
        transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    }

    .categoria-quadro:hover {
        -webkit-transform: scale(1.05, 1.05);
        transform: scale(1.05, 1.05);
    }

    .categoria-quadro::hover::after {
        opacity: 1;
    }

    .categoria-quadro .texto {
        z-index: 2;
        position: relative;
        color: #ffffff;
    }

    .categoria-quadro img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
        z-index: 1;
        opacity: 0.3;
    }

.categorias-quadro {
    /*display: inline-block;*/
    line-height: 190px;
    text-align: center;
}

.container-centralizado {
    text-align: center;
}

.produto-item-vazio {
    background-color: white;
    line-height: 235px;
    text-align: center;
    color: #939393;
    font-weight: bold;
}

    .produto-item-vazio p {
        margin: 0px;
    }


.produto-item {
    border-bottom: 1px solid #E5E5E5;
    background-color: white;
    min-height: 100px;
    padding-bottom: 10px;
}

.produto-item-detalhes {
    border-bottom: 1px solid #E5E5E5;
    background-color: white;
    height: 220px;
}

.produto-item p {
    margin: 0px;
}

.produto-item-sem-fundo {
    border-bottom: 1px solid #E5E5E5;
    height: 100px;
}

    .produto-item-sem-fundo p {
        margin: 0px;
    }

.produto-item-interativa {
    border-bottom: 1px solid #E5E5E5;
    background-color: white;
    padding-bottom: 10px;
}

input[id^="produto-tamanho"] {
    width: 20px;
}

.tamanho-nao-disponivel {
    background-color: #FF5555 !important;
    color: white;
    height: 32px;
    width: 32px;
    text-align: center;
}

.tamanho-nao-disponivel-pequeno {
    background-color: #FF5555 !important;
    color: white;
    height: 22px;
    width: 22px;
    text-align: center;
}

.produto-thumbnail {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    height: 120px;
    width: 120px;
    margin-top: 15px;
}

.produto-thumbnail-lista {
    height: 120px !important;
    width: 120px !important;
}

.produto-thumbnail-w-auto {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    height: 120px;
    width: auto;
    margin-top: 15px;
}


.parametro-thumbnail {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    height: 150px;
    width: 150px;
    margin-top: 15px;
}


#divOpaca {
    background: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    height: 80%;
    width: 100%;
    top: 20%;
}


#divTexto {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 100px;
}

.produto-thumbnail-gestao {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    min-width: 150px !important;
    min-height: 150px !important;
    margin-top: 15px;
}

.produto-thumbnail-sem-fundo {
    background-color: black;
    height: 67px;
    width: 67px;
    margin-top: 15px;
}

.produto-thumbnail-autocomplete {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    height: 60px;
    width: 60px;
    margin-top: 5px;
}

.alert-b2b {
    color: #FF5555;
    background-color: white;
    border-color: white;
}


.alert-b2b-mobile {
    color: #333 !important;
}

.elementoShadow {
    box-shadow: 0px 0px 20px #888888;
}

.height-viewport {
    min-height: 90vh;
}

.totalizadorListas {
    padding-top: 15px;
    padding-bottom: 15px;
}

.divOpacaLista {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}


.divOpacaCategoria {
    background: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}


.divNaoOpacaLista {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
}

.divTituloLista {
    position: absolute;
    color: white;
    width: 100%;
    left: 5px;
    bottom: 0;
}

.divTituloCategoria {
    position: relative;
    color: white;
    width: 100%;
    font-weight: bold;
    font-size: 15px;
}

.tituloLista {
    margin-bottom: 0px !important;
    font-size: 12px;
    font-weight: normal;
}

.spanLista {
    font-weight: 400 !important;
    color: black !important;
}

/*#endregion */

.nenhuma-lista {
    background-color: white;
    text-align: center;
    color: #939393;
    font-weight: bold;
}

.divLink {
    cursor: pointer;
}

.divCursorPadrao {
    cursor: default;
}

.produtoListaSelecionado {
    background-color: #f4d8d8;
}

.form-control:focus {
    border-color: #639600 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(99, 150, 0, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(99, 150, 0, .6) !important;
}

.menuSelecionado {
    background-color: #ff5555;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick' !important;
    font-size: 25px !important;
    line-height: 1 !important;
    opacity: .75 !important;
    color: #000 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.gifCentro {
    position: relative;
    left: 44%;
}

/* columns of same height styles */

.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}

.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}

@media (min-width: 480px) {
    .row-xs-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-xs-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-xs-top {
        vertical-align: top;
    }

    .col-xs-middle {
        vertical-align: middle;
    }

    .col-xs-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 768px) {
    .row-sm-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-sm-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-sm-top {
        vertical-align: top;
    }

    .col-sm-middle {
        vertical-align: middle;
    }

    .col-sm-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 992px) {
    .row-md-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-md-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-md-top {
        vertical-align: top;
    }

    .col-md-middle {
        vertical-align: middle;
    }

    .col-md-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 1200px) {
    .row-lg-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-lg-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-lg-top {
        vertical-align: top;
    }

    .col-lg-middle {
        vertical-align: middle;
    }

    .col-lg-bottom {
        vertical-align: bottom;
    }
}

.customSwalBtn {
    border: 0 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    background-color: #639600 !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    margin: 10px 5px 0px 5px !important;
    padding: 10px 20px !important;
    width: 250px !important;
}

table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
    /*padding-right: 30px;*/
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}

    table.dataTable thead .sorting:after,
    table.dataTable thead .sorting_asc:after,
    table.dataTable thead .sorting_desc:after,
    table.dataTable thead .sorting_asc_disabled:after,
    table.dataTable thead .sorting_desc_disabled:after {
        position: relative;
        bottom: -3px;
        right: 0px;
        font-family: 'Glyphicons Halflings';
        opacity: 0.5;
    }

}

table.dataTable thead .sorting:after {
    opacity: 0.2;
    content: "\e150";
    /* sort */
}

table.dataTable thead .sorting_asc:after {
    content: "\e155";
    padding-left: 5px;
}

table.dataTable thead .sorting_desc:after {
    content: "\e156";
    padding-left: 5px;
}


div.dataTables_scrollBody > table > thead .sorting:after,
div.dataTables_scrollBody > table > thead .sorting_asc:after,
div.dataTables_scrollBody > table > thead .sorting_desc:after {
    display: none;
}

table.dataTable.table-condensed .sorting:after,
table.dataTable.table-condensed .sorting_asc:after,
table.dataTable.table-condensed .sorting_desc:after {
    top: 6px;
    right: 6px;
}

.th-datatable {
    border: none !important;
    white-space: nowrap !important;
    outline: none !important
}

.td-datatable {
    white-space: nowrap !important;
    border-bottom: 1px solid #F4F4F4 !important;
}

.thead-borda-divisao {
    border-right: 2px solid #333 !important;
}

.tbody-borda-divisao {
    border-right: 2px solid #F4F4F4 !important;
}

.map.map-big {
    height: 600px;
}

.map {
    height: 600px;
    border-radius: 6px;
    margin-top: 15px;
}

#infoWindow {
    max-height: 450px !important;
}

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .table-responsive-sm > .table-bordered {
            border: 0;
        }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .table-responsive-md > .table-bordered {
            border: 0;
        }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .table-responsive-lg > .table-bordered {
            border: 0;
        }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

        .table-responsive-xl > .table-bordered {
            border: 0;
        }
}

.ajuste-borda {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

div.dt-buttons {
    padding-bottom: 10px;
}

div.dataTables_filter {
    float: right !important;
    padding-bottom: 10px;
}


ul.dt-button-collection.dropdown-menu > * {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    margin-top: 0rem !important;
    margin-bottom: 10px !important;
    box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.15) !important;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    border-radius: 0.25rem !important;
    white-space: normal;
    display: block;
}

ul.dt-button-collection.dropdown-menu.four-column {
    width: 600px;
    padding: 10px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    -ms-column-count: 4;
    -o-column-count: 4;
    column-count: 4;
}

ul.dt-button-collection.dropdown-menu.three-column {
    width: 600px;
    padding: 10px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #000;
}

.dt-button-collection-title {
    display: none !important;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

.dataTables_info {
    font-family: PublicSans;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    white-space: nowrap;
    padding-top: 5px;
}

.pagination {
    margin: 10px 0px;
}

    .pagination > li > a, .pagination > li > span {
        color: #333;
    }

.cursor-pointer {
    cursor: pointer;
}

div.slider {
    display: none;
}

.tabela-sem-bordas td, .tabela-sem-bordas th {
    border: none !important;
}

.texto-cardo {
    color: #d8bfd8;
}

.texto-cardo-escuro {
    color: #b98cb9;
}

.texto-ciano-medio {
    color: #00c4c4;
}

.zoom {
    display: inline-block;
    position: relative;
}

    /* magnifying glass icon */
    .zoom:after {
        content: '';
        display: block;
        width: 33px;
        height: 33px;
        position: absolute;
        top: 0;
        right: 0;
        background: url(icon.png);
    }

html.swal2-shown, body.swal2-shown {
    overflow-y: hidden !important;
    height: auto !important;
}

.sweet-alert input, .sweet-alert input {
    font-size: 15px !important;
}

.borda-valor-alternativo-vitrine {
    padding-right: 0px;
    border-right-style: solid;
    border-right-color: #999;
    border-right-width: 1px;
}

.borda-inferior-valor-alternativo-vitrine {
    border-bottom-style: solid;
    border-bottom-color: #999;
    border-bottom-width: 1px;
}

.cor-selecionada-vitrine {
    border: 1px black solid
}

.caixa-externa-cor-vitrine {
    margin: 3px 3px 3px 0px;
    height: 32px;
    width: 32px
}

.caixa-interna-cor-vitrine {
    height: 30px;
    width: 30px;
    border: 2px #e0e0e0 solid;
}

.caixa-externa-cor-vitrine-pequena {
    margin: 3px 0px 0px 0px;
    height: 22px;
    width: 22px
}

.caixa-interna-cor-vitrine-pequena {
    height: 20px;
    width: 20px;
    border: 2px #e0e0e0 solid;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #cccccc;
        margin-top: 5px;
        margin-right: -10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.caixa-qtde-notificacao {
    color: #FFF;
    top: 10px;
    border-radius: 5px;
    padding: 1px 5px;
    position: absolute
}

#gerenciamento-pesquisas-pre-definidas {
    max-height: 500px;
    min-height: 200px;
    overflow-x: auto;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

    .row.display-flex > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

}

a:hover {
    background-color: transparent;
    text-decoration: none;
    opacity: 0.6;
    cursor: pointer;
}

.circulo-categorias {
    border: solid 2px #c1c1c1;
    cursor: pointer;
}

    .circulo-categorias:hover {
        border: 5px solid;
        border-color: #c1c1c1;
    }

.link-categorias:hover {
    background-color: transparent;
    text-decoration: none;
    opacity: 0.8;
    cursor: pointer;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] {
    background-color: #fff !important;
    cursor: not-allowed !important;
}

/*.corpo-filtros {
    overflow-x: auto;
    max-height: 230px;
}*/

div[id*="div-valores-"] {
    overflow-x: auto;
    max-height: 210px;
}

.no-gutters > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.half-gutters > [class*="col-"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.half-gutters > div[class^="col-"]:first-child {
    padding-left: 0 !important;
}

.half-gutters > div[class^="col-"]:last-child {
    padding-right: 0 !important;
}

.col-same-height {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}

/*#region Utilizades bootstrap 4 padding e margin */
.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

/*#endregion */

/* || Estilos gerais de carrossel */
.carrossel {
    text-align: center;
}

    .carrossel .imagem-container, .carrossel .video-container, .carrossel .imagem-container img, .carrossel .video-container video, .carrossel .video-container iframe {
        width: 100%;
    }

    .carrossel .slick-prev {
        left: -25px;
    }

    .carrossel .slick-prev, .carrossel .slick-next {
        height: unset !important;
        width: unset !important;
    }

.carrossel-controle-externo {
    padding-left: 3.5rem;
    padding-right: 3.5rem;
}

.carrossel-controle-interno .slick-prev, .carrossel-controle-interno .slick-next {
    position: absolute;
    z-index: 9999;
    padding: 2rem !important;
}

    .carrossel-controle-interno .slick-prev::before, .carrossel-controle-interno .slick-next::before {
        color: #48494B !important;
    }

.carrossel-controle-interno .slick-prev {
    left: 0px !important;
}

.carrossel-controle-interno .slick-next {
    right: 0px !important;
}

/* || Estilos para os tamanhos de carrosséis */
/*.carrossel-extra-pequeno .imagem-container, .carrossel-extra-pequeno .video-container, .carrossel-extra-pequeno .imagem-container img, .carrossel-extra-pequeno .video-container video, .carrossel-extra-pequeno .video-container iframe {
    height: 150px;
    width: 100%;
}

    .carrossel-extra-pequeno .imagem-container img, .carrossel-extra-pequeno .video-container video, .carrossel-extra-pequeno .video-container iframe {
        object-fit: cover;
    }

.carrossel-pequeno .imagem-container, .carrossel-pequeno .video-container, .carrossel-pequeno .imagem-container img, .carrossel-pequeno .video-container video, .carrossel-pequeno .video-container iframe {
    height: 300px;
    width: 100%;
}

    .carrossel-pequeno .imagem-container img, .carrossel-pequeno .video-container video, .carrossel-pequeno .video-container iframe {
        object-fit: cover;
    }

.carrossel-medio .imagem-container, .carrossel-medio .video-container, .carrossel-medio .imagem-container img, .carrossel-medio .video-container video, .carrossel-medio .video-container iframe {
    height: 500px;
    width: 100%;
}

    .carrossel-medio .imagem-container img, .carrossel-medio .video-container video, .carrossel-medio .video-container iframe {
        object-fit: cover;
    }

.carrossel-grande .imagem-container, .carrossel-grande .video-container, .carrossel-grande .imagem-container img, .carrossel-grande .video-container video, .carrossel-grande .video-container iframe {
    height: 700px;
    width: 100%;
}

    .carrossel-grande .imagem-container img, .carrossel-grande .video-container video, .carrossel-grande .video-container iframe {
        object-fit: cover;
    }*/

/* || Estilos para os itens dos carrosséis circular e retangular */
.carrossel-circular-link-imagem-externo, .carrossel-circular-link-video-externo {
    display: inline-block;
    box-sizing: border-box;
    border-radius: 50%;
    line-height: 0;
    overflow: hidden;
}

.carrossel-quadrado-link-imagem-externo, .carrossel-quadrado-link-video-externo, .carrossel-retangular-link-imagem-externo, .carrossel-retangular-link-video-externo {
    display: inline-block;
    box-sizing: border-box;
    line-height: 0;
}

.carrossel-circular-link-video-interno {
    border-radius: 50%;
    overflow: hidden;
}

.carrossel-circular-imagem {
    display: inline-block;
    border-radius: 50%;
}

/* || Estilos para os diferentes tamanhos dos carrosséis circular e quadrado */
.carrossel-base-extra-pequeno .carrossel-base-imagem, .carrossel-base-extra-pequeno .carrossel-base-video {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.carrossel-base-pequeno .carrossel-base-imagem, .carrossel-base-pequeno .carrossel-base-video {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.carrossel-base-medio .carrossel-base-imagem, .carrossel-base-medio .carrossel-base-video {
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.carrossel-base-grande .carrossel-base-imagem, .carrossel-base-grande .carrossel-base-video {
    width: 200px;
    height: 200px;
    object-fit: cover;
}

/* || Estilos para os diferentes tamanhos dos carrosséis circular e quadrado */
.carrossel-base-extra-pequeno .carrossel-retangular-imagem, .carrossel-base-extra-pequeno .carrossel-retangular-video {
    width: 66.6666666px;
    height: 100px;
    object-fit: cover;
}

.carrossel-base-pequeno .carrossel-retangular-imagem, .carrossel-base-pequeno .carrossel-retangular-video {
    width: 133.33333333px;
    height: 200px;
    object-fit: cover;
}

.carrossel-base-medio .carrossel-retangular-imagem, .carrossel-base-medio .carrossel-retangular-video {
    width: 200px;
    height: 300px;
    object-fit: cover;
}

.carrossel-base-grande .carrossel-retangular-imagem, .carrossel-base-grande .carrossel-retangular-video {
    width: 300px;
    height: 400px;
    object-fit: cover;
}

/* || Estilos para os diferentes tamanhos de elementos soltos */
.imagem-container, .video-container, .imagem-container img, .video-container video, .video-container iframe {
    width: 100%;
}

.iframe-container-extra-pequeno, .iframe-container-extra-pequeno iframe {
    height: 150px;
    width: 100%;
}

    .iframe-container-extra-pequeno iframe {
        object-fit: cover;
    }

.iframe-container-pequeno, .iframe-container-pequeno iframe {
    height: 300px;
    width: 100%;
}

    .iframe-container-pequeno iframe {
        object-fit: cover;
    }

.iframe-container-medio, .iframe-container-medio iframe {
    height: 500px;
    width: 100%;
}

    .iframe-container-medio iframe {
        object-fit: cover;
    }

.iframe-container-grande, .iframe-container-grande iframe {
    height: 700px;
    width: 100%;
}

    .iframe-container-grande iframe {
        object-fit: cover;
    }

.video-container {
    position: relative;
}

.componente-item-configuracoes-gerais {
    margin-bottom: 1rem !important;
}
/*.imagem-container-extra-pequeno, .video-container-extra-pequeno, .imagem-container-extra-pequeno img, .video-container-extra-pequeno video, .video-container-extra-pequeno iframe {
    height: 150px;
    width: 100%;
}

    .imagem-container-extra-pequeno img, .video-container-extra-pequeno video, .video-container-extra-pequeno iframe {
        object-fit: cover;
    }

.imagem-container-pequeno, .video-container-pequeno, .imagem-container-pequeno img, .video-container-pequeno video, .video-container-pequeno iframe {
    height: 300px;
    width: 100%;
}

    .imagem-container-pequeno img, .video-container-pequeno video, .video-container-pequeno iframe {
        object-fit: cover;
    }

.imagem-container-medio, .video-container-medio, .imagem-container-medio img, .video-container-medio video, .video-container-medio iframe {
    height: 500px;
    width: 100%;
}

    .imagem-container-medio img, .video-container-medio video, .video-container-medio iframe {
        object-fit: cover;
    }

.imagem-container-grande, .video-container-grande, .imagem-container-grande img, .video-container-grande video, .video-container-grande iframe {
    height: 700px;
    width: 100%;
}

    .imagem-container-grande img, .video-container-grande video, .video-container-grande iframe {
        object-fit: cover;
    }*/
/* || Estilos para os diferentes tamanhos de grids elementos sem slider */
.grid-elementos-extra-pequeno .imagem-container, .grid-elementos-extra-pequeno .video-container, .grid-elementos-extra-pequeno img, .grid-elementos-extra-pequeno video, .grid-elementos-extra-pequeno iframe {
    height: 150px;
    width: 100%;
}

.grid-elementos-extra-pequeno img, .grid-elementos-extra-pequeno video, .grid-elementos-extra-pequeno iframe {
    object-fit: cover;
}

.grid-elementos-pequeno .imagem-container, .grid-elementos-pequeno .video-container, .grid-elementos-pequeno img, .grid-elementos-pequeno video, .grid-elementos-pequeno iframe {
    height: 300px;
    width: 100%;
}

.grid-elementos-pequeno img, .grid-elementos-pequeno video, .grid-elementos-pequeno iframe {
    object-fit: cover;
}

.grid-elementos-medio .imagem-container, .grid-elementos-medio .video-container, .grid-elementos-medio img, .grid-elementos-medio video, .grid-elementos-medio iframe {
    height: 500px;
    width: 100%;
}

.grid-elementos-medio img, .grid-elementos-medio video, .grid-elementos-medio iframe {
    object-fit: cover;
}

.grid-elementos-grande .imagem-container, .grid-elementos-grande .video-container, .grid-elementos-grande img, .grid-elementos-grande video, .grid-elementos-grande iframe {
    height: 700px;
    width: 100%;
}

.grid-elementos-grande img, .grid-elementos-grande video, .grid-elementos-grande iframe {
    object-fit: cover;
}

/* || Estilos para o elemento que mostrará um produto */
.produto-container .produto-imagem-container {
    display: block;
    width: 100%;
    text-align: center;
}

    .produto-container .produto-imagem-container img {
        height: 100%;
        object-fit: contain;
        display: inline;
        width: 100%;
    }

.produto-container .produto-referencia {
    font-size: 12px !important;
    color: #FF5555 !important;
    display: block;
    text-transform: uppercase;
}

.produto-container .produto-nome {
    text-transform: uppercase;
    font-size: 12px !important;
}

.produto-container .produto-preco-container {
    display: block;
}

.produto-container .produto-preco {
    display: inline-block;
}

.produto-container .preco-titulo {
    text-transform: uppercase;
    font-size: 10px;
    display: block;
}

.produto-container .preco-valor {
    font-size: 20px;
}

.produto-container .produto-cor {
    height: 32px;
    width: 32px;
    display: inline-flex;
    cursor: pointer;
    margin-right: .5rem;
}

    .produto-container .produto-cor.last {
        margin-right: 0;
    }

.container2 .block.last {
    margin: 0;
}

.produto-container .produto-cor-selecionada {
    outline: 1px solid black;
    border: 2px solid white;
}

.produto-dados-container {
    text-align: left;
}

.produto-container-horizontal .produto-dados-container {
    padding: 1rem !important;
}

/* || Estilos para os diferentes tamanhos de imagens de produtos */
.carrossel-extra-pequeno .produto-imagem-container img, .grid-produtos-extra-pequeno .produto-imagem-container img {
    max-height: 150px;
}

.carrossel-pequeno .produto-imagem-container img, .grid-produtos-pequeno .produto-imagem-container img {
    max-height: 300px;
}

.carrossel-medio .produto-imagem-container img, .grid-produtos-medio .produto-imagem-container img {
    max-height: 500px;
}

.carrossel-grande .produto-imagem-container img, .grid-produtos-grande .produto-imagem-container img {
    max-height: 700px;
}

/* || panels testes */
.lookbook-container {
    height: 100%;
}

    .lookbook-container .panel {
        border-radius: 0px;
        height: 100%;
        border-color: #ddd;
        margin-bottom: 0px;
    }

/* || Estilos para os diferentes tamanhos de imagens de lookbooks */
.grid-lookbook-extra-pequeno .lookbook-imagem-container img,
.grid-lookbook-pequeno .lookbook-imagem-container img,
.grid-lookbook-medio .lookbook-imagem-container img,
.grid-lookbook-grande .lookbook-imagem-container img
.carrossel-extra-pequeno .lookbook-imagem-container img,
.carrossel-pequeno .lookbook-imagem-container img,
.carrossel-medio .lookbook-imagem-container img,
.carrossel-grande .lookbook-imagem-container img {
    object-fit: cover;
}

.grid-lookbook-extra-pequeno .lookbook-imagem-container, .grid-lookbook-extra-pequeno .lookbook-imagem-container img, .carrossel-extra-pequeno .lookbook-imagem-container, .carrossel-extra-pequeno .lookbook-imagem-container img {
    width: 100%;
    max-height: 150px;
}


.grid-lookbook-pequeno .lookbook-imagem-container, .grid-lookbook-pequeno .lookbook-imagem-container img, .carrossel-pequeno .lookbook-imagem-container, .carrossel-pequeno .lookbook-imagem-container img {
    width: 100%;
    max-height: 300px;
}

.grid-lookbook-medio .lookbook-imagem-container, .grid-lookbook-medio .lookbook-imagem-container img, .carrossel-medio .lookbook-imagem-container, .carrossel-medio .lookbook-imagem-container img {
    width: 100%;
    max-height: 500px;
}

.grid-lookbook-grande .lookbook-imagem-container, .grid-lookbook-grande .lookbook-imagem-container img, .carrossel-grande .lookbook-imagem-container, .carrossel-grande .lookbook-imagem-container img {
    width: 100%;
    max-height: 700px;
}

/* || Ajustes no slick para que os painéis de lookbooks possam ter a mesma altura */
.carrossel-lookbook .slick-track {
    display: flex !important;
}

.carrossel-lookbook .slick-slide {
    height: inherit !important;
}

/* || Classes extras para o modo vertical de visualização de produtos */
.produto-imagem-container-vertical-extra-pequeno img {
    max-height: 150px;
}

.produto-imagem-container-vertical-pequeno img {
    max-height: 300px;
}

.produto-imagem-container-vertical-medio img {
    max-height: 500px;
}

.produto-imagem-container-vertical-grande img {
    max-height: 500px;
}

/* || Classes extras para alterar imagem de produto com hover */
.produto-imagem-container .imagem-secundaria, .componente-midia .imagem-secundaria {
    display: none !important;
}

.produto-imagem-container:hover .imagem-secundaria, .componente-midia:hover .imagem-secundaria {
    display: inline !important;
}

.produto-imagem-container:hover .imagem-principal, .componente-midia:hover .imagem-principal {
    display: none;
}

/* || Classes para o gerenciamento dos painéis com  */
.lista-componentes {
    padding: 0;
    margin: 0;
}

    .lista-componentes li {
        display: flex;
        align-items: center;
        border-top: 1px solid #ddd !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: none !important;
    }

        .lista-componentes li:first-child {
            border-top: none !important;
        }

    .lista-componentes i, .pagina-configuravel-container i, .componente-item i {
        cursor: pointer;
    }

    .lista-componentes ul.placeholder {
        min-height: 42px;
        margin: 0;
        border: 1px dashed #ddd;
        border-radius: 3px;
        align-items: center;
        display: flex;
        text-align: center;
        justify-content: center;
        list-style-type: none;
        width: 100%;
    }

.ml-auto {
    margin-left: auto !important;
}

.pagina-configuravel-container .panel-heading {
    /*display: flex;*/
}

    .pagina-configuravel-container .panel-heading .titulo-pagina-configuravel {
        display: inline-flex;
        width: 100%;
        align-items: center;
    }

    .pagina-configuravel-container .panel-heading .subtitulo-pagina-configuravel {
        display: block;
        width: 100%;
    }

.pagina-configuravel-container .panel-body {
    padding: 0;
    margin: 0;
}

.imagem-container-item-componente, .video-container-item-componente, .imagem-container-item-componente img, .video-container-item-componente video, .video-container-item-componente iframe {
    height: 300px;
    width: 100%;
}

    .imagem-container-item-componente img, .video-container-item-componente video, .video-container-item-componente iframe {
        object-fit: cover;
    }

.botao-link-video {
    position: absolute;
    right: 15px;
    bottom: 50px;
    background: rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255,0.5);
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    color: #fff;
    direction: ltr;
    font-size: 18px;
    line-height: normal;
    min-width: 0;
    padding: 10px 6px 8px 10px;
    width: auto;
    text-align: center;
    cursor: pointer;
}

    .botao-link-video:hover {
        background: rgba(0,0,0,0.9);
        border: 1px solid white;
    }

/* || Classes extras para o modo vertical de visualização de produtos */
.btn-padrao-espacamento {
    padding: 0 1rem;
    font-size: 11px;
}

.swal2-popup {
    font-size: 1.6rem !important;
}

/* || Classes utilitárias para solicionar o problema com colunas de diferentes alturas no bootstrap 3 */
.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

    .row.display-flex > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.725rem;
    line-height: 0.7rem;
    border-radius: 0.2rem;
}

.produto-pesquisa-container {
    display: flex;
    align-items: center;
}

.produto-imagem-pesquisa {
    max-width: 100%;
    max-height: 100px;
    text-align: center;
}

    .produto-imagem-pesquisa img {
        object-fit: contain;
        max-width: 100%;
        max-height: 100px;
    }

.produto-dados-pesquisa .produto-referencia {
    font-size: 12px !important;
    color: #FF5555 !important;
    display: block;
    text-transform: uppercase;
}

.produto-dados-pesquisa .produto-nome {
    text-transform: uppercase;
    font-size: 12px !important;
}

/*.teste-sortable ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

.teste-sortable li {
    margin: 5px;
    padding: 5px;
    width: 150px;
    border: 1px solid black;
}*/

.dropzone {
    background: white;
    border-radius: 5px;
    border: 2px dashed #FF5555 !important;
    border-image: none;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.object-fit-contain {
    object-fit: contain !important;
}

.btn-group .btn.active {
    background-color: #FF5555 !important;
    color: #fff;
}

.componente-item-container {
    height: 100%;
}

    .componente-item-container .panel {
        height: 100%;
        margin-bottom: 0px;
    }

    .componente-item-container .panel-body {
        height: 100%;
    }

.espacador-vertical {
    border: none;
}

.link-componente {
    cursor: pointer;
}

.voltar:hover {
    cursor: pointer !important;
}

.pagina-configuravel-controle-ativo {
    cursor: pointer;
}

.overlay {
    position: absolute;
    bottom: 0px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.2); /* Black see-through */
    color: #f1f1f1;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: white;
    font-size: 20px;
    padding: 10px;
    text-align: center;
}

.divImagem:hover .overlay {
    opacity: 1;
}

.produto-thumb-mais-cores:hover {
    height: 100px;
    width: 100px;
    background-color: black;
    display: inline-block;
    opacity: 0.5;
    transition: opacity .23s ease-out;
    cursor: pointer;
}

    .produto-thumb-mais-cores:hover:before {
        font-family: FontAwesome;
        font-weight: 900;
        content: "\f02b";
        padding-top: 35px;
        padding-left: 30px;
        position: absolute;
        color: black;
        font-size: 25px;
    }


.produto-thumb-mais-cores-selecionado {
    height: 100px;
    width: 100px;
    background-color: black;
    display: inline-block;
    opacity: 0.5;
    transition: opacity .23s ease-out;
}

    .produto-thumb-mais-cores-selecionado:before {
        font-family: FontAwesome;
        font-weight: 900;
        content: "\f02b";
        padding-top: 35px;
        padding-left: 30px;
        position: absolute;
        color: black;
        font-size: 25px;
    }

.sinb2b-scrollbar-cinza::-webkit-scrollbar {
    width: 10px;
    height: 8px;
    background-color: #e8e4e4;
}


.sinb2b-scrollbar-cinza::-webkit-scrollbar-thumb {
    background: #d6d6d6;
}

.detalhes-mais-cores {
    height: 75vh;
    overflow: auto;
}

.sinb2b-scrollbar-cor-padrao::-webkit-scrollbar {
    width: 10px;
    height: 8px;
    background-color: #aaa; /* or add it to the track */
}

.sinb2b-scrollbar-cor-padrao::-webkit-scrollbar-thumb {
    background: #FF5555;
}

.visao-selecionada:focus {
    background-color: #FF5555 !important;
    color: #FFFFFF !important;
    border-color: #ccc !important;
}

.visao-selecionada:hover {
    color: #FFFFFF !important;
    background-color: #FF5555 !important;
}

.visao-nao-selecionada:hover {
    opacity: 0.8;
    color: black;
}

.collapse-filtros {
    max-height: 70vh;
    overflow-x: auto;
}

.bloco-produtos-look {
    overflow: auto;
    height: 63vh !important;
}

.sinb2b-scrollbar-cinza::-webkit-scrollbar {
    width: 10px;
    height: 8px;
    background-color: #e8e4e4;
}

.sinb2b-scrollbar-cinza::-webkit-scrollbar-thumb {
    background: #d6d6d6;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 400px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -320px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

.tag-filtro {
    border-radius: 5px;
    height: 35px;
    display: inline-flex;
    align-items: center;
}

.icone-remover-filtro {
    margin-left: .25rem;
    color: inherit;
    font-size: 200%;
}

/*.navbar-default {
    background-color: #f8f8f8;
    border-width: 0;
    margin-top: 40px;
    z-index: 5;
    align-items: center;
    display: flex;
    justify-content: center;
}*/

.navbar-container {
    background-color: black;
    position: fixed;
    background: #fff;
    z-index: 10;
    width: 100%;
    top: 0;
}

.navbar-b2b {
    border: none !important;
    margin-bottom: 0px;
    min-height: 40px !important;
}

    .navbar-b2b .dropdown-menu-scroll {
        max-height: 280px;
        overflow-y: auto;
    }

    .navbar-b2b .navbar-brand {
        padding: 0;
        height: 40px;
        border-bottom: none !important;
        cursor: default;
    }

        .navbar-b2b .navbar-brand img {
            max-height: 40px;
            max-width: 180px;
            padding: 5px 1rem 5px 0;
            display: inline-block;
        }

    .navbar-b2b .nav > li {
        cursor: pointer;
    }

        .navbar-b2b .nav > li > a {
            padding-left: 10px;
            padding-right: 5px;
            font-size: 12px;
            display: flex;
            align-items: center;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
        }

            .navbar-b2b .nav > li > a i {
                font-size: 20px;
            }

    .navbar-b2b .navbar-right {
        display: flex;
        align-items: center;
    }

.conteudo-body-container {
    top: 80px;
    position: absolute;
    width: 100%;
}

/*.conteudo-body {
    top: 80px;
    position: absolute;
}*/

.selecao-generica {
    position: relative;
    height: 250px;
    cursor: pointer;
}

    .selecao-generica:before {
        content: '';
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(0,0,0,1);
        opacity: 0.7;
        background-clip: content-box;
        padding-left: 15px;
        padding-right: 15px;
    }

.tabela-generica {
    color: #848889;
    font-size: 12px;
    width: 100% !important;
}

    .tabela-generica thead tr th {
        padding: 1.25rem;
        text-align: center;
        white-space: nowrap;
        background-color: #000000;
        color: #ffffff;
        font-size: 15px;
    }

.tabela-monitor tbody tr td.indicador-visual-coluna {
    padding: 0px !important;
}

.tabela-generica tbody tr td {
    padding: 0.15rem;
    text-align: center;
    white-space: nowrap;
}

.tabela-generica tbody tr.selected {
    color: #ffffff;
    background-color: #E5418B;
}

.tabela-generica tbody tr td i {
    cursor: pointer;
}

table.tabela-generica.dataTable thead .sorting::after,
table.tabela-generica.dataTable thead .sorting_asc::after,
table.tabela-generica.dataTable thead .sorting_desc::after,
table.tabela-generica.dataTable thead .sorting_asc_disabled::after,
table.tabela-generica.dataTable thead .sorting_desc_disabled::after {
    position: absolute;
    bottom: 12px;
    right: 8px;
    display: block;
    opacity: .5;
}

.tabela-generica tbody tr td .btn:focus, .tabela-generica tbody tr td .btn.focus {
    color: #ffffff !important;
}

.tabela-generica-container {
    text-align: left !important;
}

    .tabela-generica-container .pagination > li > a:focus,
    .tabela-generica-container .pagination > li > a:hover,
    .tabela-generica-container .pagination > li > span:focus,
    .tabela-generica-container .pagination > li > span:hover {
        color: #333 !important;
    }

    .tabela-generica-container .pagination > .active > a,
    .tabela-generica-container .pagination > .active > a:focus,
    .tabela-generica-container .pagination > .active > a:hover,
    .tabela-generica-container .pagination > .active > span,
    .tabela-generica-container .pagination > .active > span:focus,
    .tabela-generica-container .pagination > .active > span:hover {
        color: #fff !important;
    }

.cover-container-wizard, .cover-container-wizard .mastfoot, .cover-container-wizard .masthead {
    width: 90% !important;
}

.masthead-nav li {
    cursor: pointer;
}

.cover-container-wizard:not(#SelecaoOpcoesIniciais) .divSelecaoInternaNovoPedido {
    padding-top: 10% !important;
}

.navbar-container-gestao {
    background-color: #F3F3F3;
    box-shadow: 0px 0px 6px #c5c5c5;
}

    .navbar-container-gestao .navbar-brand {
        cursor: pointer;
    }

.navbar-container-compra {
    box-shadow: 0px 0px 6px #c5c5c5;
}


.conteudo-body-container-gestao {
    top: 60px !important;
    position: absolute;
    width: 100%;
}

.fonte-icone-menu {
    font-size: 15px !important;
    line-height: inherit !important;
}

.texto-menu-gestao > a {
    color: #333;
}

.texto-menu-compra > a {
    color: #333;
}

.controle-carrossel{
    width: 0px;
}

.botao-carrossel-vitrine-direita {
    right: 10px !important;
    color: #e6e6e6 !important;
    width: 30px !important;
    height: 29px !important;
    margin-top: -10px !important;
    font-size: 20px !important;
}

.botao-carrossel-vitrine-esquerda {
    left: 10px !important;
    color: #e6e6e6 !important;
    width: 30px !important;
    height: 29px !important;
    margin-top: -10px !important;
    font-size: 20px !important;
}

.fotos-loja-pre-cadastros {
    /*max-width: 100%;
    height: 300px;
    cursor: pointer;*/
    display: block !important;
    max-width: 100% !important;
    max-height: 64vh !important;
    object-fit: contain !important;
}

.float-right {
    float: right !important;
}

.dataTables_scrollHeadInner > table > thead > tr > th {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.btn-dt:hover {
    background-color: #000
}

.dropdown-menu-left {
    left: 50% !important;
    top: 115% !important;
}

.image-preview {
    width: 100%;
    height: 200px;
    background-color: #f3f3f3;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px dashed #ccc;
    position: relative;
    overflow: hidden;
}
.image-preview img {
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

}

.img-card {
    width: 100%;
    height: 150px;
    display: block;
    object-fit: cover;
    object-position: center;
}

.btn-circular-adicao {
    display: inline-flex;
    justify-content: center;
    align-items:center;
    width: 30px; 
    height: 30px; 
    background-color: black;
    border-radius: 50%; 
    color: white;
    text-align: center;
    line-height: 50px; 
    font-size: 15px; 
    border: none; 
    cursor: pointer; 
}

.btn-circular-adicao:hover {
    background-color:#333;
}


.card-selecao-marca-devolucao {
    margin: auto;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 100%; 
}

.container-selecao-devolucao {
    padding: 15px;
    text-align: center;
}

    .container-selecao-devolucao button {
        margin-top: 10px;
    }


.card-selecao-marca-devolucao img {
    display: block;
    margin: auto; 
    width: 60%; 
    height: auto; 
}

.card-selecao-marca-devolucao {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    text-align: center;
}

.container-selecao-devolucao {
    padding: 15px;
}


.texto-verde {
    color: green;
}


.container-slider {
    display: flex;
    width: 100%;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
}

.container-images {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 500px;
}


.slider {
    opacity: 0;
    transition: opacity .2s;
    position: absolute;
    width: 100%;
    border-radius: 10px;
}

.on {
    opacity: 1;
}

#prev-button, #next-button {
    width: 30px;
    height: 30px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

    #prev-button img, #next-button img {
        width: 100%;
        height: 100%;
    }

#prev-button {
    transform: rotate(180deg);
}

.input-sem-setas::-webkit-inner-spin-button,
.input-sem-setas::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input-sem-setas {
    -moz-appearance: textfield;
}

.custom-card {
    display: none; 
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
    padding: 20px;
    background: white;
    border-radius: 10px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.custom-card.show {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.custom-card h1 {
    font-size: 20px;
    font-weight: bold;
}

.custom-card p {
    font-size: 18px;
    color: #666;
}

.input-alterado {
    background-color: #f0f9f0 !important; 
    transition: background-color 0.2s ease; 
    border-left: 3px solid #28a745; 
}

.input-destacado {
    background-color: #fefbf0 !important; 
    border-left: 3px solid #ffc107; 
    animation: pulseWarning 0.3s ease-in-out; 
}

@keyframes pulseWarning {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.02);
    }
   
    100% {
        transform: scale(1);
    }
}

.input-desabilitado {
    background-color: #f8f9fa !important;
    color: #6c757d !important;
    cursor: not-allowed !important;
}

.icon-copiar-grade, .icon-colar-grade {
    transition: opacity 0.2s ease; 
}

    .icon-copiar-grade:hover, .icon-colar-grade:hover {
        opacity: 0.8; 
        transform: scale(1.05); 
    }