#dhub .dhb_wp-menubar_const {
  padding: 0 calc((100% - 1100px) / 2);
}

#dhub .dhb_wp-menubar_const>.dhb_buttons_embed_const {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  height: 100%;
}

#dhub .dhb_wp-menubar_const .mb-button_item {
  box-sizing: border-box;
  position: relative;
  display: block;
  text-align: center;
  cursor: default;
  width: 20%;
  height: 100%;
  user-select: none;
}

#dhub .dhb_wp-menubar_const .mb-button_item:hover {
  background-color: rgba(24, 24, 24, 0.1);
}



#dhub .dhb_wp-menubar_const .mb-button_item:nth-child(3):hover {
  background-color: unset;
}

#dhub .dhb_wp-menubar_const .mb-button_item>.icon,
#dhub .dhb_wp-menubar_const .mb-button_item>.text,
#dhub .dhb_wp-menubar_const .mb-button_item>a.trigger {
  display: inline-block;
  width: 100%;
  position: relative;
}

#dhub .dhb_wp-menubar_const .mb-button_item>.icon {
  height: calc(100% - 20px);
}


#dhub .dhb_wp-menubar_const .mb-button_item>.text {
  color: black;
  font-family: 'Noto Sans';
  font-size: 0.8em;
  height: 20px;
  line-height: 20px;
  top: -5px;
}

#dhub .dhb_wp-menubar_const .mb-button_item>.icon:before {
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: -4px;
  font-family: 'DHub Icon Font from fontello';
  font-size: 1.4em;
  color: rgb(24,24,24);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#dhub .dhb_wp-menubar_const .mb-button_item>.dhub:before {
  color: rgb(247,213,54);
}

#dhub .dhb_wp-menubar_const .mb-button_item>.icon.home:before {
   content: '\e848';
}

#dhub .dhb_wp-menubar_const .mb-button_item>.icon.community:before {
  content: '\ecff';
}

#dhub .dhb_wp-menubar_const .mb-button_item >.icon.dhub:before {
  content: '\e9cd';
  font-size: 1.55em;
  width: 45px;
  height: 45px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4px;
  border-radius: 50%;
  background-size: 80%;
  background-color: rgb(32,33,37);
  box-shadow: 0 1px 2px rgba(24, 24, 24, 0.8);
}

#dhub .dhb_wp-menubar_const .mb-button_item>.icon.mall:before {
  content: '\ec61';
}

#dhub .dhb_wp-menubar_const .mb-button_item>.icon.egoxam:before {
    content: '\eaa5';
}

#dhub .dhb_wp-menubar_const .mb-button_item>a.trigger {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

/* SUB MENU ------------------------------- */
#dhub .dhb_wp-menubar_const .mb-button_item>.dhub_buttons_frame {
  position: absolute;
  bottom: 75px;
  width: 448px;
  left: calc(50% - 224px);
  box-shadow: 0 0 16px rgba(24, 24, 24, 0.4);
  border-radius: 10px;
  box-sizing: border-box;
  padding: 12px;
  padding-top: 30px;
  background-color: rgb(32,33,37);
}

#dhub .dhb_wp-menubar_const .mb-button_item>.dhub_buttons_frame:focus {
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: 1px 1px 10px rgba(24, 24, 24, 0.3);
  border: 0;
}

/*! SUB MENU > WALLET --- */ 

#dhub .dhub_buttons_frame > .wallet_frame_const {
  display: flex;
  height: 36px; 
  margin-bottom: 16px;
  width: calc(100% + 24px);
  max-width: calc(100% + 24px);
  position: relative;
  box-sizing: border-box;
  left: -12px;
}

#dhub .dhub_buttons_frame > .wallet_frame_const:after {
  content: '';
  position: absolute;
  box-sizing: inherit;
  width: calc(100% - 12px); 
  bottom: -10px; 
  left: 6px;
  border-bottom: 1px solid rgba(24,24,24,0.08)
}

#dhub .dhub_buttons_frame .wallet_frame_const .monthly_expenses > .desc,
#dhub .dhub_buttons_frame .wallet_frame_const .balance_layout > .currency {
  box-sizing: inherit;
  display: inline-block;
  position: absolute;
  left: 10px;
  top: -18px;
  color: rgba(244,244,244,0.8);
  font-family: 'Noto Sans'; 
  font-size: 0.69em;
}

#dhub .dhub_buttons_frame > .wallet_frame_const > .monthly_expenses,
#dhub .dhub_buttons_frame > .wallet_frame_const > .balance_layout {
  position: relative;
