*::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

*::-webkit-scrollbar-track {
    background-color: var(--h7_WEBKIT_SCROLLBAR_TRACK_BG);
    color: var(--h7_WEBKIT_SCROLLBAR_TRACK_TXT);
    -webkit-border-radius: 6px
}

*::-webkit-scrollbar-thumb {
	background-color: var(--h7_WEBKIT_SCROLLBAR_THUMB_BG);
	color: var(--h7_WEBKIT_SCROLLBAR_THUMB_TXT);
	border-radius: 10px
}

*::-ms-scrollbar {
	width: 5px;
    height: 5px
}

*::-ms-scrollbar-track-piece {
	background-color: var(--h7_SCROLLBAR_TRACK_PIECE_BG);
	color: var(--h7_SCROLLBAR_TRACK_PIECE_TXT);
    -webkit-border-radius: 6px
}

*::-ms-scrollbar-thumb {
	background-color: var(--h7_SCROLLBAR_THUMB_BG);
	color: var(--h7_SCROLLBAR_THUMB_TXT);
	border-radius: 10px
}

body {
	color: var(--h7_BODY_TXT);
	background: var(--h7_BODY_BG)
}

ul {
	list-style: none;
    margin: 0;
    padding: 0
}

a:hover {
	text-decoration: none
}

a:not([href]) {
	cursor: pointer
}

/* PRELOADER */
#preloader {
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 1;
	margin-top: 0px;
	top: 0px;
	z-index: 99999;
	background-color: var(--h7_PRELOADER_BG);
}

#loading-center {
	width: 100%;
	height: 100%;
	position: relative
}

#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#loading-center-absolute img {
    width: 100%
}
/* PRELOADER */

.background-primary-img {
    position: fixed;
    z-index: -1;
}

.header-7- {
	position: fixed;
	width: 100%;
    z-index: 99;
    background: var(--h7_HEADER_7_BG)
}

.header-7- .header-wrap {
	height: fit-content;
    display: flex;
    padding: 5px 10px;
    justify-content: space-between;
    align-items: center;
}

.header-7- .header-wrap .logo-img- img {
	max-width: 125px
}

/* header qr element */
.header-7- .header-wrap .logo-img- .fa-qrcode {
    font-size: 14px;
    border: 1px solid var(--color2);
    padding: 4px;
    border-radius: 4px;
    margin-left: 8px;
    color: var(--color2);
}
/* header qr element */

.header-7- .header-action- {
	display: flex;
	gap: 10px
}

.header-7- .header-action- .balance-preview-box- {
	position: relative;
	display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1rem;
    font-weight: 500;
    min-width: 70px;
    margin: 0 5px 0 0;
}

.header-7- .header-action- .balance-preview-box- .balance-lbl- {
	margin: 0 0 5px;
	font-weight: 400
}

.header-7- .header-action- .balance-preview-box- .blur- {
	transition: .2s
}

.header-7- .header-action- .balance-preview-box- .blur-.hide- {
	filter: var(--h7_HEADER_7_ACTION_BALANCE_PREVIEW_BOX_BLUR_HIDE_FILTER)
}

.header-7- .header-action- .btn_deposit {
    font-size: 25px;
    color: var(--h7_HEADER_7_ACTION_BTN_DEPOSIT_TXT);
}

.header-7- .header-action- .btn_deposit img{
	width: 35px;
}

.header-7- .header-action- .btn- {
	position: relative;
	padding: 5px 10px;
    border: var(--h7_HEADER_7_ACTION_BTN_BORDER);
    border-radius: 3px;
    font-size: 1rem;
    font-weight: 500;
    z-index: 0;
    color: var(--h7_HEADER_7_ACTION_BTN_TXT);
    background: var(--h7_HEADER_7_ACTION_BTN_BG)
}

.header-7- .header-action- .btn-:hover {
	filter: var(--h7_HEADER_7_ACTION_BTN_HOVER_FILTER)
}

.header-7- .header-action- .btn-.ani-:after {
    content: "";
    position: absolute;
    border-radius: .25rem;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .5s linear;
    z-index: -1;
    animation: button-pulse 2s ease-out infinite .8s;
    background: var(--h7_HEADER_7_ACTION_BTN_ANI_AFTER_BG)
}

.header-7- .header-action- .btn-.btn2- {
	border: var(--h7_HEADER_7_ACTION_BTN2_BORDER);
	color: var(--h7_HEADER_7_ACTION_BTN2_TXT);
	border-color: var(--h7_HEADER_7_ACTION_BTN2_BORDER_COLOR);
	background: var(--h7_HEADER_7_ACTION_BTN2_BG)
}

/* .header-7- .header-action- .btn-.btn2-:hover {
	background: #ff2400;
	filter: none
} */

.header-7- .header-action- .btn-.btn2-.active- {
	border-color: var(--h7_HEADER_7_ACTION_BTN_2_ACTIVE_BORDER_COLOR);
	filter: var(--h7_HEADER_7_ACTION_BTN_2_ACTIVE_FILTER);
    background: var(--h7_HEADER_7_ACTION_BTN_2_ACTIVE_BG)
}

.header-7- .header-action- .btn-.btn2-.active-:hover {
	filter: var(--h7_HEADER_7_ACTION_BTN_2_ACTIVE_HOVER_FILTER);
    background: var(--h7_HEADER_7_ACTION_BTN_2_ACTIVE_HOVER_BG)
}

@keyframes button-pulse {
	0% {
		transform: translate(-50%, -50%) scale(0);
		opacity: 0;
		border-radius: .25rem
	} 12% {
	    opacity: 1
	} 34% {
		transform: translate(-50%, -50%) scale(1.2)
	} 38% {
		opacity: 0
	} 40% {
		transform: translate(-50%, -50%) scale(1.2);
    	opacity: 0;
    	border-radius: .5rem
	} 100% {
		transform: translate(-50%, -50%) scale(1.2);
	    opacity: 0;
	    border-radius: .25rem
	}
}

.header-7- .header-action- .login-box- {
	position: absolute;
    width: 100%;
    right: 0;
    padding: 1rem;
    visibility: hidden;
    z-index: -1;
    background: var(--h7_HEADER_7_ACTION_LOGIN_BOX_BG);
}

.header-7- .header-action- .login-box-.showed- {
	visibility: visible;
	z-index: 2
}

.header-7- .header-action- .login-box- .login-option-list- {
	position: relative;
	display: flex;
    gap: 1rem;
    justify-content: center;
    margin: 0 0 1rem;
    padding: 0 0 10px;
    flex-wrap: wrap;
}

.header-7- .header-action- .login-box- .login-option-list-:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: var(--h7_HEADER_7_ACTION_LOGIN_BOX_OPTION_LIST_AFTER_BG)
}

.header-7- .header-action- .login-box- .login-option-list- li {
	
}

.header-7- .header-action- .login-box- .login-option-list- li a {
	position: relative;
    padding: 0 5px;
    color: var(--h7_HEADER_7_ACTION_LOGIN_BOX_OPTION_lIST_A_TXT);
    filter: var(--h7_HEADER_7_ACTION_LOGIN_BOX_OPTION_lIST_A_FILTER)
}

