:root {   
    /* Custom CSS for this merchant only */
    /* mock for 2 primary color */
    --alternate-background: linear-gradient(180deg, #D9EF37, #0E9141 100%);

    --nav-item-text-hover: linear-gradient(180deg, #D9EF37, #0E9141 100%);

    --vip-primary: linear-gradient(92deg, #D9EF37, #0E9141);

    --primary: #36B114;
    --primary-linear-gradient: linear-gradient(180deg, #D9EF37, #0E9141 100%);
    --primary-background: linear-gradient(180deg, #D9EF37, #0E9141 100%);
    --hover-primary-background: linear-gradient(180deg, #D9EF37, #0E9141 100%);
    --counter-background-color: #D9EF37;
    --profile-background: linear-gradient(103deg, #D9EF37, #0E9141 100%);
    --card-content: #FFFFFF;

    --primary-2-secondary-background: linear-gradient(180deg, #FFFFFF, #F2F2F2 100%);
    --secondary-text: #4D4D4D;
    --primary-text: #FFFFFF;

    --icon-color:#4D4D4D;

    --smartinput-bg-color: #FFFFFF;
    --smartdatepicker-bg-color: #FFFFFF;
    --smarttable-header-bg-color: #FFFFFF;
    --text-title: #4D4D4D;
    --text: #8F9098;

    --secondary-border-color:#E5E5E5;

}

.card-label-data{
    color: var(--secondary-text);
}

i.active, .section-providers .tab:hover i, .section-providers .tab.router-link-active i{
    background: var(--primary-text);
}

.app-page-header h3{
    color: var(--primary-text);
}
.app-page-header i{
    background: var(--primary-text);

}
.app-page-header i.search, .app-page-header i.close{
    background: var(--icon-color);
}

.counter{
    color: var(--primary-text);
}

.button-select.active, .button-select:hover{
    border-color: #48D020;
}

.topbar {
    padding: 6px 10px 6px 0;
    background: linear-gradient(120deg, #FFFFFF 0%, #FFFFFF 40%, #F3F4F6 40.1%, #F3F4F6 100%)!important;
    border-bottom: 1px solid var(--line);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.section-providers .tab.router-link-active, .section-providers .tab:hover, .section-providers .tab.router-link-active span, .section-providers .tab:hover span{
    color: var(--primary-text)!important;
}



.mobile-wallet-panel .smartdialog-header div, .mobile-wallet-panel .smartdialog-header .clear-balance{
    color: var(--primary-text);
}


.card-label-title{
    opacity: 1;
}

.smartinput.is-disabled{
    background: #e1e1e1;
    border-radius: var(--smartinput-radius);
}

.mobile-wallet-panel.dialog-bg .smartdialog-header {
	background: url('/skin/VPlus/img/dialogbg-ethbet.png');
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 11px 11px 0px 0px;
	justify-content: start;
}