#dhub .dhbwallet_frame_const {
    z-index: 1;
}

#dhub .dhb_browser-body_frame_const>.dhbwallet_frame_const.box-frame_const {
    padding: 8px 0;
}

#dhub .dhbwallet_frame_const>.wallet-container {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    display: block;
    flex-direction: column;
    padding: 0px;
    height: 100%;
    min-height: 100%;
}

#dhub .dhbwallet_frame_const .wallet-container>div {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0;
}

/*! HEADER ---------------------- */

#dhub .dhbwallet_frame_const .wallet-container>div.dhbw_header_const {
    padding: 5px 16px;
}

#dhub .dhbwallet_frame_const .dhbw_header_const {
    height: 50px;
    border-radius: 5px;
}

#dhub .dhbwallet_frame_const .dhbw_header_const>nav.buttons_embed {
    height: 100%;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

#dhub .dhbwallet_frame_const .dhbw_header_const .buttons_embed>div.tabs-target,
#dhub .dhbwallet_frame_const .dhbw_header_const .buttons_embed>div.options {
    position: relative;
    box-sizing: border-box;
    height: 100%;
}

#dhub .dhbwallet_frame_const .dhbw_header_const .buttons_embed>div.tabs-target {
    width: 250px;
    display: flex;
    align-items: center;
}

#dhub .dhbwallet_frame_const .dhbw_header_const .tabs-target>span.dhbw-button {
    background-color: rgba(28, 70, 157, 0.06);
    margin-right: 10px;
    position: relative;
    display: inline-flex;
    height: 35px;
    cursor: default;
    border-radius: 5px;
    padding: 0 8px;
    font-family: Acme;
    font-size: 0.82em;
    align-items: center;
}

#dhub .dhbwallet_frame_const .dhbw_header_const .tabs-target>span.dhbw-button.tab-active {
    box-shadow: 0px 3px 1.2px rgb(28,70,157);
    background-color: rgba(1, 32, 96, 0.06);
}


#dhub .dhbwallet_frame_const .dhbw_header_const .buttons_embed>div.options {
    width: calc(100% - 250px);
    text-align: right;
}

#dhub .dhbwallet_frame_const .dhbw_header_const .options>.dhbw-option_icon {
    background-color: rgba(1, 32, 96, 0.025);
    border-radius: 5px;
    display: inline-block;
    box-sizing: border-box;
    width: 50px;
    height: 35px;
    cursor: default;
    position: relative;
    top: 2.5px
}

#dhub .dhbwallet_frame_const .dhbw_header_const .options>.dhbw-option_icon.active,
#dhub .dhbwallet_frame_const .dhbw_header_const .options>.dhbw-option_icon:hover {
    background-color: rgba(1, 32, 96, 0.06);
}

#dhub .dhbwallet_frame_const .dhbw_header_const .options>.dhbw-option_icon:before {
    position: absolute;
    display: inline-block;
    box-sizing: border-box;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    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(28,70,157,0.8)"><path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/></svg>');
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
}

#dhub .dhbwallet_frame_const .dhbw_header_const .options>.dhbw-option_icon.active:before,
#dhub .dhbwallet_frame_const .dhbw_header_const .options>.dhbw-option_icon:hover: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(28, 70, 157)"><path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/></svg>');
}

/*! BODY ------------------------ */

#dhub .dhbwallet_frame_const .wallet-container>div.wallet-body {
    min-height: calc(100% - 50px);
    overflow: hidden;
}

#dhub .dhbwallet_frame_const .wallet-body>.wb-container_const {
    min-height: 100%;
}

#dhub .dhbwallet_frame_const .wallet-body .wb-container_const>.tab-target {
    width: 100%;
    box-sizing: border-box;
    padding: 0 16px;
    top: 0;
}


/*! B2K Wallet */

#dhub .dhbwallet_frame_const .wallet-body .tab-target .balances_frame {
    position: relative;
    box-sizing: border-box;
    padding: 16px 12px;
    background-color: rgba(1, 32, 96, 0.025);
    border-radius: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

#dhub .dhbwallet_frame_const .wallet-body .tab-target .balances_frame>dhbwallet {
    position: relative;
    box-sizing: border-box;
}

#dhub .dhbwallet_frame_const .balances_frame dhbwallet>label,
#dhub .dhbwallet_frame_const .balances_frame dhbwallet>balance {
    display: block;
    position: relative;
    box-sizing: border-box;
    margin: 4px 0;
}

#dhub .dhbwallet_frame_const .balances_frame dhbwallet>label {
    font-family: 'Noto Sans';
    font-size: 0.78em;
    color: rgb(28,70,157);
}

#dhub .dhbwallet_frame_const .balances_frame dhbwallet>balance {
    font-family: 'Noto Sans';
    font-weight: bold;
    font-size: 2em;
}

#dhub .dhbwallet_frame_const .balances_frame dhbwallet>balance:after {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    content: '';
    position: absolute;
    width: 60px;
    height: 45px;
    right: 0;
    top: 0;
    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="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>');
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center right;
}

#dhub .dhbwallet_frame_const .balances_frame dhbwallet balance>.ctrl-visibility {
    display: inline-block;
    position: absolute;
    width: 35px;
    height: 35px;
    cursor: default;
    right: 2px;
    top: -40px;
}

#dhub .dhbwallet_frame_const .balances_frame dhbwallet balance>.ctrl-visibility:before {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    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,0.8)"><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>');
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
}

#dhub .dhbwallet_frame_const .balances_frame dhbwallet balance>.ctrl-visibility:hover: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(24,24,24)"><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 .dhbwallet_frame_const .balances_frame dhbwallet balance>.ctrl-visibility.active: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="rgba(24,24,24,0.8)"><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 .dhbwallet_frame_const .balances_frame dhbwallet balance>.ctrl-visibility.active:hover: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(24,24,24)"><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>');
}

/*! Transaction target */
#dhub .dhbwallet_frame_const .wallet-body .tab-target .operation-target_frame {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 16px 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 20px;
    place-items: center;
}

#dhub .dhbwallet_frame_const .operation-target_frame>task {
    cursor: default;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 100px;
    padding: 8px;
}

#dhub .dhbwallet_frame_const .operation-target_frame task:hover {
    border: 1px solid rgba(28,70,154,0.2);
    border-radius: 10px;
}

#dhub .dhbwallet_frame_const .operation-target_frame task>.icon,
#dhub .dhbwallet_frame_const .operation-target_frame task>.text {
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

#dhub .dhbwallet_frame_const .operation-target_frame task>.icon {
    background-color: rgb(32,33,37);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 4px;
    box-shadow: 1px 1px 3px rgba(24, 24, 24, 0.04);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

#dhub .dhbwallet_frame_const .operation-target_frame task>.icon:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    left: 0;
    background-repeat: no-repeat;
    border-radius: 10px;
}

#dhub .dhbwallet_frame_const .operation-target_frame task>.icon:before {
    top: 0;
    height: 100%;
    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="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>');
    background-size: 70%;
    background-position: center;
}

#dhub .dhbwallet_frame_const .operation-target_frame>task:hover>.icon {
    background-color: rgba(32,33,37, 0.8);
}

#dhub .dhbwallet_frame_const .operation-target_frame task[data-target="deposit"]>.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(247,213,54)"><path d="M440-320v-326L336-542l-56-58 200-200 200 200-56 58-104-104v326h-80ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z"/></svg>');
}

#dhub .dhbwallet_frame_const .operation-target_frame task[data-target="withdrawal"]>.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(247,213,54)"><path d="M480-320 280-520l56-58 104 104v-326h80v326l104-104 56 58-200 200ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z"/></svg>');
}

#dhub .dhbwallet_frame_const .operation-target_frame task[data-target="transfer"]>.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(247,213,54)"><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 .dhbwallet_frame_const .operation-target_frame task[data-target="unitpass"]>.icon:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 -960 960 960" width="48px" fill="rgb(247,213,54)"><path d="m482-278 156-156-43-43-83 83v-194h-60v194l-83-83-43 43 156 156ZM220-80q-24 0-42-18t-18-42v-501l239-239h341q24 0 42 18t18 42v680q0 24-18 42t-42 18H220Z"/></svg>');
}

#dhub .dhbwallet_frame_const .operation-target_frame task[data-target="shopping"]>.icon: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="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 .dhbwallet_frame_const .operation-target_frame task[data-target="invopay"]>.icon:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 -960 960 960" width="48px" fill="rgb(247,213,54)"><path d="M222-80q-43.75 0-74.37-30.63Q117-141.25 117-185v-125h127v-570l59.8 60 59.8-60 59.8 60 59.8-60 59.8 60 60-60 60 60 60-60 60 60 60-60v695q0 43.75-30.62 74.37Q781.75-80 738-80H222Zm514.5-60q19.5 0 31.5-12.5t12-32.5v-611H307v536h390v75q0 20 10 32.5t29.5 12.5ZM360-642v-60h240v60H360Zm0 134v-60h240v60H360Zm333-134q-12 0-21-9t-9-21q0-12 9-21t21-9q12 0 21 9t9 21q0 12-9 21t-21 9Zm0 129q-12 0-21-9t-9-21q0-12 9-21t21-9q12 0 21 9t9 21q0 12-9 21t-21 9Z"/></svg>');
}

