#dhub .mall_frame_const,
#dhub .mall_options_const {
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-size: 14px;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

#dhub .mall_frame_const.dghk-ui_wgt-frame_const {
    position: fixed;
}

#dhub .mall_frame_const .go-wgt_vfconst {
    width: 100%;
}

#dhub .mall_frame_const .cell {
    display: flex;
    width: 100%;
    position: relative;
    box-sizing: border-box; 
}

#dhub .mall_frame_const .col {
    display: inline-flex;
    box-sizing: border-box;
}

#dhub .mall_frame_const p {
    text-align: left;
}

#dhub .mall_frame_const .tab_home {
    position: relative;
    box-sizing: border-box;
}

#dhub .dhb-tab_frame_const.mall_frame_const .tabs-target > .button {
    font-family: 'Noto Sans', sans-serif;
    color: rgb(24,24,24);
    font-size: 0.8em;
    height: 30px;
    padding-left: 24px;
}

#dhub .mall_frame_const .tabs-target > .button:before {
    font-family: 'DHub Icon Font from fontello';
    position: absolute;
    display: inline-flex;
    left: 2px;
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2em;
    align-items: center;
    justify-content: center;
    color: rgb(24,24,24);
}

#dhub .mall_frame_const .tabs-target > .button.home:before {
    content: '\e848';
}

#dhub .mall_frame_const .tabs-target > .button.favorites:before {
    content: '\e81c';
}

#dhub .mall_frame_const .tabs-target > .button.orders:before {
    content: '\e862';
}

#dhub .mall_frame_const.place .tabs-target > .button.catcs:before {
    content: '\f0eb';
}

#dhub .mall_frame_const.place .tabs-target > .button.stats:before {
    content: '\eaa5';
}

#dhub .mall_frame_const.place .tabs-target > .button.own-space:before {
    content: '\e97f';
}

#dhub .mall_frame_const .tabs-target > .button.details:before {
    content: '\e995';
}

#dhub .mall_frame_const .tabs-target > .button.inbox:before {
    content: '\e856';
}

#dhub .dhb-tab_frame_const.mall_frame_const .tabs_header_const .menu {
    height: 30px;
}

#dhub .dhb-tab_frame_const.mall_frame_const .tabs_header_const .menu.wf_ahr:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="rgba(24,24,24,1)"><path d="M204-318q-22-38-33-78t-11-82q0-134 93-228t227-94h7l-64-64 56-56 160 160-160 160-56-56 64-64h-7q-100 0-170 70.5T240-478q0 26 6 51t18 49l-60 60ZM481-40 321-200l160-160 56 56-64 64h7q100 0 170-70.5T720-482q0-26-6-51t-18-49l60-60q22 38 33 78t11 82q0 134-93 228t-227 94h-7l64 64-56 56Z"/></svg>');
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-position: left 50% top 50%;
  /*! Animate --- */
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
    left: -18px;
    top: calc(50% - 8px);
}

#dhub .dhb-tab_frame_const.mall_frame_const .tabs_header_const .menu > .icon {
    background-color: rgb(247,213,54);
}

#dhub .dhb-tab_frame_const.mall_frame_const .tabs_header_const .menu > .icon:hover {
    opacity: 0.8;
}

#dhub .dhb-tab_frame_const.mall_frame_const .tabs_header_const .menu > .icon:before {
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon-xl-heavy max-md:hidden" fill="rgb(28,70,154)"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.85719 3L13.5 3C14.0523 3 14.5 3.44772 14.5 4C14.5 4.55229 14.0523 5 13.5 5H11.5V19H15.1C16.2366 19 17.0289 18.9992 17.6458 18.9488C18.2509 18.8994 18.5986 18.8072 18.862 18.673C19.4265 18.3854 19.8854 17.9265 20.173 17.362C20.3072 17.0986 20.3994 16.7509 20.4488 16.1458C20.4992 15.5289 20.5 14.7366 20.5 13.6V11.5C20.5 10.9477 20.9477 10.5 21.5 10.5C22.0523 10.5 22.5 10.9477 22.5 11.5V13.6428C22.5 14.7266 22.5 15.6008 22.4422 16.3086C22.3826 17.0375 22.2568 17.6777 21.955 18.27C21.4757 19.2108 20.7108 19.9757 19.77 20.455C19.1777 20.7568 18.5375 20.8826 17.8086 20.9422C17.1008 21 16.2266 21 15.1428 21H8.85717C7.77339 21 6.89925 21 6.19138 20.9422C5.46253 20.8826 4.82234 20.7568 4.23005 20.455C3.28924 19.9757 2.52433 19.2108 2.04497 18.27C1.74318 17.6777 1.61737 17.0375 1.55782 16.3086C1.49998 15.6007 1.49999 14.7266 1.5 13.6428V10.3572C1.49999 9.27341 1.49998 8.39926 1.55782 7.69138C1.61737 6.96253 1.74318 6.32234 2.04497 5.73005C2.52433 4.78924 3.28924 4.02433 4.23005 3.54497C4.82234 3.24318 5.46253 3.11737 6.19138 3.05782C6.89926 2.99998 7.77341 2.99999 8.85719 3ZM9.5 19V5H8.9C7.76339 5 6.97108 5.00078 6.35424 5.05118C5.74907 5.10062 5.40138 5.19279 5.13803 5.32698C4.57354 5.6146 4.1146 6.07354 3.82698 6.63803C3.69279 6.90138 3.60062 7.24907 3.55118 7.85424C3.50078 8.47108 3.5 9.26339 3.5 10.4V13.6C3.5 14.7366 3.50078 15.5289 3.55118 16.1458C3.60062 16.7509 3.69279 17.0986 3.82698 17.362C4.1146 17.9265 4.57354 18.3854 5.13803 18.673C5.40138 18.8072 5.74907 18.8994 6.35424 18.9488C6.97108 18.9992 7.76339 19 8.9 19H9.5ZM5 8.5C5 7.94772 5.44772 7.5 6 7.5H7C7.55229 7.5 8 7.94772 8 8.5C8 9.05229 7.55229 9.5 7 9.5H6C5.44772 9.5 5 9.05229 5 8.5ZM5 12C5 11.4477 5.44772 11 6 11H7C7.55229 11 8 11.4477 8 12C8 12.5523 7.55229 13 7 13H6C5.44772 13 5 12.5523 5 12Z" fill="rgb(0,0,0)"></path><circle cx="20" cy="5" r="4"></circle></svg>');
}

/* Place ----------------- */ 

#dhub .mall_frame_const.place .tab_own-space > .subscription {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    background-color: rgba(32,33,37,0.1);
    height: 28px;
    padding: 0 12px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    font-family: 'Noto Sans', sans-serif;
    color: rgb(213,29,39);
    font-weight: bold;
    font-size: 0.98em;
    margin-bottom: 16px;
}

#dhub .mall_frame_const.place .tab_own-space > .subscription.active {
    background-color: rgba(50, 255, 50, 0.4);
    color: rgb(0,0,0);
    font-weight: normal;
    justify-content: left;
    padding-left: 35px;
    position: relative;
    font-size: 0.96em;
}

#dhub .mall_frame_const.place .tab_own-space > .subscription.active:before {
    content: '\e83d';
    font-family: 'DHub Icon Font from fontello';
    display: inline-flex;
    position: absolute;
    left: 8px;
    height: 100%;
    width: 28px;
    align-items: center;
    justify-content: center;
}

#dhub .mall_frame_const.place .offers {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    font-family: 'Noto Sans', sans-serif;
    font-size: 0.98em;
    margin-bottom: 30px;
}

#dhub .mall_frame_const.place .offers > .caption {
    box-sizing: inherit;
    width: 100%;
    padding: 0 12px;
    margin-bottom: 16px;
}

#dhub .mall_frame_const.place .offers > .subs-plans {
    box-sizing: inherit;
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 20px;
}

#dhub .mall_frame_const.place .offer-box {
    background-color: rgb(32,33,37);
    padding: 12px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    height: max-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: hidden;
}

#dhub .mall_frame_const.place .offer-box:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(28,70,154,0.1);
    top: 0; left: 0;
}

#dhub .mall_frame_const.place .offer-box > .row {
    display: inline-flex;
    box-sizing: border-box;
    width: 100%;
    font-family: 'Noto Sans', sans-serif;
    justify-content: center;
    position: relative;
}

#dhub .mall_frame_const.place .offer-box > .row.entitled {
    color: rgb(0,0,0);
    font-weight: bold;
    min-height: 30px;
    align-items: center;
    font-size: 1.1em;
    width: max-content;
    background-color: rgba(247,213,54,0.9);
    padding: 0 8px;
    border-radius: 5px;
    margin-bottom: 5px
}

#dhub .mall_frame_const.place .offer-box > .row.desc {
    color: rgba(244,244,244,0.8);
    font-size: 0.78em;
    text-align: center;
}

#dhub .mall_frame_const.place .offer-box > .row.cost {
    font-weight: bold;
    font-size: 1.2em;
    width: max-content;
    margin: 6px 0;
    height: 30px;
    align-items: center;
    padding: 0 8px;
    color: rgb(247,213,54);
}

#dhub .mall_frame_const.place .offer-box > .subscribe {
    background-color: rgba(244,244,244,0.9);
}

#dhub .mall_frame_const.place .offer-box > .subscribe:hover {
    background-color: rgb(244,244,244);
}

/* Catalog --------------- */

#dhub .mall_frame_const .catlg-content {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 16px;
    border: 1px solid rgba(32,33,37,0.4);
    border-radius: 10px;
    padding: 6px;
    font-family: 'Noto Sans', Verdana, sans-serif;
}

#dhub .mall_frame_const .dhb_style.italic {
    font-size: 1.1em;
}

#dhub .mall_frame_const .inbox-wa {
    font-weight: bold;
    color: rgb(28,70,154);
}

#dhub .mall_frame_const .catlg-content > .top_bar {
    align-items: center;
    border-bottom: 1px solid rgba(24,24,24,0.09);
    padding-bottom: 2px;
}

#dhub .catlg-content .top_bar > .origin {
   width: calc(100% - 40px); 
    align-items: center;
    position: relative;
}

#dhub .catlg-content .top_bar .origin > .logo {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
}

#dhub .catlg-content .top_bar .logo > .data {
    display: inline-block;
    width: 100%;
    height: 100%;
    top: 0; right: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

#dhub .catlg-content .top_bar .origin > .infos {
    flex-direction: column;
    width: calc(100% - 35px);
    position: relative;
}

#dhub .catlg-content .top_bar .age > .data, 
#dhub .catlg-content .top_bar .origin > .data {
    display: inline-flex;
    width: max-content;
    padding: 4px 8px;
}

#dhub .catlg-content .top_bar .origin > .data {
    
}

#dhub .catlg-content .top_bar .infos .name {
    width: 100%;
    padding: 0 5px;
    height: 40px;
}

#dhub .catlg-content .top_bar .infos .name > .data {
    display: inline-flex;
    height: 40px;
    width: 100%;
    align-items: top;
    font-size: 0.98em;
    font-weight: bold;
}

#dhub .catlg-content .top_bar .age {
    position: absolute;
    bottom: 0px;
    font-size: 0.75em;
    color: rgb(24,24,24);
    font-family: 'Rubik Light', sans-serif;
}

#dhub .catlg-content .top_bar .infos .cdt {
    display: none;
}

#dhub .catlg-content .top_bar > .option {
    width: 40px;
    height: 20px;
    position: relative;
}

#dhub .catlg-content .top_bar .option > .icon {
    display: inline-block;
    height: 100%;
    width: 100%;
    position: relative;
}

#dhub .catlg-content .top_bar .option > .icon:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(24,24,24)"><path d="M240-400q-33 0-56.5-23.5T160-480q0-33 23.5-56.5T240-560q33 0 56.5 23.5T320-480q0 33-23.5 56.5T240-400Zm240 0q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm240 0q-33 0-56.5-23.5T640-480q0-33 23.5-56.5T720-560q33 0 56.5 23.5T800-480q0 33-23.5 56.5T720-400Z"/></svg>');
}

#dhub .catlg-content .top_bar .option > .icon:hover {
    background-color: rgba(28,70,154,0.05);
    border-radius: 5px;
}

#dhub .catlg-content .top_bar .option.wf_ahr > .icon:before {
    /*! Animate --- */
    -moz-animation: spin 1s infinite linear;
    -o-animation: spin 1s infinite linear;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="rgb(24,24,24)"><path d="M204-318q-22-38-33-78t-11-82q0-134 93-228t227-94h7l-64-64 56-56 160 160-160 160-56-56 64-64h-7q-100 0-170 70.5T240-478q0 26 6 51t18 49l-60 60ZM481-40 321-200l160-160 56 56-64 64h7q100 0 170-70.5T720-482q0-26-6-51t-18-49l60-60q22 38 33 78t11 82q0 134-93 228t-227 94h-7l64 64-56 56Z"/></svg>');
    background-size: auto 85%;
}

#dhub .catlg-content .top_bar .option > .actions {
    display: none;
}

#dhub .catlg-content > .media {
    position: relative;
    box-sizing: border-box;
    width: calc(100% + 12px);
    left: -6px;
    overflow-x: hidden;
}

#dhub .catlg-content .media > .data {
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

#dhub .catlg-content .media > .data.dghk-slider_frame_const {
    margin-bottom: 5px;
}

#dhub .catlg-content .media .sld-ctnr {
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

#dhub .catlg-content .media .sld-ctnr > .sld-it {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#dhub .catlg-content .dghk-slider_frame_const > nav.dghk-slider_bullets-bar_const,
#dhub .catlg-content .dghk-slider_frame_const > span.dghk-slider_right-direct,
#dhub .catlg-content .dghk-slider_frame_const > span.dghk-slider_left-direct {
    display: block;
}

#dhub .catlg-content .dghk-slider_frame_const>span.dghk-slider_left-direct {
  left: 0;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(247, 213, 54, 0.8) 100%);
}

#dhub .catlg-content .dghk-slider_frame_const>span.dghk-slider_right-direct {
  right: 0;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(247, 213, 54, 0.8) 100%);
}

#dhub .catlg-content .dghk-slider_frame_const > nav.dghk-slider_bullets-bar_const {
    height: 25px;
    bottom: 1px;
    background-color: unset;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(28, 70, 154, 0.5) 100%);
}

#dhub .catlg-content .dghk-slider_frame_const .dghk-slider_slide-bullet {
    height: 16px;
    width: 16px;
    top: 50%;
    transform: translateY(-50%);
}

#dhub .catlg-content .dghk-slider_frame_const .dghk-slider_slide-bullet:before {
    height: 12px;
    width: 12px;
    background-color: rgb(247,213,54);
}

#dhub .catlg-content > .media canvas {
    width: 100%;
    position: relative;
}

#dhub .catlg-content > .com-box {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

#dhub .catlg-content .com-box > .feedback,
#dhub .catlg-content .com-box > .buttons {
    justify-content: space-between;
    font-family: 'Rubik Light', sans-serif;
    height: 40px;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(24,24,24,0.09);
}

#dhub .catlg-content .com-box > .feedback {
    padding: 0 6px;
    height: 30px;
}

#dhub .catlg-content .feedback .data {
    font-size: 0.88em;
}

#dhub .catlg-content .feedback .likes > .data {
    display: inline-flex;
    align-items: center;
}

#dhub .catlg-content .feedback .likes > .data:after {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 85%;
    margin-left: 2px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(0,0,0)"><path d="m480-120-58-52q-101-91-167-157T150-447.5Q111-500 95.5-544T80-634q0-94 63-157t157-63q52 0 99 22t81 62q34-40 81-62t99-22q94 0 157 63t63 157q0 46-15.5 90T810-447.5Q771-395 705-329T538-172l-58 52Zm0-108q96-86 158-147.5t98-107q36-45.5 50-81t14-70.5q0-60-40-100t-100-40q-47 0-87 26.5T518-680h-76q-15-41-55-67.5T300-774q-60 0-100 40t-40 100q0 35 14 70.5t50 81q36 45.5 98 107T480-228Zm0-273Z"/></svg>');
}

#dhub .catlg-content .feedback .likes.liked > .data:after {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(255,60,39)"><path d="m480-120-58-52q-101-91-167-157T150-447.5Q111-500 95.5-544T80-634q0-94 63-157t157-63q52 0 99 22t81 62q34-40 81-62t99-22q94 0 157 63t63 157q0 46-15.5 90T810-447.5Q771-395 705-329T538-172l-58 52Z"/></svg>');
}

#dhub .catlg-content .com-box > .buttons > .item {
    height: 80%;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-left: 28px;
}

#dhub .catlg-content .com-box > .buttons > .item:hover {
    background-color: rgba(28,70,154,0.05);
    border-radius: 5px;
}