.header-7- .header-action- .login-box- .login-option-list- li a:hover,
.header-7- .header-action- .login-box- .login-option-list- li a.active- {
	filter: var(--h7_HEADER_7_ACTION_LOGIN_BOX_OPTION_lIST_A_HOVER_FILTER);
}

.header-7- .header-action- .login-box- .login-option-list- li a:hover:after,
.header-7- .header-action- .login-box- .login-option-list- li a.active-:after {
	content: "";
	position: absolute;
	width: 100%;
    height: 1px;
    left: 0;
    bottom: -11px;
    background: var(--h7_HEADER_7_ACTION_LOGIN_BOX_OPTION_lIST_A_HOVER_AFTER_BG)
}

.header-7- .header-action- .login-box- .login-option-list- li a:hover:before,
.header-7- .header-action- .login-box- .login-option-list- li a.active-:before {
	content: "";
	position: absolute;
	max-width: 30px;
	width: 30%;
    height: 3px;
    left: 50%;
    bottom: -12px;
    transform: translateX(-50%);
    border-radius: 1rem;
    background: var(--h7_HEADER_7_ACTION_LOGIN_BOX_OPTION_lIST_A_HOVER_BEFORE_BG);
}

.header-7- .header-action- .login-box- .logintabcontent- {
    display: block
}

.header-7- .header-action- .login-box- .logintabcontent- .tabcontent- {
	display: none;
    animation-name: fadeOut
}

.header-7- .header-action- .login-box- .logintabcontent- .tabcontent-.showed- {
	display: block;
    animation-name: fadeIn;
    animation-duration: .5s
}

.header-7- .header-action- .login-box- .msg-block- {
	max-width: 400px;
    margin: 0 0 2rem
}

.header-7- .header-action- .login-box- .sent-email-wrapper {
	max-width: 400px
}

.header-7- .header-action- .login-box- .form-group {
	position: relative;
	margin-bottom: 1rem;
}

.header-7- .header-action- .login-box- .form-group.labeled- {
	padding: 10px 0 0
}

.header-7- .header-action- .login-box- .form-group.labeled- label {
	position: absolute;
    left: 10px;
    top: 0;
    margin: 0;
    padding: 0 5px;
    font-size: 14px;
    background: var(--h7_HEADER_7_ACTION_LOGIN_BOX_FORM_GROUP_LABEL_BG);
    z-index: 1
}

.header-7- .header-action- .login-box- .form-group .input- {
	position: relative;
    display: flex;
    flex-direction: column
}

.header-7- .header-action- .login-box- .form-group .input- input,
.header-7- .header-action- .login-box- .form-group .input- select {
	width: 100%;
	padding: 10px 10px 5px;
    border: var(--h7_HEADER_7_ACTION_LOGIN_BOX_FORM_GROUP_INPUT_SELECT_BORDER);
    border-radius: 3px;
    color: var(--h7_HEADER_7_ACTION_LOGIN_BOX_FORM_GROUP_INPUT_SELECT_TXT);
    background: var(--h7_HEADER_7_ACTION_LOGIN_BOX_FORM_GROUP_INPUT_SELECT_BG);
    border-color: var(--h7_HEADER_7_ACTION_LOGIN_BOX_FORM_GROUP_INPUT_SELECT_BORDER_COLOR)
}

.header-7- .header-action- .login-box- .form-group .input-.pswd input {
	padding: 10px 2rem 5px 10px
}

.header-7- .header-action- .login-box- .form-group .input- .visibleIcon {
	position: absolute;
    width: fit-content;
    height: fit-content;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 1rem;
    cursor: pointer;
    padding: 10px
}

.header-7- .header-action- .login-box- .form-group button {
	padding: 5px 1rem;
    border: var(--h7_HEADER_7_ACTION_LOGIN_BOX_FORM_GROUP_BUTTON_BORDER);
    border-radius: 3px;
    font-size: 1rem;
    font-weight: 500;
    z-index: 0;
    color: var(--h7_HEADER_7_ACTION_LOGIN_BOX_FORM_GROUP_BUTTON_TXT);
    background: var(--h7_HEADER_7_ACTION_LOGIN_BOX_FORM_GROUP_BUTTON_BG)
}

.header-7- .header-action- .login-box- .form-group button:hover {
	filter: var(--h7_HEADER_7_ACTION_LOGIN_BOX_FORM_GROUP_BUTTON_HOVER_FILTER);
}

.header-7- .header-action- .login-box- .form-group .otpTimer- {
	position: absolute;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 5px 10px;
    text-align: center;
    border-radius: 3px;
    background: var(--h7_HEADER_7_ACTION_LOGIN_BOX_FORM_GROUP_OTP_TIMER_BG)
}

@keyframes button-pulse {
	0% {
		transform: translate(-50%, -50%) scale(0);
		opacity: 0;
		border-radius: .25rem
	} 12% {
	    opacity: 1
	} 34% {
		transform: translate(-50%, -50%) scale(1.2)
	} 38% {
		opacity: 0
	} 40% {
		transform: translate(-50%, -50%) scale(1.2);
    	opacity: 0;
    	border-radius: .5rem
	} 100% {
		transform: translate(-50%, -50%) scale(1.2);
	    opacity: 0;
	    border-radius: .25rem
	}
}

.bottom-menu-section- {
	position: fixed;
    width: 100%;
    height: fit-content;
    bottom: 0;
    z-index: 99;
    background: var(--h7_BOTTOM_MENU_SECTION_BG);
}

.bottom-menu-section- .menu-container- {
	display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%
}

.bottom-menu-section- .menu-container- .menu-item- {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
    filter: var(--h7_BOTTOM_MENU_SECTION_CONTAINER_ITEM_FILTER)
}

.bottom-menu-section- .menu-container- .menu-item- a{
	text-align: center;
	color: var(--h7_BOTTOM_MENU_SECTION_CONTAINER_ITEM_A_TX)
}

.bottom-menu-section- .menu-container- .menu-item-.active- {
	font-weight: 500;
	filter: var(--h7_BOTTOM_MENU_SECTION_CONTAINER_ITEM_ACTIVE_FILTER)
}

.bottom-menu-section- .menu-container- .menu-item- img {
    width: 30px
}

.bottom-menu-section- .menu-container- .menu-item- i {
	
}

.bottom-menu-section- .menu-container- .menu-item- div {
	width: -webkit-fill-available;
    text-align: center;
    font-size: 14px
}

#mobilemenu {
	position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    background: var(--h7_MOBILE_MENU_BG)
}

#mobilemenu.hided- {
	visibility: hidden;
	width: 0;
    height: 0;
	z-index: -1
}

#mobilemenu .menu-close- {
	position: absolute;
    width: 100%;
    bottom: 0;
    padding: 10px 0 1rem;
    display: flex;
    justify-content: center;
    background: var(--h7_MOBILE_MENU_CLOSE_BG)
}

#mobilemenu .menu-close- button {
	width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: var(--h7_MOBILE_MENU_CLOSE_BUTTON_BORDER);
    border-radius: 100%;
    font-size: 20px;
    color: var(--h7_MOBILE_MENU_CLOSE_BUTTON_TXT);
    background: var(--h7_MOBILE_MENU_CLOSE_BUTTON_BG)
}

