@charset "UTF-8";

/* HOME PROV */
.homeprov-area{
    margin: 1rem 15px;
}

/* Provider category list and provider list */
.homeprov-tab-1 {
	border: none;
    background: var(--color2);
}

.homeprov-tab-1 .tab-list {
    display: flex;
    flex-wrap: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    padding-bottom: 20px;

}

.homeprov-tab-1 .tab-list li {
    color: var(--prov11_TAB_LIST_COLOR);
    background: var(--prov9_OTHER_FILTER_LIST_FILTER_GROUP_PROV_FIL_LIST_LI_LABEL_BG);
    min-width: 85px;
    min-height: 85px;
    font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
    padding: 10px;
    margin-right: 10px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}

.homeprov-tab-1 .tab-list li .img {
	position: relative;
	z-index: 1
}

.homeprov-tab-1 .tab-list li .img img {
	width: 9vw
}

.homeprov-tab-1 .tab-list li.active {
	background: var(--prov11_TAB_LIST_BG_COLOR);
	color: var(--prov11_TAB_LIST_ACTIVE_COLOR);
}

.homeprov-tab-1 .tab-list li .img {
	filter: var(--prov11_TAB_LIST_LI_ICON_FILTER)
}

.homeprov-tab-1 .tab-list li.active .img {
	filter: var(--prov11_TAB_LIST_LI_ACTIVE_ICON_FILTER)
}

.homeprov-tab-1 .tab-content {
	width: 100%;
    overflow: hidden
}

.homeprov-tab-1 .tab-content .track {
	display: inline-flex;
	width: 100%;
    transition: .3s ease-in-out
}

.homeprov-tab-1 .tab-content .tab-pane {
	display: block;
    width: 100%;
    height: fit-content;
    flex-shrink: 0;
    padding-top: 15px;
}

.homeprov-tab-1 .tab-pane .prov-list {
	display: grid;
	gap: 10px;
}

.homeprov-tab-1 .tab-pane .prov-list.provSmall {
	grid-template-columns: repeat(1, 1fr);
}

.homeprov-tab-1 .tab-pane .prov-list.provMedium {
	grid-template-columns: repeat(2, 1fr);
}

.homeprov-tab-1 .tab-pane .prov-list.provLarge {
	grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 350px) {
	.homeprov-tab-1 .tab-pane .prov-list {
		grid-template-columns: repeat(3, 1fr)
	}
}

.homeprov-tab-1 .tab-pane .prov-list .prov- {
	position: relative;
    text-align: center;
    justify-items: center;
    font-size: 0.8rem;
}

.homeprov-tab-1 .tab-pane .prov-list .prov- .prov-img {
	display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 3vw;
    font-weight: var(--SEMIBOLD_FONT_WEIGHT);
    text-align: center;
    word-break: break-word;
    color: var(--color1);
    background: var(--prov9_HOMEPROV_TAB_1_TAB_PANE_LIST_IMG_BG);
    border-radius: 20px;
    width: 100%;
    margin-bottom: 6px;
    position: relative;
}

.homeprov-tab-1 .tab-pane .prov-list.provSmall .prov- .prov-img,
.homeprov-tab-1 .tab-pane .prov-list.provMedium .prov- .prov-img {
	justify-content: center
}

.homeprov-tab-1 .tab-pane .prov-list.provLarge .prov- .prov-img {
	justify-content: space-evenly
}

.homeprov-tab-1 .tab-pane .prov-list .prov- .label_game_list,
.homeprov-tab-1 .tab-pane .prov-list .prov- .label_lobby {
	position: absolute;
    top: 4px;
    right: 0px;
    font-size: var(--DEFAULT_FONT_SIZE);
    font-weight: var(--REG_FONT_WEIGHT);
    min-width: 60px;
    text-align: center;
    width: max-content;
    padding: 2px 0.25rem;
    background-color: var(--color4);
    color: var(--color2);
    border-radius: 2px;
    text-transform: uppercase;
}

.homeprov-tab-1 .tab-pane .prov-list.provSmall .prov- .prov-img img {
	width: auto;
    max-width: 100%;
	max-height: 169px
}