#dhub .catlg-content .com-box > .buttons > .item:before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    top: calc(50% - 12.5px); 
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
}

#dhub .catlg-content .com-box > .buttons > .item.enjoy:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(32,33,37)"><path d="M841-518v318q0 33-23.5 56.5T761-120H201q-33 0-56.5-23.5T121-200v-318q-23-21-35.5-54t-.5-72l42-136q8-26 28.5-43t47.5-17h556q27 0 47 16.5t29 43.5l42 136q12 39-.5 71T841-518Zm-272-42q27 0 41-18.5t11-41.5l-22-140h-78v148q0 21 14 36.5t34 15.5Zm-180 0q23 0 37.5-15.5T441-612v-148h-78l-22 140q-4 24 10.5 42t37.5 18Zm-178 0q18 0 31.5-13t16.5-33l22-154h-78l-40 134q-6 20 6.5 43t41.5 23Zm540 0q29 0 42-23t6-43l-42-134h-76l22 154q3 20 16.5 33t31.5 13Z"/></svg>');
} 

#dhub .catlg-content .com-box > .buttons > .item.comment:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(32,33,37)"><path d="M80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Zm160-320h320v-80H240v80Zm0-120h480v-80H240v80Zm0-120h480v-80H240v80Z"/></svg>');
} 

#dhub .catlg-content .com-box > .buttons > .item.share:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(32,33,37)"><path d="M280-360v-240q0-33 23.5-56.5T360-680h326L583-783l57-57 200 200-200 200-57-56 103-104H360v240h-80Zm-80 240q-33 0-56.5-23.5T120-200v-600h80v600h480v-160h80v160q0 33-23.5 56.5T680-120H200Z"/></svg>');
} 

#dhub .catlg-content .com-box > .buttons > .item.wf_ahr:before {
  /*! Animate --- */
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="rgb(32,33,37)"><path d="M204-318q-22-38-33-78t-11-82q0-134 93-228t227-94h7l-64-64 56-56 160 160-160 160-56-56 64-64h-7q-100 0-170 70.5T240-478q0 26 6 51t18 49l-60 60ZM481-40 321-200l160-160 56 56-64 64h7q100 0 170-70.5T720-482q0-26-6-51t-18-49l60-60q22 38 33 78t11 82q0 134-93 228t-227 94h-7l64 64-56 56Z"/></svg>');
}

#dhub .catlg-content .com-box > .buttons .text {
    font-weight: bold;
    color: rgb(32,33,37);
} 

#dhub .catlg-content .com-box > .buttons .trigger {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0; right: 0;
    opacity: 0;
}

#dhub .catlg-content .infos-box {
    margin-top: 10px;
}

#dhub .catlg-content .infos-box > .entitled .data {
    display: inline-flex;
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.1em;
    margin-bottom: 5px;
    cursor: default;
    user-select: text;
}

#dhub .catlg-content .infos-box > .price .data {
    font-family: 'Noto Sans', Verdana, sans-serif;
    display: inline-flex;
    align-items: center;
    color: rgb(28,70,154);
    font-weight: bold;
    font-size: 0.98em;
}

#dhub .catlg-content .infos-box > .price .data:before {
    content: '\ebcc';
    display: inline-flex;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    font-family: 'DHub Icon Font from fontello';
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    color: rgb(247,213,54);
}

#dhub .mall_frame_const .order-fconst {
    width: 100%; 
    position: relative;
}

#dhub .mall_frame_const .order-fconst .content-box {
    align-items: center;
    margin-bottom: 16px;
}

#dhub .mall_frame_const .order-fconst .content-box > .col.image {
    width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

#dhub .mall_frame_const .order-fconst .content-box > .image .data {
    display: inline-block;
    width: inherit;
    height: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


#dhub .mall_frame_const .order-fconst .content-box > .col.caption {
    width: calc(100% - 80px);
}

#dhub .mall_frame_const .order-fconst .content-box > .caption .data {
    font-weight: bold;
    display: inline-flex;
    padding: 0 8px;
    font-size: 1.1em;
}

#dhub .mall_frame_const .order-fconst > .order {
    flex-direction: column;
}

 #dhub .mall_frame_const .order > .quote {
    padding: 5px;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    border: 1px solid rgb(247,213,54);
    align-items: center;
     margin-bottom: 10px;
 }

#dhub .mall_frame_const .order-fconst .price {
    font-family: 'Maven Pro', sans-serif;
    margin-right: 16px;
}

#dhub .mall_frame_const .order-fconst .price > .data {
    font-weight: bold;
}

#dhub .mall_frame_const .order-fconst .price > .data:before {
    content: '\ebcc';
    display: inline-flex;
    width: 25px;
    height: 25px;
    margin-right: 5px;
    font-family: 'DHub Icon Font from fontello';
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    color: rgb(247,213,54);
}

#dhub .mall_frame_const .order-fconst .quantity > .ctrl {
    display: inline-block;
    position: relative;
    width: 25px;
    height: 25px;
    background-color: rgb(247,213,54);
}

#dhub .mall_frame_const .order-fconst .quantity > .ctrl:before {
    display: inline-flex;
    width: inherit;
    height: inherit;
    margin-right: 5px;
    font-family: 'DHub Icon Font from fontello';
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    color: rgb(24,24,24);
}

#dhub .mall_frame_const .order-fconst .quantity > .ctrl.less:before {
    content: '\e835';
}

#dhub .mall_frame_const .order-fconst .quantity > .ctrl.plus:before {
    content: '\e82f';
}

#dhub .mall_frame_const .order-fconst .quantity > .data {
    margin: 0 4px;
    border: 0;
    background-color: transparent;
    text-align: center;
    width: 50px;
    font-size: 1.1em;
}

#dhub .mall_frame_const .order-fconst .quantity > .data:focus {
    outline: none;
    border: 0;
}

#dhub .mall_frame_const .order-fconst .fees,
#dhub .mall_frame_const .order-fconst .total {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    height: 35px;
    padding: 0 8px;
    align-items: center;
    color: rgb(28,70,154);
    font-family: 'Maven Pro', sans-serif;
}

#dhub .mall_frame_const .order-fconst .total > .label {
    margin-right: 16px;
}

#dhub .mall_frame_const .order-fconst .fees > .data,
#dhub .mall_frame_const .order-fconst .total > .data {
    font-weight: bold;
    font-size: 1.1em;
}

#dhub .mall_frame_const .ordp-box,
#dhub .mall_frame_const .pcb-box {
    flex-direction: column;
    align-items: center;
    margin: 16px 0;
}

#dhub .mall_frame_const .ordp-box .delivery_addr {
    width: 100%; 
    box-sizing: border-box;
    border: 1px solid rgba(247,213,54,0.5);
    margin-top: 30px;
    border-radius: 10px;
    padding: 20px 8px;
}

#dhub .mall_frame_const .delivery_addr > .caption {
    display: inline-flex;
    position: absolute;
    height: 30px;
    background-color: rgb(244,244,244);
    border: 1px solid rgba(247,213,54,0.5);
    border-radius: 8px;
    top: 14px;
    padding: 0 8px;
    color: rgb(0,0,0);
    font-size: 0.88em;
    align-items: center;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
}

#dhub .mall_frame_const .delivery_addr > .grp {
    width: 100%;
    box-sizing: inherit;
    position: relative;
    margin: 16px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#dhub .mall_frame_const .delivery_addr .field-layout {
    display: inline-flex;
    flex-direction: column;
    width: calc(50% - 20px);
}

#dhub .mall_frame_const .delivery_addr .box4 > .field-layout {
    width: 100%;
}

#dhub .mall_frame_const .delivery_addr .field-layout > label {
  display: inline-flex;
    align-items: center;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  font-family: 'Noto Sans';
  font-size: 0.85em;
  height: 25px;
  color: rgb(0,0,0);
}

#dhub .mall_frame_const .delivery_addr .field-layout > .custom-resize {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  font-family: 'Noto Sans', sans-serif;
  font-size: 1.1em;
  padding: 0 8px;
  background-color: rgba(244, 244, 244, 0.8);
  height: 50px;
  color: rgb(28,70,157);
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border: 0;
  border-bottom: 1px solid rgba(28,70,157, 0.7);
  border-radius: 10px;
}

#dhub .mall_frame_const .delivery_addr .field-layout > .custom-resize.accept {
    height: unset;
    min-height: 140px;
}

#dhub .mall_frame_const .delivery_addr .field-layout > .custom-resize::placeholder {
    font-size: 0.89em;
}

#dhub .mall_frame_const .delivery_addr .field-layout > .custom-resize:focus {
    border-bottom: 1px solid rgba(247,213,54, 0.9);
}

#dhub .mall_frame_const .delivery_addr > .order-box {
    position: relative;
    width: 100%; 
    box-sizing: inherit;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#dhub .mall_frame_const .ordp-box .dhb_button,
#dhub .mall_frame_const .pcb-box .dhb_button{
    margin: 10px 0;
    background-color: rgba(28,70,154,0.03);
    border: 1px solid rgb(28,70,154);
    border-radius: 10px;
}

#dhub .mall_frame_const .delivery_addr .dhb_button .text {
    font-weight: bold;
    color: rgb(0,0,0);
    padding: 0 12px 0 38px;
}

#dhub .mall_frame_const .ordp-box .dhb_button:hover,
#dhub .mall_frame_const .pcb-box .dhb_button:hover{
    background-color: rgba(24,24,24,0.06);
}

#dhub .mall_frame_const .desc {
    cursor:text;
    user-select:text;
}

#dhub .mall_frame_const .ordp-box > .payment .text:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(247,213,54)"><path d="M440-91v-366L120-642v321q0 22 10.5 40t29.5 29L440-91Zm80 0 280-161q19-11 29.5-29t10.5-40v-321L520-457v366Zm159-550 118-69-277-159q-19-11-40-11t-40 11l-79 45 318 183ZM480-526l119-68-317-184-120 69 318 183Z"/></svg>');
}

#dhub .mall_frame_const .ordp-box > .tobasket .text:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(24,24,24)"><path d="M221-120q-27 0-48-16.5T144-179L42-549q-5-19 6.5-35T80-600h190l176-262q5-8 14-13t19-5q10 0 19 5t14 13l176 262h192q20 0 31.5 16t6.5 35L816-179q-8 26-29 42.5T739-120H221Zm-1-80h520l88-320H132l88 320Zm260-80q33 0 56.5-23.5T560-360q0-33-23.5-56.5T480-440q-33 0-56.5 23.5T400-360q0 33 23.5 56.5T480-280ZM367-600h225L479-768 367-600Zm113 240Z"/></svg>');
}

#dhub .mall_frame_const .pcb-box > .contact .text:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(24,24,24)"><path d="M240-400h320v-80H240v80Zm0-120h480v-80H240v80Zm0-120h480v-80H240v80ZM80-80v-720q0-33 23.5-56.5T160-880h640q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H240L80-80Zm126-240h594v-480H160v525l46-45Zm-46 0v-480 480Z"/></svg>');
}

#dhub .mall_frame_const .pcb-box > .quotation .text:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(24,24,24)"><path d="M440-200h80v-40h40q17 0 28.5-11.5T600-280v-120q0-17-11.5-28.5T560-440H440v-40h160v-80h-80v-40h-80v40h-40q-17 0-28.5 11.5T360-520v120q0 17 11.5 28.5T400-360h120v40H360v80h80v40ZM240-80q-33 0-56.5-23.5T160-160v-640q0-33 23.5-56.5T240-880h320l240 240v480q0 33-23.5 56.5T720-80H240Zm280-560v-160H240v640h480v-480H520ZM240-800v160-160 640-640Z"/></svg>');
}

#dhub .mall_frame_const .delivery_addr .dhb_button .text:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(24,24,24)"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760H520q-71 0-115.5 44.5T360-600v240q0 71 44.5 115.5T520-200h320q0 33-23.5 56.5T760-120H200Zm320-160q-33 0-56.5-23.5T440-360v-240q0-33 23.5-56.5T520-680h280q33 0 56.5 23.5T880-600v240q0 33-23.5 56.5T800-280H520Zm120-140q26 0 43-17t17-43q0-26-17-43t-43-17q-26 0-43 17t-17 43q0 26 17 43t43 17Z"/></svg>');
}


#dhub .mall_frame_const .ordp-box .dhb_button > .text {
    color: rgb(0,0,0);
    font-weight: bold;
}

#dhub .mall_frame_const .ordp-box .dhb_button.wf_ahr > .text:before,
#dhub .mall_frame_const .delivery_addr .dhb_button.wf_ahr .text:before{
    /*! Animate --- */
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="rgb(0,0,0)"><path d="M204-318q-22-38-33-78t-11-82q0-134 93-228t227-94h7l-64-64 56-56 160 160-160 160-56-56 64-64h-7q-100 0-170 70.5T240-478q0 26 6 51t18 49l-60 60ZM481-40 321-200l160-160 56 56-64 64h7q100 0 170-70.5T720-482q0-26-6-51t-18-49l60-60q22 38 33 78t11 82q0 134-93 228t-227 94h-7l64 64-56 56Z"/></svg>') ;
}



#dhub .mall_frame_const .inbox-fconst {
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

#dhub .mall_frame_const .inbox-fconst > .merchant,
#dhub .mall_frame_const .inbox-fconst > .customer {
    position: inherit;
    width: inherit;
    box-sizing: inherit;
}

#dhub .mall_frame_const .inbox-fconst > .merchant {
    display: none;
}

/* ------------------- */

#dhub .mall_frame_const .inbox-fconst .top_bar {
    width: 100%;
    height: 35px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    position: relative;
    box-sizing: border-box;
}

#dhub .mall_frame_const .inbox-fconst .chat-box {
    width: 100%; 
    position: relative;
    box-sizing: border-box;
}

#dhub .mall_frame_const .inbox-fconst .talks-box {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    z-index: 1;
}

#dhub .mall_frame_const .inbox-fconst .msg-input {
    z-index: 2;
    position: fixed;
    display: block;
    background-color: rgba(24,24,24,0.1);
    bottom: 100px;
    min-height: 60px;
}

#dhub .mall_options_const {
    position: relative;
    box-sizing: border-box;
    width: 100%;
}

#dhub .mall_options_const > .container {
    width: inherit;
    position: relative;
    box-sizing: border-box;
}

#dhub .mall_options_const .acts-wpr {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 8px 0;
}

#dhub .mall_options_const .acts-wpr > .action {
    display: inline-flex;
    height: 45px;
    align-items: center;
    box-sizing: border-box;
}

#dhub .mall_options_const .acts-wpr > .action:hover {
    background-color: rgba(28,70,154,0.06);
    border-radius: 10px;
}


#dhub .mall_options_const .action > .trigger {
    display: inherit;
    height: 100%;
    width: 100%;
    align-items: inherit;
    box-sizing: inherit;
    font-size: 1.12em;
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-weight: bold;
    color: rgb(0,0,0);
    cursor: default;
}

#dhub .mall_options_const .action > .trigger:before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 100%;
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
}

#dhub .mall_options_const .action[data-task="tgl-bcast"] > .trigger:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(32,33,37)"><path d="M280-240q-100 0-170-70T40-480q0-100 70-170t170-70h400q100 0 170 70t70 170q0 100-70 170t-170 70H280Zm400-120q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Z"/></svg>');
}

#dhub .mall_options_const .broadcast .action[data-task="tgl-bcast"] > .trigger:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(32,33,37)"><path d="M280-240q-100 0-170-70T40-480q0-100 70-170t170-70h400q100 0 170 70t70 170q0 100-70 170t-170 70H280Zm0-120q50 0 85-35t35-85q0-50-35-85t-85-35q-50 0-85 35t-35 85q0 50 35 85t85 35Z"/></svg>');
}

#dhub .mall_options_const .action[data-task="copylink"] > .trigger:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(32,33,37)"><path d="M160-40q-33 0-56.5-23.5T80-120v-560h80v560h440v80H160Zm160-160q-33 0-56.5-23.5T240-280v-560q0-33 23.5-56.5T320-920h280l240 240v400q0 33-23.5 56.5T760-200H320Zm240-440h200L560-840v200Z"/></svg>');
}

#dhub .mall_options_const .action[data-task="share"] > .trigger:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(32,33,37)"><path d="M360-320q33 0 56.5-23.5T440-400q0-33-23.5-56.5T360-480q-33 0-56.5 23.5T280-400q0 33 23.5 56.5T360-320Zm240 0q33 0 56.5-23.5T680-400q0-33-23.5-56.5T600-480q-33 0-56.5 23.5T520-400q0 33 23.5 56.5T600-320ZM480-520q33 0 56.5-23.5T560-600q0-33-23.5-56.5T480-680q-33 0-56.5 23.5T400-600q0 33 23.5 56.5T480-520Zm0 440q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/></svg>');
}

