/* BEAUTY*/
:root { 
    --color-w-bg-primary: #FAF7F5; --color-w-bg-secondary: #FFFFFF; --color-w-bg-block: #6b6b6b;  --color-w-bg-diferent: #fff4eb;
    --color-w-btn-primary: beige; --color-w-btn-secondary: #FFFFFF; --color-w-btn-block: #6b6b6b;  --color-w-btn-diferent: #fff4eb;
    --color-w-primary: #000000; --color-w-secondary: #111; --color-w-warning: #697efb; --color-w-danger: #cf1818; --color-w-success: #18d62e; --color-w-text: #111; 
    --color-w-border: #111111; --color-w-border-secondary: #101010; --color-w-ribbon: #f1416c; --color-w-active: #000000; --color-w-active-text: #dde406; 
    --color-w-button-shadow: #111111; --color-w-button-text: #000000; --color-w-button-shadow-secondary: #575757; --color-w-button-text-secondary: #fefefe;
    --color-w-backdrop: #111; --radius-w-principal: 10px; --radius-w-secondary: 5px; --radius-w-search: 0px;
}
h1, h2, h3, h4, h5, h6, p, ul, li, span, table, tr, td, th, section, div, body{
  font-family: "KoHo", sans-serif;
  font-weight: 500;
  font-style: normal;
 }
