.box_shadow {
    border: none;
    background: #FFF !important;
    color: #000 !important;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    position: relative !important;
}

.infoColorTable {
    display: flex;
    align-content: center;
    align-items: center;
}

.infoColorTable i {
    width: 25px;
    height: 25px;
    border: 1px solid #dddddd;
    margin-right: 5px;
}

html .tag-discount {
    margin: 2px 5px 5px 5px;
    align-items: anchor-center;
    padding: 5px 10px;
    font-size: 11px;
    background: #FFF;
    color: #000;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.col_12_botoes_configuracoes_input{
    float: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: stretch;
    position: relative;
    display: flex !important;
    align-items: stretch !important; 
}

.col_12_botoes_configuracoes{
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: stretch;
    position: relative;
    display: flex !important;
    align-items: stretch !important; 
}

.col_12_botoes_configuracoes img{
    border-radius: 3px;
    background: #FFF;
    border: solid 2px #FFF;
    transition: box-shadow .2s ease-out 0s, border .2s ease-out, border-radius .2s ease-out, background-color .1s ease-out, color .1s ease-out, transform .1s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    flex: 0 0 160px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.15);
}

.card-box.box-to-animate {
    float: left !important;
    border: none;
    background: #FFF;
    color: #000;
    text-indent: 0 !important;
    align-items: center;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    cursor: pointer;
    touch-action: manipulation;
    transition: box-shadow .2s ease-out 0s,border .2s ease-out,border-radius .2s ease-out,background-color .1s ease-out,color .1s ease-out,transform .1s ease-out;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    margin-bottom: 10px;
    text-align: left;
    flex-direction: column;
}

html body .content_planos h3{
    margin: 0px 0px 0px 0px !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    float: left;
    width: 100%;
    background: #efefef69;
}

html body .page-header {
    border-bottom: none !important;
    border-top: none !important;
}

html body .content_planos h3 .btn3d{
    margin-bottom: 0 !important;
}

.tags_painel_iguais {
    display: flex;
    align-items: stretch; /* ou use 'center' se quiser alinhamento centralizado */
    gap: 8px; /* opcional: espaçamento entre os elementos */
}

.tags_padrao_v2 {
    color: #000;
    align-items: center;
    cursor: pointer;
    padding: 5px 10px;
    background: #FFF;
    float: left;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    touch-action: manipulation;
    transition: box-shadow .2s ease-out 0s, border .2s ease-out, border-radius .2s ease-out, background-color .1s ease-out, color .1s ease-out, transform .1s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    text-transform: uppercase;
}

.topo-sidebar-novo-h3{
    background-color: #efefef;
    border-color: #DFDFDF;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) !important;
}

.classe_striped_impar {
    background-color: #efefef !important;
}

.classe_striped_par {
    background-color: #ffffff !important;
}

.panel-graficos label,
.panel-graficos select,
.panel-graficos input,
.panel-graficos textarea {
    width: 100%;
}

.panel-graficos label {
    text-transform: uppercase;
}

html .swal2-modal .swal2-header {
    padding: 0 !important;
}

html .hr_alertas {
    border-top: 1px solid #eee !important;
    padding: 15px 0px 0px 0px;
    margin: 10px 0;
    float: left;
    width: 100%;
}

html .swal2-modal .swal2-content {
    font-size: 15px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid #eee !important;
    margin: 0 0 0 !important;
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
}

html .swal2-modal .swal2-title {
    font-size: 20px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    border-bottom: 1px solid #eee !important;
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
}

html .swal2-modal .swal2-icon {
    margin: 0.25em auto 0.875em !important;
}

.btn3d{
    font-size: 18px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    align-items: center;
}

.remover_item_kit {
    position: absolute;
    right: 5px;
    top: 5px;
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 1111;
}

html .bootstrap-select .dropdown-menu > li > a {
    line-height: 1.42857143 !important;
    width: 100% !important;
    clear: both !important;
    font-weight: 600 !important;
    color: #212529 !important;
    white-space: nowrap !important;
    background-color: transparent !important;
    border: 1px solid #e9ecef !important;
    float: left !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    text-align: left !important;
    cursor: pointer !important;
    position: relative !important;
}


.table .thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
}

.accordion_na_table {
    display: flex;
    align-items: center;
}

