@charset "UTF-8";

/* 	
	--prov7_H2_COLOR: var(--color2);
	
	--prov7_PROVITEM_PROVIMG_BORDER_COLOR: #14805e38;
	--prov7_PROVITEM_PROVIMG_BG: #222;
	
	--prov7_PROVITEM_HOVER_PROVIMG_BORDER_COLOR: var(--color4);
	
	--prov7_PROVITEM_PROVIMG_PROVNAME_P_BG: var(--color4);
	
	--prov7_PROVITEM_PROVIMG_BLOCK_BG: #000000f5;
	
	--prov7_PROVITEM_PROVIMG_MAINTENANCE_M_WRAP_COLOR: var(--color2);
	
	--prov7_PROVITEM_PROVIMG_MAINTENANCE_I_COLOR: #f1ac0c;
	
	--prov7_PROVITEM_PROVIMG_PROVNAME_COLOR: var(--color2);
	
	--prov7_PROVITEM_PROVIMG_PROVNAME_BEFORE_BG: linear-gradient(transparent, #1abf8b6e);
	
	--prov7_PROVITEM_PROVIMG_PROVNAME_AFTER_BG_IMG: linear-gradient(transparent, #14805e8a);
	
	--prov7_PROV_TAB_MENU_BG: var(--gradient1);
	
	--prov7_PROV_TAB_MENU_UL_LI_BG: #fbc10300;
	
	--prov7_PROV_TAB_MENU_UL_LI_HOVER_BG: #fbc103;
	
	--prov7_PROV_TAB_MENU_UL_LI_BTN_CLICK_COLOR: var(--color2);
	
	--prov7_PROV_TAB_MENU_UL_LI_PROV_LBL_COLOR: var(--color2);
	
	--prov7_PROV_TAB_MENU_UL_LI_BTN_MORE_PROV_BG_IMG: linear-gradient(#666666, #222222);
	
	--prov7_PROV_TAB_MENU_UL_LI_BLOCK_BG: #000000f5;
	
	--prov7_PROV_TAB_MENU_UL_LI_BLOCK_BLOCK_WRAP_COLOR: var(--color2);
	
	--prov7_PROV_TAB_MENU_UL_LI_MAINTENANCE_I_COLOR: #f1ac0c;
	
	--prov7_PROV_TAB_MENE_FULL_MENU_BG_IMG: linear-gradient(0deg, #14805e, #116a4e 100%); 
	
	--prov7_PROV_TAB_MENE_FULL_MENU_UL_BG: #0b5940;	
	
	--prov7_PROV_TAB_CONTENT_H5_AFTER_BG: var(--color6);
	
	--prov7_PROV_FILTER_BTN_COLOR: var(--color2);
	--prov7_PROV_FILTER_BTN_BG: var(--color10);
	--prov7_PROV_FILTER_BTN_BORDER:var(--color6);
	
	--prov7_PROV_FILTER_SEARCH_BAR_BG: var(--color10);
	--prov7_PROV_FILTER_SEARCH_BAR_BORDER: var(--color6);
	
	--prov7_PROV_FILTER_SEARCH_BAR_INPUT_BG: var(--color10);
	--prov7_PROV_FILTER_SEARCH_BAR_INPUT_COLOR: var(--color2);
	
	--prov7_PROV_FILTER_BTN_ACTIVE_BG: var(--color6);
	
	--prov7_PROV_TAB_MENU_UL_LI_PROV_CHECK_BG: var(--color2);
	--prov7_PROV_TAB_MENU_UL_LI_PROV_CHECK_BOX_SHADOW: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 2px 3px 0 rgba(0, 0, 0, .05), 0 3px 4px 0 rgba(0, 0, 0, .05);
	
	--prov7_PROV_TAB_MENU_UL_LI__PROV_PLAY_BORDER_COLOR: var(--color1);
	--prov7_PROV_TAB_MENU_UL_LI__PROV_PLAY_BOX_SHADOW: 0 1px 2px 0 rgba(0, 0, 0, .05), 0 2px 3px 0 rgba(0, 0, 0, .05), 0 3px 4px 0 rgba(0, 0, 0, .05);
	--prov7_PROV_TAB_MENU_UL_LI__PROV_PLAY_BG: var(--color2);
	
	--prov7_PROV_TAB_MENU_UL_LI_PROV_PLAY_I_COLOR: var(--color4);
	
	--prov7_FULL_MENU_FILTER_CATEGORY_H4_BG: rgba(255, 255, 255, .2);
	--prov7_FULL_MENU_FILTER_CATEGORY_H4_COLOR: #ffdf18;
	
	--prov7_TOP_NAV_WRAP_BG: var(--color2);
	
	--prov7_SEARCH_WRAP_I_COLOR: #767676;
	
	--prov7_SEARCH_WRAP_INPUT_BG: #f2f2f2;
	--prov7_SEARCH_WRAP_INPUT_BOX_SHADOW:  0 .125rem .3125rem #e6e6e6 inset;
	--prov7_SEARCH_WRAP_INPUT_COLOR: #14805e;
	
	--prov7_GAMEUSRPWD_MODAL_CONTENT: #171717;
	
	--prov7_GAMEUSRPWD_MODAL_BODY: #171717;
	
	--prov7_GAMEUSRPWD_BTN_MODAL_CLOSE_COLOR: var(--color2);
	--prov7_GAMEUSRPWD_BTN_MODAL_CLOSE_BG: #252525;
	
	--prov7_GAMEUSRPWD_CLOSETRIGGER_BG: linear-gradient(#0d1016, #0d1016) padding-box, linear-gradient(to left, transparent, #bdbdbd, transparent);
	
	--prov7_GAMEUSRPWD_USRPWD_DETAILS_USRPSWD_TITLE_BTN_COLOR: var(--color2);
	--prov7_GAMEUSRPWD_USRPWD_DETAILS_USRPSWD_TITLE_BTN_BG: linear-gradient(291.37deg, #000, #000);
	
	--prov7_GAMEUSRPWD_USRPWD_DETAILS_USRPSWD_TITLE_BTN_HOVER_BG: linear-gradient(291.37deg, #000, #232834);
	
	--prov7_GAMEUSRPWD_USRPWD_DETAILS_USRPSWD_TITLE_BTN_HOVER_BEFORE_MASK: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
	--prov7_GAMEUSRPWD_USRPWD_DETAILS_USRPSWD_TITLE_BTN_HOVER_BEFORE_BG: linear-gradient(0deg, var(--color4) 0%, rgba(13, 16, 22, .2) 59.09%);
	
	--prov7_GAMEUSRPWD_USRPWD_DETAILS_FORM_GROUP_LABELED_LABEL_BG: #0d1016;
	
	--prov7_GAMEUSRPWD_USRPWD_DETAILS_FORM_GROUP_INPUT_INPUT_COLOR: var(--color2);
	--prov7_GAMEUSRPWD_USRPWD_DETAILS_FORM_GROUP_INPUT_INPUT_BG: #0d1016;
	--prov7_GAMEUSRPWD_USRPWD_DETAILS_FORM_GROUP_INPUT_INPUT_BORDER_COLOR: #7d7d7d;
	
	--prov7_GAMEUSRPWD_USRPWD_DOWNLOAD_DOWN_ITEM_LBL_BEFORE_BG: linear-gradient(to left, transparent, #bdbdbd, transparent);
	
	--prov7_NO_GAME_CONTAINER_BG: #444444cc;
	
	--prov7_jp_WIDTH: 90%;
	--prov7_jp_TOP: 70%;
	--prov7_jp_LEFT: 50%;
	--prov7_jp_TRANSFORM: translate(-50%, -70%);
	--prov7_jp_FONT_SIZE: 3rem;
	--prov7_jp_FONT_FAMILY: 'russo_one';
	--prov7_jp_COLOR: var(--color2);
	--prov7_jp_TEXT_SPACE: 10px; 
	
	*/

