button:disabled {background: #eeeeee;color: #ababab;border: solid 1px #ababab;}
button:disabled:hover {cursor: not-allowed;opacity: 1;background: #eeeeee;}
input[type="radio"], label {cursor: pointer;}
 #shopperInventoryContainer, td.imgProd {display: none;}
table tbody {display: block;overflow-y: scroll;scrollbar-width: none;}
table thead, table tbody tr {display: table;width: 99.9%;table-layout: fixed;}
th {font-weight: normal;}
th, td {border: unset;padding: 10px;border-left: none;border-right: none;}

.comisionProd {display: none;}
.goHomeBtn {border: solid 2px #fff;padding: 4px 10px;border-radius: 5px;  cursor: pointer;color: #fff;}
input:disabled {opacity: 1;background: #f9f9f9;}
tbody tr:nth-child(even) {background-color: #e3f1f9;}
tr.trTdProductControls:hover {background: #fff !important;color: #000 !important;}
tr.trTdProductControls {height: 60px;background: #fff !important;}
tr.trTdProductControls td {text-align: center;}
.descProducto {word-wrap: break-word;}
#prodUSATbody td {border: unset;}
#inventoryTable {margin-bottom: 1em;}
#barraTop {background: #0f5b9c;color: #fff;padding: 0.7em 0.5em;text-align: left;position: relative;z-index: 999;}
.nombreUsuario {display: inline-block;position: relative;left: 5px;bottom: 4px;}
#logout {float: right;}
#logout, #cerrarPopupVentas, #cerrarTables, #cerrarPopupPagos {display: inline-block;border: solid 2px #fff;padding: 3px 10px;border-radius: 5px;cursor: pointer;color: #fff;text-decoration: none;}
#historialNotas:hover, #logout:hover, #whatsapp_boton_span_pc:hover, #whatsapp_boton_span_cel:hover {opacity: 0.8;}
.idShopper {display: none;}
.tipoTransmi {display: none;}
#fieldIdShopperDiv {display: none;}
#tipoTRansmision {text-align: center;width: 10px;color: #fff;background: #0f5b9c;border: unset;font-size: 1em;}
#searchInput {margin: 0;width: 200px;height: 23px;text-align: center;border: solid 1px #4f9fe3;border-radius: 4px;outline: none;}
#showPopUpDiv {text-align: center;display: flex;align-items: center;justify-content: center;}
#editProductsBtn {background: #e4002b;padding: 11px 7px 4px 7px;border-radius: 4px;margin-left: 0.5em;margin-right: 1em;cursor: pointer;vertical-align: middle;}
#editProductsBtn:hover {opacity: 0.8;}
#editProductsBtn img {width: 20px;}
#startSellLive, #endTransmitServMP {font-size: 1.1em;padding: 0.35em 0;margin-right: 10px;}
.selected-row {background-color: #007bff !important;color: white;}
#showPopUp {font-size: 1.1em;padding: 0.35em 0;}
#camposAddProducto {text-align: center;margin-top: 1em;}
#camposAddProducto input {padding: 8px 0;margin-bottom: 10px;width: 350px;font-size: 1.8em;border: solid 1px #5fa3df;border-radius: 3px;text-align: center;font-family: system-ui;}
#cerrarPopUpDiv {text-align: right;}	
#cerrarPopUp {background: #e4002b;color: #fff;padding: 0.3em 0.8em;border-radius: 4px;cursor: pointer;font-size: 1.2em;}
#titleAddProducto {display: block;margin: 1em 0;font-size: 1.3em;text-align: center;font-weight: bold;}
#addProduct {font-size: 1.5em;margin-top: 0.5em;width: 250px;}
#addProduct img {display: none;width: 20px;position: absolute;margin-top: 3px;margin-left: 20px;}
#fieldIdProd {color: green;font-weight: 600;font-size: 2.3em !important;letter-spacing: 1px;}
#fieldDescProd {font-size: 1.2em !important;height: 36px;}
#fieldComisionProdDiv {display: none;}
#camposAddProducto label {float: left;font-size: 0.9em;}
#camposAddProducto div {margin-top: 0.5em;}
#datosShoppSearchInptDiv {display: block;margin: 0.5em;padding: 0.5em;}
#datosShoppDiv {text-align: center;padding: 0.5em;margin-bottom: 0.8em;}
.mySalesDiv, #wspContainer {display: inline-block;padding: 0.5em;}
#historialNotas, .btnsMenu {display: block;text-align: center;width: 250px;background: #1e8be7;color: #fff;border-radius: 5px;padding: 0.8em 0;cursor: pointer;}
tbody:not(#tableTotalesNotaTbody) tr:hover {background-color: #46a5f7 !important;color: #fff !important;cursor: pointer;}
#endTransmit {width: fit-content;padding: 0.35em 1.3em;font-size: 1.1em;margin-right: 0.5em;}
#servicioBdDiv, #transmisionBdDiv, #comisionProdBdDiv {display: none;}
#inptProduct {display: inline-block;}
#editProdTitleCerrar {margin: 0.5em 0;}
#idProductEditDivstyle {position: relative; display: inline-block;}
#idProductEditOverlay {height: 36px;cursor: pointer;background: transparent;margin-top: -30px;position: relative;}
#idProductEditDiv {display: inline-block;}
.tipoTransmisionAll {visibility: hidden;}
#transmiBDiv {display: none;}
#idTransmisionBD {letter-spacing: 1px;}
#searchInput2 {margin-left: 0.5em;border: solid 1px #4f9fe3;margin-top: 0.5em;padding: 0.61728rem;margin-bottom: 0.61728rem;font-size: 16.2px;border-radius: 0.18519rem;outline: none;background: #fff;}
.clsSearchInput {border: solid 1px #ccc;padding: 0px 6px 3px 6px;border-radius: 50%;cursor: pointer;color: #fff;position: relative;bottom: 19px;right: 18px;background: #e4002b;}

/*Edit Prod ico*/
.idProducto {text-align: center !important;}
td.idProducto:before {background: url(https://mydealshopper.com/wp-content/uploads/2024/05/editar.png) no-repeat;content: "";display: inline-block;vertical-align: middle;background-size: contain;background-origin: content-box;background-color: #e4002b;width: 18px;height: 18px;padding: 5px;border-radius: 5px;position: relative;right: 10px;bottom: 3px;}

/*copy Prod ico*/
.copyProd:hover {opacity: 0.8;}
.copyProd:before {background: url(https://mydealshopper.com/wp-content/uploads/2024/05/duplicar.png) no-repeat;content: "";display: inline-block;vertical-align: middle;background-size: contain;background-origin: content-box;background-color: #e4002b;width: 15px;height: 15px;margin-right: 5px;padding: 5px;border-radius: 5px;}

/*Link MydealPay ico*/
.linkMydealPay:hover {opacity: 0.8;}
.linkMydealPay:before {background: url(https://mydealshopper.com/wp-content/uploads/2025/03/link-ico.png) no-repeat;content: "";display: inline-block;vertical-align: middle;background-size: contain;background-origin: content-box;background-color: #e4002b;width: 23px;height: 23px;margin-right: 5px;    padding: 1px;border-radius: 5px;}


/*Alert Temporal*/
.jGrowl {width: 100%;justify-content: center;display: flex;}
.jGrowl-message {font-size: 2.5em;margin: 0.5em;}
.jGrowl-notification .jGrowl-close {font-size: 2em;font-weight: normal;}
.jGrowl-close:hover {opacity: 0.85;color: red;font-weight: bold;}

/*Popup btns menu*/
#popupBtnsMenu {overflow: auto;background: #efefef;z-index: 9;}
.popupBtnsMenu {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;height: 100vh;}
#btnsMenuContainer {display: flex;width: 100vw;height: 100vh;justify-content: center;align-items: center;background: #fff;}
.popupBtnsMenuDiv {display: grid;position: absolute;top: 20%;}
.popupBtnsMenuDiv div {padding: 1em 2em;margin: 0.5em 0;font-size: 1.5em;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;width: 240px;}
.boton span {position: relative;left: 50px;}
.btnsTitle1 {left: 65px !important;}
.btnIco, .btnIco1 {width: 50px;position: absolute;left: 30px;margin-top: -10px;}
.btnIco1 {left: 40px;}
	
/*popUp popupAddProducto*/
#popupAddProducto {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;}
.overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;z-index: 9;}
#addProductoContainer {width: 100%;display: inline-flex;justify-content: center;padding-top: 2em;}
#camposaddProductoDiv {width: fit-content;background: #fff;border-radius: 3px;padding: 0em 1em 2em 1em;}
	
/*popUp popupEditProd*/
#popupEditProd {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;background: #efefef;}
.overlayEditProd {position: fixed;top: 0;z-index: 9;left: 0;right: 0;}
#editProdContainer {width: 100%;padding: 0.5em 0;}
#searchCodeDel {display: inline-block;width: 48%;text-align: right;margin-right: 1em;}
#btnsDel {display: inline-block;width: 48%;place-content: center;}
#editProdFields {display: inline-flex;width: 100%;justify-content: center;text-align: center;}
#idProductEdit {font-size: 1.3em; font-weight: bold; color: #0f5b9c; padding: 5px; text-align: center; border: solid 1px #57b9e4; border-radius: 5px;position: relative;bottom: 2px;background: #fff;}
#idProductEdit::placeholder {font-weight: normal;}
label[for="idProductEdit"] {display: block;text-align: left;margin-left: 0.3em;}
#delProduct {display: block;margin-bottom: 0.5em;}
#delAllProducts {display: block;}
#editProdFields div span img {width: 20px;margin-right: 0.3em;position: relative;top: 2px;}
#cerrarPopUpEditDiv {text-align: right;}
#cerrarPopUpEdit {background: #e4002b;color: #fff;padding: 0.3em 0.5em;border-radius: 4px;cursor: pointer;margin-right: 1em;font-weight: bold;position: relative;top: 10px;}
#cerrarPopUpEdit:hover {opacity: 0.8;}

/* popupVentas */
#popupVentas {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;background: #efefef;}
.overlayPopupVentas {position: fixed;top: 0;z-index: 9;left: 0;right: 0;}
#popupVentasContainer {width: 100%;height: 100vh;}
#notashistorialDiv {padding: 3px;}
#historialNotasTab th, #historialNotasTab td {text-align: center;}
#historialNotasTab .numNota {width: 25%;}
#historialNotasTab .status {width: 25%;}
#historialNotasTab .fecha {width: 25%;}
#historialNotasTab .btnVer {width: 25%;}
.btnVer .boton {width: 30px;}
#popupVentasContainer .titulo {display: inline-block;font-weight: bold;padding: 5px;}
#cerrarPopupVentas {float: right;position: relative;top: 5px;right: 5.3px;}
.topbarPopups {background: #0f5b9c;padding: 0.3em 0.5em;margin-bottom: 0.5em;}
#cerrarPopupVentas:hover {cursor: pointer;width: auto;opacity: 0.8;}
#querySalesDiv {color: #fff;padding: 0.3em 0;}
.querySales.boton {margin-left: 0.5em;width: auto;}
#tables {display: none;position: fixed;top: 0;z-index: 10;background: #efefef;height: 100vh;overflow: scroll;margin-bottom: 2em;}
#tableUSA, #tableInter, #tableTotalesNotaDiv {padding: 3px;}
#historialNotasTab tbody {max-height: 73vh;}
#reportTit {display: none;color: #fff;padding: 0 5px;}
#cerrarTablesDiv {float: right;}
#cerrarTables {position: relative;top: -0.32em;right: 5.3px;}
#cerrarTables:hover {cursor: pointer;opacity: 0.8;}
.tablesTitle {display: block;font-weight: bold;padding: 5px;}
#tableInter {margin: 1.5em 0 2.5em 0;}
#tableTotalesNotaDiv {margin-bottom: 1em;}
#tableTotalesNota #trCupon {display: none;}
.prodInternacionalDiv {margin-top: 8px;text-align: right;padding-right: 5px;float: right;}
#tables .btn-descargar {cursor: pointer;background: #e4002b;border: none;color: #fff;padding: 0.5em 1em;border-radius: 4px;display: inline-block;text-decoration: none;}
#tables .btn-descargar:hover {opacity: 0.8;}
#guiaInterDownload .btn-descargar {font-size: 0.9em;margin-bottom: 0.5em;}

#prodUSATable .idCompra {width: 12%;}
#prodUSATable .idProd {width: 13%;}	
#prodUSATable .descProduct {width: 26%;}
#prodUSATable .precioProd {width: 16%;}
#prodUSATable .comiProd {width: 10%;}
#prodUSATable .btnGuia {width: 10%;}

#reqPayment {justify-content: center;display: flex;margin-bottom: 6em;}
#numReporte {display: none;}
.reqPaymentSpan {font-size: 1em;padding: 0.85em 4.15em;background: #e4002b;border: unset;border-radius: 5px;color: #fff;cursor: pointer;}
.reqPaymentSpan:hover {opacity: 0.8;}
.reqPaymentSpan img {position: absolute;width: 36px;margin-left: -25px;margin-top: -10px;}
.reqPaymentSpan span {position: relative;left: 25px;}
.delOrder button {margin-right: 0.25em;padding: 6px 8px;font-size: 0.8em;border-radius: 50%;background: #e4002b;border: solid 1px #e4002b;cursor: pointer;}
.delOrder button:hover {opacity: 0.8;}
.delOrder img {width: 15px;}

#tableTotalesNotaTbody .td1_width {width: 10%;}
#prodUSATable th, #prodUSATable td, #prodInterTable th, #prodInterTable td {text-align: center;}
#prodUSATbody, #prodInterTbody {max-height: 200px;}
.sowMoreLess {display: inline-flex;align-items: center;padding: 5px;font-size: 0.9em;cursor: pointer;}
.sowMoreLess svg {width: 15px;margin-left: 3px;}
.titleTotales {text-align: right;padding-right: 1em;}
.valTotales {text-align: left;padding-left: 1em;}
#verMasFees {font-size: 0.95em;text-decoration: underline;cursor: pointer;color: #0c86ee;}
.feesVerMas, .shippingVerMas {display: none;font-size: 0.95em;}

/*popUp popupTipoTransmision*/
#popupTipoTransmision {display: flex;justify-content: center;align-items: center;transition: opacity 1.5s ease;overflow: auto;padding: 0 3px;background: #fff;}
#btnsTipoTransmision {background: #fff;width: 35%;text-align: center;padding: 1.5em 0.5em 2em 0.5em;;border-radius: 5px;
	background-image: url(https://mydealshopper.com/wp-content/uploads/2024/11/img19112415-e1732143946403.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 80%;
}

/* Popup select tiendas PS */
#popupSelectTiendasPS {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;}
.popupSelectTiendasPS {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: #000000b8;transition: opacity 500ms;z-index: 999;}
#selectTiendasPSContainer {width: 100%;display: inline-flex;justify-content: center;padding-top: 5em;}
#selectTiendasPS {max-width: 350px;background: #fff;border-radius: 3px;padding: 1em 1.5em;}
#seleTienPScerrar {background: #e4002b;color: #fff;padding: 0.3em 0.8em;border-radius: 4px;cursor: pointer;float: right;position: relative;top: -30px;left: 19px;}
#tiendasPSselect {display: none;}
#startBtn {width: 100%;margin: 2em 0 0.5em 0;font-size: 1.2em;padding: 0.5em 1.5em;}
#buscarTiendaInpt, .inptComis {width: 280px;;border: solid 1px #4f9fe3;padding: 0.61728rem;margin-bottom: 0.61728rem;font-size: 1em;border-radius: 0.18519rem;outline: none;background: #fff;}
.inptComis {width: 70px;text-align: center;margin: 0.5em 0 0.5em 1.5em;padding: 0.55rem;}
.comisDiv {margin: 10px 0;}
.amoutPorProdText {display: block;font-style: italic;margin: 0.3em 0 0.3em 1.5em;}
#resultSearchSelTienda {display: none;position: absolute;width: 300px;background: #fff;margin-top: -9px;list-style: none; padding: 0;border: 1px solid #ccc;height: 150px; overflow-y: auto;}
#resultSearchSelTienda li {cursor: pointer;padding: 7px;border-bottom: 1px solid #ddd;}
#resultSearchSelTienda li:hover {background: #0f5b9c;color: #fff}
#resultSearchSelTienda #id-default {display: none;}
.titleSeleTienPS {display: block;margin: 1em 0;}
.titleSeleTienPS-1 {font-weight: bold;}
.titleSeleTienPS-2 {display: block;margin-top: 0.5em;font-size: 0.9em;color: #444;}
.porcentSigno {font-size: 1.2em;}

/*Boton wsp*/
#wspContainer {margin-top: 3px;}
#wspContainer a {text-decoration: unset;}
#whatsapp_boton_span_pc, .whatsapp_boton_span_pc {background: #25d366;color: #fff;border-radius: 5px;padding: 0.7em 6.15em;}
#whatsapp_boton_span_cel, .whatsapp_boton_span_cel {background: #25d366;color: #fff;border-radius: 5px;padding: 0.7em 6.15em;}
.whatsapp_boton_span:hover {opacity: 0.8;}
@media (min-width: 768px) {
	#wspContainer .whatsapp_boton_pc {display: contents;}
	#wspContainer .whatsapp_boton_cel {display: none;}
}
@media (max-width: 768px) {
	#wspContainer .whatsapp_boton_pc {display: none;}
	#wspContainer .whatsapp_boton_cel {display: contents;}
}

/*******Landing productos asociado******/
/*------Portada------*/
#iframe_landingAsoc_pc .wpb_wrapper {padding: 0 1.1em;}
#videoContainer_landingAsoc {padding: 16em;}
@media (min-width: 768px) {#portadaDsk {display: inline-block;} #portadaMovil {display: none;}}
@media (max-width: 768px) {#portadaDsk {display: none;} #portadaMovil {display: inline-block;}}
/*------WSP-Img------*/
#wspDiv {margin-top: 1em;}
#wspDiv .titleWsp {font-size: 2.2em;font-weight: bold;color: #1370b7;line-height: 1;display: block;padding: 0 0.3em;}
#wspDiv #wspContainer {margin: 1em 0;font-size: 1.2em;}
#wspDiv #wspContainer span {font-weight: bold;}
/*------Redes------*/
#redesAsoc {width: 100%;overflow: hidden;position: relative;}
#redesAsocHTMLcontainer {display: flex;margin-top: 0.8em;overflow: hidden;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;cursor: grab;place-content: center;}
#redesUl {display: flex;list-style: none;padding: 0;margin: 0;gap: 10px;transition: transform 0.2s ease-in-out;align-items: center;}
#redesUl li {flex: 0 0 auto;scroll-snap-align: center;list-style: none;}
#facebook img {width: 93px !important;height: 93px !important;}
#redesUl img {width: 120px;height: 120px;object-fit: cover;border-radius: 50%;}
#redesUl img:hover {opacity: 0.7;}
#redesAsocHTMLcontainer::-webkit-scrollbar {display: none;}
#redesAsocHTMLcontainer {-ms-overflow-style: none;scrollbar-width: none;}
#redesDots {text-align: center;margin-top: 10px;}
#redesDots button {width: 10px;height: 10px;margin: 0 5px;border: none;border-radius: 50%;background-color: #ccc;cursor: pointer;}
#redesDots button.active {background-color: #555;}
@media (max-width: 500px) {
	#redesUl img {width: 100px;height: 100px;}
	#facebook img {width: 80px !important;height: 80px !important;}}
@media (max-width: 400px) {
	#redesUl img {width: 80px;height: 80px;}
	#facebook img {width: 63px !important;height: 63px !important;}}
/*------Productos------*/
#landinAsocContainer {margin-bottom: 3em;text-align: center;}
#asocProdContent {text-align: center;padding: 3px;}
.product {width: 24%;margin-top: 10px;padding: 7px 5px 15px 5px;display: inline-block; vertical-align: top;border: solid 1px #ccc;background: #fff;border-radius: 5px;}
.product:hover {opacity: 0.9;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.descProd {height: 37px;place-content: center;overflow: hidden;vertical-align: middle;line-height: 1;}
.btnBuy {width: 85%;margin-top: 0.5em;padding: 6px;display: inline-block;background: #e4002b;color: #ffffff !important;font-size: 1em;cursor: pointer;border: unset;border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;text-transform: uppercase;font-family: system-ui;font-weight: 600;text-decoration: none;}
.btnBuy:hover {opacity: 0.8;}
.btnBuy .fa-solid.fa-hand-pointer {position: relative;left: 0.5em;top: 0.2em;rotate: -25deg;font-size: 1.2em;}
.product-image {cursor: pointer;margin: 10px 0 5px 0;height: 300px;}
.product-image img {width: 100%;height: 100%;object-fit: cover;object-position: center center;border-radius: 3px;}
.infoProd span {display: block;margin: 5px;}
/*------Popup gallery prod asoc------*/
.popup {display: none;position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);overflow: auto;}
.popup-content {position: relative;margin: 0 auto;padding: 10px 10px 20px 10px;background-color: #fff;border-radius: 5px;width: 900px;text-align: center;}
.close, .cerrar {position: absolute;top: 10px;right: 10px;font-size: 20px;background: #e4002b;color: #fff;border-radius: 3px;padding: 0px 8px 3px 8px;cursor: pointer;z-index: 9;}
.close:hover, .cerrar:hover {opacity: 0.8;}
#imageWrapper {height: 85vh;width: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;background-color: #add8e670;padding: 0.3em;}
.popup-gallery img {max-width: 100%;max-height: 100%;object-fit: contain;border-radius: 5px;}
.nav-button {background: #dbeef4;color: #000;padding: 5px 10px;cursor: pointer;border: none;border-radius: 3px;position: absolute;top: 40vh;font-size: 1em;}
.nav-button:hover {background-color: #222;color: #fff;}
#prevImage {left: 20px;}
#nextImage {right: 20px;}
.precProd {font-size: 0.9em;}
#comprarGalleryBtn .btnBuy {width: 300px;}
.pagination-bullets {display: flex;place-content: center;align-items: center;padding: 0.5em 0;}
.bullet {display: inline-block;width: 10px;height: 10px;margin: 0 5px;background-color: #ccc;border-radius: 50%;cursor: pointer;}
.bullet.active {background-color: #333;}
#popupImage {transition: transform 0.45s ease-in-out;cursor: zoom-in;}
.image-flip-next {transform: rotateY(-90deg);}
.image-flip-prev {transform: rotateY(90deg);}
.popup-gallery {overflow: hidden;}

/*------Boton flotante FAQ------*/
#floating-button {font-family: Arial, sans-serif;margin: 0;padding: 0;height: 0;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.floating-button {width: 60px;height: 60px;position: fixed;bottom: 25px;left: 20px;background-color: #e91e63;color: #fff;font-size: 27px;font-weight: bold;text-align: center;padding: 18px 13px;border-radius: 50%;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);cursor: pointer;transition: background-color 0.3s ease, box-shadow 0.3s ease;z-index: 1000;/* Ocultar inicialmente */transform: scale(0);opacity: 0;animation: showButton 0.3s ease-out .9s forwards;}
.floating-button:hover {background-color: #ff0057;box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);}
@keyframes showButton { /* Animación para mostrar el botón */
    0% {transform: scale(0);opacity: 0;}
    100% {transform: scale(1);opacity: 1;}}
/*------Popup FAQ------*/
#popup_faq {display: none;opacity: 0;transition: opacity 1.5s ease;overflow: auto;}
.overlay_faq {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition: opacity 500ms;}
.collapse {display: none;}
#faq_container {width: 90%;padding: 10px;border-radius: 3px;box-shadow: 0 0 5px #CCC;background: #fafafa;position: relative;margin: 1% auto;}
.faq-section {background: #fdfdfd;min-height: 92vh;}
.faq-title-container {text-align: center;}
.faq-title-container h2 {position: relative;margin-bottom: 45px;display: inline-block;font-weight: 600;line-height: 1;}
.faq-title-container h2::before {content: "";position: absolute;left: 50%;width: 60px;height: 2px;background: #E91E63;bottom: -25px;margin-left: -30px;}
.faq-title p {padding: 0 190px;margin-bottom: 10px;}
.faq {background: #FFFFFF;box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);border-radius: 4px;height: 75vh;overflow: auto;}
.faq .card-header {padding: 0px;border: none;background: none;cursor: pointer;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.faq .card-header:hover {background: #e91e631a;}
.faq .card-header .faq-title {width: 100%;text-align: left;padding: 0px;padding-left: 15px;padding-right: 15px;font-weight: 400;letter-spacing: 1px;color: #3B566E;text-decoration: none !important;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;padding-top: 20px;padding-bottom: 20px;}
.faq .card-header .faq-title .badge {display: inline-block;width: 25px;height: 25px;line-height: 20px;float: left;-webkit-border-radius: 100px;
-moz-border-radius: 100px;border-radius: 100px;text-align: center;background: #E91E63;color: #fff;font-size: 12px;font-weight: bold;margin-right: 20px;}
.faq .card-body {padding: 15px;padding-left: 25px;padding-bottom: 15px;font-weight: 400;font-size: 16px;color: #6F8BA4;line-height: 28px;letter-spacing: 1px;border-top: 1px solid #F3F8FF;}
.faq .card-body p {margin-bottom: 14px;}
.arrowUpDown {font-size: 1.4em;position: relative;top: 5px;}
@media (max-width: 991px) {
.faq {margin-bottom: 30px;}
.faq .card-header .faq-title {line-height: 26px;margin-top: 10px;}}
@media (max-width: 768px) {
.faq .card-body {padding-left: 15px;}}
@media (max-width: 480px) {
.floating-button {bottom: 14px;}}


/*Responsive*/
@media (max-width: 1200px) {
	#btnsTipoTransmision {width: 40%;}
}
@media (max-width: 1100px) {
	#btnsTipoTransmision {width: 45%;}
}
@media (max-width: 992px) {
	.btnBuy {width: 95%;font-size: 0.85em;}
	.btnBuy .fa-solid.fa-hand-pointer {font-size: 1em;top: 0.13em;}
}
@media (max-width: 926px) {.popup-content {width: 870px;}}
@media (max-width: 885px) {.popup-content {width: 840px;}}
@media (max-width: 855px) {.popup-content {width: 810px;}}
@media (max-width: 820px) {.popup-content {width: 780px;}}
@media (max-width: 790px) {.popup-content {width: 750px;}}
@media (max-width: 768px) {
	#editProdContainer {padding: 1em 0;}
	#btnsTipoTransmision {width: 100%;}
	#showPopUpDiv {width: 100%;place-content: center;margin-bottom: 0.3em;}
	#endTransmitDiv, #showPopUpDelBtns {margin: 0.5em 0;}
	#endTransmit {width: 130px;}
	#showPopUp {width: 130px;}
	#startSellLive, #endTransmitServMP {width: 160px;}
	.product {width: 32%;}
	.btnBuy {width: 85%;font-size: 0.8em;}
	.popup-content {width: 720px;}
}
@media (max-width: 735px) {.popup-content {width: 690px;}}
@media (max-width: 715px) {.popup-content {width: 660px;}}
@media (max-width: 675px) {.popup-content {width: 640px;}}
@media (max-width: 670px) {.popup-content {width: 620px;}
	#editProdContainer {padding: 3.65em 0;}
	#showPopUpDiv {display: block}
	#endTransmit {width: 204px;margin-right: 0;}
	#showPopUp {width: 200px;}
	#startSellLive, #endTransmitServMP {width: 247px;margin-right: 0;}
	#editProductsBtn {margin-right: 0;}
	#searchInputDiv {padding-top: 0.5em;position: relative;top: 10px;}
	#searchInput {width: 225px;}
}
@media (max-width: 645px) {.popup-content {width: 620px;}}
@media (max-width: 630px) {.popup-content {width: 600px;}}
@media (max-width: 620px) {.popup-content {width: 580px;}}
@media (max-width: 600px) {
	#editProdContainer {padding: 0 0 2.55em 0;}
	#editProdFields {display: grid;}
	#searchCodeDel {width: unset;text-align: center;margin-right: 0;}
	#btnsDel {display: grid;width: 100%;}
	#delProduct {padding: 0.3em 2.5em;}
	#delAllProducts {padding: 0.3em 2.5em;}
}
@media (max-width: 595px) {.popup-content {width: 560px;}}
@media (max-width: 580px) {
	#idProductEdit {display: inline-block;}
}
@media (max-width: 576px) {
	#idProductEdit {display: inline-block;}
    .page-id-10022 .vc_column_container>.vc_column-inner {padding-right: 0px;}
}
@media (max-width: 560px) {.popup-content {width: 540px;}}
@media (max-width: 550px) {
	.idProducto {width: 30%;} .descProducto {width: 37%;} .precioProducto {width: 20%;} .qtyProducto {width: 13%;text-align: center;}
	.comisionProd, .comiProd, .fechaProducto {display: none !important;}
	#showPopUp {margin-right: 0;}
}
@media (max-width: 540px) {.popup-content {width: 520px;}}
@media (max-width: 520px) {.popup-content {width: 500px;}}
@media (max-width: 500px) {
	.product {width: 49%;}
	.popup-content {width: 480px;}
}
@media (max-width: 480px) {.popup-content {width: 460px;}}
@media (max-width: 460px) {.popup-content {width: 440px;}}
@media (max-width: 430px) {.popup-content {width: 420px;}}
@media (max-width: 420px) {.popup-content {width: 410px;}}
@media (max-width: 410px) {.popup-content {width: 400px;}}
@media (max-width: 400px) {.popup-content {width: 390px;}}
@media (max-width: 390px) {.popup-content {width: 380px;}}
@media (max-width: 380px) {.popup-content {width: 360px;}}
@media (max-width: 360px) {.popup-content {width: 340px;}}
@media (max-width: 340px) {.popup-content {width: 320px;}}
@media (max-width: 320px) {.popup-content {width: 300px;}}

/*dropDown menu*/
.dropbtn {cursor: pointer;}
.dropbtn:hover {opacity: 0.8;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;width: 350px;position: absolute;background: #f3f3f3;border-radius: 3px;min-width: 160px;overflow: auto;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 99;margin-top: 11px;left: -8px;}
.dropdown-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.dropdown a:hover {background-color: #ddd;}
.show {display: block;}
.dropbtn img {width: 25px;}
.dropdownIco {width: 37px;position: absolute;left: 105px;margin-top: -8px;}
.btnsMenu span {position: relative;left: 25px;}

/*sweetalert2*/
.swal2-confirm {background: #e4002b;}
.swal2-confirm:hover {background: #e4002b;opacity: 0.8}
.swal2-confirm:focus {box-shadow: 0 0 0 2px #56a6eb;}
.swal2-cancel {background: #e4002b;}
.swal2-cancel:hover {background: #e4002b;opacity: 0.8;}
div:where(.swal2-icon).swal2-question {border-color: #0f5b9c !important;color: #0f5b9c !important;font-weight: bold;}

/*input adjuntar tickets*/
#receiptUploadDiv {text-align: center;margin-bottom: 6em;}
.receipt-upload-label {display: inline-block;width: 200px;background-color: #007BFF;color: white;padding: 10px 0;border-radius: 4px;cursor: pointer;font-size: 14px;margin-bottom: 6px;}
.receipt-upload-label:hover, #receiptUploadBtn:hover {opacity: 0.8;}
.receipt-upload-input {display: none;}
.info-text {display: block;font-size: 13px;color: #555;}
.file-names {display: inline-block;text-align: left;font-size: 13px;color: #333;margin-top: 8px;list-style: decimal;}
.file-names li {margin-bottom: 4px;}
.file-warning {color: red;margin-top: 8px;font-size: 13px;}
#receiptUploadBtn {background: #e4002b;border: unset;border-radius: 5px;color: #fff;cursor: pointer;padding: 10px 0;font-size: 14px;width: 200px;}
#receiptUploadedDiv {text-align: center;}
#receiptUploadedText {display: block;}
#pendingReceipt {margin-top: 6px;}
#pendingReceipt span {font-size: 13px;padding: 3px 6px;border-radius: 5px;border: solid 2px #e4002b;}