box-sizing: border-box;
cursor: default;
text-align: center;
display: inline-block;
height: 90%;
padding: 0 5px;
top: 5%;
}

#dhub .dhub_buttons_frame > .wallet_frame_const > .monthly_expenses {
width: 42%;
}

#dhub .dhub_buttons_frame > .wallet_frame_const > .balance_layout {
width: 58%;
}

#dhub .dhub_buttons_frame > .wallet_frame_const .monthly_expenses > .amount, 
#dhub .dhub_buttons_frame > .wallet_frame_const .monthly_expenses > span[class*="-icon"],
#dhub .dhub_buttons_frame > .wallet_frame_const .balance_layout > .balance,
#dhub .dhub_buttons_frame > .wallet_frame_const .balance_layout > span[class*="-icon"] {
  border-radius: 5px;
font-family: 'Noto Sans';
font-size: 0.88em;
box-sizing: border-box;
display: inline-block;
height: 100%;
}

#dhub .dhub_buttons_frame > .wallet_frame_const .monthly_expenses > .amount,
#dhub .dhub_buttons_frame > .wallet_frame_const .balance_layout > .balance {
width: 100%;
background-color: rgba(244,244,244,0.06);
border: 1px solid rgba(244,244,244,0.2);
padding: 0 33px;
color: rgb(244,244,244);
}

#dhub .dhub_buttons_frame > .wallet_frame_const .monthly_expenses > .amount {
padding-right: 0;
}


#dhub .dhub_buttons_frame > .wallet_frame_const .monthly_expenses > .amount::placeholder ,
#dhub .dhub_buttons_frame > .wallet_frame_const .balance_layout > .balance::placeholder  {
color: rgba(244,244,244,0.5);
}

#dhub .dhub_buttons_frame > .wallet_frame_const .monthly_expenses > .amount::placeholder ,
#dhub .dhub_buttons_frame > .wallet_frame_const .balance_layout > .balance::placeholder  {
color: rgba(244,244,244,0.5);
}

#dhub .dhub_buttons_frame > .wallet_frame_const .monthly_expenses > .amount:focus,
#dhub .dhub_buttons_frame > .wallet_frame_const .balance_layout > .balance:focus {
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
border: 1px solid rgba(244,244,244,0.2);
}

#dhub .dhub_buttons_frame > .wallet_frame_const .monthly_expenses > span[class*="-icon"],
#dhub .dhub_buttons_frame > .wallet_frame_const .balance_layout > span[class*="-icon"] {
position: absolute;
left: 2px;
width: 40px;
}

#dhub .dhub_buttons_frame > .wallet_frame_const .monthly_expenses > span[class*="-icon"]:before,
#dhub .dhub_buttons_frame > .wallet_frame_const .balance_layout > span[class*="-icon"]:before {
content: '';
background-position: center;
background-repeat: no-repeat;
display: inline-block;
height: 100%;
width: 100%;
background-size: 65%;
}

#dhub .dhub_buttons_frame > .wallet_frame_const .monthly_expenses > .mth-exp-icon:before {
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="M560-440q-50 0-85-35t-35-85q0-50 35-85t85-35q50 0 85 35t35 85q0 50-35 85t-85 35ZM280-320q-33 0-56.5-23.5T200-400v-320q0-33 23.5-56.5T280-800h560q33 0 56.5 23.5T920-720v320q0 33-23.5 56.5T840-320H280Zm80-80h400q0-33 23.5-56.5T840-480v-160q-33 0-56.5-23.5T760-720H360q0 33-23.5 56.5T280-640v160q33 0 56.5 23.5T360-400Zm440 240H120q-33 0-56.5-23.5T40-240v-440h80v440h680v80ZM280-400v-320 320Z"/></svg>');
}

#dhub .dhub_buttons_frame > .wallet_frame_const .balance_layout > .wb-icon:before {
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="M200-200v-560 560Zm0 80q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v100h-80v-100H200v560h560v-100h80v100q0 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-280H520Zm280-80v-240H520v240h280Zm-160-60q25 0 42.5-17.5T700-480q0-25-17.5-42.5T640-540q-25 0-42.5 17.5T580-480q0 25 17.5 42.5T640-420Z"/></svg>');
}
#dhub .dhub_buttons_frame > .wallet_frame_const .balance_layout.wf_ahr > .wb-icon:before {
  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>');
}