#dhub .mall_options_const .action[data-task="report"] > .trigger:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(32,33,37)"><path d="M480-280q17 0 28.5-11.5T520-320q0-17-11.5-28.5T480-360q-17 0-28.5 11.5T440-320q0 17 11.5 28.5T480-280Zm-40-160h80v-240h-80v240ZM330-120 120-330v-300l210-210h300l210 210v300L630-120H330Z"/></svg>');
}

#dhub .mall_options_const .action[data-task="ownership-transfer"] > .trigger:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(32,33,37)"><path d="m640-280-57-56 184-184-184-184 57-56 240 240-240 240ZM80-200v-160q0-83 58.5-141.5T280-560h247L383-704l57-56 240 240-240 240-57-56 144-144H280q-50 0-85 35t-35 85v160H80Z"/></svg>');
}

#dhub .mall_options_const .action[data-task="remove"] > .trigger:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(32,33,37)"><path d="M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z"/></svg>');
}

#dhub .mall_options_const .action[data-task="notes"] > .trigger:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="rgb(32,33,37)"><path d="M160-400v-80h280v80H160Zm0-160v-80h440v80H160Zm0-160v-80h440v80H160Zm360 560v-123l221-220q9-9 20-13t22-4q12 0 23 4.5t20 13.5l37 37q8 9 12.5 20t4.5 22q0 11-4 22.5T863-380L643-160H520Zm263-224 37-39-37-37-38 38 38 38Z"/></svg>');
}

#dhub .mall_options_const .action.wf_ahr > .trigger:before,
#dhub .mall_options_const .broadcast .action.wf_ahr > .trigger:before{
    /*! Animate --- */
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="rgb(32,33,37)"><path d="M204-318q-22-38-33-78t-11-82q0-134 93-228t227-94h7l-64-64 56-56 160 160-160 160-56-56 64-64h-7q-100 0-170 70.5T240-478q0 26 6 51t18 49l-60 60ZM481-40 321-200l160-160 56 56-64 64h7q100 0 170-70.5T720-482q0-26-6-51t-18-49l60-60q22 38 33 78t11 82q0 134-93 228t-227 94h-7l64 64-56 56Z"/></svg>');
}


/* PLACE STYLESHEET */ 

#dhub .dh-dlg_box-sizing.place .go-wgt_vfconst {
    width: 100%;
}

#dhub .place-wgt-box {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Maven Pro', Verdana, sans-serif;
    font-size: 16px;
    color: rgb(0,0,0);
}

#dhub .place-wgt-box > .grid-ctx.menu,
#dhub .place-wgt-box > ctx-viewer {
    position: inherit;
    box-sizing: inherit;
    width: 100%;
}

#dhub .place-wgt-box > .grid-ctx {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 20px;
    place-items: center;
    padding: 16px 8px;
}

#dhub .place-wgt-box .menu > .btn-box {
    border-radius: 10px;
    width: 100%;
    padding: 12px;
    box-sizing: border-box;
    box-shadow: 0px 0 2px rgba(24,24,24,0.1);
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

#dhub .place-wgt-box .menu > .btn-box[data-type^="stocks"] {
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
    animation: gradientBG 5s ease infinite;
}

#dhub .place-wgt-box .menu > .btn-box[data-type^="invoices"] {
    background: linear-gradient(135deg, rgb(32,33,37), #f39c12, rgb(32,33,37));
    background-size: 400% 400%;
    animation: gradientBG 5s ease infinite;
}

#dhub .place-wgt-box .menu > .btn-box[data-type^="orders"] {
    background: linear-gradient(135deg, rgb(32,33,37), #2ecc71, rgb(32,33,37));
    background-size: 400% 400%;
    animation: gradientBG 5s ease infinite;
}

#dhub .place-wgt-box .menu > .btn-box[data-type^="settings"] {
    background: linear-gradient(135deg, rgb(32,33,37), #4b4b4b, rgb(32,33,37));
    background-size: 400% 400%;
    animation: gradientBG 5s ease infinite;
}

#dhub .place-wgt-box .menu > .btn-box:hover {
    box-shadow: 0px 1px 1.2px rgb(28,70,154);
    opacity: 0.8;
}

#dhub .place-wgt-box .menu .btn-box > .icon,
#dhub .place-wgt-box .menu .btn-box > .text,
#dhub .place-wgt-box .menu .btn-box > .trigger{
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

#dhub .place-wgt-box .menu .btn-box > .icon {
    height: 60px;
    width: 80px;
    position: relative;
}

#dhub .place-wgt-box .menu .btn-box > .icon:before {
    font-family: 'DHub Icon Font from fontello';
    font-size: 3em;
    display: inline-flex;
    position: absolute;
    width: 100%; height: 100%;
    left: 0; top: 0;
    align-items: center;
    justify-content: center;
    color: rgb(244,244,2244);
}

#dhub .place-wgt-box .menu .btn-box[data-type^="stocks"] > .icon:before {
    content: '\eb27';
}

#dhub .place-wgt-box .menu .btn-box[data-type^="invoices"] > .icon:before {
    content: '\f15c';
}

#dhub .place-wgt-box .menu .btn-box[data-type^="orders"] > .icon:before {
    content: '\f290';
}

#dhub .place-wgt-box .menu .btn-box[data-type^="settings"] > .icon:before {
    content: '\e864';
}

#dhub .place-wgt-box .menu .btn-box > .text {
    width: max-content;
    padding: 0 8px;
    height: 25px;
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-size: 1.2em;
    color: rgb(244,244,244);
    text-shadow: 1px 0 0 rgb(0,0,0);
}

#dhub .place-wgt-box .menu .btn-box > .trigger {
    position: absolute;
    height: 100%;
    left: 0; top: 0;
    opacity: 0;
    cursor: default;
}

#dhub .place-wgt-box .menu .btn-box.wf_ahr > .icon:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 20px; height: 20px;
    right: -10px;
    bottom: 8px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24" fill="rgb(244,244,244)"><path d="M204-318q-22-38-33-78t-11-82q0-134 93-228t227-94h7l-64-64 56-56 160 160-160 160-56-56 64-64h-7q-100 0-170 70.5T240-478q0 26 6 51t18 49l-60 60ZM481-40 321-200l160-160 56 56-64 64h7q100 0 170-70.5T720-482q0-26-6-51t-18-49l60-60q22 38 33 78t11 82q0 134-93 228t-227 94h-7l64 64-56 56Z"/></svg>');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  /*! Animate --- */
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

#dhub .place-stocks-frame {
    width: calc(100% - 2px);
    position: relative;
    box-sizing: border-box;
    padding: 10px 0;
}

#dhub .place-stocks-frame.menu-active {
    display: flex;
}

#dhub .place-stocks-frame > .ctx-menu {
    width: max-content; 
    min-height: 200px;
    height: max-content;
    padding: 8px 0;
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
    border-radius: 10px;
    margin-right: 10px;
    box-sizing: border-box;
}

#dhub .place-stocks-frame .ctx-menu > .cxtm-box-title {
    display: inline-flex;
    width: max-content;
    padding: 0 12px;
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-weight: bold;
    height: 40px;
    font-size: 1.2em;
    align-items: center;
    color: rgb(244,244,244);
    text-shadow: 0 1px 0 rgb(0,0,0);
    border-radius: inherit;
    box-sizing: inherit;
    margin: 0 6px;
    border-bottom: 1px solid rgb(0,0,0,0.5);
}

#dhub .place-stocks-frame .ctx-menu > .acts-box {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 0 12px;
    margin: 5px 0;
}

#dhub .place-stocks-frame .ctx-menu .menu-action {
    display: inline-flex;
    width: 100%;
    box-sizing: border-box;
    margin: 2px 0;
    position: relative;
    border-radius: 10px;
    padding-right: 16px;
}

#dhub .place-stocks-frame .ctx-menu .menu-action:hover {
    background-color: rgba(0,0,0,0.08);
}

#dhub .place-stocks-frame .ctx-menu .menu-action:before {
    content: '';
    font-family: 'DHub Icon Font from fontello';
    position: absolute;
    width: 35px;
    height: 35px;
    left: 0; top: 0;
    display: inline-flex;
    align-items: center;
    color: rgba(244,244,244,0.8);
    justify-content: center;
    font-size: 1.2em;
}

#dhub .place-stocks-frame .ctx-menu .menu-action.stock-entity {
    border-top: 1px solid rgb(255,255,255,0.5);
}

#dhub .place-stocks-frame .ctx-menu .stock-entity.sltd {
    flex-direction: column;
}

#dhub .place-stocks-frame .ctx-menu .menu-action:hover:before,
#dhub .place-stocks-frame .ctx-menu .menu-action.active:before{
    color: rgb(247,213,54);
}

#dhub .place-stocks-frame .ctx-menu .menu-action.stock-entity:before {
    content: '\ec46';
}

#dhub .place-stocks-frame .ctx-menu .menu-action.dashboard:before {
    content: '\f0e4';
}

#dhub .place-stocks-frame .ctx-menu .menu-action.articles:before {
    content: '\eb27';
}

#dhub .place-stocks-frame .ctx-menu .menu-action.cash:before {
    content: '\ee7e';
}

#dhub .place-stocks-frame .ctx-menu .menu-action.inventory:before {
    content: '\e995';
}

#dhub .place-stocks-frame .ctx-menu .menu-action.params:before {
    content: '\e864';
}

#dhub .place-stocks-frame .ctx-menu .menu-action > .data,
#dhub .place-stocks-frame .ctx-menu .stock-entity.sltd > .entity{
    color: rgba(244,244,244,0.8);
    font-family: 'Noto Sans', Verdana, sans-serif;
    cursor: default;
    display: inline-flex;
    height: 40px;
    padding: 0 12px;
    padding-left: 35px;
    width: max-content;
    align-items: center;
    font-size: 0.96em;
    position: relative;
}

#dhub .place-stocks-frame .ctx-menu .menu-action.active > .data,
#dhub .place-stocks-frame .ctx-menu .menu-action:hover > .data {
    color: rgba(255,255,255);
}

#dhub .place-stocks-frame .ctx-menu .stock-entity.sltd > .entity {
    font-weight: bold;
    color: rgb(247,213,54);
}

#dhub .place-stocks-frame .ctx-menu .stock-entity.sltd:before {
    top: unset;
    bottom: 2px;
    font-size: 1.4em;
}

#dhub .place-stocks-frame .ctx-menu .stock-entity.sltd > .data {
    height: 20px;
    font-size: 0.78em;
    top: 10px;
    color: rgba(244,244,244);
}

#dhub .place-stocks-frame .stocks-view .slt-skt-entity.wf_ahr:after,
#dhub .place-stocks-frame .ctx-menu .menu-action.wf_ahr > .data:after {
    content: '\e839';
    font-family: 'DHub Icon Font from fontello';
    display: inline-flex;
    width: 16px;
    height: 16px;
    position: absolute;
    top: calc(50% - 8px);
    right: -7px;
    align-items: center;
    justify-content: center;
    font-size: 0.7em;
    -moz-animation: spin 1.2s infinite linear;
    -o-animation: spin 1.2s infinite linear;
    -webkit-animation: spin 1.2s infinite linear;
    animation: spin 1.2s infinite linear;
}

#dhub .place-stocks-frame .stocks-view .slt-skt-entity.wf_ahr:after {
    right: 4px;
}

#dhub .place-stocks-frame > .stocks-view,
#dhub .place-stocks-frame .stocks-view > .top-bar{
    width: inherit;
    position: inherit;
    box-sizing: inherit;
}

#dhub .place-stocks-frame > .stocks-view {
    width: 100%;
}

#dhub .place-stocks-frame.menu-active > .stocks-view {
    width: calc(100% - 220px);
}

#dhub .place-stocks-frame .stocks-view > .top-bar {
    padding: 8px 12px;
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
    animation: gradientBG 10s ease infinite;
    border-radius: 10px;
    display: flex;
    align-items: center;
    width: calc(100% - 6px);
}

#dhub .place-stocks-frame .stocks-view .top-bar > .layout,
#dhub .place-stocks-frame .stocks-view .top-bar > .icon {
    width: 100%;
}

#dhub .place-stocks-frame .stocks-view .top-bar > .layout {
    display: inline-flex;
    align-items: center;
}

#dhub .place-stocks-frame .stocks-view .top-bar > .layout.left {
    width: max-content;
    margin-right: 10px;
}

#dhub .place-stocks-frame .stocks-view .status-bar > .layout.right {
    justify-content: space-between;
}

#dhub .place-stocks-frame .status-bar .overall-box {
    position: relative;
    box-sizing: border-box;
    width: max-content;
    display: flex;
    align-items: center;
    height: 35px;
    justify-content: space-between;
}

#dhub .place-stocks-frame .status-bar .overall-box > .item {
    display: inline-flex;
    position: relative;
    box-sizing: border-box;
    height: 100%;
    align-items: center;
    padding: 0 16px;
    padding-left: 35px;
    cursor: default;
    user-select: none;
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-size: 16px;
    width: max-content;
    font-weight: bold;
    color: rgb(247,213,54);
    font-size: 1.2em;
    margin-right: 30px;
}

#dhub .place-stocks-frame .status-bar .overall-box > .cost,
#dhub .place-stocks-frame .status-bar .overall-box > .accounting {
    border-radius: 8px;
    background-color: rgb(32,33,37,0.5);
    border: 1px solid rgba(244,244,244,0.2);
    color: rgb(244,244,244);
}

#dhub .place-stocks-frame .status-bar .accounting > .history:before,
#dhub .place-stocks-frame .status-bar .overall-box > .item:before {
    position: absolute;
    content: '';
    width: 35px;
    height: 35px;
    left: 0; top: 0;
    font-family: 'DHub Icon Font from fontello';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.98em;
    font-weight: normal;
}

#dhub .place-stocks-frame .status-bar .overall-box > .count:before {
    content: '\eb27';
    color: rgba(244,244,244,0.8);
}

#dhub .place-stocks-frame .status-bar .overall-box > .cost:before {
    content: '\ee83';
    color: rgb(247,213,54);
}

#dhub .place-stocks-frame .status-bar .overall-box > .accounting:before {
    content: '\f0e4';
    color: rgb(247,213,54);
    top: -3px;
}

#dhub .place-stocks-frame .status-bar .accounting > .history:before {
    content: '\f1da';
    color: rgb(247,213,54);
}

#dhub .place-stocks-frame .status-bar .accounting > .history {
    display: inline-flex;
    position: absolute;
    width: 35px;
    height: 35px;
    right: -35px;
}

#dhub .go-wgt_vfconst.stocks-overall-box {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 15px;
    place-items: center;
    height: max-content;
    box-sizing: border-box;
    padding: 20px 8px;
}

#dhub .stocks-overall-box > .dailiy-actg {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-width: 260px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 10px;
    padding: 8px;
    padding-right: 78px;
    overflow-x: hidden;
    cursor: default; 
    user-select: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-size: 16px;
    align-items: center;
}

#dhub .stocks-overall-box .dailiy-actg:before, 
#dhub .stocks-overall-box .dailiy-actg > .date:before {
    font-family: 'DHub Icon Font from fontello';
    display: inline-flex;
    color: rgb(28,70,154);
}

#dhub .stocks-overall-box .dailiy-actg:before {
    content: '\ee7e';
    position: absolute;
    height: 70px; 
    width: 70px;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
    font-size: 3.5em;
}

#dhub .stocks-overall-box .dailiy-actg > span {
    box-sizing: inherit;
    position: relative;
    display: inline-flex;
    align-items: center;
    font-weight: bold;
}

#dhub .stocks-overall-box .dailiy-actg > .total {
    color: rgb(32,33,37);
    width: 100%;
    padding: 0 8px;
    justify-content: center;
    height: 50px;
    font-size: 2em;
}

#dhub .stocks-overall-box .dailiy-actg > .date {
    width: max-content;
    background-color: rgb(28,70,154);
    border-radius: 8px;
    height: 35px;
    color: rgb(244,244,244);
    padding: 0 12px;
    text-transform: uppercase;
    font-size: 0.98em;
}

#dhub .stocks-overall-box .dailiy-actg > .date:before {
    content: '\e861';
    margin-right: 6px;
    color: rgb(247,213,54);
    font-weight: normal;
    font-size: 0.9em;
}


#dhub .place-stocks-frame .stocks-view .ctx-menu.icon,
#dhub .place-stocks-frame .stocks-view .goback.icon {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    background-color: rgba(32,33,37,0.7);
    border-radius: 5px;
    max-width: 35px; 
    min-width: 35px;
    height: 25px;
    cursor: default;
}

#dhub .place-stocks-frame .stocks-view .ctx-menu.icon {
    width: 35px;
    height: 35px;
    background-color: unset;
    left: -5px;
}