.table-container-scroll input{
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.swal2-actions button{
    margin-left: 10px;
}

.view_banners_globais_templates a,
.view_banners_globais_templates .item_banner_img a,
.view_banners_globais_templates .item_banner_img picture{
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
}

.item_banner_img {
    position: relative;
    overflow: hidden;
}

.item_banner_img_painel {
    background: #FFF;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.item_banner_img img,
.item_banner_img a img {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.item_banner_img:hover img,
.item_banner_img:hover a img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.item_banner_img a,
.item_banner_img picture{
    display: flex;
    align-items: center;
    justify-content: center;
}

.constructMenu_drop .elementos-menu-departamentos {
    align-items: initial !important
}

.card-box.box-to-animate .div_datas{
    justify-content: center;
}

input[type=checkbox],
input[type=radio] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}

div.dataTables_filter {
    position: relative;
}

input[id^="search_table"] {
    float: left !important;
    background: #FFF;
    color: #000;
    text-indent: 0 !important;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    touch-action: manipulation;
    transition: box-shadow .2s ease-out 0s,border .2s ease-out,border-radius .2s ease-out,background-color .1s ease-out,color .1s ease-out,transform .1s ease-out;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    text-align: left;
    height: 45px;
    width: 100%;
}

.tree_arvore input[type=checkbox], 
.tree_arvore input[type=radio]{
    width: 20px;
    height: 20px;
}

.map_destacado {
    opacity: 1 !important;
    border-bottom: 5px dashed red !important;
    border-top: 5px dashed red !important;
    border-left: 5px dashed red !important;
    border-right: 5px dashed red !important;
}

@keyframes serrilhar {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@keyframes pulso {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.copy-btn-absolute {
    right: 0;
    position: absolute;
}

.table-container-not-scroll table,
.table-container-scroll,
.table-container-scroll-hide {
    width: 100%;
    float: left;
    background: #FFF;
    color: #000;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    border-radius: 0px;
    touch-action: manipulation;
    transition: box-shadow .2s ease-out 0s, border .2s ease-out, border-radius .2s ease-out, background-color .1s ease-out, color .1s ease-out, transform .1s ease-out;
    position: relative;
}

.table-container-scroll table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.table-container-scroll thead {
    position: sticky;
    top: 0;
    background: #FFF;
    z-index: 1;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
    display: table;
    width: 100%;
    table-layout: fixed;
    text-transform: uppercase;
}

.table-container-scroll tbody {
    display: block;
    max-height: 500px;
    overflow-y: auto;
    width: 100%;
}

.table-container-scroll tbody tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.table-container-scroll th,
.table-container-scroll td {
    padding: 8px;
    text-align: left;
}

.table-container-scroll thead th {
    display: table-cell;
}

.table-container-scroll tbody td {
    display: table-cell;
}

.table-container-scroll img {
    width: 70px;
}

.tamanho_arquivos .fa{
    font-size: 12px;
    border-radius: 100px;
    color: #FFF;
    height: 20px;
    float: left;
    width: 20px;
    display: flex !important;
    align-items: center;
    text-align: center;
    justify-content: center;
    line-height: 20px;
}

.tamanho_arquivos .check{
    background: green;
}

.tamanho_arquivos .fa-close{
    background: red;
}

.tamanho_arquivos span b {
    background: #FFF;
    color: #000;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
}

table th div,
table td div {
    word-wrap: break-word;;
}

.tamanho_arquivos strong {
    margin-right: 5px;
    white-space: pre-line;
    text-align: left;
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") no-repeat right 12px center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom-select:focus {
    border-color: #8c8c8c;
    outline: 0;
    box-shadow: none;
}

.custom-select option {
    font-weight: normal;
}

.custom-select::placeholder {
    color: #6c757d;
}

.hidden {
    display: none;
}

#carrinho-frete-opcao td,
#carrinho-frete-opcao th{
    position: relative !important;
}

#carrinho-frete-opcao .tag-discount{
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: max-content !important;
    left: auto !important;
    margin: 0 !important;
}

#carrinho-frete-opcao .tag-discount{
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: max-content !important;
    left: auto !important;
    margin: 0 !important;
    font-size: 10px !important;
}

#carrinho-frete-opcao .tag-discount.chegara{
    position: relative !important;
    margin-top: 10px !important;
}

pre {
    white-space: break-spaces !important;
}

.botoes_topo_3d .btn3d {
    margin-bottom: 0px !important;
    border-bottom: 3px solid rgba(0,0,0,0.2) !important;
    border-radius: 3px !important;
}

.painel .botoes_topo_3d .btn3d {
    margin-bottom: 0px !important;
    border-bottom: 3px solid rgba(0,0,0,0.2) !important;
    border-radius: 3px !important;
    margin-left: 10px !important;
}

.float_100_flex {
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
}

.float_100_flex_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    float: left;
    width: 100%;
}

html .tag-discount b{
    margin-right: 5px;
}


html .flex {
    display: flex !important;
    align-items: center !important;
}

html .tag-discount.b {
    font-weight: bold;
}

html .selos-flutuantes .tag-discount b {
    border: none !important;
}

.tag-discount.center{
    display: block !important;
    text-align: center !important;
    float: inherit !important;
}

.painel .infoColorTable {
    display: block !important;
    align-content: center;
    align-items: center;
    float: left !important;
}

.painel .infoColorTable i {
    width: 25px;
    height: 25px;
    border: 1px solid #dddddd;
    margin-right: 5px;
    float: left !important;
}

.bloco_html_1 input,
.bloco_html_1 span {
    text-indent: 0 !important;
    color: #000;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
    padding: 5px 10px;
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, .1);
}

.bloco_html_1 input {
    width: 50px; /* Faz o input se ajustar ao conteúdo */
    box-sizing: border-box; /* Inclui o padding no tamanho total */
    text-align: center; /* Centraliza o texto no campo */
}

.botao_complementar_global {
    width: 100% !important;
    background: #dfdf;
}

.dropdown-menu-listagem-geral li {
    position: relative;
}

.box-authentication h3 {
    border-bottom: 1px solid #dfdfdf !important;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
}

.view_bloco_buscar_cliente_afiliado {
    border: solid 1px #DFDFDF;
    border-radius: 10px;
    color: #000;
}

.view_bloco_buscar_cliente_afiliado h2{
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
}

