.form-group {
  margin-bottom: 1rem;
}


.bg-light {
--bs-bg-rgb-color: var(--bs-light-rgb);
background-color: #F3F6F9 !important;
}

.th-title {
color: #B5B5C3;
font-family: 'Poppins', sans-serif;
font-size: 12px;
font-style:normal;
font-weight: 600;
line-height: normal;
letter-spacing: 0.36px;
}
.product2 {
font-size: 12px;
}
.th-product3 {
color: #333;
font-size: 14px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-style: normal;
line-height:normal;
}
.title-1 {
color:  #181C32;
font-family: 'Poppins', sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 28px; 
}
.title-2 {
color: #3F4254;
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: 28px;
}
.bc_bold{
font-weight: bold;
}
.text-product-gray{
font-weight: 400;
}
.form-control.is-valid,.was-validated .form-control:valid
{
  border-color: #ced4da!important;
  background-image: none!important;
  background-color: inherit!important; 
}
.form-select.is-valid:not([multiple]):not([size]), 
.form-select.is-valid:not([multiple])[size="1"], 
.was-validated .form-select:valid:not([multiple]):not([size]), 
.was-validated .form-select:valid:not([multiple])[size="1"] {
  background-image: none!important;
  background-color: inherit!important; 
  border-color: #ced4da!important;
}
.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {
background-color: #D03137;
border-color: #D03137;
}
.form-check-input.is-valid, .was-validated .form-check-input:valid {
background-color: #f6f6f6;
border: 1px solid rgba(0,0,0,.25);
}
.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
color: initial;
}
.select2-invalid.select2-container--default .select2-selection--single {
border: 1px solid #dc3545 !important;
}

.start_off{
  height: 18px; 
  width: 18px;
  background : url("./../media/star_0.svg");
  background-size: 18px 18px;
  display: block;
}
.start_on{
height: 18px; 
width: 18px;
background : url("./../media/star_1.svg");
background-size: 18px 18px;
display: block;
}

.align-estrel{
justify-content: space-between;
}
.align-estrel .recommended_plist{
position: initial;
}
#products_list .list-align-estrel{
position: relative;
}
#products_list .list-align-estrel .recommended_plist i{
position: absolute;
top: 0;
right: 0;
}
.ico_design{
height: 20px; 
width: 20px;
background : url("./../media/design.svg");
background-size: 20px 20px;
display: block;
}
.ico_pdf{
height: 16px; 
width: 13px;
background : url("./../media/pdf.svg");
background-size: 13px 16px;
display: block;
}

.showeditarea .editarea{cursor: pointer;}
.showeditarea .editarea:after{
 font-family: FontAwesome;
 content: "\f303";
 color:#ccc;
 padding-left:1px;
 font-size:90%;
}
.boxpagination{
background-color:#d5d5d8;width: 100%;margin: 5px 0px 0px;padding:10px;	border: 0;overflow-x: hidden;overflow-y: auto;height:650px;text-align: center;
}
.boxpagination .ipagina{
height:212px;width:150px;background-color: #fff;box-shadow: 0 0 0.25cm rgba(0,0,0,0.5);cursor:pointer
}
#pdfedit_sidebarbtn {
width: 62px;
position: fixed;
top: 94px;
height: 50px;
z-index: 998;
background: #ffffff;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
/* border-right: 1px solid #D03137; */
/* border-top: 1px solid #D03137; */
-webkit-overflow-scrolling: touch;
border: 3px solid;
border-radius: 6px;
}
#pdfedit_sidebar {
width: 340px;
position: fixed;
top: 94px;
left: -340px;
height: calc(100vh - 94px);
z-index: 999;
background: #fefefe;
transition: all 0.3s;
overflow-y: scroll; 
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
/* border-right: 1px solid #D03137; */
/* border-top: 1px solid #D03137; */
-webkit-overflow-scrolling: touch;
}
#pdfedit_sidebar.active {
left: 0;
display: initial;
}
.get-started-btn {
background-color: #f1416c;
color: #fff;
border: none;
padding: calc(0.55rem + 1px) calc(1.25rem + 1px);
border-radius: 5px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s;
text-align: center;
display: inline-block;
text-decoration: none;
}
.get-started-btn:hover, .get-started-btn:focus, .get-started-btn:active{
background-color: #d9214e;
color: #fff;
text-decoration: none;
}
.form-check-input:checked, .bg-red.btn:hover {
background-color: #d9214e;
border-color: #d9214e;
}
.color-white {
color: #fff!important;
}
.active-card{
border: 2px solid #D03238;
}
.active-card .card-body{
background-color: #D03238;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.active-card .card-footer{
background-color: #f5f5f5;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
padding-bottom: 15px;
  padding-top: 15px;
}
.inactive-card{
border: 1px solid #333333;
}
.img-desactivado {
opacity: 0.5;
}
.text-desacticado {
color: #33333382;
font-family: 'Poppins', sans-serif;
}
.text-acticado {
color: #333;
font-family: 'Poppins', sans-serif;
}
.btn-activo {
position: absolute;
top: 25px;
background: #D03238;
color: white;
padding: 3px 15px 3px 15px;
border-radius: 6px;
right: 22px;
font-family: 'Poppins', sans-serif;
}

.btn-inactivo {
position: absolute;
top: 25px;
background: #B5B5C3;
color: white;
padding: 3px 15px 3px 15px;
border-radius: 5px;
right: 22px;
z-index: 1;
font-family: 'Poppins', sans-serif;
}
.ico_qr_red{
height: 16px; 
width: 16px;
background : url("./../media/qr_red.svg");
background-size: 16px 16px;
display: block;
}
.fondo-icon {
padding-left: 10px !important;
padding-right: 10px !important;
background-color: #fff5f8 !important;
}
.template-carta .card-footer .btn-group .dropdown-toggle::after{
display: none;
}
.ico_regresar{
height: 16px; 
width: 16px;
background : url("./../media/icon-regresar.svg");
background-size: 16px 16px;
display: block;
}
.mayor-distr{
color:#1BC5BD !important;
}
.menor-distr{
color:#F64E60 !important;
}
#frmproduct .mb-5 span.select2-container{
padding: 12px 16px 12px 16px;
background: var(--bs-gray-100);
border-radius: 0.5rem;

}
#frmproduct .col-sm-12 .select2-container{
padding: 1px 16px 1px 16px;
background: var(--bs-gray-100);
border-radius: 0.5rem;
}
.gc_title{
color: #3F4254;
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 700;
cursor: pointer;
}
.gcg_title{
color: #3F4254;
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 700;
cursor: pointer;
}
.i_lprod:hover{
background-color: #F9FAFB;
cursor: pointer;
border-radius: 10px;
}
.iconmp{
font-size: 1.3rem!important;
}
.icono_mover{
height: 16px;
width: 16px;
background : url("./../media/mover.svg") no-repeat center center; 
background-size: 16px 16px!important;
display: inline-block;
}
.moveprod{
cursor: pointer;
display: flex;
align-items: center;
}
.moveprod i{
margin: 30px 10px;
}
.icono_moverp{
height: 16px;
width: 16px;
background : url("./../media/mover.svg") no-repeat center center; 
background-size: 16px 16px!important;
display: block;
}
.group-products .i_lprod:first-child{
border-top: 2px solid #F9FAFB;
}
.i_lprod{
border-bottom: 2px solid #F9FAFB;
margin: 0;
padding: 0;
align-items: center;
}
.product_icons a{
background-color:#d0323814 !important;
text-align: center;
justify-content: center;
color: #D03238;
cursor: pointer;
}
.list_product_cart .card-title {
font-family: 'Poppins', sans-serif;
font-size: 18px !important;
color:#3F4254 !important;
}
.list_product_cart .products_total {
font-family: 'Poppins', sans-serif;
font-size: 12px;
color:#B5B5C3;
}
.list_product_cart .btn.btn-danger {
background-color: #D03238;
font-size: 12px;
font-family: 'Poppins', sans-serif;
}
.text_black {
color: #333333;
font-size: 12px;
}
.ico_doble_arrow{
height: 18px; 
width: 18px;
background : url("./../media/doble-arrow1.svg") no-repeat;
background-size: 18px 18px;
display: block;
}
.t_product_card{
font-family: 'Poppins', sans-serif;
font-size: 12px;
color:#ffffff;
font-weight: 600;
}
.tbl_product_list {
background-color: #333333;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  font-size: 12px;
  border-radius: 6px;
  padding: 13px 0;
  margin: 0;
}
.count_category_product{
font-weight: 400;
font-size: 11px;
font-family: 'Poppins', sans-serif;
}
.pencil_icon{
height: 14px; 
width: 14px;
background : url("./../media/pencil_.svg") no-repeat;
background-size: 14px 14px;
display: inline-block;
}
.text_result_produc {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #333333 !important;
}
.text-default-col{
  color: #D03238 !important;
}
.i_mover{
  display: inline-block;
  height: 16px;
  width: 16px;
  background-size: 16px 16px;
  background : url("./../media/mover.svg") no-repeat center center; 
}
.w-20px{
  width: 20px;
  max-width: 20px;
}
.text_ordernar_vino {
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  color: #333333;
}
.fw-700 {
  font-weight: 700;
}
.delete_order-produc {
  color: #979797;
}
.select_order-product {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
}
.i_mas_order{
  display: block;
  height: 16px;
  width: 16px;
  background-size: 16px 16px;
  background : url("./../media/mas_order.svg") no-repeat center center; 
}
.badge_order_black {
  color: #FFFFFF ;
  background-color: #333333 !important;
}
.ico_order_white{
  height: 18px; 
  width: 18px;
  background : url("./../media/ordenar_white.svg") no-repeat;
  background-size: 18px 18px;
  display: block;
  }
.clearfilterm{
display: inline;
padding: 0px 7px;
}
/* Hasta 576px */
@media (max-width: 576px) {
/* Estilos para pantallas pequeñas aquí */
.col_prod{
  width: 65%;
}
.col_simb{
  display: none;
}
.col_do{
  display: none;
}
.col_vari{
  display: none;
}
.col_prec{
  display: none;
}
.col_clic{
  display: none;
}
.col_acci{
  width: 35%;
}
}
/* Entre 576px y 768px */
@media (min-width: 576px) and (max-width: 768px) {
/* Estilos para pantallas medianas aquí */
.col_prod{
  width: 40%;
}
.col_simb{
  width: 20%;
}
.col_do{
  width: 18%;
}
.col_vari{
  display: none;
}
.col_prec{
  display: none;
}
.col_clic{
  display: none;
}
.col_acci{
  width: 22%;
}
}
/* Entre 768px y 992px */
@media (min-width: 768px) and (max-width: 992px) {
/* Estilos para pantallas medianas aquí */
.col_prod{
  width: 30%;
}
.col_simb{
  width: 17%;
}
.col_do{
  width: 16%;
}
.col_vari{
  width: 15%;
}
.col_prec{
  display: none;
}
.col_clic{
  display: none;
}
.col_acci{
  width: 22%;
}
}
/* Entre 992px y 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
/* Estilos para pantallas grandes aquí */
  .col_prod{
    width: 25%;
  }
  .col_simb{
    width: 13%;
  }
  .col_do{
    width: 12%;
  }
  .col_vari{
    width: 15%;
  }
  .col_prec{
    width: 17%;
  }
  .col_clic{
    display: none;
  }
  .col_acci{
    width: 18%;
  }
}
/* Más de 1200px */
@media (min-width: 1200px) {
/* Estilos para pantallas extra grandes aquí */
.col_prod{
  width: 31%;
}
.col_simb{
  width: 13%;
}
.col_do{
  width: 12%;
}
.col_vari{
  width: 15%;
}
.col_prec{
  width: 14%;
}
.col_clic{
  width: 6%;
}
.col_acci{
  width: 15%;
}

}
.encabezdo_product {
color: #333333;
font-size: 15px;
}
.content_product {
color: #5E6278;
font-size: 14px;
}
#frmmenu .form-check.form-check-danger .form-check-input:checked {
background-color: #F26749;
}


.btn_frmenu, .btn_frmenu:hover, .btn_frmenu:focus, .btn_frmenu:active {
background-color: #F26749;
font-size: 16px;
font-family: 'Poppins', sans-serif;
border-radius: 100px;
}
.country_lang{
width: 24px;
height: 24px;
border-radius: 50%;
object-fit: fill;
}
.form_contac_tile{
font-size: 24px;
color: #181C32;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}
.form_contac_subtil{
font-size: 14px;
color: #5E6278;
font-weight: 500;
font-family: 'Poppins', sans-serif;
}
.make_ped_h{
font-size: 25px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
color: #333333;
}
.make_ped_div{
font-size: 14px !important;
font-weight: 700;
font-family: 'Poppins', sans-serif;
color: #333333;
}
#kt_lapmodal .modal-footer {
border-top: 0;
justify-content: center;
}
.btn-pedido {
color: #FFFFFF !important;
background-color: #D03238 !important;
font-weight: 600;
font-size: 12px;
padding: 8px 10px 8px 10px !important;
}
.btn-cancelar-ped {
font-weight: 600;
font-size: 12px;
color: #333333;
}
.circle-pedido{
width: 72px;
height: 72px;
margin-left: auto;
margin-right: auto;
border: 3px solid rgb(208 50 56 / 8%);
border-radius: 50%;
}
.cursor-pointer{
cursor: pointer;
}
.underline{
text-decoration: underline;
}
.text-black{
color: #333333;
}

.do_txtdescriptitle{
font-size: 12px;
font-weight: 600;
color: #333333;
font-family: 'Poppins', sans-serif;
}
.do_txtdescription{
font-size: 12px;
font-weight: 400;
color: #333333;
font-family: 'Poppins', sans-serif;
}
#agrupar_do h6{
font-size: 12px;
font-weight: 500;
color: #333333;
font-family: 'Poppins', sans-serif;
}
#agrupar_do .btn.btn-danger {
background-color: #F26749 !important;
font-size: 12px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
width: 80px;
  padding-left: 1px;
  padding-right: 1px;
  border-radius: 100px;
}
#agrupar_do input[type="checkbox"] {
position: absolute;
right: 24px;
}
#agrupar_do .form-switch  input{
border: 0;
background-color: #F5F5F5;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.3' fill='%23FFFFFF'/%3e%3c/svg%3e");
}
#agrupar_do .form-switch  input.form-check-input:checked, .bg-red.btn:hover {
background-color: #F5F5F5;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.3' fill='%23F26749'/%3e%3c/svg%3e"); 
}
.btn_group_do{
color: #333333;
font-size: 12px;
background-color: #F5F5F5;
padding: 0 10px 0 4px !important;
height: 42px;
border-radius: 100px;
width: 114px;
justify-content: space-between;
}
.btn_group_do.active{
color: #ffffff;
  font-size: 12px;
  background-color: #333333;
}
.btn_group_do.active .ico_group_do_black{
height: 18px; 
width: 18px;
background : url("./../media/groupdo_white.svg") no-repeat;
background-size: 18px 18px;
display: block;
}
.ico_group_do_black{
  height: 18px; 
  width: 18px;
  background : url("./../media/groupdo_black.svg") no-repeat;
  background-size: 18px 18px;
  display: block;
  }
/*-------------------------------*/
#pdfedit_sidebar .container {
padding-left: 25px; 
padding-right: 25px;
}
#tablistdesign {
height: 54px;
background-color: #F1F1F1;
border-radius: 7px;
align-content: center;
justify-content:space-evenly;
}
#tablistdesign.nav-pills .nav-link.active,
#tablistdesign.nav-pills .show > .nav-link {
color: #DB4F37;
background-color: #FFFFFF;
font-size: 18px;
font-weight: 500;
line-height: 25px;
border-radius: 6px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
box-shadow: 0px 1px 1px rgb(0 0 0 / 4%);
width: 144px;
}
#tablistdesign .nav-link{
color: #333333;
font-size: 18px;
font-weight: 500;
line-height: 25px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
width: 144px;
}
#tablistdesign.nav-pills .nav-link.active .icon_edit_red{
height: 18px;
width: 18px;
background : url("./../media/edit_icon_red.svg") no-repeat;
background-size: 18px 18px;
display: block;
}
#tablistdesign.nav-pills .nav-link .icon_edit_black{
height: 18px;
width: 18px;
background : url("./../media/edit_icon_black.svg") no-repeat;
background-size: 18px 18px;
display: block;
}
#tablistdesign.nav-pills .nav-link .icon_plantilla_black {
height: 18px;
width: 18px;
background : url("./../media/plantilla_black.svg") no-repeat;
background-size: 18px 18px;
display: block;
}
#tablistdesign.nav-pills .nav-link.active .icon_plantilla_red {
height: 18px;
width: 18px;
background : url("./../media/plantilla_red.svg") no-repeat;
background-size: 18px 18px;
display: block;
}
#pdfedit_sidebar h4{
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #000000;
font-family: 'Poppins', sans-serif;
margin: 0;
}
#pills-edit .form-switch  input{
position: absolute;
right: 25px;
height: 30px;
width: 55px;
border: 0;
background-color: #F5F5F5;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.3' fill='%23FFFFFF'/%3e%3c/svg%3e");
}
#pills-edit .form-switch  input.form-check-input:checked, .bg-red.btn:hover {
background-color: #F5F5F5;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3.3' fill='%23DB4F37'/%3e%3c/svg%3e");
}
.separator_edit{
margin: 0.8rem 0;
color: #F1F1F1;
border: 0;
border-top: var(--bs-border-width) solid;
opacity: 1;
}
.round_pais{
width: 32px;
border-radius: 50%;
height: 32px;
object-fit: cover;

}
.checkpais{
  position: absolute;
  width: 16px;
  height: 16px;
  border: 2px solid #333333 !important;
  border-radius: 3px !important;
  right: -6px;
  top: 0;
}
#pills-edit .form-check-input:checked, .bg-red.btn:hover {
background-color: #333333;
border-color: #333333;
}
#pills-tipografia.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
height: 46px;
width: 105px;
font-size: 16px;
font-family: 'Poppins', sans-serif;
font-weight: 500;
color: #DB4F37;
background-color: #FFFFFF;
border: 2px solid;
}
#pills-tipografia.nav-pills .nav-link {
height: 46px;
width: 105px;
font-size: 16px;
font-family: 'Poppins', sans-serif;
font-weight: 500;
color: #D9D9D9;
background-color: #FFFFFF;
border: 2px solid;
}
#pills-tipografia.nav-pills .nav-item {
margin-right: 1rem;
}
#pills-tamanio.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
height: 46px;
width: 46px;
font-size: 16px;
font-family: 'Poppins', sans-serif;
font-weight: 500;
color: #DB4F37;
background-color: #FFFFFF;
border: 2px solid;
}
#pills-tamanio.nav-pills .nav-link {
height: 46px;
width: 46px;
font-size: 16px;
font-family: 'Poppins', sans-serif;
font-weight: 500;
color: #D9D9D9;
background-color: #FFFFFF;
border: 2px solid;
}
#pills-tamanio.nav-pills .nav-item {
margin-right: 1rem;
}

#pills-tipotxt {
height: 50px;
background-color: #F1F1F1;
border-radius: 7px;
align-content: center;
justify-content:center;
}
#pills-tipotxt.nav-pills .nav-link.active,
#pills-tipotxt.nav-pills .show > .nav-link {
color: #333333;
background-color: #FFFFFF;
font-size: 16px;
font-weight: 500;
line-height: 24px;
border-radius: 6px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
box-shadow: 0px 1px 1px rgb(0 0 0 / 4%);
}
#pills-tipotxt .nav-link{
color: #333333;
font-size: 16px;
font-weight: 500;
line-height: 24px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
}