#dhub .dhub_buttons_frame > .wallet_frame_const .balance_layout > .wb-icon.visibility {
left: unset;
right: 8px;
cursor: default;
}

#dhub .dhub_buttons_frame > .wallet_frame_const .balance_layout > .wb-icon.visibility:before {
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="M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z"/></svg>');
}

#dhub .dhub_buttons_frame > .wallet_frame_const .balance_layout.mask > .wb-icon.visibility:before {
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="m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8 34.5-12t37.5-4q75 0 127.5 52.5T660-500q0 20-4 37.5T644-428Zm128 126-58-56q38-29 67.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29 0-57 4t-55 12l-62-62q41-17 84-25.5t90-8.5q151 0 269 83.5T920-500q-23 59-60.5 109.5T772-302Zm20 246L624-222q-35 11-70.5 16.5T480-200q-151 0-269-83.5T40-500q21-53 53-98.5t73-81.5L56-792l56-56 736 736-56 56ZM222-624q-29 26-53 57t-41 67q50 101 143.5 160.5T480-280q20 0 39-2.5t39-5.5l-36-38q-11 3-21 4.5t-21 1.5q-75 0-127.5-52.5T300-500q0-11 1.5-21t4.5-21l-84-82Zm319 93Zm-151 75Z"/></svg>');
}

#dhub .dhub_buttons_frame > .wallet_frame_const .balance_layout.mask > .balance {
font-size: 1.3em;
}


/*! SUB MENU > BUTTONS -------- */

#dhub .dhb_wp-menubar_const .dhub_buttons_frame > .buttons_container {
  box-sizing: border-box;
  width: 100%; 
  position: relative;
  list-style-type: none; 
  text-align: left; 
}

#dhub .dhb_wp-menubar_const .buttons_container > .sub_button-item {
  box-sizing: border-box;
  position: relative; 
  display: inline-block;
  width: calc((100% - 20px) / 3);
  margin-left: 5px;
  left: -2.5px; 
  height: 100px;
  border-radius: 10px;
  padding: 8px;
  vertical-align: top;
  margin-bottom: 8px;
}

#dhub .dhb_wp-menubar_const .buttons_container > .sub_button-item:hover {
  background-color: rgba(244, 244, 244, 0.06);
}

#dhub .dhb_wp-menubar_const .sub_button-item > span.icon,
#dhub .dhb_wp-menubar_const .sub_button-item > span.text,
#dhub .dhb_wp-menubar_const .sub_button-item > a.trigger {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}

#dhub .dhb_wp-menubar_const .sub_button-item > span.icon {
  height: 60%;
}

#dhub .dhb_wp-menubar_const .sub_button-item > span.icon:before {
  content: '';
  height: 100%;
  width: 100%;
  display: inline-block;
  position: absolute; 
  left: 0; 
  top: 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
}

#dhub .dhb_wp-menubar_const .sub_button-item > span.icon.wallet_top-up:before {
  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(247,213,54)"><path d="M200-200v-560 560Zm0 80q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v100h-80v-100H200v560h560v-100h80v100q0 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-280H520Zm280-80v-240H520v240h280Zm-160-60q25 0 42.5-17.5T700-480q0-25-17.5-42.5T640-540q-25 0-42.5 17.5T580-480q0 25 17.5 42.5T640-420Z"/></svg>');
}

/*!

#dhub .dhb_wp-menubar_const .sub_button-item > span.icon.bet2k:before {
  background-image: url(/resources/images/Bet2K.svg?160);
  border-radius: 10px;
  border: 4px solid rgb(24,24,24);
  top: 3px;
  width: 50px;
  height: 40px;
  left: 50%;
  transform: translateX(-50%);
  background-size: 90%;
} 
*/

#dhub .dhb_wp-menubar_const .sub_button-item > span.icon.bet2k: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="M160-360q-50 0-85-35t-35-85q0-50 35-85t85-35v-80q0-33 23.5-56.5T240-760h120q0-50 35-85t85-35q50 0 85 35t35 85h120q33 0 56.5 23.5T800-680v80q50 0 85 35t35 85q0 50-35 85t-85 35v160q0 33-23.5 56.5T720-120H240q-33 0-56.5-23.5T160-200v-160Zm200-80q25 0 42.5-17.5T420-500q0-25-17.5-42.5T360-560q-25 0-42.5 17.5T300-500q0 25 17.5 42.5T360-440Zm240 0q25 0 42.5-17.5T660-500q0-25-17.5-42.5T600-560q-25 0-42.5 17.5T540-500q0 25 17.5 42.5T600-440ZM320-280h320v-80H320v80Zm-80 80h480v-480H240v480Zm240-240Z"/></svg>');
}