.view_bloco_buscar_cliente_afiliado svg{
    width: 35px;
    height: 35px;
    fill: #000;
    margin-right: 10px;
    color: #000;
}

.view_bloco_buscar_cliente_afiliado button{
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    color: #FFF;
    background: #000;
}

.view_bloco_buscar_cliente_afiliado button svg{
    width: 20px;
    height: 20px;
    fill: #FFF;
    margin-right: 10px;
    color: #FFF;
}

.view_bloco_buscar_cliente_afiliado .view_bloco_buscar_cliente_afiliado_bloco{
    color: #000;
}

.view_bloco_buscar_cliente_afiliado .view_bloco_buscar_cliente_afiliado_titulo_1 {
    font-size: 18px;
}

.input-group {
    width: 100%;
}

html body .panel.panel-primary {
    border-color: #6D29A4;
    margin-top: 0px;
    border-radius: 5px;
    border: solid 1px;
    float: left;
    width: 100%;
}

.borda-row {
    padding: 0 0px;
    float: left;
    width: 100%;
    cursor: pointer;
    position: relative;
    height: 100%;
    background: #FFF;
    color: #000;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) !important;
    border-radius: 5px;
}

html .topo-sidebar-novo {
    float: left;
    width: 100%;
    padding: 15px;
    text-align: left;
}
.div-info {
    padding: 15px;
    float: left;
    width: 100%;
    border: none;
    background: #FFF;
    color: #000;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) !important;
    border-radius: 5px;
}

html .botoes_configuracoes_modulos a div, 
html .botoes_configuracoes_modulos button div {
    max-height: 500px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #888 transparent;
    width: 100%;
}

html .botoes_configuracoes_modulos a div::-webkit-scrollbar,
html .botoes_configuracoes_modulos button div::-webkit-scrollbar {
    width: 6px;
}

html .botoes_configuracoes_modulos a div::-webkit-scrollbar-thumb,
html .botoes_configuracoes_modulos button div::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 3px;
}

html .botoes_configuracoes_modulos a div::-webkit-scrollbar-track,
html .botoes_configuracoes_modulos button div::-webkit-scrollbar-track {
    background-color: transparent;
}


.div_span_validacoes {
    display: flex;
    align-items: center;
    float: left;
    width: 100%;
}

.swal2-content b {
    font-weight: bold;
    color: red;
}

.table-bordered>tbody>tr>td, 
.table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>td, 
.table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, 
.table-bordered>thead>tr>th {
    vertical-align: middle;
}

.get_html_alert_global_ .panel-title {
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: space-between;
}

pre {
    width: 100%;
    float: left;
}

.red_color {
    color: red !important;
}


.titulo_do_produto {
    color: black;
    float: left;
    width: 100%;
    font-weight: bold;
    font-size: 13px !important;
}

.titulo_do_produto span:not(.tag_),
.tamanho_arquivos span{
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    flex-flow: wrap;
}

.titulo_do_produto span:not(.tag_) small,
.tamanho_arquivos span  small{
    color: red;
    font-size: 12px;
}


.titulo_do_produto span.label,
.tamanho_arquivos span.label{
    border-bottom: 1px solid #eee;
    float: left;
    width: 100%;
    display: block;
    align-items: center;
    flex-flow: wrap;
}

.titulo_do_produto span.label small,
.tamanho_arquivos span.label  small{
    color: red;
    font-size: 12px;
}

html .botoes_configuracoes_modulos a,
html .botoes_configuracoes_modulos button{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    padding: 20px 15px;
    width: 100%;
    color: #333;
    fill: #333;
    text-transform: uppercase;
    border-radius: 3px;
    position: relative;
    background: #FFF;
    height: 100%;
    float: left;
    border: solid 2px #FFF;

    transition: box-shadow .2s ease-out 0s, border .2s ease-out, border-radius .2s ease-out, background-color .1s ease-out, color .1s ease-out, transform .1s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    flex: 0 0 160px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    border: 2px solid rgba(255, 255, 255, 0.15);
    justify-content: center;

}

html .botoes_configuracoes_modulos a .bloco_icones,
html .botoes_configuracoes_modulos button .bloco_icones{
    text-align: center;
    justify-content: center;

}

html .botoes_configuracoes_modulos a small,
html .botoes_configuracoes_modulos button small{
    font-size: 11px !important;
    display: block;
    color: #333;
    border: 1px solid #DFDFDF;
    padding: 10px 10px;
    width: 100%;
    margin: 5px 0;
    
}

html .botoes_configuracoes_modulos a:hover,
html .botoes_configuracoes_modulos button:hover{
    fill: #FFF !important;
    color: #FFF !important;
    background: #333 !important;
    border: solid 2px #333 !important;
}

html .botoes_configuracoes_modulos a:hover .botoes_configuracoes_modulos_span svg,
html .botoes_configuracoes_modulos a:hover .botoes_configuracoes_modulos_span,
html .botoes_configuracoes_modulos button:hover .botoes_configuracoes_modulos_span svg,
html .botoes_configuracoes_modulos button:hover .botoes_configuracoes_modulos_span,
html .botoes_configuracoes_modulos a:hover small,
html .botoes_configuracoes_modulos button:hover small{
    fill: #FFF;
    color: #FFF;
}