#pills-styletxt.nav-pills .nav-link.active, .nav-pills .show > .nav-link,
#pills-transformtxt.nav-pills .nav-link.active, .nav-pills .show > .nav-link,
#pills-txtform.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
height: 29px;
width: 29px;
font-size: 14px;
font-family: 'Poppins', sans-serif;
font-weight: 500;
color: #FFFFFF;
background-color: #DB4F37;
border-radius: 7px;
padding: 4px;
}
#pills-styletxt.nav-pills .nav-link,
#pills-transformtxt.nav-pills .nav-link,
#pills-txtform.nav-pills .nav-link {
height: 29px;
width: 29px;
font-size: 14px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
color: #333333;
background-color: #FFFFFF;
padding: 4px;
}
#pills-styletxt.nav-pills .nav-item,
#pills-transformtxt.nav-pills .nav-item,
#pills-txtform.nav-pills .nav-item {
margin-right: 0.5rem;
}
#pills-styletxt {
border-right: 2px solid;
}

#pills-styletxt .nav-link.active#pills-negrita-tab .icon_negrita_white{
height: 12px;
width: 20px;
background : url("./../media/negrita_white.svg") no-repeat;
background-size: 22px 12px;
display: block;
}
#pills-styletxt .nav-link#pills-negrita-tab .icon_negrita_white{
height: 12px;
width: 20px;
background : url("./../media/negrita_black.svg") no-repeat;
background-size: 22px 12px;
display: block;
}
#pills-styletxt .nav-link.active#pills-italic-tab .icon_italica_white{
height: 14px;
width: 20px;
background : url("./../media/italic_white.svg") no-repeat;
background-size: 21px 14px;
display: block;
}
#pills-styletxt .nav-link#pills-italic-tab .icon_italica_white{
height: 14px;
width: 20px;
background : url("./../media/italic_black.svg") no-repeat;
background-size: 21px 14px;
display: block;
}
#pills-styletxt .nav-link.active#pills-subrayado-tab .icon_subrayado_white{
height: 14px;
width: 20px;
background : url("./../media/subrayado_white.svg") no-repeat;
background-size: 20px 14px;
display: block;
}
#pills-styletxt .nav-link#pills-subrayado-tab .icon_subrayado_white{
height: 14px;
width: 20;
background : url("./../media/subrayado_black.svg") no-repeat;
background-size: 20px 14px;
display: block;
}
#pills-txtform .nav-link.active#pills-txtizquierda-tab .icon_textizquierda_white{
height: 12px;
width: 20px;
background : url("./../media/text_izquierda_white.svg") no-repeat;
background-size: 21px 12px;
display: block;
}
#pills-txtform .nav-link#pills-txtizquierda-tab .icon_textizquierda_white{
height: 12px;
width: 20px;
background : url("./../media/text_izquierda_black.svg") no-repeat;
background-size: 21px 12px;
display: block;
}
#pills-txtform .nav-link.active#pills-txtcentrado-tab .icon_textcentro_white{
height: 12px;
width: 20px;
background : url("./../media/text_centro_white.svg") no-repeat;
background-size: 21px 12px;
display: block;
}
#pills-txtform .nav-link#pills-txtcentrado-tab .icon_textcentro_white{
height: 12px;
width: 20px;
background : url("./../media/text_centro_black.svg") no-repeat;
background-size: 21px 12px;
display: block;
}
#pills-txtform .nav-link.active#pills-txtderecha-tab .icon_textderecha_white{
height: 12px;
width: 20px;
background : url("./../media/text_derecha_white.svg") no-repeat;
background-size: 21px 12px;
display: block;
}
#pills-txtform .nav-link#pills-txtderecha-tab .icon_textderecha_white{
height: 12px;
width: 20px;
background : url("./../media/text_derecha_black.svg") no-repeat;
background-size: 21px 12px;
display: block;
}
.icon_linear{
height: 8px;
width: 10px;
background : url("./../media/linear_menu.svg") no-repeat;
background-size: 10px 8px;
display: block;
}
.icon_doble_v{
height: 16px;
width: 22px;
background : url("./../media/doble_arrow_v.svg") no-repeat;
background-size: 11px 16px;
display: block;
}
.input_espacios_vino{
width: 41px;
  height: 26px;
  padding-left: 9px;
  padding-right: 11px;
  text-align: center;
}
#pills-color.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
padding: 0;
height: 33px;
width: 33px;
background-color: #FFFFFF;
border: 1px solid #000000;
border-radius: 50%;
}
#pills-color.nav-pills .nav-link {
height: 33px;
width: 33px;
padding: 0;
background-color: #FFFFFF;
border-radius: 50%;
}
#pills-color.nav-pills .nav-item {
margin-right: 1.5rem;
margin-bottom: 1rem;
}
#pills-color.nav-pills .nav-link.active i{
width: 24px;
  display: block;
  height: 24px;
  border-radius: 50%;
  left: 3px;
  position: relative;
  border: 1px solid rgb(233 233 233 / 93%);
}
.color1_{
width: 33px;
display: block;
height: 33px;
background-color: #FFFFFF;
border-radius: 50%;
position: relative;
}
.color2_{
width: 33px;
display: block;
height: 33px;
background-color: #F5F5F5;
border-radius: 50%;
position: relative;
}
.color3_{
width: 33px;
display: block;
height: 33px;
background-color: #464E5F;
border-radius: 50%;
position: relative;
}
.color4_{
width: 33px;
display: block;
height: 33px;
background-color: #2B5194
;
border-radius: 50%;
position: relative;
}
.color5_{
width: 33px;
display: block;
height: 33px;
background-color: #7239EA;
border-radius: 50%;
position: relative;
}
.color6_{
width: 33px;
display: block;
height: 33px;
background-color: #8BF3A8;
border-radius: 50%;
position: relative;
}
.color7_{
width: 33px;
display: block;
height: 33px;
background-color: #7BB2EE;
border-radius: 50%;
position: relative;
}
.color8_{
width: 33px;
display: block;
height: 33px;
background-color: #E5725B;
border-radius: 50%;
position: relative;
}
.color9_{
width: 33px;
display: block;
height: 33px;
background-color: #FFC700;
border-radius: 50%;
position: relative;
}
#pills-agrupar.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
height: 37px;
width: 147px;
font-size: 16px;
font-family: 'Poppins', sans-serif;
font-weight: 500;
color: #DB4F37;
background-color: #FFFFFF;
border: 2px solid;
}
#pills-agrupar.nav-pills .nav-link {
height: 37px;
width: 147px;
font-size: 16px;
font-family: 'Poppins', sans-serif;
font-weight: 500;
color: #D9D9D9;
background-color: #FFFFFF;
border: 2px solid;
}
#pills-agrupar.nav-pills .nav-item {
margin-right: 0;
}
#pills-agrupar{
justify-content: space-between;
}
.conf_carta_title {
min-width: 200px;
color: #333333 !important;
font-size: 16px;
}
.close_carta_design {
color: #333333 !important;
font-size: 20px !important;
}

.header-design{
background-color: #F6F6F6;
height: 94px;
align-content: center;
box-shadow: 0 3px 7px rgb(33 33 33 / 7%);
position: sticky;
top: 0;
z-index: 1050;
}
.header-design .title_design{
font-size: 25px;
font-weight: 600;
color: #333333;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
}
.header-design .name_carta{
font-size: 25px;
font-weight: 500;
color: #333333;
font-family: 'Poppins', sans-serif;
}
.ico_arrow_izq{
height: 16px;
width: 30px;
background : url("./../media/arrow_izq_black.svg") no-repeat;
background-size: 11px 16px;
display: block;
}
.ico_arrow_der{
height: 10px;
width: 10px;
background : url("./../media/arrow_der_red.svg") no-repeat;
background-size: 10px 10px;
display: block;
}
.descargar-design {
padding-left: 10px !important;
padding-right: 10px !important;
background-color: #d0323814 !important;
color: #D03238 !important;
font-size: 12px ;
font-weight: 600;
font-family: 'Poppins', sans-serif;
align-items: center;
display: flex;
}
.header-design .dropdown-toggle::after{
display: none;
}
.sub_menu_descargar{
width: 270px;
padding: 24px 24px;
border-radius: 10px;

}
.desc_idioma{
font-size: 14px;
font-weight: 500;
color: #333333;
font-family: 'Poppins', sans-serif;
}

.sub_menu_descargar #marcarecorte{
width: 16px;
  height: 16px;
  border-radius: 4px;
}
.sub_menu_descargar label[for="marcarecorte"] {
font-size: 13px;
font-weight: 400;
color: #333333;
font-family: 'Poppins', sans-serif;
}
.sub_menu_descargar #marcarecorte.form-check-input:checked {
background-color: #D03238;
border-color: #D03238;
}
.sub_menu_descargar .btn_descargar_pdf{
background-color: #D03238;
color: #FFFFFF;
font-size: 12px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
border-radius: 6px;
height: 34px;
width: 100%;
}
#pills-idioma.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
padding: 0;
height: 33px;
width: 33px;
background-color: #FFFFFF;
border: 1px solid #000000;
border-radius: 50%;
}
#pills-idioma.nav-pills .nav-link {
height: 33px;
width: 33px;
padding: 0;
background-color: #FFFFFF;
border-radius: 50%;
}
#pills-idioma.nav-pills .nav-item {
margin-right: 1.5rem;
margin-bottom: 1rem;
}
#pills-idioma.nav-pills .nav-link.active img{
width: 25px;
  display: block;
  height: 25px;
  border-radius: 50%;
  left: 3px;
  position: relative;
  border: 1px solid rgb(233 233 233 / 93%);
}
#pills-idioma .checkpais {
position: absolute;
width: 12px;
height: 12px;
border: 1px solid #333333 !important;
border-radius: 50% !important;
right: -2px;
top: 0;
}
#pills-idioma .form-check-input:checked, .bg-red.btn:hover {
background-color: #333333;
border-color: #333333;
}
/*---imagenes---*/
.maintools_right{
  position: fixed;
  right: 15px;
  top: 100px;
}
/*---divisor---*/
.divisor_content{
  width: 66px;
  height: 66px;
  background-color: #DB4F37;
  border-radius: 6px;
  cursor: pointer;
  display: flow-root;
}
.icon_divisor{
  height: 19px;
  width: 19px;
  background : url("./../media/divisor.svg") no-repeat;
  background-size: 19px 19px;
  display: block;
  margin: auto;
  
}
.text_divisor{
  font-size: 10px;
  font-weight: 500;
  color: #FFFFFF;
  font-family: 'Poppins', sans-serif;
  text-align: center;
}
.divisor_design{
  border-top: 2px solid;
  border-bottom: 2px solid;
  text-align: center;
  margin-bottom: 16px;
  margin-top: 16px;
}
/*---simbolos---*/
.addbox_content{
  width: 66px;
  height: 66px;
  background-color: #DB4F37;
  border-radius: 6px;
  cursor: pointer;
  margin-top: 10px;
  display: flow-root;
}
.icon_addbox{
  height: 30px;
  width: 50px;
  background : url("./../media/addbox_.svg") no-repeat;
  background-size: 50px 30px;;
  display: block;
  margin: auto; 
}
/*---imagenes---*/
.addimgbox_content{
  width: 66px;
  height: 66px;
  background-color: #DB4F37;
  border-radius: 6px;
  cursor: pointer;
  margin-top: 10px;
  display: flow-root;
}
.icon_addimgbox{
  height: 26px;
  width: 50px;
  background : url("./../media/img_icon.svg") no-repeat;
  background-size: 74px 74px;
    background-position: 12% 64%;
    display: block;
    margin: auto;
}
.addtext_content{
  width: 66px;
  height: 66px;
  background-color: #DB4F37;
  border-radius: 6px;
  cursor: pointer;
  margin-top: 10px;
  display: flow-root;
}
.icon_addtext{
    height: 26px;
    width: 50px;
    background : url("./../media/txtbox.svg") no-repeat;
    background-size: 19px 19px;
    background-position: 50% 50%;
    display: block;
    margin: auto;
}
.icon_addpage{
  height: 26px;
  width: 50px;
  background : url("./../media/addpage.svg") no-repeat;
  background-size: 23px 23px;
  background-position: 50% 10%;
    display: block;
    margin: auto;
}
body.steptheme,body.dashboard,body.dashboardia{
background-color: #ffffff;
}

/*-------------------------------*/
body.steptheme .badge-light-danger {
background-color: #D0323814 !important;
}
.sub_menu_stheme{
background-color: #E1E3EA !important;
opacity: 0.3;
border-radius: 5px;
background: #E1E3EA !important;
}
body.steptheme .btn.btn-light-danger {
color: #D03238;
border-color: #D0323814 !important;
background-color: #D0323814 !important;
}
body.steptheme .inactive-card .card-body {
background-color:  #F5F5F5;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
body.steptheme .inactive-card {
border: 2px solid  #F5F5F5;
}
body.steptheme .inactive-card .card-footer {
background-color: #FFFFFF;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
padding-bottom: 15px;
padding-top: 15px;
}
.them_plantilla{
background-color: #F5F5F5;
border: 1px solid #F5F5F5 !important;
border-radius: 12px;
height: 100%;
max-width: 100%;
}
.them_plantilla_img {
border-radius: 10px;
border: 1px solid #e1e1e1;
}
.titulo_plantilla{
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 17px;
letter-spacing: -0.02em;
text-align: left;

}
.text_plantilla{
font-family: 'Poppins', sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 17px;
letter-spacing: -0.02em;
text-align: left;

}
.icon_check_plantilla{
height: 20px;
width: 20px;
background : url("./../media/icon_check.png") no-repeat;
background-size: 20px 20px;
display: block;
}
.icon_error_plantilla{
height: 20px;
width: 20px;
background : url("./../media/icon_error.png") no-repeat;
background-size: 20px 20px;
display: block;
}
.them_plantilla .get-started-btn{
background-color: #D03238;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.icon_arrow_plantilla{
height: 10px;
width: 10px;
background : url("./../media/arrow-diag.svg") no-repeat;
background-size: 10px 10px;
display: block;
}

.button-with-input {
display: inline-block;
padding: 10px 26px;
background-color: #fff;
color: #333333 ;
border: none;
border-radius: 8px;
cursor: pointer;
position: relative;
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 21px;
text-align: center;

}
.button-with-input.active {
background-color: #333333;
color: #fff ;
}

.button-with-input input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
}
.select_groupdo{
  height: 41px;
  background-color: #fff;
  color: #333333;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  border: none;
  border-radius: 8px;
}
.select_groupdo.active{
background-color: #333333;
color: #fff ;
}
.select_grouppage{
height: 41px;
background-color: #fff;
color: #333333;
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 21px;
border: none;
border-radius: 8px;
}
.select_grouppage.active{
background-color: #333333;
color: #fff ;
}
.design_name_style{
font-size: 25px;
  font-weight: 500;
  color: #333333;
  font-family: 'Poppins', sans-serif;
  margin: 0;
  border: 0;
  padding: 0;
  background-color: #F6F6F6;
  outline: 0;
}
body.stepdesign .divider {
width: 100%;
height: 2px;
background-color: #D9D9D9;
position: relative;
margin: 5px 0;
}
body.stepdesign .divider .delete-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
border: none;
border-radius: 50%;
padding: 5px;
cursor: pointer;
font-size: 16px;
}
body.stepdesign .divider i,.rm_imgsimbols i{
color: #919191;;
font-size: 18px;
}

body.stepdesign .ihighlight {
background-color: #D9D9D9;
}
.ui-droppable-active {
background: transparent;
}
.flot-editcarta{
background-color: #ffffff;
align-content: center;
position: sticky;
top: 0;
z-index: 1050;
}
form#frmrestaurant h2 {
font-family: 'Poppins', sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 28px;
text-align: left;
color: #181C32;

}
form#frmrestaurant label {
font-family: 'Poppins', sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 22.5px;
text-align: left;
color: #333333;
}
form#frmrestaurant .form-check-input {
height: 20px;
width: 37px;
}
form#frmrestaurant .form-check.form-check-danger .form-check-input:checked  {
background-color: #F26749;
}
.icon_tag_menu{
height: 41px;
width: 40px;
background: url('./../media/icon_tags_menu.svg') no-repeat;
background-size: 41px 41px;
display: block;
}
form#frmrestaurant textarea  {
background-color: #F5F5F5;
border:0;
}
.style_select_iasumiller .select2-container{
background-color: #F5F5F5;
border-radius: 7px;
min-height: 86px;
}
.style_select_iasumiller .select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) {
padding: 14px 15px;
}
.style_select_iasumiller .select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice {
border-radius: 14px;
background-color: #D9D9D9;
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 21px;
color: #333333;
}
.style_select_iasumiller .select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
opacity: 1;
background-color: #000000;
transform: translateY(-36%);
}
#frmrestaurant .select2-container--bootstrap5 .select2-selection--single {
border: 0;
  background-color: #F5F5F5;
}
#frmrestaurant .form-control.form-control-solid{
background-color: #F5F5F5;
}
.btn.btn-danger {
background-color: #D03238;
}
.text-danger {
color: #D03238 !important;
}
.page-link.active, .active > .page-link {
background-color: #D03238;
}
.btn.btn-bg-danger {
background-color: #D03238;
}

#frmrestaurant .style_select_iasumiller .select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
margin-top: 6px;
margin-right: 4px;
position: relative;
margin-left: 0px !important;
margin-bottom: 0px;
}
#frmrestaurant  .select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__display {
margin-left: 0 !important;
}
#frmproduct .select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
margin-top: 6px;
margin-right: 4px;
position: relative;
}
#frmproduct  .select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__display {
margin-left: 0;
}

/*------------*/
#btnAdd-sortp.dropdown-toggle::after {
display: none;
}
.title-dashboard {
color: #333333;
font-family: 'Poppins', sans-serif;
font-size: 32px;
font-weight: 700;
align-content: end;
margin-bottom: 0px;

}
.select_fecha_dashboard{
height: 40px;
background-color: #F5F5F5 !important;
width: 294px;
display: flex;
align-items: baseline;
justify-content: space-between;
}
.dropdown-dashboard{
height: 40px;
background-color: #F5F5F5 !important;
width: 300px;
display: flex;
justify-content: space-between;
align-items: center;
}
.btn.btn-secondary.dropdown-dashboard.show,.dropdown-dashboard.btn.btn-secondary:focus:not(.btn-active){
background-color: #F5F5F5 !important;
}
.title-dropd-fecha{
color: #333333 !important;
font-size: 12px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}
.scroll-dropw {
height: 17vh;
overflow-x: hidden;
overflow-y: auto;
}
#restaurantList label{
color: #393939 !important;
font-size: 12px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}
.btn-save-dashboard{
padding: 7px 12px !important;
font-size: 12px;
font-family: 'Poppins', sans-serif;
box-shadow: 0px 4px 4px rgb(0 0 0 / 25%) !important;
}
#restaurantList .form-check-input,
.checkall_ .form-check-input{
height: 16px;
width: 16px;
border-radius: 3px;
margin-top: 2px;
border: 1px solid #D03238;
}

#restaurantList .form-check:not(.form-switch) .form-check-input[type=checkbox],
.checkall_.form-check:not(.form-switch) .form-check-input[type=checkbox] {
background-size: 55% 60%;
}
#restaurantList  .form-check-input:checked, .bg-red.btn:hover,
.checkall_ .form-check-input:checked, .bg-red.btn:hover {
background-color: #D03238;
border-color: #D03238;
}
.checkall_ label{
color: #393939 !important;
font-size: 12px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
}
.form-grupo-search input {
height: 26px;
border-radius: 4px;
}
#dropdownMenuButton.btn.btn-secondary.dropdown-toggle:after {
display: none;
}
.btn-export-dashboard{
padding: 7px 12px !important;
font-size: 12px;
font-family: 'Poppins', sans-serif;
height: 32px;
}
.change_dashboard{
border: 1px solid #333333;
border-radius: 6px;
padding: 1px !important;
}