#dhub .dhbwallet_frame_const .operation-target_frame task[data-target="finances"]>.icon:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 -960 960 960" width="48px" fill="rgb(247,213,54)"><path d="M318-420v-295h90v295l-45-45-45 45Zm194 91v-551h90v461l-90 90ZM124-229v-320h90v230l-90 90Zm-4 111 246-246 149 132 262-262h-88v-60h191v190h-60v-88L517-149 368-280 206-118h-86Z"/></svg>');
}

/*! ------------------- */

#dhub .dhbwallet_frame_const .operation-target_frame task.wf_ahr>.icon:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: -8px;
    left: unset;
    right: -14px;
    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(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>');
    background-position: center;
    background-size: 75%;
    background-repeat: no-repeat;
    /*! Animate --- */
    -moz-animation: spin 0.7s infinite linear;
    -o-animation: spin 0.7s infinite linear;
    -webkit-animation: spin 0.7s infinite linear;
    animation: spin 0.7s infinite linear;
}

#dhub .dhbwallet_frame_const .operation-target_frame task>.text {
    font-family: 'Noto Sans';
    font-size: 0.89em;
    color: rgb(0, 0, 0);
}

#dhub .dhbwallet_frame_const .operation-target_frame task>.trigger {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}

/*! DGHK SAFE ------------------ */

#dhub .dhbwallet_frame_const .tab-target>.box-title,
#dhub .dhbwallet_frame_const .tab-target .loans_container>.box-title {
    color: rgb(1, 32, 96);
    font-weight: normal;
    font-size: 0.98em;
    text-align: left;
    margin: 5px 0;
}

#dhub .dhbwallet_frame_const .container_safe-list {
    position: relative;
    box-sizing: border-box;
    padding: 12px 0;
    text-align: left;
}

#dhub .dhbwallet_frame_const .container_safe-list>dhbwsafe {
    cursor: default;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 100px;
    height: 120px;
    padding: 8px;
    margin-bottom: 10px;
    margin-right: 10px;
    left: -8px;
}

#dhub .dhbwallet_frame_const .container_safe-list dhbwsafe>.icon,
#dhub .dhbwallet_frame_const .container_safe-list dhbwsafe>.name {
    display: block;
    width: 100%;
    vertical-align: top;
    position: relative;
    box-sizing: border-box;
}

#dhub .dhbwallet_frame_const .container_safe-list dhbwsafe>.icon {
    height: 80%;
    border-radius: 10px;
    margin-bottom: 6px;
    background-color: rgba(1, 32, 96, 0.06);
    box-shadow: 1px 1px 3px rgba(24, 24, 24, 0.04);
}


#dhub .dhbwallet_frame_const .container_safe-list dhbwsafe>.name {
    font-family: Acme;
    font-size: 0.90em;
    text-align: center;
    color: rgb(0, 0, 0);
}

#dhub .dhbwallet_frame_const .container_safe-list dhbwsafe>.icon:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    border-radius: 10px;
    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="M420-360h120l-23-129q20-10 31.5-29t11.5-42q0-33-23.5-56.5T480-640q-33 0-56.5 23.5T400-560q0 23 11.5 42t31.5 29l-23 129Zm60 280q-139-35-229.5-159.5T160-516v-244l320-120 320 120v244q0 152-90.5 276.5T480-80Zm0-84q104-33 172-132t68-220v-189l-240-90-240 90v189q0 121 68 220t172 132Zm0-316Z"/></svg>');
}

#dhub .dhbwallet_frame_const .container_safe-list dhbwsafe:hover>.icon {
    box-shadow: 0px 4px 1.2px rgb(56, 0, 87);
}

#dhub .dhbwallet_frame_const .container_safe-list dhbwsafe[data-target="saving"]:hover>.icon:before {
    background-color: rgb(0, 158, 128);
}


#dhub .dhbwallet_frame_const .container_safe-list dhbwsafe[data-target="collective_contribution"]:hover>.icon:before {
    background-color: rgb(35, 206, 250);
}


#dhub .dhbwallet_frame_const .container_safe-list dhbwsafe[data-target="end_years"]:hover>.icon:before {
    background-color: rgb(255, 215, 0);
}


#dhub .dhbwallet_frame_const .container_safe-list dhbwsafe[data-target="safe_mall"]:hover>.icon:before {
    background-color: rgb(255, 182, 193);
}


#dhub .dhbwallet_frame_const .container_safe-list dhbwsafe>.trigger {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}

#dhub .dhbwallet_frame_const .buttons_container {
    margin-top: 20px;
}

#dhub .dhbwallet_frame_const .buttons_container>.dhb_button {
    margin-right: 16px;
    text-align: left;
}

/*! Historique de transaction */

#dhub .dhbwallet_frame_const .tab-target>.transactions_frame {
    background-color: rgba(1, 32, 96, 0.025);
    border-radius: 10px;
    position: relative;
    box-sizing: border-box;
    padding: 12px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% + 32px);
    left: -16px
}

#dhub .dhbwallet_frame_const .tab-target>.wallet-pending_requests {
    width: 100%;
    position: relative;
}

#dhub .dhbwallet_frame_const .wallet-pending_requests > .dhb-user_requests {
    width: calc(100% + 28px);
    left: -14px;
}

#dhub .dhbwallet_frame_const .transactions_frame>.trsf-title {
    font-family: 'Noto Sans';
    font-size: 0.85em;
    color: rgb(28,70,157);
    padding: 0 12px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
}

#dhub .dhbwallet_frame_const .transactions_frame>.trs-list_embed {
    position: relative;
    box-sizing: border-box;
    width: calc(100% - 10px);
    margin: 8px 5px;
    padding: 12px 8px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
}

#dhub .dhbwallet_frame_const .transactions_of {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 5px;
}

#dhub .dhbwallet_frame_const .transactions_of>label.date {
    font-family: 'Noto Sans';
    font-size: 0.89em;
    color: rgba(24, 24, 24, 0.9);
    padding: 0 4px;
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}

#dhub .dhbwallet_frame_const .transactions_of>.dhbwt-item {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 0 4px;
    display: flex;
    border-bottom: 1px solid rgba(1, 32, 96, 0.09);
    padding: 8px 0;
    align-items: center;
    border-radius: 10px;
}

#dhub .dhbwallet_frame_const .transactions_of>.dhbwt-item:hover {
    background-color: rgba(1, 32, 96, 0.03);
}

#dhub .dhbwallet_frame_const .transactions_of .dhbwt-item>.item-icon,
#dhub .dhbwallet_frame_const .transactions_of .dhbwt-item>.detail {
    position: relative;
    box-sizing: border-box;
}

#dhub .dhbwallet_frame_const .transactions_of .dhbwt-item>.item-icon {
    width: 40px;
    height: 40px;
}

#dhub .dhbwallet_frame_const .transactions_of .dhbwt-item>.item-icon:before {
    content: '\ebcc';
    display: inline-flex;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    font-family: 'DHub Icon Font from fontello';
    align-items: center;
    justify-content: center;
    font-size: 1.3em;
    color: rgb(247,213,54);
}

#dhub .dhbwallet_frame_const .transactions_of .dhbwt-item>.detail {
    width: calc(100% - 40px);
    display: flex;
    flex-direction: column;
}

#dhub .dhbwallet_frame_const .transactions_of .dhbwt-item>.detail:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 35px;
    height: 35px;
    right: 12px;
    bottom: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
    background-color: rgba(1, 32, 96, 0.06);
    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,0.9)"><path d="m321-80-71-71 329-329-329-329 71-71 400 400L321-80Z"/></svg>');
    border-radius: 50%;
    box-shadow: 1px 1px 3px rgba(24, 24, 24, 0.08);
}

#dhub .dhbwallet_frame_const .transactions_of .dhbwt-item .detail>span {
    display: inline-block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    font-family: 'Noto Sans';
}

#dhub .dhbwallet_frame_const .transactions_of .dhbwt-item .detail>span.operation {
    margin: 2px 0;
    font-family: 'Noto Sans';
    max-width: max-content;
    font-size: 1em;
    font-weight: bold;
}

#dhub .dhbwallet_frame_const .transactions_of .dhbwt-item.deposit .detail>span.operation {
    color: rgb(0, 118, 0);
}

#dhub .dhbwallet_frame_const .transactions_of .dhbwt-item.transfer .detail>span.operation {
    color: rgb(28,70,157);
}

#dhub .dhbwallet_frame_const .transactions_of .dhbwt-item.withdrawal .detail>span.operation {
    color: rgb(213,29,39);
}

#dhub .dhbwallet_frame_const .transactions_of .dhbwt-item .detail>span.ref {
    font-size: 0.88em;
    color: rgb(0, 0, 0);
    background-color: rgb(247,213,54);
    box-shadow: 1px 1px 5px rgba(24, 24, 24, 0.08);
    width: max-content;
    padding: 2px 10px 3px 10px;
    border-radius: 10px;
    margin: 2px 0;
}