html .botoes_configuracoes_modulos a i,
html .botoes_configuracoes_modulos a svg,
html .botoes_configuracoes_modulos button i,
html .botoes_configuracoes_modulos button svg{
    fill: #333;
    color: #333;
    width: 50px;
    height: 50px;
}

html .botoes_configuracoes_modulos button[data-view="view_manutencao_loja_messenger"] svg path:first-child {
    fill: #333 !important;
}

html .botoes_configuracoes_modulos button[data-view="view_manutencao_loja_messenger"]:hover svg path:first-child {
    fill: #fff !important;
}

html .botoes_configuracoes_modulos button[data-view="view_manutencao_loja_messenger"]:hover svg path {
    fill: #333 !important;
}

html .botoes_configuracoes_modulos a svg,
html .botoes_configuracoes_modulos a .fa,
html .botoes_configuracoes_modulos button svg,
html .botoes_configuracoes_modulos button .fa,
html .botoes_configuracoes_modulos .button-geral svg,
html .botoes_configuracoes_modulos .button-geral .fa
{
    font-size: 45px !important;
}

html .botoes_configuracoes_modulos a span figure,
html .botoes_configuracoes_modulos button span figure{
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: relative;
    border: solid 1px #DFDFDF;
    background: #FFF;
    border-radius: 100px;
}

html .botoes_configuracoes_modulos a span figure img,
html .botoes_configuracoes_modulos button span figure img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 90%;
    max-height: 90%;
    margin: auto;
}

html .botoes_configuracoes_modulos_span{
    float: left !important;
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    word-wrap: break-word;
    margin-bottom: 10px;
    white-space: pre-line;
    text-align: center;
}

html .botoes_configuracoes_modulos_span figure{
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: relative;
    border: solid 1px #DFDFDF;
    background: #FFF;
    border-radius: 100px;
}

html figure.botoes_configuracoes_modulos_span{
    width: 70px !important;
    height: 70px !important;
    overflow: hidden !important;
    position: relative !important;
    border: solid 1px #DFDFDF !important;
    background: #FFF !important;
    border-radius: 100px !important;
}

html .botoes_configuracoes_modulos_span figure img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 90%;
    max-height: 90%;
    margin: auto;
}

.bloco_html {
    display: grid;
    align-items: center;
    flex-wrap: wrap;
    font-size: 12px;
}

.bloco_html_1 {
    display: flex;
    align-items: stretch;
    flex-grow: 1;
    margin-bottom: 0px;
    border-bottom: solid 1px #DFDFDF;
    padding-bottom: 5px;
    float: left;
    padding-top: 0px;
    margin-top: 5px;
    text-indent: 0 !important;
    gap: 5px
}

.bloco_html_1 .icones_mp{
    text-indent: 0 !important;
    color: #FFF;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
    padding: 5px 10px;
    background: #FFF;
    border: 1px solid rgba(0, 0, 0, .1);
}


.bloco_html_1:last-child {
    border-bottom: solid 0px #DFDFDF;
}

.icones_mp {
    width: 30px;
    height: auto;
    background: #FFF;
    display: inline-block;
    position: relative;
    margin-right: 5px;
}

.icones_mp img,
.icones_mp svg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 75%;
    max-height: 75%;
    color: #000;
    fill: #000;
}

.float_100_alert {
    justify-content: center;
}

.float_100_alert b{
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.get_html_alert_global_[class*="alert-"] strong {
    color: black !important;
    font-weight: bold !important;
}

.get_html_alert_global_[class*="alert-"] a,
.get_html_alert_global_[class*="alert-"] b {
    color: red !important;
    font-weight: bold !important;
}


.get_html_alert_global_[class*="alert-"] .panel-title a,
.get_html_alert_global_[class*="alert-"] .panel-title b {
    color: #FFF !important;
}

.panel-group-painel .panel-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-size: 16px !important;
    color: inherit !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    cursor: pointer !important;
}

.content-preview-div{
    width: 100%;
    font-size: 12px;
    overflow: hidden;
}

.content-preview-div .content-preview {
    float: left;
    width: 100%;
}

.content-preview-div .content-full {
    display: none;
    float: left;
    width: 100%;
}

.expand_button__global {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #333;
  cursor: pointer;
  padding: 0px 12px;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  font-weight: 600;
}

.expand_button__global.expanded {
  transform: rotate(180deg);
}

.input_not_formatacao,
.input_not_formatacao .coluna_html_base{
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}

.input_not_formatacao label,
.input_not_formatacao .input-group-addon{
    display:none !important;
}

.required_required {
    border-color: red;
}

.valida_geral i {
    font-size: 13px;
    border-radius: 100px;
    color: #D73814;
    height: 15px;
    float: left;
    width: 15px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    background: #FFF;
    margin-right: 5px !important;
}

.valida_geral {
    background: #D73814 !important;
}


html .font_size_12{
    font-size:12px !important;
}

html .font_size_13{
    font-size:13px !important;
}

html .font_size_14{
    font-size:14px !important;
}

html .font_size_15{
    font-size:15px !important;
}

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

html .font_size_17{
    font-size:17px !important;
}

html .font_size_18{
    font-size:18px !important;
}

html .font_size_19{
    font-size:19px !important;
}

html .font_size_20{
    font-size:20px !important;
}