#mobilemenu .menu-list- {
	height: 100%;
	padding: 0 0 5rem;
    overflow-y: auto;
    overflow-x: hidden
}

#mobilemenu .menu-list- .menu-split- {
	position: relative
}

#mobilemenu .menu-list- .menu-split-:after {
	content: "";
	position: absolute;
	width: 100%;
    height: 1px;
    bottom: 0;
    background: var(--h7_MOBILE_MENU_LIST_SPLIT_AFTER_BG)
}

#mobilemenu .menu-list- .menu-split- .info{
	display: flex;
	align-items: center;
    gap: 10px;
    margin: 10px 1rem;
    padding: 15px 10px;
    border-radius: 5px;
	border: 1px solid var(--color3);
    background: var(--color5);
}

#mobilemenu .menu-list- .menu-split- .img.green- {
    width: 30px;
    margin: 0 5px;
}

#mobilemenu .menu-list- .menu-split- .info div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#mobilemenu .menu-list- .menu-split-:last-child:after {
	width: 0;
    height: 0;
    background: var(--h7_MOBILE_MENU_LIST_SPLIT_AFTER_LAST_CHILD_BG);
}

#mobilemenu .menu-list- .menu-split-.btn-menu- {
	display: flex;
    justify-content: center;
    gap: 10px;
    padding: 1rem
}

#mobilemenu .menu-list- .menu-split-.btn-menu- button {
    position: relative;
	width: calc(100% / 2.1);
	padding: 5px 1rem;
	border-radius: 3px;
    font-size: 1rem;
    font-weight: 500;
    border: var(--h7_MOBILE_MENU_LIST_SPLIT_MENU_BUTTON_BORDER);
    color: var(--h7_MOBILE_MENU_LIST_SPLIT_MENU_BUTTON_TXT);
    background: var(--h7_MOBILE_MENU_LIST_SPLIT_MENU_BUTTON_BG)
}

#mobilemenu .menu-list- .menu-item- {
    position: relative;
	filter: var(--h7_MOBILE_MENU_LIST_ITEM_FILTER);
	margin-bottom: 10px;
}

#mobilemenu .menu-list- .menu-item-.active-,
#mobilemenu .menu-list- .lang-item- {
	filter: var(--h7_MOBILE_MENU_LIST_ITEM_ACTIVE_FILTER)
}

#mobilemenu .menu-list- .menu-item- a {
	display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 1rem;
    color: var(--h7_MOBILE_MENU_LIST_ITEM_A_TXT)
}

#mobilemenu .menu-list- .menu-item- a .item- {
	display: flex;
    align-items: center;
    gap: 10px
}

#mobilemenu .menu-list- .menu-item- a .item- img {
	width: 30px
}

#mobilemenu .menu-list- .menu-item-.active- a .arrow- {
	transform: rotateZ(180deg)
}

#mobilemenu .menu-list- .menu-item- .menu-sub- {
	position: relative;
	padding: 10px 1rem
}

#mobilemenu .menu-list- .menu-item- .menu-sub-.hided- {
	visibility: hidden;
	width: 0;
	height: 0;
	z-index: -1
}

#mobilemenu .menu-list- .menu-item- .lang-action- .lang-split- {
    display: flex;
    align-items: center;
    min-height: 38px;
    margin: 10px 0
}

#mobilemenu .menu-list- .menu-item- .lang-action- .lang-split-:first-child {
    margin-top: 0
}

#mobilemenu .menu-list- .menu-item- .lang-action- .lang-split-:last-child {
    margin-bottom: 0
}

#mobilemenu .menu-list- .menu-item- .lang-action- .lang-split- img {
    width: 30px;
    margin: 0 10px 0 0;
    transition: none
}

#mobilemenu .menu-list- .menu-item- .lang-action- .lang-split- .lang-option-list- {
	width: 100%;
	display: grid;
    grid-template-columns: repeat(3, 1fr)
}

#mobilemenu .menu-list- .menu-item- .lang-action- .lang-split- .lang-option-list- a {
	display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    width: 100%;
    padding: 0 5px;
    border: var(--h7_MOBILE_MENU_LIST_ITEM_ACTION_SPLIT_OPTION_LIST_BORDER);
    border-radius: 0;
    line-height: 14px;
    text-align: center;
    background: var(--h7_MOBILE_MENU_LIST_ITEM_ACTION_SPLIT_OPTION_LIST_BG)
}

#mobilemenu .menu-list- .menu-item- .lang-action-  .lang-split- .lang-option-list- a.active- {
    filter: var(--h7_MOBILE_MENU_LIST_ITEM_ACTION_SPLIT_OPTION_LIST_ACTIVE_FILTER);
	background: var(--h7_MOBILE_MENU_LIST_ITEM_ACTION_SPLIT_OPTION_LIST_ACTIVE_BG);
}

.freecredit-wrap {
	width: 110px;
    height: 110px;
    z-index: 99;
    position: fixed;
    left: .5rem;
    bottom: 6rem;
    transition: all .3s ease-in-out;
}

.minigame-wrap {
	width: 110px;
    height: 110px;
    z-index: 99;
    position: fixed;
    left: .5rem;
    bottom: 16rem;
    transition: all .3s ease-in-out;
}

.freecredit-wrap .freecreditCloseBtn,
.minigame-wrap .miniGameCloseBtn {
	position: relative;
    left: 6rem
}

#btn-freecredit-close,
#btn-minigame-close{
 	width: 30px;
    height: 30px;
    font-size: 1rem;
    border-radius: 100%;
 	border: var(--h7_BTN_FREECREDIT_MINIGAME_CLOSE_BORDER);
    color: var(--h7_BTN_FREECREDIT_MINIGAME_CLOSE_TXT);
    background-color: var(--h7_BTN_FREECREDIT_MINIGAME_CLOSE_BG);
}


/* Deposit side */
h1, h2, h3, h4, h5, h6, ul {
    margin: 0;
}

ul {
    list-style-type: none;
    padding-left: 0;
}

#depositmodal .modal-dialog {
    margin: 0;
   	height: 100%;
}

#restoreMsgmodal {
	z-index: 9999;
}

#depositmodal .modal-dialog .modal-content,
#restoreMsgmodal .modal-dialog .modal-content {
	height: 100%;
	overflow-y: auto;
	color: var(--h7_DEPOSIT_MODAL_DIALOG_CONTENT_TXT);
    background: var(--h7_DEPOSIT_MODAL_DIALOG_CONTENT_BG);
}

#depositmodal .modal-header,
#qrelementmodal .modal-header {
	position: relative;
    font-weight: 600;
    border: var(--h7_DEPOSIT_MODAL_HEADER_BORDER);
	display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--h7_DEPOSIT_MODAL_HEADER_BG);
}

#depositmodal .modal-header .title {
    margin: 0 3rem 0 20px;
}

#depositmodal .modal-header .btn-modalClose,
#qrelementmodal .modal-header .btn-modalClose {
	position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background: var(--h7_DEPOSIT_MODAL_HEADER_CLOSE_BG);
    border: var(--h7_DEPOSIT_MODAL_HEADER_CLOSE_BORDER);
    color: var(--h7_DEPOSIT_MODAL_HEADER_CLOSE_TXT);
}