#dhub .dhbwallet_frame_const .transactions_of .dhbwt-item .detail>span.hour {

    font-size: 0.78em;
    color: rgba(24, 24, 24, 0.9);
}

#dhub .dhbwallet_frame_const .transactions_of .dhbwt-item .detail>span.amount {
    position: absolute;
    right: 8px;
    text-align: right;
    max-width: 180px;
    font-size: 0.9em;
    top: 0;
    font-weight: bold;
    font-family: 'Noto Sans';
}

/*! DEPOSIT MOTHODS *********** */

#dhub .go-wgt_vfconst.wlt-dlg_container {
    position: relative;
    width: 100%; 
    height: 100%;
    box-sizing: border-box;
    padding: 0;
}

#dhub .go-wgt_vfconst.wlt-dlg_container .cell,
#dhub .go-wgt_vfconst.wlt-dlg_container .col {
    display: inline-flex;
}

#dhub .go-wgt_vfconst.wlt-dlg_container .cell {
    flex-direction: column;
}

#dhub .wlt-dlg_container > .wlt-wgt {
    cursor: default;
    user-select: none;
}

#dhub .wlt-dlg_container > .wlt-wgt.task {
    position: relative;
    box-sizing: border-box;
    padding: 8px 0;
    width: 100%;
    margin: 0;
    font-size: 1em;
    min-height: 100%;
}

#dhub .wlt-dlg_container .wlt-wgt.task > .main-view,
#dhub .wlt-dlg_container .wlt-wgt.task > .explorer {
    position: relative;
    box-sizing: border-box;
    width: 100%;
}

#dhub .wlt-dlg_container .wlt-wgt.task > .main-view {
    padding: 0 2px;
}

#dhub .wlt-dlg_container .wlt-wgt.task .wrapper {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    background-color: rgba(28,70,154,0.02);
}

#dhub .wlt-dlg_container .wlt-wgt.task .wrapper > .caption,
#dhub .wlt-dlg_container .wlt-wgt.task .wrapper > .available {
    position: relative;
    box-sizing: border-box;
}

#dhub .wlt-dlg_container .wlt-wgt.task .wrapper > .caption {
    width: 100%;
    font-family: 'Noto Sans';
    font-weight: bold;
    font-size: 0.82em;
    margin-bottom: 5px;
    display: inline-flex;
    justify-content: left;
    padding: 0 8px;
    color: rgb(0,0,0)
}

#dhub .wlt-dlg_container .wlt-wgt.task.unitpass .wrapper > .caption {
    text-align: center;
    justify-content: center;
    min-height: 35px;
    align-items: center;
    background-color: rgba(247,213,54,0.7);
    border-radius: 10px;
    font-size: 0.78em;
}


#dhub .wlt-dlg_container .wlt-wgt.task .wrapper > .available {
    background-color: rgba(248, 248, 248, 0.72);
    padding: 8px;
    border-radius: inherit;
    text-align: center;
    border-radius: 10px;
}

#dhub .wlt-dlg_container .wlt-wgt.task .available > .item {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    height: 130px;
    width: calc(50% - 10px);
    max-width: 120px;
    border-radius: 10px;
    vertical-align: top;
    padding: 8px;
    text-align: center;
    margin-left: 10px;
    left: -5px;
    margin-bottom: 10px;
    top: 5px;
    background-color: rgba(1, 32, 96, 0.04);
    box-shadow: 1px 1px 3px rgba(24, 24, 24, 0.08);
}

#dhub .wlt-dlg_container .wlt-wgt.task .available > .item:hover {
    border-radius: 10px;
}

#dhub .wlt-dlg_container .wlt-wgt.task .wrapper .item > .icon,
#dhub .wlt-dlg_container .wlt-wgt.task .wrapper .item >.text {
    box-sizing: border-box;
    position: relative;
    width: 100%;
}

#dhub .wlt-dlg_container .wlt-wgt.task .wrapper .item >.icon {
    height: 80%;
    margin-bottom: 6px;
    border-radius: inherit;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70% auto;
    box-shadow: 1px 1px 3px rgba(24, 24, 24, 0.08);
}

#dhub .wlt-dlg_container .wlt-wgt.task .wrapper .item.wave>.icon {
    background-image: url(/resources/images/icons/wave.webp);
    background-size: 100% auto;
}

#dhub .wlt-dlg_container .wlt-wgt.task .wrapper .item.orange_money>.icon{
    background-image: url(/resources/images/icons/orange.png);
    background-size: 100% auto;
}

#dhub .wlt-dlg_container .wlt-wgt.task .wrapper .item[data-operator="orange"]>.icon {
    background-image: url(/resources/images/icons/op_orange.png);
    background-size: 100% auto;
    background-position: top -20px center;
    background-color: rgb(255, 102, 2);
}

#dhub .wlt-dlg_container .wlt-wgt.task .wrapper .item.mtn_momo>.icon {
    background-image: url(/resources/images/icons/mtn.png);
    background-size: 100% 100%;
}

#dhub .wlt-dlg_container .wlt-wgt.task .wrapper .item[data-operator="mtn"]>.icon {
    background-image: url(/resources/images/icons/op_mtn.png);
    background-size: 85% auto;
    background-color: rgb(255, 204, 0);
}

#dhub .wlt-dlg_container .wlt-wgt.task .wrapper .item.moov_money>.icon,
#dhub .wlt-dlg_container .wlt-wgt.task .wrapper .item[data-operator="moov"]>.icon{
    background-color: rgb(0 99 173);
    background-image: url(/resources/images/icons/moovafrica.png);
    background-size: 80%;
}

#dhub .wlt-dlg_container .wlt-wgt.task .wrapper .item.visacard>.icon {
    background-image: url(/resources/images/icons/visa.png);
    background-color: rgba(244, 244, 244, 0.6);

}

#dhub .wlt-dlg_container .wlt-wgt.task .wrapper .item.mastercard>.icon {
    background-color: rgba(244, 244, 244, 0.6);
    background-image: url(/resources/images/icons/mc-logo-52.svg);
}

#dhub .wlt-dlg_container .wlt-wgt.task .wrapper.dhub .item >.icon {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: rgb(247,213,54);
}

#dhub .wlt-dlg_container .wlt-wgt.task .wrapper.dhub .item >.icon:before {
    background-image: url(/resources/images/logos/DHub.svg?100);
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: inherit;
    background-size: 100%;
}

#dhub .wlt-dlg_container .wlt-wgt.task .wrapper .item:hover >.icon {
    box-shadow: 0px 4px 1.3px rgb(28, 70, 157);
}

#dhub .wlt-dlg_container .wlt-wgt.task .wrapper .item > .text {
    font-family: 'Noto Sans';
    font-size: 0.70em;
    text-transform: uppercase;
    width: 100%;
    justify-content: center;
}

#dhub .wlt-dlg_container .wlt-wgt.task .wrapper .item > .trigger {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: inherit;
    cursor: default;
}

#dhub .wlt-dlg_container .wlt-wgt.task .explorer {
    display: flex;
}

#dhub .wlt-dlg_container .wlt-wgt.task .explorer > .top_bar,
#dhub .wlt-dlg_container .wlt-wgt.task .explorer > .view {
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

#dhub .wlt-dlg_container .wlt-wgt.transfer .top_bar {
    background-color: rgba(28,70,154,0.02);
    padding: 8px 0;
    border-radius: 10px;
}

#dhub .wlt-dlg_container .wlt-wgt.task .explorer.wf_ahr > .view:before {
    content: '';
    display: inline-flex;
    width: 70px;
    height: 70px; 
    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(28,70,154,0.2)"><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 60%;
  background-position: left 50% top 50%;
    top: 20px;
    left: calc(50% - 35px);
  /*! 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 .wlt-dlg_container .wlt-wgt.task .explorer > .top_bar {
    display: flex;
}

#dhub .wlt-dlg_container .wlt-wgt.task .explorer .top_bar > .col {
    position: relative;
    height: 35px;
    align-items: center;
    box-sizing: border-box;
}

#dhub .wlt-dlg_container .wlt-wgt.task .explorer .top_bar > .col.ctrl {
    width: 40px;
}

#dhub .wlt-dlg_container .wlt-wgt.task .explorer .top_bar > .col.ctrl:before {
    content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48" fill="rgb(24,24,24)"><path d="M259-200v-60h310q70 0 120.5-46.5T740-422q0-69-50.5-115.5T569-584H274l114 114-42 42-186-186 186-186 42 42-114 114h294q95 0 163.5 64T800-422q0 94-68.5 158T568-200H259Z"/></svg>');
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-position: left 50% top 50%;
  border-radius: 5px;
}

#dhub .wlt-dlg_container .wlt-wgt.task .explorer .top_bar > .col.title {
    font-size: 0.85em;
    width: calc(100% - 40px);
    justify-content: left;
    padding: 0 12px;
    color: rgb(28,70,154);
}

/* SOFT PAY : DEPOSIT */ 