.bg-w-progress{ background: #2add66 !important; }
.carousel-custom .carousel-indicators.carousel-indicators-dots li.active:after{background-color: var(--color-w-active) !important;}
.btnicon_w_info_header{ width: 40px; height: 40px; margin-bottom: 6px; box-shadow: none !important; background-color: transparent !important; color: var(--color-w-primary) !important; }
.bg_w_bar_top{ background: #FFFFFF !important; }
.text_w_bar_top{ color: #000000 !important; }
.svg-icon.svg-icon-muted { color: var(--color-w-primary) !important; }
.menu-title, .menu-icon { color: var(--color-w-primary) !important; }
.bg_w_color{ background: var(--color-w-bg-primary); }
.bg_menu_w_custom{ background: var(--color-w-bg-primary); padding-bottom: 6px; padding-left: 5px; padding-top: 5px; padding-right: 5px; }
.bg_w_custom{ background: var(--color-w-bg-primary); --gap: 5em; --line: 1px; --color: rgba(255, 255, 255, 0.2); background-image: linear-gradient(-90deg,transparent calc(var(--gap) - var(--line)), var(--color) calc(var(--gap) - var(--line) + 1px), var(--color) var(--gap)), linear-gradient( 0deg, transparent calc(var(--gap) - var(--line)), var(--color) calc(var(--gap) - var(--line) + 1px), var(--color) var(--gap) ); background-size: var(--gap) var(--gap); }
.bg_w_custom_catalog{ background: var(--color-w-bg-primary); --gap: 5em; --line: 1px; --color: rgba(255, 255, 255, 0.2); background-image: linear-gradient(-90deg,transparent calc(var(--gap) - var(--line)), var(--color) calc(var(--gap) - var(--line) + 1px), var(--color) var(--gap)), linear-gradient( 0deg, transparent calc(var(--gap) - var(--line)), var(--color) calc(var(--gap) - var(--line) + 1px), var(--color) var(--gap) ); background-size: var(--gap) var(--gap); }
.bg_w_custom_modal{ background: var(--color-w-bg-primary); border: 1px solid var(--color-w-border); border-radius: var(--radius-w-principal); }
.bg_w_custom_secondary{ background: var(--color-w-bg-diferent) !important; border-bottom: 2px solid var(--color-w-border-secondary); }
.svg-icon.svg-icon-3x svg {
height: 3rem !important;
width: 3rem !important;
width: 32px;
height: 32px;
-webkit-filter: drop-shadow(0 2px 4px rgba(26, 24, 30, .24));
-webkit-filter: drop-shadow(0 2px 4px rgba(26, 24, 30, .24));
filter: drop-shadow(0 2px 4px rgba(26, 24, 30, .24));
background: #fff;
border: none;
border-radius: 50%;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 38%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.card_w_general{ background: transparent !important; background-color: transparent !important; border: 0px; border-radius: var(--radius-w-principal) !important; }
.card_w_general_border{ background: transparent !important; background-color: transparent !important; border: 1px solid var(--color-w-border-secondary); border-radius: var(--radius-w-principal) !important; }
.card_w_product{ background: var(--color-w-bg-primary) !important; background-color: var(--color-w-bg-secondary) !important; border: 1px solid var(--color-w-border); border-radius: var(--radius-w-principal) !important; }
.card .card-header{ border-bottom: 1px solid var(--color-w-border) !important; }
.card .card-footer{ border-top: 1px solid var(--color-w-border) !important; }
.product_w_title{ color: var(--color-w-primary) !important; font-weight: bold !important;  }
.product_w_description{ color: var(--color-w-primary) !important; opacity: 0.7 !important; }
.product_w_pricing{ color: var(--color-w-primary) !important; }
.border{ border: 1px solid var(--color-w-border) !important; }
.border-bottom-dashed{ border-bottom: 1px solid var(--color-w-border) !important; }
.img-form{ border-radius: var(--radius-w-principal) !important; border: 1px solid black !important;}
.image_w_prod{ border-radius: var(--radius-w-principal) !important;}
.scrolltop{ background: var(--color-w-bg-secondary); color: var(--color-w-text); opacity: 0.6; border-radius: var(--radius-w-principal); } .scrolltop:hover{ background: var(--color-w-bg-diferent); color: var(--color-w-primary); opacity: 1; }
.modal-backdrop { background-color: var(--color-w-bg-primary); opacity: 0.9 !important; }
.title_w_custom { font-family: "KoHo", sans-serif !important; color: var(--color-w-primary) !important; font-size: 28px; }
.text_color_w_custom{ font-family: "KoHo", sans-serif; color: var(--color-w-primary) !important; font-size: 18px; }
.text_color_w_custom_out_card{ color: var(--color-w-primary) !important;  }
.icon_color_w_custom_out_card{ color: var(--color-w-primary) !important;}
.text_color_w_custom_active{ color: var(--color-w-active) !important;}
.text_color_w_custom_danger{ color: var(--color-w-danger) !important;}
.text_color_w_custom_warning{ color: var(--color-w-warning) !important; }
.text_color_w_custom_success{ color: var(--color-w-success) !important;}
.circle-category-txt {font-size: 18px !important;}
.form-label{ font-family: "KoHo", sans-serif; font-size: 18px !important; color: var(--color-w-primary) !important;   }
.form-check-label{ font-family: "KoHo", sans-serif; font-size: 18px !important; color: var(--color-w-primary) !important;   }
.form-text{ color: var(--color-w-primary) !important; opacity: 0.6 !important;  }
.icon_color_w_custom{ color: var(--color-w-primary); width: 32px; height: 32px; }
.separator_w_custom{ border-bottom: 1px solid var(--color-w-border) !important; opacity: 0.05 !important; }
.text-underline{ border-bottom: 1px dotted var(--color-w-border) !important; }
.ribbon.ribbon-top .ribbon-label { border-bottom-right-radius: var(--radius-w-principal) !important; border-bottom-left-radius: var(--radius-w-principal) !important; box-shadow: 4px 4px var(--color-w-border-secondary); color: var(--color-w-primary) !important; font-weight: 700 !important; }
.ribon_w_custom{ background-color: var(--color-w-btn-primary) !important; }
.bg_w_progess{ background: var(--color-w-active) !important; background-color: var(--color-w-active) !important; }
.bg_w_line_progess{ background: var(--color-w-bg-diferent); }
.btn_w_custom, .btn_w_custom_primary, .btn_w_custom_primary_no_shadow, .btn_w_custom_secondary, .btn_w_custom_checkout, .btn_w_custom_send, .btnicon_w_custom {
    display: inline-flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
      text-decoration: none;
      transition: 0.3s;
      padding: 13px 8px 13px 8px;
      border-radius: 5px;
      border: 2px solid black;
      background-color: #F5EBFF;
      box-shadow: 4px 4px black;
      font-size: 15px;
      font-weight: 600;
      color: #323232;
      cursor: pointer;
}
.btn_w_custom_text{ color: #323232; font-size: 15px; }
.btn_w_custom {
    padding: 13px 8px 13px 8px;
}
.btn_w_custom:hover { box-shadow: 0 0 #333 !important; }
.btn_w_custom_primary {
    padding: 8px 8px 8px 8px;
}
.btn_w_custom_primary:hover { box-shadow: 0 0 #333 !important; }
.btn_w_custom_primary_no_shadow {
    box-shadow: 0px 0px var(--color-w-button-shadow);
}
.btn_w_custom_secondary {
    background-color: var(--color-w-bg-block);
    box-shadow: 0px 0px var(--color-w-button-shadow) !important;
    padding: 8px 8px 8px 8px;
}
.btn_w_custom_secondary:hover  {
    background-color: var(--color-w-bg-block);
    box-shadow: 0 0 #333;
    padding: 8px 8px 8px 8px;
}
.btn_w_custom_send {
    padding: 13px 20px 13px 20px;
}
.btn_w_custom_send:hover { box-shadow: 0 0 #333 !important; }
.btn_w_custom_checkout {
    padding: 16px 20px 13px 20px;
    background: #EBF4FF !important;
    background-color: #2c2d31 !important;
    box-shadow: 4px 4px #F5EBFF !important;
}
.btn_w_custom_checkout:hover { box-shadow: 0px 0px var(--color-w-btn-primary) !important; }
.btn_w_cirle_checkout {
    background: var(--color-w-btn-primary) !important;
    background-color: #F5EBFF !important;
}
.btn_w_cirle_text_checkout {
    font-weight: 700 !important;
    color: var(--color-w-primary) !important;
}
.btn_w_custom_checkout {color: var(--color-w-bg-primary) !important; }
.input_w_prod_item {
    padding: 8px 8px 8px 8px;
    margin-left: 2px;
    border-radius: var(--radius-w-secondary);
    border: 2px solid var(--color-w-border-secondary);
    background-color: var(--color-w-bg-secondary);
    color: var(--color-w-text);
}
.input_w_prod_item_small {
    background-color: var(--color-w-bg-secondary);
    border: 2px solid var(--color-w-border-secondary);
    border-radius: var(--radius-w-secondary);
    margin-left: 2px;
    padding: 8px 8px 8px 8px;
}
.btnicon_w_custom{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: #F6FFEB;
    margin-bottom: 6px;
}
.btnicon_w_custom:hover { box-shadow: 0px 0px var(--color-w-border); }
.shaked_activate{ animation: shake 3s ease infinite; transform-origin: 50% 50%;}
@keyframes shake { 0% { transform:translate(0,0) } 1.78571% { transform:translate(5px,0) } 3.57143% { transform:translate(0,0) } 5.35714% { transform:translate(5px,0) } 7.14286% { transform:translate(0,0) }  8.92857% { transform:translate(5px,0) } 10.71429% { transform:translate(0,0) } 100% { transform:translate(0,0) } }
.input_w_search {
    color: var(--color-w-button-text);
    background-color: var(--color-w-bg-primary);
    border: 1px solid var(--color-w-border);
    border-radius: var(--radius-w-search) !important;
    display: block;
    width: 100%;
    padding: .775rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    background-clip: padding-box;
    appearance: none;
    box-shadow: false;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control, .input-group-text, .form-select{
    background-color: var(--color-w-bg-secondary) !important;
    border-top: 1px solid var(--color-w-border) !important;
    border-right: 1px solid var(--color-w-border) !important;
    border-left: 1px solid var(--color-w-border) !important;
    border-bottom: 4px solid var(--color-w-border) !important;
    border-radius: var(--radius-w-principal) !important; 
    font-family: "Allerta", sans-serif;
    color: var(--color-w-button-text) !important;
}
.catalog-card{padding:10px!important; min-height: 180px !important;}
.catalog-card-long{padding:10px!important;}
.catalog-body-long{width:100%;}
.catalog-body{width:100%;height:50px!important;min-height:50px!important}
.catalog-pricing{ min-height:55px!important; }
.catalog-pricing-long{ min-height:66px!important; }
.product_w_title{ display: -webkit-box; max-width: 100%; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.product_w_description{ display: -webkit-box; max-width: 100%;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.dropzone{ border: 1px dashed var(--color-w-border) !important; background-color: var(--color-w-bg-diferent) !important; border-radius: var(--radius-w-principal) !important; }
.icon-color{ color: var(--color-w-button-text) !important;  }
.separator{ border-bottom-color: var(--color-w-border) !important; }
.separator .separator-dashed{ border-bottom-style: dashed; }
.separator .separator-dotted{ border-bottom-style: dotted; }
.badge { border-radius: var(--radius-w-principal) !important; box-shadow: rgba(10, 11, 13, 0.08) 0px 2px 4px 0px; color: var(--color-w-button-text-secondary) !important; font-size: 13px !important; padding-top: 8px !important; padding-bottom: 8px !important;  }
.badge-warning { background: #ffc700 !important; border-radius: var(--radius-w-principal) !important; box-shadow: 0 0 #333 !important; color: var(--color-w-primary) !important; font-size: 14px !important; padding-top: 8px !important; padding-bottom: 8px !important;  }
.table:not(.table-bordered).table-row-dashed tr{ border-bottom-color: var(--color-w-border) !important; }
.noactive-menu:hover{ background-color: var(--color-w-bg-primary) !important; color: var(--color-w-button-text) !important; }
.active-menu{ background-color: var(--color-w-ribbon) !important; color: var(--color-w-bg-primary) !important; }
.form-check-input:checked{ background-color: var(--color-w-primary) !important; border-color: var(--color-w-active) !important; }
.form-check-image .form-check-wrapper{ border-radius: var(--radius-w-principal) !important; }
.form-check-image.active:not(.form-check-success):not(.form-check-danger) .form-check-wrapper { border-color: var(--color-w-active) !important; border: 1px solid var(--color-w-primary) !important; }
.btn.btn-outline.btn-outline-dashed { border-width: 1px !important; border-style: solid !important; border-color: var(--color-w-border) !important; }
.btn-check:active+.btn.btn-outline.btn-outline-dashed, .btn-check:checked+.btn.btn-outline.btn-outline-dashed, .btn.btn-outline.btn-outline-dashed.active, .btn.btn-outline.btn-outline-dashed.show, .btn.btn-outline.btn-outline-dashed:active:not(.btn-active), .btn.btn-outline.btn-outline-dashed:focus:not(.btn-active), .btn.btn-outline.btn-outline-dashed:hover:not(.btn-active), .show>.btn.btn-outline.btn-outline-dashed{ border-color: var(--color-w-border) !important; border: 3px solid var(--color-w-active) !important; }
.btn-check:active+.btn.btn-active-light-primary .svg-icon, .btn-check:active+.btn.btn-active-light-primary i, .btn-check:checked+.btn.btn-active-light-primary .svg-icon, .btn-check:checked+.btn.btn-active-light-primary i, .btn.btn-active-light-primary.active .svg-icon, .btn.btn-active-light-primary.active i, .btn.btn-active-light-primary.show .svg-icon, .btn.btn-active-light-primary.show i, .btn.btn-active-light-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:active:not(.btn-active) i, .btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:focus:not(.btn-active) i, .btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-light-primary:hover:not(.btn-active) i, .show>.btn.btn-active-light-primary .svg-icon, .show>.btn.btn-active-light-primary i{ color: var(--color-w-active) !important; }
.btn .btn-outline-dashed{ border: 1px dashed var(--color-w-border) !important; }
.btn.btn-outline.btn-outline-secondary { color: var(--color-w-primary); border-color: var(--color-w-border); background-color: transparent; }
.z-mayor{z-index:1 !important;} .bootstrap-notify{z-index: 9999999 !important;} .border-btns{padding: 5px !important;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{ background:var(--color-w-active) !important; color: var(--color-w-active-text) !important;}
.circle-category svg{ stroke: var(--color-w-border) !important; animation: none !important; } 
@keyframes stroke-draw { from { stroke: var(--color-w-active); stroke-dasharray: 1; } to { stroke: var(--color-w-active); transform: rotate(180deg); stroke-dasharray: 8; } }
.header-top-input{ background: var(--color-w-active) !important; color: var(--color-w-active-text) !important;}

.card-wizard-w{max-height: calc(100vh - 100px);}
@media only screen and (max-width: 600px) { .bg-footer-w{ background-color: var(--color-w-active); } .card-wizard-w{max-height: calc(100vh - 180px);} }
.marquee--1611990256d2d90b7c { background: #F5EBFF !important; color: var(--color-w-primary) !important; }
.vc-bg-white { background-color: var(--color-w-bg-primary) !important; background: var(--color-w-bg-primary) !important; }
.vc-border-gray-400 { border-color: var(--color-w-border) !important; }
.vc-text-gray-900, .vc-text-gray-800, .vc-text-gray-600, .vc-text-gray-500 { color: var(--color-w-primary) !important; } 
.vc-text-gray-500 { color: var(--color-w-active) !important; }
.vc-text-gray-400 { color: var(--color-w-bg-block) !important; }
.daterangepicker .drp-calendar td.active { background-color: var(--color-w-active) !important; color: var(--color-w-active-text) !important; border-radius: .65rem; }
.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) { background-color: var(--color-w-active) !important; color: var(--color-w-active-text) !important; }
.modal-header {
    border-bottom: 1px solid black !important;
}
.modal-footer {
    border-top:1px solid black !important;
}
::-webkit-scrollbar { width: 5px; height: 10px; }
::-webkit-scrollbar-track { background: var(--color-w-bg-diferent) !important; }
::-webkit-scrollbar-thumb { background: var(--color-w-bg-block);  border-radius: var(--radius-w-secondary); }
::-webkit-scrollbar-thumb:hover { background: var(--color-w-primary); }
.form-check-input { border: 1px solid var(--color-w-border) !important; }
div::-webkit-scrollbar, main::-webkit-scrollbar, ol::-webkit-scrollbar, pre::-webkit-scrollbar, span::-webkit-scrollbar, ul::-webkit-scrollbar  { width: 5px !important; height: 5px !important; }
div::-webkit-scrollbar-track, main::-webkit-scrollbar-track, ol::-webkit-scrollbar-track, pre::-webkit-scrollbar-track, span::-webkit-scrollbar-track, ul::-webkit-scrollbar-track { background: var(--color-w-bg-diferent) !important; background-color: var(--color-w-bg-diferent) !important; }
div::-webkit-scrollbar-thumb, main::-webkit-scrollbar-thumb, ol::-webkit-scrollbar-thumb, pre::-webkit-scrollbar-thumb, span::-webkit-scrollbar-thumb, ul::-webkit-scrollbar-thumb { background: var(--color-w-bg-block) !important;  border-radius: var(--radius-w-secondary) !important;  background-color: var(--color-w-bg-block) !important; }
div::-webkit-scrollbar-thumb:hover, main::-webkit-scrollbar-thumb:hover, ol::-webkit-scrollbar-thumb:hover, pre::-webkit-scrollbar-thumb:hover, span::-webkit-scrollbar-thumb:hover, ul::-webkit-scrollbar-thumb:hover { background: var(--color-w-primary) !important; background-color: var(--color-w-primary) !important; }
.btn_w_copy_whataform{ padding: 15px 12px 15px 12px; background: linear-gradient(#FFFFFF, #f5f8fa); border-radius: 30px; color: #333333;   box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);}
.btn_w_copy_whataform:hover{ background: #FFFFFF; }
.product_w_detail { color: var(--color-w-primary) !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; max-height: 3em;  }