.homeprov-tab-1 .tab-pane .prov-list.provMedium .prov- .prov-img img {
	width: auto;
    max-width: 100%;
    min-height: 100px;
    border-radius: inherit;
}

.homeprov-tab-1 .tab-pane .prov-list.provLarge .prov- .prov-img img {
	width: 100%;
	padding: .75rem
}

.homeprov-tab-1 .tab-pane .prov-list .prov- .block- {
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--prov9_HOMEPROV_TAB_1_TAB_PANE_LIST_PROV_BLOCK_BG);
    border-radius: inherit;
}

.homeprov-tab-1 .tab-pane .prov-list .prov- .block-.hide {
	z-index: -1;
	opacity: 0
}

.homeprov-tab-1 .tab-pane .prov-list .prov- .block- .block-wrap {
	position: relative;
    width: 98%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
    text-align: center;
    color: var(--prov9_HOMEPROV_TAB_1_TAB_PANE_LIST_PROV_BLOCK_WRAP_TXT);
}

.homeprov-tab-1 .tab-pane .prov-list .prov- .block- .block-wrap i {
	font-size: vra(--ICON_LARGE_FONT_SIZE)
}

.homeprov-tab-1 .tab-pane .prov-list .prov- .maintenance i {
	color: var(--prov9_HOMEPROV_TAB_1_TAB_PANE_LIST_PROV_MAINTENANCE_I_TXT);
}
/* Provider category list and provider list */

/* Provider Game List */
.provgamelist-1, 
.provgamelist-2 {
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 100%;
    transform: scaleX(0);
    z-index: -1;
    opacity: 0;
    transition: all .2s ease-in-out, opacity 1s ease-in-out;
    background: var(--color2);
}

.provgamelist-1.active, 
.provgamelist-2.active {
	left: 0%;
	transform: scaleX(1);
	z-index: 16;
	opacity: 1;
	transition: all .2s ease-in-out, opacity .2s ease-in-out
}

.provgamelist-1 .top-lbl-, 
.provgamelist-2 .top-lbl-  {
	display: flex;
    height: 60px;
    align-items: center;
    background: var(--color1);
}

.provgamelist-1 .top-lbl- .provname, 
.provgamelist-2 .top-lbl- .provname {
    font-size: var(--SECTION_HEADER_FONT_SIZE);
    font-weight: var(--MED_FONT_WEIGHT);
    color: var(--prov9_PROV_GAME_LIST_1_TOP_LBL_PROVNAME_TXT);
}

.provgamelist-1 .btn-provback, 
.provgamelist-2 .btn-provback {
	font-size: var(--SECTION_HEADER_FONT_SIZE);
    margin-left: 20px;
    background: var(--prov9_PROV_GAME_LIST_1_BTN_PROV_BACK_BG);
    border: var(--prov9_PROV_GAME_LIST_1_BTN_PROV_BACK_BORDER);
    color: var(--prov9_PROV_GAME_LIST_1_BTN_PROV_BACK_ICON);
    text-shadow: var(--prov9_PROV_GAME_LIST_1_BTN_PROV_BACK_TEXT_SHADOW);
    -webkit-text-shadow: var(--prov9_PROV_GAME_LIST_1_BTN_PROV_BACK_WEBKIT_TEXT_SHADOW);
}

.provgamelist-1 #provBackTop, 
.provgamelist-2 #provBackTop {
	position: relative;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    font-size: var(--ICON_LARGE_FONT_SIZE);
    opacity: 1;
    transition: opacity .2s ease-in-out;
    color: var(--prov9_PROV_GAME_LIST_1_PROV_BACK_TOP_TXT);
    background: var(--prov9_PROV_GAME_LIST_1_PROV_BACK_TOP_BG);
    border: var(--prov9_PROV_GAME_LIST_1_PROV_BACK_TOP_BORDER);
}

.provgamelist-1 #provBackTop:before, 
.provgamelist-2 #provBackTop:before {
	content: "➤";
	position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-40%, -50%) rotateZ(-90deg)
}

.provgamelist-1 #provBackTop.hide, 
.provgamelist-2 #provBackTop.hide {
	opacity: 0
}