/* PROV LIST */
.prov-list-7 .wrap {
	margin: 3rem 0 3rem
}

.prov-list-7 h2 {
	display: flex;
    gap: 10px;
    font-size: 2rem;
    align-items: center;
    color: var(--prov7_H2_COLOR);
}

.prov-list-7 h2 img {
	width: 50px;
	filter:  none;
}

.prov-list-7 .provider-item-row {
	display: grid;
    grid-gap: 10px;
    padding: 0;
    justify-items: stretch
}

.prov-list-7 .provider-item-row.g7 {
	grid-template-columns: repeat(7, 1fr);
}

.prov-list-7 .provider-item-row.g6 {
	grid-template-columns: repeat(6, 1fr);
}

.prov-list-7 .provItem .provImg {
	border-radius: 5px;
    transition: .3s linear;
    border: 1px solid;
    width: 205px;
    height: 205px;
    border-color: var(--prov7_PROVITEM_PROVIMG_BORDER_COLOR);
    background: var(--prov7_PROVITEM_PROVIMG_BG);
}

.prov-list-7 .provItem:hover .provImg {
    border-color: var(--prov7_PROVITEM_HOVER_PROVIMG_BORDER_COLOR);
}

.prov-list-7 .provItem .provImg .provName-{
	position: absolute;
    padding: 5px;
    max-width: 80%;
}