#dhub .dhb_wp-menubar_const .sub_button-item > span.icon.customer-service:before {
  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(247,213,54)"><path d="M440-120v-80h320v-284q0-117-81.5-198.5T480-764q-117 0-198.5 81.5T200-484v244h-40q-33 0-56.5-23.5T80-320v-80q0-21 10.5-39.5T120-469l3-53q8-68 39.5-126t79-101q47.5-43 109-67T480-840q68 0 129 24t109 66.5Q766-707 797-649t40 126l3 52q19 9 29.5 27t10.5 38v92q0 20-10.5 38T840-249v49q0 33-23.5 56.5T760-120H440Zm-80-280q-17 0-28.5-11.5T320-440q0-17 11.5-28.5T360-480q17 0 28.5 11.5T400-440q0 17-11.5 28.5T360-400Zm240 0q-17 0-28.5-11.5T560-440q0-17 11.5-28.5T600-480q17 0 28.5 11.5T640-440q0 17-11.5 28.5T600-400Zm-359-62q-7-106 64-182t177-76q89 0 156.5 56.5T720-519q-91-1-167.5-49T435-698q-16 80-67.5 142.5T241-462Z"/></svg>');
}

#dhub .dhb_wp-menubar_const .sub_button-item > span.icon.workspace:before {
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(247,213,54)"><path d="M240-120q-66 0-113-47T80-280q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47Zm480 0q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47Zm-480-80q33 0 56.5-23.5T320-280q0-33-23.5-56.5T240-360q-33 0-56.5 23.5T160-280q0 33 23.5 56.5T240-200Zm480 0q33 0 56.5-23.5T800-280q0-33-23.5-56.5T720-360q-33 0-56.5 23.5T640-280q0 33 23.5 56.5T720-200ZM480-520q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47Zm0-80q33 0 56.5-23.5T560-680q0-33-23.5-56.5T480-760q-33 0-56.5 23.5T400-680q0 33 23.5 56.5T480-600Zm0-80Zm240 400Zm-480 0Z"/></svg>');
}

#dhub .dhb_wp-menubar_const .sub_button-item > span.icon.addpost: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="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h360v80H200v560h560v-360h80v360q0 33-23.5 56.5T760-120H200Zm120-160v-80h320v80H320Zm0-120v-80h320v80H320Zm0-120v-80h320v80H320Zm360-80v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Z"/></svg>');
}

#dhub .dhb_wp-menubar_const .sub_button-item > span.icon.community:before {
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(247,213,54)"><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-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
}

#dhub .dhb_wp-menubar_const .sub_button-item > span.icon.support:before {
  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(247,213,54)"><path d="M476-280q21 0 35.5-14.5T526-330q0-21-14.5-35.5T476-380q-21 0-35.5 14.5T426-330q0 21 14.5 35.5T476-280Zm-36-154h74q0-17 1.5-29t6.5-23q5-11 12.5-20.5T556-530q35-35 49.5-58.5T620-642q0-53-36-85.5T487-760q-55 0-93.5 27T340-658l66 26q7-27 28-43.5t49-16.5q27 0 45 14.5t18 38.5q0 17-11 36t-37 42q-17 14-27.5 27.5T453-505q-7 15-10 31.5t-3 39.5Zm40 394L360-160H200q-33 0-56.5-23.5T120-240v-560q0-33 23.5-56.5T200-880h560q33 0 56.5 23.5T840-800v560q0 33-23.5 56.5T760-160H600L480-40ZM200-240h192l88 88 88-88h192v-560H200v560Zm280-280Z"/></svg>');
}

#dhub .dhb_wp-menubar_const .sub_button-item > span.icon.about:before {
  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(247,213,54)"><path d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-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-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>');
}

#dhub .dhb_wp-menubar_const .sub_button-item > span.text {
  font-family: 'Noto Sans', sans-serif;
  font-size: 0.8em;
  color: rgb(244,244,244);
  text-align: center;
  display: inline-flex;
  height: 25px;
  align-items: center;
  justify-content: center;
}

#dhub .dhb_wp-menubar_const .sub_button-item > a.trigger {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: default; 
  user-select: none;
}


@media only screen and (max-width: 448px) {
  #dhub .dhb_wp-menubar_const .mb-button_item >.text {
      font-size: 0.76em;
      top: -5px;
  }
}