#dhub .wlt-dlg_container .wlt-wgt.deposit .explorer .view> .tp_wpr,
#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay.form-content {
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .grp {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    background-color: rgba(255, 255, 255, 0.49);
    box-shadow: 1px 2px 5px rgba(24, 24, 24, 0.08);
    border-radius: 10px;
    box-sizing: border-box;
    width: calc(100% - 6px);
    padding: 16px 8px;
    padding-top: 25px;
    margin-top: 30px;
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .sum.grp > .field-layout {
    flex-direction: column;
    margin: 0;
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .sum.grp .col.caption {
    font-size: 0.65em;
    height: 35px;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -5px;
    color: rgb(0,0,0);
    font-weight: bold;
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .payd.grp > .field-layout {
    flex-direction: column;
    max-width: 50%;
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .payd.grp .caption.col {
    display: inline-block;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  font-family: 'Noto Sans';
  font-size: 0.85em;
  height: 25px;
  line-height: 24px;
  color: rgb(0,0,0);
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .payd.grp .custom-resize {
    border-radius: 10px;
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .payd.grp .custom-resize.phone {
    height: 50px;
    font-size: 1em;
    padding-left: 45px;
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .payd.grp .field-layout[class*="otp_code"] {
    background-color: rgba(28,70,154,0.1);
    border-radius: 8px;
    padding: 8px;
    box-sizing: border-box;
    flex-direction: row;
    align-items: center;
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .payd.grp .field-layout[class*="otp_code"] > label {
    font-size: 0.72em;
    line-height: 1.3em;
    width: calc(100% - 90px);
    padding-right: 10px;
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .payd.grp .field-layout[class*="otp_code"] label > font {
    font-weight: bold;
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .payd.grp .field-layout[class*="otp_code"] > .custom-resize {
    width: 90px;
    font-size: 1.1em;
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .payd.grp .custom-resize.phone::placeholder,
#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .payd.grp .field-layout[class*="otp_code"] > .custom-resize::placeholder {
    font-size: 0.76em;
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .tsvc-icon {
    width: 35px;
    height: 35px;
    display: inline-block;
    position: absolute;
    bottom: 12.5px;
    left: 3px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .tsvc-icon[class*="wave"],
#dhub .wlt-dlg_container .wlt-wgt.deposit .payment_partners > .item.wave {
    background-image: url(/resources/images/icons/wave.webp);
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .tsvc-icon[class*="orange"],
#dhub .wlt-dlg_container .wlt-wgt.deposit .payment_partners > .item.orange{
    background-image: url(/resources/images/icons/orange.png);
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .tsvc-icon[class*="mtn"],
#dhub .wlt-dlg_container .wlt-wgt.deposit .payment_partners > .item.mtn{
    background-image: url(/resources/images/icons/mtn.png);
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .tsvc-icon[class*="moov"],
#dhub .wlt-dlg_container .wlt-wgt.deposit .payment_partners > .item.moov{
    background-image: url(/resources/images/icons/moovafrica.png);
    background-color: rgb(0, 99, 173);
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay > .buttons_container {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay > .s-info {
    position: relative;
    font-family: 'Noto Sans', Verdana, sans-serif;
    display: inline-flex;
    width: max-content;
    padding-left: 25px;
    height: 30px;
    align-items: center;
    font-size: 0.7em;
    box-sizing: border-box;
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay > .s-info:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 100%;
    left: 0; 
    top: -1px;
    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-80q-33 0-56.5-23.5T160-160v-400q0-33 23.5-56.5T240-640h40v-80q0-83 58.5-141.5T480-920q83 0 141.5 58.5T680-720v80h40q33 0 56.5 23.5T800-560v400q0 33-23.5 56.5T720-80H240Zm240-200q33 0 56.5-23.5T560-360q0-33-23.5-56.5T480-440q-33 0-56.5 23.5T400-360q0 33 23.5 56.5T480-280ZM360-640h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80Z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .tp_wpr > .payment_partners {
    height: 25px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    opacity: 0.4;
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .payment_partners > .item {
    position: relative;
    display: inline-block;
    height: 100%;
    width: 30px;
    box-sizing: border-box;
    margin: 0 2px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-radius: 5px;
}

#dhub .wlt-dlg_container .wlt-wgt.deposit .payment_partners > .item.paydunya {
    background-image: url(/resources/images/logo_paydunya-min.png);
}

#dhub .wlt-wgt.deposit .softpay.procs-paym {
    border: 0;
    width: 100%;
    position: relative;
}

#dhub .wlt-wgt.deposit .explorer > .view.wf_ahr:before {
    content: '\e839';
    font-family: 'DHub Icon Font from fontello';
    display: inline-flex;
    width: 100px;
    height: 100px;
    position: absolute;
    left: calc(50% - 50px); 
    top: 30px;
    z-index: 1;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-size: 2em;
    color: rgba(247,213,54);
    -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;
}

/*! TRANSFER */ 

#dhub .wlt-dlg_container .wlt-wgt.transfer .explorer .top_bar > .col.title {
    font-weight: bold;
}

#dhub .wlt-dlg_container form.wlt-transfer {
    width: calc(100% - 12px);
    position: relative;
    box-sizing: border-box;
    left: 6px;
}

#dhub .wlt-dlg_container form.wlt-transfer > .fields-wrapper {
    flex-direction: column;
    margin-top: 16px;
}

#dhub .wlt-dlg_container .wlt-transfer .field-layout {
    flex-direction: column;
}

#dhub .wlt-dlg_container .wlt-transfer .field-layout.for_amount {
    margin-top: 25px;
}

#dhub .wlt-dlg_container .wlt-transfer .field-layout > .caption {
    color: rgb(0,0,0);
    font-size: 0.82em;
    font-family: 'Noto Sans';
}

#dhub .wlt-dlg_container .wlt-transfer .field-layout.for_amount > .caption {
    font-size: 0.65em;
    width: 100%;
    text-align: center;
    justify-content: center;
    color: rgb(28,70,154);
}

#dhub .wlt-dlg_container .wlt-transfer .fields-wrapper .custom-resize {
    border-radius: 10px;
    height: 50px;
    font-size: 0.98em;
}

#dhub .wlt-dlg_container .wlt-transfer .fields-wrapper .field-layout > .sendto {
    padding-left: 40px;
}

#dhub .wlt-dlg_container .wlt-transfer .fields-wrapper .field-layout > .ctrl {
    position: absolute;
    width: 35px;
    height: 35px;
    bottom: 12.5px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
}

#dhub .wlt-dlg_container .wlt-transfer .fields-wrapper .field-layout > .ctrl:before {
    content: '\ea12';
    font-family: 'DHub Icon Font from fontello';
    width: 100%; 
    height: 100%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: rgb(247,213,54);
}

#dhub .wlt-dlg_container .wlt-transfer .fields-wrapper .field-layout.wf_ahr > .ctrl:before {
    content: '';
    font-family: unset;
    display: inline-block; 
    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 70%;
  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;
}

#dhub .wlt-dlg_container .wlt-transfer .fields-wrapper .amount {
    border: 0;
    height: 80px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    font-family: 'Noto Sans';
    font-size: 2.5em;
    text-align: center;
}

#dhub .wlt-dlg_container .wlt-transfer .fields-wrapper .amount:focus {
    border: 0;
}

#dhub .wlt-dlg_container .wlt-transfer .fees > .wrapper {
    background-color: unset;
    width: 100%;
}

#dhub .wlt-dlg_container .wlt-transfer .fees .line {
    position: relative;
    padding: 8px 0 8px 6px;
    display: flex;
    width: 100%;
    min-height: 40px;
    box-sizing: border-box;
    align-items: center;
}

#dhub .wlt-dlg_container .wlt-transfer .fees .line > span {
    display: inline-flex;
    width: 50%;
    position: relative;
    box-sizing: border-box; 
    align-items: center;
}

#dhub .wlt-dlg_container .wlt-transfer .fees .line > .label {
    font-size: 0.68em;
}

#dhub .wlt-dlg_container .wlt-transfer .fees .operator:hover {
    background-color: rgba(28, 70, 154, 0.04);
    border-radius: 10px;
}

#dhub .wlt-dlg_container .wlt-transfer .fees .line.operator > .label {
    width: max-content;
    max-width: calc(50% - 35px);
}

#dhub .wlt-dlg_container .wlt-transfer .fees .operator > .ctrl {
    background-color: rgba(0, 0, 0, 0.09);
    width: 35px;
    height: 20px;
    border-radius: 10px;
    position: relative;
    margin-left: 10px;
    box-sizing: border-box;
}

#dhub .wlt-dlg_container .wlt-transfer .fees .operator > .ctrl:before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px; 
  background-color: rgb(24,24,24);
  border-radius: 50%;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
}

#dhub .wlt-dlg_container .wlt-transfer .fees .operator.active > .ctrl {
    background-color: rgb(247,213,54);
}

#dhub .wlt-dlg_container .wlt-transfer .fees .operator.active > .ctrl:before {
  background-color: rgb(28,70,154);
  left: unset;
  right: 3px;
}