.prov-list-7 .provItem .provImg .provName- p{
	padding: 0 5px;
	border-radius: 5px;
	background: var(--prov7_PROVITEM_PROVIMG_PROVNAME_P_BG);
}

.prov-list-7 .provItem .provImg img {
	height: 100%;
	min-height: 150px;
	border-radius: 5px
}

.prov-list-7 .provItem .provImg .block- {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    border-radius: 4px;
    background: var(--prov7_PROVITEM_PROVIMG_BLOCK_BG);
}

.prov-list-7 .provItem .provImg .block-.hide {
	display: none;
	opacity: 0
}

.prov-list-7 .provItem .provImg .maintenance .m-wrap,
.prov-list-7 .provItem .provImg .locked .l-wrap {
	width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 1rem 0;
    font-size: 1rem;
    text-align: center;
    text-transform: uppercase;
    z-index: 2;
    color: var(--prov7_PROVITEM_PROVIMG_MAINTENANCE_M_WRAP_COLOR);
}

.prov-list-7 .provItem .provImg .maintenance i {
	font-size: 2rem;
    color: var(--prov7_PROVITEM_PROVIMG_MAINTENANCE_I_COLOR);
}

.prov-list-7 .provItem .provImg .overlay {
	opacity: 0;
    transition: .3s linear
}

.prov-list-7 .provItem:hover .provImg .overlay {
     opacity: 1
}

.prov-list-7 .provItem .provImg .overlay .o-wrap {
	width: 50%;
    top: 80%;
    left: 50%;
    transform: translate(-50%,-80%);
    transition: .3s linear
}

.prov-list-7 .provItem:hover .provImg .overlay .o-wrap {
	transform: translate(-50%,-50%);
    top: 50%
}

.prov-list-7 .provItem .provName {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1rem;
    border-radius: 0 0 5px 5px;
    z-index: 1;
    color: var(--prov7_PROVITEM_PROVIMG_PROVNAME_COLOR);
}

.prov-list-7 .provItem .provName:before {
	content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    left: 0;
    bottom: 0;
    border-radius: 0 0 5px 5px;
    z-index: -1;
    background: var(--prov7_PROVITEM_PROVIMG_PROVNAME_BEFORE_BG)
}

.prov-list-7 .provItem .provName:after {
	content: "";
	position: absolute;
    width: 100%;
    height: 3.375rem;
    left: 0;
    bottom: 0;
    border-radius: 0 0 5px 5px;
    z-index: -2;
    background-image: var(--prov7_PROVITEM_PROVIMG_PROVNAME_AFTER_BG_IMG);
}

.prov-list-7 .prov-tab-menu {
	padding: 0;
	background: var(--prov7_PROV_TAB_MENU_BG);
}

.prov-list-7 .prov-tab-menu ul {
	display: flex;
	flex-wrap: wrap
}