.title_top_vistas{
font-size: 20px;
font-weight: 700;
color: #333333;
font-family: 'Poppins', sans-serif;
}	
.text_topproduct_vistas{
font-size: 10px;
font-weight: 600;
color: #3F4254;
font-family: 'Poppins', sans-serif;
}	 
.no_decoration_card{
border: 0;
border-radius: 0;
box-shadow: none;
}	 
#general_toppropducts .card-body{
background-color: #F5F5F5;
border-radius: 12px;

position: relative;
  height: 130px;
  overflow: hidden;
}
.rotate_top_prducts{
transform: rotate(30deg);
top: -89%;
position: relative;
margin: 0 auto;
justify-content: center;
display: flex;
}
#general_toppropducts .card-title{
font-size: 20px;
font-weight: 700;
color: #333333;
font-family: 'Poppins', sans-serif;
}
.groupbtn_custom .btn-group{
border: 1px solid #000;
}
.groupbtn_custom .btn-group .btn{
border: 2px solid #fff!important;
}

.change_dashboard .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: #333333;
}
.btn_change_dashboard{
  height: 32px;
  border: none;
  background-color: white;
  color: #333333;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  padding: 0px 12px;
  border-radius: 6px;
}
.btn_change_vistas_tabla{
  height: 28px;
  border: none;
  background-color: white;
  color: #333333;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  padding: 0px 12px;
  border-radius: 6px;
}
.btn_change_dashboard.active{
  height: 32px;
  border: none;
  background-color: #333333;
  color: #ffffff;
}
.btn_change_vistas_tabla.active{
  height: 28px;
  border: none;
  background-color: #333333;
  color: #ffffff;
}
#main_general_topmultiples.card {
  border-color: #F1F1F4;
  border-radius: 7px;

}
#general_topmultiples_title{
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  font-family: 'Poppins', sans-serif;
}
#main_general_topmultiples table thead tr th,
#sumiller_topsubgroups table thead tr th{
  font-size: 12px;
  font-weight: 600;
  color: #B5B5C3;
  font-family: 'Poppins', sans-serif;
}
#main_general_topmultiples .table_text_simbol{
  font-size: 13px;
  font-weight: 500;
  color: #B5B5C3;
  font-family: 'Poppins', sans-serif;
}
#main_general_topmultiples .table_text_normal,
#sumiller_topsubgroups .table_text_normal{
  font-size: 13px;
  font-weight: 600;
  color: #3F4254;
  font-family: 'Poppins', sans-serif;
}
#main_general_topmultiples table tbody tr td{
  padding-top: 16px;
  padding-bottom: 16px;
}
img.rotar_img_arrow {
  transform: rotate(180deg);
}

#general_topcompare_title  .text_1,
#general_topvisitshistory_title  .text_1,
#general_topvisits_title .text_1{
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  font-family: 'Poppins', sans-serif;
}
#general_topcompare_title  .text_2,
#general_topvisitshistory_title  .text_2,
#general_topvisits_title .text_2{
  font-size: 18px;
  font-weight: 600;
  color: #797979;
  font-family: 'Poppins', sans-serif;
}
#sumiller_topgroups_title  .text_1,
#sumiller_topsubgroups_title{
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  font-family: 'Poppins', sans-serif;
}
#sumiller_topgroups_title  .text_2{
  font-size: 18px;
  font-weight: 600;
  color: #797979;
  font-family: 'Poppins', sans-serif;
}
.btn_change_vistas_lineal {
  height: 28px;
  border: none;
  background-color: white;
  color: #333333;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  padding: 0px 12px;
  border-radius: 6px;
}
.btn_change_vistas_lineal.active {
  height: 28px;
  border: none;
  background-color: #333333;
  color: #ffffff;
}
.text_comparativa-title {
  font-size: 18px;
  font-weight: 600;
  color: #3F4254;
  font-family: 'Poppins', sans-serif;
}
.text_comparativa-sub {
  font-size: 17px;
  font-weight: 500;
  color: #B5B5C3;
  font-family: 'Poppins', sans-serif;
}

.scrollable-content {
  max-height: 410px;
  min-height: 410px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; /* Para un desplazamiento suave en iOS */
}
/* Estilizar la barra de desplazamiento para navegadores WebKit */
.scrollable-content::-webkit-scrollbar{
  width: 6px;
}
.scrollable-content::-webkit-scrollbar-track{
  background: #f1f1f1;
}
.scrollable-content::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 3px;
}
.scrollable-content::-webkit-scrollbar-thumb:hover {
  background: #555;
}
/* Para Firefox */
.scrollable-content{
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}
.btn-export-dashboard.dropdown-toggle:after {
display: none;
}
.btn-color-pdf,.btn-colorp-pdf {
width: 35px;
height: 35px;
border-radius: 50% !important;
padding: 0 !important;
border: 1px solid #D1D1D1!important;
transition: transform 0.2s, box-shadow 0.2s;
}
.btn-color-pdf.active,
.btn-color-pdf:hover,
.btn-colorp-pdf.active,
.btn-colorp-pdf:hover {
border: 1px solid #333!important;
}
.pdfstyles-tab {
color: #333333;
font-size: 16px;
font-weight: 500;
line-height: 24px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
}
.pdfstyles-tab.active {
color: #333333;
background-color: #FFFFFF;
font-size: 16px;
font-weight: 500;
line-height: 24px;
border-radius: 6px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
box-shadow: 0px 1px 1px rgb(0 0 0 / 4%);
}
#text-style-tabs.nav-pills .nav-link.active,
#text-style-tabs.nav-pills .nav-link
{
font-size: 14px!important;
}
.pdfstyles-btn {
color: #212529;
background-color: #fff;
border: 1px solid #ced4da;
}
.pdfstyles-btn.active {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.daterangepicker .ranges li.active {
background-color: #D03238;
color: #fff;
}
.daterangepicker .ranges li:hover {
color: #D03238;
}
.daterangepicker .drp-calendar td.active {
background-color: #dc3545 !important;
color: #fff !important;
}
.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
color: #dc3545 !important;
}
.applyBtn,.drp-buttons .applyBtn:hover:not(.btn-active) {
background-color: #D03238 !important;
}
.apexcharts-text, .apexcharts-title-text, .apexcharts-legend-text {
font-family: 'Poppins', sans-serif !important;
}
.general_topvisits .apexcharts-text{
color: #333333 !important;
}
.apexcharts-legend-text {
font-weight: 600 !important;
}
#text-style-tabs {
height: 50px;
background-color: #F1F1F1;
border-radius: 7px;
align-content: center;
justify-content: center;
}
#text-style-tabs.nav-pills .nav-link.active, #text-style-tabs.nav-pills .show > .nav-link {
color: #333333;
background-color: #FFFFFF;
font-size: 16px;
font-weight: 500;
line-height: 24px;
border-radius: 6px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
box-shadow: 0px 1px 1px rgb(0 0 0 / 4%);
}
#text-style-tabs .nav-link {
color: #333333;
font-size: 16px;
font-weight: 500;
line-height: 24px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
}
#text-style-tabs.nav-pills .nav-item {
margin-right: 0 !important;
}
.pdfstyles-btn.active {
height: 29px;
  width: 29px;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #FFFFFF;
  background-color: #DB4F37;
  border-radius: 7px !important;
  padding: 4px !important;
}
.pdfstyles-btn { 
height: 29px;
width: 29px;
font-size: 14px;
font-family: 'Poppins', sans-serif;
font-weight: 600;
color: #333333;
background-color: #FFFFFF;
border-radius: 7px !important;
padding: 4px !important;
margin-right: 0.5rem;
}
.pdfstyles-btn i{
padding: 0;
color: #000000;
}
.pdfstyles-btn.active i{
padding: 0;
color: #fff;
}
.btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) {
margin-left: 0;
}
#text-style-tabContent .tab-pane > div:nth-of-type(3) {
border-right: 2px solid;
  border-radius: 0;
  padding-right: 12px;
}
#text-style-tabContent .tab-pane > div:nth-of-type(4) {
padding-left: 8px;
}

.xtimeline {
position: relative;
padding-left: 50px;
}
.xtimeline .xtimeline-line {
display: block;
content: " ";
justify-content: center;
position: absolute;
z-index: 0;
left: 15px;
top: 15px;
bottom: 0;
border-left-width: 1px;
border-left-style: dashed;
border-left-color: var(--bs-gray-300);
}
.xtimeline-item {
position: relative;
margin-bottom: 20px;
}
.xtimeline-icon {
position: absolute;
left: -3.2rem;
top: 5px;
width: 13px;
height: 13px;
z-index: 1;
background-color: white;
}
.xtimeline-icon img {
width: 100%;
height: 100%;
vertical-align:top;
}
.xtimeline-content {
padding: 0px 0px;
}
.xtimeline-date {
font-size: 0.8rem;
color: #6c757d;
}
/* NUEVO LOGHISTORY*/
.subtitle_dash {
font-size: 18px;
font-weight: 400;
color: #3F4254;
font-family: 'Poppins', sans-serif;
}
#general_loghistory .phead{
font-size: 16px;
font-family: 'Poppins', sans-serif;
color: #333333;
}
#general_loghistory .phead .pname{
color: #00A3FF;
font-weight: 700;
}
#general_loghistory .pbody{
font-size: 14px;
font-family: 'Poppins', sans-serif;
color: #B5B5C3;
}
#general_loghistory .pbody .uname{
color: #1BC5BD;
font-weight: 700;
}
#general_loghistory .cbody{
border: 1px solid #E4E6EF;
border-radius: 6px;
margin-top: 12px;
}
#general_loghistory .cbody {
    display: flex;
    align-items: center;
    font-family: 'Poppins', sans-serif;
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 0px;
    flex-wrap: wrap;
}
#general_loghistory .cprod {
    font-weight: bold;
    background-color: #F5F5F5;
    font-size: 14px;
    font-weight: 500;
    margin-right: auto;
    padding: 6px 10px;
    border-radius: 6px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 10px;
    
}
#general_loghistory .cold,#general_loghistory .cnew {
    display: flex;
   /* flex-direction: column;*/
    align-items: flex-end;
    max-width: 330px;
    width: 100%;
    min-width: 80px;
    text-align: right;
    padding: 6px 10px;
    border-radius: 6px;
    background-color: #F5F5F5;
    justify-content: space-between;
    margin: 2px 10px;
}
#general_loghistory .cold {
    color: #888;
}

#general_loghistory .cold > div:first-child{
    font-size: 14px;
    color: #B5B5C3;
    margin-right: 10px;
    text-align: left;
}
#general_loghistory .cnew > div:first-child {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  margin-right: 10px;
  text-align: left;
}
#general_loghistory  .cold > div:last-child {
    font-weight: 500;
    color: #B5B5C3;
}
#general_loghistory .cnew > div:last-child {
  font-weight: 500;
  color: #333333;
}
#general_loghistory .csbody {
border: 1px solid #E4E6EF;
border-radius: 6px;
margin-top: 12px;
padding: 6px 10px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
font-size: 14px;
font-weight: 500;
} 

/* Contenedor del scroll */
#main_general_loghistory .card-body .scrollable-content::-webkit-scrollbar,
#main_general_topmultiples .scrollable-content::-webkit-scrollbar,
#main_sumiller_topsubgroups .scrollable-content::-webkit-scrollbar {
/* Ancho y altura del scroll */
width: 12px;
height: 12px;
}

/* Pista del scroll */
#main_general_loghistory .card-body .scrollable-content::-webkit-scrollbar-track,
#main_general_topmultiples .scrollable-content::-webkit-scrollbar-track,
#main_sumiller_topsubgroups .scrollable-content::-webkit-scrollbar-track {
background-color: #f1f1f1; /* Color de fondo del track */
border-radius: 10px; /* Bordes redondeados */
}

/* Pulgar del scroll (la parte que se mueve) */
#main_general_loghistory .card-body .scrollable-content::-webkit-scrollbar-thumb,
#main_general_topmultiples .scrollable-content::-webkit-scrollbar-thumb,
#main_sumiller_topsubgroups .scrollable-content::-webkit-scrollbar-thumb {
background-color: #888; /* Color del pulgar */
border-radius: 10px; /* Bordes redondeados del pulgar */
border: 2px solid #ccc; /* Borde del pulgar */
}

/* Pulgar del scroll cuando se encuentra en hover */
#main_general_loghistory .card-body .scrollable-content::-webkit-scrollbar-thumb:hover,
#main_general_topmultiples .scrollable-content::-webkit-scrollbar-thumb:hover,
#main_sumiller_topsubgroups .scrollable-content::-webkit-scrollbar-thumb:hover {
background-color: #555; /* Color del pulgar en hover */
}

/* Botones del scroll */
#main_general_loghistory .card-body .scrollable-content::-webkit-scrollbar-button,
#main_general_topmultiples .scrollable-content::-webkit-scrollbar-button,
#main_sumiller_topsubgroups .scrollable-content::-webkit-scrollbar-button {
display: none; /* Ocultar botones de scroll */
}

/* Esquina donde se encuentran las barras de desplazamiento */
#main_general_loghistory .card-body .scrollable-content::-webkit-scrollbar-corner,
#main_general_topmultiples .scrollable-content::-webkit-scrollbar-corner,
#main_sumiller_topsubgroups .scrollable-content::-webkit-scrollbar-corner {
background-color: #f1f1f1; /* Color de la esquina */
}

/* Resizer (si aplica) */
#main_general_loghistory .card-body .scrollable-content::-webkit-resizer,
#main_general_topmultiples .scrollable-content::-webkit-resizer,
#main_sumiller_topsubgroups .scrollable-content::-webkit-resizer {
background-color: #888; /* Color del resizer */
}