#depositmodal .modal-header:after,
#qrelementmodal .modal-header:after {
    content: "";
    position: absolute;
    width: 95%;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    border-bottom: var(--h7_DEPOSIT_MODAL_HEADER_AFTER_BORDER_BOTTOM);
}

#depositmodal .modal-body,
#qrelementmodal .modal-body {
    background-color: var(--h7_DEPOSIT_MODAL_BODY_BG);
    padding: 0 1rem;
}

#depositmodal .modal-body.body2 {
    background-color: var(--h7_DEPOSIT_MODAL_BODY_2_BG);
    padding: unset;
}

#depositmodal .modal-header .btn-modalBack {
	position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background: var(--h7_DEPOSIT_MODAL_HEADER_MODAL_BACK_BG);
    border: var(--h7_DEPOSIT_MODAL_HEADER_MODAL_BACK_BORDER);
    color: var(--h7_DEPOSIT_MODAL_HEADER_MODAL_BACK_TXT);
}

#depositmodal .modal-header .gateway-title {
	overflow-wrap: break-word;
    width: 150px;
    text-align: center;
}

#depositmodal .modal-header .btn-modalBack .back-title {
	font-size: 18px;
    line-height: 1.125rem;
    font-weight: 400;
    margin-left: 5px;
}

#depositmodal .modal-header .btn-modalBack .icon {
	font-size: 20px;
}

#depositmodal .deposit-method {
	position: relative;
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

#depositmodal .deposit-method .payment-list-filter {
	padding-right: 1rem;
    flex: 1;
}

#depositmodal .deposit-method .payment-list-filter select {
	width: 75%;
    margin-top: 0;
    padding: 9px 0.75rem;
    font-size: 15px;
    background: var(--h7_DEPOSIT_MODAL_METHOD_PAYMENT_LIST_FILTER_SELECT_BG);
    color: var(--h7_DEPOSIT_MODAL_METHOD_PAYMENT_LIST_FILTER_SELECT_TXT);
}

#depositmodal .payment-list_group {
	display: flex;
    flex-direction: column;
}

#depositmodal .payment-list_group .payment-group {
	margin-bottom: 20px;
}

#depositmodal .payment-list_group .payment-group_tittle {
	font-size: .875rem;
    line-height: 1.125rem;
    font-weight: 400;
    font-weight: 500;
    color: var(--h7_DEPOSIT_MODAL_PAYMENT_LIST_GROUP_TITLE_TXT);
    margin-bottom: 0.5rem;
}

#depositmodal .payment-list_group ul {
	display: grid;
    grid-gap: 0.25rem;
    grid-template-columns: repeat(3,1fr);
}

#depositmodal .payment-list_group ul li {
	position: relative;
    display: flex;
}

#depositmodal .payment-list_group ul li .payments-item_payment {
    width: 100%;
    cursor: pointer;
    border-radius: 0.25rem;
    border: var(--h7_DEPOSIT_MODAL_PAYMENT_LIST_GROUP_UL_LI_ITEM_BORDER);
    background-color: var(--h7_DEPOSIT_MODAL_PAYMENT_LIST_GROUP_UL_LI_ITEM_BG);
}

#depositmodal .payment-list_group ul li .payments-item_payment .payments-item_img {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem 0.5rem;
    font-size: 18px;
}

#depositmodal .payment-list_group ul li .payments-item_payment .payments-item_img .payments-item_img0 {
   text-align: center;
}

#depositmodal .payment-list_group ul li .payments-item_payment .payments-item_img img {
    width: 95%;
}

#depositmodal .modal-body .payment-form-wrapper .deposit-form {
	margin-top: 18px;
}

#depositmodal .modal-body .payment-form-wrapper .deposit-form .gateway-minmax{
	margin-bottom: 1rem;
}

#depositmodal .modal-body .payment-form-wrapper .deposit-form .gateway-minmax .gateway-minmax_item{
	display: flex;
}

#depositmodal .modal-body .payment-form-wrapper .deposit-form .gateway-minmax .gateway-minmax_item .gateway-minmax_content-tittle {
	font-size: .75rem;
    line-height: 1rem;
    font-weight: 400;
    color: var(--h7_DEPOSIT_MODAL_BODY_PAYMENT_FORM_WRAPPER_MINMAX_ITEM_TXT);
}

#depositmodal .modal-body .payment-form-wrapper .deposit-form .gateway-minmax .gateway-minmax_item .gateway-minmax_content-currency {
	font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 400;
}

#depositmodal .modal-body .payment-form-wrapper .deposit-form .gateway-minmax .gateway-minmax_item .gateway-minmax_divider {
	font-size: 1.25rem;
    line-height: 1.625rem;
    font-weight: 400;
    align-items: center;
    display: flex;
    justify-content: center;
    color: var(--h7_DEPOSIT_MODAL_BODY_PAYMENT_FORM_WRAPPER_MINMAX_ITEM_DIVIDER_TXT);
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

#depositmodal .modal-body .payment-form-wrapper .deposit-gateway ul {
	border: var(--h7_DEPOSIT_MODAL_BODY_PAYMENT_FORM_WRAPPER_GATEWAY_UL_BORDER);
	display: grid;
    grid-template-columns: repeat(3,1fr);
}

#depositmodal .modal-body .payment-form-wrapper .deposit-gateway ul li {
	margin: 5px 0;
    margin-right: 5px;
}

#depositmodal .modal-body .payment-form-wrapper .deposit-gateway ul li .nav-link {
	border-radius: 5px;
    text-align: center;
    height: 29px;
    font-size: 10px;
    text-transform: uppercase;
    padding: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: var(--h7_DEPOSIT_MODAL_BODY_PAYMENT_FORM_WRAPPER_GATEWAY_UL_LINK_TXT);
    background: var(--h7_DEPOSIT_MODAL_BODY_PAYMENT_FORM_WRAPPER_GATEWAY_UL_LINK_BG);
    box-shadow: var(--h7_DEPOSIT_MODAL_BODY_PAYMENT_FORM_WRAPPER_GATEWAY_UL_LINK_BOX_SHADOW);
    border: var(--h7_DEPOSIT_MODAL_BODY_PAYMENT_FORM_WRAPPER_GATEWAY_UL_LINK_BORDER);
}

#depositmodal .modal-body .payment-form-wrapper .deposit-gateway ul li .nav-link.active {
    background: var(--h7_DEPOSIT_MODAL_BODY_PAYMENT_FORM_WRAPPER_GATEWAY_UL_LINK_ACTIVE_BG);
    box-shadow: var(--h7_DEPOSIT_MODAL_BODY_PAYMENT_FORM_WRAPPER_GATEWAY_UL_LINK_ACTIVE_BOX_SHADOW);
    color: var(--h7_DEPOSIT_MODAL_BODY_PAYMENT_FORM_WRAPPER_GATEWAY_UL_LINK_ACTIVE_TXT);
}

#depositmodal .deposit-swiper-wrapper {
    display: flex;
    justify-content: center;
    transform: translateZ(0)!important;
    margin-bottom: 20px;
    background-color: #1b1f28;
}