.prov-list-7 .prov-tab-menu ul li {
	position: relative;
	width: calc(100%/8);
	min-height: 45px;
	padding: 10px 5px;
    cursor: pointer;
    overflow: hidden;
    transition: .3s linear;
    background: var(--prov7_PROV_TAB_MENU_UL_LI_BG);
    letter-spacing: 1px;
    font-weight: var(--REG_FONT_WEIGHT);
}

.prov-list-7 .prov-tab-menu ul li:hover,
.prov-list-7 .prov-tab-menu ul li.active {
	background: var(--prov7_PROV_TAB_MENU_UL_LI_HOVER_BG);
}



.prov-list-7 .prov-tab-menu ul li .btn-click {
    display: grid;
    grid-template-columns: 20% 80%;
    align-content: space-around;
    align-items: center;
    justify-items: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    color:  var(--prov7_PROV_TAB_MENU_UL_LI_BTN_CLICK_COLOR);
    letter-spacing: 1px;
}

.prov-list-7 .prov-tab-menu ul li .prov-lbl,
.prov-list-7 .prov-tab-menu ul li .filter-lbl{
	position: relative;
	margin: 0;
	font-size: 13px;
	font-weight: var(--REG_FONT_WEIGHT);
    text-overflow: ellipsis;
    line-height: 1rem;
    text-align: center;
	transform: translateY(0);
	opacity: 1;
	z-index: 1;
	transition: .3s linear;
	max-width: 120px;
	color: var(--prov7_PROV_TAB_MENU_UL_LI_PROV_LBL_COLOR);
}

.prov-list-7 .prov-tab-menu ul li:hover .prov-lbl,
.prov-list-7 .prov-tab-menu ul li.active .prov-lbl {
	transform: translateY(-3rem);
	opacity: 0;
	z-index: -2
}

.prov-list-7 .prov-tab-menu ul li img {
	position: absolute;
    top: 50%;
    left: 0;
    transform: translate(200%, -50%);
    width: 50%;
    opacity: 0;
    transition: transform .3s linear
}

.prov-list-7 .prov-tab-menu ul li:hover img,
.prov-list-7 .prov-tab-menu ul li.active img {
	transform: translate(50%, -50%);
	opacity: 1
}

.prov-list-7 .prov-tab-menu ul li.btn-more-prov {
	display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    text-align: center;
    gap: 0 5px;
    background-image: var(--prov7_PROV_TAB_MENU_UL_LI_BTN_MORE_PROV_BG_IMG);
	background-size: 100% 150%;
    background-position: 0 0%;
    transition: background-position .3s ease-in-out
}

.prov-list-7 .prov-tab-menu ul li.btn-more-prov:hover {
	background-position: 0 100%
}

.prov-list-7 .prov-tab-menu ul li .block- {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: var(--prov7_PROV_TAB_MENU_UL_LI_BLOCK_BG)
}

.prov-list-7 .prov-tab-menu ul li .block-.hide {
	display: none;
    opacity: 0
}

.prov-list-7 .prov-tab-menu ul li .block- .block-wrap {
	position: absolute;	
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 0 5px;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    z-index: 2;
    color: var(---prov7_PROV_TAB_MENU_UL_LI_BLOCK_BLOCK_WRAP_COLOR);
    font-size: var(--BUTTON_SMALL_FONT_SIZE);
}

.prov-list-7 .g-name{
	padding: 5px 0 0 10px;
}

.prov-list-7 .prov-tab-menu ul li .block- .block-wrap p{
	margin: unset;
}

.prov-list-7 .prov-tab-menu ul li .maintenance i {
	color: var(--prov7_PROV_TAB_MENU_UL_LI_MAINTENANCE_I_COLOR);
}

.prov-list-7 .prov-tab-menu .full-menu {
	position: absolute;
    width: 100%;
    height: fit-content;
    left: 0;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transform: scale(1, 0);
    transform-origin: 0 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: var(--prov7_PROV_TAB_MENE_FULL_MENU_BG_IMG)
}

.prov-list-7 .prov-tab-menu .full-menu.active {
	opacity: 1;
    z-index: 6;
    visibility: visible;
    transform: scale(1)
}