/* style para cargar imagenes de fondo en diseñador pdf */
.dpf_upload-area {
width: 300px;
height: 100px;
border: 2px dashed #ccc;
border-radius: 5px;
position: relative;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
overflow: visible;
}
.dpf_upload-area.dragover { 
border-color: #0d6efd; 
background-color: rgba(13,110,253,.05); 
}
.dpf_upload-content { 
color: #6c757d; 
}
.dpf_loading-spinner {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #0d6efd;
}
.dpf_preview-container {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #f8f9fa;
}
.dpf_image-wrapper {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.dpf_preview-image {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
}
.dpf_image-actions {
position: relative;
top: 0px;
right: 0px;

}
.dpf_image-actions button {
padding: 2px 6px;
font-size: 12px;
background: rgba(255,255,255,.9);
cursor: default;
z-index: 1000; /* Asegurar que esté por encima */
}
.dpf_image-actions .dropdown-menu {
  position: absolute;
  z-index: 1001; /* Mayor que el z-index del contenedor padre */
  margin-top: 0;
}
.dpf_image-actions button {
  padding: 2px 6px;
  font-size: 12px;
  background: rgba(255,255,255,.9);
}
.dpf_image-actions .dropdown {
  position: static; /* Permite que el menú se posicione respecto al contenedor principal */
}
.dpf_image-actions .dropdown-menu {
  position: absolute;
  transform-origin: top right;
  right: 0;
  left: auto;
  margin-top: 2px;
}
.dpf_image-actions .dropdown-menu.show {
  display: block;
  z-index: 9999;
}
.dpf_image-actions .dropdown-menu {
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.btn-color-text-pdf.active, .btn-color-text-pdf:hover {
border: 1px solid #F26749 !important;
}
.btn-color-text-pdf {
width: 35px;
height: 35px;
border-radius: 50% !important;
padding: 0 !important;
border: 1px solid #D1D1D1 !important;
transition: transform 0.2s, box-shadow 0.2s;
}


/* Contenedor del input con imagen de fondo */
.color-input-container {
position: relative;
display: inline-block;
}



/* Estilo cuando el input dentro del contenedor tiene la clase active */
.btn-color-custom-pdf{
  background: url('/adm/media/multicolor.png') center/cover no-repeat;
}
.color-input-container input + ::after {
content: "";
position: absolute;
top: 3px;
left: 3px;
width: 35px;
height: 35px;
background: url('/adm/media/multicolor.png') center/cover no-repeat;
pointer-events: none; /* Permite hacer clic en el input */
transition: opacity 0.3s ease;
background-color: white;
}
.color-input-container input.active + ::after {
border: 1px solid #F26749 !important;
border-radius: 50% !important;
}
.link_faq{
background-color: #F5F5F5;
border-radius: 7px;
padding: 12px 16px;
}
.link_faq span{
font-family: 'Poppins', sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
color: #000000;
}
.new_catego_cart{
font-size: 12px;
  background-color: rgb(208 50 56 / 8%);
  border-radius: 6px;
  color: #D03238;
  padding: 6px 20px;
  font-family: 'Poppins', sans-serif;
  font-style: normal;
font-weight: 500;
}
.ico_delete_ca{
height: 19px; 
width: 19px;
background : url("./../media/delete_carta.svg");
background-size: 19px 19px;
display: block;
}
#newcategory {
border: 0;
background-color: #f5f5f580;
}
.btn_right_carta{
position: absolute;
right: 40px;
padding: 14px 20px !important;

}
.drop_select_category button,.drop_select_category div{
background-color: #f5f8fa !important;
}
.drop_select_category .dropdown-toggle::after {
display: none !important;
}
#category_select_name{
width: 100%;
  color: #333333 !important;
  font-family: 'Poppins', sans-serif;
  text-align: left;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
}
.drop_select_category{
max-width: 280px;
  width: 100%;
}
.drop_select_category div{
width: 100%;
}
.text_checkt{
color: #333333 !important;
  font-family: 'Poppins', sans-serif;
  text-align: left;
  font-size: 13px;
}
.checkt_category{
height: 16px;
width: 16px;
border-radius: 4px !important;
margin-top: 0.1rem !important;
border-color: #d9214e !important;
}
#select_full_category{
white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* max-width: 322px;*/
}
.btn_traducir_ia {
border: 1px solid !important;
border-radius: 24px;
padding: 4px 14px 4px 9px !important;
color: #F26749 !important;
background-color: rgb(242 103 73 / 20%) !important;
font-size: 12px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
position: absolute;
  top: -30px;
  right: 0;
}
.icon_btn_traducir{
height: 12px; 
width: 12px;
background : url("./../media/icon_btn_traduc.svg");
background-size: 12px 12px;
display: block;
}
.count_text_traductor{
padding-bottom: 40px;
  resize: none;
}
.text-counter{
position: absolute;
width: 75px;
height: 26px;
text-align: center;
align-content: center;
background-color: #F5F5F5;
border-radius: 100px;
right: 12px;
color: #F26749;
font-weight: 600;
font-family: 'Poppins', sans-serif;
font-size: 10px;
bottom: 10px;
}
/*new style*/
body, .app-default {
background-color: #ffffff;
}
.app-header .btn.btn-active-light:hover:not(.btn-active),
.app-header .btn.btn-active-light:focus:not(.btn-active){
background-color: #00000000 !important;
}
.nav_restaurant{
border: 1px solid #333333;
border-radius: 6px;
}
.nav_restaurant button{
font-family: 'Poppins', sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
color: #333333;
padding: 7px 15px !important;
margin: 2px;
}
.nav_restaurant button span{
font-family: 'Poppins', sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
color: #7E8299;
}
.nav_restaurant button.active{
font-family: 'Poppins', sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
color: #FFFFFF !important;
background-color: #333333;
}
.nav_restaurant button.active span{
color: #ffffff;
}
.content_search_{
max-width: 320px;
width: 100%;
height: 50px;
background-color: #F5F5F5;
border-radius: 100px;
display: flex;
align-items: center;
min-width: 320px;
justify-content: space-between;
padding: 0px 6px 0 6px;
}
.content_search_ input{
font-family: 'Poppins', sans-serif;
border: 0 !important;
font-style: normal;
font-weight: 400;
background-color: #ffffff00;
font-size: 13px;
color: #000000;
padding: 0px 10px;
width: 186px;
}
.content_search_ input:focus-visible{
outline: none;
}
.ico_delt_search{
height: 20px; 
width: 20px;
background : url("./../media/delete_search_.svg");
background-size: 20px 20px;
display: block;
}
.ico_search{
height: 20px; 
width: 20px;
background : url("./../media/icon_search_.png");
background-size: 20px 20px;
display: block;
margin: 8.5px 8.5px;
}
.content_ico_search{
    height: 37px;
    width: 37px;
    background-color: #ffffffff;
    border-radius: 50%;
    align-content: center;
}
.new_creat_btn button{
background-color: #fce1db;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
height: 47px;
border: 0;
border-radius: 100px;
font-size: 13px;
font-weight: 700;
color: #F26749;
max-width: 224px;
padding: 0 18px;
width: 100%;
min-width: 224px;
z-index: 3;
position: relative;
justify-content: space-between;
}
.new_creat_btn button::after{
display: none;
}
.new_creat_btn .dropdown-menu a{
font-family: 'Poppins', sans-serif;
font-size: 11px;
  font-weight: 400;
  color: #000000;
background-color: #ffffff00 !important;
padding: 8px 18px;
}
.new_creat_btn .dropdown-menu a:hover{
color: #F26749 !important;
font-weight: 700 !important;
}
.new_creat_btn .dropdown-menu.show{
width: 100%;
border-radius: 24px;
inset: -49px auto auto 0px !important;
z-index: 2;
padding-top: 49px !important;
box-shadow: 0px 5px 5px 0px rgba(82, 63, 105, 0.15);
}
.ico_down_orang{
height: 6px;
width: 10px;
background: url("./../media/down_orang.svg");
background-size: 10px 6px;
display: block;
}
.new_creat_btn .dropdown-toggle.show i{
background : url("./../media/right_white.svg") !important;
background-size: 6px 10px;
height: 10px;
width: 6px;
}
#restaurants_list .card ,#propuestas_list .card ,#cotizacions_list .card ,
#resultsearchcustomer .card,#menus_list .card,
#customerModal .modal-body{
background-color: #F8F8F8;
border: 0;
  box-shadow: none;
  border-radius: 6px;
}
.dropdown button::after{
display: none;
}
.dropw_card_list button{
border: 0;
width: 20px;
height: 20px;
padding: 0;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
  background-color: #eff0f2;
}
.dropw_card_list button i{
font-size: 16px;
color: #B5B5C3;
}
.text_modificacion div{
font-family: 'Poppins', sans-serif;
font-size: 12px;
  font-weight: 400;
  color: #333333;
}
.text_modificacion strong{
  font-weight: 600;
}
.card_name_rest{
font-family: 'Poppins', sans-serif;
font-size: 16px;
  font-weight: 700;
  color: #333333;
}
.etiqueta_type1{
background-color: #5792F9;
font-family: 'Poppins', sans-serif;
border-radius: 6px;
color: #ffffff;
padding: 2px 8px 2px 8px;
font-size: 11px;
font-weight: 500;

}
#restaurants_list .card-body,#propuestas_list .card-body,#cotizacions_list .card-body,#menus_list{
padding: 14px 20px;
}
.dropw_card_list a{
font-family: 'Poppins', sans-serif;
font-size: 11px;
  font-weight: 400;
  color: #333333;
  padding: 4px 14px;
}
.dropw_card_list .dropdown-menu{
inset: 5px 0px auto auto !important;
}
.propuesta_etiqueta_type1{
background-color: #F26749;
font-family: 'Poppins', sans-serif;
border-radius: 6px;
color: #ffffff;
padding: 2px 8px 2px 8px;
font-size: 11px;
font-weight: 500;

}
.Cotizacion_etiqueta_type1{
background-color: #F26749;
font-family: 'Poppins', sans-serif;
border-radius: 6px;
color: #ffffff;
padding: 2px 8px 2px 8px;
font-size: 11px;
font-weight: 500;

}
#resultsearchcustomer_total{
font-family: 'Poppins', sans-serif;
color: #B5B5C3;
font-size: 12px;
font-weight: 400;
}
.text_list_search {
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 12px;
font-weight: 500;
line-height: 17px;
}
#resultsearchcustomer .textpart_1{
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 10px;
font-weight: 400;
line-height: 17px;
display: flex;
background-color: #ffffff;
border-radius: 100px;
align-items: center;
height: 22px;
padding: 0 7px;
}
#resultsearchcustomer .textpart_2{
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 12px;
font-weight: 400;
line-height: 20px;
display: flex;
background-color: #ffffff;
border-radius: 100px;
align-items: center;
height: 22px;
padding: 0 7px;
}
.new_select_propues{
background-color: #FFFFFF;
border-radius: 100px;
padding: 0 17px;
}
.new_select_propues select{
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 14px;
font-weight: 500;
border: 0;
padding: 10px 18px 10px 6px;
background-position: right;
background-size: 12px 12px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
white-space: nowrap;
overflow: hidden ;
text-overflow: ellipsis;
display: inline-block;
vertical-align: middle;
}
.new_select_propues span{
font-family: 'Poppins', sans-serif;
color: #949899;
font-size: 14px;
font-weight: 500;
}
.contador_newstyle input{
font-family: 'Poppins', sans-serif;
font-weight: 500;
width: 58px;
text-align: end;
padding: 0 0 0 0;
font-size: 14px;
color: #949899;
background-color: #F8F8F8;
border: 0;
padding: 1px 0px;
border-radius: 100px;
}
.contador_newstyle .new_select_propues{
padding: 9px 17px;
}
.contador_newstyle {
background-color: #D9D9D9;
border-radius: 21px;
}
.circle_copa_propues {
width: 23px;
  height: 23px;
  border-radius: 50%;
  background-color: #F8F8F8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contador_newstyle input.form-control:invalid,
.contador_newstyle input.form-control:valid{
padding-right: 0 !important;
background-image: none !important;
background-color: #F8F8F8;
}
.was-validated .new_select_propues  .form-select:invalid:not([multiple]):not([size]){
padding-right: 0;
background-position: right;
background-size: 12px 12px;
}
/*rango de precios*/
.rmain_pro{height: 30px;}
.mline,.pline{
display: inline-block;
}
.lcoreless{
display: inline-block;background-color: #f3b123;text-align: center;font-size: 11px;
}
.coremore{
display: inline-block;background-color: #f08a2f;text-align: center;font-size: 11px;
}
.lcorerange{
display: inline-block;background-color: #067f03;text-align: center;font-size: 11px;
}
.stepproducts .lcoreless,.stepproducts .coremore,.stepproducts .lcorerange{cursor: pointer;}
.noUi-pips-horizontal {
height:25px;
top: 0;
left: 0;
width: 100%;
}
.noUi-pips {
position: absolute;
color: #999;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height:8px;
}
.noUi-marker-large {
background: #AAA;
}
.noUi-marker {
position: absolute;
background: #CCC;
}
.noUi-pips, .noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 0.7rem;
}
.noUi-value-horizontal {
-webkit-transform: translate(-50%,50%);
transform: translate(-50%,50%);
}
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-pips, .noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target, .noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.rlcore{
background-color: #000;
}
.rpcore{
font-weight: bold;
color: #000;
font-size: 0.72rem;
}
/*end*/
.style_stepcarta_categ{
background-color: #F5F5F5;
padding: 19px 8px;
border-radius: 30px;
}
.style_stepcarta_categ .card{
border-radius: 20px;
height: 100%;
min-height: 260px;
min-width: 438px;
  max-width: 438px;
}
.static-popover {
background-color: #333333;
border: 0px solid rgba(0, 0, 0, 0.2);
border-radius: 20px;
padding: 0 0;
height: 30px;
width: 54px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 12px;
}
.popover-arrows {
position: absolute;
width: 8px;
height: 8px;
background: #e1020200;
border-width: 7px;
border-style: solid;
border-color: transparent #91292900 #333333 transparent;
transform: rotate(270deg);
border-radius: 0px;
}
.static-popover span{
font-family: 'Poppins', sans-serif;
color: #FFFFFF;
font-size: 12px;
font-weight: 500;
}
.title_vinos_stepcart{
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 20px;
font-weight: 700;
}
.style_stepcarta_categ .card .card-body{
padding: 20px 20px;
}
.style_stepcarta_categ .total_{
font-family: 'Poppins', sans-serif;
color: #797979;
font-size: 14px;
font-weight: 600;
}
.menos_btn_cart{
width: 21px;
height: 21px;
background: #F5F5F5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
font-weight: 300;
color: #333333;
border:0;
padding: 0;
}
.mas_btn_cart{
width: 21px;
height: 21px;
background: #F5F5F5;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 600;
padding-top: 1px;
color: #333333;
border:0;
padding: 0;
}
.subtitle_stepcart{
font-family: 'Poppins', sans-serif;
font-size: 12px;
font-weight: 600;
width: 117px;
}
.numb_stepcart{
font-family: 'Poppins', sans-serif;
font-size: 10px;
font-weight: 500;
border: 0;
outline: 0;
background-color: #33333300;
text-align: end;
width: 30px;
}
.backg_color_1{
background-color: #C4D558;
border-radius: 20px;
  height: 32px;
  border: 0;
  padding: 0px 11px 0 6px;
  z-index: 100;
}
.backg_color_1 .triangle-up {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 11px solid #C4D558;
display: block;
}
.circle_white_{
width: 20px;
height: 20px;
background-color: #FFFFFF;
border-radius: 50%;
display: flex;
    align-items: center;
    justify-content: center;
}
.backg_color_2{
background-color: #007233;
border-radius: 20px;
  height: 32px;
  border: 0;
  padding: 0px 11px 0 6px;
}
.backg_color_2 .triangle-up {
clip-path: polygon(50% 0%, /* Vértice superior */ 100% 38.2%, /* Esquina superior derecha */ 81% 100%, /* Esquina inferior derecha */ 19% 100%, /* Esquina inferior izquierda */ 0% 38.2% /* Esquina superior izquierda */);
background-color: #007233;
width: 12px;
height: 12px;
}
.backg_color_3{
background-color: #FFEF83;
border-radius: 20px;
  height: 32px;
  border: 0;
  padding: 0px 11px 0 6px;
}
.backg_color_3 .triangle-up {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 11px solid #FFEF83;
display: block;
}
.backg_color_4{
background-color: #F8CE48;
border-radius: 20px;
  height: 32px;
  border: 0;
  padding: 0px 11px 0 6px;
}
.backg_color_4 .triangle-up {
width: 12px;
height: 12px;
display: block;
border-radius: 50%;
background-color: #F8CE48;
}
.backg_color_5{
background-color: #EE7502;
border-radius: 20px;
  height: 32px;
  border: 0;
  padding: 0px 11px 0 6px;
}
.backg_color_5 .triangle-up {
clip-path: polygon(50% 0%, /* Vértice superior */ 100% 38.2%, /* Esquina superior derecha */ 81% 100%, /* Esquina inferior derecha */ 19% 100%, /* Esquina inferior izquierda */ 0% 38.2% /* Esquina superior izquierda */);
background-color: #EE7502;
width: 12px;
height: 12px;
}
.backg_color_6{
background-color: #FAE0EA;
border-radius: 20px;
  height: 32px;
  border: 0;
  padding: 0px 11px 0 6px;
}
.backg_color_6 .triangle-up {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 11px solid #FAE0EA;
display: block;
}
.backg_color_7{
background-color: #D7317E;
border-radius: 20px;
  height: 32px;
  border: 0;
  padding: 0px 11px 0 6px;
}
.backg_color_7 .triangle-up {
clip-path: polygon(50% 0%, /* Vértice superior */ 100% 38.2%, /* Esquina superior derecha */ 81% 100%, /* Esquina inferior derecha */ 19% 100%, /* Esquina inferior izquierda */ 0% 38.2% /* Esquina superior izquierda */);
background-color: #D7317E;
width: 12px;
height: 12px;
}
.backg_color_8{
background-color: #F4A49F;
border-radius: 20px;
  height: 32px;
  border: 0;
  padding: 0px 11px 0 6px;
}
.backg_color_8 .triangle-up {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 11px solid #F4A49F;
display: block;
}
.backg_color_9{
background-color: #E03D28;
border-radius: 20px;
  height: 32px;
  border: 0;
  padding: 0px 11px 0 6px;
}
.backg_color_9 .triangle-up {
width: 12px;
height: 12px;
display: block;
border-radius: 50%;
background-color: #E03D28;
}
.backg_color_10{
background-color: #BA1918;
border-radius: 20px;
  height: 32px;
  border: 0;
  padding: 0px 11px 0 6px;
}
.backg_color_10 .triangle-up {
clip-path: polygon(50% 0%, /* Vértice superior */ 100% 38.2%, /* Esquina superior derecha */ 81% 100%, /* Esquina inferior derecha */ 19% 100%, /* Esquina inferior izquierda */ 0% 38.2% /* Esquina superior izquierda */);
background-color: #BA1918;
width: 12px;
height: 12px;
}
.backg_color_11{
background-color: #541B14;
border-radius: 20px;
  height: 32px;
  border: 0;
  padding: 0px 11px 0 6px;
}
.backg_color_11 .triangle-up {
width: 10px;
height: 10px;
display: block;
background-color: #541B14;
}
.backg_color_12{
background-color: #E6C3A2;
border-radius: 20px;
  height: 32px;
  border: 0;
  padding: 0px 11px 0 6px;
}
.backg_color_12 .triangle-up {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 11px solid #E6C3A2;
display: block;
}
.backg_color_13{
background-color: #A3581D;
border-radius: 20px;
  height: 32px;
  border: 0;
  padding: 0px 11px 0 6px;
}
.backg_color_13 .triangle-up {
clip-path: polygon(50% 0%, /* Vértice superior */ 100% 38.2%, /* Esquina superior derecha */ 81% 100%, /* Esquina inferior derecha */ 19% 100%, /* Esquina inferior izquierda */ 0% 38.2% /* Esquina superior izquierda */);
background-color: #A3581D;
width: 12px;
height: 12px;
}
.text_select_prop{
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 16px;
font-weight: 600;
}
.select_prop_gastron{
padding-bottom: 5px;
padding-top: 5px;
border: 0;
border-radius: 100px;
background-color: #F5F5F5;
font-family: 'Poppins', sans-serif;
color: #949899;
font-size: 12px;
font-weight: 500;
background-size: 12px 12px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.content_ref_pro{
height: 46px;
align-items: center;
background-color: #F5F5F5;
border-radius: 100px;
padding: 0 10px 0 16px;
justify-content: space-between;
width: 360px;
min-width: 350px;
}
.title_ref_cart{
font-family: 'Poppins', sans-serif;
color: #949899;
font-size: 14px;
font-weight: 500;
}
.content_ref_pro input{
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 800;
border: 0;
outline: 0;
background-color: #33333300;
text-align: end;
width: 40px;
}
.content_ref_pro button{
background: #D8D8D8 !important;
}
.content_ref_pro .content_ref_2{
background: white;
height: 29px;
border-radius: 100px;
width: 122px;
justify-content: space-between;
padding: 0 7px 0 4px;
}
.select_prop_ticket{

padding: 12px 28px 12px 14px;
border: 0;
height: 46px;
border-radius: 100px;
background-color: #F5F5F5;
font-family: 'Poppins', sans-serif;
color: #949899;
font-size: 12px;
font-weight: 500;
margin-right: 8px;
margin-bottom: 0.5rem !important;
background-size: 12px 12px;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
min-width: 448px;
}
.continuar_propuest{ 
border: 0;
border-radius: 100px;
height: 47px;
display: flex;
align-items: center;
justify-content: space-between;
width: 224px;
padding: 0 20px;
background-color: #F26749;
color: #fff;
font-size: 13px;
font-weight: 700;
}
.ico_right_white {
height: 12px;
width: 12px;
background: url('./../media/arrow_right_white.svg') no-repeat;
background-size: 12px 12px;
display: block;
}
.delete_img_mproduct{
width: 25px;
height: 25px;
background-color: rgb(255, 0, 0);
position: absolute;
bottom: -12px;
left: -12px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
}
.change_img_mproduct{
width: 25px;
height: 25px;
background-color: #f26749;
position: absolute;
bottom: -12px;
right: -12px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
}
.change_img_mproduct i{
height: 19px;
width: 14px;
background-size: 14px 19px;
margin: 3.5px 5.5px;
}
#frmrestaurant .style_select_removex .select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
margin-top: 6px;
margin-right: 4px;
position: relative;
margin-left: 0px !important;
margin-bottom: 0px;
}
.sl_icoadd.icocart{
width: 15px;
  height: 15px;
  position: absolute;
  top: 12px;
  right: 12px;
  background: url('../media/chek_mprodut.svg') no-repeat;
  background-size: 15px 15px;
}
.sl_icoaddf.icofcart{
width:20px;height:20px;
background: url('../media/incart.svg') no-repeat;
background-size: 17px 17px;
background-position: 2px center;
display: block;
}
.sim000{
position: absolute;
width: 26px;
height: 26px;
background: url('../media/vino000.png') no-repeat;
background-size: contain;
display: block;
}
.sim251{
position: absolute;
width: 26px;
height: 26px;
background: url('../media/vino251.png') no-repeat;
background-size: contain;
display: block;
}
.sim252{
position: absolute;
width: 26px;
height: 26px;
background: url('../media/vino252.png') no-repeat;
background-size: contain;
display: block;
}
.sim255{
position: absolute;
width: 26px;
height: 26px;
background: url('../media/vino255.png') no-repeat;
background-size: contain;
display: block;
}
.sim256{
position: absolute;
width: 26px;
height: 26px;
background: url('../media/vino256.png') no-repeat;
background-size: contain;
display: block;
}
.sim259{
position: absolute;
width: 26px;
height: 26px;
background: url('../media/vino259.png') no-repeat;
background-size: contain;
display: block;
}
.simc000{
display: block;
position: absolute;
top: -15px;
width:7px;
height:12px;
background: url('../media/copa000.svg') no-repeat;
background-size: contain;
background-position: center
}
.simc251{
display: block;
position: absolute;
top: -15px;
width:7px;
height:12px;
background: url('../media/copa251.svg') no-repeat;
background-size: contain;
background-position: center
}
.simc252{
display: block;
position: absolute;
top: -15px;
width:7px;
height:12px;
background: url('../media/copa252.svg') no-repeat;
background-size: contain;
background-position: center
}
.simc255{
display: block;
position: absolute;
top: -15px;
width:7px;
height:12px;
background: url('../media/copa255.svg') no-repeat;
background-size: contain;
background-position: center
}
.simc256{
display: block;
position: absolute;
top: -15px;
width:7px;
height:12px;
background: url('../media/copa256.svg') no-repeat;
background-size: contain;
background-position: center
}
.simc259{
display: block;
position: absolute;
top: -15px;
width:7px;
height:12px;
background: url('../media/copa259.svg') no-repeat;
background-size: contain;
background-position: center
}
.hplinex{
display: block;
position: absolute;
top: -3px;
color: #333;
font-size: 0.5rem;
right: -0.018rem;
}
.hplinec{
display: block;
position: absolute;
top: -12px;
color: #333;
font-size: 0.5rem;
right: -0.018rem;
}
.icobot{
vertical-align: initial;height: 12px;width: 4px;
}
.icocop{
vertical-align: initial;height: 12px;width: 6px;
}
#filtershowbtn{
display: flex;
    height: 46px;
    align-items: center;
    border: 0;
    background-color: #D8D8D8;
    border-radius: 100px;
    min-width: 220px;
    justify-content: space-between;
    padding: 5px 15px 5px 6px;
}
#filtershowbtn span,.text_price_  span{
font-family: 'Poppins', sans-serif;
color: #000000;
font-size: 13px;
font-weight: 400;
}
.ico_menos_btn {
height: 12px;
width: 9px;
background: url('./../media/menos_btn.svg') no-repeat;
background-size: 9px 12px;
display: block;
}
.ico_mas_btn {
height: 12px;
width: 9px;
background: url('./../media/mas_btn.svg') no-repeat;
background-size: 9px 12px;
display: block;
}
.ico_filtro_product {
height: 23px;
width: 23px;
background: url('./../media/filtro_product.svg');
background-size: 23px 23px;
display: block;
margin: 7px 7px;
}
.ico_euro {
height: 26px;
width: 26px;
background: url('./../media/ico_euro.svg');
background-size: 26px 26px;
display: block;
margin: 5.5px 5.5px;
}
.text_price_{
max-width: 416px;
width: 100%;
height: 46px;
background-color: #F5F5F5;
border-radius: 100px;
display: flex;
align-items: center;
min-width: 520px;
/* justify-content: space-between; */
padding: 0px 12px 0 6px;
}
.check_tercer{
background-color: #F5F5F5;
  height: 46px;
  display: flex;
  align-items: center;
  border-radius: 100px;
  padding: 0 19px;
  min-width: 270px;
}
.check_tercer label{
font-family: 'Poppins', sans-serif;
color: #000000;
font-size: 14px;
font-weight: 500;
}
.check_tercer input{
background-color: #ffffff;
}
.content_search_.steproduct{
max-width: 347px;
min-width: 347px;
}
/*range*/
.range-slider {
position: relative;
width: 334px;
margin-left: 11px !important;
display: flex;
align-items: center;
}