.provgamelist-1 .bottom-gamelist-, 
.provgamelist-2 .bottom-gamelist- {
	display: block;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

.provgamelist-1 .gamelist-, 
.provgamelist-2 .gamelist- {
	padding: 0 0 6rem;
	height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

.provgamelist-1 .gamelist-.hide, 
.provgamelist-2 .gamelist-.hide {
	display: none;
	opacity: 0
}

.provgamelist-1 .prov-filter, 
.provgamelist-2 .prov-filter {
	margin-bottom: 1rem;
	padding: 15px;
    display: flex;
    gap: 0 10px;
    overflow-x: auto;
    overflow-y: hidden;
    background: var(--prov9_PROV_GAME_LIST_1_PROV_FILTER_BG);
}

.filter-container{
    margin: 10px 10px 40px;
    gap: 30px;
}

.provgamelist-1 .search-bar, 
.provgamelist-2 .search-bar {
	display: flex;
    align-items: center;
    border: 1px solid var(--color1);
    border-radius: 25px;
    padding: 0 15px;
    font-size: var(--ICON_FONT_SIZE);
}

.provgamelist-1 .search-bar #gameSearch, 
.provgamelist-2 .search-bar #gameSearch {
    background: transparent;
    font-size: var(--SUBHEADER_FONT_SIZE);
    align-content: center;
}

.provgamelist-1 .search-bar #gameSearch::placeholder, 
.provgamelist-2 .search-bar #gameSearch::placeholder {
	color: #7d7d7d;
}

.provgamelist-1 .fillter-btn, 
.provgamelist-2 .fillter-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color1);
    border-radius: 5px;
    padding: 0 15px;
    font-size: var(--BUTTON_LARGE_FONT_SIZE);
    gap: 10px;
    background: var(--color1);
    color: var(--prov9_PROV_GAME_LIST_1_PROV_FILTER_BUTTON_COLOR);
}

.provgamelist-1 .fillter-btn .bars, 
.provgamelist-2 .fillter-btn .bars {
	position: relative;
    width: 15px;
    justify-items: center;
}

.provgamelist-1 .fillter-btn .bars div, .provgamelist-1 .fillter-btn .bars:before, .provgamelist-1 .fillter-btn .bars:after,
.provgamelist-2 .fillter-btn .bars div, .provgamelist-2 .fillter-btn .bars:before, .provgamelist-2 .fillter-btn .bars:after {
    content: "";
    border-radius: 3px;
    display: block;
    height: 3px;
    margin: 4px 0;
    background-color: var(--prov9_PROV_GAME_LIST_1_PROV_FILTER_BUTTON_BAR_BG);
}

.provgamelist-1 .fillter-btn .bars:before,
.provgamelist-2 .fillter-btn .bars:before {
    width: 100%;
}

.provgamelist-1 .fillter-btn .bars div,
.provgamelist-2 .fillter-btn .bars div {
    width: 60%;
}

.provgamelist-1 .fillter-btn .bars:after,
.provgamelist-2 .fillter-btn .bars:after {
    width: 35%;
}


.provgamelist-1 .prov-filter button.active,
.provgamelist-2 .prov-filter button.active {
	color: var(--prov9_PROV_GAME_LIST_1_PROV_FILTER_BUTTON_ACTIVE_TXT);
    background: var(--prov9_PROV_GAME_LIST_1_PROV_FILTER_BUTTON_ACTIVE_BG);
}

.provgamelist-1 .provider-item-row {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    padding: 0 10px;
    margin-bottom: 20%;
}

.provgamelist-2 .provider-item-row-non-gamelist {
	display: grid;
    padding: 0 10px;
    margin-bottom: 20%;
}

.provgamelist-2 .provider-item-row-non-gamelist.provSmall {
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 20px;
}

.provgamelist-2 .provider-item-row-non-gamelist.provMedium {
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 20px;
}

.provgamelist-2 .provider-item-row-non-gamelist.provLarge {
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 15px;
}

.provgamelist-1 .provider-item-row .provItem {
    border-radius: 5px;
    max-width: 135px;
    margin: 0 auto;
}

.provgamelist-2 .provider-item-row-non-gamelist .provItem {
    text-align: center;
    justify-items: center;
}

.provgamelist-1 .provider-item-row .provItem .provImg {
    width: 135px;
    height: 110px;
}