#dhub .wlt-dlg_container .wlt-transfer .fees .line > .data {
    justify-content: right;
    font-weight: bold;
    font-family: 'Noto Sans';
    font-size: 0.88em;
    padding-right: 6px;
}

#dhub .wlt-dlg_container .wlt-transfer .fees .line.operator > .data {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

#dhub .wlt-dlg_container .wlt-transfer .btn_wrp {
    margin-top: 30px;
    width: 100%;
    display: flex;
    justify-content: center;
}

/*! UNIT PASS */ 
#dhub .wlt-dlg_container .wlt-wgt.unitpass .toggle {
    width: calc(100% - 5px);
    position: relative;
    box-sizing: border-box;
    display: flex;
    margin: 16px 0;
    align-items: center;
    justify-content: center;
    height: 60px;
    border: 2px dashed rgb(247,213,54);
    border-radius: 10px
}

#dhub .wlt-dlg_container .wlt-wgt.unitpass .toggle > .col {
    display: inline-flex;
    box-sizing: border-box;
    height: 40px;
    align-items: center;
    width: max-content;
    background-color: rgba(28,70,154,0.02);
    margin: 0 10px;
    border-radius: 10px;
    position: relative; 
    top: -2px;
}

#dhub .wlt-dlg_container .wlt-wgt.unitpass .toggle > .col.active {
    box-shadow: 0px 2px 1.2px rgb(28, 70, 157);
}

#dhub .wlt-dlg_container .wlt-wgt.unitpass .toggle > .col .option {
    cursor: default;
    user-select: none;
    position: absolute;
    height: 24px;
    width: 16px;
    left: 2px;
    top: calc(50% - 2px);
    transform: translateY(-50%);
}

#dhub .wlt-dlg_container .wlt-wgt.unitpass .toggle > .col label {
    position: relative;
    display: inline-flex;
    height: 100%;
    align-items: center;
    padding: 0 12px 0 30px;
    color: rgb(0,0,0);
    text-transform: uppercase;
    font-size: 0.76em;
    cursor: default;
    user-select: none;
}

#dhub .wlt-dlg_container .wlt-wgt.unitpass .filter {
    position: relative;
    width: calc(100% - 5px);
    box-sizing: border-box;
    margin-bottom: 20px;
    background-color: rgba(28,70,154,0.03);
    padding: 8px 5px;
    border-radius: 10px;
}

#dhub .wlt-dlg_container .wlt-wgt.unitpass .filter > .caption {
  display: inline-flex;
  font-size: 0.85em;
  color: rgb(0,0,0);
  padding: 0 12px;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: 25px;
  align-items: center;
}

#dhub .wlt-dlg_container .wlt-wgt.unitpass .filter > .groupment {
    display: flex;
}

#dhub .wlt-dlg_container .wlt-wgt.unitpass .filter > .groupment .field-layout {
    margin-right: 0;
    display: inline-flex;
    box-sizing: border-box;
    position: relative;
}

#dhub .wlt-dlg_container .wlt-wgt.unitpass .filter > .groupment .for_keywords {
    width: calc(60% - 10px);
    margin-right: 10px;
}

#dhub .wlt-dlg_container .wlt-wgt.unitpass .filter > .groupment .for_sort {
    width: 40%;
}

#dhub .wlt-dlg_container .wlt-wgt.unitpass .filter > .groupment input,
#dhub .wlt-dlg_container .wlt-wgt.unitpass .filter > .groupment select{
    display: inline-block;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  font-family: 'Noto Sans';
  font-size: 0.8em;
  padding: 0 8px;
  background-color: rgba(244, 244, 244, 0.8);
  height: 40px;
  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 .wlt-dlg_container .wlt-wgt.unitpass .filter > .groupment input:focus,
#dhub .wlt-dlg_container .wlt-wgt.unitpass .filter > .groupment select:focus {
    border-bottom: 1px solid rgba(247,213,54, 0.9);
}

#dhub .wlt-dlg_container .wlt-wgt.unitpass .wrapper {
    background-color: unset;
}


#dhub .wlt-dlg_container .wlt-unitpass {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    width: calc(50% - 16px);
    left: 4px;
    border-radius: 10px;
    border: 1px solid rgb(247,213,54);
    cursor: default;
    user-select: none;
    margin-bottom: 16px;
    font-size: 1em;
    background-color: rgb(28,70,154,0.03);
    vertical-align: top;
}

#dhub .wlt-dlg_container .wlt-unitpass:nth-child(even) {
    left: 16px;
}

#dhub .wlt-dlg_container .wlt-unitpass:hover {
    box-shadow: 0px 2px 1.2px rgb(28, 70, 157);
}

#dhub .wlt-dlg_container .wlt-unitpass > .col {
    display: inline-flex;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

#dhub .wlt-dlg_container .wlt-unitpass > .icon {
    height: 60px;
}

#dhub .wlt-dlg_container .wlt-unitpass > .icon:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 70px;
    height: 50px;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    background-position: center;
    background-size: 65% auto;
    background-repeat: no-repeat;
}

#dhub .wlt-dlg_container .wlt-unitpass.mix > .icon: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="M760-482q0-117-81.5-198.5T480-762v-80q75 0 140.5 28.5t114 77q48.5 48.5 77 114T840-482h-80Zm-160 0q0-50-35-85t-85-35v-80q83 0 141.5 58.5T680-482h-80Zm198 362q-125 0-247-54.5T329-329Q229-429 174.5-551T120-798q0-18 12-30t30-12h162q14 0 25 9.5t13 22.5l26 140q2 16-1 27t-11 19l-97 98q20 37 47.5 71.5T387-386q31 31 65 57.5t72 48.5l94-94q9-9 23.5-13.5T670-390l138 28q14 4 23 14.5t9 23.5v162q0 18-12 30t-30 12Z"/></svg>');
}

#dhub .wlt-dlg_container .wlt-unitpass.mobiledata > .icon:before {
    background-size: 75% auto;
    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="M800-360v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80Zm-600 80v-120H40v-280h80v200h80v-200h80v200h40v80h-40v120h-80Zm480-240v160q0 33-23.5 56.5T600-280H440q-33 0-56.5-23.5T360-360v-240q0-33 23.5-56.5T440-680h160q33 0 56.5 23.5T680-600H440v240h160v-80h-80v-80h160Z"/></svg>');
}

#dhub .wlt-dlg_container .wlt-unitpass > .entitled {
    color: rgb(0,0,0);
    font-weight: bold;
    padding: 5px 8px;
    text-align: center;
    font-size: 0.88em;
}

#dhub .wlt-dlg_container .wlt-unitpass > .benefits {
    font-size: 0.52em;
    padding: 5px 8px;
    color: rgba(0,0,0,0.8);
    font-family: 'Noto Sans';
    min-height: 25px;
    align-items: center;
    position: relative; top: -5px;
    text-align: center;
}

#dhub .wlt-dlg_container .wlt-unitpass > .cost {
    height: 40px;
    background-color: rgb(247,213,54);
    border-radius: 0 0 10px 10px;
    color: rgb(0,0,0);
    font-size: 0.74em;
    font-weight: bold;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-family: 'Noto Sans';
    padding: 0 8px;
}

#dhub .wlt-dlg_container .wlt-wgt.unitpass .order_frame {
    width: calc(100% - 5px);
}

#dhub .wlt-dlg_container .wlt-wgt.unitpass .order_frame,
#dhub .wlt-dlg_container .wlt-wgt.unitpass .order_frame > .form-content {
    box-sizing: border-box;
    position: relative;
}

#dhub .wlt-dlg_container .wlt-wgt.unitpass .order_frame > .form-content {
    font-size: 1em;
    padding: 16px 0;
}

#dhub .wlt-wgt.unitpass .order_frame > form.units label.amount {
    display: inline-flex;
    color: rgb(0,0,0);
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    font-size: 0.85em;
    height: 35px;
}

#dhub .wlt-wgt.unitpass .order_frame > form.units .custom-resize.amount {
    border: 0;
    height: 80px;
    color: rgb(0,0,0);
    font-weight: bold;
    font-family: 'Noto Sans';
    font-size: 2.5em;
    text-align: center;
}


#dhub .wlt-wgt.unitpass .order_frame form.pass > div {
    box-sizing: border-box;
    position: relative;
}

#dhub .wlt-wgt.unitpass .order_frame form.pass > .cell {
    display: flex;
}

#dhub .wlt-wgt.unitpass .order_frame form.pass > .entitled {
    font-weight: bold;
    font-size: 1.1em;
}

#dhub .wlt-wgt.unitpass .order_frame form.pass > .benefits {
    margin-top: 16px;
    align-items: center;
}

#dhub .wlt-wgt.unitpass .order_frame form.pass > .entitled .data,
#dhub .wlt-wgt.unitpass .order_frame form.pass > .benefits .col {
    display: inline-block; 
    text-align: center;
    width: 100%;
}

#dhub .wlt-wgt.unitpass .order_frame form.pass > .benefits .label {
    font-size: 0.68em;
    color: rgb(28,70,154);
    display: inline-flex;
    justify-content: center;
    width: max-content;
    height: 30px;
    align-items: center;
}