.prov-list-7 .prov-tab-menu .full-menu ul{
	background: var(--prov7_PROV_TAB_MENE_FULL_MENU_UL_BG);
}

.prov-list-7 .provider-tab-panel {
	display: block
}

.prov-list-7 .prov-tab-content{
	padding: 0;
}

.prov-list-7 .prov-tab-content h5 {
	position: relative;
	width: fit-content;
	padding-bottom: 3px;
	margin-bottom: 1rem;
	font-size: 20px
}

.prov-list-7 .prov-tab-content h5:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: 0;
	left: 0;
	background: var(--prov7_PROV_TAB_CONTENT_H5_AFTER_BG);
}


.prov-list-7 .prov-filter {
	display: flex;
    gap: 5px;
    margin: 2rem 0 1rem;
    padding: 0
}

.prov-list-7 .prov-filter button {
	min-width: 100px;
    padding: 3px 5px;
    font-size: 14px;
    border-radius: 4px;
    transition: .3s ease-in-out;
    color:  var(--prov7_PROV_FILTER_BTN_COLOR);
    background:  var(--prov7_PROV_FILTER_BTN_BG);
    border: 1px solid var(--prov7_PROV_FILTER_BTN_BORDER);
}

.prov-list-7 .prov-filter .search-bar {
	margin-left: auto;
    min-width: 100px;
    padding: 3px 5px;
    font-size: 14px;
    border-radius: 4px;
    transition: .3s ease-in-out;
    background: var(--prov7_PROV_FILTER_SEARCH_BAR_BG);
    border: 1px solid var(--prov7_PROV_FILTER_SEARCH_BAR_BORDER);
}

.prov-list-7 .prov-filter .search-bar input {
    background: var(--prov7_PROV_FILTER_SEARCH_BAR_INPUT_BG);
    border: none;
    color:  var(--prov7_PROV_FILTER_SEARCH_BAR_INPUT_COLOR);
    padding-left: 10px;
}

.prov-list-7 .prov-filter button.active {
	background: var(--prov7_PROV_FILTER_BTN_ACTIVE_BG);
}


.prov-list-7 .prov-tab-menu ul li .prov-check,
.prov-list-7 .prov-tab-menu ul li .filter-check{
	display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: .9375rem;
    overflow: hidden;
    transition: transform .3s ease-out .1s, background .3s ease-in .1s;
    transition: transform .3s ease-out .1s, background .3s ease-in .1s, -webkit-transform .3s ease-out .1s;
    border-radius: 3px;
    background: var(--prov7_PROV_TAB_MENU_UL_LI_PROV_CHECK_BG);
    box-shadow: var(--prov7_PROV_TAB_MENU_UL_LI_PROV_CHECK_BOX_SHADOW);
    vertical-align: middle;
}

.prov-list-7 .prov-tab-menu ul li .prov-play{
	display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: .9375rem;
    overflow: hidden;
    transition: transform .3s ease-out .1s, background .3s ease-in .1s;
    transition: transform .3s ease-out .1s, background .3s ease-in .1s, -webkit-transform .3s ease-out .1s;
    box-shadow: var(--prov7_PROV_TAB_MENU_UL_LI__PROV_PLAY_BOX_SHADOW);
    vertical-align: middle;
    border-radius: 3px;
	border-color: var(--prov7_PROV_TAB_MENU_UL_LI__PROV_PLAY_BORDER_COLOR);
	background: var(--prov7_PROV_TAB_MENU_UL_LI__PROV_PLAY_BG);
}

.prov-list-7 .prov-tab-menu ul li .prov-play i{
	padding: 6px;
    font-size: 10px;
    color: var(--prov7_PROV_TAB_MENU_UL_LI_PROV_PLAY_I_COLOR);
}

.prov-list-7 .full-menu .filter-category h4{
	position: relative;
    width: 100%;
    height: 1.875rem;
    line-height: 1.875rem;
	font-weight: 400;
	padding: 0 0 0 .9375rem;
    background: var(--prov7_FULL_MENU_FILTER_CATEGORY_H4_BG);
    color: var(--prov7_FULL_MENU_FILTER_CATEGORY_H4_COLOR);
    font-size: 14px;
    text-align: left;
    margin-bottom: unset;
}