.provgamelist-2 .provider-item-row-non-gamelist .provItem .prov-img {
	display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 3vw;
    font-weight: var(--SEMIBOLD_FONT_WEIGHT);
    text-align: center;
    word-break: break-word;
    color: var(--color1);
    background: var(--prov9_HOMEPROV_TAB_1_TAB_PANE_LIST_IMG_BG);
    border-radius: 20px;
    justify-content: center;
    width: 100%
}

.provgamelist-2 .provider-item-row-non-gamelist.provSmall .provItem .prov-img {
	height: fit-content
}

.provgamelist-2 .provider-item-row-non-gamelist.provMedium .provItem .prov-img {
	height: 100px
}

.provgamelist-2 .provider-item-row-non-gamelist.provLarge .provItem .prov-img {
	height: fit-content
}

.provgamelist-1 .provider-item-row .provItem .provImg img {
    width: 100%;
    height: 100%;
    border-radius: 15px;    
    object-fit: cover;
    object-position: center;
}

.provgamelist-2 .provider-item-row-non-gamelist .provItem .prov-img img {
	width: 100%;
    height: 100%
}

.provgamelist-1 .provider-item-row .provItem .provName {
	color: var(--color1);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 135px;
}

.provgamelist-2 .provider-item-row-non-gamelist .provItem .provName {
	color: var(--color1);
    text-align: center;
    padding-top: 5px;
}

.provgamelist-1 .provider-item-row .provItem .locked, 
.provgamelist-2 .provider-item-row-non-gamelist .provItem .locked {
	position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--PROV_PROV_GAME_LIST_1_PROV_PROMO_LOCKED_FONT_SIZE);
    z-index: 2;
    color: var(--color2);
    background: var(--prov9_PROV_GAME_LIST_1_PROV_PROMO_LOCKED_BG);
}

.provgamelist-2 .provider-item-row-non-gamelist .provItem .maintenance {
	position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: space-around;
    z-index: 50;
    pointer-events: none;
    background: var(--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_PROV_MAIN_MENU_BLOCK_BG);
    border-radius: 15px;
    top: 0
}

.provgamelist-1 .prov-usrpswd- .main- {
	position: relative;
	padding: 20px;
}

.provgamelist-1 .prov-usrpswd- .main- .fixed {
	margin-top: 30px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: var(--color1);
}

.provgamelist-1 .prov-usrpswd- .main- .fixed .copyIcon{
	position: absolute;
    width: fit-content;
    height: fit-content;
    top: 70%;
    right: 10px;
    transform: translateY(-50%);
    font-size: var(--ICON_FONT_SIZE);
    cursor: pointer;
}

.provgamelist-1 .prov-usrpswd- .main- .fixed .mobileapp-icon {
	right: -35px;
}

.provgamelist-1 .prov-usrpswd- .main- .fixed .btn-generateusr{
    position: relative;
    border-radius: 5px;
    min-width: unset;
    max-width: unset;
    padding: 8px 10px;
    letter-spacing: 0;
    color: var(--prov9_PROV_GAME_LIST_1_PROV_USRPSWD_GENERATE_USR_BUTTON_COLOR);
    background: var(--color1);
    background-position: 0 0;
    transition: all .3s ease-in-out;
}

.provgamelist-1 .prov-usrpswd- .msg- {
	font-size: var(--HEADER_FONT_SIZE);
    word-break: break-word;
    line-height: 25px;
    color: var(--prov9_PROV_GAME_LIST_1_PROV_USRPSWD_MSG_TXT);
}

.provgamelist-1 .prov-usrpswd- .msg- button {
	width: fit-content;
	padding: 10px 1rem
}

.provgamelist-1 .prov-usrpswd- .download- {
	width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
    margin: 3rem 0 0
}

.provgamelist-1 .prov-usrpswd- .download- .down-item {
	position: relative;
	padding: 0
}

.provgamelist-1 .prov-usrpswd- .download- .down-item:after {
	content: "";
    position: absolute;
    width: 1px;
    height: 90%;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: var(--color1);
}

.provgamelist-1 .prov-usrpswd- .download- .down-item:last-child:after {
	width: 0;
    height: 0;
    background: var(--prov9_PROV_GAME_LIST_1_PROV_USRPSWD_DOWNLOAD_DOWN_ITEM_LAST_CHILD_AFTER_BG);
}