#dhub .place-stocks-frame .stocks-view .ctx-menu.icon:hover {
    background-color: rgba(32,33,37,0.2);
}

#dhub .place-stocks-frame .stocks-view .goback.icon:hover {
    background-color: rgba(32,33,37,0.8);
}

#dhub .place-stocks-frame .stocks-view .ctx-menu.icon:before,
#dhub .place-stocks-frame .stocks-view .goback.icon:before {
    font-family: 'DHub Icon Font from fontello';
    display: inline-flex;
    position: absolute;
    left: 0; top: 0;
    height: 100%; 
    width: 100%;
    align-items: center;
    justify-content: center;
    font-size: 1.3em;
    color: rgb(244,244,244);
}

#dhub .place-stocks-frame .stocks-view .ctx-menu.icon:before {
    content: '';
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="icon-xl-heavy max-md:hidden" fill="rgb(247,213,54)"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.85719 3L13.5 3C14.0523 3 14.5 3.44772 14.5 4C14.5 4.55229 14.0523 5 13.5 5H11.5V19H15.1C16.2366 19 17.0289 18.9992 17.6458 18.9488C18.2509 18.8994 18.5986 18.8072 18.862 18.673C19.4265 18.3854 19.8854 17.9265 20.173 17.362C20.3072 17.0986 20.3994 16.7509 20.4488 16.1458C20.4992 15.5289 20.5 14.7366 20.5 13.6V11.5C20.5 10.9477 20.9477 10.5 21.5 10.5C22.0523 10.5 22.5 10.9477 22.5 11.5V13.6428C22.5 14.7266 22.5 15.6008 22.4422 16.3086C22.3826 17.0375 22.2568 17.6777 21.955 18.27C21.4757 19.2108 20.7108 19.9757 19.77 20.455C19.1777 20.7568 18.5375 20.8826 17.8086 20.9422C17.1008 21 16.2266 21 15.1428 21H8.85717C7.77339 21 6.89925 21 6.19138 20.9422C5.46253 20.8826 4.82234 20.7568 4.23005 20.455C3.28924 19.9757 2.52433 19.2108 2.04497 18.27C1.74318 17.6777 1.61737 17.0375 1.55782 16.3086C1.49998 15.6007 1.49999 14.7266 1.5 13.6428V10.3572C1.49999 9.27341 1.49998 8.39926 1.55782 7.69138C1.61737 6.96253 1.74318 6.32234 2.04497 5.73005C2.52433 4.78924 3.28924 4.02433 4.23005 3.54497C4.82234 3.24318 5.46253 3.11737 6.19138 3.05782C6.89926 2.99998 7.77341 2.99999 8.85719 3ZM9.5 19V5H8.9C7.76339 5 6.97108 5.00078 6.35424 5.05118C5.74907 5.10062 5.40138 5.19279 5.13803 5.32698C4.57354 5.6146 4.1146 6.07354 3.82698 6.63803C3.69279 6.90138 3.60062 7.24907 3.55118 7.85424C3.50078 8.47108 3.5 9.26339 3.5 10.4V13.6C3.5 14.7366 3.50078 15.5289 3.55118 16.1458C3.60062 16.7509 3.69279 17.0986 3.82698 17.362C4.1146 17.9265 4.57354 18.3854 5.13803 18.673C5.40138 18.8072 5.74907 18.8994 6.35424 18.9488C6.97108 18.9992 7.76339 19 8.9 19H9.5ZM5 8.5C5 7.94772 5.44772 7.5 6 7.5H7C7.55229 7.5 8 7.94772 8 8.5C8 9.05229 7.55229 9.5 7 9.5H6C5.44772 9.5 5 9.05229 5 8.5ZM5 12C5 11.4477 5.44772 11 6 11H7C7.55229 11 8 11.4477 8 12C8 12.5523 7.55229 13 7 13H6C5.44772 13 5 12.5523 5 12Z" fill="rgb(244,244,244)"></path><circle cx="20" cy="5" r="4"></circle></svg>');
    background-size: 80% auto;
    background-repeat: no-repeat;
    background-position: center;
}

#dhub .place-stocks-frame .stocks-view .goback.icon:before {
    content: '\e8e4';
}

#dhub .place-stocks-frame .stocks-view .entities {
    position: relative;
    box-sizing: border-box;
    width: max-content;
    height: 35px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    padding-left: 35px;
    cursor: default;
}

#dhub .place-stocks-frame .stocks-view .entities:before,
#dhub .place-stocks-frame .stocks-view .entities:after{
    font-family: 'DHub Icon Font from fontello';
    display: inline-flex;
    color: rgba(244,244,244,0.8);
    position: absolute;
    align-items: center;
    justify-content: center;
}

#dhub .place-stocks-frame .stocks-view .entities:before {
    content: '\ec46';
    width: 35px;
    height: 100%;
    left: 0;
    top: 0;
    font-size: 1.6em;
}

#dhub .place-stocks-frame .stocks-view .entities:hover {
    background-color: rgba(32,33,37,0.2);
    border-radius: 5px;
}

#dhub .place-stocks-frame .stocks-view .entities:after {
    content: '\e87e';
    right: 8px;
    font-size: 0.85em;
}

#dhub .place-stocks-frame .stocks-view .entities > .selected {
    padding: 0 5px;
    padding-left: 0;
    text-transform: uppercase;
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-weight: bold;
    font-size: 1.1em;
    color: rgba(244,244,244,0.8);
}

#dhub .place-stocks-frame .main-view {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 0;
}

#dhub .place-stocks-frame .main-view > .stock-tabs-ctrler {
    position: relative;
    box-sizing: inherit;
    width: max-content;
    padding: 8px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    border: 2px dashed rgb(247,213,54);
    border-radius: 10px;
}

#dhub .place-stocks-frame .main-view .tgl-item {
    display: inline-flex;
    height: 35px;
    background-color: rgba(28,70,154,0.04);
    border-radius: 5px;
    text-transform: uppercase;
    margin: 0 5px;
    padding: 0 10px;
    align-items: center;
    cursor: default;
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-size: 0.96em;
    color: rgb(244,244,244);
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
}

#dhub .place-stocks-frame .main-view .tgl-item:hover,
#dhub .place-stocks-frame .main-view .tgl-item.active {
    box-shadow: 0px 1.5px 1.2px rgb(247, 213, 54);
}

#dhub .place-stocks-frame .main-view .tgl-item > .bullet {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 3px solid rgb(244,244,244);
    margin-right: 5px;
    position: relative;
}

#dhub .place-stocks-frame .main-view .tgl-item:hover > .bullet:before,
#dhub .place-stocks-frame .main-view .tgl-item.active > .bullet:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-color: rgb(247,213,54);
    border-radius: inherit;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#dhub .place-stocks-frame .main-view > .task {
    position: relative;
    box-sizing: inherit;
    width: 100%;
    padding: 16px 0;
}

#dhub .place-stocks-frame .articles-wzd > div[class^="stocks-"],
#dhub .place-stocks-frame .articles-wzd > iframe[class^="stocks-"]{
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: flex;
    background-color: rgb(28,70,154,0.03);
    border-radius: 10px;
    padding: 8px;
    padding-top: 58px;
}

#dhub .place-stocks-frame .articles-wzd > iframe[class^="stocks-"] {
    padding: 0;
    border: 0;
    height: 660px;
}

#dhub .place-stocks-frame .articles-wzd .title-bar {
    position: absolute;
    left: 8px; top: 8px;
    width: calc(100% - 16px);
    height: 30px;
    border-bottom: 1px dashed rgb(247,213,54);
    box-sizing: border-box;
}

#dhub .place-stocks-frame .articles-wzd .title-bar > .title {
    display: inline-flex;
    width: max-content;
    height: 100%;
    padding: 0 8px;
    font-family: 'Noto Sans', Verdana, sans-serif;
    align-items: center;
    font-weight: bold;
    font-size: 1em;
    color: rgb(28,70,154);
}

#dhub .place-stocks-frame .stocks-sttgs-frame > .targets-box,
#dhub .place-stocks-frame .stocks-sttgs-frame > .ctx-viewer {
    position: relative;
    box-sizing: inherit;
    width: 100%;
}

#dhub .place-stocks-frame .stocks-sttgs-frame > .targets-box {
    max-width: max-content;
    margin-right: 16px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

#dhub .place-stocks-frame .articles-wzd .stocks-dashboard-frame.stk-dshb {
    background-color: unset;
    padding: 8px;
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-size: 16px;
    display: block;
}

#dhub .articles-wzd.task .stocks-dashboard-frame.stk-dshb > .top-bar {
    flex-direction: column;
    height: max-content;
    background-color: #fff;
    margin-bottom: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

#dhub .stocks-dashboard-frame .top-bar > .caption {
    display: inline-flex;
    width: max-content;
    padding: 0 12px;
    padding-left: 45px;
    min-height: 40px;
    align-items: center;
    font-weight: bold;
    font-size: 1.2em;
    position: relative;
    text-transform: uppercase;
}

#dhub .stocks-dashboard-frame .top-bar > .caption:before {
    font-family: 'DHub Icon Font from fontello';
    color: rgb(247,213,54);
    font-weight: normal;
    content: '\f0e4';
    display: inline-flex;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0px;
    top: calc(50% - 3px);
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
}

#dhub .stocks-dashboard-frame .top-bar > .selected-stores {
    list-style-type: none;
    padding: 0 8px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

#dhub .stocks-dashboard-frame .selected-stores > .stk-entity {
    display: inline-flex;
    box-sizing: border-box;
    width: max-content;
    height: 35px;
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
    align-items: center;
    padding: 0 2px 0 25px;
    color: #fff;
    font-size: 0.85em;
    box-shadow: 0 2px 6px rgb(0,0,0,0.1);
    border-radius: 15px;
    cursor: default;
    user-select: none;
    position: relative;
    margin: 2.5px;
}

#dhub .stocks-dashboard-frame .selected-stores > .stk-entity .data {
    font-weight: bold;
}

#dhub .stocks-dashboard-frame .selected-stores > .stk-entity .del {
    display: inline-block;
    width: 30px;
    height: max-content;
    position: relative;
}

#dhub .stocks-dashboard-frame .selected-stores > .stk-entity:before,
#dhub .stocks-dashboard-frame .selected-stores > .stk-entity .del:before {
    content: '';
    font-family: 'DHub Icon Font from fontello';
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    font-weight: normal;
}

#dhub .stocks-dashboard-frame .selected-stores > .stk-entity:before {
    content: '\ec46';
    position: absolute;
    left: 0;
    width: 30px;
    height: 30px;
    color: rgb(2244,244,244);
    font-size: 1.09em;
}

#dhub .stocks-dashboard-frame .selected-stores > .stk-entity .del:before {
    width: 100%;
    height: 100%;
    content: '\e9d5';
    color: rgb(247,213,54);
}

#dhub .stocks-dashboard-frame .selected-stores > .stk-entity .del:hover:before {
   opacity: 0.6; 
}

#dhub .stocks-dashboard-frame .top-bar > .targets-box {
    position: relative;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    justify-content: space-between;
    margin: 12px 0;
}

#dhub .stocks-dashboard-frame .top-bar .field-box {
    position: relative;
    box-sizing: border-box;
    display: inline-flex;
    width: calc(50% - 10px);
    height: max-content;
}

#dhub .stocks-dashboard-frame .top-bar .field-box:before,
#dhub .stocks-dashboard-frame .top-bar .field-box:after {
    font-family: 'DHub Icon Font from fontello';
    content: '';
    display: inline-flex;
    position: absolute;
    width: 40px;
    height: 40px;
    bottom: 5px;
    align-items: center;
    justify-content: center;
    font-size: 1.3em;
}

#dhub .stocks-dashboard-frame .top-bar .field-box:before {
    content: '\e818';
}

#dhub .stocks-dashboard-frame .top-bar .field-box.wf_ahr:before {
    content: '\e839';
    font-size: 0.8em;
    -moz-animation: spin 1.2s infinite linear;
    -o-animation: spin 1.2s infinite linear;
    -webkit-animation: spin 1.2s infinite linear;
    animation: spin 1.2s infinite linear;
}

#dhub .stocks-dashboard-frame .top-bar .field-box:after {
    right: 0;
    color: rgb(247,213,54);
}

#dhub .stocks-dashboard-frame .top-bar .stores-box:after {
    content: '\ec46';
}

#dhub .stocks-dashboard-frame .top-bar .range-box:after {
    content: '\e861';
}

#dhub .stocks-dashboard-frame .top-bar .field-box > .field {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    border: 0;
    border-bottom: 1px solid rgba(28,70,157, 0.08);
    padding: 0 12px;
    background-color: rgba(28,70,154,0.02);
    font-size: 1em;
    padding: 0 40px;
    color: rgb(0,0,0);
    color: rgb(28,70,154);
}

#dhub .stocks-dashboard-frame .top-bar .field-box > .field:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#dhub .stocks-dashboard-frame .top-bar .field-box > .field::placeholder {
    font-size: 0.88em;
}

#dhub .stocks-dashboard-frame .stores-items-box {
    width: 100%;
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
    border-radius: 10px;
    box-sizing: border-box;
    position: absolute;
    box-shadow: 0 2px 6px rgb(0,0,0,0.4);
    left: 0;
    top: calc(100% + 2px);
    z-index: 1;
}

#dhub .stocks-dashboard-frame .stores-items-box > .store {
    border-bottom: 1px dashed rgb(247,213,54);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 50px;
    padding: 8px 60px 8px 8px;
    position: relative;
    cursor: default;
    user-select: none;
}

#dhub .stocks-dashboard-frame .stores-items-box > .store:after {
    display: inline-flex;
    content: '\ec46';
    font-family: 'DHub Icon Font from fontello';
    position: absolute;
    right: 10px;
    height: 40px;
    width: 40px;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    color: rgb(244,244,244);
    box-sizing: border-box;
}

#dhub .stocks-dashboard-frame .stores-items-box > .store:last-child {
    border: 0;
}

#dhub .stocks-dashboard-frame .stores-items-box .store > div {
    display: inline-flex;
    box-sizing: border-box;
    position: relative;
    padding: 0 8px;
    width: 100%;
    align-items: center;
    justify-content: center;
}

#dhub .stocks-dashboard-frame .stores-items-box .store > div.infos {
    flex-direction: column;
    text-align: center;
    padding-bottom: 5px;
}

#dhub .stocks-dashboard-frame .stores-items-box .name {
    color: #fff;
    font-weight: bold;
    font-size: 0.96em;
}

#dhub .stocks-dashboard-frame .stores-items-box .pdt-count {
    color: rgba(244,244,244,0.6);
    font-size: 0.8em;
}

#dhub .stocks-dashboard-frame .stores-items-box .store > div.contact {
    font-size: 0.8em;
    height: 35px;
    justify-content: space-between;
    color: rgba(244,244,244,0.9);
    border-top: 1px solid rgba(244,244,244,0.2);
}

#dhub .stocks-dashboard-frame .top-bar > .ctx-infos {
    display: inline-flex;
    min-height: 35px;
    align-items: center;
    font-style: italic;
    font-size: 0.85em;
    font-weight: bold;
    padding: 0 4px;
    width: 100%;
    box-sizing: border-box;
}

#dhub .stocks-dashboard-frame > .states-ctnr {
    width: 100%; 
    position: relative;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); 
    gap: 15px;
    padding: 8px 0;
}

#dhub .stocks-dashboard-frame .state-box {
    width: 100%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 8px;
    padding-right: 68px;
    position: relative;
    cursor: default;
    user-select: none;
}

#dhub .stocks-dashboard-frame .state-box.stores {
    background-color: rgb(28,70,154); 
    color: #fff;
}

#dhub .stocks-dashboard-frame .state-box.available {
    background-color: rgb(25,135,84); 
    color: #fff;
}

#dhub .stocks-dashboard-frame .state-box.outputs {
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
    color: #fff;
}

#dhub .stocks-dashboard-frame .state-box.alertes {
    background-color: rgb(220,53,69); 
    color: #fff;
}

#dhub .stocks-dashboard-frame .state-box:after {
    content: '';
    font-family: 'DHub Icon Font from fontello';
    display: inline-flex;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
    font-size: 2.6em;
}

#dhub .stocks-dashboard-frame .state-box.stores:after {
    content: '\ec46';
}

#dhub .stocks-dashboard-frame .state-box.available:after {
    content: '\eb27';
}

#dhub .stocks-dashboard-frame .state-box.outputs:after {
    content: '\ee7e';
}

#dhub .stocks-dashboard-frame .state-box.alertes:after {
    content: '\e85c';
}

#dhub .stocks-dashboard-frame .state-box > .title,
#dhub .stocks-dashboard-frame .state-box > .data {
    display: inline-flex;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    justify-content: center;
    align-items: center;
    min-height: 35px;
}