.prov-list-7 .full-menu .container{
	margin-bottom: 20px;
}

.prov-list-7 .provider-item-row.g6 .provItem{
	display: inline-block;
}

.top-nav-wrap{
	width: 100%;
    height: 3.5625rem;
    text-align: center;
    background: var(--prov7_TOP_NAV_WRAP_BG);
}

.top-nav-wrap .top-nav-inner{
	display: inline-block;
    width: 80rem;
    text-align: right;
    position: relative;
    height: 100%;
}

.top-nav-wrap .top-nav-inner .search-wrap{
	position: absolute;
    top: 10.5px;
    left: 0;
}

.search-wrap i{
    position: relative;
    display: inline-block;
    top: 5px;
    right: 7px;
	color: var(--prov7_SEARCH_WRAP_I_COLOR);
    font-size: 20px;
}

.search-wrap input{
	font-size: 14px;
    line-height: 20px;
    display: inline-block;
    padding: .4375rem .625rem;
    transition: background .3s ease-in-out .1s, box-shadow .5s ease-in-out, border .3s ease-in-out .1s;
    border-radius: 5px;
    border-color: transparent;
    outline: 0;
    background: var(--prov7_SEARCH_WRAP_INPUT_BG);
    box-shadow: var(--prov7_SEARCH_WRAP_INPUT_BOX_SHADOW);
    color: var(--prov7_SEARCH_WRAP_INPUT_COLOR);
    letter-spacing: 1px;
    vertical-align: middle;
}

/* GAMEUSRPSWD MODAL */
#gameusrpwdsmodal .modal-content {
	background: var(--prov7_GAMEUSRPWD_MODAL_CONTENT);
}

#gameusrpwdsmodal .modal-body{
	background: var(--prov7_GAMEUSRPWD_MODAL_BODY);
} 

#gameusrpwdsmodal .btn-modalClose {
	padding: 5px 1rem;
    border-radius: 3px;
    border: none;
    color: var(--prov7_GAMEUSRPWD_BTN_MODAL_CLOSE_COLOR);
    background: var(--prov7_GAMEUSRPWD_BTN_MODAL_CLOSE_BG);
    transition: .3s;
    position: relative;
    margin-left: auto;
}

#gameusrpwdsmodal .btn-modalClose:hover {
	filter: brightness(.8);
}

#gameusrpwdsmodal .closeTrigger- {
	margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid;
	border-color: transparent;
	background: var(--prov7_GAMEUSRPWD_CLOSETRIGGER_BG);
}

#gameusrpwdsmodal .usrpswd-logo- {
	position: absolute;
    width: calc(100% - 100px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: grayscale(1) blur(1px) brightness(.5);
}

#gameusrpwdsmodal .usrpswd-details- .usrpswd-tile {
	display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0 0 20px;
}

#gameusrpwdsmodal .usrpswd-details- .usrpswd-tile h3 {
    margin: 0;
    letter-spacing: 1px;
    font-size: 20px
}

#gameusrpwdsmodal .usrpswd-details- .usrpswd-tile button {
	position: relative;
	padding: 3px 15px;
    border-radius: 3px;
    border: none;
    color: var(--prov7_GAMEUSRPWD_USRPWD_DETAILS_USRPSWD_TITLE_BTN_COLOR);
    background:  var(--prov7_GAMEUSRPWD_USRPWD_DETAILS_USRPSWD_TITLE_BTN_BG);
}

#gameusrpwdsmodal .usrpswd-details- .usrpswd-tile button:hover {
    background: var(--prov7_GAMEUSRPWD_USRPWD_DETAILS_USRPSWD_TITLE_BTN_HOVER_BG)
}