.slider-track {
position: absolute;
height: 6px;
width: 100%;
background: #ffffff;
border-radius: 3px;
}

.slider-range {
position: absolute;
height: 6px;
background: #F26749;
border-radius: 3px 0px 0px 3px;
}

.slider-thumb {
position: absolute;
top: -9px;
height: 17px;
width: 27px;
background: #F26749;
border-radius: 100px;
cursor: pointer;
font-family: 'Poppins', sans-serif;
color: #ffffff;
font-size: 12px;
font-weight: 600;
text-align: center;
}
/**/
.style_estruct_recomend{
background-color: #F5F5F5 !important;
border-radius: 25px 25px 0px 0px;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 13px;
font-weight: 700;
padding: 16px 15px !important;
/*min-width: 1390px;*/
}
.style_estruct_recomend.collapsed{
border-radius: 25px 25px 25px 25px;
}
#structrecomend.collapse {
/* min-width: 1390px;*/
}
.ico_arrow_up {
height: 16px;
width: 16px;
background: url('./../media/arrow_up_.svg');
background-size: 16px 16px;
display: block;
padding: 0;
}

.style_stepproduc_categ{
padding: 0 5px 0px 5px;
}
.style_stepproduc_categ .total_ {
font-family: 'Poppins', sans-serif;
color: #797979;
font-size: 10px;
font-weight: 800;
}
.title_vinos_stepproduct{
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 14px;
font-weight: 700;
}
.static-popover-prod {
background-color: #333333;
border: 0px solid rgba(0, 0, 0, 0.2);
border-radius: 20px;
padding: 0 0;
height: 18px;
width: 33px;
display: flex;
align-items: center;
justify-content: center;
margin-left: 9px;
}
.popover-arrow-prod {
position: absolute;
width: 8px;
height: 8px;
background: #e1020200;
border-width: 6px;
border-style: solid;
border-color: transparent #91292900 #333333 transparent;
transform: rotate(270deg);
border-radius: 0px;
}
.subtitle_stepprod {
font-family: 'Poppins', sans-serif;
font-size: 10px;
font-weight: 500;
width: 46px;
}
.style_stepproduc_categ .backg_color_1,
.style_stepproduc_categ .backg_color_2,
.style_stepproduc_categ .backg_color_3,
.style_stepproduc_categ .backg_color_4,
.style_stepproduc_categ .backg_color_5,
.style_stepproduc_categ .backg_color_6,
.style_stepproduc_categ .backg_color_7,
.style_stepproduc_categ .backg_color_8,
.style_stepproduc_categ .backg_color_9,
.style_stepproduc_categ .backg_color_10,
.style_stepproduc_categ .backg_color_11,
.style_stepproduc_categ .backg_color_12,
.style_stepproduc_categ .backg_color_13{
height: 20px;
}
.style_stepproduc_categ .ic_total{
font-family: 'Poppins', sans-serif;
font-size: 10px;
font-weight: 700;
color: #FFFFFF;
width: 40px;
text-align: end;
}
.style_stepproduc_categ .circle_white_{
width: 12px;
height: 12px;
}
.style_stepproduc_categ .card {
border-radius: 20px;
height: 100%;
min-height: 196px;
min-width: 257px;
max-width: 258px;
}
.style_stepproduc_categ .card .card-body {
padding: 17px 20px;
}
.style_stepproduc_categ .backg_color_1 .triangle-up {
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 7px solid #C4D558;
display: block;
}
.style_stepproduc_categ .backg_color_2 .triangle-up {
clip-path: polygon(50% 0%, /* Vértice superior */ 100% 38.2%, /* Esquina superior derecha */ 81% 100%, /* Esquina inferior derecha */ 19% 100%, /* Esquina inferior izquierda */ 0% 38.2% /* Esquina superior izquierda */);
background-color: #007233;
width: 8px;
height: 8px;
}
.style_stepproduc_categ .backg_color_3 .triangle-up {
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 7px solid #FFEF83;
display: block;
}
.style_stepproduc_categ .backg_color_4 .triangle-up {
width: 8px;
height: 8px;
display: block;
border-radius: 50%;
background-color: #F8CE48;
}
.style_stepproduc_categ .backg_color_5 .triangle-up {
clip-path: polygon(50% 0%, /* Vértice superior */ 100% 38.2%, /* Esquina superior derecha */ 81% 100%, /* Esquina inferior derecha */ 19% 100%, /* Esquina inferior izquierda */ 0% 38.2% /* Esquina superior izquierda */);
background-color: #EE7502;
width: 8px;
height: 8px;
}
.style_stepproduc_categ .backg_color_6 .triangle-up {
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 7px solid #FAE0EA;
display: block;
}
.style_stepproduc_categ .backg_color_7 .triangle-up {
clip-path: polygon(50% 0%, /* Vértice superior */ 100% 38.2%, /* Esquina superior derecha */ 81% 100%, /* Esquina inferior derecha */ 19% 100%, /* Esquina inferior izquierda */ 0% 38.2% /* Esquina superior izquierda */);
background-color: #D7317E;
width: 8px;
height: 8px;
}
.style_stepproduc_categ .backg_color_8 .triangle-up {
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 7px solid #F4A49F;
display: block;
}
.style_stepproduc_categ .backg_color_9 .triangle-up {
width: 8px;
height: 8px;
display: block;
border-radius: 50%;
background-color: #E03D28;
}
.style_stepproduc_categ .backg_color_10 .triangle-up {
clip-path: polygon(50% 0%, /* Vértice superior */ 100% 38.2%, /* Esquina superior derecha */ 81% 100%, /* Esquina inferior derecha */ 19% 100%, /* Esquina inferior izquierda */ 0% 38.2% /* Esquina superior izquierda */);
background-color: #BA1918;
width: 8px;
height: 8px;
}
.style_stepproduc_categ .backg_color_11 .triangle-up {
width: 6px;
height: 6px;
display: block;
background-color: #541B14;
}
.style_stepproduc_categ .backg_color_12 .triangle-up {
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 7px solid #E6C3A2;
display: block;
}
.style_stepproduc_categ .backg_color_13 .triangle-up {

clip-path: polygon(50% 0%, /* Vértice superior */ 100% 38.2%, /* Esquina superior derecha */ 81% 100%, /* Esquina inferior derecha */ 19% 100%, /* Esquina inferior izquierda */ 0% 38.2% /* Esquina superior izquierda */);
background-color: #A3581D;
width: 8px;
height: 8px;
}
.static-popover-prod span{
font-family: 'Poppins', sans-serif;
color: #ffff;
font-size: 9px;
font-weight: 400;
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1456px;
}
}
#thumbMin{
z-index: 77;
}
#thumbMax{
z-index: 70;
}/*
.sub_fondo_ictotal{
height: 20px;
width: 130px;
background-color: #a0ff0033;
position: absolute;
top: 0;
left: 42px;
border-radius: 100px;
}*/
.selec_customer_{
display: flex;
align-items: center;
justify-content: space-between;
width: 145px;
height: 36px;
border: 0;
border-radius: 24px;
background-color: #F26749;
font-family: 'Poppins', sans-serif;
color: #ffff;
font-size: 14px;
font-weight: 600;
padding: 3px 17px 3px 20px;
}
.ico_downp_white {
background: url('./../media/right_white.svg') !important;
background-size: 6px 10px !important;
height: 10px;
width: 6px;
transform: rotate(90deg);
} 
#customerModal.offcanvas.offcanvas-end {
width: 600px !important;
border-radius: 20px 0px 0px 20px;
}
#customerModal .offcanvas-header,
#customerModal .offcanvas-body {
padding-left: 36px;
padding-right: 36px;
}
#customerModal .offcanvas-header{
background-color: #f5f5f5;
border-top-left-radius: 20px;
}
.custform_titlt{
font-family: 'Poppins', sans-serif;
color: #181C32;
font-size: 24px;
font-weight: 800;
}
.btn_formcustsave{
display: flex;
align-items: center;
justify-content: space-between;
width: 169px;
height: 36px;
border: 0;
border-radius: 24px;
background-color: #D8D8D8;
font-family: 'Poppins', sans-serif;
color: #FFFFFF;
font-size: 16px;
font-weight: 600;
padding: 3px 17px 3px 20px;
}
.ico_right_white_rou {
height: 14px;
width: 14px;
background: url('./../media/arrow_right_white_round.svg') no-repeat;
background-size: 14px 14px;
display: block;
}
.img_newcust{
width: 100px;
height: 100px;
border-radius: 50%;
border: 2px dashed #D9D9D9;
display: flex;
align-items: center;
justify-content: center;
margin-right: 14px;
}
.ico_right_white_rou {
height: 14px;
width: 14px;
background: url('./../media/arrow_right_white_round.svg') no-repeat;
background-size: 14px 14px;
display: block;
}
#customerModal label,
#steproductosfr label{
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 14px;
font-weight: 700;
}
.ico_upload_img {
height: 68px;
width: 77px;
background: url('./../media/upload_img.svg') no-repeat;
background-size: 77px 68px;
display: block;
}
textarea.new_company {
height: 73px;
padding: 13px 15px;
background-color: #F5F5F5 !important;
border: 0;
border-radius: 6px;
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 13px;
font-weight: 400;
}
.new_input_custome{
background-color: #EBEBEB;
border-radius: 100px;
height: 44px;
display: flex
;
padding: 10px 16px;
align-items: center;
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 13px;
font-weight: 400;
}
#company.new_input_custome{
font-weight: 700;
}
.circle_white_t{
width: 38px;
height: 38px;
background-color: #FFFFFF;
border-radius: 50%;
display: flex;
    align-items: center;
    justify-content: center;
}
.group_custome_from{
background-color: #EBEBEB;
border-radius: 100px;
align-items: center;
padding-left: 4px;
}
.ico_telef_img {
height: 24px;
width: 27px;
background: url('./../media/phone_two.png') no-repeat;
background-size: 26px 27px;
display: block;
}
.ico_msj_img {
height: 15px;
width: 22px;
background: url('./../media/msj_two.png') no-repeat;
background-size: 22px 15px;
display: block;
}
.recuadro_tarifario{
padding: 20px 6px;
background-color: #F5F5F5;
margin: 12px 0;
border-radius: 7px;
}
.recuadro_tarifario select{
border: 0;
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
}
.btn_pase5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 280px;
  height: 47px;
  border: 0;
  border-radius: 24px;
  background-color: #F5F5F5;
  font-family: 'Poppins', sans-serif;
  color: #333333;
  font-size: 14px;
  font-weight: 700;
  padding: 3px 17px 3px 5px;
  z-index: 5;
  position: relative;
}
.btn_pase5_stepcar{
max-width: 212px;
  width: 100%;
  height: 46px;
  background-color: #F5F5F5;
  border-radius: 100px;
  display: flex;
  align-items: center;
  min-width: 212px;
  justify-content: space-between; 
  padding: 0px 15px 0 5px;
}
/*.bc_mobil_puntos oculatar contenido del li en mobil y solo mostrar  tres puntos */
/* Solución mínima funcional */
/* Solución mínima que SÍ funciona */
@media (max-width: 992px) {
  .bc_mobil_puntos * {
    display: none !important;
  }
  .bc_mobil_puntos::before {
    content: "..." !important;
    display: inline !important;
  }
}

body {
font-family: 'Poppins', sans-serif;
}
.pas5_total_vino{
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 14px;
font-weight: 700;
}
.pas5_name_total{
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 14px;
font-weight: 500;
}
.clip_board {
height: 21px;
width: 21px;
background: url('./../media/clip_board.png') no-repeat;
background-size: 21px 21px;
display: block;
margin: 7.5px 7.5px;
}
.truck_ico {
height: 25px;
width: 25px;
background: url('./../media/truck_ico.png') no-repeat;
background-size: 25px 25px;
display: block;
margin: 6px 6px;
}
.calculator_ico {
height: 21px;
width: 21px;
background: url('./../media/calculator_ico.png') no-repeat;
background-size: 21px 21px;
display: block;
margin: 8px 8px;
}
.emoji_copa_ico {
height: 19px;
width: 12px;
background: url('./../media/Emoji_Copa.png') no-repeat;
background-size: 12px 19px;
display: block;
margin: 8.5px 12.5px;
}
.btn_pase5_stepcar_truck{
max-width: 240px;
  width: 100%;
  height: 46px;
  background-color: #333333;
  border-radius: 100px;
  display: flex;
  align-items: center;
  min-width: 240px;
  justify-content: space-between; 
  padding: 0px 15px 0 5px;
}
.pas5_total_vino_w{
font-family: 'Poppins', sans-serif;
color: #ffffff;
font-size: 14px;
font-weight: 700;
}
.pas5_name_total_w{
font-family: 'Poppins', sans-serif;
color: #ffffff;
font-size: 14px;
font-weight: 500;
}
.edit_recomend_pvp .dropdown-toggle {
background-color: #fce1db;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
height: 46px;
border: 0;
border-radius: 100px;
font-size: 12px;
font-weight: 600;
color: #F26749;
max-width: 238px;
padding: 0 18px 0 5px;
width: 100%;
min-width: 220px;
z-index: 3;
position: relative;
justify-content: space-between;
}
.edit_recomend_pvp button::after{
display: none;
}/*
.edit_recomend_pvp .dropdown-menu a{
font-family: 'Poppins', sans-serif;
font-size: 11px;
  font-weight: 400;
  color: #000000;
background-color: #ffffff00 !important;
padding: 8px 18px;
}
.edit_recomend_pvp .dropdown-menu a:hover{
color: #F26749 !important;
font-weight: 700 !important;
}*/
.edit_recomend_pvp .dropdown-menu.show{
width: 100%;
border-radius: 24px;
inset: -49px auto auto 0px !important;
z-index: 2;
padding: 49px 16px 16px 16px !important;
box-shadow: 0px 5px 5px 0px rgba(82, 63, 105, 0.15);
}
.edit_recomend_pvp .dropdown-toggle.show .ico_down_orang{
background : url("./../media/right_white.svg") !important;
background-size: 6px 10px;
height: 10px;
width: 6px;
}
.descargar_export button{
background-color: #fce1db;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
height: 46px;
border: 0;
border-radius: 100px;
font-size: 12px;
font-weight: 600;
color: #F26749;
max-width: 130px;
padding: 0 18px;
width: 100%;
min-width: 130px;
z-index: 3;
position: relative;
justify-content: space-between;
}
.descargar_export button::after{
display: none;
}
.descargar_export .dropdown-menu a{
font-family: 'Poppins', sans-serif;
font-size: 11px;
  font-weight: 400;
  color: #000000;
background-color: #ffffff00 !important;
padding: 8px 18px;
justify-content: start;
align-items: center;
border-radius: 18px;
}
.descargar_export .dropdown-menu a:hover{
color: #F26749 !important;
font-weight: 700 !important;
}
.descargar_export .dropdown-menu.show{
width: 100%;
border-radius: 24px;
inset: -49px auto auto 0px !important;
z-index: 2;
padding-top: 49px !important;
box-shadow: 0px 5px 5px 0px rgba(82, 63, 105, 0.15);
}
.descargar_export .dropdown-toggle.show i{
background : url("./../media/right_white.svg") !important;
background-size: 6px 10px;
height: 10px;
width: 6px;
}
.edit_recomend_pvp input:first-of-type{
border: 0;
outline: 0;
width: 45px;
font-family: 'Poppins', sans-serif;
font-size: 14px;
  font-weight: 500;
  color: #333333;
}
.mas_btn_cart_ {
width: 20px;
height: 20px;
background: #F5F5F5;
border-radius: 50%;
display: flex
;
align-items: center;
justify-content: center;
padding-top: 1px;
color: #333333;
border: 0;
padding: 0;
}
.porcent_cart{
margin-top: 18px;
background-color: #F5F5F5;
padding: 4px;
border-radius: 100px;
}
.porcent_cart .fond{

height: 29px;
padding: 4px 13px 4px 4px;
background-color: white;
border-radius: 100px;
}
.edit_recomend_pvp  select{
border-radius: 100px;
border: 0;
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23F26749' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
}
.edit_recomend_pvp .new_cds{
background-color: #333333;
border-radius: 20px;
}
.save_pvp{
height: 36px;
  padding: 7px 20px !important;
  border-radius: 24px;
  border: 0;
  background-color: #F26749 !important;
  font-family: 'Poppins', sans-serif;
  font-size: 14px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}
.send_activate_cart  select{
border-radius: 100px;
border: 0;
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23F26749' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
}
.send_activate_cart .new_cds{
background-color: #333333;
border-radius: 20px;
}

