html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    font-family: Arial, sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
    box-sizing: border-box;
    background-color: #fff;
    overflow-x: hidden;
}
body {
    font-family: 'Roboto-Light';
    background-color: #FFF ;
    color: #141414;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
button {
    border: none;
    outline: none;
    cursor: pointer;
    background: transparent;
}
a {
    text-decoration: none;
}
select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
}
textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="password"],
.input-checkbox {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    outline: none;
    border: 0;
}

/* page Style */
.contPageList {
    background-color: #cbcbcb;
    box-sizing: border-box;
    overflow: auto;
    padding: 0;
    margin: 0;
}
.contInnerPage {
    width: 90%;
    margin: auto;
    position: relative;
    background-color: #FFF;
    padding-top: 60px;
}
.contInnerPage.loginPage {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.contlogin {
    width: 330px;
    padding: 40px 20px 80px;
    box-sizing: border-box;
    border: 1px solid #000;
    border-radius: 10px;
    text-align: center;
}
.titlelogin {
    font-size: 30px;
    font-weight: bold;
}
input.btnLogin, a.btnLogin {
    width: 100%;
    background-color: #000;
    color: #fff;
    padding: 13px 0;
    margin-top: 10px;
    cursor: pointer;
    font-weight: bold;
    display: block;
}
.contlogin input[type="text"], 
.contlogin input[type="password"] {
    border: 1px solid;
    padding: 12px 10px;
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0px;
    font-size: 12px;
    transition: all .3s ease-in;
}
.contlogin input::placeholder { 
    color: #9b9b9b; 
}
.contlogin input.error {
    border: 1px solid red;    
}
.contList {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 60px;
}
.contItem {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #cbcbcb;
    padding: 10px 20px 10px 10px;
    box-sizing: border-box;
    font-size: 14px;
    color: #141414;
}
.number {
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin-right: 10px;

}
.contNameDate {
    float: left;
}
.dateItem {
    font-weight: bold;
    font-size: 16px;
}
.btnDetailsItem {
    float: right;
    width: 160px;
    text-align: center;
    height: 30px;
    line-height: 2.3;
    background-color: #000;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
    font-weight: bold;
}
.popUpCrate,
.popUpEditProduct,
.popUpEditAmount,
.popUpInfotext {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    top: 0;
    left: 0;    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 10000;
    opacity: 0;
    display: none;
    transition: all .3s ease-in;
}
.popUpInfotext{
    z-index: 20000;
}
.popUpCrate.active,
.popUpEditProduct.active,
.popUpInfotext.active,
.popUpEditAmount.active {
    display: flex;
}
.popUpCrate.opacity,
.popUpEditProduct.opacity,
.popUpInfotext.opacity,
.popUpEditAmount.opacity {
    opacity: 1;
}
.contFormInfo {
    width: 700px;
    background-color: #FFF;
    box-sizing: border-box;
    padding: 40px;
    position: relative;
}
.contTitleInfo {
    width: 100%;
    text-align: center;
    font-size: 30px;
    margin-bottom: 23px;
    font-weight: bold;
}
.containerFirts input,
.containerSecond input {
    border: 1px solid #cbcbcb;
    padding: 10px;
    width: 100%;
    margin: 10px 0;
    box-sizing: border-box;
    border-radius: 6px;
}
.containerFirts input::placeholder,
.containerSecond input::placeholder {
    color: #9b9b9b;
}
.containerFirts input.error,
.containerSecond input.error {
    border: 1px solid red;
}
#contDatePicker_id.error {
    border: 1px solid red;
    box-sizing: border-box;
    font-size: 14px;
}
.contInfo {
    width: 55%;
    float: left;
}
.contDate {
    width: 45%;
    float: left;
}
.contBtnSendInfo {
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.contBtnSendInfo input[type="submit"] {
    width: 170px;
    height: 40px;
    background-color: #000;
    color: #fff;
    line-height: 1.2;
    cursor: pointer;
    font-weight: bold;
}
.contHeaderItems {
    display: flex;
    box-sizing: border-box;
    padding: 20px 20px 10px 10px;
    border-bottom: 1px solid #cbcbcb;
    align-items: center;
}
.elementHeader {
    width: 14.25%;
    font-weight: bold;
}
.elementHeader.contProductTitle {
    width: 28.5%;
}
.elementHeader.contPriceTitle {
    width: 28.5%;
}
.contProduct {
    display: flex;
    align-items: center;
}
.itemProduct {
    width: 14.25%;
}
.contBtnEditDelete {    
    display: flex;
    align-items: flex-start;
    justify-content: right;
    align-items: center;
}
.itemProduct.productImage {
    width: 100px;
    background-image: url('../img/CUB-512-512x512.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.itemProduct.contProductName {
    width: calc(28.5% - 60px);
}
.btnEditProduct {
    height: 30px;
    width: 30px;
    border: 1px solid;
    cursor: pointer;
    float: left;
    margin-right: 30px;
    box-sizing: border-box;
    background-image: url('../img/iconos/ICONO2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
}
.btnDeleteProduct {
    height: 30px;
    width: 30px;
    background-color: #000;
    cursor: pointer;
    float: left;
    /* margin-bottom: 40px; */
    background-image: url('../img/iconos/eliminar.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
}
.amountProduct {
    float: left;
    margin-right: 10px;
}
.titleInfo {
    font-size: 14px;
    font-weight: bold;
}
.btnAmount {
    height: 20px;
    width: 20px;
    cursor: pointer;
    float: left;
    margin-right: 30px;
    box-sizing: border-box;
    background-image: url(../img/iconos/ICONO2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
/* .contTiteDetailsPage {
    padding: 30px 460px 0;
    text-align: center;
    font-size: 60px;
} */
.textEmpty {
    font-size: 36px;
    color: #b6b6b6;
    font-weight: bold;
}
.contTiteDetailsPage {
    padding: 90px 0px 0;
    text-align: center;
    font-size: 40px;
    width: 60%;
    margin: auto;
    font-weight: bold;
}
.contTitleEditProduct {
    font-size: 35px;
    text-align: center;
    margin-bottom: 40px;
    font-weight: bold;
    width: 80%;
    margin: auto;
    line-height: 1;
    margin-bottom: 20px;
}
.contImgEditProduct {
    float: left;
    width: 50%;
    height: 200px;
    background-image: url('../img/CUB-512-512x512.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.contDescEditProduct {
    float: left;
    width: 50%;
    line-height: 1.9;
    position: relative;
}
.contBtnOption {
    float: left;
    width: 100%;
}
.popUpEditProduct .contFormInfo {
    padding: 40px 40px;
}
.contTitleTableEdit {
    display: flex;
    margin-bottom: 10px;
}
.titleEdit {
    width: 50%;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}
.contItemListTable,
.contTotalTable {
    display: flex;
}
.textCreateList {    
    font-size: 14px;
}
.storeName, .storeDispo,
.totalName, .totalResult,
.amountName, .contAmountEdit {
    width: 50%;
    font-size: 14px;
    text-transform: capitalize;
}
.itemStore {
    text-transform: capitalize;
}
.totalName {
    text-transform: uppercase;
    font-weight: bold;
}
.amountName {
    font-weight: bold;
    font-size: 16px;
}
.contAmountEditItem {
    width: 100%;
    margin: 10px 0;
}
.storeDispo,
.totalResult,
.contAmountEdit {
    text-align: center;
}
.contBtnOption {
    float: left;
    width: 100%;
    display: flex;
    justify-content: center;
}
.btnCancel, .btnAdd {
    height: 30px;
    width: 150px;
    margin: 5px 10px;
    line-height: 2.1;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
}
.btnCancel {
    color: #000;
    background-color: #e9e9e9;
}
.btnAdd {
    color: #fff;
    background-color: #000;
}
.contAmount {
    display: flex;
}
.contAmountEdit {
    display: flex;
    justify-content: center;
    align-items: center;
}
input[type="number"].inputStyle {
    width: 40px;
    height: 20px;
    border-radius: 0;
    border: 1px solid;
    outline: none;
    text-align: center;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type="number"].inputStyle {
    appearance: textfield; 
    -webkit-appearance: textfield; 
    -moz-appearance:textfield;
}
.arrowLess, .arrowPlus {
    height: 20px;
    width: 20px;
    background-color: #000;
    margin: 0px 2px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
}
.arrowLess {
    background-image: url('../img/iconos/menos.png');
}
.arrowPlus {
    background-image: url('../img/iconos/mas.png');
}
.contAmount {
    display: flex;
    margin: 25px 0 15px;
}
.contTitleEditAmount {
    text-align: center;
}
.contTextAmount {
    text-align: center;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}
.popUpEditAmount .contFormInfo {
    padding: 30px 40px;
}
.contTitleEditAmount {
    text-align: center;
    font-size: 32px;
    margin: 10px 0;
    font-weight: bold;
}
.popUpEditAmount .btnCancel, 
.popUpEditAmount .btnAdd {
    margin: 20px 30px 0;
}
.contHeader {
    position: fixed;
    width: 100%;
    height: 60px;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow: 0px 5px 12px -2px #bcbcbc;
}
/*chaviForti2025*/
.logoPage {
    height: 40px;
    width: 250px;
    background-image: url('../img/logo_cachivaches_basics_2a.png');
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
}
/*chaviForti2025*/
.searchHeaderProduct.headerProduct {
    height: 30px;
    width: 300px;
    position: relative;
}
/*chaviForti2025*/
.contCreateList,
.hiddenbtn {
    height: 40px;
    width: auto;
    display: flex;
    justify-content: end;
    align-items: center;
    cursor: pointer;
}
/*chaviForti2025*/
.contHeader {
    position: fixed;
    width: 100%;
    height: 60px;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow: 0px 5px 12px -2px #bcbcbc;
    display: flex;
    padding: 0 5%;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}
.contImputSearch {
    width: 100%;
    display: block;
    height: 30px;
    border: 1px solid;
    box-sizing: border-box;
    position: relative;
}
.contImputSearch input[type="text"] {
    margin: 0;
    padding: 5px 10px;
    box-sizing: border-box;
    height: 100%;
    width: calc(100% - 30px);
    font-size: 11px;
    text-align: center;
}
.iconInputSearch {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background-image: url(../img/iconos/ICONO4.png);
    background-position: 40% 40%;
    background-repeat: no-repeat;
    background-size: 55%;
    box-sizing: border-box;
    cursor: pointer;
}
.contResultSearch {
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #cbcbcb;
    position: absolute;
    width: 100%;
    top: 29px;
    left: 0;
    max-height: 240px;
    overflow: auto;
    height: 0;
    transition: all .2s ease-in;
}
.contResultSearch.active {
    height: 240px;
}
.jsCalendar thead .jsCalendar-week-days th {
    text-transform: uppercase;
}
#contDatePicker_id table tr {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.jsCalendar thead .jsCalendar-week-days th, .jsCalendar tbody td {
    height: 15px;
    width: 14.28%;
    margin: 0;
    padding: 5px 0;
    font-size: 11px;
    line-height: normal;
    border: 1px solid transparent;
}
.jsCalendar table {
    display: block;
    box-shadow: none;
}
#contDatePicker_id table tr.jsCalendar-title-row {
    display: block;
}
.jsCalendar thead .jsCalendar-title {    
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contDate {
    display: flex;
    width: 45%;
    float: left;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}
.titleDate {
    font-weight: bold;
    font-size: 15px;

}
#contDatePicker_id {
    width: 230px;
    display: block;
    margin: 0 auto;
}
.jsCalendar-week-days th {
    color: #808080;
}
.jsCalendar thead .jsCalendar-title-name {
    font-size: 13px;
    font-weight: bold;
}
.jsCalendar tbody td.jsCalendar-current {
    background-color: #bcbcbc;
    border-radius: 18px 18px 0 0;
    color: #000;
    position: relative;
    border: 1px solid;
}
.jsCalendar tbody td.jsCalendar-current::after {
    content: "";
    position: absolute;
    bottom: 3px;
    width: 80%;
    height: 2px;
    background-color: #000;
    left: 10%;
}
.closePopUp {
    position: absolute;
    height: 30px;
    width: 30px;
    top: 30px;
    right: 30px;
    cursor: pointer;
    background-image: url('../img/iconos/close.png');
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
}
span.createList {
    height: 20px;
    width: 20px;
    display: block;
    margin-right: 10px;
    background-image: url('../img/iconos/agregar-lista.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
span.backlist {
    height: 20px;
    width: 20px;
    display: block;
    margin-right: 10px;
    background-image: url(../../images/hogar/03_arrow_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(180deg);
    margin-top: 2px;    
}
.backList span.createList {
    background-image: url('../img/iconos/lista.png');
}
.contImgItemResult {
    width: 20%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.descItemResult {
    width: 80%;
}
.contItemResult {
    display: flex;
    cursor: pointer;
}
.contItemResult {
    display: flex;
    margin: 20px 0;
}
.contEmptyProduct {
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.contTextEmpty {
    font-size: 30px;
    width: 40%;
    text-align: center;
    font-weight: bold;
    color: #808080;
}
.iconEmpty {
    height: 50px;
    width: 50px;
    display: inline-block;
    margin-top: 30px;
    background-image: url('../img/iconos/ICONO1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


.contProduct {
    display: flex;
    justify-content: space-between;
}
.itemProduct.productImage {    
    position: absolute;
    height: 100px;
}
.itemProduct.contProductName,
.elementHeader.contProductTitle {
    width: 310px;
    box-sizing: border-box;
    padding-left: 110px;
}
.elementHeader.contProductTitle {
    padding-left: 30px;
}
.itemProduct.skuProduct,
.elementHeader.contSkuTitle {
    width: 90px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.itemProduct.contAmountProduct,
.elementHeader.contAmountTitle {
    width: 90px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btnAmount {
    margin: 0;
}
.itemProduct.contStoreProduct,
.elementHeader.contStoreTitle {
    width: 170px;
}
.itemProduct.contPriceProduct,
.elementHeader.contPriceTitle {
    width: 90px;
}
.itemProduct.contPriceProduct {
    text-align: center;
}
.itemProduct.contBtnEditDelete,
.elementHeader.contBtnsTitle {
    width: 90px;
}
.contHeaderItems {    
    justify-content: space-between;
}
.amountProduct,
.btnAmount {
    float: none;
    display: inline-block;
}
.contSearchMovile {
    display: none;
}
.contTextValidate {
    margin: 40px 0;
    font-size: 20px;
}
.popUpInfotext .contFormInfo {
    height: auto;
}
.contInnerPage.clientView {
    width: 80%;
    max-width: 1400px;
}
.contList.listViewClient {
    padding: 60px 100px 150px;
}
.listViewClient .itemProduct.contPriceProduct {
    text-align: left;
}
.listViewClient .contItem.contProduct {
    padding: 35px 10px;
}
.listViewClient .itemProduct.productImage {
    top: 30%;
    margin-top: -30px;
}
.listViewClient .itemProduct.contProductName {
    padding-left: 100px;
}
.btnEmail {
    float: right;
    height: 30px;
    width: 30px;
    margin-right: 10px;
    background-image: url('../img/iconos/share.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    cursor: pointer;
}
.nameItem {
    font-size: 14px;
}
.contPreloadSearch{
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contPreloadProduct {
    position: absolute;
    height: calc(100% - 60px);
    width: 100%;
    top: 60px;
    left: 0;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: all .3s ease;
}
.contPreloadProduct.opacity {
    opacity: 0;
}
.contPreloadProduct.hidden {
    display: none;
}
.contFormInfo .contPreloadProduct {
    top: 0;
    height: 100%;
    z-index: 100;
    background-color: rgba(255,255,255,0.7);
}
.preload {
    height: 100px;
    width: 100px;
    background-image: url('../img/iconos/preload.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.disableProduct {
    position: absolute;
    top: 2px;
    left: 0;
    height: calc(100% - 4px);
    width: 100%;
    background-color: transparent;
    z-index: 10;
    display: none;
}
.disable .disableProduct {
    display: block;
}
.disable .btnDeleteProduct {
    z-index: 20;
}
.disable .btnAmount,
.disable .btnEditProduct {
    opacity: 0.3;
}
.contItemListdisable {
    position: absolute;
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    background-color: #fff;
    top: 0;
    left: 0;
}
.disableName {
    font-weight: bold;
}
.popUpConfirmation {
    position: fixed;
    bottom: -120px;
    width: 400px;
    left: calc(50% - 200px);
    transition: all 0.1s ease;
    z-index: 300000;
}
.popUpConfirmation.active {
    bottom: 20px;
}
.popUpConfirmation .contFormInfo {
    box-shadow: 0px 0px 9px 5px #cbcbcb;
    padding: 30px;
    width: 100%;
    padding-left: 100px;
}
.iconConfirmation {
    position: absolute;
    height: 100%;
    width: 90px;
    top: 0;
    left: 0;
    background-image: url('../img/iconos/check.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 60%;
}
.popUpConfirmation.error .iconConfirmation {
    background-image: url('../img/iconos/close.png');
}
.textConfirmation {
    text-align: center;
    font-weight: bold;
    opacity: 0.6;
}

.btnAdd.disable {
    cursor: not-allowed;
    pointer-events:none;
    opacity: 0.3;
}
.textErrorMsgSrch {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    text-align: center;
    color: #b6b6b6;
    font-weight: bold;
    font-size: 20px;
    box-sizing: border-box;
    padding: 0 20px;
}
.btnSaveChanges {    
    height: 30px;
    width: 150px;
    margin: 5px 10px;
    line-height: 2.1;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    background-color: #000;
    float: right;
    margin-right: 60px;
}
.btnEditListClient {
    height: 30px;
    position: relative;
    width: 30px;
    background-image: url('../img/iconos/agregar-lista.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-left: 20px;
    cursor: pointer;
}
.closeInfoPopUp {
    position: absolute;
    height: 25px;
    width: 25px;
    right: 20px;
    top: 20px;
    background-image: url(../img/iconos/close.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

/*Chavi140623*/
.itemProduct.contCart {
    width: 40px;
}
.cartProduct {
	background-image:url(../../images/cart-gris.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 30px;
    width: 30px;
    cursor: pointer;
}
.elementHeader.cartTitle {
    width: 40px;
}
.contPopUpInfoList {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.3);
    z-index: 10000;
    justify-content: center;
    align-items: center;
}
.contPopUpInfoList.active {
    display: flex;    
}
.contInnerInfoPopUpList {
    width: 530px;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
    padding: 30px 50px;
    position: relative;
}
h2.titleInfoPopUpList {
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 10px;
}
.contInnerInfoPopUpList a {
    color: #000;
    font-weight: bold;
}
a.btnContPopUp {
    background-color: #000;
    color: #fff;
    height: 60px;
    display: inline-block;
    padding: 20px;
    box-sizing: border-box;
}
a.btnContPopUp {
    background-color: #000;
    color: #fff;
    height: 40px;
    padding: 0 50px;
    box-sizing: border-box;
    display: flex;
    width: fit-content;
    margin: auto;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 13px;
    margin-top: 20px;
}
.contListPublic label {
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}
.contListPublic input[type="checkbox"] {
    margin: 0;
    height: 19px;
    width: 20px;
    border-radius: 0;
    margin-right: 10px;
}
.contListPublic label.innerCheckPublic {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0;
    border: 1px solid #45484d;
    margin-right: 10px;
}
.contListPublic label.innerCheckPublic:after {
    content: '';
    width: 12px;
    height: 5px;
    position: absolute;
    top: 4px;
    left: 3px;
    border: 3px solid #000;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.contListPublic label.innerCheckPublic:hover::after,
.contListPublic .contCheckListPublic:hover label.innerCheckPublic::after{
  opacity: 0.3;
}
.contListPublic input[type=checkbox] {
    visibility: hidden;
    position: absolute;
}
.contListPublic input[type=checkbox]:checked + label.innerCheckPublic:after {
  opacity: 1;
}

.contListPublic {
    position: relative;
    /*float: left;*/
	display: block;
}
.contListPublic label.contCheckListPublic {
    font-weight: bold;
    font-size: 14px;
    position: relative;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
	width: 100%
}

.publicList .contInnerPage {
    width: 60%;
    padding-top: 0;
}
.contPageList.publicList {
    background-color: #fff;
}
.publicList .contBannerListPublic {
    margin-top: 60px;
    width: 100%;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.publicList h2.titlePublicList {
    font-size: 70px;
    color: #fff;
    font-family: 'Vidaloka', serif;
    font-weight: normal;
    font-style: normal;
    text-transform: capitalize;
    text-shadow: 4px 4px 5px rgba(0,0,0,0.5);
}
.publicList .nameItem {
    font-size: 20px;
}
.publicList .contItem {
    padding: 10px 20px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contArrowBtn {
    display: block;
    height: 100%;
    width: 30px;
    background-image: url(../../images/hogar/03_arrow_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 10px;
    cursor: pointer;
}
/*Chavi140623*/


/*Chavi050224*/
.elementHeader.cartTitle {
    width: 80px;
}
.itemProduct.contCart {
    width: 80px;
}
.amountInputItem {
    width: 20px;
    border: none;
    outline: none;
    height: 30px;
    background-color: transparent;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    opacity: 1;
}
.lessBtnAmount,
.moreBtnAmount {
    width: 30px;
    height: 30px;
    padding: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    background-image: url(../../images/hogar/more.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
    opacity: 1;
}
.lessBtnAmount {
    background-image: url(../../images/hogar/less.png);
}
.lessBtnAmount:hover,
.moreBtnAmount:hover {
    transform: scale(1.4);
}
.contBtnAmount {
    display: flex;
    background-color: #eeeeee;
    border-radius: 15px;
    height: 30px;
}
.hidden .lessBtnAmount:hover {
    transform: none;
}
.hidden .amountInputItem,
.hidden .lessBtnAmount {
    opacity: 0.3;
    cursor: default;
}
.hidden .moreBtnAmount {
    opacity: 0.3;
}
.btnCartList {
    position: absolute;
    bottom: 90px;
    right: 100px;
    background-color: #5c819e;
    padding: 10px 30px;
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
}
.iconCartList {
    height: 20px;
    width: 20px;
    background-image: url('../../images/cart-blanco.png');
	background-size: contain;
    background-repeat: no-repeat;
}
.hidden .itemProduct {
    opacity: 0.4;
}
.contTextCreateForm a.linkToFormRegiter {
    color: #141414;
}
.contBtnRgHeader {
    width: 250px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/*Chavi050224*/

.contTextCreateForm a.linkToFormRegiter {
    margin: auto;
    display: block;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    color: #FFF;
    padding: 10px;
    cursor: pointer;
}
.contBtnRgHeader {
    width: 180px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


@media (max-width: 1250px) {
    .contFormInfo {
        padding: 20px 40px;
    }
    .itemProduct.contPriceProduct,
    .itemProduct.skuProduct {
        text-align: center;
    }
    .itemProduct.contStoreProduct {
        display: none;
    }
    .contProduct {
        display: flex;
        justify-content: space-between;
    }
    .contHeaderItems {
        justify-content: space-between;    
    }
    .itemProduct.contStoreProduct,
    .elementHeader.contStoreTitle {
        display: none;
    }
    .contInnerPage.clientView {
        width: 90%;
    }
}
@media (max-width: 1024px) {
    .contList {        
        padding: 60px 30px;
    }
    .contTiteDetailsPage {
        font-size: 40px;
    }
    .contList.listViewClient {
        padding: 60px 40px;
    }
    .publicList .contInnerPage {
        width: 80%;
    }
    .publicList h2.titlePublicList {
        font-size: 60px;
    }    
    /*Chavi140623*/
    .publicList .contInnerPage {
        width: 80%;
    }
    .publicList h2.titlePublicList {
        font-size: 60px;
    }
    /*Chavi140623*/
}
@media (max-width: 768px) {
    .contInnerPage {
        width: 100%;
    }
    .contTiteDetailsPage {
        font-size: 30px;
        width: 80%;
        font-weight: bold;
        margin-top: 40px;
        line-height: 1.2;
    }
    .contHeaderItems {
        display: none;
    }
    .contList {        
        padding: 60px 20px;
    }
    .contProduct {
        display: block;
        padding: 10px 0;    
    }
    .itemProduct.productImage {
        height: 60px;
        position: relative;
    }
    .itemProduct.contProductName {
        width: 100%;
        padding: 0;
    }
    .btnAmount {
        background-size: 70%;    

    }
    .itemProduct {
        width: 70%;
        overflow: hidden;
    }
    .contStoreProduct {
        display: none;
    }
    .itemProduct.contBtnEditDelete {
        display: flex;
        position: absolute;
        top: 10px;
        right: 0px;
        width: 90px;
        text-align: right;
        height: 60px;    
    }
    .btnEditProduct, .btnDeleteProduct {
        float: none;
        display: inline-block;
        margin: 0;
    }
    .btnDeleteProduct {
        margin-left: 10px;
    }
    .nameProduct {
        font-weight: bold;
    }
    .itemProduct.skuProduct, 
    .itemProduct.contPriceProduct, 
    .itemProduct.contAmountProduct {
        text-align: left;
        justify-content: flex-start;
    }
    .contFormInfo {
        height: 80%;
        overflow: auto;
        width: 80%;
    }
    .popUpEditAmount .contFormInfo {
        height: auto;
    }
    .popUpEditAmount .closePopUp {
        top: 20px;
        right: 20px;
    }
    .contInfo {
        width: 100%;
    }
    .contDate {
        float: none;
        margin: auto;
        height: 270px!important;
        width: 230px;
    }
    .contBtnSendInfo {
        margin-bottom: 10px;
    }
    .contFormInfo form {
        overflow: hidden;
    }
    .textCreateList {
        display: none;
    }
    .contCreateList,
    .hiddenbtn {
        width: 40px;
    }
    .contSearchMovile {
        display: block;
        height: 40px;
        width: 40px;
        background-image: url(../img/iconos/ICONO4.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 60%;
    }
    span.createList {
        height: 40px;
        width: 40px;
        margin-right: 0;
        background-size: 60%;
    }
    .searchHeaderProduct.headerProduct  {
        position: absolute;
        top: 100%;
        background-color: #fff;
        width: 100%;
        left: 0;
        padding: 0px;
        box-sizing: border-box;
        height: 0;
        box-shadow: 0px 7px 6px -3px #bcbcbc;
        overflow: hidden;
        transition: all .3s ease-in;
    }
    .searchHeaderProduct.headerProduct.active  {
        height: 50px;
    }
    .contImputSearch {
        width: 95%;
        left: 2.5%;
        margin-top: 9px;
    }
    .contResultSearch {
        width: 95%;
        left: 2.5%;
        top: 37px;
    }
    .logoPage {
        width: 80%;
        background-position: left;
    }
    .contHeader {
        padding: 0;
    }
    .number {
        width: 10px;
    }
    .contNameDate {
        width: calc(100% - 20px);
    }
    .btnDetailsItem {
        width: calc(100% - 40px);
        margin-top: 10px;
        float: left;
    }
    .btnEmail {
        margin: 0;
        margin-top: 10px;
    }
    .contTitleEditProduct {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .contImgEditProduct,
    .contDescEditProduct {
        width: 100%;
    }
    .titleEdit {
        text-align: left;
    }
    .contBtnOption {
        display: block;
    }
    .btnCancel,
    .btnAdd {
        width: 100%;
        margin: 10px 0;
    }
    .closePopUp {
        top: 20px;
        right: 20px;
    }
    .contTextEmpty {
        width: 80%;
        font-size: 25px;
    }
    .listViewClient .itemProduct.productImage {
        top: 0;
        margin: 0;
        margin-bottom: 10px;
    }
    .listViewClient .itemProduct.contProductName,
    .itemProduct.skuProduct, 
    .itemProduct.contPriceProduct, 
    .itemProduct.contAmountProduct {
        padding-left: 0;
        width: 100%;
    }
    .textEmpty {
        font-size: 28px;
        line-height: 1.2;
    }
    .contItemListdisable {
        height: 120px;        
    }
    .popUpConfirmation {        
        width: 80%;
        left: 10%;
    }
    .publicList h2.titlePublicList {
        font-size: 50px;
    }
    .contHeader {
        padding: 0px 10px;
    }
    .contBtnRgHeader {
        width: 140px;
    }
}
@media (max-width: 512px) {
    .popUpEditAmount .btnCancel, .popUpEditAmount .btnAdd {
        margin: 10px 0;
        width: 100%;
    }
    .popUpEditAmount .contBtnOption {
        display: block;
    }
    .publicList h2.titlePublicList {
        font-size: 40px;
    }
    .publicList .contBannerListPublic {
        height: 150px;        
    }
    .contList {
        padding: 20px 20px;
    }
    .publicList .contInnerPage {
        width: 100%;
    }
}