#dhub .wlt-wgt.unitpass .order_frame form.pass > .benefits .data {
    font-size: 0.78em;
}

#dhub .wlt-wgt.unitpass .order_frame form.pass > .quote {
    margin: 16px 0;
    background-color: rgba(28,70,154,0.04);
    padding: 0 12px;
    border-radius: 10px;
}

#dhub .wlt-wgt.unitpass .order_frame form.pass .quote > div {
    flex-direction: row;
    margin: 12px 0
}

#dhub .wlt-wgt.unitpass .order_frame form.pass .quote span.col {
    position: relative;
    box-sizing: border-box;
    color: rgb(0,0,0);
    align-items: center;
}

#dhub .wlt-wgt.unitpass .order_frame form.pass .quote .label {
    font-size: 0.65em;
    width: 40%;
    justify-content: left;
}

#dhub .wlt-wgt.unitpass .order_frame form.pass .quote .data {
    text-align: right;
    justify-content: right;
    width: 60%;
    font-weight: bold;
    font-size: 0.8em;
}

#dhub .wlt-wgt.unitpass .order_frame form.pass .quote .cost > .data {
    font-size: 1.1em
}

#dhub .wlt-wgt.unitpass .order_frame > form.units .field-layout,
#dhub .wlt-wgt.unitpass .order_frame > form.pass .field-layout {
    margin: 16px 0;
}

#dhub .wlt-wgt.unitpass .order_frame > form.units label.rcp,
#dhub .wlt-wgt.unitpass .order_frame > form.pass label.rcp {
    color: rgb(0,0,0);
    font-size: 0.82em;
}

#dhub .wlt-wgt.unitpass .order_frame > form.pass .custom-resize,
#dhub .wlt-wgt.unitpass .order_frame > form.units .custom-resize {
    border-radius: 10px;
    height: 50px;
    font-size: 0.98em;
}


#dhub .wlt-dlg_container .wlt-wgt.unitpass .order_frame .ctrl-wrper {
    display: flex;
    align-items: center;
}

#dhub .wlt-wgt.unitpass .order_frame .ctrl-wrper > .dhb_button {
    left: 50%;
    transform: translateX(-50%);
}


/*! END UNITS PASS */


/*! USING B2KWCC ------------------- */

#dhub .dhbwallet_frame_const .dhb-box_layout>.using_dhbwcc_form {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 8px 10px 8px;
    border-radius: inherit;
    height: 100%;
    overflow: hidden auto;
}

#dhub .dhbwallet_frame_const .dhb-box_layout>.using_dhbwcc_form::-webkit-scrollbar {
  width: 3px !important;
  background: rgba(247,213,54, 0.3);
}

#dhub .dhbwallet_frame_const .dhb-box_layout>.using_dhbwcc_form[data-target="fetch"] {
    border-bottom: 1px solid rgba(1, 32, 96, 0.08);
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form>.content_title {
    font-family: 'Noto Sans';
    font-weight: normal;
    text-align: center;
    font-size: 0.89em;
    padding: 8px 0;
    background-color: rgba(1, 32, 96, 0.02);
    border-radius: inherit;
    font-weight: bold;
    border-radius: 10px;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form>.groupment {
    flex-direction: column;
    margin: 10px 0;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form>.groupment span.field-layout {
    margin: 5px 0;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form label[class^="for_"] {
    font-family: 'Noto Sans';
    font-size: 0.92em;
    padding: 0 8px;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form input.custom-resize {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    height: 50px
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form input.custom-resize::placeholder {
    color: rgba(24, 24, 24, 0.6);
    font-size: 14px;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form input.custom-resize[name="reference"],
#dhub .dhbwallet_frame_const .using_dhbwcc_form input.custom-resize[name="amount"] {
    font-family: 'Noto Sans';
    font-size: 1.65em;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form input.custom-resize[name="reference"]::placeholder,
#dhub .dhbwallet_frame_const .using_dhbwcc_form input.custom-resize[name="amount"]::placeholder {
    font-size: 14px;
}


#dhub .dhbwallet_frame_const .using_dhbwcc_form a.purchase-dhbwcc_link {
    display: inline-flex;
    margin-bottom: 10px;
    cursor: pointer;
    align-items: center;
    justify-content: left;
    width: 100%;
    font-size: 1.1em;
    padding: 0 8px;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form a.purchase-dhbwcc_link:hover {
    text-decoration: underline;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form>.button_container {
    text-align: center;
    margin: 10px 0;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form>.card_embed {
    box-sizing: border-box;
    width: 100%;
    position: relative;
    margin: 10px 0;
    padding: 20px 4px;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .card_embed>.card {
    display: flex;
    background-color: rgba(1, 32, 96, 0.06);
    border-radius: 10px;
    height: 220px;
    box-shadow: 1px 2px 5px rgba(24, 24, 24, 0.4);
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    cursor: default;
    user-select: none;
    width: 100%;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .card_embed>span.card.active {
    background-color: rgb(28, 70, 157);
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .card>span {
    display: inline-flex;
    position: relative;
    box-sizing: inherit;
    width: 100%;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .card>.name {
    height: 25%;
    font-family: 'Noto Sans';
    font-weight: bold; 
    letter-spacing: 5px;
    text-align: center;
    max-width: max-content;
    text-transform: uppercase;
    align-items: center;
    font-size: 1.6em;
    color: rgb(247,213,54);
    text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.4);
    padding: 0 8px;
    border-radius: 5px;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .card>.dghk_ref {
    height: 20%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: rgb(244, 244, 244);
    font-size: 1.6em;
    font-family: 'Maven Pro';
    max-width: max-content;
    align-items: center;
    text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.5);
    letter-spacing: 3px;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .card>.holder {
    height: 35%;
    flex-direction: column;
    align-items: left;
    top: 10px;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .card .holder>span {
    display: block;
    width: 100%;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .card .holder>.label {
    color: rgba(244, 244, 244, 0.8);
    font-family: 'Noto Sans';
    font-size: 0.78em;
    margin-bottom: 2px;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .card .holder>.cardholder_name {
    font-family: 'Noto Sans';
    text-transform: uppercase;
    font-size: 1.1em;
    color: rgba(244, 244, 244, 0.9);
    position: relative;
    text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.5);
    max-width: 256px;
    display: inline-flex;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .card>.serial {
    position: absolute;
    width: max-content;
    height: 35px;
    bottom: 5px;
    display: inline-block;
    left: 8px;
    align-items: center;
    line-height: 35px;
    color: rgba(244, 244, 244, 0.8);
    font-family: 'Noto Sans';
    font-size: 0.78em;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .card>.logo-dhub {
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: 8px;
    display: inline-block;
    right: 8px;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .card>.logo-dhub:before {
    background-image: url(/resources/images/logos/DHub.svg?100);
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0.9;
    background-color: rgb(247,213,54);
    border-radius: 10px;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .groupment>dhbwcc,
#dhub .dhbwallet_frame_const .using_dhbwcc_form .groupment>.field_modes {
    display: inline-flex;
    flex-direction: column;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form dhbwcc {
    box-sizing: border-box;
    position: relative;
    display: block;
    padding: 16px 12px;
    background-color: rgba(1, 32, 96, 0.025);
    border-radius: 10px;
    width: 100%;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form dhbwcc>.label {
    font-family: 'Noto Sans';
    font-size: 0.78em;
    color: rgb(1, 32, 96);
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form dhbwcc>.balance {
    font-family: 'Noto Sans';
    font-weight: bold;
    font-size: 1.8em;
    position: relative;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form dhbwcc>.balance:after {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    content: '';
    position: absolute;
    width: 60px;
    height: 45px;
    right: 0;
    top: 0;
    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="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>');
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center right;
}


#dhub .dhbwallet_frame_const .using_dhbwcc_form .field_modes {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.4);
    padding: 8px;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .field_modes>.label {
    color: rgb(1, 32, 96);
    font-size: 0.98em;
    display: inline-block;
    width: 100%;
    margin: 5px 0;
    cursor: default;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .mode-option {
    border-bottom: 1px solid rgba(1, 32, 96, 0.09);
    border-radius: inherit;
    padding: 5px 12px;
    background-color: rgba(1, 32, 96, 0.01);
    margin: 5px 0;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .mode-option>input {
    width: 40px;
    height: 25px;
    position: relative;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .mode-option>label {
    padding-left: 5px;
    color: rgb(24, 24, 24);
    font-size: 0.95em;
    height: max-content;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form div.to-ow {
    display: none;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form div.to-ow.active {
    display: flex;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .sugg_amounts {
    display: block;
    text-align: center;
    margin: 8px 0;
    padding: 0 8px;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .sugg_amounts>span {
    cursor: default;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid rgba(32, 33, 37, 0.03);
    border-radius: 5px;
    height: 40px;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 0 12px;
    background-image: linear-gradient(to left, rgba(28,70,157, 0.6) 20%, rgba(28,70,157, 0.2) 100%);
    background-color: rgba(28,70,157, 0.88);
    box-shadow: 0 1px 5px rgba(24, 24, 24, 0.4);
    width: max-content;
    color: rgb(244, 244, 244);
    line-height: 40px;
    font-size: 0.96em;
    user-select: none;
    margin: 2.5px;
}

#dhub .dhbwallet_frame_const .using_dhbwcc_form .sugg_amounts>span:hover {
    background-color: rgb(28,70,157);
}


/*! PURCHASE B2K-WCC ------------- */

#dhub .wlt-cc_purchase_frame {
    font-size: 1em;
    width: 100%;
    position: relative;
    box-sizing: border-box;
}

#dhub .wlt-cc_purchase_frame p.welcome,
#dhub .wlt-cc_purchase_frame p.step,
#dhub .wlt-cc_purchase_frame p.desc,
#dhub .wlt-cc_purchase_frame p.buttons {
    padding: 0;
    margin: 8px 0;
    font-family: 'Noto Sans';
    text-align: left;
}

#dhub .wlt-cc_purchase_frame .col,
#dhub .wlt-cc_purchase_frame .cell {
    display: inline-flex;
}

#dhub .wlt-cc_purchase_frame .cell,
#dhub .wlt-dlg_container .wlt-wgt.deposit .cell {
    flex-direction: column;
}

#dhub .wlt-cc_purchase_frame .col.left,
#dhub .wlt-dlg_container .wlt-wgt.deposit .col.left{
    justify-content: left;
}

#dhub .wlt-cc_purchase_frame .col.right,
#dhub .wlt-dlg_container .wlt-wgt.deposit .col.right{
    justify-content: right;
}

#dhub .wlt-cc_purchase_frame > p.welcome {
    background-color: rgba(28, 70, 154,0.04);
    border-radius: 10px;
    padding: 5px 8px;
    font-size: 0.8em;
    color: rgb(0,0,0);
    width: calc(100% - 6px); 
    box-sizing: border-box;
}

#dhub .wlt-cc_purchase_frame .welcome > font.dhbwcc {
    font-weight: bold;
}

#dhub .wlt-cc_purchase_frame p.step,
#dhub .wlt-cc_purchase_frame div.step {
    background-color: rgba(255, 255, 255, 0.49);
    box-shadow: 1px 2px 5px rgba(24, 24, 24, 0.08);
    border-radius: 10px;
    box-sizing: border-box;
    width: calc(100% - 6px);
    padding: 16px 8px;
    position: relative;
    padding-top: 25px;
    margin-top: 30px;
}

#dhub .wlt-cc_purchase_frame>.form-content,
#dhub .wlt-cc_purchase_frame>.support {
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

#dhub .wlt-cc_purchase_frame .groupment.sum > .field-layout {
    flex-direction: column;
    margin: 0;
}

#dhub .wlt-cc_purchase_frame .groupment.sum .col.caption {
    font-size: 0.65em;
    height: 35px;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -5px;
    color: rgb(0,0,0);
}

#dhub .wlt-cc_purchase_frame .groupment.sum .field-layout > .amount,
#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .field-layout > .amount{
    outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border: 0;
  background-color: rgba(0,0,0,0.0);
  height: 60px;
  padding: 0 8px;
  color: rgb(24,24,24);
  font-family: 'Noto Sans';
  font-weight: bold;
  font-size: 2.5em;
  display: inline-flex;
  width: 100%;
  text-align: center;
  cursor: auto;
}

#dhub .wlt-cc_purchase_frame .groupment.sum > .resume,
#dhub .wlt-cc_purchase_frame .groupment.sum .resume > div,
#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .resume, 
#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .resume > div{
    position: relative;
    box-sizing: border-box;
    width: 100%;
}

#dhub .wlt-cc_purchase_frame .groupment.sum .resume > div,
#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .resume > div{
    margin: 5px 0;
    height: 25px;
}

#dhub .wlt-cc_purchase_frame .groupment.sum .resume .label,
#dhub .wlt-cc_purchase_frame .groupment.sum .resume .data,
#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .resume .label,
#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .resume .data{
    height: 100%;
    align-items: center;
}

#dhub .wlt-cc_purchase_frame .groupment.sum .resume .label,
#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .resume .label{
    font-size: 0.72em;
    width: 60%;
}

#dhub .wlt-cc_purchase_frame .groupment.sum .resume .data,
#dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .resume .data {
    font-size: 0.9em;
    width: 40%;
    font-weight: bold;
}

#dhub .wlt-cc_purchase_frame .step>.step_number {
    display: inline-block;
    position: absolute;
    width: 35px;
    height: 35px;
    background-color: rgb(247, 213, 54);
    color: rgb(24, 24, 24);
    font-weight: bold;
    text-align: center;
    line-height: 34px;
    font-size: 1.6em;
    border-radius: 50%;
    box-shadow: 1px 1px 3px rgba(24, 24, 24, 0.6);
    top: -15.5px;
}

#dhub .wlt-cc_purchase_frame>p.step .step_number,
#dhub .wlt-cc_purchase_frame .form-content>p.step .step_number {
    left: 5px;
}

#dhub .wlt-cc_purchase_frame div.step>.step_number {
    right: 5px;
}

#dhub .wlt-cc_purchase_frame .step>.desc {
    display: block;
    padding-bottom: 5px;
    font-size: 0.9em;
    color: rgb(0, 0, 0);
    font-family: 'Noto Sans';
}

#dhub .wlt-cc_purchase_frame div.step>.desc {
    font-size: 0.85em;
}

#dhub .wlt-cc_purchase_frame .step .desc>font.rcpt {
    font-weight: bold;
}

#dhub .wlt-cc_purchase_frame .step .desc>.momo-svc,
#dhub .wlt-cc_purchase_frame .step .desc > .payable{
    font-weight: bold;
}

#dhub .wlt-cc_purchase_frame .step .payment {
    display: flex;
    flex-direction: column;
    padding-bottom: 5px;
    font-size: 1.082em;
    background-color: rgba(28, 70, 154,0.04);
    border-radius: inherit;
    padding: 8px;
    box-sizing: border-box;
    border: 2px dashed rgb(247,213,54);
}

#dhub .wlt-cc_purchase_frame .step .payment>.caption {
    color: rgb(0,0,0);
    font-size: 0.8em;
    font-style: italic;
}