#dhub .stocks-dashboard-frame .state-box > .title {
    padding: 0 5px;
    font-size: 1.09em;
}

#dhub .stocks-dashboard-frame .state-box > .data {
    font-weight: bold;
    width: max-content;
    font-size: 1.2em;
    padding: 5px 8px;
    border-radius: 8px;
}

#dhub .stocks-dashboard-frame .state-box > .data.one,
#dhub .stocks-dashboard-frame .state-box.available > .data {
    width: calc(100% - 16px);
    flex-direction: column;
    font-weight: normal;
}

#dhub .stocks-dashboard-frame .state-box > .data .stn {
    font-weight: bold;
    display: inline-flex;
    text-align: center;
}

#dhub .stocks-dashboard-frame .state-box > .data .atc {
    color: rgba(244,244,244,0.8);
    font-size: 0.89em;
}

#dhub .stocks-dashboard-frame .state-box .line {
    display: inline-flex;
    width: 100%;
    box-sizing: border-box;
    font-size: 0.89em;
    justify-content: space-between;
    align-items: center;
}

#dhub .stocks-dashboard-frame .state-box .line:first-child {
    border-bottom: 1px solid rgb(244,244,244,0.3);
}

#dhub .stocks-dashboard-frame .state-box .line > font {
    display: inline-flex;
    width: max-content;
}

#dhub .stocks-dashboard-frame .state-box .line > font.text {
    font-size: 0.8em;
}

#dhub .stocks-dashboard-frame .state-box .line > font.text:after {
    content: ':';
    margin-left: 5px;
}

#dhub .stocks-dashboard-frame .state-box .line > font.value {
    font-weight: bold;
    font-size: 1.15em;
}

#dhub .stocks-dashboard-frame > .stats-box {
    width: 100%; 
    position: relative;
    box-sizing: border-box;
    margin: 20px 0;
    display: flex;
    justify-content: space-between;
}

#dhub .stocks-dashboard-frame > .stats-box .chart-frame,
#dhub .stocks-dashboard-frame > .stats-box .pdts-box {
    position: relative;
    box-sizing: border-box;
    width: calc(50% - 10px);
}

#dhub .stocks-dashboard-frame > .stats-box .caption,
#dhub .stocks-dashboard-frame > .pdts-box .caption{
    display: inline-flex;
    min-height: 35px;
    align-items: center;
    font-weight: bold;
    padding: 0 8px;
    padding-left: 38px;
    position: relative;
    font-size: 0.98em;
}

#dhub .stocks-dashboard-frame > .stats-box .caption:before,
#dhub .stocks-dashboard-frame > .pdts-box .caption:before{
    content: '\f1fe';
    font-family: 'DHub Icon Font from fontello';
    display: inline-flex;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: rgb(247,213,54);
    align-items: center;
    justify-content: center;
    font-size: 1.3em;
    font-weight: normal
}

#dhub .stocks-dashboard-frame .stats-box .pdts-box .caption:before {
    content: '\e81c';
}

#dhub .stocks-dashboard-frame > .pdts-box {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    max-width: max-content;
    min-width: 50%;
}

#dhub .stocks-dashboard-frame > .pdts-box .caption:before {
    content: '\e85c';
}

#dhub .stocks-dashboard-frame .pdts-box > .tab-ctnr {
    width: 100%;
    overflow-x: auto;
    position: relative;
    box-sizing: border-box; 
    background-color: #fff;
    border-radius: 10px;
    padding: 6px;
} 

#dhub .stocks-dashboard-frame .pdts-box table {
    position: relative;
    box-sizing: border-box;
    width: max-content;
    border-collapse: collapse;
    cursor: default;
    user-select: none;
    min-width: 100%;
}

#dhub .stocks-dashboard-frame .pdts-box .head {
    background-color: rgb(32,33,37);
    color: rgb(244,244,244);
}

#dhub .stocks-dashboard-frame .pdts-box .bests .head {
    background-color: rgb(28,70,154);
}

#dhub .stocks-dashboard-frame .pdts-box .out-ofs .head {
    background-color: rgb(220,53,69);
}

#dhub .stocks-dashboard-frame .pdts-box .product {
    color: rgb(0,0,0);
    cursor: default;
    user-select: none;
}

#dhub .stocks-dashboard-frame .pdts-box .product:hover {
    background-color: rgba(247,213,54,0.5);
}

#dhub .stocks-dashboard-frame .pdts-box th,
#dhub .stocks-dashboard-frame .pdts-box td {
    border: 0;
    text-align: left;
    padding: 0;
}

#dhub .stocks-dashboard-frame .pdts-box th {
    border-right: 1px solid rgba(244,244,244,0.2);
}

#dhub .stocks-dashboard-frame .pdts-box th:last-child {
    border: 0;
}

#dhub .stocks-dashboard-frame .pdts-box .uid,
#dhub .stocks-dashboard-frame .pdts-box .nbr {
    text-align: center
}

#dhub .stocks-dashboard-frame .pdts-box td.outputs,
#dhub .stocks-dashboard-frame .pdts-box td.price {
    text-align: right;
}

#dhub .stocks-dashboard-frame .pdts-box .data {
    display: inline-flex;
    width: max-content;
    min-height: 40px;
    align-items: center;
    padding: 0 8px;
    font-size: 0.8em;
}

#dhub .place-stocks-frame .articles-wzd.task > .stocks-products-frame {
    flex-direction: column;
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-size: 16px;
}

#dhub .stocks-products-frame > .products_container {
    position: relative;
    width: 100%;
    box-sizing: border-box; 
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 15px;
    padding: 16px 0;
    place-items: center;
}

#dhub .stocks-products-frame .products_container > .product {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    background-color: rgba(255,255,255,0.5);
    border-radius: 10px;
    padding: 8px;
    padding-bottom: 0;
    overflow-x: hidden;
    cursor: default;
    user-select: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    height: max-content;
    max-width: 320px;
    width: 100%;
}

#dhub .stocks-products-frame .products_container .product:hover {
    box-shadow: 0px 2px 1.2px rgb(247,213,54);
}

#dhub .stocks-products-frame .products_container .product:hover > .tbox {
    opacity: 0.8;
}

#dhub .stocks-products-frame .product > .tbox,
#dhub .stocks-products-frame .product > .details{
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
}

#dhub .stocks-products-frame .product .cover {
    height: 70px;
    width: 70px;
    margin-right: 5px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center; 
    background-size: cover;
}

#dhub .stocks-products-frame .product .tbox > .label {
    width: calc(100% - 70px);
}

#dhub .stocks-products-frame .product .tbox > .data {
    display: inline-flex;
    align-items: center;
    position: relative;
    box-sizing: inherit;
}

#dhub .stocks-products-frame .product > .unset {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 5px; right: 5px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0 1.5px 2px rgba(0,0,0,0.2);
    color: rgb(244,244,244);
    display: none;
}

#dhub .stocks-products-frame .product > .unset:before {
    font-family: 'DHub Icon Font from fontello';
    content: '\f1f8';
    display: inline-flex;
    width: 100%;
    height: 100%;
    font-size: 0.8em;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0; top: 0;
}

#dhub .stocks-products-frame .product:hover > .unset {
    display: inline-block;
}

#dhub .stocks-products-frame .product > .unset:hover {
    color: rgb(247,213,54);
}

#dhub .stocks-products-frame .product > .stats-box {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 7px;
    top: 4px;
    height: 23px;
}

#dhub .stocks-products-frame .product > .stats-box .stat {
    display: inline-flex;
    position: relative;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-size: 0.78em;
    font-weight: bold;
    padding: 0 8px 0 0;
    width: max-content;
    margin: 0 5px;
    color: rgba(32,33,37,0.9);
}

#dhub .stocks-products-frame .product > .stats-box .stat:before {
    content: '';
    font-family: 'DHub Icon Font from fontello';
    position: relative;
    display: inline-flex;
    height: 100%;
    width: 20px;
    justify-content: center;
    align-items: center;
}

#dhub .stocks-products-frame .product > .stats-box .stat.code:before {
    content: '\e8f8';
    color: rgb(32,33,37);
}

#dhub .stocks-products-frame .product > .stats-box .stat.inputs:before {
    content: '\e943';
    color: rgb(28,70,154);
}

#dhub .stocks-products-frame .product > .stats-box .stat.outputs:before {
    content: '\e946';
    color: rgb(213,29,39);
    top: -1px
}

#dhub .stocks-products-frame .product > .details {
    justify-content: space-between;
    background-color: rgba(32,33,37);
    width: calc(100% + 16px);
    left: -8px;
    padding: 0 8px;
    margin-top: 8px;
    height: 35px; 
    font-size: 0.98em;
    color: rgb(244,244,244);
}

#dhub .stocks-products-frame .product > .details .label:after {
    content: ':';
}

#dhub .stocks-products-frame .product > .details .label {
    font-size: 0.92em;
}

#dhub .stocks-products-frame .product > .details .data {
    font-weight: bold; 
    color: rgb(247,213,54);
    font-size: 0.98em;
}


#dhub .stocks-products-frame .product > .ctrls-box {
    position: absolute;
    display: none;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    height: 35px;
    color: rgb(244,244,244);
    padding: 0 8px;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
}

#dhub .stocks-products-frame .product:hover > .ctrls-box {
    display: flex;
    animation: gradientBG 5s ease infinite;
}

#dhub .stocks-products-frame .product .ctrls-box > .ctrl {
    display: inline-flex;
    width: max-content;
    padding: 0 8px;
    height: 25px;
    align-items: center;
    font-size: 0.82em;
    border-radius: 5px;
    background-color: rgba(32,33,37,0.2);
}

#dhub .stocks-products-frame .product .ctrls-box > .ctrl:hover {
    background-color: rgba(32,33,37,0.7);
}

#dhub .stocks-products-frame .product .ctrls-box > .ctrl:before {
    font-family: 'DHub Icon Font from fontello';
    content: '';
    font-size: 0.85em;
    position: relative;
    top: -1px;
}

#dhub .stocks-products-frame .product .ctrls-box > .ctrl.add:before {
     content: '\e82f';
}

#dhub .stocks-products-frame .product .ctrls-box > .ctrl.edit:before {
     content: '\e85a';
}

#dhub .stocks-products-frame .product .ctrls-box > .ctrl.sale:before {
     content: '\ebd1';
}

#dhub .stocks-products-frame .product .ctrls-box > .ctrl.more:before {
     content: '\e983';
    transform: rotate(90deg);
}

#dhub .stocks-products-frame .product .ctrls-box > .ctrl .text {
    margin-left: 5px;
}

#dhub .stocks-products-frame .product.restock-pending > .ctrls-box,
#dhub .stocks-products-frame .product.restock-pending .details > div{
    display: none;
}

 
#dhub .stocks-products-frame .product > .restock {
    position: absolute;
    bottom: 0;
    right: 8px;
    height: 35px;
    padding: 0;
    overflow-y: hidden;
    background-color: rgb(32,33,37);
}

#dhub .stocks-products-frame .product > .restock .ctrl,
#dhub .stocks-products-frame .product > .restock .field,
#dhub .stocks-products-frame .product > .restock .submit{
    height: 30px;
    top:  50%;
    transform: translateY(-50%);
}

#dhub .stocks-products-frame .product > .restock .field {
    position: relative;
    background-color: rgb(244,244,244);
    padding: 0 12px;
    padding-right: 20px;
}

#dhub .stocks-products-frame .product > .restock .submit {
    display: none;
    position: absolute;
    width: 25px;
    height: 25px;
    right: 38px;
    border-radius: 50%;
}

#dhub .stocks-products-frame .product > .restock .submit:before {
    position: relative;
    display: inline-flex;
    content: '\e839';
    font-size: 0.72em;
    font-family: 'DHub Icon Font from fontello';
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    -moz-animation: spin 1.2s infinite linear;
    -o-animation: spin 1.2s infinite linear;
    -webkit-animation: spin 1.2s infinite linear;
    animation: spin 1.2s infinite linear;
}

#dhub .stocks-products-frame .product > .restock.wf_ahr .submit {
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
}

#dhub .stocks-sttgs-frame .targets-box > .tgt-item {
    height: 40px;
    padding-right: 16px;
    position: relative;
    margin: 5px 0;
    border-radius: 10px;
}

#dhub .stocks-sttgs-frame .targets-box > .tgt-item:hover {
    background-color: rgb(244,244,244);
}

#dhub .stocks-sttgs-frame .targets-box > .tgt-item.active {
    background-color: rgb(247,213,54);
}

#dhub .stocks-sttgs-frame .targets-box > .tgt-item:before {
    content: '';
    font-family: 'DHub Icon Font from fontello';
    position: absolute;
    width: 35px;
    height: 35px;
    left: 0; top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    color: rgba(32,33,37,0.8);
    justify-content: center;
    font-size: 1.2em;
}

#dhub .stocks-sttgs-frame .targets-box > .tgt-item.entities-stp:before {
    content: '\e8b3';
}

#dhub .stocks-sttgs-frame .targets-box > .tgt-item.users:before {
    content: '\e8cf';
}

#dhub .stocks-sttgs-frame .targets-box > .tgt-item.setup-guide:before {
    content: '\ec0d';
}

#dhub .stocks-sttgs-frame .targets-box .tgt-item > .data {
    display: inline-flex;
    height: 100%;
    width: max-content;
    font-family: 'Noto Sans', Verdana, sans-serif;
    padding: 0 12px 0 38px;
    align-items: center;
    font-weight: bold;
    font-size: 0.92em;
    cursor: default;
    color: rgb(32,33,37);
}

#dhub .place-stocks-frame .stocks-sttgs-frame > .ctx-viewer {
    background-color: rgb(244,244,244);
    border-radius: 10px;
    padding: 0 12px;
}

#dhub .stocks-sttgs-frame .entities-frame,
#dhub .stocks-sttgs-frame .entities-frame > .top-bar,
#dhub .stocks-sttgs-frame .entities-frame > .items-box-wpr{
    position: relative;
    box-sizing: border-box;
    width: 100%;
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-size: 0.92em;
}

#dhub .stocks-sttgs-frame .entities-frame > .top-bar,
#dhub .place-stocks-frame .articles-wzd.task  .top-bar {
    display: flex;
    height: 55px;
    padding: 10px 8px;
    width: 100%;
    box-sizing: border-box;
}

#dhub .place-stocks-frame .articles-wzd.task  .top-bar {
    background-color: rgb(244, 244, 244);
    border-radius: inherit;
}

#dhub .stocks-sttgs-frame .entities-frame .top-bar > .ctx-title,
#dhub .stocks-sttgs-frame .entities-frame .top-bar > .tools,
#dhub .place-stocks-frame .articles-wzd.task  .top-bar > .ctx-title,
#dhub .place-stocks-frame .articles-wzd.task  .top-bar > .tools {
    display: inline-flex;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    align-items: center;
}

#dhub .stocks-sttgs-frame .entities-frame .top-bar > .ctx-title,
#dhub .place-stocks-frame .articles-wzd.task  .top-bar > .ctx-title {
    max-width: max-content;
    margin-right: 10px;
    height: 100%;
    font-weight: bold;
    align-items: center;
}

#dhub .stocks-sttgs-frame .entities-frame .top-bar .search,
#dhub .stocks-sttgs-frame .entities-frame .top-bar .add-ctrl,
#dhub .place-stocks-frame .articles-wzd.task  .top-bar .search,
#dhub .place-stocks-frame .articles-wzd.task  .top-bar .add-ctrl{
    display: inline-flex;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    width: 100%;
}

#dhub .stocks-sttgs-frame .entities-frame .top-bar .search:before,
#dhub .place-stocks-frame .articles-wzd.task  .top-bar .search:before{
    font-family: 'DHub Icon Font from fontello';
    position: absolute;
    top: 50%;
    width: 28px;
    height: 28px;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.96em;
    content: '\e818';
    left: 2px;
}

#dhub .stocks-sttgs-frame .entities-frame .search > .needle,
#dhub .place-stocks-frame .articles-wzd  .top-bar .search > .needle{
    border: 0;
    height: 100%;
    padding: 12px 8px;
    font-family: 'Noto Sans', Verdana, sans-serif;
    background-color: rgba(28,70,154,0.08);
    font-size: 0.96em;
    border-bottom: 1px solid rgba(28,70,157, 0.08);
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    width: calc(100% - 10px);
    padding-left: 30px;
}

#dhub .stocks-sttgs-frame .entities-frame .search > .needle:focus,
#dhub .place-stocks-frame .articles-wzd  .top-bar .search > .needle:focus{
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#dhub .stocks-sttgs-frame .entities-frame .top-bar .add-ctrl,
#dhub .place-stocks-frame .articles-wzd  .top-bar .add-ctrl{
    max-width: max-content;
    height: 35px;
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
}