#gameusrpwdsmodal .usrpswd-details- .usrpswd-tile button:hover:before {
    content: "";
    position: absolute;
    padding: 1px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 3px;
    -webkit-mask: var(--prov7_GAMEUSRPWD_USRPWD_DETAILS_USRPSWD_TITLE_BTN_HOVER_BEFORE_MASK);
    mask: var(--prov7_GAMEUSRPWD_USRPWD_DETAILS_USRPSWD_TITLE_BTN_HOVER_BEFORE_MASK);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    background: var(--prov7_GAMEUSRPWD_USRPWD_DETAILS_USRPSWD_TITLE_BTN_HOVER_BEFORE_BG);
    animation: borderAnimation .5s linear forwards
}

#gameusrpwdsmodal .usrpswd-details- .form-group {
	position: relative
}

#gameusrpwdsmodal .usrpswd-details- .form-group.labeled- {
	padding: 10px 0 0
}

#gameusrpwdsmodal .usrpswd-details- .form-group.labeled- label {
	position: absolute;
    left: 10px;
    top: 0;
    margin: 0;
    padding: 0 5px;
    font-size: 14px;
    background: var(--prov7_GAMEUSRPWD_USRPWD_DETAILS_FORM_GROUP_LABELED_LABEL_BG);
    z-index: 1
}

#gameusrpwdsmodal .usrpswd-details- .form-group .input- {
	position: relative;
    display: flex;
    flex-direction: column
}

#gameusrpwdsmodal .usrpswd-details- .form-group .input- input {
	width: 100%;
	padding: 10px 10px 5px;
    border:  1px solid;
    border-radius: 3px;
    color: var(--prov7_GAMEUSRPWD_USRPWD_DETAILS_FORM_GROUP_INPUT_INPUT_COLOR);
    background:var(--prov7_GAMEUSRPWD_USRPWD_DETAILS_FORM_GROUP_INPUT_INPUT_BG);
    border-color: var(--prov7_GAMEUSRPWD_USRPWD_DETAILS_FORM_GROUP_INPUT_INPUT_BORDER_COLOR);
}

#gameusrpwdsmodal .usrpswd-details- .form-group .input-.pswd input {
	padding: 10px 2rem 5px 10px
}

#gameusrpwdsmodal .usrpswd-details- .form-group .input- .copyIcon {
	position: absolute;
    width: fit-content;
    height: fit-content;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 1rem;
    cursor: pointer
}

#gameusrpwdsmodal .usrpswd-details- .form-group .input- .mobileapp-icon {
	right: -22px;
	color: var(--color2);
}

.modal .modal-content .modal-body .usrpswd-notice- {
    position: relative;
	color: var(--color2);
}

#gameusrpwdsmodal .download- {
    position: relative;
	margin: 2rem 0 0;
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center
}

#gameusrpwdsmodal .download- .down-item {
	display: flex;
    flex-direction: column;
    width: calc(100% / 2);
    align-items: center
}

#gameusrpwdsmodal .download- .down-item .lbl {
	position: relative;
	width: 100%;
	margin: 0 0 10px;
    padding: 0 0 5px;
    text-align: center
}

#gameusrpwdsmodal .download- .down-item .lbl:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: var(--prov7_GAMEUSRPWD_USRPWD_DOWNLOAD_DOWN_ITEM_LBL_BEFORE_BG);
}

#gameusrpwdsmodal .download- .down-item .img {
	width: calc(100% - 50px)
}
/* GAMEUSRPSWD MODAL */

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

.no-game-container{
	padding: 20px;
	font-size: 14px;
}


/*NO GAME TAB*/

/*jackpot*/
.slot-jackpot-area .slot-jackpot-count {
	position: absolute;
	text-align: center;
	width: var(--prov7_jp_WIDTH);
	top: var(--prov7_jp_TOP);
	left: var(--prov7_jp_LEFT);
	transform: var(--prov7_jp_TRANSFORM);
	font-size: 45px;
	font-family: var(--PRIMARY_FONT_FAMILY);
	font-weight: var(--MED_FONT_WEIGHT);
	/* letter-spacing: var(--prov7_jp_TEXT_SPACE); */
	letter-spacing: 1px;
	color: var(--prov7_jp_COLOR)
}


/*jackpot*/