@media print {
    .render-content {
        margin: 0 !important;
        padding: 0 !important;
    }

    .render-template {
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        display: flex;
        flex-direction: column !important;
    }

    div#RENDER_VIEW {
        height: auto !important;
        display: contents;
    }

    html,
    body {
        height: initial !important;
        display: flex;
        flex-direction: column;
        min-width: initial !important;
        overflow: initial !important;
    }

    .render-template-content {
        display: flex;
        flex-direction: column;
    }

    body>.seta,
    .navbar,
    .barraQRDays,
    .menu-action,
    .personalizar-bar,
    .buuble-whatsapp,
    .render-tools,
    .show-suporte,
    .render-pagination-tools,
    .render-modelos-choice,
    .menu-metas,
    .bar-fast-inputs,
    .lista,
    .load-preview-modelos,
    .no-results,
    .alert,
    .avisoEconomiaTinta,
    div.render-pagination-tools {
        display: none !important;
    }

    .tema-jornal.tema-modelo-12 {
        display: flex !important;
        flex-direction: column;
        zoom: 31.7% !important;
        margin: auto;
    }

    .tema-jornal.tema-modelo-6 {
        display: flex !important;
        flex-direction: column;
        zoom: 31.7% !important;
        margin: auto;
    }

    .tema-item {
        width: 210mm;
        height: 297mm;
        overflow: hidden;
    }

    .tema-item {
        padding: 0;
    }

    body {
        margin: 0;
        box-shadow: 0;
    }

}