html .font_size_21{
    font-size:21px !important;
}

html .font_size_22{
    font-size:22px !important;
}

html .panel-heading .panel-title .bloco_html .bloco_html_1 span{
    color: green !important;
}

html .panel-primary-variacoes .panel-heading .panel-title .bloco_html .bloco_html_1 span{
    color: #FFF !important;
}

html .ol-menu-canais-venda .li_buton_a{
    background-color: #fff !important;
    border-color: #ebebeb !important;
    border-radius: 5px !important;
    color: #000 !important;
    font-weight: bold !important;
}

html .ol-menu-canais-venda .li_buton_a:hover{
    border-color: transparent;
    box-shadow: 0 0 0 2px rgb(70 0 140 / 58%);
    outline: none;
    transition: box-shadow .2s ease-out .1s,border .2s ease-out,border-radius .2s ease-out,background-color .1s ease-out,color .1s ease-out,transform .1s ease-out;
}

html .ol-menu-canais-venda .li_buton_a i{
    font-size: 15px;
    margin-right: 10px;
}

.topo-sidebar-novo h2{
    justify-content: space-between;
    text-transform: uppercase;
    color: #000;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.topo-sidebar-novo h2 .bloco_html_11{
    display: flex;
    align-items: center;
    color: #000;
}

.ol-menu-canais-venda {
    float: left !important;
    width: 100% !important;
    list-style: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 15px !important;
}

.ol-menu-canais-venda li {
    float: left;
    list-style: none;
}

.ol-menu-canais-venda>li>a {
    margin: 0 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    text-align: left !important;
    cursor: pointer;
    font-weight: 600 !important;
    color: #212529 !important;
}

.ol-menu-canais-venda>li>a i {
    margin-right: 5px;
    font-size: 15px;
    color: #000;
}

.box_que_abre {
    display:none;
}

.coluna_html_base{
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}

.float_100_100{
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
}

.float_100_center{
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    position: relative;
    align-items: center;
    justify-content: center;
}

.float_100{
    float: left;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: stretch;
    position: relative;
}

.agrupar_botao_copiar_com_input {
    display: flex !important;
    align-items: stretch !important; 
}


.agrupar_botao_copiar_com_input a,
.agrupar_botao_copiar_com_input button{
    margin-left: 10px !important;
}


.float_100_top{
    float: left;
    width: 100%;
    position: relative;
}


.coluna_html_base .input-group {
    float: left !important;
    width: 100% !important;
    position: relative;
    border-radius: 0;
    background-color: #fff;
    transition: box-shadow .2s ease-out .1s,border .2s ease-out,border-radius .2s ease-out,background-color .8s ease-out,color .1s ease-out,transform .1s ease-out;
}

/* Flex */
.flex {
    display: flex;
}

.flex-item-1 {
    flex: 1;
}

.box_table_div {
    float: left !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    padding: 0px !important;
}

.box_table_div div {
    border: solid 1px #DFDFDF !important;
    padding: 8px 5px !important;
    width: inherit;
}

.box_table_div_header {
    background-color: #EFEFEF !important;
    font-weight: bold !important;
    font-size: 13px !important;
}


.alert_carrinho_global_erros{
    margin-bottom: 0;
    text-align: left;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 0;
    word-break: break-all;
    float: left;
    width: 100%;
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    border-radius: 4px;
}

.alert_carrinho_global_erros div{
    float: left;
    width: 100%;
}

.link_edolls  {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    color: #FFF;
    background: green;
    padding: 15px;
}

.link_edolls:hover  {
    color: #FFF !important;
    background: #333 !important;
}

.linha_digital div {
    word-wrap: break-word;;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.green-frete {
    background-color: #18bf93 !important;
    color: #FFF !important;
}

.acessar_liksn {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    border: solid 1px #DFDFDF;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    background: #FFF;
    color: #333;
    text-align: center;
    font-size: 12px;
}

hr {
    float: left !important;
    width: 100% !important;
}

.summary.entry-summary,
.body {
    float: left !important;
    width: 100% !important;
    position: relative !important;

}

html #listagem-pipeline>caption+thead>tr:first-child>td, 
html #listagem-pipeline>caption+thead>tr:first-child>th, 
html #listagem-pipeline>colgroup+thead>tr:first-child>td, 
html #listagem-pipeline>colgroup+thead>tr:first-child>th, 
html #listagem-pipeline>thead:first-child>tr:first-child>td, 
html #listagem-pipeline>thead:first-child>tr:first-child>th {
    vertical-align: middle !important;
    font-size: 13px !important;
}


.alert_display_flex {
    width: 100% !important;
    float: left !important;
    display: flex;
    align-items: center;
}

html .btn-ver-loja {
    color: #007bff !important;
}

.panel-body {
    position: relative;
    padding: 15px;
    float: left;
    width: 100%;
}
.panel {
    background-color: transparent !important;
    border-radius: 4px !important;
}

.panel.panel-primary .panel-heading {
    text-transform: uppercase !important;
}

.panel-title a,
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-weight: bold;
}

.table>caption+thead>tr:first-child>td, 
.table>caption+thead>tr:first-child>th, 
.table>colgroup+thead>tr:first-child>td, 
.table>colgroup+thead>tr:first-child>th, 
.table>thead:first-child>tr:first-child>td, 
.table>thead:first-child>tr:first-child>th 
{
    vertical-align: middle !important;
}