#depositmodal .deposit-swiper-wrapper .transactionBtn {
	margin-right: 40px;
    width: auto;
}

#depositmodal .deposit-swiper-wrapper .transactionBtn .transaction-tittle {
    padding: 0.5rem 0 10px;
    cursor: pointer;
    margin-bottom: 1px;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 500;
    color: var(--h7_DEPOSIT_MODAL_SWIPER_WRAPPER_TRANSACTION_BTN_TITLE_TXT);
}

#depositmodal .deposit-swiper-wrapper .depositBtn.active .transaction-tittle:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 18%;
    transform: translate(-50%);
    height: 3px;
    width: 30px;
    background: var(--h7_DEPOSIT_MODAL_SWIPER_WRAPPER_DEPOSIT_BTN_ACTIVE_TRANSACTION_BEFORE_BG);
    border-radius: 0.25rem;
}

#depositmodal .deposit-swiper-wrapper .withdrawBtn.active .transaction-tittle:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 45%;
    transform: translate(-50%);
    height: 3px;
    width: 30px;
    background: var(--h7_DEPOSIT_MODAL_SWIPER_WRAPPER_WITHDRAW_BTN_ACTIVE_TITLE_BEFORE_BG);
    border-radius: 0.25rem;
}

#depositmodal .deposit-swiper-wrapper .transferBtn.active .transaction-tittle:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 70%;
    transform: translate(-50%);
    height: 3px;
    width: 30px;
    background: var(--h7_DEPOSIT_MODAL_SWIPER_WRAPPER_TRANSFER_BTN_ACTIVE_TRANSACTION_BEFORE_BG);
    border-radius: 0.25rem;
}

.form-group {
    position: relative;
    margin-bottom: unset;
}

.form-group b {
    color: var(--h7_FORM_GROUP_B_TXT);
}

.form-group.labeled- {
    padding: 10px 0 0;
    margin-bottom: 6px;
}

.form-group.labeled- label {
    position: absolute;
    left: 10px;
    top: 0;
    margin: 0;
    padding: 0 5px;
    font-size: 12px;
    background: var(--h7_FORM_GROUP_LABEL_BG);
    z-index: 1;
}

.form-group .input- {
    position: relative;
    display: flex;
    flex-direction: column;
}

.form-group .input- input,
.form-group .input- select {
    width: 100% !important;
    padding: 10px 10px 5px;
    border: var(--h7_FORM_GROUP_INPUT_SELECT_BORDER_LINE);
    border-radius: 3px;
    color: var(--h7_FORM_GROUP_INPUT_SELECT_TXT);
    background: var(--h7_FORM_GROUP_INPUT_SELECT_BG);
    border: var(--h7_FORM_GROUP_INPUT_SELECT_BORDER);
}

.form-group .exchangeIcon {
	margin-top: 22px;
    margin-left: -7px;
}

.form-group.ConvertAmt {
	margin-top: 8px;
    margin-left: -6px;
    margin-right: -28px;
}

.form-group.ConvertAmt input {
	height: 2.5rem;
}

/* .tab-pane .form-group .col-form-label {
	padding: 0;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
    color: #7293e1;
    font-size: .8125rem;
    font-weight: 500;
}

.tab-pane .form-group input,
.tab-pane .form-group select {
	min-height: 35px;
	transition: .3s ease-in-out;
    border: 1px solid #bdbdbd;
	width: 100%;
    height: 2.5rem;
    padding: 0 0.625rem;
    border-radius: 3px;
    background: 0 0;
    color: #ffdf18;
    line-height: 2.375rem;
}

.tab-pane .form-group select option {
	background: #232834;
} */

.form-group .tipsMinMax {
    color: var(--h7_FORM_GROUP_TIPS_MIN_MAX_TXT);
}

.form-group .choose-box {
	font-family: "Bebas Neue",Helvetica,Tahoma,sans-serif;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.form-group .choose-box li{
	flex-basis: calc(33% - 10px);
    display: block;
    margin-right: 10px;
    margin-bottom: 10px;
    transition: .3s;
    border: var(--h7_FORM_GROUP_CHOOSE_BOX_LI_BORDER);
    border-radius: 3px;
    text-align: center;
    color: var(--h7_FORM_GROUP_CHOOSE_BOX_LI_TXT);
}

.form-group .choose-box li:hover {
	border: var(--h7_FORM_GROUP_CHOOSE_BOX_LI_HOVER_BORDER);
	background: var(--h7_FORM_GROUP_CHOOSE_BOX_LI_HOVER_BG);
}

.form-group .choose-box p {
	line-height: 2.375rem;
    margin: 0;
}

.form-group .choose-box span {
	display: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .875rem;
    line-height: 1.25rem;
}

.form-group .input-money {
    position: relative;
    overflow: hidden;
    margin-top: 15px;
}

.form-group .input-money .currency {
    position: absolute;
    top: 0;
    left: 0.625rem;
    color: var(--h7_FORM_GROUP_INPUT_MONEY_CURRENCY_TXT);
    font-size: .75rem;
    line-height: 2.5rem;
}

.form-group .input-money input {
    width: 100%;
    height: 2.5rem;
    text-align: right;
    padding: 0 2.1875rem 0 1.5625rem;
    color: var(--h7_FORM_GROUP_INPUT_MONEY_TXT);
    background: var(--h7_FORM_GROUP_INPUT_MONEY_BG);
    border: var(--h7_FORM_GROUP_INPUT_MONEY_BORDER);
    
}

.form-group .input-money .clear-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    visibility: hidden;
}

.form-group .btn-g {
	position: relative;
    border-radius: 5px;
    min-width: unset;
    max-width: unset;
    padding: 10px 1rem;
    letter-spacing: 0;
    border: var(--h7_FORM_GROUP_BTN_G_BORDER);
    transition: all .3s ease-in-out;
    color: var(--h7_FORM_GROUP_BTN_G_TXT);
    background: var(--h7_FORM_GROUP_BTN_G_BG);
}

.form-group .btn-remove {
	margin-left: 10px;
}

.form-group .inputIcon {
	position: absolute;
    width: fit-content;
    height: fit-content;
    top: 50%;
    right: -26px;
    transform: translateY(-50%);
    font-size: 20px;
    cursor: pointer;
}

.form-group .trans-notice-box {
    border: var(--h7_FORM_GROUP_TRANS_NOTICE_BOX_BORDER);
    border-radius: 1.3333333333vw;
    text-align: left;
    white-space: normal;
    color: var(--h7_FORM_GROUP_TRANS_NOTICE_TXT);
    background-color: var(--h7_FORM_GROUP_TRANS_NOTICE_BG);
}

.form-group .depositReceipt {
    position: absolute;
    left: 0;
    opacity: 0;
    z-index: -1;
}

.form-group.labeled-.conversion-rate {
    margin-top: 15px;
}

/* Deposit side */

/* Withdraw Side */
.timer-wrapper {
	border-radius: 5px;
    border: var(--h7_TIMER_WRAPPER_BORDER);
    background-color: var(--h7_TIMER_WRAPPER_BG);
    color: var(--h7_TIMER_WRAPPER_TXT);
    padding: 10px;
}