@media screen and (max-width:468px) {
    .oferta-remove-marca-dagua a.btn {
        font-size: 13px;
    }

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

@media screen and (max-width:940px) {
    div.botoesAcaoBuilder {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .header-oferta-marca-dagua {
        flex-direction: column !important;
    }

}

@media screen and (max-width:1250px) {
    div.botoesAcaoBuilder {
        padding-right: 0px !important;
        flex-direction: column !important;
        margin: 0 auto;

    }
}

@media screen and (max-width:1350px) {
    div.botoesAcaoBuilder {
        padding-right: 0px !important;
        display: flex;
        flex-direction: column !important;
        margin: 0 auto;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 150px
    }
}

/* IGNORE TOP */
.tema-header {
    position: relative;
    grid-area: HEADER;
    display: -webkit-box;
    display: flex;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-pack: space-evenly;
    justify-content: space-evenly;
    -webkit-box-flex: 1;
    flex: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    position: relative;
    height: 320px;
    width: 1200px;
}

.tema-header::before {
    content: " ";
    background: #0000;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: block;
    z-index: 999;
}

.tema-modelo-12 .TEMA_LOGO {
    width: 500px;
    height: 500px;
}

.tema-escudo {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: .5;
    flex: .5;
    position: relative;
    margin: 15px;
}

.tema-logo {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: .5;
    flex: .5;
    position: relative;
    margin: 15px;
}

.tema-jornal {
    display: flex;
    color-scheme: only light;
    flex-direction: column;
    z-index: 0;
    position: relative;
}

.tema-uploader.tema-jornal.upload-start {
    zoom: 50%;
}

.tema-uploader.tema-jornal.tema-modelo-3.upload-start {
    padding: 0 !important;
}

.tema-vertical-stories {
    height: 1920px;
    width: 1080px;
    overflow: hidden;
    margin: 0;
    grid-template-rows: 960px 1fr;
}

.tema-jornal.tema-horizontal {
    height: 600px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: -webkit-box;
    display: flex;
    margin-bottom: 15px;
    margin: 0;
    width: 4800px;
    position: relative;
    margin: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    min-width: 4800px;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.tema-jornal.tema-horizontal>img {
    min-height: 600px;
    width: auto !important;
}

.tema-uploader>img:not(.IMAGE, .img-fluid) {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: inherit;
    display: -webkit-box;
    display: flex;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
}

img.img-tema-full-marca {
    object-fit: inherit !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    display: -webkit-box !important;
    display: flex !important;
    max-height: 100% !important;
    min-width: fit-content !important;
    min-height: 100% !important;
    max-height: 100% !important;
}

img.img-tema-full.cartaz-horizontal-retro {
    top: -32px;
}

.tema-modelo-6.tema-uploader>img:not(.IMAGE, .img-fluid) {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    width: 100%;
    height: auto !important;
    max-height: inherit;
    min-width: 100%;
    min-height: 100%;
}

.tema-modelo-8.tema-uploader>img:not(.IMAGE, .img-fluid) {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    width: 100%;
    height: auto !important;
    max-height: inherit;
    min-width: 100%;
    min-height: 100%;
}

.tema-cartaz-1.tema-uploader>img:not(.IMAGE, .img-fluid) {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    width: 100%;
    height: auto !important;
    max-height: inherit;
    min-width: 100%;
    min-height: 100%;
}

.tema-vertical-stories img.img-tema-header-bg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    right: 50%;
    bottom: inherit;
    display: -webkit-box;
    display: flex;
    width: inherit;
    height: inherit;
    max-height: inherit;
    -o-object-fit: inherit;
    object-fit: inherit;
    min-width: inherit;
    min-height: inherit;
    object-fit: inherit;
    width: 9600px;
    height: 1080px;
    margin-left: -4260px;
    margin-top: 4260px;
}

.tema-body_content {
    -webkit-box-flex: 1;
    flex: 1;
    margin: 3%;
    position: relative;
}

.tema-maker {
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}

.tema-body_content {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: space-around;
    -webkit-box-align: stretch;
    align-items: stretch;
    gap: 0px;
}

.menu {
    padding: 15px;
    width: 240px;
    min-width: 240px;
}

img.img-tema-escudo {
    -o-object-fit: inherit !important;
    object-fit: inherit !important;
}

img.TEMA_LOGO_IMG {
    display: none;
}

.TEMA_LOGO {
    width: 250px;
    height: 250px;
    position: absolute !important;
    margin: 0;
    text-align: center;
    display: -webkit-box;
    display: flex;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    z-index: 60999999992;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 25px;
}

.tema-modelo-4 .TEMA_LOGO {
    width: 500px;
    height: 500px;
}

.tema-cartaz-1 .TEMA_LOGO {
    width: 500px;
    height: 500px;
}

.tema-modelo-6 .TEMA_LOGO {
    width: 500px;
    height: 500px;
}

.TEMA_LOGO span.padrao {
    position: absolute;
    top: 45px;
    right: 45px;
    padding: 6px;
    color: #484848;
    border: solid 1px #cbcbcb;
    border-radius: 5px;
    background: #fff;
    z-index: 99999;
    font-size: 15px;
    display: none;
}

.secure-border:hover {
    z-index: 9999;
}

.draggable {
    cursor: move;
}

.resizable {
    border: 1px dashed #000000;
    position: relative;
}

.ui-resizable-nw,
.ui-resizable-ne,
.ui-resizable-sw,
.ui-resizable-se,
.ui-resizable-n,
.ui-resizable-e,
.ui-resizable-s,
.ui-resizable-w {
    width: 30px !important;
    height: 30px !important;
    background-color: #ffffff;
    border: 2px solid #000000;
    position: absolute;
    display: none;
    border-radius: 50%;
    z-index: 2;
    visibility: hidden;
}

.secure-border:hover .padrao,
.secure-border:hover .ui-resizable-nw,
.secure-border:hover .ui-resizable-ne,
.secure-border:hover .ui-resizable-sw,
.secure-border:hover .ui-resizable-se,
.secure-border:hover .ui-resizable-n,
.secure-border:hover .ui-resizable-e,
.secure-border:hover .ui-resizable-s,
.secure-border:hover .ui-resizable-w {
    display: block;
    visibility: visible;
}

.secure-border {
    position: absolute;
    left: -30px;
    right: -30px;
    bottom: -30px;
    top: -30px;
}

.secure-border::before {
    content: ' ';
    border: #000 1px dashed;
    border-style: dashed;
    position: absolute;
    left: 30px !important;
    right: 30px !important;
    bottom: 30px !important;
    top: 30px !important;
    background: #00000017;
    z-index: 1;
    display: none;
}

.secure-border:hover::before {
    display: block;
}

.ui-resizable-nw {
    left: 15px !important;
    top: 15px !important;
    cursor: nw-resize !important;
}

.ui-resizable-ne {
    top: 15px !important;
    right: 15px !important;
    cursor: ne-resize !important;
}

.ui-resizable-sw {
    bottom: 15px !important;
    left: 15px !important;
    cursor: sw-resize !important;
}

.ui-resizable-se {
    bottom: 15px !important;
    right: 15px !important;
    cursor: se-resize !important;
}

.ui-resizable-n {
    top: 15px !important;
    left: 50% !important;
    cursor: n-resize !important;
    margin-left: -15px !important;
}

.ui-resizable-s {
    bottom: 15px !important;
    left: 50% !important;
    cursor: s-resize !important;
    margin-left: -15px !important;
}

.ui-resizable-w {
    left: 15px !important;
    top: 50% !important;
    cursor: w-resize !important;
    margin-top: -15px !important;
}

.ui-resizable-e {
    right: 15px !important;
    top: 50% !important;
    cursor: e-resize !important;
    margin-top: -15px !important;
}

.TEMA_LOGO_IMG i {
    font-size: 200px;
    z-index: 999;
    text-align: center;
    width: 250px;
    height: 250px;
    text-align: center;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #000;
}

.tema-modelo-4 .TEMA_LOGO_IMG {
    width: 500px;
    height: 500px;
    text-align: center;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #000;
}

span.TEMA_LOGO_IMG.LOGO_white {
    border: solid 1px #fff;
    width: 248px;
    height: 248px;
}

span.TEMA_LOGO_IMG.LOGO_dark {
    border: solid 1px #000;
    width: 248px;
    height: 248px;
}

.tema-modelo-4 span.TEMA_LOGO_IMG.LOGO_white {
    border: solid 1px #fff;
    width: 498px;
    height: 498px;
}

.tema-modelo-4 span.TEMA_LOGO_IMG.LOGO_dark {
    border: solid 1px #000;
    width: 500px;
    height: 500px;
}

.tema-modelo-6 span.TEMA_LOGO_IMG.LOGO_white {
    border: solid 1px #fff;
    width: 498px;
    height: 498px;
}

.tema-modelo-6 span.TEMA_LOGO_IMG.LOGO_dark {
    border: solid 1px #000;
    width: 500px;
    height: 500px;
}

span.TEMA_LOGO_IMG img {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 0;
    margin: 0;
    left: 0;
}

span.TEMA_LOGO_IMG.LOGO_nologo {
    display: none !important;
}

span.TEMA_LOGO_IMG.LOGO_BLACK {
    background: #000;
}

span.TEMA_LOGO_IMG.LOGO_BLACK i {
    background: #000;
}

span.TEMA_LOGO_IMG.LOGO_WHITE {
    color: #fff;
    background: #e1e1e1;
}

.TEM_LOGO_CAPA-1 .TEMA_LOGO_IMG {
    width: 500px !important;
    height: 500px !important;
}

.tema-edite h1 {
    margin-top: 30px;
}

.tema-edite .tema-jornal {
    margin-bottom: 30px;
}

.tema-item {
    position: relative;
}

.controls {
    background: #fff;
    overflow-x: scroll;
    margin-bottom: 16px;
    display: none;
}

ul.menu-app.list-unstyled li a {
    height: 60px;
    display: grid;
    align-content: center;
    -webkit-box-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    align-items: center;
    padding: 10px 0 10px 10px;
    background: #ffffff;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    grid-template-areas: "STEP TITULO" "STEP ESTIMATE";
}

.num-step {
    display: block;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50%;
    background: #cac6c6;
    color: #fff;
    margin-right: 10px;
    font-weight: 700;
    font-size: 25px;
    grid-area: STEP;
}

.step-ok span.num-step {
    background-color: #4CAF50;
}

.step-error span.num-step {
    background-color: #d1d1d1;
}

.step-wait span.num-step {
    background-color: #FFC107;
}

span.num-step.help {
    background: #d5d5d5;
    color: #002002;
    font-size: 12px;
    width: 25px;
    height: 25px;
    display: -webkit-inline-box;
    display: inline-flex;
    margin: 0;
}

.concluido .num-step {
    background: #4CAF50;
    color: #fff;
}

.active .num-step {
    background: #ffc107;
    color: #000;
}

ul.menu-app.list-unstyled li a:hover,
ul.menu-app.list-unstyled li a.active {
    background: #f1f5f9;
}

ul.menu-app {
    margin: 0;
    display: -webkit-box;
    display: flex;
    max-height: 56px;
    height: 56px;
    overflow: hidden;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

ul.menu-app li {
    min-width: 200px;
}

span.estimate {
    font-size: 12px;
    color: #c1c1c1;
    grid-area: ESTIMATE;
}

span.text {
    grid-area: TITULO;
}

.produto.produto_jornal>span.text {}

.resultados .produto {
    cursor: pointer;
    box-shadow: 0px 2px 0px #e9e9e9;
    border: solid 1px #e5e5e5;
}

.produto .IMAGE img {
    border-radius: 5px;
}

.produto-compacto-editavel .IMAGE {
    cursor: pointer;
    height: 97px;
    width: 100%;
    border: solid 1px #dbdbdb;
    position: relative;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden;
    text-shadow: 0 1px 0 #000;
}

.lista .IMAGE:hover::before,
.resultados .IMAGE:hover::before {
    content: "TROCAR IMAGEM";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #000000bf;
    color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: space-around;
    text-align: center;
    font-weight: 700;
    z-index: 9999;
}

.en-us .lista .IMAGE:hover::before,
.en-us .resultados .IMAGE:hover::before {
    content: "CHANGE IMAGE" !important;
}

.es-es .lista .IMAGE:hover::before,
.es-es .resultados .IMAGE:hover::before {
    content: "CAMBIAR IMAGEN" !important;
}

.produto .IMAGE>img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%;
}

.produto .IMAGE.loading-image {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: cubic-bezier(0.59, 0.54, 1, 1);
    background-color: #f6f7f8;
    background: linear-gradient(to top, #eeeeee 8%, #d6d6d6 18%, #eeeeee 33%);
    background-size: 100% 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.produto .IMAGE.loading-image:not(.loading-img)::before {
    content: attr(data-text);
    position: absolute;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    color: #969696;
    text-align: center;
    padding: 10px;
    z-index: 0;
}

.img-placeholder::-before {
    content: "ALTERAR IMAGEM";
    position: absolute;
    display: -webkit-box;
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-weight: 700;
    text-align: center;
    z-index: 0;
}

.produto .TITULO {
    grid-area: TITULO;
    font-weight: 700;
    flex-wrap: wrap;
    font-size: 14px;
    display: none;
}

.resultados .TITULO.titulo {
    display: -webkit-box !important;
    display: flex !important;
    font-size: 8px !important;
    height: 60px;
    padding-top: 10px;
}

.resultados .TITULO.titulo .one-line-text {
    font-size: 14px;
    line-height: 18px;
    padding-right: 40px;
    /* margin-top: -18px; */
}

span.one-line-text.one-line-text-alternative {
    margin-top: -18px;
}

span.one-line-text.one-line-text-alternative small {
    color: #7b7b7b;
    font-size: 9px;
    font-weight: 500;
    line-height: 10px;
}

.produto_jornal .TITULO.titulo {
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    width: 100%;
    overflow: hidden;
}

.box-produto-size-1 .produto_jornal .TITULO.titulo {
    font-size: 36px;
    -webkit-box-flex: 1;
    flex: 1;
    height: 100%;
    display: -webkit-box;
    display: flex;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 15px;
    line-height: 46px;
    text-align: center;
}

.box-produto-size-2 .produto_jornal .TITULO.titulo {
    font-size: 26px;
    -webkit-box-flex: 1;
    flex: 1;
    height: 100%;
    display: -webkit-box;
    display: flex;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 15px;
    line-height: 32px;
    text-align: center;
    font-weight: 700;
}

.produto .PRECO_NORMAL {
    grid-area: PRECO_NORMAL;
}

.produto .preco {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-size: 9px;
}

.resultados .preco {
    display: none;
}

.produto_jornal.produto .PRECO_OFERTA {
    position: absolute;
    z-index: 9;
    right: -10px;
    bottom: -10px;
    background: #f44336;
    color: #fff;
    border-radius: 25px;
    white-space: nowrap;
    font-size: 14px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0px 15px;
    min-width: 70px;
    min-height: 50px;
}

.box-produto-size-1 .produto_jornal .PRECO_OFERTA {
    min-width: 200px;
    min-height: 40px;
    font-size: 44px;
    right: -10px;
    bottom: -50px;
}

.box-produto-size-2 .produto_jornal .PRECO_OFERTA {
    min-width: 160px;
    min-height: 40px;
    font-size: 34px;
    right: -10px;
    bottom: -50px;
}

.produto .REMOVER {
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 10px;
    top: auto;
}

.produto_jornal .REMOVER {
    top: 0;
    bottom: initial;
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

span.text-out {
    margin-right: 5px;
}

.produto .ADICIONAR {
    position: absolute;
    bottom: 0px;
    right: 0px;
    top: auto;
    text-transform: uppercase;
    font-size: 11px
}

.produto .EDITAR {
    font-size: 11px;
}


.produto:hover .ADICIONAR {
    display: -webkit-box;
    display: flex;
}

.produto:hover {
    background: #f7f7f7;
}

.produto_jornal span.REMOVER {
    display: none;
}

.produto_jornal:hover span.REMOVER {
    display: -webkit-box;
    display: flex;
}

.btn-danger {
    color: #fff;
    background-color: #f44336;
    border-color: #f44336;
}

.num-step.order {
    display: block;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 50%;
    background: #ffc107;
    color: #000;
    margin-right: 10px;
    font-weight: 700;
    font-size: 14px;
    float: left;
}

.btn-primary:hover {
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3;
}

.continue-action {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.definir-regras .NEXT.continue-action {
    height: 68px;
    margin-top: auto;
    padding: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.action-page {
    display: -webkit-box;
    display: flex;
    height: calc(100vh - 191px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.action-page .HEADER {
    -webkit-box-flex: 1;
    flex: 1;
    height: 100%;
}

.action-page .CONTENT {
    grid-area: CONTENT;
    width: 50%;
    height: 100%;
}

.action-page .NEXT {
    display: -webkit-box;
    display: flex;
    justify-content: space-around;
    align-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    min-width: 100%;
}

a.btn:visited {
    color: #fff;
}

.btn-success {
    color: #fff;
    background-color: #4caf50;
    border-color: #4caf50;
}

.btn-block {
    width: 100%;
}

.canvas h2 {
    font-size: 16px;
}

span.label-price {
    font-weight: 600;
    font-size: 12px;
}

.resultados,
.lista {
    background: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: flex-start;
    border-radius: 5px;
}

.lista {
    padding: 0;
}

.lista .hide-in-lista {
    display: none;
}

.resultados .produto .REMOVER {
    display: none !important;
}

.resultados .produto .ADICIONAR {
    display: -webkit-box !important;
    display: flex !important;
}

.resultados .produto-ja-inserido .ADICIONAR {
    display: none !important;
}

.produto-box .DISABLE {
    display: none !important;
}

.resultados .produto-ja-inserido .DISABLE {
    display: flex !important;
    position: absolute;
    bottom: 0px;
    right: 0px;
    opacity: .65;
    flex-direction: row;
    width: fit-content;
    top: auto;
}

.lista .produto .ADICIONAR,
.lista .produto .REMOVER-MEUS-PRODUTOS {
    display: none !important;
}

.loading.resultados::before {
    content: " PESQUISANDO";
}

.no-results {
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    color: #808080;
    display: flex;
    -webkit-box-flex: 1;
    flex: 1;
}

.resultados .no-results {
    display: -webkit-box;
    display: flex;
}

.lista .no-results {
    display: -webkit-box;
    display: flex;
}

.no-results p {
    padding: 0;
    margin: 0;
}

.tema-page {
    display: -webkit-box;
    display: flex;
    gap: 15px;
}

.temas {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-box-flex: 1;
    flex: 1;
    padding: 0px 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}

.temas .tema-item-select,
.temas .item-premium-anon,
.temas .item-premium,
.temas .item-premium-go-checkout {
    width: calc(50% - 5.5px);
}

span.selected-bubble {
    position: absolute;
    /* right: 5px; */
    bottom: 6px;
    color: #8bc34a;
    background: #ffffff;
    border-radius: 15px;
    padding: 5px;
    height: 15px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    font-size: 20px;
    z-index: 10;
    display: none;
    text-transform: uppercase;
    font-size: 9px;
    background: #fff;
    -webkit-box-shadow: 1px 1px 5px #00000070;
    box-shadow: 1px 1px 5px #00000070;
    width: 86px;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 7px;
}

.card-selectable:hover span.selected-bubble.selected-bubble-premium .text-out {
    display: -webkit-box;
    display: flex;
}

.selected-bubble.selected-bubble-premium {
    display: -webkit-box;
    display: flex;
    color: #ffc107;
    width: auto;
    left: 10px;
    right: auto;
}

.selected-bubble.selected-bubble-premium .text-out {
    display: none;
    color: #000;
}

.temas .tema-item-select.active {
    border: solid 3px #4caf50;
}

.temas .tema-item-select:hover {
    border: solid 3px #007bff;
}

.temas .tema-item-select img {
    width: 100%;
    max-width: 100%;
    border-radius: 5px;
    aspect-ratio: 200/113;
}

.temas .item-premium img {
    width: 100%;
    max-width: 100%;
    border-radius: 5px;
    aspect-ratio: 200/113;
}

.card-img-top.card-img-top-quad {
    aspect-ratio: 200/200 !important;
}

.temas .HEADER_TEMAS {
    grid-area: HEADER_TEMAS;
}

.preview {
    background: #fff;
    -webkit-box-flex: 1;
    flex: 1;
    overflow-x: hidden;
}

.preview .HEADER {
    grid-area: HEADER;
}

.preview .TEMPLATES {
    grid-area: TEMPLATES;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-top: 25px;
}

.preview .NEXT {
    grid-area: NEXT;
    margin: 20px;
    -webkit-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.tema {
    height: 70px;
    margin-bottom: 5px;
    width: 153px;
    overflow: hidden;
    border: solid 3px #f1f5f9;
    border-radius: 5px;
    cursor: pointer;
}

.tema.active {
    border: solid 3px #2196f3;
}

.tema:hover {
    border: solid 3px #bababa;
}

.tema img {
    max-width: 100%;
}

.jornal_header {
    padding-bottom: 40%;
    overflow: hidden;
    height: 0;
}

.jornal_header img {
    width: 100%;
}

.produto.produto_jornal {
    display: grid;
    grid-template-areas: "IMAGE" "TITULO";
    width: 100%;
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    padding: 15px;
    position: relative;
    float: left;
    overflow: hidden;
    grid-template-columns: 100%;
    height: 30%;
    grid-template-rows: 4fr 2fr !important;
    margin: 0;
    -webkit-box-flex: 1;
    flex: 1;
}

.produto.produto_jornal .IMAGE {
    grid-area: IMAGE;
    border: none;
    width: auto;
    max-height: 220px;
    padding: 0;
    margin-right: 0;
    position: relative;
    margin: auto;
    height: 100%;
    width: 100%;
}

.box-produto-size-1 .IMAGE.img-box {
    width: 100px;
    max-width: 50px;
    padding: inherit;
    height: 200px !important;
    -webkit-box-flex: 1;
    flex: 1;
}

.jornal_12 {
    zoom: 70%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin: 0;
}

.jornal_body {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
}

.img-box {
    width: 100%;
    padding-bottom: 100%;
    height: 0;
    margin-bottom: 20px;
    min-width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    flex-direction: inherit;
    align-content: stretch;
}

.price {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
}

.price .real span {
    font-size: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
}

.price .real {
    font-weight: 700;
    font-size: 32px;
    font-size: 4em;
}

.box-produto-size-1 .produto_jornal .PRECO_OFERTA .real {
    font-weight: 700;
    font-size: 72px;
}

.box-produto-size-2 .produto_jornal .PRECO_OFERTA .real {
    font-weight: 700;
    font-size: 52px;
}

.price .cents {
    font-size: 2em;
}

.price .sep {
    font-size: 1em;
}

.cifrao {
    font-weight: 400;
}

.definir-regras {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
    justify-content: space-around;
    flex-wrap: nowrap;
    max-width: 800px;
    align-self: center;
    margin: 0 auto;
}

span.opc {
    color: #2196f3;
    font-size: 13px;
}

.regras {
    padding: 20px;
}

iframe#modalframe {
    width: 100%;
    height: 100%;
}

div#admin-form-actions {
    display: -webkit-box;
    display: flex;
}

.xcrud-ajax>section {
    padding: 15px;
}

.form-bordered.row.ui-sortable {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: end;
    align-items: flex-end;
}

.form-seucontato {
    margin: 0;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.novo-produto {
    text-decoration: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
    margin-bottom: 15px;
}

.novo-produto a {
    text-decoration: none;
    display: -webkit-box;
    display: flex;
    padding: 15px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align: center;
}

a.criar-produto .btn {
    margin-top: 10px;
    width: 100%;
    margin: 10px 0;
}

.novo-produto a span {
    margin-left: 10px;
}

html {
    width: 100%;
    height: 100%;
    position: relative;
}

.IMAGE .logo {
    position: absolute;
    border-radius: 50%;
    -webkit-box-shadow: #bcbcbc 1px 1px 1px;
    box-shadow: #bcbcbc 1px 1px 1px;
}

.IMAGE .logo img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
}

span.codebar {
    font-size: 10px;
    color: #000;
    font-weight: 300;
    margin-right: 15px;
    width: 100%;
}

.resultados span.marca {
    font-size: 10px;
    color: #000;
    font-weight: 300;
}

.render-template {
    margin-bottom: 30px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative;
    flex-wrap: nowrap;
    position: relative;
    border: solid 1px #bababa;
    border-radius: 5px;
}

.render-template-content {
    display: -webkit-box;
    display: flex;
    background: #eaeaea;
    border-radius: 0;
    padding-left: 0;
    position: relative;
    overflow: hidden;
    background: #27272714;
}

.render-template-content.TEMA_HORIZONTAL {
    display: -webkit-box;
    display: flex;
    border-radius: 0 0 5px 5px;
    padding-left: 0;
}

.render-template.TEMA_HORIZONTAL.no-simple-scroll {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.render-template.TEMA_STORIES_INDIVIDUAL {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 15px;
}

.tema-jornal.tema-vertical-stories {
    zoom: 50%;
}

.render-template.TEMA_VERTICAL {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
}

.template {
    margin-bottom: 30px;
}

.builder {
    -webkit-box-flex: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: flex;
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: stretch;
    align-items: stretch;
    max-height: 100%;
    height: calc(100vh - 60px);
    align-content: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    z-index: 103;
}

#MENU_VIEW {
    flex-shrink: 0;
    position: relative;
    background: #18191b;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    align-content: stretch;
    justify-content: space-around;
    -webkit-box-align: stretch;
    align-items: stretch;
    z-index: 999;
    height: calc(100vh - 60px);
}

div#MENU_VIEW.menu-collapsed {
    max-width: 72px;
}

div#RENDER_VIEW {
    flex-shrink: 0;
    position: relative;
    background: #ffffff;
    -webkit-box-flex: 1;
    flex: 1;
    overflow-y: auto;
    z-index: 1;
    height: calc(100vh - 60px);
}

.menu-contents {
    /* background: #252627; */
    -webkit-box-flex: 1;
    flex: 1;
    max-width: 403px;
    min-width: 403px;
    position: relative;
    display: -webkit-box;
    display: flex;
}

.menu-contents .content-result {
    padding: 15px 15px 15px 15px;
    gap: 5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    height: 100%;
    flex-wrap: nowrap;
    overflow-y: auto;
}

.icon-remove-search {
    /* height: 100%; */
    display: flex;
    align-items: center;
    align-content: center;
    flex-direction: column;
    flex-wrap: nowrap;
    /* min-height: 100%; */
    /* flex: 1; */
    position: relative;
    position: absolute;
    right: 5px;
    /* top: 0; */
    /* bottom: 0; */
    cursor: pointer;
    color: #acacac;
}

/*.input-item-line:last-of-type .icon-remove-search{
    display:none;
}*/
.input-items-lines {
    /* max-height: calc(42px * 2.7); */
    overflow-y: auto;
    /* padding: 10px; */
    /* margin-bottom: 10px; */
    /* min-height: 62px; */
    /* height: initial; */
    /* display: flex; */
    /* flex-direction: column; */
    margin: 0;
    padding: 0 !important;
    /* margin-right: 2px; */
}

.input-items-lines {
    /* max-height: calc(100vh - 545px ); */
}

.input-items-lines>.input-item-line:only-child .icon-remove-search {
    display: none !important;
}

.input-line-items {
    display: flex;
    flex-direction: column;
    flex: 1;
    /* overflow: hidden; */
    background: #252627;
    /* position: relative; */
}

.clear-results {
    /* display: none; */
}

.menu-collapsed .menu-contents {
    display: none;
}

.menu-tabs {
    -webkit-box-flex: 1;
    flex: 1;
    max-width: 72px;
    display: -webkit-box;
    display: flex;
    position: relative;
    overflow: hidden;
    /* background: #18191b; */
}

.menu-tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    overflow-y: scroll;
}

.menu-tabs ul:not(.scroll-100-p)::before {
    content: ' ';
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    color-scheme: dark;
    pointer-events: none;
    position: absolute;
    -webkit-box-shadow: 0px -7px 20px 20px #000;
    box-shadow: 0px -7px 20px 20px #000;
    height: 16px;
    left: 0;
    right: 0;
    bottom: -20px;
    -webkit-transition: opacity .25s, -webkit-box-shadow .1s linear;
    transition: opacity .25s, -webkit-box-shadow .1s linear;
    -o-transition: opacity .25s, box-shadow .1s linear;
    transition: opacity .25s, box-shadow .1s linear;
    transition: opacity .25s, box-shadow .1s linear, -webkit-box-shadow .1s linear;
    opacity: 1;
    z-index: 2;
}

.menu-tabs ul:not(.scroll-m-16)::after {
    content: ' ';
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    color-scheme: dark;
    pointer-events: none;
    position: absolute;
    -webkit-box-shadow: 0px -7px 20px 20px #000;
    box-shadow: 0px -7px 20px 20px #000;
    height: 16px;
    left: 0;
    right: 0;
    top: -20px;
    -webkit-transition: opacity .25s, -webkit-box-shadow .1s linear;
    transition: opacity .25s, -webkit-box-shadow .1s linear;
    -o-transition: opacity .25s, box-shadow .1s linear;
    transition: opacity .25s, box-shadow .1s linear;
    transition: opacity .25s, box-shadow .1s linear, -webkit-box-shadow .1s linear;
    opacity: 1;
    z-index: 2;
}

.menu-tabs ul li {
    width: 72px;
    height: 72px;
    display: -webkit-box;
    display: flex;
    min-height: 72px;
}

li.cursor-box {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    height: 1200px !important;
    width: inherit !important;
    z-index: -1;
}

.menu-tabs ul li a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #fff;
    opacity: .65;
    font-size: 12px;
    position: relative;
    text-decoration: none;
}

.menu-tabs ul li a svg {
    height: 24px;
    width: 24px;
}

.menu-action:not(.menu-collapsed) .menu-tabs ul li a.active,
.menu-action:not(.menu-collapsed) .menu-tabs ul li a:hover {
    opacity: 1;
}

.menu-tabs ul li a:hover {
    text-decoration: none;
}

.menu-tabs ul li a i {
    font-size: 24px;
}

.cursor::before,
.menu-tabs ul li a.active::before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0;
    bottom: -8px;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}

.cursor::after,
.menu-tabs ul li a.active::after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0;
    top: -8px;
}

.cursor {
    position: absolute;
    top: 0;
    width: 72px;
    height: 72px;
    background: #252627;
}

.builder.builder-cartazes .cursor {
    background: #480091;
}

input#fileInput {
    display: none;
}

.menu-control {
    position: absolute;
    /* background: #252627; */
    height: 90px;
    right: -24px;
    z-index: 100;
    top: 50%;
    margin-top: -45px;
    width: 25px;
    display: -webkit-box;
    display: flex;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    color: #fff;
    border-radius: 0 15px 15px 0;
    cursor: pointer;
}

.menu-control svg {
    -webkit-transition: -webkit-transform .6s ease-out;
    transition: -webkit-transform .6s ease-out;
    -o-transition: transform .6s ease-out;
    transition: transform .6s ease-out;
    transition: transform .6s ease-out, -webkit-transform .6s ease-out;
    width: 40px;
    height: 18px;
    display: -webkit-box;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.menu-control::before,
.menu-control::after {
    /* background: -o-radial-gradient(circle closest-side, transparent 0, transparent 50%, #252627 0) 200% 200%/400% 400%;
    background: radial-gradient(circle closest-side, transparent 0, transparent 50%, #252627 0) 200% 200%/400% 400%; */
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    right: 7px;
}

.menu-collapsed .menu-control::before,
.menu-collapsed .menu-control::after {
    /* background: -o-radial-gradient(circle closest-side, transparent 0, transparent 50%, #18191b 0) 200% 200%/400% 400%;
    background: radial-gradient(circle closest-side, transparent 0, transparent 50%, #18191b 0) 200% 200%/400% 400%; */
}

.menu-control::before {
    top: -16px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.menu-control::after {
    bottom: -16px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.menu-collapsed .menu-control svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.loading-menu {
    position: absolute;
    /* background: #252627; */
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    align-content: stretch;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    display: none;
    height: 100%;
    min-height: 100%;
    z-index: 20;
    color: #fff;
}

.builder-cartazes .loading-menu {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    align-content: stretch;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    display: none;
    height: 100%;
    min-height: 100%;
    z-index: 20;
    color: #fff;
}

.resultados {
    height: 100%;
    overflow-y: overlay !important;
    /* padding: 10px; */
}

.resultados.list-cards {
    display: none;
}

.results-search-produtos .resultados.list-cards {
    display: flex;
    margin-top: 10px;
    background: transparent;
    overflow: hidden;
}

.center-msg {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
}

span.num-menu {
    position: absolute;
    left: 13px;
    background: #ffc107;
    width: 15px;
    height: 15px;
    text-align: center;
    display: -webkit-box;
    display: flex;
    border-radius: 50%;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    opacity: 1;
    color: #000;
    top: 10px;
    font-size: 11px;
    display: none;
}

.menu-op span.num-menu {
    background: #d0d0d0;
    color: #000;
}

.menu-ok span.num-menu {
    background: #4caf50;
    color: #fff;
}

.loading-render {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #252627d1;
    color: #fff;
    z-index: 10000;
    display: none;
}

.loading-render button {
    display: none;
}

.render-content {
    margin: 15px;
    margin-left: 35px;
    padding-bottom: 150px;
}

.filtros h2 {
    color: #fff;
    margin-top: 15px;
}

.filtros {
    display: none;
}

.loading-arte {
    position: absolute;
    background: #252525c4;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 30;
    display: -webkit-box;
    display: flex;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-size: 26px;
    display: none;
    color: #fff;
    z-index: 9999;
}

.loading-arte .text {
    font-size: 17px;
    text-transform: revert;
}

.loading-arte .fa-3x {
    font-size: 30px;
}

.text_no_active,
.text_active {
    display: none;
}

.btn-primary .text_no_active {
    display: inline;
}

.btn-success span.text_active {
    display: inline;
}

.etiquetas,
.bubbles {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow-y: scroll;
    margin-left: -10px;
}

.bubble-item,
.etiqueta-item {
    width: calc(33% - 14px);
    cursor: pointer;
    position: relative;
    background: #ffffff;
    margin-left: 10px;
    border: solid 3px #ffffff;
    margin-bottom: 10px;
    border-radius: 5px;
}

.bubble-item.active,
.etiqueta-item.active {
    border: solid 3px #8bc34a;
}

.bubble-item img,
.etiqueta-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.box-menu-form {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    color: #fff;
    position: relative;
}

.download {
    background: #fff;
    text-align: center;
    padding: 20px 0;
    margin: 0;
    border-radius: 0 0 5px 5px;
}

.TEMA_HORIZONTAL .download {
    display: -webkit-box;
    display: flex;
    padding-left: 15px;
}

span.origem-dados {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 7px;
    background: #ededed;
    padding: 3px;
    border-radius: 0 0 0 7px;
}

.produto-ja-inserido {}

.empresa-logo {
    max-width: 100%;
    min-width: 60px;
    min-height: 60px;
    -o-object-fit: contain;
    object-fit: contain;
}

.tranparent-obj {
    height: 100px;
    background: #222222;
    margin-bottom: 15px;
    z-index: 1;
    max-height: 100px;
    display: -webkit-box;
    display: flex;
    font-weight: 700;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 35px;
    border: dashed 3px #ffc107;
    color: #ffd404;
}

a.search-image {
    font-size: 12px;
    color: #2196f3;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    white-space: nowrap;
    height: 40px;
    gap: 5px;
}

a.btn.btn-danger.search-image.escolher-imagens {
    color: #fff !important;
    font-size: inherit;
}

a.search-image i {
    margin-right: 5x;
    margin-right: 3px;
}

.resultados a.search-image {
    display: none;
}

.grade-item {
    -webkit-box-flex: 1;
    flex: auto;
}

.card-selectable {
    /* background: #18191b; */
    cursor: pointer;
    position: relative;
    /* border: solid 3px #18191b;
    color: #ffffffe6; */
    width: 100%;
}

.card-selectable-light {
    background: #fdfdfd;
    border: solid 3px #efefef;
    color: #000;
}

.card-download-preview {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
    background: #ffffff !important;
    cursor: pointer;
    position: relative;
    border: solid 3px #dcdcdc !important;
    color: #191919;
}

.card-download-preview .img-top {
    height: auto;
    aspect-ratio: 1/1;
    display: block;
    overflow: hidden;
    background: #e8e8e8;
    position: relative;
    width: 100%;
}

.img-top .selecionar {
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #202020d1;
    display: -webkit-box;
    display: flex;
    color: #fff;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 22px;
    z-index: 8;
    display: none;
}

.img-top:hover .selecionar {
    display: -webkit-box !important;
    display: flex !important;
}

.card-download-preview .img-top img {
    aspect-ratio: 1/1;
    -o-object-fit: contain;
    object-fit: contain;
    height: auto;
    margin: 0;
}

.card-selectable.select-image-item-for-create-no-png {
    background: #ffffff;
    cursor: pointer;
    position: relative;
}

.card-selectable.select-image-item-for-create {
    border: solid 3px #1e1e1e12;
}

.temas .card-selectable .card-title {
    font-size: 12px;
    text-align: center;
    color: #929292;
    padding-right: 13px;
}

.temas .card-selectable .card-body {
    position: relative;
    width: 100%;
    height: 65px;
}

.builder-cartazes .temas .card-selectable h5.card-title {
    color: #ffffff;
}

.card.card-selectable.select-image-item {
    padding: 0 !important;
    aspect-ratio: 1/1;
}

.card.card-selectable.select-image-item img {
    /* display: none; */
}

.card-selectable.active .selected-bubble.selected-bubble-selected {
    display: -webkit-box;
    display: flex;
}

.card-selectable.active:not(.no-remove):hover .selected-bubble.selected-bubble-selected {
    display: none;
}

.card-selectable.active:not(.no-remove):hover .selected-bubble.selected-bubble-unselect {
    display: -webkit-box;
    display: flex;
}

.card-selectable.active,
.card-selectable.active {
    border: solid 3px #8bc34a !important;
}

.card-selectable:not(.active):hover .selected-bubble.selected-bubble-select {
    display: -webkit-box;
    display: flex;
    color: #2196F3;
    justify-content: center;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.card-selectable.active:not(.no-remove):hover {
    border: solid 3px #F44336;
}

span.selected-bubble.selected-bubble-unselect {
    color: #f44336;
}

span.selected-bubble i {
    margin-right: 5px;
}

.grade-item img {
    border-radius: 0.25rem;
    overflow: hidden;
}

.menu-scroll-content {
    overflow-y: auto;
    overflow-x: hidden;
    display: -webkit-box;
    display: flex;
    gap: 8px;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    min-width: 100%;
    /* align-content: center; */
}

.menu-scroll-content .form-switch {
    display: flex;
}

.select-images.menu-scroll-content {
    padding-right: 0;
    margin-right: 0 !important;
    display: -webkit-inline-box;
    display: inline-flex;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
}

.box-menu-form>.mb-3,
.box-menu-form>.check-edit-inline {
    width: 100%;
    margin-right: 10px;
    margin-left: 6px;

}

.check-edit-inline {
    display: flex;
    justify-content: space-between;
    height: 40px;
    align-items: center;
    margin-left: 4px;
}

.check-edit-inline .form-switch {
    min-width: calc(100% - 50px);
}

.menu-metas h1,
.menu-metas h2,
.menu-metas h3 {
    font-size: 14px;
    color: #ffffffe6;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 10px;
    position: relative;
}

.content-xhr .menu-metas h1,
.content-xhr .menu-metas h2,
.content-xhr .menu-metas h3 {
    color: #000;
}

.menu-metas-white h2 {
    color: #252525e6;
    margin-top: 0;
    font-size: 20px;
}

.menu-metas-white p {
    color: #252525e6 !important;
}

.article-content .menu-metas h1,
.article-content .menu-metas h2,
.article-content .menu-metas h3 {
    font-size: 14px;
    color: #000000e6;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 10px;
}

.produto-box .menu-metas h1,
.produto-box .menu-metas p {
    color: #000;
}

.render-content .menu-metas h1 {
    color: #181818e6;
}

.menu-metas {
    position: relative;
}

.content-xhr .menu-metas {
    border-bottom: solid 1px #3c3c3c54 !important;
    position: relative;
}

.menu-metas h2 svg {
    height: 15px;
    width: 15px;
    margin-top: -5px;
}

.menu-metas a,
.box-menu-form a {
    /* color: #65cfff; */
    text-decoration: none;
}

.box-menu-form a:visited {
    color: #65cfff;
}

.select-meus-interesses {
    color: #fff !important;
}

.produto-box .menu-metas {
    border: none;
    width: 100%;
    margin: 0;
}

.render-content .menu-metas {
    margin-bottom: 15px;
}

.menu-metas p {
    font-size: 12px;
    color: #ffffffe6;
    margin-bottom: 10px;
    /* padding-left: 7px; */
}

.render-content .menu-metas p {
    color: #343333e6;
}

.menu-metas .help-article {
    color: #ffc107;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 25px;
    width: 40px;
    cursor: pointer;
    text-align: center;
    height: 40px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.menu-metas .help-article svg {
    height: 25px;
    width: 25px;

    position: absolute;
    top: 0;
}

.render-content .help-article {
    border-radius: 50%;
    top: -10px;
    right: 0px;
    color: #000;
}

.card-icon-img {
    width: 100%;
    height: 150px;
    font-size: 100px;
    text-align: center;
    color: #ffc107;
    background: #252627;
}

.img-top {
    position: relative;
}

.select-images .img-top.img-top-bg {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    min-height: 200px;
    width: 100%;
}

.img-top.img-top-bg img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 4%;
}

.formas-de-pagamento {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 5px;
    padding: 5px;
}

.formas-de-pagamento .forma {
    display: flex;
    justify-content: center;
    -webkit-box-flex: 1;
    flex: 1;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    height: 41px;
    padding: 3px;
    min-width: 20%;
    max-height: 50px;
    position: relative;
    background-color: #ffffff;
    border-radius: 10px;
}

.NO_HEADER_PAY.formas-de-pagamento .forma {
    -webkit-box-flex: 1;
    flex: 1;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 40px;
    padding: 2px;
    min-width: 20%;
    max-height: 50%;
    position: relative;
}

.bar-boxes-4 .forma {
    width: 60px;
    height: 60px;
    min-width: 20%;
    max-height: 60px;
}

.select-tool {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-right: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
}

.select-tool.option_footer-type-select {}

.gerar-capa-option .form-switch {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.option_estrutura-type-select select {
    width: 190px;
}

.select-tool .new,
.select-tool .updated {
    top: 3px !important;
}

.select-tool.grade-select {}

.select-tool .text {
    margin-right: 5px;
    font-weight: 700;
    font-size: 13px;
    white-space: nowrap;
}

.select-tool.normalizar-preco-option .label {
    margin-left: 5px;
    font-weight: 700;
    font-size: 13px;
    white-space: nowrap;
}

.select-tool.normalizar-preco-option {
    margin-top: 5px;
}

.render-tools {
    display: -webkit-box;
    display: flex;
    width: 100%;
    background: #fff;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    overflow-x: auto;
}

.zoom {
    width: 79px;
}

.render-template-content-box {
    position: relative;
}

span.quad-select {
    background: #b8b8b8;
    display: block;
}

.grade-itens-select {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
}

.layout-select-for-modelo {
    height: 30px;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: wrap;
    border: solid 1px #b8b8b8;
    margin: 0 5px;
    padding: 2px;
    gap: 2px;
    border-radius: 2px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    cursor: pointer;
}

.layout-select-for-modelo.active {
    border: solid 1px #8bc34a;
    color: #8bc34a;
}

.layout-select-for-modelo.active .quad-select {
    background-color: #8bc34a;
}

select.form-select.modelo-select-form {
    width: 188px;
}

select.form-select {
    width: 78px;
}

select.form-select.option_footer-type {
    width: 148px;
}

select.form-select.option_palleta-type {
    width: 110px;
}

.select-filter-item {
    width: 100% !important;
}

select.form-select.option_estrutura-type {
    min-width: 125px;
}

select.form-select.grade-itens-select {
    min-width: 113px;
}

.render-pagination-tools {
    display: -webkit-box;
    /* display: flex; */
    padding: 15px;
    gap: 15px;
    background: #e3e3e3;
    margin-bottom: 20px;
    position: relative;
}

.pagination .btn {
    display: -webkit-box !important;
    display: flex !important;
    font-size: 13px;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-transform: uppercase;
}

.pagination .btn.btn-null {
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    color: #464646;
}

.pagination .btn.btn-white {
    border: solid 1px #6c6c6c;
    font-weight: 700;
    color: #4c4c4c;
}

.pagination .btn.next-page i {
    margin-left: 5px;
}

.pagination .btn.prev-page i {
    margin-right: 5px;
}

.col-img {
    max-width: 77px;
    margin-right: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    width: 77px;
    max-height: 77px;
    flex-wrap: wrap;
    min-height: 77px;
}

.with-empresa .col-img {
    max-height: 80px;
    margin-right: 0;
    margin-left: 0;
    -webkit-box-flex: 1;
    flex: 1;
}

.col-img img {
    width: 100%;
}

.produto-compacto-editavel {
    display: -webkit-box;
    display: flex;
    background: #ffffff;
    /* -webkit-box-shadow: #0000004a 1px 1px 5px; */
    /* box-shadow: #a9a9a94a 1px -15px 20px; */
    padding: 5px;
    margin: 0 0px 10px 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    border-radius: 5px;
}


.lista .produto-compacto-editavel {
    display: -webkit-box;
    display: flex;
    background: #fff;
    -webkit-box-shadow: #0000004a 1px 1px 5px;
    box-shadow: #0000004a 1px 1px 5px;
    padding: 5px;
    margin: 0 0px 10px 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    min-height: 100px;
}

.produto-compacto-editavel.with-empresa {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    align-content: space-between;
}

.produto-compacto-editavel.produto.produto-box.assinatura_vencida.with-empresa {
    background: #ffb9c0;
}

.produto-compacto-editavel.with-empresa .ADICIONAR,
.produto-compacto-editavel.with-empresa .REMOVER {
    display: none;
}

.produto-compacto-editavel.with-empresa .empresa-ref {
    height: 60px;
    width: 100%;
    min-height: 60px;
    min-width: 100%;
}

.produto-compacto-editavel.with-empresa .empresa-ref img {
    width: 60px;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 40px;
}

.produto-compacto-editavel .col-dados {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    align-content: space-between;
}

.lista .produto-compacto-editavel .col-dados {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    align-content: space-between;
    min-width: 100%;
    width: 100%;
}

.with-empresa .col-dados {
    max-height: 82px;
    min-width: calc(100% - 100px);
    width: calc(100% - 100px);
}

.input-unidade.input-group-sm .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-unidade.input-group-sm .form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
}

.with-empresa .input-preco,
.with-empresa .input-limite,
.enable-lazy-inputs .input-preco-normal,
.enable-lazy-inputs .input-limite,
.enable-lazy-inputs .input-unidade,
.enable-lazy-inputs .input-limite-idade,
.lista .TITULO,
.show-plural .singular,
.show-singular .plural,
.EDICAO-OK {
    display: none;
}

.preco-label {
    min-width: 100px;
}

.input-remover-produto {
    margin-left: auto;
}

.resultados .input-nome {
    width: 100%;
    padding: 0;
    display: none;
}

.resultados .input-preco {
    width: 35%;
    padding: 0 5px;
    display: none;
}

.resultados .input-limite {
    width: 50%;
    padding: 0 5px;
    display: none;
}

.resultados .input-unidade {
    width: 30%;
    padding: 0 5px;
    display: -webkit-box;
    display: flex;
    display: none;
}

.resultados .input-limite-idade {
    width: 30%;
    padding: 0 5px;
    position: relative;
    padding-left: 3.0em;
    display: none;
}

.bar-fast-inputs {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    position: relative;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
}

.bar-fast-inputs label {
    padding: 5px;
}

img#CHANGE_LOGO {
    -o-object-fit: contain;
    object-fit: contain;
    cursor: pointer;
}

.form-check.form-switch {
    height: 27px;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
}

.form-check.form-switch label.form-check-label {
    margin-left: 5px;
    white-space: nowrap;
}

.box-options {
    min-height: 80px;
    color: #000;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 35px;
    gap: 15px;
    flex-wrap: wrap;
}

.box-info h1 {
    font-size: 18px;
}

.box-options h2 {
    font-size: 13px;
}

.box-image-large-produto.IMAGE.uploader.img-placeholder {
    max-width: 200px;
    max-height: 200px;
    position: relative;
    margin: 15px;
    background-size: contain;
    min-width: 200px;
    min-height: 200px;
    background: #000;
    display: -webkit-box;
    display: flex;
    cursor: pointer;
}

.uploader {
    cursor: pointer;
}

.box-image-large-produto.IMAGE.uploader.img-placeholder img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
}

.box-options .sem-resultados {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    background: #e8e8e8;
    padding: 15px;
}

span.place-enviar-logo {
    position: absolute;
    color: #000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}

.criado-com-sucesso-box {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #4caf50;
    display: none;
}

.pem_auto_suggest_image_for_create h2 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 10px;
    /* text-align: center; */
}

.criado-com-sucesso .criado-com-sucesso-box {
    display: -webkit-box;
    display: flex;
}

.criado-com-sucesso-box .alert {
    margin: 0;
}

.criado-com-sucesso>h2 {
    display: none;
}

.select-images-for-create {}

.select-images-for-create .select-image-item-for-create {
    width: 50%;
    background: #f3f3f3;
}

.select-images-for-create.images-colums-4 .select-image-item-for-create {
    width: calc(25% - 6px);
    height: auto;
    aspect-ratio: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    min-width: calc(25% - 6px);
}

.select-images-for-create.images-colums-2 .select-image-item-for-create {
    width: calc(50% - 4px);
    height: auto;
    aspect-ratio: 1;
    display: flex;
    align-content: center;
    justify-content: center;
    min-width: calc(50% - 4px);
    align-items: center;
}

.select-images-for-create .select-image-item-for-create .img-top {
    height: 100%;
    min-height: 100%;
    /* background-position: center; */
    /* background-size: contain; */
    /* background-repeat: no-repeat; */
}

.select-images-for-create .sem-resultados {
    min-height: 170px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #F44336;
    width: 100%;
    padding-top: 15px;
}

.card.card-selectable.card-modelo img {
    min-height: 180px;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 210px;
}

.video-tutorial {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    background: #000000bf;
    display: -webkit-box;
    display: flex;
}

.video-tutorial>div {
    margin: auto;
    min-width: 50vw;
    position: relative;
}

.content-video-tutorial .close {
    background: #fff;
    position: absolute;
    right: -10px;
    top: -20px;
    height: 60px;
    width: 60px;
    display: -webkit-box;
    display: flex;
    color: #f44336;
    font-size: 40px;
    border-radius: 50%;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-shadow: #00000063 -1px 0px 3px;
    box-shadow: #00000063 -1px 0px 3px;
    cursor: pointer;
    opacity: 1;
    z-index: 99;
}

.content-video-tutorial iframe {
    width: 100%;
    aspect-ratio: 16/9;
}

li.nav-item.ml-auto.li-whats a {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    color: #000;
}

li.nav-item.ml-auto.li-whats.li-whats-active a {
    color: #fff;
    background-color: #00b407;
    border-color: #00b407;
}

select.form-select.text-type {
    min-width: 130px;
}

.header-info-page {
    -webkit-box-flex: 1;
    flex: 1;
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 6px;
    position: sticky;
    left: 0;
}

.box-learn.box-open-more .mais,
.box-learn:not(.box-open-more) .menos {
    display: none
}

.box-learn .read-more {
    height: 0;
    overflow: hidden;
}

.box-learn.box-open-more .read-more {
    height: auto;
    margin-top: 15px;
}

.read-more h2 {
    margin-top: 15px;
}

.modelo_footer .header-info-page.header-info-page-1 {
    zoom: 160%;
}

.header-info-page .close-dica {
    width: 100px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    cursor: pointer;
    align-content: center;
    text-transform: uppercase;
    color: #b3b3b3;
    font-weight: 400;
    font-size: 12px;
    padding: 8px;
}

.close-dica i {
    margin-left: 6px;
}

.header-info-page h2 {
    font-size: 20px;
    max-width: calc(100% - 74px);
}

.header-info-page p {
    margin: 0;
}

.footer-placeholder.hide-render {
    background: #000;
    display: -webkit-box;
    display: flex;
    border-radius: 40px;
}

.fal {
    color: #484848;
    cursor: pointer;
    font-weight: 400;
    text-transform: uppercase;
}

.oportunidade {
    position: fixed;
    z-index: 9999999999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000b0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.oportunidade>div {
    background: #fff;
    width: 550px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    border-radius: 15px;
    padding: 15px;
    overflow: hidden;
}

.content-oferta .cta {
    display: -webkit-box;
    display: flex;
    gap: 15px;
    margin: 0 35px;
}

.content-oferta .cta .btn {
    padding: 8px 15px;
    font-size: 23px;
}

.content-oferta .obs {
    font-size: 18px;
    font-weight: 500;
    margin-top: -16px;
    border-bottom: solid 4px #ff5722;
    margin-bottom: 15px;
}

.content-oferta .price {
    font-size: 9px;
}

.content-oferta h1 {
    color: #ffc107;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin: -25px -25px 0 -25px;
    background: #2c2c2c;
    PADDING: 25PX;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 120%;
    -webkit-box-align: center;
    align-items: center;
}

.content-oferta h1 b {
    color: #f44336;
}

.content-oferta h2 {
    margin-top: 7px;
}

span.inline-price {
    display: -webkit-box;
    display: flex;
}

.oferta-precos {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    gap: 15px;
    color: #ff5722;
    margin: 30px 0;
}

.marca-dagua {
    color: #050505;
    color: #fff;
    white-space: nowrap;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.modal-select-options {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    background: #000000bf;
    display: -webkit-box;
    display: flex;
}

.content-modal-select {
    margin: auto;
    min-width: 30vw;
    position: relative;
    background: #fff;
    display: -webkit-box;
    display: flex;
    max-height: 90vh;
    max-width: 90vw;
    border-radius: 15px;
}

.content-modal-select .close {
    background: #fff;
    position: absolute;
    right: -10px;
    top: -20px;
    height: 60px;
    width: 60px;
    display: -webkit-box;
    display: flex;
    color: #f44336;
    font-size: 40px;
    border-radius: 50%;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-shadow: #00000063 -1px 0px 3px;
    box-shadow: #00000063 -1px 0px 3px;
    cursor: pointer;
    opacity: 1;
    z-index: 99;
}

.close svg {
    width: 50px;
    height: 50px;
}

.content-xhr {
    padding: 15px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    overflow-y: scroll;
    -webkit-box-align: start;
    align-items: flex-start;
    width: 100%;
    -webkit-box-pack: start;
    justify-content: flex-start;
    min-width: 90vw;
    min-height: 80vh;
    border-radius: 15px;
}

.modal-publicar .content-xhr {
    height: 90vh;
    border: solid 5px #FFF;
}

.content-xhr .modelo-1 {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: flex-start;
}

.content-xhr .row-options {
    display: -webkit-box;
    display: flex;
    margin-top: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.content-xhr .row-options:hover {
    background: #ededed;
    cursor: pointer;
}

.content-xhr .row-options .fake-radio {
    width: 100px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-size: 40px;
}

.content-xhr .row-options .fake-radio .circle-selected i {
    display: none;
}

.content-xhr .row-options .fake-radio .circle-null {
    border: solid 4px #a0a0a0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
}

.content-xhr .row-options:hover .fake-radio .circle-null,
.content-xhr .row-options.active .fake-radio .circle-null {
    display: none;
}

.content-xhr .row-options:not(.active):hover .fake-radio i {
    display: -webkit-box;
    display: flex;
    color: #2196f3;
}

.content-xhr .row-options.active .fake-radio i {
    display: -webkit-box;
    display: flex;
}

.content-xhr .row-options .fake-radio .circle-selected {
    color: #8bc34a;
}

.content-xhr .row-options .fake-radio .circle-selected i {
    color: #2196f3;
}

.content-xhr .row-options div.text-option {
    aspect-ratio: 4/1;
    height: 150px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
}

.content-xhr .row-options .text-option h2 {
    font-size: 21px;
}

.content-xhr .row-options .image-sample {
    width: auto;
    height: 150px;
}

img.img-100 {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 100%;
    max-width: 100%;
}

span.text-padrao {
    font-weight: 700;
    text-transform: uppercase;
    background: #e3e3e3;
    width: 150px;
    text-align: center;
    border-radius: 6px;
    color: #9f9f9f;
    padding: 10px;
}

.input-space {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.resultados .hide-in-results {
    display: none !important;
}

.input-space .fa {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-right: 5px;
    font-size: 16px;
}

.input-space .pop-nome {
    font-size: 10px;
    color: #a00;
}

.lista .modo-de-precos-title {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: wrap;
    line-height: 13px;
    font-size: 14px;
}

.conjunto-inputs {
    padding: 015px;
    margin: 0;
    margin: 15px;
    border: solid 1px #000;
}

.fields {
    min-width: 100%;
    width: 100%;
}

.select-destaque-produto {
    width: 281px !important;
    height: 277px !important;
    position: relative;
    background-position: center;
    border-radius: 15px;
    background-size: 250%;
    background-repeat: no-repeat;
    z-index: 12;
}

.content-premium-modal .personalizar-bar,
.content-xhr .personalizar-bar {
    display: none !important;
}

.layer-decoration {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 15px;
    z-index: 0;
}

ul.personalizar-bar {
    position: absolute;
    display: none;
    margin: 0;
    padding: 0;
    top: -80px;
    list-style: none;
    padding: 15px;
    left: 0;
    font-size: 22px;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 15px;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    left: 0;
    top: -15px;
    z-index: 99;
    color: #fff;
    gap: 6px;
    flex-wrap: nowrap;
    min-height: 100%;
}

.zoom-30 ul.personalizar-bar {
    zoom: 1.7;
}

.zoom-40 ul.personalizar-bar {
    zoom: 1.6;
}

.zoom-50 ul.personalizar-bar {
    zoom: 1.5;
}

.zoom-60 ul.personalizar-bar {
    zoom: 1.4;
}

.zoom-70 ul.personalizar-bar {
    zoom: 1.3;
}

.zoom-80 ul.personalizar-bar {
    zoom: 1.2;
}

.zoom-90 ul.personalizar-bar {
    zoom: 1.1;
}

.zoom-100 ul.personalizar-bar {
    zoom: 1.0;
}

.modelo-1 ul.personalizar-bar li .btn {
    width: 40px !important;
    height: 40px;
}

.modelo-2 ul.personalizar-bar li .btn {
    width: 40px !important;
    height: 40px;
}

.modelo-3 ul.personalizar-bar li .btn {
    width: 40px !important;
    height: 40px;
}

.modelo-4 ul.personalizar-bar li .btn {
    width: 100px !important;
    height: 100px;
    font-size: 35px;
}

.modelo-1 ul.personalizar-bar {
    gap: 6px;
}

.modelo-2 ul.personalizar-bar {
    gap: 6px;
}

.modelo-3 ul.personalizar-bar {
    gap: 6px;
    top: 15px;
}

.modelo-4 ul.personalizar-bar {
    gap: 6px;
    top: 15px;
    left: 15px;
}

.produto-layout-v2:hover ul.personalizar-bar {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    align-items: flex-start;
}

ul.personalizar-bar .btn {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    padding: 4px;
}

ul.personalizar-bar .btn svg {
    width: 30px;
    height: 30px;
}

.btn-produto {
    color: #5a5a5a;
    background-color: #ffffff;
    border-color: #ffffff;
    text-align: left !important;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    border-radius: 50%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid transparent;
}

ul.personalizar-bar .btn i {
    color: #5a5a5a;
}

ul.personalizar-bar li {
    display: -webkit-box;
    display: flex;
    height: 25%;
    min-height: 25%;
    -webkit-box-shadow: 1px 1px 4px #443838;
    box-shadow: 1px 1px 4px #443838;
    background: #fff;
    border-radius: 25px;
    color: #5a5a5a;
}

ul.personalizar-bar li:hover .btn {
    width: auto !important;
    border-radius: 35px;
    background: #fff;
    color: #5a5a5a;
    gap: 10px;
}

ul.personalizar-bar li:hover .shover {
    margin-right: 15px;
    display: -webkit-box;
    display: flex;
    font-weight: 700;
}

.produto-layout-v3 span.cut {
    text-decoration: line-through;
    height: 8px;
    position: absolute;
    top: 50%;
    z-index: 1;
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    left: 15px;
    right: 15px;
}

span.new:not(.tags) {
    background: #f00;
    color: #fff;
    border-radius: 5px;
    font-size: 9px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 1;
    font-weight: 700;
    padding: 0 5px;
}

span.video:not(.tags) {
    background: #b900d4;
    color: #fff;
    border-radius: 5px;
    font-size: 9px;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 1;
    font-weight: 700;
    padding: 0 5px;
}

.gerar-capa-option span.new {
    position: inherit;
    margin-bottom: 3px;
}

span.updated:not(.tags) {
    background: #ffc107;
    color: #1e1e1e;
    border-radius: 5px;
    font-size: 9px;
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 1;
    font-weight: 700;
    padding: 0 5px;
}

.tags {
    background: #ff0000;
    color: #fff;
    border-radius: 5px;
    font-size: 10px;
    position: absolute;
    left: 4px;
    top: 4px;
    opacity: 1;
    font-weight: 700;
    padding: 0 5px;
}

.tags.marca {
    background: #ffc107;
    right: 4px;
    left: inherit;
    bottom: 4px;
    top: inherit;
    color: #242424;
}

span.tags.exclusivo {
    background: #343434;
    bottom: 4px;
    top: inherit;
}

span.tags.premium {
    /* background: #3f51b5; */
    right: 4px;
    left: inherit;
}

.modal-render-premium {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999999999999999;
    display: -webkit-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-render-premium .content-premium-modal {
    background: #fff;
    display: -webkit-box;
    display: flex;
    border-radius: 15px;
    width: 100%;
    width: 812px;
    height: 521px;
    position: relative;
    z-index: 2;
}

.nocta.modal-render-premium .content-premium-modal {
    width: 521px;
    border-radius: 15px;
    overflow: hidden;
}

.nocta.modal-render-premium .content-premium-modal .full-render .tema-item {
    border-radius: 15px;
}

.modal-render-premium .assine-ja {
    padding: 10px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative;
    padding-bottom: 150px;
}

.modal-render-premium .assine-ja.form-assine {
    padding-bottom: 15px;
}

.modal-render-premium .close {
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    width: 60px;
    display: -webkit-box;
    display: flex;
    color: #f44336;
    font-size: 40px;
    border-radius: 15px;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-shadow: #00000063 -1px 0px 3px;
    box-shadow: #00000063 -1px 0px 3px;
    cursor: pointer;
    opacity: 1;
    z-index: 99;
}

.modal-render-premium .assine-ja h1 {
    font-size: 23px;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 700;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
}

svg.icon-assine {
    color: #ff9800;
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.modal-render-premium .assine-ja h2 {
    font-size: 19px;
    margin-bottom: 10px;
}

.modal-render-premium .full-render {
    aspect-ratio: 1/1;
}

.cta-modal {
    margin-top: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    background: #fff;
    -webkit-box-shadow: #00000024 1px 1px 20px 2px;
    box-shadow: #00000024 1px 1px 20px 2px;
    border-top: solid 1px #d9d9d9;
}

.cta-modal .btn {
    width: 100%;
    font-size: 22px;
    color: #fff;
}

.search.box-search-menu {
    min-height: fit-content;
    padding: 10px 0;
    padding-bottom: 0;
}

.close-dica {
    width: 90px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    cursor: pointer;
    align-content: center;
    text-transform: uppercase;
    color: #b3b3b3;
    font-weight: 400;
    font-size: 20px;
    padding: 15px;
}

.tema-modelo-3 .bar-end {}

.sem-fundo.bar-end-5.bar-end {
    background: transparent;
    text-align: center;
    display: -webkit-box;
    display: flex;
}

.bar-end-6 {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: nowrap;
    background: #000000b8;
    color: #fff;
    font-size: 31px;
    white-space: nowrap;
    height: 60px;
    -webkit-box-pack: center;
    justify-content: center;
}

.bar-end-2.bar-end .bar-extra {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    height: 60px;
    max-height: 60px;
    padding: 0;
    max-width: 600px;
    gap: 0;
}

.bar-end-2.bar-end .bar-extra>* {
    width: 50%;
    height: 30px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    gap: 0;
    max-width: 50%;
    min-width: 50%;
    max-height: 30px;
    text-align: center;
    font-size: 16px;
}

.bar-extra {
    width: 100%;
    min-width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    /* max-height: 50px; */
    padding: 0 15px;
    gap: 15px;
    overflow: hidden;
}

.tema-modelo-3 .bar-boxes {
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    height: 164px;
    align-content: space-around;
    flex-wrap: nowrap;
    background: #ffffff;
}

.tema-modelo-17 .bar-boxes {
    position: relative;
    bottom: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    height: 164px;
    align-content: space-around;
    flex-wrap: nowrap;
    background: #ffffff;
}

.sem-fundo.bar-boxes-5.boxes-show-data.bar-boxes.bg_etiqueta.sec_bg_etiqueta_border-color {
    height: 90px;
}

.bar-boxes-3.boxes-show-data .validade-ofertas.bar-boxes-box {
    font-size: 41px;
    line-height: 42px;
}

.bar-boxes-17.boxes-show-data .validade-ofertas.bar-boxes-box {
    font-size: 41px;
    line-height: 42px;
}

.bar-boxes-2.boxes-show-data {
    border-radius: 15px;
    overflow: hidden;
}

.bar-boxes-2.boxes-show-data .validade-ofertas.bar-boxes-box {
    font-size: 34px;
    line-height: 42px;
    height: 100%;
}

.bar-boxes-1.boxes-show-data {
    margin: 0 var(--margin-layout) var(--margin-layout) var(--margin-layout);
    border-radius: 15px;
    overflow: hidden;
    height: 100px;
    width: calc(100% - var(--margin-layout)*2);
}

.bar-boxes-1.boxes-show-data .validade-ofertas.bar-boxes-box {
    font-size: 30px;
    line-height: 1;
}

.bar-boxes-4 {
    position: absolute;
    bottom: 60px;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    height: 270px;
    align-content: space-around;
    flex-wrap: nowrap;
    background: #ffffff;
}

.bar-boxes-box {
    -webkit-box-flex: 1;
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}

.bar-boxes-box h2 {
    font-size: 28px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-size: 21px;
    /* line-height: 20px; */
    min-height: 20px;
    margin: 0;
}

.bar-boxes-3 .bar-boxes-box {
    -webkit-box-flex: 1;
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    position: relative;
}

.bar-boxes-4 .bar-boxes-box h2 {
    font-size: 50px;
    line-height: 50px;
    min-height: 60px;
}

.bar-boxes:not(.bar-boxes-2) .bar-boxes-box:not(:first-child) {
    border-left: solid 1px;
    border-color: inherit;
}

.redes-sociais.bar-boxes-box {
    display: -webkit-box;
    display: flex;
    padding: 10px 15px;
    -webkit-box-align: center;
    align-items: center;
}

.redes-sociais.bar-boxes-box i.fa-thumbs-up {
    font-size: 50px;
    position: absolute;
    right: 10px;
    top: 40px;
    z-index: 0;
    opacity: 0.2;
}

.bar-boxes-4 .redes-sociais.bar-boxes-box i.fa-thumbs-up {
    font-size: 100px;
    position: absolute;
    right: 20px;
    top: 80px;
}

.validade-ofertas.bar-boxes-box {
    display: -webkit-box;
    /* display: flex; */
    padding: 15px;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    position: relative;
}

.bar-boxes-5 .validade-ofertas.bar-boxes-box.bg_data_etiqueta {
    font-size: 25px;
    line-height: 30px;
    text-transform: uppercase;
}

.bar-boxes-5 .sem-fundo.bg_data_etiqueta {
    background: transparent !important;
}

.bar-boxes-5.sem-fundo {
    background: transparent !important;
    color: inherit !important;
    bottom: 0;
}

.validade-ofertas i {
    font-size: 100px;
    position: absolute;
    left: -20px;
    top: 0px;
    z-index: 0;
    opacity: 0.20;
    -webkit-transform: rotate(45.2deg);
    transform: rotate(45.2deg);
}

.bar-boxes-5 .far.fa-calendar-alt {
    display: none;
}

.bar-boxes-4 .validade-ofertas i {
    font-size: 160px;
}

.delivery.bar-boxes-box {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    gap: 15px;
    font-size: 22px;
    padding: 8px 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}

.bar-boxes-6 {
    position: absolute;
    bottom: 60px;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    height: 270px;
    align-content: space-around;
    flex-wrap: nowrap;
    background: #ffffff;
}

.bar-boxes-6 .bar-boxes-box h2 {
    font-size: 43px;
    line-height: 50px;
    min-height: 70px;
}

.bar-boxes-6 .redes-sociais.bar-boxes-box i.fa-thumbs-up {
    font-size: 100px;
    position: absolute;
    right: 20px;
    top: 80px;
}

.bar-boxes-6 .validade-ofertas i {
    font-size: 160px;
}

.bar-boxes-6 .delivery.bar-boxes-box {
    font-size: 42px;
}

.bar-boxes-6 .delivery.bar-boxes-box .strong {
    font-weight: 700;
    font-size: 81px;
    /* line-height: 81px; */
}

.bar-boxes-6 .slogan-empresa {
    font-size: 34px;
}

.bar-boxes-6 .delivery.bar-boxes-box i {
    font-size: 140px;
}

.bar-boxes-6 .validade-ofertas.bar-boxes-box .line.line-3 {
    font-size: 42px;
    line-height: 1.2;
}

.delivery.bar-boxes-box svg {
    width: 60px;
    height: 60px;
}

.bar-boxes-6 .validade-ofertas.bar-boxes-box {
    display: -webkit-box;
    display: block;
    padding: 15px;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 40px;
    line-height: 1.2;
    text-align: center;
    position: relative;
    /* flex-direction: column; */
}

.bar-boxes-4 .delivery.bar-boxes-box {
    font-size: 41px;
}

.bar-boxes-2 .bar-boxes-box {
    min-width: 50%;
    height: 125px;
}

.bar-boxes-2 {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    height: 240px;
    bottom: 60px;
    width: 600px;
    margin: 0;
    border-radius: 15px 15px 0 0;
}

.delivery.bar-boxes-box .strong {
    font-weight: 700;
    font-size: 41px;
    /* line-height: 41px; */
}

/* TESTE FOOTER */
.delivery .telefone {
    height: calc(var(--footer-height) - 8px);
}

.telefoneWhatsRod {
    display: flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
}

.telefoneWhatsRod i {
    margin-right: 15px;
}

.delivery .telefone .tel {
    white-space: nowrap;
}

.h-20 {
    height: 20%;
}

.h-25 {
    height: 25%;
}

.h-30 {
    height: 30%;
}

.h-40 {
    height: 40%;
}

.h-50 {
    height: 50%;
}

.h-60 {
    height: 60%;
}

.h-80 {
    height: 80%;
}

.h-90 {
    height: 90%;
}

.h-100 {
    height: 100%;
}

.obsPagamento {
    height: 30px;
    width: 100%;
}

.areaRede {
    width: 100%;
}

.areaNome {
    width: 100%;
}

.areaImagemIlustrativa {
    height: 100%;
    justify-content: flex-end;
}

.areaEndereco, .areaSite {
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
}

.enderecos .h-100 {
    align-items: center;
    display: inherit;
}

.enderecos .fa, .enderecos .fas, .enderecos .text-box-text {
    line-height: var(--bs-body-line-height);
}

.addressArea span.endereco {
    line-height: inherit;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-40 {
    width: 40%;
}

.w-45 {
    width: 45%;
}

.w-55 {
    width: 55%;
}

.w-60 {
    width: 60%;
}

.w-70 {
    width: 70%;
}

.w-80 {
    width: 80%;
}

.w-90 {
    width: 90%;
}

.w-100 {
    width: 100%;
}
/* FIM TESTE FOOTER */

.bar-boxes-4 .delivery.bar-boxes-box .strong {
    font-weight: 700;
    font-size: 81px;
    /* line-height: 81px; */
}

.delivery.bar-boxes-box i {
    
}

.bar-boxes-3 .delivery.bar-boxes-box i {
    font-size: 50px;
}

.bar-boxes-4 .delivery.bar-boxes-box i {
    font-size: 140px;
}

span.empresa-nome {
    font-size: 21px;
    font-weight: 600;
    line-height: 21px;
}

.slogan-empresa {
    font-size: 17px;
    /* white-space: nowrap; */
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    text-align: center;
}

.bar-boxes-4 .slogan-empresa {
    font-size: 34px;
}

.line {
    position: relative;
    z-index: 1;
}

.line.line-2 {
    margin: 5px 0;
}

.line.line-3 {
    white-space: initial;
    font-size: 21px;
    line-height: 21px;
}

.bar-boxes-4 .validade-ofertas.bar-boxes-box .line.line-3 {
    font-size: 42px;
    line-height: 42px;
}

.cartaz_body_border-1 {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.box-ajust-mid>div {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    z-index: 2;
    position: relative;
    overflow: hidden;
}

.content-premium-modal .box-ajust-mid.no-message .modelo_body_border-1 {
    height: 850px;
}

.alert-icon.fa {
    font-size: 45px;
}

.alert .col-auto {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
}

ul.inline-alert-buttons {
    list-style: none;
    display: -webkit-box;
    display: flex;
    gap: 15px;
    padding: 0;
    margin: 0;
}

.alert-info.alert-light {
    color: #484848;
    background-color: #fefefe;
    border-color: #d4d4d4;
}

.alert-info.alert-light p {
    color: #414141;
    line-height: 22px;
    font-size: 14px;
    font-weight: 400;
}

a.btn.btn-secondary {
    color: #515151;
    background-color: #f2f2f2;
    border-color: #e2e2e2;
}

.simbolic-price {
    display: -webkit-box;
    display: flex;
    height: 100%;
    width: 100%;
    position: relative;
    max-width: 100%;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    margin-right: auto;
    padding-left: 230px;
}

.simbolic-price .coin {
    -webkit-box-flex: 1;
    flex: 1;
    position: relative;
}

.coin.coin-wide {
    min-width: 50%;
    height: auto;
    margin-left: -25%;
}

.coin.coin-quad {
    aspect-ratio: 1/1;
}

.simbolic-price img {
    width: auto !important;
    position: absolute;
    height: 100%;
    aspect-ratio: 1/1;
    height: 230px !important;
    right: 0 !important;
    left: inherit !important;
}

.group-inputs-collapse .label-menu {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    line-height: 26px;
    font-size: 14px;
}

.group-inputs-collapse .label-menu .svg-chevron-up,
.group-inputs-collapse .label-menu .svg-chevron-down {
    height: 26px;
    width: 26px;
    margin-left: 15px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
}

.group-inputs-collapse.collapsed .inputs-group-moedas {
    display: none;
}

.group-inputs-collapse .svg-chevron-up {
    display: -webkit-box !important;
    display: flex !important;
}

.group-inputs-collapse .svg-chevron-down,
.group-inputs-collapse.collapsed .label-menu .svg-chevron-up {
    display: none !important;
}

.group-inputs-collapse.collapsed .label-menu .svg-chevron-down {
    display: -webkit-box !important;
    display: flex !important;
}

span.text-price-ant {
    font-size: 1.2em;
    font-weight: 700;
    text-align: center;
    display: block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.res_empresa_box {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-size: 12px;
    max-width: 70px;
    margin: auto 0;
}

.res_request_box {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-size: 12px;
}

.res_vote_box {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    font-size: 12px;
    -webkit-box-align: center;
    align-items: center;
}

/* .content-result .nav-tabs .nav-link,
.content-result .nav-tabs .nav-item.show .nav-link {
    color: #ffffff;
    background-color: #18191b;
    border-color: #18191b;
}

.content-result .nav-tabs .nav-link.active,
.content-result .nav-tabs .nav-item.show .nav-link {
    color: #ffffff;
    background-color: #363636;
    border-color: #545454;
} */

.table> :not(:first-child) {
    border-top: none;
}

span.res_nome {
    display: flex;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 132px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    white-space: normal;
}

span.res_descricao {
    display: flex;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 132px;
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal;
    white-space: normal;
}

span.res_votos {
    background: #383838;
    height: 40px;
    display: -webkit-box;
    display: flex;
    border-radius: 18px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 12px;
    margin-bottom: 3px;
    padding: 10px;
    white-space: nowrap;
}

span.res_status.request-previa {
    cursor: pointer;
}

span.res_concluido {
    font-size: 10px;
    color: #fff;
    background: #2196f3;
    text-align: center;
}

table.table.table-striped.table-requests.table-bordered.table-dark {
    max-width: 100%;
    width: 100%;
}

span.res_produzindo {
    font-size: 10px;
    color: #000;
    background: #ffeb3b;
    text-align: center;
}

.request-tema-action {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 80%;
    color: #fff;
    padding: 15px;
    border: solid 1px #3a3a3a;
    border-radius: 10px;
    margin: 10px auto;
}

.form-modal-render {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-flex: 1;
    flex: 1;
    height: 100%;
    justify-content: space-around;
}

.actions-forms {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: space-evenly;
    justify-content: space-evenly;
}

a.btn.btn-white {
    color: #181818;
    background-color: #fafafa;
    border-color: #d0d0d0;
}

a.siga-no-instagram.mt-5.btn.btn-sm.btn-white {
    position: absolute;
    bottom: -45px;
}

.dots-menu {
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 12px;
    color: #929292;
    cursor: pointer;
}

.popover-tema h2 {
    font-size: 15px;
}

.popover-tema h3 {
    font-size: 12px;
}

.alert-modo {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border: solid 1px #bababa;
    background: #f8f8f8;
    margin-top: 35px !important;
}

.alert.alert-modo .new {
    font-size: 25px;
    left: -3px;
    top: -25px;
}

.alert-modo .info-modo {
    width: 100%;
}

.alert-modo a {
    white-space: nowrap;
}

.drag {
    position: absolute;
    right: 0;
    height: 30px;
    white-space: nowrap;
    padding: 5px;
    border: solid 1px #bcbcbc;
    margin: 5px;
    top: 0;
    border-radius: 5px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 10px;
    color: #878787;
    cursor: move;
    line-height: 18px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    gap: 5px;
    width: 75px;
}

.get-view,
.fixar-posicao,
.fixar-preco {
    position: absolute;
    right: 0;
    height: 30px;
    white-space: nowrap;
    padding: 5px;
    border: solid 1px #bcbcbc;
    margin: 0px;
    top: 40px;
    border-radius: 5px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 10px;
    color: #878787;
    line-height: 18px;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: end;
    justify-content: flex-end;
    gap: 5px;
    width: 75px;
    right: 5px;
}

.fixar-posicao.active,
.fixar-preco.active {
    background: #878787;
    color: white;
    border: solid 1px #878787;
}

.get-view .fa {
    width: 16px;
    text-align: center;
}

.fixar-posicao {
    top: 75px !important;
}

.fixar-preco {
    top: 110px !important;
}

.fixar-preco.active .fa-lock,
.fixar-posicao.active .fa-lock {
    display: block !important;
}

.fixar-preco.active .fa-unlock-alt,
.fixar-posicao.active .fa-unlock-alt {
    display: none !important;
}

.box-menu-form tbody {
    height: 400px;
    overflow-y: overlay;
    display: table-caption;
}

.my-actions {
    margin: 0 2em;
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    order: 1;
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    order: 2;
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    order: 3;
}

.right-gap {
    margin-right: auto;
}

.attention:not(.active)::before {
    -webkit-box-shadow: #ffba49 0px 0px 0px 2px;
    box-shadow: #ffba49 0px 0px 0px 2px;
    content: " ";
    display: block;
    position: absolute;
    left: 7px;
    right: 7px;
    top: 7px;
    bottom: 7px;
    border-radius: 5px;
}

.attention {
    position: relative;
}

svg.unlock-login {
    /* width: 50px; */
    /* height: 50px; */
}

.pem_auto_suggest_image_for_create .menu-metas h2 {
    color: #4a4a4a;
}

.pem_auto_suggest_image_for_create .menu-metas {
    border: none;
}

.bar-boxes-4 .validade-ofertas {
    font-size: 40px;
    line-height: 40px;
    min-height: 60px;
}

.render-modelos-choice {
    padding: 15px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-height: 443px;
}

.render-modelos-choice h2 {
    padding: 20px 0;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.scroll-cards-h {
    padding: 15px 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    overflow-x: scroll;
    gap: 11px;
    padding-top: 0;
}

.card-download-preview h3 {
    font-size: 13px;
    font-weight: 400;
}

span.label-previa {
    position: absolute;
    z-index: 5;
    background: #fffffff7;
    bottom: 0;
    right: 0;
    border-radius: 4px;
    padding: 0 5px;
    color: #000;
    font-size: 10px;
}

.builder-images-all_baseline {}

.image-builder {
    background: #ffffff00;
    margin-bottom: 0px;
    background-size: contain;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    position: relative;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    padding: 15px;
    margin: auto;
}

.previa-image-builder.image-builder {
    width: 145px;
    height: 145px;
    background: #212529;
    border-radius: 8px;
}

.image-place-builder {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
}

.image-place-builder .img-item {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: contain;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
}

.image-place-builder .img-item img {
    width: 100%;
    position: relative;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    display: none;
    visibility: hidden;
    min-width: 100%;
}

.builder-images-all_baseline img {
    height: auto;
    width: 130%;
    margin-top: auto;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
}

.builder-images-all_baseline.builder-images-all_baseline-1 .image-place-builder img {
    max-width: 100%;
}

.builder-images-all_baseline.builder-images-all_baseline-2 .image-place-builder {
    -webkit-box-flex: 1;
    flex: 1;
    width: 50%;
}

.builder-images-all_baseline.builder-images-all_baseline-2 .image-i-1 img,
.builder-images-all_baseline.builder-images-all_baseline-3 .image-i-1 img,
.builder-images-all_baseline.builder-images-all_baseline-4 .image-i-1 img {
    right: inherit;
    left: 0;
}

.builder-images-all_baseline.builder-images-all_baseline-2 .image-i-2 img,
.builder-images-all_baseline.builder-images-all_baseline-3 .image-i-3 img,
.builder-images-all_baseline.builder-images-all_baseline-4 .image-i-4 img,
.builder-images-all_baseline.builder-images-all_baseline-5 .image-i-5 img {
    right: 0;
    left: inherit;
}

.builder-images-all_baseline.builder-images-all_baseline-3 .image-place-builder {
    -webkit-box-flex: 1;
    flex: 1;
    width: 33.3333%;
}

.builder-images-all_baseline.builder-images-all_baseline-3 .image-i-2 img {
    right: inherit;
    left: inherit;
    position: relative;
}

.builder-images-all_baseline.builder-images-all_baseline-4 .image-place-builder {
    width: 25%;
}

.builder-images-all_baseline.builder-images-all_baseline-4 .image-i-2 img,
.builder-images-all_baseline.builder-images-all_baseline-4 .image-i-3 img {
    right: inherit;
    left: inherit;
}

.builder-images-all_baseline.builder-images-all_baseline-5 .image-place-builder {
    width: 20%;
}

.builder-images-all_baseline.builder-images-all_baseline-5 .image-i-2 img,
.builder-images-all_baseline.builder-images-all_baseline-5 .image-i-4 img {
    right: inherit;
    left: inherit;
    z-index: 1;
}

.builder-images-all_baseline.builder-images-all_baseline-5 .image-i-3 img {
    right: inherit;
    left: inherit;
    z-index: 2;
}

.builder-images-all_baseline.builder-images-all_baseline-6 .image-place-builder {
    width: calc(100% / 6);
}

.builder-images-all_baseline.builder-images-all_baseline-7 .image-place-builder {
    width: calc(100% / 7);
}

.options-templates {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3px;
}

.containerPreviewImage {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.containerPreviewImage .containerHeaderEditImage p {
   margin-bottom: 10px;
}


.cardImageOriginal {
    width: 850px;
    height: 500px;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    background-color: #fff;
    overflow: hidden;
    padding: 15px;
    overflow: hidden;

 
}

.image-builder-editor {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    height: 100%;
    gap: 10px;
}

.image-builder-editor .palco {
    min-width: 370px;
    -webkit-box-flex: 1;
    flex: 1;
    max-width: 370px;
    margin-bottom: 20px;
}

.image-builder-editor .resources {
    max-height: 100%;
    overflow-y: scroll;
}

.image-builder-canva {
    background: url('/cdn/QROFERTAS/fundo-png-xadrez.jpg');
    border: 2px solid #C7C5C5;
    border-radius: 8px;
}

.download-action {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 10%;
}

.box-tool-editor-canva {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;

    margin-top: 25px;
    gap: 20px;
}

@media (max-width: 768px) {
    .box-tool-editor-canva {
        flex-direction: column;
    }
}

.input-editor  { 
    width: 100%;
}

.input-editor1 {
    width: 100%;
}

.input-editor label {
    color: #181818e6;
    font-weight: 700;
}

.input-editor1 span {
    color: #181818e6;
    font-weight: 700;
}

.containerActiveAmplifier {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 8px;
}

@media (max-width: 768px) {
    .containerHeaderEditImage {
       margin-top: 16px;
    }
 }

 .containerHeaderEditImage h2 {
    font-weight: 700;
    white-space: nowrap;
 }

 .containerHeaderEditImage p {
    font-size: 14px;
    color: #181818e6;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 0;
 }

.arrow-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* gap: 16px; */
    font-weight: bold;
    color: #807a7a;
    font-size: 12px;
}

.arrow-controls .drag-instruction {
    text-transform: uppercase;
}

.containerGrid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;   
    
}

@media (max-width: 1024px) {
    .containerGrid {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 768px) {
    .containerGrid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 576px) {
    .containerGrid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 480px) {
    .containerGrid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 425px) {
    .containerGrid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 375px) {
    .containerGrid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.fonte-select {
    display: -webkit-box;
    display: flex;
    min-width: 100%;
    color: #252627;
    cursor: pointer;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    /* border: solid 1px #767676; */
    padding: 10px;
    margin-bottom: 15px;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 15px;
}

.fonte-select span {
    min-width: 46px;
}

.fonte-select span.nome {
    font-size: 31px;
    margin-bottom: 10px;
    text-transform: uppercase;
    line-height: 1.1;
    text-align: center;
}

.fonte-select.font-loaded {
    color: #fff;
}

span.nome.mr-auto {
    min-width: 100%;
}

.mr-auto {
    margin-right: auto;
}

.fonte-select h3 {
    font-size: 15px;
    margin: 0;
}

.destino-fonte .form-check {
    color: #eaeaea;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 5px;
}

.destino-fonte h3 {
    color: #fff;
    font-size: 15px;
}

.destino-fonte {
    margin: 30px 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

img.img-carrossel {
    position: absolute;
}

span.place-trocar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: none;
    padding: 15px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    background-color: #000000c4;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}

.box-send:hover .place-trocar,
.box-choice:hover .place-trocar {
    display: -webkit-box;
    display: flex;
}

.load-more-temas {
    width: 100%;
    color: #fff;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: #000;
    padding: 15px;
    border-radius: 8px;
    white-space: nowrap;
}

.carousel-item {
    aspect-ratio: 1/1;
    height: auto;
    width: 100%;
    overflow: hidden;
    background: #212121;
}

.carousel-item img {
    height: 100%;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain;
}

.etiqueta-v2-content {
    width: 502px;
    height: 230px;
    overflow: hidden;
    position: relative;
    aspect-ratio: 502/230;
}

.price-etiqueta-v2 {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
}

.etiqueta-v2-content .price-etiqueta-v2 {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: baseline;
    align-items: baseline;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 97px;
}

.etiqueta-v2-content img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.price-box {
    display: -webkit-box;
    display: flex;
    position: relative;
    line-height: normal;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    overflow: hidden;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    position: absolute;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    height: 100%;
    padding: 0 30px;
}

.price-content {
    display: -webkit-box;
    display: flex;
    position: relative;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 43px;
    white-space: nowrap;
}

.price-content .unidade-v2 {
    position: absolute;
    right: 8px;
    top: 18px;
    z-index: 2;
    font-size: 0.9em;
}

.price-etiqueta-v2 .cifrao {
    font-size: 0.95em;
}

.price-etiqueta-v2 .real {
    font-size: 2em;
    line-height: 1em;
}

.price-etiqueta-v2 .cents {
    font-size: 1.2em;
}

.price-etiqueta-v2 .cents-norm {
    font-size: 2em;
    line-height: 1em;
    padding-top: 30px;
}

.price-etiqueta-v2 .sep {
    font-size: 1em;
}

.price-etiqueta-v2 .unidade {
    font-size: 1.5em;
    display: none;
}

.etiqueta-v2 {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-transform-origin: center;
    transform-origin: center;
    position: relative;
}

.ETIQUETA-VERTICAL .etiqueta-v2 {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: nowrap;
}

.bar-boxes {
    position: relative;
    bottom: 0px;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    height: 115px;
    align-content: space-around;
    flex-wrap: nowrap;
    background: #ffffff;
    width: 100%;
}

.etiqueta-part-extra-v2 {
    overflow: hidden;
    width: 300px;
    max-width: 300px;
    min-width: 300px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    border: solid 1px;
    border-radius: 15px;
    margin-right: -35px;
    padding-right: 0;
}

.IS_HORIZONTAL .HAS_BOTTOM.HAS_EXTRA:not(.HAS_TOP) .etiqueta-part-extra-v2 {
    margin-bottom: 60px;
}

.IS_HORIZONTAL .HAS_TOP.HAS_EXTRA:not(.HAS_BOTTOM) .etiqueta-part-extra-v2 {
    margin-top: 60px;
}

.HAS_BOTTOM:not(.HAS_TOP) .etiqueta-part-extra-v2 {
    margin-top: -58px;
}

.HAS_TOP:not(.HAS_BOTTOM) .etiqueta-part-extra-v2 {
    margin-top: 82px;
}

.HAS_TOP.HAS_BOTTOM .etiqueta-part-extra-v2 {
    margin-top: 22px;
}

.ETIQUETA-VERTICAL .etiqueta-v2 .etiqueta-part-extra-v2 {
    margin: 0;
    margin-bottom: 15px;
}

.etiqueta-part-top-v2 {
    border: solid 1px #d9d9d9;
    padding: 0 15px;
    height: 85px;
    border-radius: 15px 15px 0 0;
    border-bottom: none;
    max-width: calc(100% - 120px);
    min-width: 300px;
    text-align: center;
    /* padding-bottom: 100px;
    margin-bottom: -100px; */
}

.content-prices {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    overflow: hidden;
}

.etiqueta-part-extra-top-v2 {
    padding: 0 10px;
    padding-right: 55px;
    height: 80px;
    font-size: 24px;
    white-space: nowrap;
    width: 100%;
    max-width: 100%;
}

.ETIQUETA-VERTICAL .etiqueta-v2 .etiqueta-part-extra-v2 .etiqueta-part-extra-top-v2 {
    padding-right: 10px;
}

.text-box {
    display: -webkit-box;
    display: flex;
    position: relative;
    line-height: initial;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    display: flex;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.etiqueta-part-extra-top-v2.text-box {
    font-weight: 700;
    font-size: 56px;
    white-space: nowrap;
}

.etiqueta-part-top-v2.text-box {
    font-weight: 700;
    font-size: 40px;
    white-space: nowrap;
}

.text-box-text {
    display: block;
    position: relative;
    text-align: center;
    width: auto;
    /* min-height: inherit !important; */
}

.v3-observacao .text-box-text {
    /* white-space: nowrap; */
}

.v3-titulo>.text-box {
    display: -webkit-box;
    display: flex;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.etiqueta-part-bottom-v2 {
    border: solid 1px #d9d9d9;
    padding: 0 15px;
    height: 160px;
    border-radius: 0 0 15px 15px;
    border-top: none;
    max-width: calc(100% - 120px);
    min-width: 200px;
    text-align: center;
    padding-top: 100px;
    margin-top: -100px;
}

.box-elemento {
    height: -webkit-min-content;
    height: -moz-min-content;
    height: min-content;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    background: #303030;
}

.etiqueta-part-extra-bottom-v2 {
    height: 110px;
    padding-right: 55px;
    position: relative;
    padding-left: 10px;
}

.ETIQUETA-VERTICAL .etiqueta-part-extra-v2 .etiqueta-part-extra-bottom-v2 {
    padding-right: 10px;
}

.etiqueta-part-extra-bottom-v2 .price-box {
    width: calc(100% - 70px);
    padding: 0;
    display: -webkit-box;
    display: flex;
}

.ETIQUETA-VERTICAL .etiqueta-part-extra-v2 .etiqueta-part-extra-bottom-v2 .price-box {
    width: calc(100% - 20px);
}

.text-box-h {
    display: block;
    position: relative;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.box-etiqueta-v2 {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ETIQUETA-VERTICAL .box-etiqueta-v2 {
    max-width: 514px;
    min-width: 514px;
    height: 528px;
    width: 514px;
}

img.img-bg-desconto {
    aspect-ratio: 125/87;
}

.listar-produtos-for-select {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    gap: 10px;
}

.modelo_body_border-listar {
    width: 100%;
    display: -webkit-box;
    display: flex;
}

.listar-produtos-for-select .footer-produto-cartaz {
    display: none;
}

.listar-produtos-for-select>.col-12 {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    gap: 10px;
    -webkit-box-pack: start;
    justify-content: flex-start;
}

.d-flex.tool-bar-options {
    border: solid 1px #e5e5e5;
    margin-bottom: 15px;
    padding: 8px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.d-flex.tool-bar-options .select-tool {
    min-width: calc(33.333% - 10px);
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: start;
    align-items: flex-start;
    max-width: calc(33.333% - 10px);
    margin: 5px 5px;
}

.d-flex.tool-bar-options .select-tool select {
    width: 100%;
}

.header-options {
    width: 100%;
    min-height: 710px;
    min-width: 710px;
    max-height: 710px;
}

.options-r {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 15px 0;
    flex-direction: column;
}

.reprovar-estrutura {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #373737ab;
    display: -webkit-box;
    display: flex;
    z-index: 99;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    opacity: 0;
    cursor: pointer;
}

.reprovar-estrutura:hover {
    opacity: 1;
}

.filtros-menu {
    color: #eaeaea;
    display: -webkit-box;
    display: flex;
    gap: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    align-content: stretch;
}

.filtros-menu .select-filter {
    -webkit-box-flex: 1;
    flex: 1;
}

.font-properties {
    display: -webkit-box;
    display: flex;
    width: 100%;
    min-width: 100%;
    margin-bottom: 10px;
}

.listar-produtos-for-select-destaques {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    row-gap: 20px;
}

.produto-pallet-editor {
    height: 100%;
    width: 100%;
    min-height: 100%;
    min-width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 15px;
}

.produto-pallet-editor .footer-produto-cartaz {
    display: none;
}

.cor-item {
    width: calc(20% - 10px);
    height: auto;
    aspect-ratio: 1/1;
    cursor: pointer;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-weight: 700;
    border: solid 1px #ededed;
    font-size: 21px;
    border-radius: 10px;
    text-align: -webkit-center;
}

.cores {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    height: 50%;
    overflow: scroll;
    max-height: 50%;
    gap: 10px;
    justify-content: space-around;
    overflow: hidden;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    overflow-y: scroll;
    -webkit-box-flex: 1;
    flex: 1;
    max-height: inherit;
}

.option-row {
    min-width: 100%;
    row-gap: 25px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.option-row h2 {
    font-size: 18px;
}

.produto-box-editor {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    align-content: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 50%;
    background: #f0f0f0;
    border-radius: 15px;
}

.options-box {
    width: 50%;
    display: -webkit-box;
    display: flex;
}

.img-tema-full-retro {
    position: absolute;
    top: -60% !important;
    right: -20% !important;
    left: -20% !important;
    bottom: 0 !important;
    display: -webkit-box;
    display: flex;
    width: 200%;
    height: auto !important;
    max-height: inherit;
    min-width: 200% !important;
    min-height: 200% !important;
}

.tema-modelo-11 .retro-bg {
    position: absolute;
    height: 1080px;
    margin: auto;
    top: 130px;
    max-width: 100%;
    overflow: hidden;
}

.tema-modelo-11 .retro-bg img {
    height: 100%;
}

.tema-modelo-10 .retro-bg {
    position: absolute;
    height: 1100px;
    margin: auto;
    top: 410px;
    max-width: 100%;
    overflow: hidden;
}

.retro-bg .square {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
}

.tema-modelo-10 .retro-bg img {
    height: 100%;
}

.tema-modelo-2 .retro-bg {
    position: absolute;
    height: 1200px;
    margin: auto;
    top: 0px;
    width: 1200px;
    overflow: hidden;
}

.tema-modelo-2 .retro-bg img {
    height: 100%;
}

.etiqueta-v2-select-item {
    width: auto;
    height: 50px;
    overflow: hidden;
    position: relative;
    aspect-ratio: 502/230;
    background-size: contain;
    background-repeat: no-repeat;
    text-align: center;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
}

.etiqueta-v2-select-item {
    cursor: pointer;
}

.etiqueta-v2-select-item.active {
    -webkit-box-shadow: 0px 0px 0px 5px #8bc34a;
    box-shadow: 0px 0px 0px 5px #8bc34a;
    border-radius: 5px;
}

.bubble-v2-select-item {
    position: relative;
    width: auto;
    aspect-ratio: 100/100;
    height: 130px;
    cursor: pointer;
}

.bubble-v2-select-item.active {
    -webkit-box-shadow: 0px 0px 0px 5px #8bc34a;
    box-shadow: 0px 0px 0px 5px #8bc34a;
    border-radius: 5px;
}

.cor-item.active {
    -webkit-box-shadow: 0px 0px 0px 5px #8bc34a;
    box-shadow: 0px 0px 0px 5px #8bc34a;
    border-radius: 5px;
}

.d-flex.options-aplicar {
    gap: 10px;
}

.form-check-label {
    /*width: 100%;*/
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    /* margin-left: 7px; */
}

div.form-check-label {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    gap: 10px;
}

.body-modal {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}

.body-modal .card {
    width: calc(20% - 8px);
}

.footer-modal {
    margin-top: 15px;
}

.header-modal {
    margin-bottom: 15px;
    padding: 15px 0;
}

.select-options-modal {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}

.select-options-modal .body-modal {
    height: 100%;
    overflow-y: scroll;
}

.render-pagination-tools .ml-auto.flex-column.d-flex {
    position: relative;
}

.group-temas-tv,
.group-temas-others {
    overflow-y: auto;
    overflow-x: hidden;
    display: -webkit-box;
    display: flex;
    gap: 11px;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    min-width: 100%;
}

.overlay-modal-frame-v2 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 999999999;
    background: #27272796;
}

.modal-frame-v2 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 1000000000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-frame-v2 .close {
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    border-radius: 50%;
    color: #eb1010;
    border: solid 1px #646464;
    right: -25px;
    top: -25px;
    cursor: pointer;
    z-index: 999;
}

.modal-hello {
    overflow: inherit;
}

a.btn-comecar {
    margin: 0;
}

a.btn-comecar:visited {
    color: #fff;
}

.footer-hello {
    display: flex;
    justify-content: center;
}

.modal-render-premium-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999999999999999;
    display: -webkit-box;
    display: flex;
    background: #000000c7;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.search-artigos {
    width: 100%;
    position: sticky;
    top: 0px;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: position: -o-sticky;
    position: sticky;
    z-index: 9999999;
}

.artigo-list-item {
    display: flex;
    flex-direction: row;
    margin-bottom: 15px;
    cursor: pointer;
    flex-wrap: wrap;
    border: solid 5px #fff;
}

.active.artigo-list-item {
    border: solid 5px #444444;
}

.active.artigo-list-item .btn-danger {
    margin: 15px;
}

.artigo-list-item iframe {
    min-width: 100%;
    margin-top: 15px;
    aspect-ratio: 16/9;
}

.artigo-list-item .card {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    min-width: 100%;
}

.artigo-list-item .card h3 {
    margin: 15px;
}

.artigo-list-item .card h3:first-letter {
    text-transform: capitalize;
}

.artigo-list-item img {
    width: 260px;
}

.no-conversion-help {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.no-conversion-help h2 {
    padding: 0 15px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

a.suporte-whatsapp {
    display: flex;
    background: #4caf50;
    padding: 10px 10px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 15px;
    gap: 10px;
    font-weight: 700;
    align-items: center;
    flex-direction: row;
    text-decoration: none;
    margin-right: 7.5px;
    height: 55px;
    margin: auto;
    white-space: nowrap;
    border: solid 1px #4caf50;
}

.actions .btn-vou-tentar {
    display: flex;
    background: #0d6efd;
    padding: 10px 10px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 15px;
    gap: 10px;
    font-weight: 700;
    align-items: center;
    flex-direction: row;
    text-decoration: none;
    margin-right: 7.5px;
    height: 55px;
    margin: auto;
    white-space: nowrap;
    border: solid 1px #97bdf5;
}

.footer-hello .actions {
    display: flex;
    gap: 15px;
}

.actions.ml-sm-auto {
    margin-left: auto;
}

h3 mark {
    background-color: #ffeb3b30;
    padding: 0;
}

span.total-artigos {
    background: #f00;
    color: #fff;
    padding: 0 5px;
    border-radius: 10px;
    position: absolute;
    bottom: 5px;
    font-weight: 700;
    text-transform: uppercase;
    display: none;
    font-size: 9px;
    text-align: center;
    height: 17px;
    align-items: center;
    justify-content: center;
}

.card-forma {
    width: calc(20% - 15px);
    text-align: center;
}

.card-forma .card-title {
    margin: 0 !important;
    padding: 0;
}

div.body-hello.formas-de-pagamento-select {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    overflow-y: auto;
}

a.editar-campo-modal {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    /* color: #a1a1a1; */
}

.body-hello.formulario-modal {
    display: flex;
    overflow-y: scroll !important;
    padding: 15px;
}

/*
.oferta-remove-marca-dagua {
    margin: 0 0 25px 0;
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    max-width: 570px;
    position: relative;
}
*/

.oferta-remove-marca-dagua {
    margin: 0 0 25px 0;
    background: #fff;
    padding: 10px;
    border-radius: 15px;
    position: relative;
    border: solid #efefef 1px;
    box-shadow: 0px 0px 35px #dddddd;
}


.oferta-remove-marca-dagua::before {
    content: " ";
    position: absolute;
    background: #eee;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    right: 10px;
    border: solid 2px #5b5b5b;
    top: 10px;
}

.header-oferta-marca-dagua div.col-text {
    flex-direction: column;
    display: flex;
    align-items: flex-start;
}

.col-logo-coroa {
    width: 140px;
    margin-left: -7px;
}

.col-logo-coroa img {
    width: 100%;
}

.header-oferta-marca-dagua {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    flex-wrap: nowrap;
    gap: 4px;
    margin-bottom: 9px;
}

.col-text {
    margin-top: 5px;
    width: 100%;
    display: flex;
    align-items: center;
}

.col-text h1 {
    font-size: 28px;
    margin: 0;
}

.col-12.col-ctas {
    display: flex;
    gap: 20px;
    align-items: center;
    padding-top: 20px;
    border-top: dashed 2px #5b5b5b;
}

.features-lists {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    flex-direction: row;
    background: #f0f0f0;
    flex-wrap: wrap;
}

.features-lists h4 {
    width: 100%;
    margin-left: 10px;
    margin-top: 10px;
}

.features-lists ul {
    margin-bottom: 10px;
    padding-left: 15px;
    margin-left: 10px;
}

.features-lists ul li {
    font-weight: 300;
}

.lists-elements {
    display: flex;
    width: 100%;
    min-width: 100%;
    flex: 1;
    /* justify-content: space-evenly; */
    flex-direction: column;
    margin-top: 0px;
}

.list-elements-opened.lists-elements.pacote {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    /* background: #252627; */
    z-index: 99;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 0;
}

.lists-elements .view-more {
    font-size: 12px;
    color: #bebebe;
    white-space: nowrap;
    margin-top: 5px;
}

a.ml-auto.view-more .badge {
    display: none;
}

.header-lists-elements {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    color: #e9e9e9;
    font-size: 14px;
    align-items: center;
}

.list-elements-opened .header-lists-elements {
    font-size: 25px;
    height: 50px;
}

.list-elements-opened .header-lists-elements {
    display: flex;
    justify-content: space-between;
    height: 50px;
}

.list-elements-opened .header-lists-elements h2 {
    padding-left: 10px;
}

.header-lists-elements h2 {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    font-size: 14px;
    align-items: center;
}

.header-lists-elements svg {
    height: 25px;
    width: 25px;
}

.btn-troca-grade svg {
    margin: 0px 5px 3px 0px;
}

.items-list-elements {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 5px;
    padding: 5px 5px 5px 0;
    overflow-y: hidden;
    position: relative;
    min-width: 100%;
}

.pacote,
.pacote * {
    -webkit-user-select: none;
    user-select: none;
}

.list-elements-opened .items-list-elements {
    display: flex;
    flex-direction: row;
    overflow-y: auto;
    overflow-x: auto;
    padding: 5px 0;
    flex-wrap: wrap;
    align-content: flex-start;
}

.list-elements-opened .control-right,
.list-elements-opened .control-left {
    display: none;
}

.control-left,
.control-right {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 35px;
    justify-content: center;
    cursor: pointer;
}

.control-left {
    left: 0;
    z-index: 1;
}

.control-right {
    right: 0;
    z-index: 1;
}

.control-right::before {
    content: ' ';
    /* background: linear-gradient(270deg, #252627, #0000); */
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.builder-cartazes .control-right::before {
    /* background: linear-gradient(270deg, #3f51b5, #0000); */
}

.control-left::before {
    content: ' ';
    /* background: linear-gradient(90deg, #252627, #0000); */
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

/* .builder-cartazes .control-left::before {
    background: linear-gradient(90deg, #3f51b5, #0000);
} */

.control-left svg {
    color: #fff;
}

.control-right svg {
    color: #fff;
    transform: rotate(180deg);
}

.items-list-elements .item-list-element {
    min-width: 45% !important;
    width: 45% !important;
    max-width: 45% !important;
}

.list-elements-opened .items-list-elements .item-list-element {
    min-width: calc(50% - 5px) !important;
    width: calc(50% - 5px) !important;
    max-width: calc(50% - 5px) !important;
    height: fit-content;
}

.items-list-elements-box {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 5px;
    padding: 5px 0;
    position: relative;
    width: 100%;
    min-width: 100%;
    flex: 1;
}

.list-elements-opened .items-list-elements-box {
    overflow-y: scroll;
}

a.btn-svg {
    width: 50px;
    height: 50px;
    margin: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #e9e9e9;
    min-width: 50px;
}

.view-more-icon {
    min-width: 45% !important;
    width: 45% !important;
    max-width: 45% !important;
    color: #9a9a9b;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}

.list-elements-opened .view-more-icon {
    display: none;
}

.view-more-icon .icon-more {
    border: solid 1px #9a9a9b;
    padding: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 4px;
}

.view-more-icon .icon-more svg {
    transform: rotate(180deg);
    width: 30px;
    height: 20px;
}

.filtros-bar {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    gap: 5px;
    flex-direction: row;
}

.filtros-bar a {
    flex: 1;
}

.search.my-1 {
    margin-bottom: 10px !important;
}

.pacote ::-webkit-scrollbar {
    width: 8px;
    height: 15px;
}

.line-chips {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin: 0 var(--margin-layout);
    z-index: 9;
    margin-bottom: calc(var(--footer-base-margin) * 3);
    position: relative;
    margin-top: 3px;
    font-size: var(--footer-font-size);
    width: calc(100% - calc(var(--margin-layout)*2));
}

.line-chips .item-chip {
    background: #fff;
    display: flex;
    height: var(--chip-height);
    flex: 3;
    border-radius: calc(var(--footer-line-height) / 2);
    grid-template-areas: "ICONE LABEL" "ICONE TEXT";
    align-items: center;
    grid-template-rows: 30% 70%;
    grid-gap: 0px;
    padding: 0 15px 0 0;
    overflow: hidden;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 5px;
    justify-content: flex-start;
}

.line-chips .item-chip-3 {
    grid-template-areas: "ICONE TEXT" "ICONE TEXT";
}

.line-chips .item-chip-2 {
    grid-template-areas: "ITEM-1" "ITEM-2";
}

.line-chips .item-chip .icone {
    grid-area: ICONE;
    display: flex;
    justify-content: center;
    background: #0069ee;
    border-radius: 50px;
    color: #fff;
    background: #fdd201;
    color: #007701;
}

.line-chips .item-chip-1 .icone {
    grid-area: ICONE;
    display: flex;
    justify-content: center;
    border-radius: 75px;
    width: calc(var(--chip-height) + calc(var(--footer-base-margin) * 4));
    height: calc(var(--chip-height) + calc(var(--footer-base-margin) * 4));
    background: #fdd201;
    color: #007701;
}

.line-chips .item-chip-3 .icone {
    grid-area: ICONE;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    min-width: 50px;
    width: calc(var(--chip-height) + calc(var(--footer-base-margin) * 2));
    height: calc(var(--chip-height) + calc(var(--footer-base-margin) * 2));
}

.line-chips .icone i {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(var(--chip-height) / 1.4);
    font-weight: normal;
}

.line-chips .item-chip-3 .icone i {
    line-height: calc(var(--chip-height) + calc(var(--footer-base-margin) * 4));
    font-size: calc(var(--chip-height) + calc(var(--footer-base-margin) * 4));
    display: flex;
    align-items: center;
    font-size: calc(var(--chip-height) * 1);
}

.line-chips .icone i.fa-phone-alt {
    font-size: calc(var(--chip-height) * 0.7);
}

.line-chips .item-chip-2 .icone {
    font-size: 50px;
}

.line-chips .item-chip-1 .label {
    grid-area: LABEL;
    font-size: 18px;
    padding-left: 5px;
    font-weight: 300;
    line-height: 100%;
    font-size: 0.28em;
    display: flex;
    white-space: nowrap;
}

.line-chips .item-chip .text {
    grid-area: TEXT;
    text-align: center;
    font-weight: 700;
    font-size: 0.45em;
    color: #009203;
    padding-left: 3px;
    display: -webkit-box;
    /* max-width: 100%; */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: start;
    /* overflow: hidden; */
    white-space: nowrap;
}

.line-chips .item-chip-1 .text {
    white-space: nowrap;
}

.line-chips .item-chip-2 .item-1 {
    grid-area: ITEM-1;
    display: flex;
    gap: 15px;
}

.line-chips .item-chip-2 .item-2 {
    grid-area: ITEM-2;
    display: flex;
    gap: 15px;
    padding: 0 50px;
}

.line-pag-validade {
    display: flex;
    flex-direction: row;
    z-index: 9;
    background: #fdd201;
    display: grid;
    grid-template-areas: "C R" "C R" "F F";
    grid-template-columns: 30% 70%;
    max-height: calc(var(--footer-line-height) * 3);
    overflow: hidden;
    margin: 0 var(--margin-layout);
    color: #000;
    border-radius: calc(var(--footer-line-height) / 2);
    margin-bottom: var(--footer-base-margin);
    justify-items: stretch;
    align-items: stretch;
    position: relative;
    font-size: var(--footer-font-size);
    width: calc(100% - calc(var(--margin-layout)*2));
    /* padding: 5px; */
}

.line-pag-validade.footer-no-has-left {
    grid-template-areas: "R R" "R R" "F F";
}

.line-pag-validade.footer-no-has-right {
    grid-template-areas: "C F" "C F" "C F";
}

.line-pag-validade.footer-no-has-right.footer-no-has-bottom {
    grid-template-areas: "C C" "C C" "C C";
}

.line-pag-validade.footer-no-has-right.footer-no-has-left {
    grid-template-areas: "F F" "F F" "F F";
}

.column-5-line-2 .formas-de-pagamento-list {
    display: flex;
    height: calc(100% - 10px);
    overflow: hidden;
    background: #d3d3d3b5;
    padding: 4px;
    border-radius: 15px;
    margin: 5px 5px;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    gap: 5px;
}

.column-5-line-2 .forma {
    height: 100%;
    width: auto;
    background-size: contain;
    background-repeat: no-repeat;
    /*min-width: var(--footer-line-height);*/
    background-position: center;
    display: flex;
    justify-content: center;
}

.column-5-line-2 .forma img {
    max-height: 100%;
    max-width: 100%;
    background: #fff;
    border-radius: 5px;
}

.column-1 {
    grid-area: C;
    background: #fff;
    border-radius: calc(var(--footer-line-height) / 2) calc(var(--footer-line-height) / 2) 0 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(var(--footer-line-height) * 2);
    padding: 10px;
}

.column-1 .w-100 .empresa-slogan {
    text-align: center;
    margin: 0 auto;
}

.line-pag-validade.footer-no-has-bottom .column-1 {
    border-radius: 25px 0 0 25px;
}

.line-pag-validade.footer-no-has-right .enderecos {
    display: flex;
    flex-direction: column;
    height: calc(var(--footer-line-height) * 2);
    align-items: flex-start;
}

.line-pag-validade.footer-no-has-right .column-1 {
    border-radius: 25px 0 0 25px;
}

.line-pag-validade.footer-no-has-right.footer-no-has-left .enderecos {
    height: var(--footer-line-height);
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

.column-5-line-1 {
    padding: 5px 0 0 5px;
    height: calc(2*var(--footer-line-height)/3);
    max-width: 100%;
    width: 100%;
}

.column-5-line-2 {
    height: var(--footer-line-height);
    max-width: 100%;
    width: 100%;
}

.column-5-line-3 {
    padding: 0px 0 0 5px;
    height: calc(var(--footer-line-height)/3);
    max-width: 100%;
    width: 100%;
}

.validade-ofertas-v3 {
    display: flex;
    font-size: 0.435em;
    text-align: center;
    height: 100%;
    align-items: center;
    gap: 5px;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: fit-content;
    height: fit-content;
    margin: auto;
}

.areaTeste {
    width: 100%;
    height: 20%;
    max-height: 50px;
}

.areaTel {
    display: flex;
    align-items: center;
}

.validade-ofertas-v3 .data {
    background: #007701;
    color: #fff;
    border-radius: 15px;
    padding: 0 9px;
    font-weight: 700;
}

.line-pag-validade .enderecos {
    grid-area: F;
    text-align: center;
    display: flex;
    justify-content: space-around;
    /* font-size: 21px; */
    background: #007701;
    color: #fff;
    font-size: 0.5em;
    /* font-weight: 700; */
    line-height: 1;
    height: calc(var(--footer-line-height) * 1);
    overflow: hidden;
    align-items: center;
    padding: 5px;
}

.icone-location {
    width: 30px;
    height: 30px;
    color: #fdd201;
    margin: 0 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-footer .icone-location {
    margin: 0 16px;
}

.icone-location svg {
    width: 100%;
    height: 100%;
}

.empresa-nome {
    font-size: 0.45em;
    font-weight: 700;
}

.no-nome-emp .empresa-slogan {
    font-size: 25px;
    font-weight: 700;
}

.empresa-slogan {
    font-size: 0.35em;
    font-weight: 200;
}

.big-line {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-transform: uppercase;
}

.column-r {
    grid-area: R;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 5px;
    justify-content: center;
}

.item-footer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    height: 100%;
    flex: 1;
    justify-content: center;
}

.item-footer.websiteArea {
    flex: 2;
}

.item-footer.addressArea {
    flex: 3;
    margin-right: 16px;
    /* padding: 10px; */
}

.col-text-footer {
    display: flex;
    flex-direction: column;
    padding: 2px 0;
    height: calc(var(--chip-height) + calc(var(--footer-base-margin)* 2));
    align-items: flex-start;
    width: 90%;
}

.last-line {
    font-size: 0.3em;
}

img.img-oferta-popup {
    max-width: 100%;
    border-radius: 15px;
    margin-bottom: 25px;
}

.hidden {
    display: none;
}

.image-produto-estantaneo {
    cursor: pointer;
    height: 90px;
    width: 100%;
    border: solid 1px #dbdbdb;
    position: relative;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 5px;
}

.image-produto-estantaneo img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    width: 100%;
    border-radius: 5px;
}

h3.one-line-text {
    font-weight: 700;
    flex-wrap: wrap;
    font-size: 14px;
    padding: 5px 5px 0 0;
}

.produto-estantaneo .row {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.produto-estantaneo p {
    margin: 0;
}

.btn-add-produto-estantaneo {
    position: absolute;
    right: 5px;
    bottom: 5px;
    display: -webkit-box !important;
    display: flex !important;
}

.produto-estantaneo {
    position: relative;
    height: 100px;
    display: flex;
    cursor: pointer;
}

#QUERY {
    white-space: nowrap;
    padding: 0 10px;
    line-height: 20px;
    font-size: 15px;
}

.produtos-estantaneos {
    padding: 10px;
    border: none;
    background: white;
    border-radius: 10px;
    margin-top: 0px;
    color: #4c5665;
}

.modal-publicar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    background: #000000bf;
    display: -webkit-box;
    display: flex;
}

.content-modal-publicar {
    margin: auto;
    min-width: 30vw;
    position: relative;
    background: #fff;
    display: -webkit-box;
    display: flex;
    max-height: 90vh;
    max-width: 90vw;
    border-radius: 15px;
}

.content-modal-publicar h3 {
    /* margin-top: 10px; */
    font-size: 20px;
}

.content-modal-publicar h1 span {
    font-size: 33px;
    font-weight: bold;
    letter-spacing: -1px;
}

.content-modal-publicar .close {
    background: #fff;
    position: absolute;
    right: -10px;
    top: -20px;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: flex;
    color: #f44336;
    font-size: 40px;
    border-radius: 50%;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-shadow: #00000063 -1px 0px 3px;
    box-shadow: #00000063 -1px 0px 3px;
    cursor: pointer;
    opacity: 1;
    z-index: 1055;
}

.target-publish {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 15px;
}

span.sprite-social-target-icon {
    background-image: url('https://i1.wp.com/www.seucontato.com/cdn/QROFERTAS/logos-sociais.png');
    display: block;
    height: 30px;
    width: 28px;
    background-size: auto 30px;
}

span.sprite-social-target-icon.whatsapp {
    background-position: right;
}

span.sprite-social-target-icon.instagram {
    background-position: center;
}

.meta-info.d-flex {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 5px;
}

.target-publish .form-switch.form-switch-lg,
.modal-publicar .form-switch.form-switch-lg {
    padding-left: 4.0em;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.modal-publicar .item-target .form-switch.form-switch-lg {
    min-width: 100% !important;
    height: 25px;
    padding-top: 1px;
    display: flex !important;
    flex-direction: row;
    align-content: center;
}

.target-publish .meta-info .btn {
    width: 130px;
    margin-right: 15px;
}

.target-publish .meta-info h6 {
    margin: 0;
    position: relative;
}

.target-publish .meta-info h6 .badge {
    font-size: 12px;
    position: inherit;
    padding: 5px;
    margin-left: 15px;
}

.target-publish .meta-info h6 .badge-dark {
    background: #565656;
}

.itens-target {
    display: flex;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.itens-target .item-target {
    min-width: 170px;
    display: flex;
}

.meta-info {
    display: flex;
}

.imagem-publish.loading-image {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: cubic-bezier(0.59, 0.54, 1, 1);
    background-color: #f6f7f8;
    background: linear-gradient(to top, #eeeeee 8%, #d6d6d6 18%, #eeeeee 33%);
    background-size: 100% 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.imagem-publish.loading-image::after {
    content: attr(data-text);
    position: absolute;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    color: #969696;
    text-align: center;
    padding: 10px;
    z-index: 0;
}

.imagens-publish {
    gap: 15px;
    overflow-x: auto;
    padding-bottom: 10px;
    display: flex;
    margin-top: 20px;
}

.selecionar-grupos-destinos::before {
    content: 'Não será publicado, selecione algum destino na etapa 1';
    position: absolute;
    background: #000000ab;
    z-index: 9;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
}

.selecionar-modelos-destinos::before {
    content: 'Não será publicado, selecione algum modelo na etapa 2';
    position: absolute;
    background: #000000ab;
    z-index: 9;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
}

.previas-modelo-1 .imagem-publish {
    aspect-ratio: 1200/1200;
}

.imagem-publish.limitado::after {
    content: "Acima do Limite disponível...";
    position: absolute;
    background: #606060e3;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.imagem-publish {
    border-radius: 5px;
    position: relative;
    height: 130px;
}

.imagem-publish img {
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.previas-modelo-3 .imagem-publish {
    aspect-ratio: 1080/1920;
}

.previas-modelo-4 .imagem-publish {
    aspect-ratio: 2400/3900;
}

.previas-modelo-6 .imagem-publish {
    aspect-ratio: 2480/3508;
}

.previas-modelo-8 .imagem-publish {
    aspect-ratio: 1080/1350;
}

.previas-modelo-9 .imagem-publish {
    aspect-ratio: 1920/1080;
}

.previas-modelo-12 .imagem-publish {
    aspect-ratio: 2480/3508;
}

.previas-modelo-14 .imagem-publish {
    aspect-ratio: 3508/2480;
}

.previas-modelo-15 .imagem-publish {
    aspect-ratio: 1080/1350;
}

.previas-modelo-16 .imagem-publish {
    aspect-ratio: 3508/2480;
}

.previas-modelo-17 .imagem-publish {
    aspect-ratio: 1080/1920;
}

.check-edit-inline .form-switch {
    display: flex;
}

.channel-item .img-100 {
    width: 100px;
    height: 100px;
}

.input-item-line {
    margin-bottom: 2px;
    /* flex: 1; */
    /* display: flex; */
    /* margin: 3px; */
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    /* border: solid 3px #2196f300; */
}

.resultados-autocomplete .sugestoes-itens {
    /* max-height: 100%; */
    overflow-y: auto;
    /* border-radius: 15px; */
    /* overflow-x: hidden; */
    background: #fff;
}

.box-search-menu input {
    margin-left: 0 !important;
}

#SEARCH2 {
    display: inherit;
}

.focused-search-produtos #SEARCH2 {
    /* display:none; */
}

#SEARCH3 {
    display: none;
}

#SEARCH3 {
    display: inherit;
    /* margin: 0 10px 10px 10px; */
}

.focused-search-produtos .box-search-menu {
    /* background: #000000a1; */
    /* display: flex; */
    /* padding: 10px; */
    /* gap: 10px; */
    /* flex-direction: column; */
    /* flex-wrap: nowrap; */
    /* justify-content: space-around; */
    /* max-height: 40vh; */
    /* overflow: hidden; */
}

.search.box-search-menu {}

.nav-items-lines-controls {
    background: #282828;
    height: 48px;
    /* display: flex; */
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
    /* flex: 1; */
    /* display: none; */
    display: flex;
    flex: 1;
    padding: 5px 10px;
    gap: 15px;
    align-items: flex-start;
}

.nav-items-lines-controls.nav-items-lines-controls-start {}

.nav-items-lines-controls.nav-items-lines-controls-end {}

.nav-items-lines-controls .btn-icon {
    height: 38px;
    min-width: 48px;
    display: flex;
    color: #fff;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    cursor: pointer;
    display: none;
    margin-left: -10px;
}

.nav-items-lines-controls .btn-icon .btn-legend {
    margin-left: 5px;
    font-size: 13px;
}

.nav-items-lines-controls-end .btn-icon.btn-scroll-input-item.btn-scroll-input-item-down {
    margin: 0 auto 0 auto;
}

.btn-scroll-input-item-up svg {
    transform: rotate(90deg);
}

.btn-scroll-input-item-down svg {
    transform: rotate(-90deg);
}

.nav-items-lines {}

.template-suggest-query {}

.form-control::-moz-placeholder {
    color: #b2b2b2;
    opacity: 1
}

.form-control::placeholder {
    color: #b2b2b2;
    opacity: 1
}

.show-md.controls-nav-search {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.footer-suggests {
    height: 30px;
    display: flex;
    font-size: 10px;
    white-space: nowrap;
    padding: 0 15px;
    line-height: 30px;
    justify-content: space-between;
    background: #fff;
}

.footer-suggests a {
    color: #7f7f7f;
    text-decoration: none;
}

button#SEARCH2,
button#SEARCH2:active,
button#SEARCH2:focus,
button#SEARCH2:hover {
    background: #282828;
    border: none;
    outline: none;
    box-shadow: none;
}

.modal-produto.produto-box {
    width: 100%;
    flex: 1;
}

.original-query {
    font-size: 13px;
    display: flex;
    flex-direction: column;
}

.img-placeholder {
    position: relative;
}

.img-placeholder.loading-img::after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -10px;
    top: 50%;
    margin-top: -10px;
    position: absolute;
    z-index: 19 !important;
    animation: loading-bar-spinner 1000ms linear infinite;
    width: 20px;
    height: 20px;
    border: solid 4px transparent;
    border-top-color: #a7a7a7;
    border-left-color: #a7a7a7;
    border-radius: 50%;
    z-index: 1 !important;
}

@keyframes loading-bar-spinner {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.qr-input-container-v2 {
    border-collapse: collapse;
    border-spacing: 0;
    list-style: none;
    font: 14px/normal "Arial", Helvetica, Sans-Serif;
    visibility: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-block: 10px;
    padding-inline: 48px;
    z-index: 1;
    background: #fff;
    outline: transparent solid 1px;
    cursor: text;
    transition-property: min-height, height, width, transform, border-radius, border-color, box-shadow;
    padding: 10px;
    min-height: 90px;
    /* padding-bottom: 42px; */
    gap: 10px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    border-radius: 14px 14px 0 0;
    box-shadow: inset 0px 5px 4px rgb(149 149 149 / 50%);
}

.qr-input-container-v2.resultados-autocomplete-0 {}

.qr-input-container-v2.resultados-autocomplete-0 {
    border-radius: 15px;
    padding-bottom: 10px;
}

.qr-input-container-v2 .qr-input-item-line-v2 {
    border-collapse: collapse;
    border-spacing: 0;
    list-style: none;
    font: 14px/normal "Arial", Helvetica, Sans-Serif;
    visibility: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    cursor: text;
    display: flex;
    flex-direction: column;
}

.qr-input-container-v2 .qr-input-item-line-v2 .qr-input-search-produtos-multiline-v2 {
    border-collapse: collapse;
    border-spacing: 0;
    list-style: none;
    font: 14px/normal "Arial", Helvetica, Sans-Serif;
    visibility: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    cursor: text;
    display: flex;
    /* border: solid 1px #000; */
    /* padding: 15px; */
}

.qr-input-container-v2 .qr-input-item-line-v2 .qr-input-search-produtos-multiline-v2 .container-form {
    border-collapse: collapse;
    border-spacing: 0;
    list-style: none;
    font: 14px/normal "Arial", Helvetica, Sans-Serif;
    visibility: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    font-family: -apple-system, Roboto, SegoeUI, 'Segoe UI', 'Helvetica Neue', Helvetica, 'Microsoft YaHei', 'Meiryo UI', Meiryo, Arial Unicode MS, sans-serif;
    color: #3c3c3c;
    cursor: text;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    font-variation-settings: unset;
    width: 100%;
    flex: 1 1 100%;
    /* padding: 13px 11px; */
    /* padding-inline-end: 50px; */
    /* overflow-x: auto; */
    /* display: block; */
}

.qr-input-container-v2 .qr-input-item-line-v2 .qr-input-search-produtos-multiline-v2 .container-form #FORM_SEARCH_TEXT {
    border-collapse: collapse;
    border-spacing: 0;
    list-style: none;
    font: 14px/normal "Arial", Helvetica, Sans-Serif;
    visibility: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    cursor: text;
    display: contents;
}

.qr-input-container-v2 .qr-input-item-line-v2 .controls-search {
    border-collapse: collapse;
    border-spacing: 0;
    list-style: none;
    font: 14px/normal "Arial", Helvetica, Sans-Serif;
    visibility: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    font-family: var(--cib-font-text);
    cursor: text;
    /* position: absolute; */
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 0;
    inset-inline: 0px;
    transition-property: opacity;
    bottom: 5px;
    /* padding-inline-end: 5px; */
    opacity: 1;
    pointer-events: auto;
    flex-direction: row;
    padding-top: 0px;
    /* position: relative; */
    /* z-index: 9; */
    display: flex;
}

.qr-input-container-v2 .qr-input-item-line-v2 .controls-search #SEARCH {}

#FORM_SEARCH_TEXT label {
    --cib-type-body2-font-size: 16px;
    --cib-type-body2-line-height: 24px;
    --cib-type-body2-font-weight: 400;
    border-collapse: collapse;
    border-spacing: 0;
    list-style: none;
    font: 14px/normal "Arial", Helvetica, Sans-Serif;
    visibility: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    font-family: -apple-system, Roboto, SegoeUI, 'Segoe UI', 'Helvetica Neue', Helvetica, 'Microsoft YaHei', 'Meiryo UI', Meiryo, Arial Unicode MS, sans-serif;
    position: relative;
    display: inline-grid;
    /* width: 100%; */
    max-height: 17vh;
    overflow-x: auto;
}

/* Estilo para o contêiner externo */
.qr-input-container-v2 {
    /* estilos aqui */
}

/* Estilos para qr-input-item-line-v2 e seus filhos */
.qr-input-container-v2 .qr-input-item-line-v2 {
    /* estilos aqui */
}

.qr-input-container-v2 .qr-input-item-line-v2 .qr-input-search-produtos-multiline-v2 {
    /* estilos aqui */
}

.qr-input-container-v2 .qr-input-item-line-v2 .qr-input-search-produtos-multiline-v2 .container-form {
    /* estilos aqui */
}

.qr-input-container-v2 .qr-input-item-line-v2 .qr-input-search-produtos-multiline-v2 .container-form #FORM_SEARCH_TEXT {
    /* estilos aqui */
}

.qr-input-container-v2 .qr-input-item-line-v2 .qr-input-search-produtos-multiline-v2 .container-form #FORM_SEARCH_TEXT label {
    /* estilos aqui */
    /* overflow-x: auto; */
    /* display: block; */
    /* margin-right: 100px; */
    width: 100%;
    overflow: hidden;
}

.qr-input-container-v2 .qr-input-item-line-v2 .qr-input-search-produtos-multiline-v2 .container-form #FORM_SEARCH_TEXT label .qr-autosuggest {
    /* estilos aqui */
    overflow: hidden;
}

/* Estilos para os spans dentro de .qr-autosuggest */
.qr-input-container-v2 .qr-input-item-line-v2 .qr-input-search-produtos-multiline-v2 .container-form #FORM_SEARCH_TEXT label .qr-autosuggest .qr-autosuggest-prepend {
    border-collapse: collapse;
    border-spacing: 0;
    list-style: none;
    font: 14px/normal "Arial", Helvetica, Sans-Serif;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    cursor: text;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    font-variation-settings: unset;
    color: #00000000;
    /* visibility: hidden; */
    white-space: pre;
    display: inline;
    /* float: left; */
    z-index: 3;
    /* margin-left: 21px; */
    /* letter-spacing: 0.1em; */
}

/* Estilos para os spans dentro de .qr-autosuggest */
.qr-input-container-v2 .qr-input-item-line-v2 .qr-input-search-produtos-multiline-v2 .container-form #FORM_SEARCH_TEXT label .qr-autosuggest .qr-autosuggest-full {
    border-collapse: collapse;
    border-spacing: 0;
    list-style: none;
    font: 14px/normal "Arial", Helvetica, Sans-Serif;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    cursor: text;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    font-variation-settings: unset;
    color: #00000000;
    /* visibility: hidden; */
    white-space: pre;
    display: inline;
    /* float: left; */
    z-index: 3;
    /* margin-left: 21px; */
    /* letter-spacing: 0.1em; */
    position: absolute;
}

.qr-input-container-v2 .qr-input-item-line-v2 .qr-input-search-produtos-multiline-v2 .container-form #FORM_SEARCH_TEXT label .qr-autosuggest .qr-autosuggest-append {
    border-collapse: collapse;
    border-spacing: 0;
    list-style: none;
    font: 14px/normal "Arial", Helvetica, Sans-Serif;
    visibility: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    cursor: text;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    font-variation-settings: unset;
    color: rgba(17, 17, 17, 0.4);
    margin-left: 0px;
    white-space: pre;
    display: inline;
    /* float: left; */
    /* letter-spacing: 0.1em; */
}

.qr-input-container-v2 .qr-input-item-line-v2 .qr-input-search-produtos-multiline-v2 .container-form #FORM_SEARCH_TEXT label .qr-autosuggest .icon-to-add {
    border-collapse: collapse;
    border-spacing: 0;
    list-style: none;
    font: 14px/normal "Arial", Helvetica, Sans-Serif;
    visibility: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    /* font-family: -apple-system, Roboto, SegoeUI, 'Segoe UI', 'Helvetica Neue', Helvetica, 'Microsoft YaHei', 'Meiryo UI', Meiryo, Arial Unicode MS, sans-serif; */
    font-weight: 400;
    font-variation-settings: unset;
    font-size: 14px;
    line-height: 24px;
    /* color: rgb(255, 51, 51); */
    word-break: break-word;
    position: relative;
    display: inline;
    /* vertical-align: bottom; */
    cursor: pointer;
    z-index: 1;
    /* float: left; */
    /* display: none !important; */
    position: relative;
}



.qr-input-container-v2 .qr-input-item-line-v2 .qr-input-search-produtos-multiline-v2 .container-form #FORM_SEARCH_TEXT label .qr-autosuggest .icon-to-add .icon-tab {
    border-collapse: collapse;
    border-spacing: 0;
    list-style: none;
    font: 14px/normal "Arial", Helvetica, Sans-Serif;
    visibility: visible;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    font-variation-settings: unset;
    position: absolute;
    display: inline-block;
    background: transparent;
    color: rgba(17, 17, 17, 0.4);
    border: solid 1px rgba(17, 17, 17, 0.4);
    border-radius: 6px;
    padding: 0 3px;
    margin: 0px;
    text-transform: capitalize;
    vertical-align: bottom;
    pointer-events: auto;
    z-index: 1;
    cursor: pointer;
    outline: none;
    opacity: 1;
    margin: -3px 0 0px 4px;
    top: 0;
}

.qr-input-search-produtos-multiline-v2 .icon-tab {
    cursor: default !important;
}

#FORM_SEARCH_TEXT .qr-autosuggest {
    border-collapse: collapse;
    border-spacing: 0;
    list-style: none;
    /* font: 14px/normal "Arial",Helvetica,Sans-Serif; */
    visibility: visible;
    /* -webkit-tap-highlight-color: transparent; */
    /* -webkit-font-smoothing: antialiased; */
    /* font-family: -apple-system, Roboto, SegoeUI, 'Segoe UI', 'Helvetica Neue', Helvetica, 'Microsoft YaHei', 'Meiryo UI', Meiryo, Arial Unicode MS, sans-serif; */
    font-weight: 400;
    font-variation-settings: unset;
    font-size: 0px;
    line-height: 0px;
    color: rgb(255, 51, 51);
    /* position: absolute; */
    /* display: block !important; */
    word-break: break-word;
    cursor: text;
    /* display: inline; */
    /* white-space: pre-wrap; */
    width: -webkit-fill-available;
    text-wrap: nowrap;
    /* font-family: "Arial"; */
    /* letter-spacing: normal; */
    /* letter-spacing: 2px; */
}

/* Estilo para o textarea */
.qr-input-container-v2 .qr-input-item-line-v2 .qr-input-search-produtos-multiline-v2 .container-form #FORM_SEARCH_TEXT label textarea {
    border-collapse: collapse;
    /* border-spacing: 0; */
    /* list-style: none; */
    /* visibility: visible; */
    /* -webkit-tap-highlight-color: transparent; */
    /* -webkit-font-smoothing: antialiased; */
    unicode-bidi: isolate;
    font: 14px/normal "Arial", Helvetica, Sans-Serif;
    grid-area: 1 / 1;
    resize: none;
    border: none;
    outline: none;
    padding: 0px;
    margin: 0px;
    background: rgb(255 255 255 / 29%);
    word-break: break-word;
    position: relative;
    white-space: pre;
    color: #111;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    font-variation-settings: unset;
    max-height: 50vh;
    /* overflow: hidden; */
    min-height: 140px;
    /* overflow-x: auto; */
    width: auto;
    display: block;
    /* letter-spacing: 0.2px; */
    /* letter-spacing: 0.1em; */
    /* overflow-y: hidden; */
    /* overflow-x: hidden; */
}

/* Estilos para o controle de busca */
.qr-input-container-v2 .qr-input-item-line-v2 .controls-search {
    /* estilos aqui */
}

.qr-input-container-v2 .qr-input-item-line-v2 .controls-search #SEARCH.btn.btn-primary.text-white {
    /* estilos aqui */
}


.controls-nav-search {
    display: none;
}

button#SEARCH4,
.btn-add-all-produto-estantaneo {
    margin-left: auto;
    width: 100%;
    box-shadow: 0px 2px 0px #114fa9;
    border-bottom: solid 1px #289cff;
    text-shadow: 0px -1px 0px #114fa9;
    font-weight: normal;
}

.resultados .actions-produtos-line.mt-3 {
    display: flex;
    position: sticky;
    bottom: -10px;
    /* background: #fff; */
    /* margin-left: -10px; */
    padding: 10px 0;
    /* margin-right: -10px; */
    margin-bottom: 10px;
    /* border-top: solid 1px #bcbcbc; */
    margin-top: 0px !important;
}

.TITULO i.fa.fa-solid.fa-spell-check {
    border: solid 1px #969696;
    padding: 5px;
    border-radius: 5px;
    position: absolute;
    right: 0px;
    font-size: 14px;
    cursor: pointer;
    color: #969696;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0px;
}

.TITULO i.fa.fa-solid.fa-spell-check:hover {
    color: #393939;
    border: solid 1px #393939;
}

.qr-input-container-v2 .qr-input-item-line-v2 .qr-input-search-produtos-multiline-v2 .container-form #FORM_SEARCH_TEXT .form-switch {
    display: flex;
}

.total-produtos {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
}




/* Mostrar campo de busca em meus produtos */
/* .results-search-produtos ul#myTab2 {
    display: none;
} */

.results-search-produtos ul#myTab2 {
    display: flex;
}

/* .results-search-produtos .search.box-search-menu {display: none;} */

.results-search-produtos .search.box-search-menu {
    display: block !important;
}

/* .results-meus-produtos .box-search-menu {
    display: none !important;
}

.results-meus-produtos .header-search-produtos {
    display: none !important;
} */

/* .results-search-produtos .input-line-items .input-items-lines,.results-search-produtos .input-line-items .controls-nav-search,.results-search-produtos .header-search-produtos {
    display: none;
} */

.results-search-produtos .input-line-items .input-items-lines {
    display: block !important;
}

/* .results-search-produtos .input-items-lines {
    max-height: calc(42px * 4);
} */

/* Limitador de altura na área de pesquisa de produtos
.results-search-produtos .input-items-lines {
    max-height: calc(8vh * 4);
}

.results-search-produtos .qr-input-container-v2 .qr-input-item-line-v2 .qr-input-search-produtos-multiline-v2 .container-form #FORM_SEARCH_TEXT label textarea {
    max-height: 8vh;
    min-height: 100px;
}
*/

/* .results-search-produtos .input-line-items .clear-results {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
} */

.results-search-produtos .clear-results {
    display: none !important;
}

#exemploDinamico {
    border-right: 2px solid white;
    /* Imita um cursor de digitação */
    color: white;
    /* Cor do texto */
    font-family: monospace;
    /* Fonte estilo máquina de escrever */
    white-space: nowrap;
    /* Evita quebra de linha no texto */
    overflow: hidden;
    /* Mantém o texto dentro do limite do elemento */
    letter-spacing: -0.5px;
}

.header-search-produtos {
    color: #fff;
    font-size: 12px;
}

.contentTabsSearch {
    /* background: #363636; */
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-top: none;
}

.block-search .nav li button {
    border-bottom: none !important;
}

.box-search-menu .input-line-items {
    background: none;
}

.labelBuscadorProdutos {
    font-size: 15px;
}

.btn-add-all-produto-estantaneo svg {
    margin-top: -3px;
}

button#SEARCH4.actionOutlined {
    background: white;
    color: #0d6efd !important;
    text-shadow: none !important;
    box-shadow: 0 2px 0 #1a77ff;
}

.contentTabsSearch .col-sm-dados {
    position: relative;
}

.input-remover-produto-proprio {
    position: absolute;
    top: 0;
    right: 0;
    background: #f5f5f5;
    border: none;
    color: #bdbdbd;
    border: solid 1px #e7e7e7;
    box-shadow: 0 1px 0 #e3e3e3;
}

.input-remover-produto-proprio svg {
    width: 16px;
}

.input-remover-produto-proprio:hover,
.input-remover-produto-proprio:focus,
.input-remover-produto-proprio:active {
    color: #df969d;
    background: #fff0f0;
}

.lista .list-cards .input-remover-produto-proprio {
    display: none;
}

.contentTabsSearch .image-choice-btn {
    border: none;
    font-size: 10px;
    border-radius: 6px !important;
    text-shadow: 0 1px BLACK;
    overflow: hidden;
}

/*TextArea Buscador*/

textarea#SEARCH-V5 {
    /* border-collapse: collapse; */
    /* unicode-bidi: isolate; */
    /* resize: none; */
    /* border: none; */
    /* outline: none; */
    /* padding: 0px; */
    /* margin: 0px; */
    /* background: #e4e4e4; */
    /* word-break: break-word; */
    /* position: relative; */
    /* white-space: pre; */
    /* font-size: 14px; */
    /* line-height: 24px; */
    font-weight: 400;
    font-variation-settings: unset;
    max-height: 50vh;
    min-height: 80px;
    display: block;
    height: inherit;
    /* width:100%; */
}

/* .builder-cartazes .contentTabsSearch {
    background: #3c4785 !important;
    border: solid 1px #3c4785;
} */

/**/


.content-modal-publicar table {
    border-radius: 8px;
    margin-top: 10px;
    overflow: hidden;
    max-width: 1200px;
    box-shadow: 0px 0px 15px #d1d1d1;
}

.content-modal-publicar table thead {
    background: #2f2e4d;
    color: #ffffff;
    box-shadow: 0px 3px 0px #ffffff;
    text-shadow: 0px 1px 0px #1b1a2c;
    font-size: 15px;
    vertical-align: middle;
}

.content-modal-publicar table img {
    max-width: 80px;
    width: 100%;
    height: auto;
    object-fit: contain;
    max-height: 60px;
    cursor: pointer;
}

.content-modal-publicar table .btn {
    max-width: 170px;
}

.content-modal-publicar table tr td:first-child {
    font-weight: bold;
    text-transform: capitalize;
    max-height: 40px;
}

.content-modal-publicar table tr td:nth-child(2) {
    text-transform: capitalize;
}

.modal-publicar-open svg,
.disponibilizar-encarte-base svg {
    margin-top: -3px;
}

.content-modal-publicar .novo-agendamento {
    max-width: 1200px;
}

.agendamento .imagesPreview__item {
    position: relative;
    text-align: center;
}

.agendamento .imagesPreview__item .totalImages {
    /* position: absolute; */
    z-index: 151;
    font-size: 20px;
    top: 12px;
    z-index: 10;
    background: white;
    margin: 0 auto;
    padding: 0px;
    font-size: 13px;
    border-radius: 5px;
    border: solid 2px #dfdfdf;
    width: 100%;
    max-width: 60px;
    text-align: center;
    opacity: 0.9;
    cursor: pointer;
    margin-top: 5px;
    font-size: 11px;
}

.agendamento .imagesPreview__item .totalImages svg {
    margin-top: -3px;
    width: 12px;
}

tr.agendamento {
    vertical-align: middle;
}

.content-modal-publicar table thead th:nth-child(5) {
    text-align: center;
}

.content-modal-publicar h1+p {
    font-size: 16px;
}

.alertBeta p {
    margin-bottom: 0;
}

button.modal-publicar-open {
    border: solid 1px #ff0000;
    background: white;
    color: black;
    font-weight: bold;
    letter-spacing: -0.3px;
    height: 35px;
}

button.modal-publicar-open svg {
    color: red;
}

button.modal-publicar-open:hover svg {
    color: white;
}

button.modal-publicar-open b {
    color: red;
}

button.modal-publicar-open:hover b {
    color: white;
}

button.modal-publicar-open:hover {
    background: red;
    border: solid 1px red;
}


.areaBtnTurbo {
    position: relative;
}

.areaBtnTurbo .label.new {
    top: -7px;
    right: 0px;
}

.tg-dialog,
.tg-backdrop {
    z-index: 9999 !important;
}

div.tg-dialog-header {
    padding: 10px 10px 0 10px;
}

div.tg-dialog-footer {
    padding: 12.5px 10px 10px 10px;
}

.botoesAcaoBuilder {
    flex-wrap: nowrap;
    align-items: center;
    flex-direction: unset !important;
    display: flex;
    gap: 10px;
    color: white;
    padding-right: 90px;
}

.groupDownload {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    gap: 10px;
    border: solid 1px #0d6efd;
    padding: 0 0 0 10px;
    border-radius: 5px;
    color: #0756ca;
    background: transparent;
    /* width: 290px; */
    /* padding: 3px 3px 3px 18px; */
}

.areaBtnsAdmin {
    opacity: 0.9;
    margin-left: 20px;
}

.areaBtnsAdmin:hover {
    opacity: 1;
}

.addSlotArea.card {
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
}

.boxConfigTabelas {
    display: -webkit-box;
    display: flex;
    background: #ffffff;
    /* -webkit-box-shadow: #0000004a 1px 1px 5px; */
    /* box-shadow: #a9a9a94a 1px -15px 20px; */
    padding: 5px;
    margin: 0 0px 10px 0;
    /* height: -webkit-fit-content; */
    height: -moz-fit-content;
    /* height: fit-content; */
    position: relative;
    border-radius: 5px;
    width: 100%;
}

.selecionaOpcPreco {
    display: flex;
    flex-direction: row;
    background: linear-gradient(0deg, rgba(208, 208, 208, 1) 0%, rgba(240, 240, 240, 1) 100%);
    border-radius: 6px;
    padding: 10px;
    flex-wrap: nowrap;
    justify-content: center;
    width: 250px;
    font-weight: bold;
    font-size: 14px;
    border: solid 1px #d7d7d7;
    box-shadow: 0px 2px 0px #b9b9b9;
    border-bottom: solid 1px #dfdfdf;
    cursor: pointer;
    /* margin-right: 5px; */
    align-items: center;
    align-content: center;
}

.selecionaOpcPreco .modo-de-precos-tabela .pop-nome {
    font-size: 12px;
    font-weight: normal;
}

.selecionaOpcPreco svg {
    width: 20px;
    height: 20px;
    margin-right: 10px
}

.areaConfigTabPrecos {
    background: #e3e3e3;
    border: none;
    border-radius: 0;
    box-shadow: 0px 2px 0px #c7c7c7;
    border-bottom: solid 1px #f1f1f1;
}

.boxTabelaPrecos {
    display: -webkit-box;
    display: flex;
    background: #fff;
    -webkit-box-shadow: #0000004a 1px 1px 5px;
    box-shadow: #a3a3a34a 0px 2px 0px;
    padding: 15px;
    margin: 0 0px 10px 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    min-height: 100px;
    border-radius: 10px;
    margin-top: 20px;
}

.boxExibePrecos {
    border: solid 1px #e3e3e3;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 15px;
}

.disponibilizar-encarte-base {
    font-weight: bold;
}

.infoDisponibilizada {
    display: flex;
    justify-content: space-between;
}

.despublicar-arte-base {
    background: #f5554a;
    color: white;
    padding: 4px 10px 8px 10px;
    border-radius: 4px;
}

.subtitulo-lists-elements {
    color: #eee;
}

span.form-check.manterFundoBox {
    display: block !important;
    clear: both !important;
    min-height: inherit !important;
    margin: 0 auto;
    position: fixed;
    bottom: 90px;
}

span.form-check.manterFundoBox input {
    width: 15px !important;
    height: 15px !important;
    float: left;
    appearance: auto !important;
    margin-left: -25px !important;
}

span.form-check.manterFundoBox label {
    font-size: 12px !important;
    color: white !important;
    float: right;
    line-height: inherit !important;
    display: block !IMPORTANT;
    margin-top: 7px !important;
}

div#preview {
    z-index: 999999 !important;
    display: none;
    float: none;
    margin: 0 auto;
}

.buttons.buttonsArea {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    align-content: center !important;
    justify-content: center !important;
    /* flex-direction: column !important; */
}

.buttons.buttonsArea {
    /* text-align: center; */
}

div.buttonsActionsArea {
    width: 100% !important;
    height: inherit !important;
}

.buttons.buttonsArea .cancel {
    margin-bottom: 0 !important;
}

#preview .buttons {
    bottom: 20px !important;
}

.renovar-area {
    padding: 22px;
    background: #fff4f4;
    border-radius: 10px;
    color: #15096c;
    border: solid 2px #ffe7e7;
    margin: 30px 0px !important;
}

.btn-pagar-pix {
    padding-bottom: 8px;
    font-size: 15px;
    box-shadow: 0px 2px 0px #1c581e;
    border-radius: 8px;
    border-bottom: 1px solid #63c767;
    width: 220px;
    text-shadow: 1px 1px 0px #4c894e;
}

.colorsHex {
    position: absolute;
    right: 3px;
    top: 1px;
    z-index: 5000;
    font-size: 11px;
    padding: 3px;
    border-radius: 8px;
    border: solid 1px white;
}

.marcadorEstrutural {
    background: #b9b9b9;
}

.marcadorEstrutural img, .marcadorEstrutural .TEMA_LOGO, .marcadorEstrutural .text-box-text, .marcadorEstrutural .dev-observacao, .marcadorEstrutural .dev-etiqueta.v3-etiqueta, .marcadorEstrutural .line-pag-validade, .marcadorEstrutural .max-text {
    opacity: 0 !important;
    background-image: none !important;
}

.marcadorEstrutural .layer-decoration {
    border: 15px solid #b9b9b9;
}

.modalDownloadEfetuado {
    padding: 0;
}

.modalDownloadEfetuado .col {
    text-align: right;
}

.modalDownloadEfetuado .col-lg-8 {
    padding: 15px 40px;
}

.avisoDownload {
    font-size: 20px;
    font-weight: 600;
    color: #042864;
    font-family: arial;
}

.conviteCartaz {
    margin: 15px 0;
    font-size: 15px;
}

.btnConviteCartaz {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.modalDownloadEfetuado .btn-close {
    top: -20px;
    right: -20px;
    opacity: 100;
    border-radius: 20px;
    padding: 4px;
    position: absolute;
    height: auto;
    width: auto;
    background: none;
    text-align: center;
}

.avisoDestaque {
    font-size: 30px;
}

.btnConviteCartaz {
    padding: 10px 25px;
    background-color: #d4f07e !important;
    color: #498618 !important;
    border-color: #d4f07e;
    border-radius: 8px;
}

.btnConviteCartaz img {
    margin-left: 10px;
    margin-top: -3px;
}

div#indicaCartaz .modal-content {
    border-radius: 15px !important;
}

.modalDownloadEfetuado .col img {
    object-fit: cover;
    width: inherit;
    height: -webkit-fill-available;
    border-radius: 0 10px 10px 0;
}

div#indicaCartaz .modal-lg {
    max-width: 825px;
}

.modalDownloadEfetuado .col img {
    width: auto !important;
}

.modalDownloadEfetuado .btn-close svg {
    top: -8px;
    right: -8px;
    background: linear-gradient(0deg, rgba(255, 203, 216, 1) 0%, rgba(255, 245, 245, 1) 100%);
    padding: 10px;
    height: 40px;
    width: 40px;
    border-radius: 30px;
    fill: #9b5858;
    border: solid 1px #f3f3f3;
}

.tab-temas h2 {
    margin-bottom: 0;
    line-height: normal;
}

.cadastreseMobile, .bemVindoMobile {
    display: none;
}

.tabsProdutos a.nav-link,.tabsProdutos button.nav-link {
    font-size: 12px;
    padding: 10px 5px !important;
    display: block;
    margin: 0 auto;
}

.tabsProdutos .nav-tabs {
    border-bottom: solid 1px #383838 !important;
}

.tabsProdutos .nav-link.active {
    border-bottom: solid 1px #363636 !important;
}

.TEXTO_RODAPE.line-chips .item-chip i{
    font-weight: normal;
    font-size: calc(var(--chip-height) / 1.4) !important;
} 

.TEXTO_RODAPE.line-chips .item-chip i.fa-phone-alt {
    font-weight: bold !important;
    font-size: calc(var(--chip-height) / 1.8) !important;
}

.menu-metas a#editar-produtos {
    position: absolute;
    top: 0px;
    right: 0px;
}

.render_view .EDITAR.input-editar-produto {
    display: none !important;
}

.select-meus-interesses {
    position: relative;
}
  
.select-meus-interesses::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: #5eaeff;
    transform: scaleX(0); /* Começa invisível */
    transform-origin: center; /* Expande do centro */
    animation: underline 2s infinite; /* Animação contínua */
}
  
@keyframes underline {
    0%, 100% {
      transform: scaleX(0);
    }
    50% {
      transform: scaleX(1); /* Expande totalmente no meio da animação */
    }
}

.tg-dialog .tg-dialog-header .tg-dialog-close-btn {
    position: absolute;
    right: 20px;
    top: 20px;
}

select.select-art-tinta {
    width: 120px;
}

.chamadaSelecioneLinhas h2{
    margin-top: 0;
}

.interesses-list .form-check label {
    white-space: inherit !important;
}

.line-pag-validade.footer-no-has-right .enderecos .addressArea, .line-pag-validade.footer-no-has-right .enderecos .websiteArea {
    width: 100%;
}

.item-footer.websiteArea {
    padding: 10px 10px 0px  10px;
}