html .text-center {
    text-align: center !important;
}

#listagem-pipeline .preco_produto{
    width: 170px !important
}

.painel .botoes_topo_3d {
    justify-content: right;
    justify-items: right;
    text-align: right;
}

.botoes_topo_3d {
    margin-bottom: 20px !important;
    float: left;
    width: 100%
}

.btn3d {
    top: 0 !important;
    border: 0 !important;
    transition: all 40ms linear !important;
    margin-top: 0 !important;
    margin-bottom: 0px !important;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px !important;
    justify-content: center !important;
    border-bottom: 3px solid rgba(0,0,0,0.2) !important;
    border-radius: 3px !important;
}

.btn3d:active:focus,
.btn3d:focus:hover,
.btn3d:focus {
    -moz-outline-style: none !important;
    outline: medium none !important;
}

.btn3d.btn-white {
    color: #666666 !important;
    background-color: #fff !important;
}

.btn3d.btn-white:active,
.btn3d.btn-white.active {
    color: #666666 !important;
    background-color: #fff !important;
}

.btn3d.btn-default {
    color: #666666 !important;
    background-color: #f9f9f9 !important;
}

.btn3d.btn-default:active,
.btn3d.btn-default.active {
    color: #666666 !important;
    background-color: #f9f9f9 !important;
}

.btn3d.btn-primary {
    background-color: #4274D7 !important;
}

.btn3d.btn-primary:active,
.btn3d.btn-primary.active {
    background-color: #4274D7 !important;
}

.btn3d.btn-success {
    background-color: #78d739 !important;
}

.btn3d.btn-success:active,
.btn3d.btn-success.active {
    background-color: #78d739 !important;
}

.btn3d.btn-info {
    background-color: #39B3D7 !important;
}

.btn3d.btn-info:active,
.btn3d.btn-info.active {
    background-color: #39B3D7 !important;
}

.btn3d.btn-warning {
    background-color: #FEAF20 !important;
}

.btn3d.btn-warning:active,
.btn3d.btn-warning.active {
    background-color: #FEAF20 !important;
}

.btn3d.btn-danger {
    background-color: #D73814 !important;
}

.btn3d.btn-danger:active,
.btn3d.btn-danger.active {
    background-color: #D73814 !important;
}

.btn3d.btn-magick {
    color: #fff !important;
    background-color: #bb39d7 !important;
}

.btn3d.btn-magick:active,
.btn3d.btn-magick.active {
    background-color: #bb39d7 !important;
}

html .colorpicker {
    z-index: 250000;
}

html .modal {
    z-index: 105099;
}
#accordion {
    float: left;
    width: 100%
}

.product-details .name-kit[data-v-e5c5a73c],
.name-kit[data-v-e5c5a73c] {
    float: left;
    width: 100%;
    border: solid 1px #DFDFDF;
    padding: 10px;
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
    line-height: 1.45;
}
.product-details .kit__name[data-v-e5c5a73c],
.kit__name[data-v-e5c5a73c] {
    float: left;
    width: 100%;
    color: #333;
    padding: 10px 0px;
    border-bottom: 1px #DFDFDF solid;
}

.form-cadastro .card-body {
    padding: 15px 15px 0px 10px !important;
    float: left !important;
    width: 100% !important;
}

html body .form-cadastro .box-body {
    position: relative !important;
    float: left;
    width: 100%;
}

.btn-danger-remover-geral-absolute {
    position: absolute;
    right: 0;
}

.btn-danger-remover-geral {
    width: 30px !important;
    margin-bottom: 0 !important;
    height: 30px !important;
    background: red;
    color: #FFF;
}

/* Bootstrap 4 Display Utils */

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
      display: none !important;
  }
  .d-sm-inline {
      display: inline !important;
  }
  .d-sm-inline-block {
      display: inline-block !important;
  }
  .d-sm-block {
      display: block !important;
  }
  .d-sm-table {
      display: table !important;
  }
  .d-sm-table-row {
      display: table-row !important;
  }
  .d-sm-table-cell {
      display: table-cell !important;
  }
  .d-sm-flex {
      display: -ms-flexbox !important;
      display: flex !important;
  }
  .d-sm-inline-flex {
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
  }
}

@media (min-width: 768px) {
    .d-md-none {
      display: none !important;
  }
  .d-md-inline {
      display: inline !important;
  }
  .d-md-inline-block {
      display: inline-block !important;
  }
  .d-md-block {
      display: block !important;
  }
  .d-md-table {
      display: table !important;
  }
  .d-md-table-row {
      display: table-row !important;
  }
  .d-md-table-cell {
      display: table-cell !important;
  }
  .d-md-flex {
      display: -ms-flexbox !important;
      display: flex !important;
  }
  .d-md-inline-flex {
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
  }
}