.timer-wrapper .withdrawLimitInfo {
	 font-weight: bold;
    margin-right: 5px;
}
/* Withdraw Side */

/* balpreviewmodal */
#balpreviewmodal .modal-content {
	background: var(--h7_BAL_PREVIEW_MODAL_CONTENT_BG);
	border: var(--h7_BAL_PREVIEW_MODAL_CONTENT_BORDER)
}

#balpreviewmodal .btn-modalClose {
	font-weight: 500;
    font-size: 1rem;
    background: var(--h7_BAL_PREVIEW_MODAL_CLOSE_BG);
    border: var(--h7_BAL_PREVIEW_MODAL_CLOSE_BORDER);
    color: var(--h7_BAL_PREVIEW_MODAL_CLOSE_TXT)
}

#balpreviewmodal .balance-details- {
	position: relative;
	margin: 10px 0 0;
	padding: 10px 0 0
}

#balpreviewmodal .balance-details-:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	top: 0;
	left: 0;
	background: var(--h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_BEFORE_BG)
}

#balpreviewmodal .balance-details- .member-name- {
	margin: 0 0 1rem;
	display: flex;
    align-items: center;
    gap: 0 10px;
    padding: 5px;
    border-radius: 3px;
    background: var( --h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_MEMBER_NAME_BG);
}

#balpreviewmodal .balance-details- .member-name- img {
	width: 40px
}

#balpreviewmodal .balance-details- .member-name- .dstg-member-grp {
	padding: 2px 8px;
    border-radius: 10px;
    font-size: 11px;
    text-align: center;
    background: var(--color4);
    color: var(--color1);
}

/* Member Group Progress */
#balpreviewmodal .balance-details- .member-name- .-topRow {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

#balpreviewmodal .balance-details- .member-name- .-topRow .dstg-info-memberGroup {
	padding: 2px 10px;
    border-radius: 16px;
    font-size: 14px;
}

#balpreviewmodal .balance-details- .member-name- .-topRow .dstg-info-memberGroup.firstRank {
	background-color: var(--h7_HEADER_7_MEMBER_GRP_PROGRESS_FIRST_RANK_MEMBER_GRP_BG);
}

#balpreviewmodal .balance-details- .member-name- .-topRow .dstg-info-memberGroup.secondRank {
	background-color: var(--h7_HEADER_7_MEMBER_GRP_PROGRESS_SECOND_RANK_MEMBER_GRP_BG);
}

#balpreviewmodal .balance-details- .member-name- .-topRow .dstg-info-memberGroup.thirdRank {
	background-color: var(--h7_HEADER_7_MEMBER_GRP_PROGRESS_THIRD_RANK_MEMBER_GRP_BG);
}

#balpreviewmodal .balance-details- .member-name- .-topRow .dstg-info-memberGroup.fourthRank {
	background-color: var(--h7_HEADER_7_MEMBER_GRP_PROGRESS_FOURTH_RANK_MEMBER_GRP_BG);
}

#balpreviewmodal .balance-details- .member-name- .-topRow .dstg-info-memberGroup.topRank {
	background-color: var(--h7_HEADER_7_MEMBER_GRP_PROGRESS_TOP_RANK_MEMBER_GRP_BG);
}

#balpreviewmodal .balance-details- .member-name- .-bottomRow {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

#balpreviewmodal .balance-details- .member-name- .-bottomRow .member-progress-text {
	font-size: 14px;
}

#balpreviewmodal .balance-details- .member-name- .-bottomRow .member-progress-text .currentPoint {
	font-size: 24px;
	padding-right: 5px;
	font-weight: bold;
	color: var(--h7_HEADER_7_MEMBER_GRP_PROGRESS_CURR_POINT_COLOR);
}

#balpreviewmodal .balance-details- .member-name- .-bottomRow .member-progress-container {
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    height: 6px;
    background-color: var(--h7_HEADER_7_MEMBER_GRP_PROGRESS_MEMBER_PROGRESS_BAR_CONTAINER_BG);
}

#balpreviewmodal .balance-details- .member-name- .-bottomRow .member-progress-container .member-progress-bar {
	height: 100%;
    width: 0%;
    transition: width 0.4s ease;
}

#balpreviewmodal .balance-details- .member-name- .-bottomRow .member-progress-container.firstRank .member-progress-bar {
	background-color: var(--h7_HEADER_7_MEMBER_GRP_PROGRESS_FIRST_RANK_MEMBER_PROGRESS_BAR_BG);
}

#balpreviewmodal .balance-details- .member-name- .-bottomRow .member-progress-container.secondRank .member-progress-bar {
	background-color: var(--h7_HEADER_7_MEMBER_GRP_PROGRESS_SECOND_RANK_MEMBER_PROGRESS_BAR_BG);
}

#balpreviewmodal .balance-details- .member-name- .-bottomRow .member-progress-container.thirdRank .member-progress-bar {
	background-color: var(--h7_HEADER_7_MEMBER_GRP_PROGRESS_THIRD_RANK_MEMBER_PROGRESS_BAR_BG);
}

#balpreviewmodal .balance-details- .member-name- .-bottomRow .member-progress-container.fourthRank .member-progress-bar {
	background-color: var(--h7_HEADER_7_MEMBER_GRP_PROGRESS_FOURTH_RANK_MEMBER_PROGRESS_BAR_BG);
}

#balpreviewmodal .balance-details- .member-name- .-bottomRow .member-progress-container.topRank .member-progress-bar {
	background-color: var(--h7_HEADER_7_MEMBER_GRP_PROGRESS_TOP_RANK_MEMBER_PROGRESS_BAR_BG);
}
/* Member Group Progress */

/* Member Group Upgrade Downgrade Modal */
.rankUpgradeModal, 
.rankDowngradeModal {
	display: none;
	opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease;
    background-color: var(--h7_HEADER_7_MEMBER_GRP_UP_DOWN_MODAl_HOVER_LAYER_BG);
}

.rankUpgradeModal .modal-content, 
.rankDowngradeModal .modal-content {
	width: 90%;
	max-width: 280px;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	position: relative;
	top: -8%;
	transform: scale(0.9);
	transition: transform 0.3s ease;
	background: var(--h7_HEADER_7_MEMBER_GRP_UP_MODAl_CONTENT_BG);
	border: var(--h7_HEADER_7_MEMBER_GRP_MODAl_CONTENT_BORDER);
}

.rankDowngradeModal .modal-content {
	background: var(--h7_HEADER_7_MEMBER_GRP_DOWN_MODAl_CONTENT_BG);
}

.rankUpgradeModal.show .modal-content, 
.rankDowngradeModal.show .modal-content {
    transform: scale(1);
}

.rankUpgradeModal .modal-content .modal-header, 
.rankDowngradeModal .modal-content .modal-header {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 10px;
    justify-content: center;
    color: var(--h7_HEADER_7_MEMBER_GRP_UP_MODAl_HEADER_COLOR);
    background: var(--h7_HEADER_7_MEMBER_GRP_UP_MODAl_HEADER_BG);
}

.rankDowngradeModal .modal-content .modal-header {
    color: var(--h7_HEADER_7_MEMBER_GRP_DOWN_MODAl_HEADER_COLOR);
}