#dhub .stocks-sttgs-frame .entities-frame .top-bar .add-ctrl:hover,
#dhub .stocks-sttgs-frame .entities-frame .top-bar .add-ctrl.wf_ahr,
#dhub .place-stocks-frame .articles-wzd  .top-bar .add-ctrl:hover,
#dhub .place-stocks-frame .articles-wzd  .top-bar .add-ctrl.wf_ahr{
    opacity: 0.8;
}

#dhub .stocks-sttgs-frame .entities-frame .add-ctrl > .text,
#dhub .place-stocks-frame .articles-wzd  .top-bar .add-ctrl > .text{
    padding-left: 30px;
    color: rgb(244,244,244);
}

#dhub .stocks-sttgs-frame .entities-frame .add-ctrl > .text:before,
#dhub .place-stocks-frame .articles-wzd  .top-bar .add-ctrl > .text:before{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-image: unset;
    width: 24px; height: 24px;
    position: absolute;
    left: 4px; top: calc(50% - 12px);
    font-family: 'DHub Icon Font from fontello';
    content: '\e82f';
    font-size: 1.2em;
}

#dhub .place-stocks-frame .articles-wzd  .top-bar .add-ctrl > .text:before {
    font-size: 0.96em;
}

#dhub .stocks-sttgs-frame .entities-frame .add-ctrl.wf_ahr > .text:before,
#dhub .place-stocks-frame .articles-wzd  .top-bar .add-ctrl.wf_ahr > .text:before{
    content: '\e839';
    font-size: 1.1em;
}

#dhub .place-stocks-frame .articles-wzd  .top-bar .add-ctrl.wf_ahr > .text:before {
    font-size: 0.88em;
}

#dhub .stocks-sttgs-frame .entities-frame .add-ctrl > .trigger,
#dhub .place-stocks-frame .articles-wzd  .top-bar .add-ctrl > .trigger{
    cursor: default;
}

#dhub .stocks-sttgs-frame .entities-frame > .items-box-wpr {
    border-top: 1px dashed rgb(247,213,54);
    margin: 16px 0;
    margin-top: 8px;
    padding: 8px 0;
    overflow-x: auto;
}

#dhub .stocks-sttgs-frame .entities-frame .items-box {
    width: 100%; 
    position: relative;
    box-sizing: border-box;
    border-collapse: collapse;
    border: 1px solid rgba(28,70,154,0.06);
}

#dhub .stocks-sttgs-frame .entities-frame .items-box th,
#dhub .stocks-sttgs-frame .entities-frame .items-box td{
    width: 100%;
    cursor: default;
}

#dhub .stocks-sttgs-frame .entities-frame .items-box th {
    background-color: rgba(28,70,154,0.06);
    position: relative;
    text-align: left;
}

#dhub .stocks-sttgs-frame .entities-frame .items-box .data {
    display: inline-flex;
    padding: 0 8px;
}

#dhub .stocks-sttgs-frame .entities-frame .items-box th > .data {
    width: max-content;
    height: 30px;
    align-items: center;
    padding-right: 25px;
    position: relative;
}

#dhub .stocks-sttgs-frame .entities-frame .items-box th > .about {
    display: inline-block;
    position: absolute;
    width: 16px; 
    height: 16px;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}

#dhub .stocks-sttgs-frame .entities-frame .items-box th > .data.wts:after {
    display: inline-flex;
    height: 100%;
    width: 30px;
    content: '\e849';
    font-family: 'DHub Icon Font from fontello';
    align-items: center;
    justify-content: center;
    position: relative;
    left: 0; top: 0;
    font-size: 0.96em;
}

#dhub .stocks-sttgs-frame .entities-frame .items-box .stock-entity:hover {
    background-color: rgb(247,213,54)
}

#dhub .stocks-sttgs-frame .entities-frame .items-box td > .data {
    min-height: 30px;
    align-items: center;
    cursor: default;
    min-width: 150px;
}

#dhub .stocks-sttgs-frame .add-entity-box,
#dhub .stocks-sttgs-frame .add-entity-box > .add-entity {
    position: relative;
    box-sizing: border-box;
}

#dhub .stocks-sttgs-frame .add-entity-box {
    width: calc(100% - 2px);
}

#dhub .stocks-sttgs-frame .add-entity-box > .add-entity {
    width: 100%;
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-size: 16px;
}

#dhub .stocks-sttgs-frame .add-entity-box .ctx-title {
    font-size: 1.2em;
    box-sizing: inherit;
    padding: 10px 0;
}

#dhub .stocks-sttgs-frame .add-entity-box .field-group {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

#dhub .stocks-sttgs-frame .add-entity-box .field-box {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    margin: 10px 0;
}

#dhub .stocks-sttgs-frame .add-entity-box .field-box.category:before {
    font-family: 'DHub Icon Font from fontello';
    position: absolute;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.96em;
    content: '\e818';
    left: 2px;
    bottom: 12px;
}

#dhub .stocks-sttgs-frame .add-entity-box .field-box > label,
#dhub .stocks-sttgs-frame .add-entity-box .field-box > .about {
    position: relative;
    width: 100%;
    box-sizing: inherit;
    display: inline-flex;
}

#dhub .stocks-sttgs-frame .add-entity-box .field-box > label {
    font-weight: bold;
    max-width: max-content;
    font-size: 0.96em;
    color: rgb(28,70,154);
}

#dhub .stocks-sttgs-frame .add-entity-box .field-box > .about {
    font-style: normal;
    font-size: 0.78em;
}

#dhub .stocks-sttgs-frame .add-entity-box label > .fac {
    margin-left: 5px;
    color: rgba(32,33,37,0.7);
}

#dhub .stocks-sttgs-frame .add-entity-box .field-box > input,
#dhub .stocks-sttgs-frame .add-entity-box .field-box > textarea {
    border: 0;
    height: 50px;
    padding: 12px;
    font-family: 'Noto Sans', Verdana, sans-serif;
    background-color: rgba(255,255,255,0.6);
    font-size: 0.96em;
    border-bottom: 1px solid rgb(28,70,157);
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    width: calc(100% - 10px);
    margin-top: 4px;
}

#dhub .stocks-sttgs-frame .add-entity-box .field-box > textarea {
    height: 110px;
    resize: none;
}

#dhub .stocks-sttgs-frame .add-entity-box .field-box > input:focus,
#dhub .stocks-sttgs-frame .add-entity-box .field-box > textarea:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-bottom: 1px solid rgb(247,213,54);
}

#dhub .stocks-sttgs-frame .add-entity-box .field-box.category > input {
    padding-left: 35px;
}

#dhub .stocks-sttgs-frame .add-entity-box .category > .nav {
    box-sizing: border-box;
    width: calc(100% - 10px);
    position: absolute;
    height: max-content;
}

#dhub .stocks-sttgs-frame .add-entity-box .category > .suggs {
    display: inline-flex;
    flex-direction: column;
    top: calc(100% + 5px); 
    left: 0;
    background-color: rgb(250,250,250);
    box-shadow: 0 2px 3px rgb(24,24,24,0.06);
    border: 1px solid rgb(247,213,54);
    border-radius: 5px;
    z-index: 1;
    padding: 5px;
}

#dhub .stocks-sttgs-frame .add-entity-box .category .suggs > .item {
    display: inline-flex;
    width: 100%;
    min-height: 30px;
    align-items: center;
    padding: 5px 7px;
    box-sizing: inherit;
    cursor: default;
    border-radius: 5px;
}

#dhub .stocks-sttgs-frame .add-entity-box .category .suggs > .item:hover {
    background-color: rgb(32,33,37,0.08);
}

#dhub .stocks-sttgs-frame .add-entity-box .category > .choices {
    display: none;
    top: calc(100% - 50px);
    padding: 2px 0;
}

#dhub .stocks-sttgs-frame .add-entity-box .category.available > .choices {
    display: inline-block;
    position: relative;
}

#dhub .stocks-sttgs-frame .add-entity-box .category .choices > .item.ctg {
    display: inline-flex;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0.8);
    height: 25px;
    font-size: 0.78em;
    align-items: center;
    border-radius: 5px;
    padding: 0 22px 0 5px;
    position: relative;
    margin: 2px 5px 2px 0;
    color: rgb(0,0,0);
    border: 1px solid rgb(247,213,54);
}

#dhub .stocks-sttgs-frame .add-entity-box .category .item.ctg > ctrl {
    display: inline-block;
    position: absolute;
    width: 18px;
    height: 18px;
    right: 2px;
    border-radius: 50%;
}

#dhub .stocks-sttgs-frame .add-entity-box .category .item.ctg > ctrl:hover {
    background-color: rgba(32,33,37,0.2);
}

#dhub .stocks-sttgs-frame .add-entity-box .category .item.ctg > ctrl:before {
    display: inline-flex;
    width: 100%;
    height: 100%;
    content: '\e82c';
    font-family: 'DHub Icon Font from fontello';
    align-items: center;
    justify-content: center;
    font-size: 0.98em;
}

#dhub .stocks-sttgs-frame .add-entity-box .ctrl-box {
    display: flex;
    box-sizing: inherit;
    width: 100%;
    padding: 20px 0;
    align-items: center;
    justify-content: center;
}

#dhub .stocks-sttgs-frame .add-entity-box .ctrl-box > .dhb_button {
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
    animation: gradientBG 5s ease infinite;
}

#dhub .stocks-sttgs-frame .add-entity-box .ctrl-box > .dhb_button:hover,
#dhub .stocks-sttgs-frame .add-entity-box .ctrl-box > .dhb_button.wf_ahr {
    opacity: 0.9;
}

#dhub .stocks-sttgs-frame .add-entity-box .dhb_button > .text {
    color: rgb(244,244,244);
    padding-left: 35px;
}

#dhub .stocks-sttgs-frame .add-entity-box .dhb_button > .text:before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-image: unset;
    width: 24px; height: 24px;
    position: absolute;
    left: 4px; top: calc(50% - 12px);
    font-family: 'DHub Icon Font from fontello';
    content: '\e829';
    font-size: 1.2em;
}

#dhub .stocks-sttgs-frame .add-entity-box .dhb_button.wf_ahr > .text:before {
    content: '\e839';
    font-size: 0.96em;
}

#dhub .place-stocks-frame .stock-entity-ctnr {
    width: calc(100% - 2px);
    position: relative;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
    padding: 10px 5px 10px 0;
}

#dhub .place-stocks-frame .stock-entity-ctnr > .stock-entity.fsel {
    position: relative;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
    border-radius: 10px;
    font-family: 'Noto Sans', Verdana, sans-serif;
    width: 100%;
    padding: 8px;
}

#dhub .place-stocks-frame .stock-entity-ctnr > .stock-entity.fsel:hover {
    box-shadow: 0px 1px 1.2px rgb(28,70,154);
    opacity: 0.8;
}

#dhub .place-stocks-frame .stock-entity.fsel > span,
#dhub .place-stocks-frame .stock-entity.fsel > p, 
#dhub .place-stocks-frame .stock-entity.fsel > a {
    display: inline-flex;
    box-sizing: inherit;
    width: 100%;
    position: relative;
    color: rgb(244,244,244);
    padding: 0 8px;
}

#dhub .place-stocks-frame .stock-entity.fsel > .icon {
    height: 60px;
}

#dhub .place-stocks-frame .stock-entity.fsel > .icon:before {
    content: '\ec46';
    font-family: 'DHub Icon Font from fontello';
    position: absolute;
    width: 60px;
    height: 100%;
    left: 50%;
    transform: translateX(-50%); 
    top: 0;
    display: inline-flex;
    align-items: center;
    color: rgb(247,213,54);
    justify-content: center;
    font-size: 2.3em;
}

#dhub .place-stocks-frame .stock-entity.fsel > .name {
    justify-content: center;
    text-align: center;
}

#dhub .place-stocks-frame .stock-entity.fsel > .products {
    font-size: 0.78em;
    justify-content: center;
    color: rgba(244,224,224,0.8);
}

#dhub .place-stocks-frame .stock-entity.fsel > a {
    position: absolute;
    left: 0; top: 0;
    height: 100%;
    opacity: 0;
    cursor: default;
}

#dhub .place-stocks-frame .add-into.stk-entity {
    width: calc(100% - 3px);
}

#dhub .place-stocks-frame .add-into.stk-entity,
#dhub .place-stocks-frame .add-into > .inputs-stpwp,
#dhub .place-stocks-frame .add-into > .catc-list-wp{
    position: relative;
    box-sizing: border-box;
}

#dhub .place-stocks-frame .add-into > .inputs-stpwp,
#dhub .place-stocks-frame .add-into > .catc-list-wp {
    width: 100%; 
}

#dhub .place-stocks-frame .inputs-stpwp > .top-bar,
#dhub .place-stocks-frame .inputs-stpwp > .catc-box,
#dhub .place-stocks-frame .inputs-stpwp > .ctx-ctner, 
#dhub .place-stocks-frame .inputs-stpwp > .ctrl-box {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    margin: 5px 0;
}

#dhub .place-stocks-frame .inputs-stpwp .top-bar {
    height: 35px;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0 8px;
    border-radius: 8px;
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
}

#dhub .place-stocks-frame .inputs-stpwp .top-bar > span {
    display: inline-flex;
    height: 100%;
    color: rgb(244,244,244);
    font-family: 'Noto Sans', Verdana, sans-serif;
}

#dhub .place-stocks-frame .inputs-stpwp .top-bar > .back-ctrl {
    width: 40px;
    height: 25px;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 5px;
}

#dhub .place-stocks-frame .inputs-stpwp .top-bar > .back-ctrl:hover {
    background-color: rgb(247,213,54);
}

#dhub .place-stocks-frame .inputs-stpwp .top-bar > .back-ctrl:before {
    font-family: 'DHub Icon Font from fontello';
    content: '\e8e4';
    display: inline-flex;
    box-sizing: inherit;
    width: 100%;
    height: 100%;
    background-color: rgba(32,33,37,0.4);
    align-items: center;
    justify-content: center;
    font-size: 1.3em;
}

#dhub .place-stocks-frame .inputs-stpwp .top-bar > .back-ctrl:hover:before {
    background-color: unset;
    color: rgb(0,0,0);
}

#dhub .place-stocks-frame .inputs-stpwp .top-bar > .ctx-text {
    align-items: center;
    justify-content: center;
}

#dhub .place-stocks-frame .inputs-stpwp .catc-box {
    padding: 8px 0;
}

#dhub .place-stocks-frame .inputs-stpwp .catc-box > .own-info {
    position: relative;
    box-sizing: border-box;
    display: inline-flex;
}

#dhub .place-stocks-frame .inputs-stpwp .catc-box > .cover {
    height: 80px;
    width: 80px;
    margin-right: 8px;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#dhub .place-stocks-frame .inputs-stpwp .catc-box > .name {
    width: calc(100% - 88px);
    font-weight: bold;
    font-size: 0.92em;
    min-height: 35px; 
    align-items: center;
}

#dhub .place-stocks-frame .inputs-stpwp > .ctx-ctner {
    padding: 16px 0;
    border-top: 1px solid rgba(32,33,37,0.09);
} 

#dhub .place-stocks-frame .inputs-stpwp .field-box,
#dhub .place-stocks-frame .inputs-stpwp .quantity-box {
    display: inline-flex;
    position: relative;
    box-sizing: border-box;
}

#dhub .place-stocks-frame .inputs-stpwp .field-box {
    width: calc(100% - 160px);
}

#dhub .place-stocks-frame .quantity-box {
    width: max-content;
    margin-left: 10px;
    align-items: center;
    flex-direction: row;
}

#dhub .place-stocks-frame .quantity-box,
#dhub .place-stocks-frame .inputs-stpwp .field-box {
    padding-top: 30px;
}

#dhub .place-stocks-frame .quantity-box > .label,
#dhub .place-stocks-frame .inputs-stpwp .field-box > .label {
    position: absolute;
    display: inline-flex;
    top: 0; 
    height: 30px; 
    width: max-content;
    padding: 0 5px;
    font-size: 0.82em;
    align-items: center;
}

#dhub .place-stocks-frame .quantity-box > .label {
    left: 50%;
    transform: translateX(-50%);
}

#dhub .place-stocks-frame .quantity-box > .field,
#dhub .place-stocks-frame .inputs-stpwp .field-box > .field {
    border: 0;
    height: 45px;
    padding: 12px 8px;
    font-family: 'Noto Sans', Verdana, sans-serif;
    background-color: rgba(28,70,154,0.04);
    font-size: 0.96em;
    border-bottom: 1px solid rgba(28,70,157, 0.08);
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    font-weight: bold;
}

#dhub .place-stocks-frame .quantity-box > .field {
    width: 90px;
    margin: 0 5px;
    text-align: center;
    font-size: 0.98em;
}

