/** Quick deposit icon on landing page **/

/* large box */
.box-large .qd-icon-container {
    background-image: url('../../../../images/m88/cashier/quickdeposit/qd-bg-gold.svg');
    height: 40px;
    width: 40px;
    margin-top: -8px;
    position: absolute;
    right: 0px;
}

.box-large .class-qd-icon img {
    height: 14px;
    width: 14px;
    margin-top: 6px;
    margin-left: 15px;
    position: relative;
}

/* small box */
.box-small .qd-icon-container {
    background-image: url('../../../../images/m88/cashier/quickdeposit/qd-bg-gold.svg');
    height: 40px;
    width: 40px;
    margin-top: -8px;
    position: absolute;
    right: 0px;
}

.box-small .class-qd-icon img {
    height: 14px;
    width: 14px;
    margin-top: 6px;
    margin-left: 15px;
    position: relative;
}

.qd-holder .popover.left > .arrow:after {
    right: 3px !important;
    bottom: -8px !important;
    content: " ";
    border-right-width: 0 !important;
    border-left-color: #e3effa !important;
}

.qd-holder .popover.left > .arrow {
    top: 50% !important;
    right: -10px !important;
    margin-top: -10px !important;
    border-right-width: 0 !important;
    border-left-color: #999 !important;
    border-left-color: rgb(0 0 0 / 2%) !important;
}

.qd-holder .popover.left {
    margin-left: 12px !important;
    margin-top: -8px !important;
}

/*qd icon tip tool*/
.qd-holder .popover-content {
    font-weight: bold;
}