#dhub .wlt-cc_purchase_frame .step .payment>.accept {
    display: inline-flex;
    flex-direction: inherit;
    margin: 8px 0;
    font-size: 1.04em;
    border-radius: 10px;
    border-bottom: 1px solid rgba(1, 32, 96, 0.2);
    padding: 8px;
    background-color: rgba(255, 255, 255, 0.8);
    cursor: default;
    position: relative;
    padding-left: 40px;
}

#dhub .wlt-cc_purchase_frame .step .payment>.accept:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

#dhub .wlt-cc_purchase_frame .step .payment>.accept:before {
    content: '';
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    left: 4px;
    top: 25%;
    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="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>');
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
}

#dhub .wlt-cc_purchase_frame .step .payment .label {
    display: inline-block;
    cursor: default;
    user-select: none;
    position: relative;
    font-weight: bold;
}

#dhub .wlt-cc_purchase_frame .step .payment .label:before,
#dhub .wlt-cc_purchase_frame .step .payment .label:after {
    content: '';
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 102%;
    background-position: center;
    right: 0;
    border-radius: 50%;
    top: -2px;
    box-shadow: 0 0 3px rgba(24, 24, 24, 0.3);
}

#dhub .wlt-cc_purchase_frame .step .payment > .wave .label:after {
    background-image: url(/resources/images/icons/wave.webp);
}

#dhub .wlt-cc_purchase_frame .step .payment >.orange .label:after {
    background-image: url(/resources/images/icons/orange.png);
}

#dhub .wlt-cc_purchase_frame .step .payment > .mtn .label:after {
    background-image: url(/resources/images/icons/mtn.png);
}

#dhub .wlt-cc_purchase_frame .step .payment > .moov .label:after {
    background-image: url(/resources/images/icons/moovafrica.png);
    background-color: rgb(0, 99, 173);
}

#dhub .wlt-cc_purchase_frame .step .payment .number {
    font-weight: bold;
    display: inline-block;
    margin-top: 5px;
    font-size: 0.96em;
    width: max-content;
}

#dhub .wlt-cc_purchase_frame .step>.nb_container {
    margin-top: 10px;
    display: block;
    background-color: rgba(247, 213, 54, 0.6);
    padding: 5px 8px;
    border-radius: inherit;
    font-weight: bold;
    font-size: 1.1em;
}

#dhub .wlt-cc_purchase_frame .step .nb_container>.nb {
    font-family: Acme;
}

#dhub .wlt-cc_purchase_frame .step .nb_container font.amount {
    font-family: Acme;
}


#dhub .wlt-cc_purchase_frame .groupment {
    background-color: rgba(255, 255, 255, 0.55);
    padding: 8px;
    border-radius: inherit;
    box-sizing: border-box;
    position: relative;
    border: 1px solid rgba(1, 32, 96, 0.03);
    margin: 10px 0;
}