#dhub .place-stocks-frame .inputs-stpwp .field-box > .field {
    width: 100%;
    font-size: 1.2em;
    color: rgb(28,70,154);
}

#dhub .place-stocks-frame .quantity-box > .field:focus,
#dhub .place-stocks-frame .inputs-stpwp .field-box > .field:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    outline: none;
}

#dhub .place-stocks-frame .quantity-box.disable {
    opacity: 0.3;
}

#dhub .place-stocks-frame .quantity-box > .ctrl {
    display: inline-flex;
    position: relative;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    background-color: rgb(247,213,54);
    overflow: hidden;
    cursor: default;
    border-radius: 5px;
}

#dhub .place-stocks-frame .quantity-box > .ctrl:before {
    content: '';
    font-family: 'DHub Icon Font from fontello';
    display: inline-flex;
    box-sizing: inherit;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.92em;
    color: rgb(0,0,0);
}

#dhub .place-stocks-frame .quantity-box > .ctrl.min:before {
    content: '\e835';
}

#dhub .place-stocks-frame .quantity-box > .ctrl.max:before {
    content: '\e82f';
}

#dhub .place-stocks-frame .inputs-stpwp > .ctrl-box {
    justify-content: center;
    padding: 16px 0;
}

#dhub .place-stocks-frame .inputs-stpwp .dhb_button {
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
}

#dhub .place-stocks-frame .inputs-stpwp .dhb_button:hover {
    opacity: 0.8;
}

#dhub .place-stocks-frame .inputs-stpwp .dhb_button > .text {
    color: rgb(244,244,244);
    padding-left: 31px;
}

#dhub .place-stocks-frame .inputs-stpwp .dhb_button > .text:before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-image: unset;
    width: 24px; height: 24px;
    position: absolute;
    left: 4px; top: calc(50% - 12px);
    font-family: 'DHub Icon Font from fontello';
    content: '\f14a';
    font-size: 1.1em;
}

#dhub .place-stocks-frame .inputs-stpwp .dhb_button.wf_ahr > .text:before {
    content: '\e839';
    font-size: 0.92em;
}

#dhub .place-stocks-frame .inputs-stpwp .dhb_button > .trigger {
    cursor: default;
}

#dhub .place-stocks-frame .catc-list-wp > .search-bar {
    width: 100%;
    display: inline-flex;
    margin: 5px 0;
    box-sizing: inherit;
    height: 40px;
    position: relative;
}

#dhub .place-stocks-frame .catc-list-wp > .search-bar:before {
    font-family: 'DHub Icon Font from fontello';
    position: absolute;
    top: 50%;
    width: 28px;
    height: 28px;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.96em;
    content: '\e818';
    left: 2px;
}

#dhub .place-stocks-frame .catc-list-wp > .search-bar.wf_ahr:before {
    content: '\e839';
    top: calc(50% - 14px);
    font-size: 0.82em;
    -moz-animation: spin 1.2s infinite linear;
    -o-animation: spin 1.2s infinite linear;
    -webkit-animation: spin 1.2s infinite linear;
    animation: spin 1.2s infinite linear;
}

#dhub .place-stocks-frame .catc-list-wp .search-bar > .field {
    border: 0;
    height: 100%;
    padding: 12px 8px;
    font-family: 'Noto Sans', Verdana, sans-serif;
    background-color: rgba(28,70,154,0.08);
    font-size: 0.96em;
    border-bottom: 1px solid rgba(28,70,157, 0.08);
    border-radius: 5px;
    box-sizing: border-box;
    display: inline-block;
    width: calc(100% - 5px);
    padding-left: 30px;
}

#dhub .place-stocks-frame .catc-list-wp .search-bar > .field:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#dhub .place-stocks-frame .catc-list-wp .search-bar > .field::placeholder {
    font-size: 0.88em;
}

#dhub .place-stocks-frame .catc-list-wp > .catc-list-box {
    position: relative;
    box-sizing: border-box;
    width: calc(100% - 5px);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 16px;
    padding: 5px;
}

#dhub .place-stocks-frame .catc-list-wp .catc {
    position: relative;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0;
    box-shadow: 0 1px 3px rgba(0,0,0, 0.09);
    border-radius: 8px;
}

#dhub .place-stocks-frame .catc-list-wp .catc:hover {
    cursor: default;
}

#dhub .place-stocks-frame .catc-list-wp .catc > .cover {
    display: inline-block;
    position: inherit;
    box-sizing: inherit; 
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
}

#dhub .place-stocks-frame .catc-list-wp .catc > .name {
    display: inline-flex;
    margin: 5px 0;
    min-height: 35px;
    align-items: center;
    padding: 0 5px;
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-size: 0.78em;
    text-align: center;
}

#dhub .place-stocks-frame .catc-list-wp .catc > .dhb_button {
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
}

#dhub .place-stocks-frame .catc-list-wp .catc > .dhb_button:hover {
    opacity: 0.8;
}

#dhub .place-stocks-frame .catc-list-wp .catc > .dhb_button .text {
    color: rgb(244,244,244);
    padding-left: 30px;
}

#dhub .place-stocks-frame .catc-list-wp .catc > .dhb_button .text:before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-image: unset;
    width: 24px; height: 24px;
    position: absolute;
    left: 4px; top: calc(50% - 12px);
    font-family: 'DHub Icon Font from fontello';
    content: '\e82f';
    font-size: 0.92em;
}

#dhub .place-stocks-frame .catc-list-wp .catc > .dhb_button.wf_ahr .text:before {
    content: '\e839';
    font-size: 0.82em;
    -moz-animation: spin 1.2s infinite linear;
    -o-animation: spin 1.2s infinite linear;
    -webkit-animation: spin 1.2s infinite linear;
    animation: spin 1.2s infinite linear;
}

#dhub .place-stocks-frame .catc-list-wp .catc > .dhb_button .trigger {
    cursor: default;
}

#dhub .place-stocks-frame .cash-register {
    display: flex;
}

#dhub .place-stocks-frame .cash-register > .layout {
    width: 100%;
    margin: 10px;
    border: 2px dashed rgb(247,213,54);
    border-radius: 10px;
    padding: 12px;
    box-sizing: border-box;
}

#dhub .place-stocks-frame .cash-register > .layout.result {
    max-width: 458px;
}

#dhub .place-stocks-frame .cash-register .find-bar,
#dhub .place-stocks-frame .cash-register .find-bar > .search{
    box-sizing: border-box;
    position: relative;
    width: 100%;
}

#dhub .place-stocks-frame .cash-register .find-bar > .search {
    height: 45px;
}

#dhub .place-stocks-frame .cash-register .find-bar > .search:after {
    font-family: 'DHub Icon Font from fontello';
    position: absolute;
    top: 50%;
    width: 28px;
    height: 28px;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3em;
}

#dhub .place-stocks-frame .cash-register .search > .scan {
    position: absolute;
    top: 50%;
    width: 28px;
    height: 28px;
    transform: translateY(-50%);
    right: 10px;
}

#dhub .place-stocks-frame .cash-register .search > .scan:hover {
    background-color: rgb(32,33,37);
    border-radius: 5px;
    color: rgb(247,213,54);
}

#dhub .place-stocks-frame .cash-register .search > .scan:before {
    font-family: 'DHub Icon Font from fontello';
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3em;
    height: 100%;
    width: 100%;
}

#dhub .place-stocks-frame .cash-register .find-bar > .search:after {
    content: '\e818';
    right: 40px;
}

#dhub .place-stocks-frame .cash-register .search > .scan:before {
    content: '\e8af';
    right: 15px;
}

#dhub .place-stocks-frame .cash-register .search > .keyword {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: 0;
    border-bottom: 1px solid rgba(28,70,157, 0.08);
    padding: 0 12px;
    background-color: rgba(28,70,154,0.02);
    font-size: 1em;
    padding-right: 70px;
    color: rgb(0,0,0);
    font-family: 'Noto Sans', Verdana, sans-serif;
    color: rgb(28,70,154);
}

#dhub .place-stocks-frame .cash-register .search > .keyword:focus {
    border-bottom: 1px solid rgba(247,213,54, 0.09);
}

#dhub .place-stocks-frame .cash-register .search > .keyword::placeholder {
    
}

#dhub .place-stocks-frame .cash-register .outview-box > .product,
#dhub .place-stocks-frame .cash-register .outview-box .outset{
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

#dhub .place-stocks-frame .cash-register .outview-box .outset {
    margin: 16px 0;
    display: flex;
    justify-content: center;
    display: none;
}

#dhub .place-stocks-frame .cash-register .outset > .item {
    display: inline-flex; 
    position: relative;
    width: 100%;
    height: 35px;
    align-items: center;
    opacity: 0.8;
    color: rgb(244,244,244);
    padding: 0 8px;
    border-radius: 8px;
    cursor: pointer;
    padding-left: 30px;
    box-sizing: border-box;
    background-color: rgba(32,33,37,0.5);
    cursor: default;
}

#dhub .place-stocks-frame .cash-register .outset > .item:before {
    content: '';
    display: inline-block;
    position: absolute; 
    width: 20px;
    height: 20px;
    box-sizing: inherit;
    border: 2px solid rgb(244,244,244);
    border-radius: 50%;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}

#dhub .place-stocks-frame .cash-register .outset > .item:hover,
#dhub .place-stocks-frame .cash-register .outset > .item.checked {
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
    opacity: 1;
}

#dhub .place-stocks-frame .cash-register .outset > .item:hover:after,
#dhub .place-stocks-frame .cash-register .outset > .item.checked:after {
    content: '';
    display: inline-block;
    position: absolute; 
    width: 12px;
    height: 12px;
    box-sizing: inherit;
    background-color: rgb(247,213,54);
    border-radius: 50%;
    left: 9px;
    top: 50%;
    transform: translateY(-50%);
}

#dhub .place-stocks-frame .cash-register .outset > .item.detail {
    margin-right: 5px;
    max-width: max-content;
}

#dhub .place-stocks-frame .cash-register .outset > .item.pack {
    max-width: 200px;
}

#dhub .place-stocks-frame .cash-register .outset .field {
    width: 100%;
    box-sizing: border-box;
    height: calc(100% - 10px);
}

#dhub .place-stocks-frame .cash-register .outview-box .fields-box {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    margin-bottom: 16px;
    justify-content: space-between
}

#dhub .place-stocks-frame .cash-register .outview-box .field-box {
    padding-top: 30px;
    height: 75px;
    border: 0;
    width: 100%;
}

#dhub .place-stocks-frame .cash-register .outview-box .quantity-box {
    flex-direction: row;
    justify-content: space-between;
    width: max-content;
}

#dhub .place-stocks-frame .cash-register .outview-box .field-box:first-child {
    width: calc(100% - 140px);
    max-width: 150px;
}

#dhub .place-stocks-frame .cash-register .outview-box .field-box > label {
    display: inline-flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    height: 30px;
    width: max-content;
    padding: 0 8px;
    font-weight: normal;
    text-transform: none;
}

#dhub .place-stocks-frame .cash-register .outview-box .price {
    width: 100%;
    text-align: left;
}

#dhub .place-stocks-frame .cash-register .outview-box .quantity {
    width: 70px;
    text-align: center;
}

#dhub .place-stocks-frame .cash-register .outview-box .price,
#dhub .place-stocks-frame .cash-register .outview-box .quantity {
    background-color: rgba(28,70,154,0.05);
    border-radius: 8px;
    font-size: 1.2em;
}

#dhub .place-stocks-frame .cash-register .outview-box .accept-box {
    display: flex;
    justify-content: center;
}

#dhub .place-stocks-frame .cash-register .outview-box .dhb_button {
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
}

#dhub .place-stocks-frame .cash-register .outview-box .dhb_button > .text {
    color: rgb(244,244,244);
    padding-left: 31px;
    font-size: 1.1em;
}

#dhub .place-stocks-frame .cash-register .outview-box .dhb_button > .text:before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-image: unset;
    width: 24px; height: 24px;
    position: absolute;
    left: 4px; top: calc(50% - 12px);
    font-family: 'DHub Icon Font from fontello';
    content: '\f14a';
    font-size: 1.1em;
}

#dhub .place-stocks-frame .cash-register .outview-box .dhb_button.wf_ahr > .text:before {
    content: '\e839';
    font-size: 0.92em;
}

#dhub .place-stocks-frame .cash-register .outview-box .dhb_button > .trigger {
    cursor: default;
}

#dhub .place-stocks-frame .cash-register .search > .result-box {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 0 2px 3px rgb(24,24,24,0.1);
    z-index: 1;
    top: calc(100% + 2px);
    left: 0;
    border-radius: 10px;
    overflow-x: hidden;
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
    display: block;
}

#dhub .place-stocks-frame .cash-register .search .product {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px dashed rgb(244,244,244);
    cursor: default;
    user-select: none;
    display: flex;
    flex-direction: column;
    font-family: 'Noto Sans', Verdana, sans-serif;
    color: rgb(244,244,244);
}

#dhub .place-stocks-frame .cash-register .search .product:hover {
    opacity: 0.8;
}

#dhub .place-stocks-frame .cash-register .search .product:last-child {
    border: 0;
}

#dhub .place-stocks-frame .cash-register .outview-box .overview,
#dhub .place-stocks-frame .cash-register .search .product > .overview,
#dhub .place-stocks-frame .cash-register .search .product > .details {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    padding: 0 10px;
    margin-bottom: 16px;
}

#dhub .place-stocks-frame .cash-register .search .product > .details {
    justify-content: space-between;
    height: 30px;
    align-items: center;
    background-color: rgba(32,33,37,0.3);
    top: 5px;
}

#dhub .place-stocks-frame .cash-register .outview-box .overview .osd,
#dhub .place-stocks-frame .cash-register .search .product .ovd,
#dhub .place-stocks-frame .cash-register .search .product .col{
    position: relative;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
}

#dhub .place-stocks-frame .cash-register .outview-box .overview .cover,
#dhub .place-stocks-frame .cash-register .search .product .cover {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-right: 5px;
}

#dhub .place-stocks-frame .cash-register .outview-box .overview .name,
#dhub .place-stocks-frame .cash-register .search .product .name {
    width: calc(100% - 55px);
    align-items: center;
}

#dhub .place-stocks-frame .cash-register .outview-box .overview .name {
    font-weight: bold;
}


#dhub .place-stocks-frame .cash-register .search .product .col > .text {
    font-size: 0.88em;
}

#dhub .place-stocks-frame .cash-register .search .product .col > .data {
    margin-left: 5px;
    font-weight: bold;
    font-size: 0.98em;
    color: rgb(247,213,54);
}

#dhub .place-stocks-frame .cash-register .infos-box {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 16px 0;
    display: block;
}

#dhub .place-stocks-frame .cash-register .quote-box,
#dhub .place-stocks-frame .cash-register .quote{
    box-sizing: border-box;
    position: relative;
    width: 100%;
}

#dhub .place-stocks-frame .cash-register .quote-box {
    padding-top: 8px;
    overflow-x: auto;
}

#dhub .place-stocks-frame .cash-register .quote {
    border-collapse: collapse;
    min-width: max-content;
}

#dhub .place-stocks-frame .cash-register .quote .row.head {
    background-color: rgb(32,33,37);
}

#dhub .place-stocks-frame .cash-register .quote .product:hover {
    background-color: rgba(247,213,54,0.5);
}

#dhub .place-stocks-frame .cash-register .quote .row.head,
#dhub .place-stocks-frame .cash-register .quote .product{
    cursor: default;
    user-select: none;
}

#dhub .place-stocks-frame .cash-register .quote th {
    text-align: left;
    height: 35px;
    color: rgb(244,244,244);
}

#dhub .place-stocks-frame .cash-register .quote .product > .label {
    position: relative;
}


#dhub .place-stocks-frame .cash-register .quote .product:hover > .label {
    padding-left: 20px;
}

#dhub .place-stocks-frame .cash-register .quote .label > .unset {
    display: none;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
}

#dhub .place-stocks-frame .cash-register .quote .product:hover .unset {
    display: inline-block;
}

#dhub .place-stocks-frame .cash-register .quote .label > .unset:before {
    font-family: 'DHub Icon Font from fontello';
    content: '\f1f8';
    display: inline-flex;
    width: 100%;
    height: 100%;
    font-size: 0.9em;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0; top: 0;
}

#dhub .place-stocks-frame .cash-register .quote .data {
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-size: 0.85em;
    font-weight: normal;
    display: inline-flex;
    width: 100%;
    padding: 0 8px;
}

#dhub .place-stocks-frame .cash-register .quote .quantity {
    text-align: center;
}

#dhub .place-stocks-frame .cash-register .quote .price-wt,
#dhub .place-stocks-frame .cash-register .quote .total-wt {
    text-align: right;
}

#dhub .place-stocks-frame .cash-register .quote th > .data {
    min-height: 40px;
    align-items: center;
    font-weight: bold;
}