@media (min-width: 992px) {
    .d-lg-none {
      display: none !important;
  }
  .d-lg-inline {
      display: inline !important;
  }
  .d-lg-inline-block {
      display: inline-block !important;
  }
  .d-lg-block {
      display: block !important;
  }
  .d-lg-table {
      display: table !important;
  }
  .d-lg-table-row {
      display: table-row !important;
  }
  .d-lg-table-cell {
      display: table-cell !important;
  }
  .d-lg-flex {
      display: -ms-flexbox !important;
      display: flex !important;
  }
  .d-lg-inline-flex {
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
    .d-xl-none {
      display: none !important;
  }
  .d-xl-inline {
      display: inline !important;
  }
  .d-xl-inline-block {
      display: inline-block !important;
  }
  .d-xl-block {
      display: block !important;
  }
  .d-xl-table {
      display: table !important;
  }
  .d-xl-table-row {
      display: table-row !important;
  }
  .d-xl-table-cell {
      display: table-cell !important;
  }
  .d-xl-flex {
      display: -ms-flexbox !important;
      display: flex !important;
  }
  .d-xl-inline-flex {
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
  }
}

@media print {
    .d-print-none {
      display: none !important;
  }
  .d-print-inline {
      display: inline !important;
  }
  .d-print-inline-block {
      display: inline-block !important;
  }
  .d-print-block {
      display: block !important;
  }
  .d-print-table {
      display: table !important;
  }
  .d-print-table-row {
      display: table-row !important;
  }
  .d-print-table-cell {
      display: table-cell !important;
  }
  .d-print-flex {
      display: -ms-flexbox !important;
      display: flex !important;
  }
  .d-print-inline-flex {
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
  }
}

/*Ending Bootstrap Display Utils*/
/*Bootstrap Margin and Padding Utils*/

.line-15 {
    line-height: 1.5;
}

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

.mt-05,
.my-05 {
    margin-top: 5px !important;
}

.mr-05,
.mx-05 {
    margin-right: 5px !important;
}

.mb-05,
.my-05 {
    margin-bottom: 5px !important;
}

.ml-05,
.mx-05 {
    margin-left: 5px !important;
}

body .mt-15,
body .my-15 {
    margin-top: 15px !important;
}

body .mr-15,
body .mx-15 {
    margin-right: 15px !important;
}

body .mb-15,
body .my-15 {
    margin-bottom: 15px !important;
}

body .ml-15,
body .mx-15 {
    margin-left: 15px !important;
}

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

body .pt-05,
body .py-05 {
    padding-top: 5px !important;
}

body .pr-05,
body .px-05 {
    padding-right: 5px !important;
}

body .pb-05,
body .py-05 {
    padding-bottom: 5px !important;
}

body .pl-05,
body .px-05 {
    padding-left: 5px !important;
}

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

body .pt-15,
body .py-15 {
    padding-top: 15px !important;
}

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

body .pb-15,
body .py-15 {
    padding-bottom: 15px !important;
}

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

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

body .mt-n1,
body .my-n1 {
    margin-top: -10px !important;
}

body .mr-n1,
body .mx-n1 {
    margin-right: -10px !important;
}

body .mb-n1,
body .my-n1 {
    margin-bottom: -10px !important;
}

body .ml-n1,
body .mx-n1 {
    margin-left: -10px !important;
}

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

body .mt-n2,
body .my-n2 {
    margin-top: -20px !important;
}

body .mr-n2,
body .mx-n2 {
    margin-right: -20px !important;
}

body .mb-n2,
body .my-n2 {
    margin-bottom: -20px !important;
}

body .ml-n2,
body .mx-n2 {
    margin-left: -20px !important;
}

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

body .mt-n3,
body .my-n3 {
    margin-top: -30px !important;
}

body .mr-n3,
body .mx-n3 {
    margin-right: -30px !important;
}

body .mb-n3,
body .my-n3 {
    margin-bottom: -30px !important;
}

body .ml-n3,
body .mx-n3 {
    margin-left: -30px !important;
}

body .m-n4 {
    margin: -40px !important;
}

body .mt-n4,
body .my-n4 {
    margin-top: -40px !important;
}

body .mr-n4,
body .mx-n4 {
    margin-right: -40px !important;
}

body .mb-n4,
body .my-n4 {
    margin-bottom: -40px !important;
}

body .ml-n4,
body .mx-n4 {
    margin-left: -40px !important;
}

body .m-n5 {
    margin: -50px !important;
}

body .mt-n5,
body .my-n5 {
    margin-top: -50px !important;
}

body .mr-n5,
body .mx-n5 {
    margin-right: -50px !important;
}

body .mb-n5,
body .my-n5 {
    margin-bottom: -50px !important;
}

body .ml-n5,
body .mx-n5 {
    margin-left: -50px !important;
}

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

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

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

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

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

html .so_input{
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;

    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

html .so_input .invalid-feedback,
html .so_input label{
    display: none !important;

    margin: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;

    padding: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

html .so_input .coluna_html_base{
    background: #FFF !important;

    margin: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;

    padding: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.gravar_ajax_padrao {
    font-size: 20px !important;
    font-weight: 600 !important;
}

.postition_right {
    position: absolute !important;
    right: 10px !important;
    top: 10px !important;
}

.copy-btn-individual {
    position: absolute !important;
    right: 15px !important;
    top: 0px !important;
    height: inherit !important;
    width: initial !important;
    z-index: 1 !important;
    padding: 5px 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    cursor: pointer;
}

.label-warning,
.label-success,
.label-danger {
    padding: 10px !important;
    float: left !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    font-weight: 500 !important;
    text-indent: 0 !important;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3) !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    transition: box-shadow .2s ease-out 0s,border .2s ease-out,border-radius .2s ease-out,background-color .1s ease-out,color .1s ease-out,transform .1s ease-out !important;
    font-size: 12px !important;
    position: relative !important;
    overflow: hidden !important;
    justify-content: left !important;
    justify-items: left !important;
    text-align: left !important;
}

.label-success {
    color: #155724 !important;
    background-color: #d4edda !important;
    border: solid 1px #155724 !important;
}

.label-success span,
.label-success small {
    color: #155724 !important;
}

.label-danger {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border: solid 1px #721c24 !important;
}

.label-danger span,
.label-danger small {
    color: #721c24 !important;
}

.label-warning {
    color: #8a6d3b !important;
    background-color: #fcf8e3 !important;
    border-color: #faebcc !important;
}

.label-warning span,
.label-warning small {
    color: #856404 !important;
}


.topo-sidebar-novo-ids-externos {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* espaçamento entre os blocos, se quiser */
}

.topo-sidebar-novo-ids-externos .borda-row {
    flex: 1 1 200px; /* mínimo de 200px e se ajusta conforme o espaço */
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

html .topo-sidebar-novo-ids-externos h2 {
    text-transform: uppercase;
    color: #000;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

html .topo-sidebar-novo {
    float: left;
    width: 100%;
    overflow-x: hidden !important;
    padding: 0px 15px;
}

html .painel .topo-sidebar-novo .topo-sidebar-header {
    display: flex;
    align-items: center;
    color: #000;
    text-align: left;
    padding: 10px 10px 10px 10px;
    background: #EFEFEF;
    border: solid 1px #DFDFDF;
    text-transform: uppercase;
    border-radius: 5px;
}


html .topo-sidebar-novo .topo-sidebar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    float: left;
    width: 100%;
}


html .topo-sidebar-novo .topo-sidebar-header h4 {
    font-size: 15px;
}

html .topo-sidebar-novo .fecha_side svg {
    width: 25px;
    height: 25px;
    fill: #555555;
    cursor: pointer;
}

html .topo-sidebar-novo h4{
    color: #555555;
    font-weight: 500;
}

html .topo-sidebar-novo .qtd-itens-total{
    color: #555555;
    font-size: 15px
}

html .sidebars {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(33, 37, 41, 0.5);
    opacity: 1;
    visibility: visible;
    z-index: 9998;
    -webkit-transition: ease opacity 300ms;
    transition: ease opacity 300ms;
    z-index: 11111111111111;
}

html .topo-sidebar-novo .finaliza-sidebar,
html .topo-sidebar-novo .finaliza-sidebar li {
    float: left;
    width: 100%;
}

html .topo-sidebar-novo .product-details .name[data-v-e5c5a73c] {
    font-size: 13px;
    max-width: 100%;
    color: #333;
    margin: 0;
    margin-right: 0px;
    margin-bottom: 0.5rem;
    line-height: 18px;
    text-align: left;
}

html .topo-sidebar-novo .product-item[data-v-24493086] {
    position: relative;
    margin-bottom: 1rem;
    border-radius: 2px;
    padding: 15px 15px;
    background: #ffffff;
    float: left;
    width: 100%;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #DEDEDE;
}

html .carrinho-sidebar {
    float: left;
    width: 100%;
}

html .topo-sidebar-novo .product-item__controller[data-v-24493086] {
    border-top: 2px solid #eeeeee;
    padding-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    float: left;
    width: 100%;
}

html [id*="body"] .product-qtd__btn[data-v-2155902e] {
    display: flex  !important;
}

html .topo-sidebar-novo .product-item__details[data-v-24493086] {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

html .topo-sidebar-novo .btn-continua-inserindo-sidebar {
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #535151;
    background: #fff;
    color: #535151;
    padding: 10px 15px !important;
    font-size: 13px;
    border-radius: 5px !important;
    cursor: pointer;
    float: left;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}

html .topo-sidebar-novo .btn-continua-inserindo-sidebar svg {
    width: 25px;
    height: 25px;
    fill: #535151;
    cursor: pointer;
    margin-right: 7px;
}

html .topo-sidebar-novo .btn-3d {
    border-radius: 3px !important;
}

html .topo-sidebar-novo .btn-add-lista {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00B285;
    color: #fff;
    padding: 10px 15px !important;
    font-size: 13px;
    font-weight: normal;
    border-radius: 5px !important;
    margin-bottom: 1rem!important;
    cursor: pointer;
    float: left;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
}

html .topo-sidebar-novo .btn-continua-inserindo-sidebar:hover,
html .topo-sidebar-novo .btn-add-lista:hover {
    opacity: 0.7;
}

html .topo-sidebar-novo .compartilhar_carrinho {
    margin-bottom: 0 !important;
    font-size: 14px !important;
    font-weight: normal;
}

html .swal2-modal .swal2-container {
    z-index: 9999999999 !important;
}

html .sidebar .remove-icon {
    display: block !important
}

html .sidebar .info {
    display: flex;
    align-items: center;
    color: #000;
    text-align: left;
    justify-content: space-between;
}



html .topo-sidebar-novo .product-details__image[data-v-e5c5a73c] {
    min-width: 70px;
    width: 70px;
    padding-right: 10px;
    height: 70px;
    float: left;
    position: relative;
}