.rankUpgradeModal .modal-content .modal-header:after, 
.rankDowngradeModal .modal-content .modal-header:after {
	border: none;
}

.rankUpgradeModal .modal-content .modal-close, 
.rankDowngradeModal .modal-content .modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    color: var(--h7_HEADER_7_MEMBER_GRP_UP_MODAl_CLOSE_BTN_COLOR);
    background: var(--h7_HEADER_7_MEMBER_GRP_MODAl_CLOSE_BTN_BG);
    border: var(--h7_HEADER_7_MEMBER_GRP_UP_MODAl_CLOSE_BTN_BORDER);
}

.rankDowngradeModal .modal-content .modal-close {
	color: var(--h7_HEADER_7_MEMBER_GRP_DOWN_MODAl_CLOSE_BTN_COLOR);
	border: var(--h7_HEADER_7_MEMBER_GRP_DOWN_MODAl_CLOSE_BTN_BORDER);
}

.rankUpgradeModal .modal-content .modal-image {
    width: 75%;
    margin: auto;
}

.rankDowngradeModal .modal-content .modal-image {
	width: 50%;
    margin: auto;
}

.rankUpgradeModal .modal-content .modal-text, 
.rankDowngradeModal .modal-content .modal-text {
    margin-top: 20px;
    font-size: 14px;
    color: var(--h7_HEADER_7_MEMBER_GRP_UP_MODAl_TXT_COLOR);
}

.rankDowngradeModal .modal-content .modal-text {
	color: var(--h7_HEADER_7_MEMBER_GRP_DOWN_MODAl_TXT_COLOR);
}

.rankUpgradeModal .modal-content .modal-button, 
.rankDowngradeModal .modal-content .modal-button {
    display: inline-block;
    padding: 10px 20px;
    font-size: 13px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    margin: 20px auto auto;
    width: 80%;
    background-color: var(--h7_HEADER_7_MEMBER_GRP_MODAl_VIEW_REWARD_BTN_BG);
    color: var(--h7_HEADER_7_MEMBER_GRP_MODAl_VIEW_REWARD_BTN_COLOR);
}

.rankUpgradeModal .modal-content .modal-button:hover, 
.rankDowngradeModal .modal-content .modal-button:hover {
    background-color: var(--h7_HEADER_7_MEMBER_GRP_MODAl_VIEW_REWARD_BTN_HOVER_BG);
}
/* Member Group Upgrade Downgrade Modal */

#balpreviewmodal .balance-details- .balance-section- {
	display: flex;
    flex-direction: column;
    gap: 10px 0
}

#balpreviewmodal .balance-details- .balance-section- .btn_refresh {
	padding: 0;
	background: var(--h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_REFRESH_BG);
	border: var(--h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_REFRESH_BORDER);
	color: var(--h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_REFRESH_TXT);
    transition: .2s;
}

#balpreviewmodal .balance-details- .balance-section- .btn_refresh:hover {
	color: var(--h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_REFRESH_HOVER_TXT);
	transform: rotateZ(180deg)
}

#balpreviewmodal .balance-details- .balance-section- .btn_blur {
	padding: 0;
	background: var( --h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_BTN_BLUR_BG);
	border: var(--h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_BTN_BLUR_BORDER);
	color: var( --h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_BTN_BLUR_TXT);
    transition: .2s;
}

#balpreviewmodal .balance-details- .balance-section- .btn_blur:hover {
	color: var( --h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_BTN_BLUR_HOVER_TXT)
}

#balpreviewmodal .balance-details- .balance-section- .blur- {
	transition: .2s
}

#balpreviewmodal .balance-details- .balance-section- .blur-.hide- {
	filter: var(--h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_BLUR_HIDE_FILTER)
}

#balpreviewmodal .balance-details- .balance-section- .section-split- {
	position: relative;
	padding: 0 0 10px
}

#balpreviewmodal .balance-details- .balance-section- .section-split-.flex-split- {
	display: flex;
    justify-content: space-between;
    align-items: flex-end
}

#balpreviewmodal .balance-details- .balance-section- .section-split-:before {
	content: "";
	position: absolute;
	width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: var(--h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_SPLIT_BEFORE_BG)
}

#balpreviewmodal .balance-details- .balance-section- .section-split-:last-child {
	padding: 0
}

#balpreviewmodal .balance-details- .balance-section- .section-split-:last-child:before {
	width: 0;
    height: 0;
    background: var(--h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_SPLIT_LAST_CHILD_BEFORE_BG)
}

#balpreviewmodal .balance-details- .balance-section- .main- .main-lbl- {
    margin: 0 0 5px
}

#balpreviewmodal .balance-details- .balance-section- .main- .main-amt- {
    display: flex;
    gap: 0 10px;
    align-items: center;
    font-size: 18px
}

#balpreviewmodal .balance-details- .balance-section- .btn_restoreall {
	position: relative;
    padding: 5px 1rem;
    border: var(--h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_RESTORE_ALL_BORDER);
    border-radius: 3px;
    font-weight: 500;
    z-index: 0;
    transition: .3s;
    color: var(--h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_RESTORE_ALL_TXT);
    background: var(--h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_RESTORE_ALL_BG);
    font-size: 14px
}

#balpreviewmodal .balance-details- .balance-section- .refreshTimer {
	position: absolute;
    top: -20px;
    right: 0;
    font-size: 12px;
    color: var( --h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_REFRESH_TIMER_TXT)
}

#balpreviewmodal .balance-details- .balance-section- .prov-wal-list- {
	position: relative;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	display: grid;
    /* grid-template-columns: repeat(auto-fill,minmax(calc(100%/2.5), 1fr)); */
    grid-gap: 20px 10px;
}

@media (max-width: 350px) {
	#balpreviewmodal .balance-details- .balance-section- .prov-wal-list- {
	    grid-template-columns: repeat(1, 1fr);
	    grid-gap: 20px 0
	}
}


#balpreviewmodal .balance-details- .balance-section- .prov-wal-list- .prov-wal- {
	/* margin: 0 0 1rem */
}

#balpreviewmodal .balance-details- .balance-section- .prov-wal-list- .prov-wal-:last-child {
	margin: 0;
	border: var(--h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_WAL_LIST_LAST_CHILD_BORDER)
}

#balpreviewmodal .balance-details- .balance-section- .prov-wal-list- .prov-wal- .prov-name {
    /* margin: 0 0 8px */
}

#balpreviewmodal .balance-details- .balance-section- .prov-wal-list- .prov-wal- .prov-bal {
	display: flex;
    gap: 0 5px;
    align-items: center
}

#balpreviewmodal .balance-details- .balance-section- .prov-wal-list- .prov-wal- .prov-bal .prov-amt.active {
	color: var(--walOn) !important
}

#balpreviewmodal .balance-details- .balance-section- .prov-wal-list- .prov-wal- .prov-details {
	display: flex;
    justify-content: space-between;
    align-items: flex-end
}

#balpreviewmodal .balance-details- .balance-section- .prov-wal-list- .prov-wal- .prov-status span {
	padding: 3px 5px;
    border-radius: 3px
}