#dhub .wlt-cc_purchase_frame .step .content-resizable > .caption,
#dhub .wlt-cc_purchase_frame .groupment.receipt_container label{
    font-size: 0.8em;
    color: rgb(0,0,0);
}

#dhub .wlt-cc_purchase_frame .groupment .content-resizable>.custom-resize {
    height: 50px;
    border-radius: 10px;
    background-color: rgba(1, 32, 96, 0.02);
    font-size: 1.1em;
}

#dhub .wlt-cc_purchase_frame .groupment .field-layout.for_autocharging {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
    height: 45px;
}

#dhub .wlt-cc_purchase_frame .groupment .for_autocharging > input.autocharging {
    width: 30px;
    height: 16px;
    position: relative;
}

#dhub .wlt-cc_purchase_frame .groupment .for_autocharging > label {
    cursor: default;
    color: rgb(28,70,154);
    font-size: 0.8em;
    width: calc(100% - 30px);
    line-height: unset;
    height: max-content;
}

#dhub .wlt-cc_purchase_frame .groupment .content-resizable>.custom-resize::placeholder {
    font-size: 14.5px;
    color: rgba(1, 32, 96, 0.55);
}

#dhub .wlt-cc_purchase_frame .dghk-setup_input-file > .dghk-selected_files: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-320v-326L336-542l-56-58 200-200 200 200-56 58-104-104v326h-80ZM240-160q-33 0-56.5-23.5T160-240v-120h80v120h480v-120h80v120q0 33-23.5 56.5T720-160H240Z"/></svg>');
}

#dhub .wlt-cc_purchase_frame .dghk-setup_input-file > input.dghk-input_tag[type="file"] {
    position: absolute;
}

#dhub .wlt-cc_purchase_frame .groupment .content-resizable.error_found .file-selector,
#dhub .wlt-cc_purchase_frame .groupment .content-resizable.error_found .custom-resize {
    background-color: rgba(213, 29, 39, 0.6);
}


#dhub .wlt-cc_purchase_frame .buttons_container {
    text-align: center;
    font-size: 0.9em
}

#dhub .wlt-cc_purchase_frame .step .dhb_button > .text:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="64" viewBox="0 -960 960 960" width="64" fill="rgb(24,24,24)"><path d="M120-160v-240l320-80-320-80v-240l760 320-760 320Z"/></svg>');
}

#dhub .wlt-cc_purchase_frame .step .dhb_button.wf_ahr > .text: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(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>');
}

#dhub .wlt-cc_purchase_frame .buttons_container>.pending_state {
    display: block;
}

#dhub .wlt-cc_purchase_frame .buttons_container>.pending_state>.link {
    cursor: pointer;
    display: inline-block;
    max-width: max-content;
    margin-top: 5px;
    font-size: 1.042em;
    font-family: 'Noto Sans';
    font-size: 0.98em;
}

#dhub .wlt-cc_purchase_frame .buttons_container>.pending_state>.link:hover {
    text-decoration: underline;
}

#dhub .wlt-cc_purchase_frame>.support {
    text-align: center;
    font-size: 0.9em;
}

#dhub .wlt-cc_purchase_frame .support>.caption {
    font-weight: bold;
    font-size: 1.2em;
    margin: 10px 0;
    display: inline-flex;
    align-items: center;
    height: 35px;
    padding: 0 8px 0 43px;
    position: relative;
    box-sizing: border-box;
}

#dhub .wlt-cc_purchase_frame .support>.caption:before {
    content: '';
    display: inline-block; 
    width: 35px; 
    height: inherit;
    position: absolute;
    left: 4px;
    top: 0;
    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>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
}

#dhub .wlt-cc_purchase_frame .support>p {
    text-align: center;
}

#dhub .wlt-cc_purchase_frame .support>p.buttons {
    margin-top: 16px;
}


/*! DGHK SLIDER ---------------- */

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


@media only screen and (max-width: 720px) {
    #dhub .dhbwallet_frame_const .transactions_of .dhbwt-item .detail>span.ref {
        font-size: 0.72em;
    }

    #dhub .dhbwallet_frame_const .tab-target>.box-title,
    #dhub .dhbwallet_frame_const .tab-target .loans_container>.box-title,
    #dhub .dhbwallet_frame_const .container_safe-list {
        text-align: center;
    }

    #dhub .dhbwallet_frame_const .container_safe-list>dhbwsafe {
        left: 0;
        margin-bottom: 20px;
        width: 120px;
    }

    #dhub .dhbwallet_frame_const .container_safe-list dhbwsafe>.icon:before {
        background-size: 70%;
    }

    #dhub .dhbwallet_frame_const .tab-target>.transactions_frame {
        padding: 12px 0;
    }

    #dhub .dhbwallet_frame_const .buttons_container {
        text-align: center;
        margin-top: 10px;
    }

    #dhub .dhbwallet_frame_const .buttons_container>.dhb_button {
        margin-bottom: 10px;
    }

    #dhub .wlt-cc_purchase_frame>p.welcome,
    #dhub .wlt-cc_purchase_frame .step>.desc,
    #dhub .wlt-cc_purchase_frame .step .payment>.caption {
        text-align: center;
    }
}


@media only screen and (max-width: 614px) {
    #dhub .wlt-cc_purchase_frame .groupment,
    #dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .payd.grp{
        flex-direction: column;
    }

    #dhub .wlt-cc_purchase_frame .groupment>span:first-child{
        margin-bottom: 16px;
    }

    #dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .payd.grp>span:last-child {
        margin-top: 16px;
    }

    #dhub .wlt-dlg_container .wlt-wgt.deposit .softpay .payd.grp > .field-layout {
        max-width: unset;
    }
}

@media only screen and (max-width: 496px) {
    #dhub .dhbwallet_frame_const .wallet-body .tab-target .operation-target_frame {
        gap: 10px;
    }
}

@media only screen and (max-width: 448px) {
    #dhub .dhbwallet_frame_const .wallet-body .tab-target .operation-target_frame {
        grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    }
    
    #dhub .dhbwallet_frame_const .using_dhbwcc_form .card>.name {
        font-size: 1.3em;
    }

    #dhub .dhbwallet_frame_const .using_dhbwcc_form .card>.dghk_ref {
        font-size: 1.2em;
    }

    #dhub .dhbwallet_frame_const .using_dhbwcc_form .card .holder>.cardholder_name {
        font-size: 0.85em;
    }

    #dhub .dhbwallet_frame_const .using_dhbwcc_form .card>.holder {
        top: 5px;
    }

    #dhub .dhbwallet_frame_const .using_dhbwcc_form .card>.serial {
        bottom: 0;
    }

}


@media only screen and (max-width: 360px) {
    #dhub .dhbwallet_frame_const .balances_frame dhbwallet>balance {
        font-size: 1.78em;
    }

    #dhub .dhbwallet_frame_const .balances_frame dhbwallet>balance:after {
        height: 40px;
        background-size: 65%;
    }

    #dhub .dhbwallet_frame_const .using_dhbwcc_form input.custom-resize[name="reference"] {
        font-size: 1.38em;
    }
}

@media only screen and (max-width: 320px) {
    
    #dhub .dhbwallet_frame_const .transactions_of .dhbwt-item .detail>span.ref {
        font-size: 0.8em;
    }

    #dhub .dhbwallet_frame_const .wallet-container>div.dhbw_header_const {
        padding: 5px 8px;
    }

    #dhub .dhbwallet_frame_const .dhbw_header_const .buttons_embed>div.tabs-target {
        width: 240px;
    }

    #dhub .dhbwallet_frame_const .dhbw_header_const .tabs-target>span.dhbw-button {
        font-size: 0.80em;
    }

    #dhub .dhbwallet_frame_const .dhbw_header_const .buttons_embed>div.options {
        width: calc(100% - 240px);
    }

    #dhub .dhbwallet_frame_const .dhbw_header_const .options>.dhbw-option_icon {
        width: 40px;
    }
    #dhub .dhbwallet_frame_const .wallet-body .tab-target .operation-target_frame {
        grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    }

    #dhub .dhbwallet_frame_const .balances_frame dhbwallet>balance {
        font-size: 1.6em;
    }

    #dhub .dhbwallet_frame_const .balances_frame dhbwallet>balance:after {
        height: 35px;
        background-size: 60%;
    }

    #dhub .dhbwallet_frame_const .operation-target_frame task>.icon:before {
        background-size: 60%;
    }

    #dhub .dhbwallet_frame_const .using_dhbwcc_form .card>.dghk_ref {
        letter-spacing: 2px;
    }

    #dhub .dhbwallet_frame_const .using_dhbwcc_form .card .holder>.cardholder_name {
        font-size: 0.75em;
        top: -2px;
    }

    /*! PURCHASE WCC */

    #dhub .wlt-cc_purchase_frame .step .payment .number,
    #dhub .wlt-cc_purchase_frame .step .payment .label {
        font-size: 0.98em;
    }

    #dhub .wlt-cc_purchase_frame .step .payment .orange-wave_momo .label:before {
        right: 0;
    }

    #dhub .wlt-cc_purchase_frame .step .payment .orange-wave_momo .label:after {
        top: 20px;
    }
}