.provgamelist-1 .prov-usrpswd- .download- .down-item .lbl {
	margin: 0 0 1rem;
    font-size: var(--HEADER_FONT_SIZE);
    font-weight: var(--REG_FONT_WEIGHT);
    text-transform: uppercase;
    text-align: center;
    color: var(--prov9_PROV_GAME_LIST_1_PROV_USRPSWD_DOWNLOAD_DOWN_ITEM_1B1_TXT);
}

.provgamelist-1 .prov-usrpswd- .download- .down-item .img {
	width: 90%;
    margin: 0 auto;
    background: var(--color2);
    padding: 5px;
}
/* Provider Game List */

/* after login wallet box */
.homeprov-area .wallet-box-.wallet-box-2- {
	color: var(--prov9_HOME_PROV_AREA_WALLET_BOX_COLOR);
	background: var(--prov9_HOME_PROV_AREA_WALLET_BOX_BG)
}

.homeprov-area .wallet-box-2- .box-row- .item-:first-child {
	width: 65%;
	justify-content: space-between
}

.homeprov-area .wallet-box-2- .box-row- .item-:last-child {
	width: 35%;
	justify-content: flex-end
}

.provgamelist .bottom-gamelist- .main-menu-wrap{
	display: flex;
    flex-direction: row;
    position: relative;
    width: 100%;
    align-items: center;
    height: 170px;
    border: 0;
    padding: 0 2.6666666667vw 0 0;
    background: var(--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_PROV_MAIN_MENU_BG);
    margin-bottom: 4.2666666667vw;
}

.prov-main-menu::-webkit-scrollbar {
    height:2px;
}