#dhub .place-stocks-frame .cash-register .quote td > .data {
    min-height: 35px;
    align-items: center;
}

#dhub .place-stocks-frame .cash-register .quote .quantity > .data,
#dhub .place-stocks-frame .cash-register .quote .price-wt > .data,
#dhub .place-stocks-frame .cash-register .quote .total-wt > .data {
    display: inline-flex;
    width: max-content;
}

#dhub .place-stocks-frame .cash-register .ov-box {
    position: relative;
    box-sizing: border-box;
    width: 100%;
}

#dhub .place-stocks-frame .cash-register .grid-box {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

#dhub .place-stocks-frame .cash-register .ov-box {
    margin-bottom: 30px;
}

#dhub .place-stocks-frame .cash-register .field-box {
    display: inline-flex;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    flex-direction: column;
    height: max-content;
}

#dhub .place-stocks-frame .cash-register .field-box > label {
    display: inherit;
    box-sizing: inherit;
    height: 28px;
    align-items: center;
    font-weight: bold;
    padding: 0 5px;
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-size: 0.78em;
    text-transform: uppercase;
    justify-content: center;
}

#dhub .place-stocks-frame .cash-register .field-box > input {
    border: 0;
    height: 50px;
    padding: 12px 8px;
    font-family: 'Noto Sans', Verdana, sans-serif;
    background-color: rgba(28,70,154,0.02);
    font-size: 1.4em;
    font-weight: bold;
    border-bottom: 1px solid rgba(28,70,157, 0.08);
    border-radius: 10px;
    box-sizing: border-box;
    text-align: center;
}

#dhub .place-stocks-frame .cash-register .field-box > input:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

#dhub .place-stocks-frame .cash-register .field-box.total > input,
#dhub .place-stocks-frame .cash-register .field-box.total > input::placeholder{
    color: #3498db
}

#dhub .place-stocks-frame .cash-register .field-box.discount > input,
#dhub .place-stocks-frame .cash-register .field-box.discount > input::placeholder {
    color: #f39c12
}

#dhub .place-stocks-frame .cash-register .field-box.taxe > input,
#dhub .place-stocks-frame .cash-register .field-box.taxe > input::placeholder {
    color: #e74c3c
}

#dhub .place-stocks-frame .cash-register .field-box.net2pay > input,
#dhub .place-stocks-frame .cash-register .field-box.net2pay > input::placeholder {
    color: #2ecc71
}

#dhub .place-stocks-frame .cash-register .field-box.customer:before {
    content: '\ea12';
    font-family: 'DHub Icon Font from fontello';
    display: inline-flex;
    box-sizing: border-box;
    position: absolute;
    width: 35px;
    height: 35px;
    top: calc(50% + 13px);
    left: 0;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
    font-size: 1.2em;
    color: rgb(247,213,54);
}

#dhub .place-stocks-frame .cash-register .field-box.customer.wf_ahr:before {
    content: '\e839';
    color: rgb(32,33,37);
    top: calc(50% - 9px);
    transform: unset;
    font-size: 0.96em;
    -moz-animation: spin 1.2s infinite linear;
    -o-animation: spin 1.2s infinite linear;
    -webkit-animation: spin 1.2s infinite linear;
    animation: spin 1.2s infinite linear;
}

#dhub .place-stocks-frame .cash-register .field-box.customer > input {
    padding-left: 35px;
    color: rgb(28,70,154);
    font-size: 1.05em;
    font-weight: normal;
    text-align: left;
    height: 50px;
}

#dhub .place-stocks-frame .cash-register .field-box.customer > input::placeholder {
    font-size: 0.92em;
}

#dhub .place-stocks-frame .cash-register .paym-box {
    margin: 10px 0;
    border: 1px solid rgba(32,33,37,0.2);
    padding: 16px 12px;
    border-radius: inherit;
    position: relative;
}

#dhub .place-stocks-frame .cash-register .paym-box > .lable,
#dhub .place-stocks-frame .cash-register .paym-box > .label{
    display: inline-flex;
    position: absolute;
    background-color: rgb(244,244,244);
    border: inherit;
    border-radius: inherit;
    padding: 0 12px;
    height: 25px;
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-size: 0.78em;
    text-transform: uppercase;
    align-items: center;
    width: max-content;
    top: -12.5px;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
}

#dhub .place-stocks-frame .cash-register .paym-box > .modes {
    padding: 12px 0;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

#dhub .place-stocks-frame .cash-register .submit-box {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

#dhub .place-stocks-frame .cash-register .register {
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
}


#dhub .place-stocks-frame .cash-register .register > .trigger,
#dhub .place-stocks-frame .cash-register .history > .trigger{
    cursor: default;
}

#dhub .place-stocks-frame .cash-register .register:hover,
#dhub .place-stocks-frame .cash-register .history:hover{
    opacity: 0.8;
    cursor: default;
}

#dhub .place-stocks-frame .cash-register .history {
    max-width: max-content;
    height: 40px;
    background: linear-gradient(135deg, rgb(32,33,37), #3498db, rgb(32,33,37));
    background-size: 400% 400%;
}

#dhub .place-stocks-frame .cash-register .register > .text,
#dhub .place-stocks-frame .cash-register .history > .text {
    color: rgb(244,244,244);
    padding-left: 31px;
    font-size: 0.96em;
}

#dhub .place-stocks-frame .cash-register .register > .text:before, 
#dhub .place-stocks-frame .cash-register .history > .text:before {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-image: unset;
    width: 24px; height: 24px;
    position: absolute;
    left: 4px; top: calc(50% - 12px);
    font-family: 'DHub Icon Font from fontello';
    font-size: 1.1em;
    color: rgb(247,213,54);
} 

#dhub .place-stocks-frame .cash-register .register > .text:before {
    content: '\f14a';
}

#dhub .place-stocks-frame .cash-register .history > .text:before {
    content: '\f1da';
}

#dhub .place-stocks-frame .cash-register .register.wf_ahr > .text:before, 
#dhub .place-stocks-frame .cash-register .history.wf_ahr > .text:before {
    content: '\e839';
    font-size: 0.92em;
}


#dhub .place-stocks-frame .output-sheets-frame,
#dhub .output-sheets-frame > .sheets-box {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

#dhub .place-stocks-frame .output-sheets-frame {
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-size: 16px;
    width: calc(100% - 2px);
    background-color: rgba(28,70,154,0.05);
    padding: 8px;
    border-radius: 10px;
}

#dhub .output-sheets-frame .top-bar > .caption {
    display: inline-flex;
    width: 100%;
    align-items: center;
    font-weight: bold;
    font-size: 1.3em;
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-size: 16px;
}

#dhub .place-stocks-frame .task .output-sheets-frame > .top-bar {
    border-radius: 10px 10px 0 0;
}

#dhub .output-sheets-frame > .sheets-box {
    overflow-x: auto;
}

#dhub .output-sheets-frame .sheets-tab {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    border-collapse: collapse;
    background-color: rgb(244,244,244);
}

#dhub .output-sheets-frame .sheets-tab .head {
    background-color: rgb(32,33,37);
    color: rgb(244,244,244);
}

#dhub .output-sheets-frame .sheets-tab .sheet {
    background-color: rgb(244,244,244);
    color: rgb(0,0,0);
    cursor: default;
    user-select: none;
}

#dhub .output-sheets-frame .sheets-tab .sheet.bsep {
    background-color: rgba(255,255,255,0.7);
}

#dhub .output-sheets-frame .sheets-tab .sheet:hover{
    background-color: rgba(247,213,54,0.5);
}

#dhub .output-sheets-frame .sheets-tab td,
#dhub .output-sheets-frame .sheets-tab th {
    border: 0;
    text-align: left;
    padding: 0;
}

#dhub .output-sheets-frame .sheets-tab th {
    border-right: 1px solid rgba(244,244,244,0.2);
}

#dhub .output-sheets-frame .sheets-tab th:last-child {
    border: 0;
}

#dhub .output-sheets-frame .sheets-tab td.total,
#dhub .output-sheets-frame .sheets-tab td.discount,
#dhub .output-sheets-frame .sheets-tab td.taxe{
    text-align: right;
}

#dhub .output-sheets-frame .sheets-tab th.actions,
#dhub .output-sheets-frame .sheets-tab td.actions{
    text-align: center;
}

#dhub .output-sheets-frame .sheets-tab td > .data,
#dhub .output-sheets-frame .sheets-tab th > .data {
    display: inline-flex;
    width: max-content;
    min-height: 40px;
    align-items: center;
    padding: 0 8px;
    font-size: 0.8em;
}

#dhub .output-sheets-frame .sheets-tab td.customer > .data {
    text-transform: uppercase;
}

#dhub .output-sheets-frame .sheets-tab td.GT > .data {
    color: #03652c;
    font-weight: bold;
}

#dhub .output-sheets-frame .sheets-tab td.discount > .data {
    color: #e18b04;
    font-weight: bold;
}

#dhub .output-sheets-frame .sheets-tab td.TET > .data {
    color: #023d64;
    font-weight: bold;
}

#dhub .output-sheets-frame .sheets-tab td.taxe > .data {
    color: #e74c3c;
    font-weight: bold;
}

#dhub .output-sheets-frame .sheets-tab .sheet > .actions .data {
    justify-content: space-evenly;
    position: relative;
}

#dhub .output-sheets-frame .sheets-tab .actions .ctrl {
    display: inline-flex;
    width: 35px;
    height: 35px;
    position: relative;
    margin: 0 2px;
    cursor: default;
}

#dhub .output-sheets-frame .sheets-tab .actions .ctrl:hover {
    opacity: 0.8;
}

#dhub .output-sheets-frame .sheets-tab .actions .ctrl:before {
    display: inline-flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-family: 'DHub Icon Font from fontello';
    font-size: 1.4em;
}

#dhub .output-sheets-frame .sheets-tab .actions .ctrl.print:before {
    content: '\e858';
}

#dhub .output-sheets-frame .sheets-tab .actions .ctrl.remove:before {
    content: '\f1f8';
    color: rgb(213,29,39);
}
 
/* -------------------------------------------- */ 
#dhub .stocks-subsplans {
    font-family: 'Noto Sans', Verdana, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 12px;
    color: #333;
  }

  #dhub .stocks-subsplans h1 {
    text-align: center;
    margin-bottom: 2rem;
    color: #2c3e50;
  }

#dhub .stocks-subsplans > .desc-title {
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 10px;
    display: inline-flex;
}

#dhub .stocks-subsplans > .desc {
    margin-bottom: 2rem;
}

  #dhub .stocks-subsplans .offers {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
  }

  #dhub .stocks-subsplans .card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    padding: 2rem;
    transition: transform 0.2s;
  }

  #dhub .stocks-subsplans .card:hover {
    transform: translateY(-5px); 
  }

  #dhub .stocks-subsplans .card h2 {
    margin-top: 0;
    color: #0069d9;
    font-size: 1.5rem;
  }

  #dhub .stocks-subsplans .price {
    font-size: 1.25rem;
    font-weight: bold;
    color: #27ae60;
    margin-bottom: 1rem;
  }

  #dhub .stocks-subsplans ul {
    list-style: none;
    padding: 0;
  }

  #dhub .stocks-subsplans li {
    margin-bottom: 0.5rem;
    position: relative;
    padding-left: 1.2rem;
  }

  #dhub .stocks-subsplans li::before {
    content: '\2713';
    position: absolute;
    left: 0;
    color: #27ae60;
  }

/* ----------------------------------- */

@media only screen and (max-width: 720px) {
    #dhub .place-stocks-frame.menu-active {
        display: block;
    }

    #dhub .place-stocks-frame > .ctx-menu {
        margin: 0;
        position: fixed;
        z-index: 2;
        top: 45px;
        left: 0;
    }

    #dhub .place-stocks-frame.menu-active > .stocks-view {
        width: 100%;
    }

    #dhub .place-stocks-frame .articles-wzd.task  .top-bar .search {
        max-width: calc(100% - 24px);
    }

    #dhub .place-stocks-frame .articles-wzd  .top-bar .add-ctrl {
        max-width: 33px;
        overflow: hidden;
    }

    #dhub .place-stocks-frame .articles-wzd  .top-bar .add-ctrl > .text {
        padding-left: 45px;
    }

    #dhub .place-stocks-frame .status-bar .overall-box > .count,
    #dhub .place-stocks-frame .status-bar .overall-box > .cost {
        display: none;
    }
    
    #dhub .place-stocks-frame .cash-register {
        flex-direction: column;
    }

    #dhub .place-stocks-frame .cash-register > .layout {
        width: 100%;
        margin: 10px 0;
    }

    #dhub .place-stocks-frame .cash-register .quote .label > .data {
        max-width: 200px;
    }

    #dhub .stocks-dashboard-frame > .stats-box {
        flex-direction: column;
    }

    #dhub .stocks-dashboard-frame > .stats-box .chart-frame,
    #dhub .stocks-dashboard-frame > .stats-box .pdts-box {
        width: 100%;
    }

    #dhub .stocks-dashboard-frame > .stats-box .chart-frame {
        margin-bottom: 20px;
    }

    #dhub .stocks-dashboard-frame > .pdts-box {
        min-width: 100%;
    }
}


@media only screen and (max-width: 540px) {
    #dhub .place-stocks-frame .articles-wzd > .stocks-sttgs-frame {
        flex-direction: column;
        padding-top: 40px;
    }

    #dhub .place-stocks-frame .stock-entity-ctnr {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); 
    }

    #dhub .place-stocks-frame .stocks-sttgs-frame > .targets-box {
        max-width: 100%;
        margin-bottom: 10px;
    }

    #dhub .stocks-sttgs-frame .targets-box > .tgt-item {
        width: max-content;
    }

    #dhub .place-stocks-frame .articles-wzd.task  .top-bar > .ctx-title {
        display: none;
    }
    
    #dhub .mall_frame_const .delivery_addr > .grp {
        flex-direction: column;
    }

    #dhub .mall_frame_const .delivery_addr .field-layout {
        width: 100%;
    }

    #dhub .mall_frame_const .delivery_addr .field-layout:last-child {
        margin-top: 16px;
    }

    #dhub .place-stocks-frame .stocks-view .entities > .selected {
        display: none;
    }

    #dhub .stocks-dashboard-frame .top-bar > .targets-box {
        flex-direction: column;
        justify-content: unset;
    }

    #dhub .stocks-dashboard-frame .top-bar .field-box {
        width: 100%;
    }

    #dhub .stocks-dashboard-frame .top-bar .field-box:first-child {
        margin-bottom: 16px;
    }

    #dhub .stocks-dashboard-frame .top-bar > .ctx-infos {
        justify-content: center;
        text-align: center;
    }

    #dhub .stocks-products-frame > .products_container {
        place-items: center;
    }

    #dhub .stocks-products-frame .products_container > .product {
        min-width: 100%;
    }
}

@media only screen and (max-width: 500px) {
    #dhub .place-stocks-frame .cash-register .field-box {
        flex-direction: row;
        height: 50px;
        border-radius: 10px;
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }

    #dhub .place-stocks-frame .cash-register .field-box.customer {
        flex-direction: column;
        height: max-content;
    }

    #dhub .place-stocks-frame .cash-register .field-box.customer:before {
        top: calc(50% + 10px);
    }
    

    #dhub .place-stocks-frame .cash-register .field-box > label,
    #dhub .place-stocks-frame .cash-register .field-box > input {
        height: 100%;
    }

    #dhub .place-stocks-frame .cash-register .field-box > label {
        width: 100px;
        justify-content: left;
    }

    #dhub .place-stocks-frame .cash-register .field-box.customer > label {
        justify-content: center;
        width: 100%;
    }

    #dhub .place-stocks-frame .cash-register .field-box > input {
        width: calc(100% - 100px);
        text-align: right;
        border: 0;
        background-color: rgb(244,244,244);
    }

    #dhub .place-stocks-frame .cash-register .field-box.customer > input {
        width: 100%;
    }
}

@media only screen and (max-width: 412px) {
    #dhub .place-wgt-box > .grid-ctx {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 10px;
    }
}

@media only screen and (max-width: 360px) {    
    #dhub .dhb-tab_frame_const.mall_frame_const .tabs-target > .button {
        font-size: 0.72em;
    }

    #dhub .go-wgt_vfconst .catlg-content > .com-box {
        font-size: 12px;
    }

    #dhub .stocks-overall-box > .dailiy-actg {
        min-width: 100%;
    }
}

@media only screen and (max-width: 320px) {
    #dhub .dhb-tab_frame_const.mall_frame_const .tabs-target > .button {
        font-size: 0.68em;
    }

    #dhub .mall_frame_const.place .tab_own-space > .subscription.active {
        font-size: 0.82em;
    }
}

@keyframes gradientBG {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; } 
}