.send_activate_cart .dropdown-menu.show {
width: 100%;
border-radius: 24px;
inset: -49px auto auto 0px !important;
z-index: 4;
padding: 49px 16px 16px 16px !important;
box-shadow: 0px 5px 5px 0px rgba(82, 63, 105, 0.15);
}
.send_activate_cart input{
padding: 6px 14px !important;
height: 37px;
border-radius: 100px;
border: 0;
background-color: #F5F5F5 !important;
}
.save_cart_dig {
height: 36px;
padding: 7px 20px;
border-radius: 24px;
border: 0;
background-color: #D8D8D8;
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 600;
color: #ffffff;
}
.stepcart_table_head{
background-color: #333333;
font-family: 'Poppins', sans-serif;
font-size: 12px;
font-weight: 600;
color: #ffffff;
  font-size: 12px;
  border-radius: 6px;
  padding: 13px 0;
  margin: 0;
}
.gsteproduct_title{
color: #3F4254;
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 900;
cursor: pointer;
}
.count_category_product_step{
font-weight: 400;
font-size: 12px;
font-family: 'Poppins', sans-serif;
}
/* Hasta 576px */
@media (max-width: 576px) {
/* Estilos para pantallas pequeñas aquí */
.col_product{
  width: 64%;
}
.col_simbol{
  display: none;
}
.col_zonado{
  display: none;
}
.col_variedad{
  display: none;
}
.col_tarifa{
  display: none;
}
.col_botella{
  display: none;
}
.col_copa{
  display: none;
}
.col_accion{
  width: 36%;
}
}
/* Entre 576px y 768px */
@media (min-width: 576px) and (max-width: 768px) {
/* Estilos para pantallas medianas aquí */
.col_product{
  width: 40%;
}
.col_simbol{
  width: 33%;
}
.col_zonado{
  display: none;
}
.col_variedad{
  display: none;
}
.col_tarifa{
  display: none;
}
.col_botella{
  display: none;
}
.col_copa{
  display: none;
}
.col_accion{
  width: 27%;
}
}
/* Entre 768px y 992px */
@media (min-width: 768px) and (max-width: 992px) {
/* Estilos para pantallas medianas aquí */
.col_product{
  width: 25%;
}
.col_simbol{
  width: 23%;
}
.col_zonado{
  width: 17%;
}
.col_variedad{
  width: 15%;
}
.col_tarifa{
  display: none;
}
.col_botella{
  display: none;
}
.col_copa{
  display: none;
}
.col_accion{
  width: 20%;
}
}
/* Entre 992px y 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
/* Estilos para pantallas grandes aquí */
  .col_product{
    width: 25%;
  }
  .col_simbol{
    width: 16%;
  }
  .col_zonado{
    width: 12%;
  }
  .col_variedad{
    width: 17%;
  }
  .col_tarifa{
    width: 14%;
  }
  .col_botella{
    display: none;
  }
  .col_copa{
    display: none;
  }
  .col_accion{
    width: 16%;
  }
}
/* Más de 1200px */
@media (min-width: 1200px) {
/* Estilos para pantallas extra grandes aquí */
.col_product{
  width: 22%;
}
.col_simbol{
  width: 13%;
}
.col_zonado{
  width: 10%;
}
.col_variedad{
  width: 14%;
}
.col_tarifa{
  width: 11%;
}
.col_botella{
  width: 9%;
}
.col_copa{
  width: 8%;
}
.col_accion{
  width: 13%;
}

}
.ico_pincel {
height: 25px;
width: 20px;
background: url('./../media/pencil_ico.png') no-repeat;
background-size: 20px 25px;
display: block;
margin: 6.5px 8.5px;
}
.ico_trash {
height: 23px;
width: 23px;
background: url('./../media/trash_ico.png') no-repeat;
background-size: 23px 23px;
display: block;
margin: 7.5px 6.5px;
}
#stepcart_summary .content_ico_search{
background-color: #F7F7F7;
}
/* Animación para rotación del ícono */
#stepcart_summary .rotate-icon {
transition: transform 0.3s ease-in-out;
}
#stepcart_summary a.collapsed.gsteproduct_title .rotate-icon {
transform: rotate(270deg); /* Aplica rotación cuando el collapse está abierto */
}
#stepcart_summary a:not(.collapsed).gsteproduct_title .rotate-icon {
transform: rotate(360deg); /* Aplica rotación cuando el collapse está abierto */
}
.save_cart_dig.active{
background-color: #F26749 !important;
}
.btn_pase5.act_cart_dig.active{
background-color: #F26749 !important;
color: white;
}
.activa_ico {
height: 24px;
width: 17px;
background: url('./../media/activ_carta.png') no-repeat;
background-size: 17px 23px;
display: block;
margin: 6.5px 10.5px;
}
.active_carta_ {
display: flex
;
align-items: center;
justify-content: space-between;
width: 244px;
height: 47px;
border: 0;
border-radius: 24px;
background-color: #F26749;
font-family: 'Poppins', sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: 700;
padding: 3px 6px 3px 20px;
z-index: 5;
position: relative;
}
#steproductosfr.offcanvas.offcanvas-end {
width: 650px !important;
border-radius: 20px 0px 0px 20px;
}
#steproductosfr .offcanvas-header{
padding: 25px 50px;
}
#steproductosfr .offcanvas-body{
padding: 44px 50px;
padding-top: 0px;
}
#steproductosfr .offcanvas-header {
background-color: #f5f5f5;
border-top-left-radius: 20px;
}
.ico_zoom_vista {
height: 12px;
width: 12px;
background: url('./../media/zoom_vista.svg') no-repeat;
background-size: 12px 12px;
display: block;
}
#headoff_canvformprod{
font-family: 'poppins', sans-serif;
color: #F26749;
font-size: 12px;
font-weight: 600;
display: flex;
align-items: center;
}
.btn_savestepro {
border: 0;
border-radius: 100px;
height: 36px;
display: flex;
align-items: center;
justify-content: space-between;
width: 134px;
padding: 0 20px;
background-color: #F26749;
color: #fff;
font-size: 16px;
font-weight: 600;
}
.subttile_steppr{
font-family: 'Poppins', sans-serif;
color: #181C32;
font-size: 24px;
font-weight: 800;
}
.ico_upload_imgv2 {
height: 58px;
width: 58px;
background: url('./../media/upload_imgv2.svg') no-repeat;
background-size: 58px 58px;
display: block;
}
.img_newproduct_{
width: 76px;
height: 145px;
border-radius: 100px;
border: 2px dashed #D9D9D9;
display: grid;
align-items: center;
justify-content: center;
margin-right: 14px;
}
.new_input_stepr{
border-radius: 6px;
background-color: #F5F5F5 !important;
border: 0;
height: 46px;
}
.btn_moreinfo{
display: flex;
padding: 14px 18px;
justify-content: space-between;
border: 0;
background-color: #f5f5f500;
border-radius: 7px;
width: 100%;  
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 14px;
font-weight: 700;
align-items: center;
}
.gen_moreinfo label	{
font-weight: 500 !important;
margin: 0;
}
.gen_moreinfo .select2-container--bootstrap5 .select2-selection	{
border: #000000;
}
.gen_showbotella .collapse label{
font-weight: 500 !important;
margin: 0;
}
.gen_showbotella .collapse input{
border: 0;
border-radius: 6px;
background-color: #ffffff !important;
height: 46px;
}
.gen_showbotella .collapse input:nth-child(4){
border-radius: 6px 6px 0 0;
}
.price_recomend-botella {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #F26749;
border-radius: 0 0 6px 6px;
padding: 4px 5px;
}
.price_recomend-botella span{
font-family: 'Poppins', sans-serif;
color: #ffffff;
font-size: 10px;
font-weight: 400;
}
.margen_benef_text{
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 12px;
font-weight: 400;
}
.conten_marge_beneficio{
background-color: #F26749;
border-radius: 6px;
padding: 3px 10px;
color: white;
font-weight: 700;
}
.conten_marge_beneficio span{
font-family: 'Poppins', sans-serif;
color: #ffffff;
font-size: 12px;
font-weight: 700;
}
.chek_switc_steprop{
background-color: #ffffff;
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23979797'/></svg>")
}
.chek_switc_steprop:checked{
background-color: #ffffff !important;
border-color: #dbdfe9 !important;
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='%23FF5733'/></svg>")
}
.gen_showcopa .collapse label{
font-weight: 500 !important;
margin: 0;
}
.gen_showcopa .collapse input{
border: 0;
border-radius: 6px;
background-color: #ffffff !important;
height: 46px;
}
.gen_showcopa .collapse input:nth-child(1){
border-radius: 6px 6px 0 0;
}
#frmproducto .select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
background-color: #F5F5F5;
color: #333333;
}
.creat_steproduct{
border: 0;
background-color: #F26749;
font-family: 'Poppins', sans-serif;
color: #ffffff;
font-size: 12px;
font-weight: 600;
height: 37px;
border-radius: 100px;
padding: 0 9px;
}
.back_enla{
font-size: 23px !important;
padding: 5px 12px 30px 0px !important;
display: flex
;
}
.etiqueta_type_cd {
background-color: #C657F9;
font-family: 'Poppins', sans-serif;
border-radius: 6px;
color: #ffffff;
padding: 2px 8px 2px 8px;
font-size: 11px;
font-weight: 500;
}
.etiqueta_type_sumill {
background-color: #FF4901;
font-family: 'Poppins', sans-serif;
border-radius: 6px;
color: #ffffff;
padding: 2px 8px 2px 8px;
font-size: 11px;
font-weight: 500;
}
.etiqueta_type_pdf {
background-color: #F95790;
font-family: 'Poppins', sans-serif;
border-radius: 6px;
color: #ffffff;
padding: 2px 8px 2px 8px;
font-size: 11px;
font-weight: 500;
}
.style_estruct_recomend .showporc{
display: none;
}
.style_estruct_recomend.collapsed .showporc{
display: flex;
}
.etiqueta_type1.process{
background-color: #F8CE48 !important;
}
.etiqueta_type1.finaliz{
background-color: #57B3F9 !important;
}
.etiqueta_type1.publica{
background-color: #F26749 !important;
}
.i_lprod:hover .content_ico_search{
background-color: #ffffff !important;
}
/* Personalizar los primeros tres elementos con la clase .noUi-value */
.mline:nth-child(2) .noUi-value:nth-child(1),
.mline:nth-child(3) .noUi-value:nth-child(1) {
  /* Tus estilos personalizados aquí */
  color: #000000;
  background-color: #ffffff !important;
  font-size: 14px;
  height: 20px;
  width: 38px;
  text-align: center;
  border-radius: 100px;
  left: 22px !important;
  top: -7px;
  font-weight: 600;
}
.mline:nth-child(1) .noUi-value:nth-child(1) {
  /* Tus estilos personalizados aquí */
  color: #ffffff;
  background-color: #000000 !important;
  font-size: 14px;
  height: 20px;
  width: 38px;
  text-align: center;
  border-radius: 100px;
  left: 22px !important;
  top: -7px;
  font-weight: 600;
}
/* Personalizar los primeros tres elementos con la clase .noUi-value */
.mline:nth-child(4) .noUi-value:nth-child(1),
.mline:nth-child(5) .noUi-value:nth-child(1) {
  /* Tus estilos personalizados aquí */
  color: #000000;
  font-weight: bold;
  background-color: #ffffff !important;
  font-size: 14px;
  height: 20px;
  width: 38px;
  text-align: center;
  border-radius: 100px;
  left: -22px !important;
  top: -7px;
  font-weight: 600;
}
.mline:nth-child(5) .noUi-value:nth-child(2) {
/* Tus estilos personalizados aquí */
color: #ffffff;
background-color: #000000;
font-size: 14px;
height: 20px;
width: 53px;
text-align: center;
border-radius: 100px;
right: -24px !important;
top: -7px;
font-weight: 600;
left: unset !important;
}
.mline:nth-child(3) .noUi-value:nth-child(2) {
color: #000000;
/* font-weight: bold; */
background-color: white;
height: 30px;
width: 89px;
border-radius: 100px;
background-color: #F5F5F5;
top: -55px;
font-size: 15px;
font-weight: 800;
padding: 5px 2px;
}


.mline:nth-child(1) ,.mline:nth-child(2) div{
border-radius: 100px 0 0 100px;
} 
.mline:nth-child(3) div{
border-radius: 100px 100px 100px 100px;
}
.mline:nth-child(4) div,.mline:nth-child(5) {
border-radius: 0 100px 100px 0;
} 
.mline:nth-child(2) div:nth-child(1){
background-color: #CCCCCC !important;
}
.mline:nth-child(3) div:nth-child(1){  
background-color: #333333 !important;
}
.mline:nth-child(4) div:nth-child(1){
background-color: #999999 !important;
}
.mline:nth-child(3) {
background: linear-gradient(90deg, rgba(204,204,204,1) 0%, rgba(153,153,153,1) 100%);
}
.mline:nth-child(1),.mline:nth-child(5) {
background: linear-gradient(1deg, rgba(255, 255, 255, 0.0) 100%, rgb(255, 255, 255) 50%), repeating-linear-gradient(128deg, #eee, #eee 8px, #ffffff 8px, #ffffff 14px) !important;
}
.text_cant_stepcarta_2{
position: absolute;
left: 39%;
top: 3px;
color: white;
font-size: 14px;
font-weight: 600;
}

.mline:nth-child(1) .text_cant_stepcarta_2,.mline:nth-child(5) .text_cant_stepcarta_2{
display: none;
}
.btn_formcustsave.active{
background-color: #F26749;
}
.clas_terceros:checked {
background-color: #F26749;
border-color: #F26749;
}
#frmproducto .select2-container--bootstrap5.select2-container--disabled .form-select {
border: 0;
}
#frmproducto #moreinfo .select2-container--bootstrap5.select2-container--disabled .form-select {
background-color: #ffffff ;
color: #333333;
}
#frmproducto .select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__rendered {
color: #333333 !important;
}
#frmproducto #moreinfo input,
#frmproducto #moreinfo textarea{
background-color: #ffffff ;
border: 0;
color: #333333;
}

.filtr_stepproduct{
border-radius: 24px 0 0 24px;
width: 420px;

}
.filtr_stepproduct .offcanvas-header{
height: 56px;
background-color: #F5F5F5;
border-radius: 24px 0 0 0px;
}
.filtr_stepproduct .offcanvas-body,.filtr_stepproduct .offcanvas-header{
padding-left: 50px;
padding-right: 50px;
}
.title_filt_step{
font-family: 'Poppins', sans-serif;
color: #181C32;
font-size: 24px;
font-weight: 800;
}	
.sibear_filtrostep{
display: flex;
    border: 0;
    border-radius: 24px;
    width: 130px;
    justify-content: space-between;
    align-items: center;
    background-color: #F26749;
    color: white;
    padding: 0 15px 0px 6px;
    height: 36px;
    font-size: 16px;
    font-weight: 600;  

}
.sibear_filtrostep .content_ico_search{
height: 28px;
width: 28px;
justify-content: center;
align-items: center;
}
.sibear_filtrostep .filter-total{
font-family: 'Poppins', sans-serif;
color: #F26749;
font-size: 12px;
font-weight: 600;
}
.mline:nth-child(2) .text_cant_stepcarta_3{
position: absolute;
left: -12px;
top: -40px;
color: white;
font-size: 14px;
font-weight: 600;
background-color: #00000000;
display: flex
;
width: 90px;
}
.mline:nth-child(4) .text_cant_stepcarta_3{
position: absolute;
right: -3px;
top: -38px;
color: white;
font-size: 14px;
font-weight: 600;
/* background-color: black; */
display: flex
;
width: 90px;
}
.mline:nth-child(1) .text_cant_stepcarta_3,.mline:nth-child(3) .text_cant_stepcarta_3,.mline:nth-child(5) .text_cant_stepcarta_3{
display: none !important;
}
.rmain_line .mline:nth-child(2) .text_cant_stepcarta_3 .popover-arrows_a {
position: absolute;
width: 8px;
height: 8px;
background: #000000;
background-color: #f0ffff00 !important;
border-width: 7px;
border-style: solid;
border-color: transparent #91292900 #f5f5f5 transparent;
transform: rotate(180deg);
border-radius: 0px !important;
bottom: -12px;
left: 26px;
}
.rmain_line .mline:nth-child(4) .text_cant_stepcarta_3 .popover-arrows_a {
position: absolute;
width: 8px;
height: 8px;
background: #000000;
background-color: #f0ffff00 !important;
border-width: 7px;
border-style: solid;
border-color: transparent #91292900 #f5f5f5 transparent;
transform: rotate(180deg);
border-radius: 0px !important;
bottom: -12px;
left: 60px;
}
.static-popover_a {
background-color: #F5F5F5;
border: 0px solid rgba(0, 0, 0, 0.2);
border-radius: 20px !important;
padding: 0 0;
height: 30px;
width: 100%;
display: flex
;
align-items: center;
justify-content: center;
margin-left: 12px;
}
.data_valormin{
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 14px;
font-weight: 600;
}
.hpline:hover {
border: 2px solid #F26749 !important;
border-radius: 50% !important;
}
#frmproducto #moreinfo select{
border: 0;
background-color: white;
color: #333333;
}
#menu_list .card-body{
padding: 14px 20px;
}
.btn_vercata {
max-width: 147px;
width: 100%;
height: 36px;
background-color: #F26749;
border-radius: 100px;
display: flex
;
align-items: center;
min-width: 147px;
justify-content: space-between;
padding: 0px 15px 0 3px;
}
.btn_vercata .content_ico_search{
height: 30px;
width: 30px;
}
.btn_vercata .clip_board {
height: 19px;
width: 19px;
background-size: 19px 19px;
margin: 5.5px 5.5px;
}
.btn_vercata .ico_downp_white{
transform: none;
}
#menus_list .badge-light-danger{
/*padding: 0 !important;*/
height: 20px;
/*width: 70px;*/
display: flex;
align-items: center;
justify-content: center;
color: white;
background-color: red;
font-size: 11px;
font-weight: 500;
}
#menus_list .badge-light-success{
padding: 0 !important;
height: 20px;
width: 70px;
display: flex;
align-items: center;
justify-content: center;
color: white;
background-color: #C4D558; 
font-size: 11px;
font-weight: 500;
}
.btn_pase5_editcarta{
max-width: 188px;
width: 100%;
height: 46px;
background-color: #F5F5F5;
border-radius: 100px;
display: flex
;
align-items: center;
min-width: 188px;
justify-content: space-between;
padding: 0px 10px 0 5px;

}
.btn_img_upload{
border: 0;
background-color: #33333300;
}
.ico_upload_url {
height: 58px;
width: 58px;
background: url('./../media/url_img_v.svg') no-repeat;
background-size: 58px 58px;
display: block;
} 
#frmproducto .change_img_mproduct {
width: 25px;
height: 25px;
background-color: #f26749;
position: absolute;
bottom: -12px;
right: 6px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
#btnUpload{
background-color: #F26749 !important;
}
#uploadimg_frm .btn-primary{
background-color: #F26749 !important;
}

.circle_x_product {
width: 23px;
height: 23px;
background-color: #FFFFFF;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: 16px;
left: 12px;
}
.ico_x_delete {
height: 9px;
width: 9px;
background: url('./../media/x_delete.svg') no-repeat;
background-size: 9px 9px;
display: block;
margin: auto;
}
.flot_stepropduct{
position: sticky;
top: 0;
background-color: white;
z-index: 140;
padding-top: 44px;
margin: 0;
padding-bottom: 14px;
}
.ico_right_black_arrow {
height: 14px;
width: 14px;
background: url('./../media/arrow_right_black.svg') no-repeat;
background-size: 14px 14px;
display: block;
}
.btn_pase5.act_cart_dig.active .ico_right_black_arrow{
background: url('./../media/arrow_right_white.svg') no-repeat;
height: 14px;
width: 14px;
background-size: 14px 14px;
}
.text_info_activecarta{
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 13px;
font-weight: 500;
}