.prov-main-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.prov-main-menu::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 1.4rem 1rem;
    padding: 10px;
    scrollbar-width: thin;
    height: inherit;
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li:first-child {
	position: relative;
    display: grid;
    width: auto;
    min-width: 80px;
    height: 80px;
    line-height: 0;
    border-radius: 15px;
    background: transparent;
    border: 2px solid #ccc;
    color: var(--color1);
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li:first-child .btn-click{
	margin: 0 auto;
	border: none;
    align-content: center;
    text-align: center;
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li.active:first-child .btn-click .prov-lbl{
	color: #ffce01;
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li{
	position: relative;
	display: flex;
    flex-direction: column;
    width: 80px;
    text-align: center;
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li.active:first-child{
	background: #333;
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li.active .btn-click{
	background: #333;
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li .prov-lbl{
	color: var(--color1);
	word-wrap: break-word;
	font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li .btn-click{
	border-radius: 15px;
    background: var(--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_PROV_MAIN_MENU_LI_BG);
    border: var(--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_PROV_MAIN_MENU_LI_BORDER);
    min-width: 80px;
    height: 80px;
    align-content: center;
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li:has(.block-:not(.hide)) {
	pointer-events: none;
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li .block-{
	position: absolute;
    display: flex;
    height: 80px;
    width: 80px;
    align-items: flex-end;
    justify-content: space-around;
    z-index: 50; 
    pointer-events: none;
	background:var(--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_PROV_MAIN_MENU_BLOCK_BG);
	border-radius: 15px;
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li .block- .block-wrap{
	width: 100%;
    padding: 5px;
    color: var(--prov9_PROV_GAME_LIST_BTM_GAME_LIST_MAIN_PROV_MAIN_MENU_BLOCK_WRAP_COLOR);
    margin: auto;
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li .block- .block-wrap i{
	font-size: var(--HEADER_FONT_SIZE);
}

.provgamelist .bottom-gamelist- .main-menu-wrap .prov-main-menu li img{
	display: inline-block;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 8px;
}

.prov-main-menu input[type=checkbox]{
	display: none;
}

/*NO GAME TAB*/
.no-game-container{
	position: relative;
    z-index: 2;
    width: 100%;
    margin-top: 20px;
    background: var(--prov9_NO_GAME_CONTAINER_BG);
    color: var(--prov9_NO_GAME_CONTAINER_COLOR);
    text-align: center;
}

.no-game-container{
	padding: 20px;
	font-size: var(--BODY_TXT_FONT_SIZE);
}

/*Game list maintenance*/
.provgamelist-1 .provider-item-row .provItem .block- {
	position: absolute;
    height: 100%;
    width: 100%;
    background: var(--prov9_PROV_GAME_LIST_PROV_ITEM_ROW_PROV_ITEM_BLOCK_BG);
    z-index: 50;
    border-radius: 15px;
}

.provgamelist-1 .provider-item-row .provItem .block- .block-wrap {
	height: 100%;
    width: 100%;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.provgamelist-1 .provider-item-row .provItem .block- .block-wrap i {
	color: var(--prov9_PROV_GAME_LIST_PROV_ITEM_ROW_PROV_ITEM_BLOCK_BLOCK_WRAO_I_COLOR);
}

.otherfilterlist-1 {
	position: fixed;
    top: 100%;
    right: 0;
    width: 100%;
    height: 100%;
    padding-bottom: 10.6666666667vw;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .3s;   
    -webkit-overflow-scrolling: touch;
    z-index: 100;
	background-color: var(--prov9_OTHER_FILTER_LIST_1_BG);
}

.otherfilterlist-1.active {
	top: 0;
    transition: right .3s, opacity 0s 0s;
}

.otherfilterlist-1.active .filter-group {
    height: 35%;
    width: 100%;
    position: fixed;
    bottom: 0;
    background: var(--color2);
}

.otherfilterlist-1 .filter-group .btn-close {
    justify-self: center;
    font-size: var(--BUTTON_LARGE_FONT_SIZE);
    background: var(--color1);
    color: var(--prov9_OTHER_FILTER_LIST_1_CLOSE_BUTTON_BG);
    padding: 10px 20px;
    border-radius: 5px;
    width: fit-content;
    margin-top: 20px;	
}

.otherfilterlist-1 .filter-group .btn-container {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;	
}

.otherfilterlist-1 .filter-group .btn-container .btn-filter {
    justify-self: center;
    font-size: var(--BUTTON_LARGE_FONT_SIZE);
    padding: 10px 20px;
    width: fit-content;
    margin-top: 20px;
    border-radius: 5px;
    border: var(--prov9_OTHER_FILTER_LIST_1_BUTTON_FILTER_BORDER);
    background: var(--prov9_OTHER_FILTER_LIST_1_BUTTON_FILTER_BG);
    color: var(--color1);
}

.selectionmodal .modal-content {
    color: var(--prov4_MODAL_TXT_COLOR);
    background: var(--color2);
}

.selectionmodal .modal-body {
    padding: 3rem 1rem;
}

.selectionmodal .btn-modalClose {
    position: absolute;
    top: 2vw;
    right: 3vw;
    font-size: 4vw;
    color: var(--prov4_MODAL_BTN_CLOSE_TXT_COLOR);
    background: var(--prov4_MODAL_BTN_CLOSE_BG);
    border: var(--prov4_MODAL_BTN_CLOSE_BORDER);
}

.selectionmodal .selection-box- {
    display: grid;
    grid-gap: 5vw;
}

.selectionmodal .selection-box- button {
    display: flex;
    gap: 2vw;
    align-items: center;
    justify-content: center;
    padding: 3vw;
    border-radius: 5px;
    font-size: var(--BUTTON_LARGE_FONT_SIZE);
    font-weight: var(--REG_FONT_WEIGHT);
    text-transform: uppercase;
    color: var(--prov9_OTHER_FILTER_LIST_1_SELECTION_BOX_COLOR);
    background: var(--prov9_OTHER_FILTER_LIST_1_SELECTION_BOX_BG_COLOR);
}

.prov-list-11 .prov-list-iframe- {
	margin: auto;
    padding: .75rem .25rem;
    font-family: var(--SECONDARY_FONT_FAMILY)
}

.prov-list-11 .prov-list-iframe- .prov-iframe-screen- {
	border: none
}

.prov-list-11 .prov-list-iframe- .prov-iframe-msgbox- {
	padding: 1rem;
    text-align: center;
    color: var(--prov11_IFRAME_MSG_BOX_TXT);
    background: var(--prov11_IFRAME_MSG_BOX_BG);
}

.prov-list-11 .provgamelist-1 .prov-loading- {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem
}