#balpreviewmodal .balance-details- .balance-section- .prov-wal-list- .prov-wal- .prov-status span.hide- {
	display: none
}

#balpreviewmodal .balance-details- .balance-section- .prov-wal-list- .prov-wal- .maintenance {
	color: var(--h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_WAL_LIST_MAINTENANCE_TXT);
    background: var(--h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_WAL_LIST_MAINTENANCE_BG)
}

#balpreviewmodal .balance-details- .balance-section- .prov-wal-list- .prov-wal- .locked-n {
	color: var(--h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_WAL_LIST_LOCKED_TXT);
    background: var(--h7_BAL_PREVIEW_MODAL_BALANCE_DETAIL_SECTION_WAL_LIST_LOCKED_BG);
}
/* balpreviewmodal */





#depositmodal .transfer-containers .balance-section- {
	display: flex;
    flex-direction: column;
    gap: 10px 0;
    margin-bottom: 15px;
}

#depositmodal .transfer-containers .balance-section- .btn_refresh {
	padding: 0;
	background: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_REFRESH_BG);
	border: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_REFRESH_BORDER);
	color: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_REFRESH_TXT);
    transition: .2s;
}

#depositmodal .transfer-containers .balance-section- .btn_refresh:hover {
	color: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_REFRESH_HOVER_TXT);
	transform: rotateZ(180deg)
}

#depositmodal .transfer-containers .balance-section- .btn_blur {
	padding: 0;
	background: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_BLUR_BG);
	border: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_BLUR_BORDER);
	color: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_BLUR_TXT);
    transition: .2s;
}

#depositmodal .transfer-containers .balance-section- .btn_blur:hover {
	color: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_BLUR_HOVER_TXT)
}

#depositmodal .transfer-containers .balance-section- .blur- {
	transition: .2s
}

#depositmodal .transfer-containers .balance-section- .blur-.hide- {
	filter: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_SECTION_BLUR_HIDE_FILTER)
}

#depositmodal .transfer-containers .balance-section- .section-split- {
	position: relative;
	padding: 0 0 10px
}

#depositmodal .transfer-containers .balance-section- .section-split-.flex-split- {
	display: flex;
    justify-content: space-between;
    align-items: flex-end
}

#depositmodal .transfer-containers .balance-section- .section-split-:before {
	content: "";
	position: absolute;
	width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    background: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_SECTION_SPLIT_BEFORE_BG)
}

#depositmodal .transfer-containers .balance-section- .section-split-:last-child {
	padding: 0
}

#depositmodal .transfer-containers .balance-section- .section-split-:last-child:before {
	width: 0;
    height: 0;
    background: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_SECTION_SPLIT_LAST_CHILD_BEFORE_BG)
}

#depositmodal .transfer-containers .balance-section- .main- .main-lbl- {
    margin: 0 0 5px
}

#depositmodal .transfer-containers .balance-section- .main- .main-amt- {
    display: flex;
    gap: 0 10px;
    align-items: center;
    font-size: 18px
}

#depositmodal .transfer-containers .balance-section- .btn_restoreall {
	position: relative;
    padding: 5px 1rem;
    border: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_SECTION_BTN_RESTORE_ALL_BORDER);
    border-radius: 3px;
    font-weight: 500;
    z-index: 0;
    transition: .3s;
    color: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_SECTION_BTN_RESTORE_ALL_TXT);
    background: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_SECTION_BTN_RESTORE_ALL_BG);
    font-size: 14px
}

#depositmodal .transfer-containers .balance-section- .refreshTimer {
	position: absolute;
    top: -20px;
    right: 0;
    font-size: 12px;
    color: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_SECTION_REFRESH_TIMER_TXT);
}

#depositmodal .transfer-containers .balance-section- .prov-wal-list- {
	position: relative;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	display: grid;
    grid-template-columns: repeat(auto-fill,minmax(calc(100%/2.5), 1fr));
    grid-gap: 20px 10px;
    max-height: 340px;
}

@media (max-width: 350px) {
	#depositmodal .transfer-containers .balance-section- .prov-wal-list- {
	    grid-template-columns: repeat(1, 1fr);
	    grid-gap: 20px 0
	}
}


#depositmodal .transfer-containers .balance-section- .prov-wal-list- .prov-wal- {
	/* margin: 0 0 1rem */
}

#depositmodal .transfer-containers .balance-section- .prov-wal-list- .prov-wal-:last-child {
	margin: 0;
	border: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_SECTION_WALL_LIST_LAST_CHILD_BORDER);
}

#depositmodal .transfer-containers .balance-section- .prov-wal-list- .prov-wal- .prov-name {
    /* margin: 0 0 8px */
}

#depositmodal .transfer-containers .balance-section- .prov-wal-list- .prov-wal- .prov-bal {
	display: flex;
    gap: 0 5px;
    align-items: center
}

#depositmodal .transfer-containers .balance-section- .prov-wal-list- .prov-wal- .prov-bal .prov-amt.active {
	color: var(--walOn) !important
}

#depositmodal .transfer-containers .balance-section- .prov-wal-list- .prov-wal- .prov-details {
	display: flex;
    justify-content: space-between;
    align-items: flex-end
}

#depositmodal .transfer-containers .balance-section- .prov-wal-list- .prov-wal- .prov-status span {
	padding: 3px 5px;
    border-radius: 3px
}

#depositmodal .transfer-containers .balance-section- .prov-wal-list- .prov-wal- .prov-status span.hide- {
	display: none
}

#depositmodal .transfer-containers .balance-section- .prov-wal-list- .prov-wal- .maintenance {
	color: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_SECTION_WALL_LIST_MAINTENANCE_TXT);
    background: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_SECTION_WALL_LIST_MAINTENANCE_BG)
}

#depositmodal .transfer-containers .balance-section- .prov-wal-list- .prov-wal- .locked-n {
	color: var(	--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_SECTION_WALL_LIST_LOCKED_TXT);
    background: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_BALANCE_SECTION_WALL_LIST_LOCKED_BG);
}

#depositmodal .transfer-containers .normalTransfer-wrap {
	border-top: var(--h7_DEPOSIT_MODAL_TRANSFER_CONTAINER_TRANSFER_WRAP_BORDER_TOP);
}

#depositmodal .transfer-containers .normalTransfer-wrap .form-inline {
	 margin-top: 2rem;
}

.buttonback {
	position: fixed;
    bottom: 65px;
    left: 40%;
    transform: translateX(-50%);
    z-index: 1000;
	display: inline-block;
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 30px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	background-color: var(--color5);
	border: 2px solid var(--color4);
}

.buttonback.high {
	bottom: 90px
}

.buttonback::before {
	content: "\f106";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	font-style: normal;
	font-size: 20px;
	line-height: 43px;
	bottom: -2px;
	position: absolute;
	right: 10px;
	color: var(--color4);
}

.buttonback:active {
	background-color: #555
}

.buttonback.show {
	opacity: 1;
	visibility: visible
}
.sidebar-section-header{
	color:var(--h7_MOBILE_MENU_LIST_ITEM_A_TXT);
	padding: 16px 10px 0 1rem;
    font-size: 18px;
    display:block;
    border-top: 1px solid;
}