#pdfpages {
transform-origin: top center;
transition: transform 0.1s ease-out;
}
.zoom-value {
min-width: 4rem;
text-align: center;
font-weight: 500;
user-select: none;
}
.show_resumen_cart {
  max-width: 220px;
  height: 46px;
  background-color: #F5F5F5;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 15px 0 5px;
  border: 0;
  margin-right: 16px;
}	
#stepproduct_summary .card {
border: 0;
box-shadow: none;

}	
#stepproduct_summary .img_list_product {
background-color: #F5F5F5;
border-radius: 5px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
max-height: 153px;
height: 100%;
min-height: 153px;
}
.delete_img_resumen{
position: absolute;
top: 10px;
right: 10px;
}
@media (min-width: 1200px) {
/* Estilos para pantallas extra grandes aquí */
#cartview .modal-dialog{
  min-width: 1200px;
  max-width: 1400px;
}

}
#stepproduct_summary .name_product {
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 12px;
font-weight: 800;
height: 100%;
min-height: 30px;
max-height: 53px;
}
#stepproduct_summary .img_list_product img{
max-height: 153px;
}
.tarif_venta{
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 12px;
font-weight: 700;
background-color: #F5F5F5;
padding: 4px 6px 2px 6px;
border-radius: 7px 7px 0px 0;
}
.tarif_botella {
font-family: 'Poppins', sans-serif;
color: #ffffff;
font-size: 10px;
font-weight: 700;
background-color: #333333;
padding: 4px 6px 2px 6px;
border-radius: 0 0 0px 8px;
}
.tarif_copa {
font-family: 'Poppins', sans-serif;
color: #ffffff;
font-size: 10px;
font-weight: 700;
background-color: #949899;
padding: 4px 6px 2px 6px;
border-radius: 0 0 8px 0px;
}
.text_margen_bet{
font-family: 'Poppins', sans-serif;
color: #000000;
font-size: 10px;
font-weight: 700;
}
.cont_margen_bet{
font-family: 'Poppins', sans-serif;
color: #ffffff;
font-size: 10px;
font-weight: 700;
background-color: #F26749;
padding: 5px 0px 4px 10px;
border-radius: 6px;
}
/* Entre 992px y 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
/* Estilos para pantallas grandes aquí */
#cartview .modal-dialog{
  min-width: 900px;
  max-width: 960px;
}
}
#cartview .modal-content{
border-radius: 20px;
}
#cartview .modal-header{
background-color: #f5f5f5;
border-radius: 20px 20px 0 0;
padding-top: 15px;
padding-bottom: 15px;
}
#cartview .modal-header h5{
font-family: 'Poppins', sans-serif;
color: #F26749;
font-size: 14px;
font-weight: 600;
}
.edit_show_steprod{
font-family: 'Poppins', sans-serif;
color: #333333;
font-size: 12px;
font-weight: 700;
border: 0;
  background-color: #33333300 !important;
  outline: none;
  width: 65px;
  text-align: end;
}
.edit_show_steprodsub{
font-family: 'Poppins', sans-serif;
color: #ffffff;
font-size: 10px;
font-weight: 700;
border: 0;
  background-color: #33333300 !important;
  outline: none;
  width: 40px;
  text-align: end;
}
.circle_white_product_resumen {
width: 36px;
height: 36px;
background-color: #FFFFFF;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 10px;
left: 10px;
}
.content_descuento{
background-color: white;
border-radius: 6px;
}	

@media (max-width: 1470px) {
/* Estilos para pantallas grandes aquí */
.btn_pase5_editcarta{
  max-width: 47px;
  width: 100%;

  min-width: 47px;
  padding: 0px 5px 0 5px;
}
.btn_pase5_editcarta .pas5_name_total{
  display: none;
}
.btn_pase5_stepcar{
  max-width: 120px;
  width: 100%;
  min-width: 120px;
  padding: 0px 15px 0 5px;
}
.btn_pase5_stepcar .pas5_name_total{
  display: none;
}
.btn_pase5_stepcar_truck{
  max-width: 100px;
  width: 100%;
  min-width: 100px;
  padding: 0px 15px 0 5px;
}
.btn_pase5_stepcar_truck .pas5_name_total_w{
  display: none;
}
}
#products_list .content_ico_search {
background-color: #F7F7F7;
}
.ico_eyes_show {
height: 20px;
width: 20px;
background: url('./../media/eyes_show.svg') no-repeat;
background-size: 20px 20px;
display: block;
margin: 8.5px 8.5px;
}
.ico_eyes_hide {
height: 26px;
width: 20px;
background: url('./../media/eyes_hide.svg') no-repeat;
background-size: 20px 26px;
display: block;
margin: 5.5px 8.5px;
}
.btn_product_gen{
max-width: 188px;
width: 100%;
height: 42px;
background-color: #F5F5F5;
border-radius: 100px;
display: flex;
align-items: center;
min-width: 188px;
justify-content: space-between;
padding: 0px 15px 0 4px;
}
.btn_product_gen_2{
max-width: 200px;
width: 100%;
height: 42px;
background-color: #F5F5F5;
border-radius: 100px;
display: flex;
align-items: center;
min-width: 200px;
justify-content: space-between;
padding: 0px 15px 0 4px;
}
.btn_product_gen_truck{
max-width: 236px;
width: 100%;
height: 42px;
background-color: #333333;
border-radius: 100px;
display: flex;
align-items: center;
min-width: 236px;
justify-content: space-between;
padding: 0px 15px 0 4px;
}
.block_products_cartas .content_ico_search{
height: 34px;
width: 34px;
}	
.block_products_cartas .content_ico_search .clip_board{
height: 20px;
width: 20px;
background-size: 20px 20px;
margin: 7px 7px;
}	
.block_products_cartas .content_ico_search .emoji_copa_ico {
height: 17px;
width: 10px;
background-size: 10px 17px;
margin: 8.5px 12.5px;
}	
.cartas_add_vino{
background-color: #F26749 !important;
border-radius: 100px;
padding: 10px 15px !important;
display: flex;
align-items: center;
height: 42px;
width: 110px;
font-size: 12px;
font-weight: 600;
color: #FFFFFF !important;
justify-content: center;
}
.ico_ordernar {
height: 22px;
width: 11px;
background: url('./../media/ordernar_ico.svg') no-repeat;
background-size: 11px 22px;
display: block;
margin: 6px 11.5px;
}
.ico_agrupar {
height: 20px;
width: 20px;
background: url('./../media/agrupar_ico.svg') no-repeat;
background-size: 20px 20px;
display: block;
margin: 7px 7px;
}
.ico_ajustar {
height: 20px;
width: 20px;
background: url('./../media/ajustes_ico.svg') no-repeat;
background-size: 20px 20px;
display: block;
margin: 7px 7px;
}
.ajustes_carta_{
background-color: #F5F5F5 !important;
border-radius: 100px;
padding: 0px 11px 0px 4px !important;
display: flex;
align-items: center;
height: 42px;
width: 110px;
font-size: 12px;
font-weight: 600;
color: #333333 !important;
justify-content: space-between;
}
.ordernar_carta_{
background-color: #F5F5F5 !important;
border-radius: 100px;
padding: 0px 11px 0px 4px !important;
display: flex;
align-items: center;
height: 42px;
width: 155px;
font-size: 12px;
font-weight: 600;
color: #333333 !important;
justify-content: space-between;
}
.agrupar_carta_{
background-color: #F5F5F5 !important;
border-radius: 100px;
padding: 0px 11px 0px 4px !important;
display: flex;
align-items: center;
height: 42px;
width: 155px;
font-size: 12px;
font-weight: 600;
color: #333333 !important;
justify-content: space-between;
}
#btnAdd-sortp{
padding: 0 10px 0 4px !important;
height: 42px;
border-radius: 100px !important;
display: flex;
align-items: center;
background-color: #f5f5f5;
}
.content_search_carta{
max-width: 166px;
width: 100%;
height: 42px;
background-color: #F5F5F5;
border-radius: 100px;
display: flex;
align-items: center;
min-width: 166px;
justify-content: space-between;
padding: 0px 6px 0 4px;
}
.content_search_carta input {
font-family: 'Poppins', sans-serif;
border: 0 !important;
font-style: normal;
font-weight: 400;
background-color: #ffffff00;
font-size: 13px;
color: #000000;
padding: 0px 10px;
width: 100px;
outline: none;
}
.content_search_carta input::placeholder {
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
color: #000000;
}
.block_products_cartas .content_ico_search .ico_search {
height: 20px;
width: 20px;
background-size: 20px 20px;
margin: 7px 7px;
}
.btn_opciones button.dropdown-toggle{
background-color: #F5F5F5;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
height: 46px;
border: 0;
border-radius: 100px;
font-size: 12px;
font-weight: 600;
color: #333333;
max-width: 204px;
padding: 0 18px;
width: 100%;
min-width: 200px;
z-index: 3;
position: relative;
justify-content: space-between;
}
.btn_opciones .dropdown-menu.primary.show {
width: 100%;
border-radius: 24px;
inset: -49px auto auto 0px !important;
z-index: 2;
padding-top: 49px !important;
box-shadow: 0px 5px 5px 0px rgba(82, 63, 105, 0.15);
}
.btn_opciones .dropdown-toggle.show i{
transform: rotate(180deg);
transition: ease-in-out 0.3s;
}
.btn_opciones .dropdown-toggle i{
transition: ease-in-out 0.3s;
}
.btn_opciones .dropdown-menu a,.btn_opciones .dropdown-menu button {
font-family: 'Poppins', sans-serif;
font-size: 11px;
font-weight: 400;
color: #000000;
/*background-color: #ffffff00 !important;*/
padding: 5px 12px;
justify-content: start;
  align-items: center;
  border-radius: 18px;
}
.btn_opciones .dropdown-menu a:hover .content_ico_search ,.btn_opciones .dropdown-menu button:hover .content_ico_search{
background-color: #ffffff !important;
}
.btn_opciones .dropdown-menu a .content_ico_search,.btn_opciones .dropdown-menu button .content_ico_search{
background-color: #F5F5F5;
}
.ico_qr_carta {
height: 28px;
width: 16px;
background: url('./../media/ico_qr_carta.svg') no-repeat;
background-size: 16px 28px;
display: block;
margin: 4.5px 10.5px;
}
.paint_carta {
height: 25px;
width: 25px;
background: url('./../media/paint_carta.svg') no-repeat;
background-size: 25px 25px;
display: block;
margin: 6px 6px;
}
.descargar_ico {
height: 21px;
width: 21px;
background: url('./../media/descargar_ico.svg') no-repeat;
background-size: 21px 21px;
display: block;
margin: 8px 8px;
}
.cart_ico_carta {
height: 21px;
width: 21px;
background: url('./../media/cart_ico_carta.svg') no-repeat;
background-size: 21px 21px;
display: block;
margin: 8px 8px;
}
.btn_opciones .dropdown-menu.secondary.show {
width: 100%;
border-radius: 24px;
z-index: 2;
box-shadow: 0px 5px 5px 0px rgba(82, 63, 105, 0.15);
inset: -6px auto auto -6px !important;
}
.ico_pdf_carta {
height: 21px;
width: 16px;
background: url('./../media/ico_pdf_carta.svg') no-repeat;
background-size: 16px 21px;
display: block;
margin: 8px 10.5px;
}
.ico_excel_carta {
height: 20px;
width: 21px;
background: url('./../media/ico_excel_carta.svg') no-repeat;
background-size: 21px 20px;
display: block;
margin: 8.5px 8px;
}

@media (max-width: 1450px) {
.btn_product_gen {
  max-width: 105px;
  width: 100%;
  min-width: 105px;
  padding: 0px 15px 0 5px;
}
.btn_product_gen .pas5_name_total{
  display: none;
}
.btn_product_gen_2 {
  max-width: 130px;
  width: 100%;
  min-width: 130px;
  padding: 0px 15px 0 5px;
}
.btn_product_gen_2 .pas5_name_total{
  display: none;
}
.btn_product_gen_truck  {
  max-width: 100px;
  width: 100%;
  min-width: 100px;
  padding: 0px 15px 0 5px;
}
.btn_product_gen_truck .pas5_name_total_w{
  display: none;
}
}
@media (max-width: 1200px) {
.ajustes_carta_ span{
display: none;
}
.ajustes_carta_{
padding: 0px 4px 0px 4px !important;
width: 42px;
}
.btn_group_do span{
display: none;
}
.btn_group_do{
  padding: 0px 4px 0px 4px !important;
  width: 42px;
}
.text_ord_cart{
  display: none;
}
#btnAdd-sortp {
  padding: 0 4px 0 4px !important;
}
}
.btn_opciones .dropend .dropdown-item.show .fa-angle-down {
transform: rotate(270deg);
transition: ease-in-out 0.3s;
}
.btn_opciones .dropend .dropdown-item .fa-angle-down {
transition: ease-in-out 0.3s;
}
#addfiltrogrupo+.btn-danger {
background-color: #F26749 !important;
border-radius: 100px;
}
#kt_product .btn-bg-danger{
background-color: #F26749 !important;
border-radius: 100px;
}
.btn_change_t{
  color: #F26749 !important;
  border-radius: 100px;
  padding: 2px 0px !important;
  margin-top: 4px;
  text-decoration: underline;
}
#frmproduct .form-check.form-check-danger .form-check-input:checked {
  background-color: #F26749;
}
.card-footer  .btn.btn-bg-danger{
background-color: #F26749 !important;
border-radius: 100px;
}
.descargar_export .dropend .dropdown-item .fa-angle-down {
  transition: ease-in-out 0.3s;
}
.descargar_export .dropend .dropdown-item.show .fa-angle-down {
  transform: rotate(270deg);
  transition: ease-in-out 0.3s;
}
.descargar_export .dropdown-menu a .content_ico_search {
  background-color: #F5F5F5;
}
.descargar_export .dropdown-menu.secondary.show {
  width: 100%;
  border-radius: 24px;
  z-index: 2;
  box-shadow: 0px 5px 5px 0px rgba(82, 63, 105, 0.15);
  inset: -6px auto auto -6px !important;
  padding-top: 4px !important;
}
.mproduct_style .content_search_{
  height: 46px;
  max-width: 230px;
  min-width: 230px;
  padding: 0px 10px 0 6px;
}
.mproduct_style .content_search_ input{
  width: 161px;
}
.mproduct_style .content_ico_search{
  height: 34px;
  width: 34px;
}
.mproduct_style .content_ico_search i{
  height: 18px;
  width: 18px;
  background-size: 18px 18px;
  margin: 8px 8px;
}
.mproduct_style .create_vino{
  height: 46px;
  align-content: center;
  background-color: #FCE1DB !important;
  color: #F96057 !important;
  border-radius: 100px;
  width: 108px;
  font-size: 12px;
  font-weight: 600;
}
.mproduct_style .add_vino{
  height: 46px;
  align-content: center;
  background-color: #F26749 !important;
  color: #ffffff  !important;
  border-radius: 100px;
  width: 110px;
  font-size: 12px;
  font-weight: 600;
}
.mproduct_style .export_excel{
  max-width: 150px;
  width: 100%;
  height: 46px;
  background-color: #D8D8D8;
  border-radius: 100px;
  display: flex;
  align-items: center;
  min-width: 150px;
  justify-content: space-between;
  padding: 0px 10px 0 5px;
}
.mproduct_style .export_name_total{
  font-family: 'Poppins', sans-serif;
  color: #333333;
  font-size: 11px;
  font-weight: 600;
}
.mproduct_style .export_excel .content_ico_search{
  height: 36px;
  width: 36px;
}
.mproduct_style .export_excel .content_ico_search .ico_excel_carta{
  margin: 8px 8px;
  height: 20px;
  width: 20px;
  background-size: 20px 20px;
}
.mproduct_style .title-1{
  color:#333333;
  font-weight: 700;
  font-size: 32px;
}
.mproductos_total {
  color:#333333;
  font-weight: 700;
  font-size: 18px;
}
#mproductomerModal.offcanvas.offcanvas-end {
  width: 650px !important;
  border-radius: 20px 0px 0px 20px;
  }
  #mproductomerModal .offcanvas-header{
  padding: 23px 50px;
  }
  #mproductomerModal .offcanvas-body{
  padding: 0px 50px;
  }
  #mproductomerModal .offcanvas-header {
  background-color: #f5f5f5;
  border-top-left-radius: 20px;
  }
  #mproductomerModal .offcanvas-header  .btn-close{
    background: transparent var(--bs-btn-close-bg) center / 1rem auto no-repeat !important;
  }
  #mproductomerModal .btn_acept {
    border: 0;
    border-radius: 100px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 122px;
    padding: 0 14px;
    background: #D8D8D8;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
  }
  #mproductomerModal .btn_acept.active {
    background: #F26749;
  }
  .content_search_mprod{
        width: 100%;
        height: 45px;
        background-color: #F5F5F5;
        border-radius: 100px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 20px 0 5px;
  }
  .content_search_mprod input{
    font-family: 'Poppins', sans-serif;
    border: 0 !important;
    font-style: normal;
    font-weight: 400;
    background-color: #ffffff00;
    font-size: 12px;
    color: #000000;
    padding: 0px 10px;
    width: 186px;
    outline: none;
}
.content_search_mprod #resultsearchproducts_total{
  font-size: 12px;
  font-weight: 400;
  color: #B5B5C3;
}
#resultsearchproducts .bc_img{
  background-color: #F5F5F5;
  padding: 5px 0px 4px 0;
  border-radius: 5px;
}
#resultsearchproducts .product-item{
  position: relative;
  cursor: pointer;
  margin-bottom: 4px;
}
#resultsearchproducts .product-item:hover .bc_img{
  outline: 2px solid #F26749;
  border-radius: 5px;
}
#resultsearchproducts .product-item.active .bc_img{
  outline: 2px solid #F26749;
  border-radius: 5px;
}
#resultsearchproducts .check_win{
  position: absolute;
  top: 18px;
  right: 18px;
}
#resultsearchproducts .text_title{
  font-weight: 600;
  font-size: 13px;
  text-align: center;
  color: #333333;
}
@media (max-width: 576px) {
  /* Estilos para pantallas pequeñas aquí */
  #mproductomerModal .offcanvas-body {
    padding: 0px 24px;
 }
}
.mproduct_table_head {
  background-color: #333333;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  font-size: 12px;
  border-radius: 6px;
  padding: 13px 0;
  margin: 0;
}
/* Hasta 576px */
@media (max-width: 576px) {
  /* Estilos para pantallas pequeñas aquí */
  .col_mp_id{
    width: 15%;
  }
  .col_mp_img{
    width: 19%;
  }
  .col_mp_name{
    width: 36%;
  }
  .col_mp_ref{
    display: none;
  }
  .col_mp_cat{
    display: none;
  }
 
  .col_mp_coste{
    display: none;
  }
  .col_mp_act{
    width: 30%;
  }
  }
  /* Entre 576px y 768px */
  @media (min-width: 576px) and (max-width: 768px) {
  /* Estilos para pantallas medianas aquí */
  .col_mp_id{
    width: 11%;
  }
  .col_mp_img{
    width: 13%;
  }
  .col_mp_name{
    width: 32%;
  }
  .col_mp_ref{
    width: 24%;
  }
  .col_mp_cat{
    display: none;
  }
  .col_mp_stat{
    display: none;
  }
  .col_mp_coste{
    display: none;
  }
  .col_mp_act{
    width: 20%;
  }
  }
  /* Entre 768px y 992px */
  @media (min-width: 768px) and (max-width: 992px) {
  /* Estilos para pantallas medianas aquí */
  .col_mp_id{
    width: 9%;
  }
  .col_mp_img{
    width: 11%;
  }
  .col_mp_name{
    width: 46%;
  }
  .col_mp_ref{
    width: 17%;
  }
  .col_mp_cat{
    display: none;
  }
 
  .col_mp_coste{
    display: none;
  }
  .col_mp_act{
    width: 17%;
  }
  }
  /* Entre 992px y 1200px */
  @media (min-width: 992px) and (max-width: 1199px) {
  /* Estilos para pantallas grandes aquí */
    .col_mp_id{
      width: 8%;
    }
    .col_mp_img{
      width: 10%;
    }
    .col_mp_name{
      width: 39%;
    }
    .col_mp_ref{
      width: 14%;
    }
    .col_mp_cat{
      width: 14%;
    }
   
    .col_mp_coste{
      display: none;
    }
    .col_mp_act{
      width: 15%;
    }
  }
  /* Más de 1200px */
  @media (min-width: 1200px) {
  /* Estilos para pantallas extra grandes aquí */
  .col_mp_id{
    width: 8%;
  }
  .col_mp_img{
    width: 9%;
  }
  .col_mp_name{
    width: 34%;
  }
  .col_mp_ref{
    width: 15%;
  }
  .col_mp_cat{
    width: 12%;
  }
  .col_mp_coste{
    width: 13%;
  }
  .col_mp_act{
    width: 9%;
  }
}
.mp_status_1{
  background-color: #C4D558;
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
  padding: 3px 12px;
}
.mp_status_0{ 
  background-color: #8658D5;
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
  padding: 3px 12px;
}
.mp_status_2{
  background-color: #D5585A;
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
  padding: 3px 12px;
}
.col_mp_act .content_ico_search{
  background-color: #F7F7F7;
}
#mproductos_pagination .page-link.active,#mproductos_pagination .active > .page-link {
  background-color: #333333;
}
.ico_doble_arrow_white{
  height: 12px; 
  width: 12px;
  background : url("./../media/doble-arrow_white.svg") no-repeat;
  background-size: 12px 12px;
  display: block;
  }
.margen_text_pdf{
  font-family: 'Poppins', sans-serif;
  color: #797979;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
}
.content_ref_4{
  background: #F5F5F5;
  height: 41px;
  border-radius: 7px;
  width: 127px;
  justify-content: space-between;
  padding: 6px 4px 6px 4px;
}
.content_ref_4 .content_margin{
  background-color: #ffffff;
  width: 54px;
  border-radius: 100px;
  justify-content: space-evenly;
}
.content_ref_4 input {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 700;
  border: 0;
  outline: 0;
  background-color: #33333300;
  text-align: end;
  width: 20px;
}
.notif_red{
  width: 10px;
  height: 10px;
  background-color: #d03238;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 0;
}
.rowpdf:after {
  content: none !important;
}
.select_idioma_rest{
  width: 35px; 
  height: 35px;
  border-radius: 50%;
  object-fit: cover;
  border: 1.5px solid;
}
.content_idiomas{
  border: 1px solid var(--bs-gray-300);
  padding: 6px 12px;
  border-radius: 6px;
}
/* Estilo para imágenes no seleccionadas */
.select_idioma_rest {
  border: none; /* Sin borde */
  opacity: 0.5; /* Semitransparente */
  transition: opacity 0.3s ease; /* Transición suave */
}

/* Estilo para imágenes seleccionadas */
.form-check-input:checked + label .select_idioma_rest {
  opacity: 1; /* Totalmente visible */
  border: 1.5px solid ; /* Borde azul para destacar */
  box-shadow: 0 0 2px ; /* Sombra para resaltar */
}
@media (max-width: 1460px) {
  /* Estilos para pantallas extra grandes aquí */
    .filtro_text_steproducto{
      display: none ;
    }
    #filtershowbtn .ico_right_white{
      display: none ;
    }
    #filtershowbtn {
    height: 47px ;
    min-width: 47px ;
    padding: 5px 5px 5px 5px;
    }
}
@media (max-width: 1300px) {
  /* Estilos para pantallas extra grandes aquí */
    .reduc_tercero_1{
      display: none ;
    }
   .reduc_tercero_2{
      text-transform: capitalize;
    }
    .check_tercer {
    padding: 0 9px;
    min-width: 140px;
    }
    .style_stepproduc_categ .card .card-body {
    padding: 16px 12px;
    }
    .style_stepproduc_categ .card {
    min-height: 175px !important;
}
    .style_stepcarta_categ .card .card-body {
        padding: 17px 16px;
    }
}
@media (max-width: 1160px) {
  /* Estilos para pantallas extra grandes aquí */
    .reduc_product{
      display: none ;
    }
    .content_search_.steproduct {
    max-width: 210px;
    min-width: 210px;
  }
  .content_search_.steproduct input {
    width: 110px;
  }
  .style_estruct_recomend.collapsed .showporc {
    margin-right: 20px !important;
  }
}
@media (max-width: 1400px) {
  /* Estilos para pantallas extra grandes aquí */
    .title_vinos_stepproduct span{
      display: none ;
    }
    .title_vinos_stepproduct{
      text-transform: capitalize;
    }
}
/* Hasta 576px */
@media (max-width: 990px) {
/* Estilos para pantallas pequeñas aquí */
.style_estruct_recomend i {
order: 2 !important;
}
.style_estruct_recomend .text-recomenda{
order: 1 !important;
}
}
#search_mainfilc{
      padding-bottom: 20px;
}
@media (max-width: 1000px) {
  /* Estilos para pantallas extra grandes aquí */
  .style_stepproduc_categ{
      flex-wrap: wrap;
  }
}
.style_stepproduc_categ {
    justify-content: space-between;
}
.style_stepproduc_categ .col-auto{

    flex: 1 1 25%;
    box-sizing: border-box;
    padding: 10px;
}
.style_stepproduc_categ .card {
    min-height: 196px;
    min-width: 160px !important;
}
.style_stepcarta_categ .card {
    min-height: 260px;
    min-width: 290px;
    max-width: 671px;
}
.style_stepcarta_categ .col-auto{

    flex: 1 1 25%;
    box-sizing: border-box;
    padding: 10px;
}
.order_steptroduct {
    color: #333;
font-size: 12px;
font-family: 'Poppins', sans-serif;
font-weight: 400;
}
.order_steptroduct .order-text {
  color: #F26749;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  line-height: 24px;
  display: inline-flex;
  align-items: center;
}
.order_steptroduct .dropdown-item:hover, .order_steptroduct .dropdown-item:active{
  background-color: #ffffff;
  color: #F26749;
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 700;
}
.order_steptroduct .dropdown-item {
  color: #333;
  font-size: 11px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
      padding: 3px 14px;
}
.order_steptroduct .dropdown-toggle::after {
    display: none !important;
}
.pdf_npm{
  height:25px;
  position: relative;
  width: 100%;
  margin-top: -10px;
  margin-bottom: -10px;
  margin-left: auto;
  margin-right: auto;
}
.rm_pagepdf{
    position: absolute;
    right: -30px;
    top: -35px;
    padding: 10px;
    cursor: pointer;
}
.edit_pagepdf{
  position: absolute;
  right: -30px;
  top: -75px;
  padding: 10px;
  cursor: pointer;
}
.picker_wrapper {
  z-index: 1000 !important;
}
.picker_wrapper.popup .picker_arrow::before{
  display: none !important;
}
#btn-orden-stepcart{
      padding: 0 10px 0 4px !important;
    height: 42px;
    border-radius: 100px !important;
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
}
#btn-orden-stepcart .ico_ordernar{
    margin: 7.5px 13px !important;
}
#btn-orden-stepcart.dropdown-toggle::after {
    display: none !important
}
@media (max-width: 1200px) {
/* Estilos para pantallas pequeñas aquí */
#btn-orden-stepcart{
    padding: 4px 4px 4px 4px !important;
    height: 45px !important;
}
}
.btn-danger.orden,.btn-danger.orden:hover{
    background-color: #F26749 !important;
    border-radius: 100px;
}
#btn-orden-stepcart.active{
    background-color: #333333 !important;
}
#btn-orden-stepcart.active .text_ord_cart{
    color: #ffffff !important;
    font-weight: 600;
}
.mimg_preview_mlogo,.mimg_preview_mphoto{width:60px; height: 60px; border: 2px dashed #ccc;padding: 4px;align-items: center;display: flex;justify-content: center;}
.mimg_preview_mlogo img,.mimg_preview_mphoto img{max-height: 50px; max-width: 50px; object-fit: cover;}
/*nuevo setiembre*/
.modal_producto {
      border-radius: 20px 0px 0px 20px;
}
.modal_producto .card-header {
    background-color: #f5f5f5;
    border-top-left-radius: 20px;
        padding: 25px 27px !important;
}
.modal_producto .card-header button.btn-close{
    padding: 10px;
    margin: -5px;
}
.modal_producto .card-body {
    padding: 0px 50px 20px 50px !important
}
.modal_producto label {
        font-family: 'Poppins', sans-serif;
    color: #333333;
    font-size: 14px;
    font-weight: 700 !important;
}
.modal_producto  .drop_select_category button, .drop_select_category div {
    background-color: #f9f9f9 !important;
}
.modal_producto .drop_select_category {
    max-width: none !important;
}
.modal_producto  .form-switch.form-check-solid .form-check-input:not(:checked) {
    background-color: #c6c6c6 !important;
}
#kt_toggle_botella input,#kt_toggle_copa input{
border-color: #dbdfe900 !important;
}
#kt_search #kt_search_body {
  padding: 25px 27px !important;
}
.recommended_plist{
      cursor: pointer;
}
.modal_producto .card {
  border:none !important;
      box-shadow: none !important;
}
/*nuevo setiembre end*/
.ico_pdf_carta_gris {
height: 21px;
width: 16px;
background: url('./../media/ico_pdf_carta_gris.svg') no-repeat;
background-size: 16px 21px;
display: block;
margin: 8px 10.5px;
}
#frmproduct .col-sm-12 .select2-container {
    height: 40px;
    align-content: center;
}
 #frmproduct textarea {
    background-color: #ffffff;
    border: 0;
    color: #333333;
}
#frmproduct .select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: #F5F5F5;
    color: #333333;
}
.esfilter_tarifa_range::after{
    content: none !important;
}
.a_btn_link {
    border: 0;
    border-radius: 100px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    background-color: #F26749;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
        gap: 26px;
}
.bt_ver_online{
      background: #F5F5F5;
    /* height: 100%; */
    padding: 7px 10px;
    border-radius: 33px;
    font-weight: 700;
    color: #333333;
}
.btn_link_impresion{
      background-color: #333333;
    border-radius: 100px;
    display: flex;
    height: 46px;
    align-items: center;
    gap: 4px 12px;
    color: #D8D8D8 !important;
    font-weight: 600;
    padding: 0 13px 0 6px;
}
.content-impresion img{
  height: 24px;
  width: 24px;
      margin: 7px 7px;
}
.content-impresion{
  height: 37px;
    width: 37px;
    background-color: #fff !important;
    border-radius: 50%;
}
#mproductosfr .offcanvas-header {
    background-color: #f5f5f5;
    border-top-left-radius: 20px;
}
#mproductosfr .offcanvas-header {
    padding: 25px 50px;
}
#mproductosfr.offcanvas.offcanvas-end {
    width: 650px !important;
    border-radius: 20px 0px 0px 20px;
}
#mproductosfr .offcanvas-body {
    padding: 44px 50px;
    padding-top: 0px;
}
#mproductosfr label {
    font-family: 'Poppins', sans-serif;
    color: #333333;
    font-size: 14px;
    font-weight: 700;
}
#mproductosfr .change_img_mproduct {
    width: 25px;
    height: 25px;
    background-color: #f26749;
    position: absolute;
    bottom: -12px;
    right: 6px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#mproductosfr #moreinfo input, #mproductosfr #moreinfo textarea:not(.select2-search__field) {
    background-color: #ffffff;
    border: 0;
    color: #333333;
}
#mproductosfr .select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: #F5F5F5;
    color: #333333;
}
#mproductosfr .select2-container--bootstrap5.select2-container--disabled .form-select {
    background-color: #e7e7e7;
    border-color: var(--bs-gray-300);
        border: none !important;
}
#mproductosfr .select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__rendered,
#mproductosfr .select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__placeholder {
    color: #000000 !important;
        border: none !important;
}
#mproductosfr .form-control:disabled {
  border: none !important;
    background-color: #e7e7e7 !important;
        color: #000000;
}
.title-dashboard-inicio{
      color: #333333;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    font-weight: 700;
    align-content: end;
    margin-bottom: 0px;
}
.btn-inicio-login{
  background-color: #F5F5F5;
    border-radius: 27px;
        max-width: 438px;
        color: #333333 !important;
        font-weight: 600;
  padding: 36px 22px 40px 22px;
      text-align: center;
}
.btn-inicio-login-2{
  background-color: #F5F5F5;
    border-radius: 27px;
        max-width: 438px;
        color: #333333 !important;
        font-weight: 600;
        padding: 36px 22px 40px 22px;
            align-content: end;
                text-align: center;
}
.content_panel_inicio{
  display: flex;
    justify-content: center;
    gap: 28px 42px;
    flex-wrap: wrap;
    margin-top: 80px;
}
@media (max-width: 991px) {
  /* Estilos para pantallas pequeñas aquí */
  .content_panel_inicio{
    margin-top: 20px;
  }
}
.btn-inicio-login p,
.btn-inicio-login-2 p{
 margin:26px 0 0 0 !important; 
}
/* Panel inicio en móvil: las dos opciones caben en pantalla sin scroll */
@media (max-width: 767px) {
  .content_panel_inicio{
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
  }
  .btn-inicio-login,
  .btn-inicio-login-2{
    width: 100%;
    padding: 14px 16px;
    border-radius: 20px;
  }
  .btn-inicio-login img,
  .btn-inicio-login-2 img{
    display: block;
    margin: 0 auto;
    height: 20vh;
    max-height: 170px;
    width: auto;
    object-fit: contain;
  }
  .btn-inicio-login p,
  .btn-inicio-login-2 p{
    margin: 8px 0 0 0 !important;
  }
}
/* Cabecera admin en móvil: logo más pequeño e iconos con el mismo tamaño visual */
@media (max-width: 767px) {
  #kt_app_header_container{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  #kt_app_header_container > div:first-child img{
    height: 30px !important;
  }
  #kt_app_header .app-navbar-item{
    margin-left: 6px !important;
  }
  #kt_app_header .app-navbar-item .btn.btn-icon{
    width: 32px !important;
    height: 32px !important;
  }
  #kt_app_header .app-navbar-item .btn.btn-icon i{
    font-size: 22px !important;
  }
  #kt_app_header .app-navbar-item .btn.btn-icon img{
    height: 22px !important;
    width: auto;
    margin-top: 0 !important;
  }
  #kt_header_user_menu_toggle{
    margin-left: 6px !important;
  }
  #kt_header_user_menu_toggle > .symbol,
  #kt_header_user_menu_toggle > .symbol > img{
    width: 28px !important;
    height: 28px !important;
  }
}
@media (max-width: 374px) {
  #kt_app_header .app-navbar-item{
    margin-left: 3px !important;
  }
}
@media (max-width: 359px) {
  #kt_app_header .app-navbar-item{
    margin-left: 0 !important;
  }
  #kt_app_header .app-navbar-item .btn.btn-icon{
    width: 28px !important;
    height: 28px !important;
  }
}
.img_fondo_login {
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f3f3f3;
    background-size: contain;
    display: flex;
}
@media (max-width: 767px) {
    .img_fondo_login {
        background-position: 0px -28px;
        background-size: contain;
        height: 96vh !important;
    }
}
.content_logo_login {
    padding-left: 18px;
    padding-bottom: 80px;
}
body.signin form {
    padding-left: 18px !important;
    padding-right: 18px !important;
    max-width: 420px;
    min-width: 200px;
}
.title-login {
    color: #333;
    font-family: 'Poppins', sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: -0.76px;
}
.sub_titulo_login {
    font-size: 16px;
    font-weight: 500;
    color: #333333;
}
.title-login-wine {
    color: #F26749;
    font-family: 'Poppins', sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -0.76px;
}
.title-login-pedido {
    color: #F26749; 
    font-family: 'Poppins', sans-serif;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: -0.76px;
}
@media (min-width: 1400px) {
    body.signin .pad_signin, body.forgotpassword .pad_signin {
        padding-left: 130px !important;
    }
}
body.signin .detailInputBox2, body.forgotpassword .detailInputBox2 {
    font-size: 14px;
}
.detailInputBox2 {
    display: inline-flex;
    width: 100%;
    height: 47px;
    padding: 13px 16px;
    align-items: flex-start;
    gap: 9px;
    flex-shrink: 0;
    border-radius: 100px;
    border: none;
    background-color: #F5F5F5;
    outline: none;
}
.forgotpassword1 {
    color: #F26749;
    text-align: right;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.btn-login {
    height: 48px;
    background-color: #333333 !important;
    color: white !important;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 500;
    border: none;
}
.sso-login a{
    font-family: 'Poppins', sans-serif;
    color: #333333;
font-weight: 600;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
text-decoration: underline;
text-decoration-style: solid;
text-underline-offset: 24%;
text-decoration-thickness: 10%;
}
.sso-login{
      margin-top: 48px;
}
.i-eyes {
    height: 22px;
    width: 26px;
    display: inline-block;
    vertical-align: middle;
    background: url("./../media/eyeicon.svg") no-repeat bottom left;
}
.fa-eyes-active {
    height: 9px;
    width: 21px;
    display: inline-block;
    vertical-align: middle;
    background-size: cover !important;
    background: url("./../media/eyes.svg") no-repeat bottom left;
}
body.signin .toggle-password {
    position: absolute;
    top: 24%;
    right: 16px;
    background-color: #d7d7d700;
}
body.signin .alert-danger ul{
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
      border-radius: 6px;
    font-size: 14px;
    padding: 5px 30px;
}
@media (max-width: 767px) {
    .content_logo_login {
        padding: 48px 18px 0px 18px;
    }
}
.pad_signin .p_1 {
    padding: 60px 0px 35px 16px;
}
.iniciar-sesion {
    color: #333 !important;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
}
body.forgotpassword form {
    padding-left: 18px !important;
    padding-right: 18px !important;
    max-width: 420px;
    min-width: 200px;
    padding-bottom: 34px;
}
.recuperar {
    color: #333;
    font-size: 38px;
    font-style: normal;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: -0.76px;
}
.password-title {
    color: #F26749;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    letter-spacing: -0.76px;
}
.forgotpassword-text {
    color: #979797;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px;
}
.edit_recomend_pvp .dropdown-menu.show {
    width: 100%;
    border-radius: 24px;
    inset: -49px auto auto 0px !important;
    z-index: 2;
    padding: 49px 16px 16px 16px !important;
    box-shadow: 0px 5px 5px 0px rgba(82, 63, 105, 0.15);
}
.new_calct_pvp{
      background-color: #fce1db;
    font-family: 'Poppins', sans-serif;
    display: flex;
    align-items: center;
    height: 46px;
    border: 0;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 600;
    color: #F26749;
    max-width: 221px;
    padding: 0 18px 0 5px;
    width: 100%;
    min-width: 197px;
    z-index: 3;
    position: absolute;
    justify-content: space-between;
    top: 0;
    left: 0;
}
/* Opciones Propuestas · Cotizaciones · Cartas publicadas en móvil: scroll Swiper como en pedidos/account-comercials (nav_restaurant.js) */
@media (max-width: 767px) {
  .nav_restaurant.nav_restaurant_swipe{ /* como pedidos (account-comercials): banda a todo el ancho, solo líneas arriba y abajo */
    display: block;
    width: 100vw;
    max-width: 100vw;
    overflow: hidden;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
  .nav_restaurant_swipe button.swiper-slide.active{
    border-radius: 100px;
  }
  .nav_restaurant.nav_restaurant_swipe{
    margin-bottom: 1.25rem; /* = mb-5: separación con la fila Buscar / Crear nuevo */
  }
  .nav_restaurant_swipe > .swiper-wrapper{
    align-items: center;
  }
  .nav_restaurant_swipe button.swiper-slide{
    width: auto;
    flex-shrink: 0;
    white-space: nowrap;
    margin: 2px 0; /* el margen lateral lo pone Swiper (spaceBetween/offsets) */
  }
}
/* Buscar + Crear nuevo en móvil: misma fila, buscador a la izquierda y Crear nuevo a la derecha */
@media (max-width: 767px) {
  .search_create_row{
    flex-wrap: nowrap !important;
    gap: 10px;
  }
  .search_create_row .content_search_{
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    height: 47px;
    margin: 0 !important;
  }
  .search_create_row .content_search_ input{
    width: 100%;
    min-width: 0;
  }
  .search_create_row .new_creat_btn{
    flex: 0 0 auto;
  }
  .search_create_row .new_creat_btn button{
    width: auto;
    min-width: 0;
    max-width: none;
    gap: 12px;
  }
}