/* Prov Banner */
.prov-list-8 .prov-banner- .prov-banner-txt {
	position: absolute;
	top: 20%;
    left: 20%;
    max-width: 30%;
    transform: translate(-20%, -20%);
    color: var(--prov8_PROV_LIST_BANNER_TXT_COLOR)
}

.prov-list-8 .prov-banner- .prov-banner-txt h3 {
    color: var(--prov8_PROV_LIST_BANNER_H3_TXT_COLOR);
    text-transform: capitalize;
    font-size: var(--PROV_LIST_BANNER_H3_TXT_FONT_SIZE)
}

.prov-list-8 .prov-banner- .prov-banner-txt .txt-1 {
    font-size: var(--SECTION_HEADER_FONT_SIZE)
}

.prov-list-8 .prov-banner- .prov-banner-txt .txt-2 {
    font-size: var(--SUBHEADER_FONT_SIZE)
}

/* Provider List */
.prov-list-8 .prov-list-container {
	padding: 0;
    background-color: var(--prov8_PROV_LIST_BG);
    margin: 20px 0 !important;
    border-radius: var(--prov8_PROV_LIST_BG_BORDER_RADIUS);
}

.prov-list-8 .prov-list-container .scroll-container {
	display: grid;
	grid-template-columns: repeat(5, 20%);
    overflow-y: auto;
    max-height: 200px;
    scroll-behavior: smooth;
    scrollbar-color: auto;
    scrollbar-width: thin;
}

.prov-list-8 .prov-list-container .prov-list-item {
	justify-content: center;
    align-items: stretch;
    display: flex;
    padding: 10px;
}

.prov-list-8 .prov-list-container .prov-list-item button {
	background-color: var(--prov8_PROV_LIST_BTN_BG);
	color: var(--prov8_PROV_LIST_BTN_COLOR);
	border: var(--prov8_PROV_LIST_BTN_BORDER);
    width: 100%;
    min-width: 70px;
    padding: 0 16px;
    border-radius: var(--prov8_PROV_LIST_BTN_BORDER_RADIUS);
    font-weight: var(--MED_FONT_WEIGHT);
    font-size: var(--BUTTON_SMALL_FONT_SIZE);
    line-height: 1.375rem;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
    position: relative;
    user-select: none;
    white-space: normal;
}

.prov-list-8 .prov-list-container .prov-list-item button span {
	font-weight: var(--REG_FONT_WEIGHT);
}

.prov-list-8 .prov-list-container .prov-list-item button:hover {
	background-color: var(--prov8_PROV_LIST_BTN_HOVER_BG);
}

.prov-list-8 .prov-list-container .prov-list-item.active button {
	background-color: var(--prov8_PROV_LIST_BTN_ACTIVE_BG);
    color: var(--prov8_PROV_LIST_BTN_ACTIVE_COLOR);
    font-weight: var(--SEMIBOLD_FONT_WEIGHT);
}

.prov-list-8 .prov-list-container .prov-list-item.active button span {
    font-weight: var(--MED_FONT_WEIGHT);
}

.prov-list-8 .prov-list-container .prov-list-item img {
    width: 50px;
}

.prov-list-8 .prov-list-container .prov-list-item .game-lbl- {
	position: absolute;
    width: fit-content;
    padding: 0 7px;
    border-radius: var(--prov8_PROV_LIST_GAME_LOBBY_LBL_BORDER_RADIUS);
    font-size: var(--PROV_LIST_GAME_LOBBY_LBL_FONT_SIZE);
    text-transform: uppercase;
    top: -9px;
    right: 5px;
    height: 15px;
    display: flex;
    align-items: center;
    z-index: 3;
}

.prov-list-8 .prov-list-container .prov-list-item .game-lbl-[data-gamelabel='gamelist'] {
	color: var(--prov8_PROV_LIST_GAMELIST_LBL_COLOR);
	background-color: var(--prov8_PROV_LIST_GAMELIST_LBL_BG);
}

.prov-list-8 .prov-list-container .prov-list-item .game-lbl-[data-gamelabel='lobby'] {
	color: var(--prov8_PROV_LIST_LOBBY_LBL_COLOR);
	background-color: var(--prov8_PROV_LIST_LOBBY_LBL_BG);
}

/* Lock icon */
.prov-list-8 .prov-list-container .block- {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    border-radius: var(--prov8_PROV_LIST_BTN_BORDER_RADIUS);
    background-color: var(--prov8_PROV_LIST_LOCK_BG);
}

.prov-list-8 .prov-list-container .block-.maintenance {
    display: flex;
    align-items: center;
    justify-content: center
}

.prov-list-8 .prov-list-container .block- .l-wrap {
	color: var(--prov8_PROV_LIST_LOCK_ICON_COLOR);
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.prov-list-8 .prov-list-container .block- .m-wrap {
	display: flex;
    gap: .5rem;
    align-items: center;
    justify-content: center;
    color: var(--prov8_PROV_LIST_MAINTENANCE_COLOR);
}

.prov-list-8 .prov-list-container .block-.block-outer- {
	background: 0 0;
}

/* Favorite Hover Button */
.prov-list-8 .prov-list-container .fav-hover-container {
	position: absolute;
	display: none;
	z-index: 1;
	height: 100%;
	width: 100%;
	align-items: center;
    justify-content: center;
}

.prov-list-8 .prov-list-container .prov-list-item:hover .fav-hover-container {
	display: flex;
}

.prov-list-8 .prov-list-container .prov-list-item.active:hover .fav-hover-container .play-btn{
	display: none;
}

.prov-list-8 .prov-list-container .prov-list-item:hover .fav-hover-block {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    border-radius: inherit;
    background-color: var(--prov8_PROV_LIST_FAV_CONTAINER_HOVER_BG);
    cursor: default;
}

.prov-list-8 .prov-list-container .prov-list-item:hover button:has(.fav-hover-block:not(.d-none)) {
	border: var(--prov8_PROV_LIST_FAV_CONTAINER_HOVER_BORDER);
}

.prov-list-8 .prov-list-container .prov-list-item button:hover:has(.locked-promo:not(.hide)) {
	background-color: var(--prov8_PROV_LIST_BTN_BG);
    cursor: default;
}

.prov-list-item:hover .fav-hover-container div>div {
	align-items: center;
	display: flex;
	justify-content: center;
	cursor: pointer;
}

.prov-list-8 .btn-fav- {
	background-color: var(--prov8_PROV_LIST_FAV_BTN_BG);
    color: var(--prov8_PROV_LIST_FAV_BTN_COLOR);
    padding: 7px;
    border-radius: var(--prov8_PROV_LIST_FAV_BTN_BORDER_RADIUS);
    transition: .3s;
}

.prov-list-8 .non-game-list .btn-fav- {
	background-color: var(--prov8_PROV_LIST_NON_GAME_LIST_FAV_BTN_BG);
    color: var(--prov8_PROV_LIST_NON_GAME_LIST_FAV_BTN_COLOR);
    padding: 7px;
    border-radius: var(--prov8_PROV_LIST_NON_GAME_LIST_FAV_BTN_BORDER_RADIUS);
    transition: .3s;
    border: var(--prov8_PROV_LIST_NON_GAME_LIST_FAV_BTN_BORDER);
    position: absolute;
    top: 12px;
    left: 12px;
}

.prov-list-8 .btn-fav-:hover,
.prov-list-8 .btn-fav-.active,
.prov-list-8 .prov-list-container .btn-fav-:hover,
.prov-list-8 .prov-list-container .btn-fav-.active {
	color: var(--prov8_PROV_LIST_FAV_BTN_HOVER_ACTIVE_COLOR);
	background-color: var(--prov8_PROV_LIST_FAV_BTN_HOVER_ACTIVE_BG);
}

.prov-list-8 .prov-list-container .prov-list-item .play-btn i {
	background-color: var(--prov8_PROV_LIST_PLAY_BTN_BG);
    color: var(--prov8_PROV_LIST_PLAY_BTN_COLOR);
    border-radius: var(--prov8_PROV_LIST_PLAY_BTN_BORDER_RADIUS);
    font-size: var(--PROV_LIST_PLAY_BTN_FONT_SIZE);
    transition: .3s;
}

.prov-list-8 .prov-list-container .prov-list-item .play-btn:hover i {
    color: var(--prov8_PROV_LIST_PLAY_BTN_HOVER_COLOR);
	background-color: var(--prov8_PROV_LIST_PLAY_BTN_HOVER_BG);
}

.prov-list-8 .prov-list-container .prov-list-item .fav-added-, 
.prov-list-8 .non-game-list.provItem .fav-added- {
	display: none;
}

.prov-list-8 .prov-list-container .prov-list-item:has(.btn-fav-.active) .fav-added-, 
.prov-list-8 .non-game-list.provItem:has(.btn-fav-.active) .fav-added- {
    display: flex;
	position: absolute;
	color: var(--prov8_PROV_LIST_FAV_ADDED_ICON_COLOR);
	top: -7px;
    left: 12px;
    align-items: center;
    z-index: 3;
}

.prov-list-8 .non-game-list.provItem:has(.btn-fav-.active) .fav-added- {
    font-size: var(--ICON_SMALL_FONT_SIZE);
    right: 16px;
    left: auto;
}

/* Favorite Provider Box */
.prov-list-8 .fav-box- {
	margin: 0 0 2rem;
}

.prov-list-8 .fav-box- .box-title- {
	display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0 0 1rem;
    font-size: var(--SECTION_HEADER_FONT_SIZE);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--prov8_FAVBOX_TITLE_COLOR);
}

.prov-list-8 .fav-box- .box-title- i {
	font-size: var(--ICON_LARGE_FONT_SIZE);
    color: var(--prov8_FAVBOX_TITLE_ICON_COLOR);
}

.prov-list-8 .fav-box- .box-content- {
	padding: 1rem;
    border-radius: var(--prov8_FAVBOX_BORDER_RADIUS);
    border: var(--prov8_FAVBOX_BORDER);
    background-color: var(--prov8_FAVBOX_BG);
}

.prov-list-8 .fav-box- .box-content- .fav-list- {
	padding: 0;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 1rem;
}

.prov-list-8 .fav-box- .box-content- .fav-list- .item-  {
	position: relative;
	display: flex;
    align-items: center;
    justify-content: center;
	padding: 5px;
	transition: .3s;
}

.prov-list-8 .fav-box- .box-content- .fav-list- .item-:has(.locked-promo.hide):hover {
	transform: scale(1.1);
}

.prov-list-8 .fav-box- .box-content- .fav-list- .item- .lbl- {
	position: absolute;
    width: fit-content;
    top: 5px;
    right: 5px;
    display: flex;
    gap: .25rem;
    flex-wrap: wrap;
    font-size: var(--DEFAULT_FONT_SIZE);
    font-weight: var(--SEMIBOLD_FONT_WEIGHT);
    text-transform: uppercase;
}

.prov-list-8 .fav-box- .box-content- .fav-list- .item- .lbl- span { 
	padding: 3px 5px;
	border-radius: var(--prov8_FAVBOX_ITEM_LBL_BORDER_RADIUS);
    color: var(--prov8_FAVBOX_ITEM_LBL_COLOR);
    background-color: var(--prov8_FAVBOX_ITEM_LBL_BG);
}

.prov-list-8 .fav-box- .box-content- .fav-list- .item- .block- {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: var(--prov8_FAVBOX_ITEM_LOCK_BORDER_RADIUS);
    z-index: 2;
    background-color: var(--prov8_FAVBOX_ITEM_LOCK_BG);
}

.prov-list-8 .fav-box- .box-content- .fav-list- .item- .block-.overlay {
    background-color: var(--prov8_FAVBOX_ITEM_BG);
}

.prov-list-8 .fav-box- .box-content- .fav-list- .item- .block- .block-wrap {
	width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: var(--ICON_LARGE_FONT_SIZE);
    text-align: center;
}

.prov-list-8 .fav-box- .box-content- .fav-list- .item- .block- .block-wrap.m-wrap {
    color: var(--prov8_FAVBOX_ITEM_MAINTENANCE_ICON_COLOR);
}

.prov-list-8 .fav-box- .box-content- .fav-list- .item- .block- .block-wrap.l-wrap {
    color: var(--prov8_FAVBOX_ITEM_LOCK_ICON_COLOR);
}

/* Game List Section */
.prov-list-8 .prov-tab-panel- {
	display: block;
	margin-bottom: 3%;
}

.prov-list-8 .tab-panel- {
	display: none;
    animation-name: fadeOut;
}

.prov-list-8 .tab-panel-.show {
	display: block;
    animation-name: fadeIn;
    animation-duration: .5s;
}

.prov-list-8 .tab-head- {
	margin: 35px 15px 15px 15px;
}

/* Filter Dropdown List */
.prov-list-8 .prov-filter-list- {
    position: relative;
    font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
    margin-top: 13px;
    margin-bottom: 8px;
    width: 30%;
}

.prov-list-8 .prov-filter-list- span {
	width: 32%;
	align-content: center;
    color: var(--prov8_FILTER_DROPDOWN_TITLE_COLOR);
}

.prov-list-8 .prov-filter-list- input {
	width: 68%;
	min-height: 35px;
	padding: 0 10px;
	color: var(--prov8_FILTER_DROPDOWN_COLOR);
    background-color: var(--prov8_FILTER_DROPDOWN_BG);
	border: var(--prov8_FILTER_DROPDOWN_BORDER);
    border-radius: var(--prov8_FILTER_DROPDOWN_BORDER_RADIUS);
    padding-right: 70px;
}

.prov-list-8 .prov-filter-list- .dropdown-menu {
	display: none;
	position: absolute;
	background-color: var(--prov8_FILTER_DROPDOWN_MENU_BG);
	border: var(--prov8_FILTER_DROPDOWN_MENU_BORDER);
	width: 68%;
	max-height: 150px;
	overflow-y: auto;
	z-index: 3;
	left: 32%;
}

.prov-list-8 .prov-filter-list- .dropdown-menu div {
	padding: 5px;
	cursor: pointer;
	font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
}

.prov-list-8 .prov-filter-list- .dropdown-menu div:hover {
	background-color: var(--prov8_FILTER_DROPDOWN_MENU_HOVER_BG);
}

.prov-list-8 .prov-filter-list-.active .dropdown-menu {
	display: block;
}

.prov-list-8 .prov-filter-list- .filter-arrow-icon, 
.prov-list-8 .prov-filter-list- .filter-clear-icon {
	position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--prov8_FILTER_DROPDOWN_ICON_COLOR);
}

.prov-list-8 .prov-filter-list- .filter-clear-icon {
	font-size: var(--ICON_FONT_SIZE);
	cursor: pointer;
}

/* Search Input */
.prov-list-8 .tab-head- .search-input- {
	position: relative;
	font-size: var(--SUBHEADER_FONT_SIZE);
    margin-top: 13px;
    margin-bottom: 8px;
    width: 21%;
}

.prov-list-8 .tab-head- .search-input- input {
	padding-left: 40px;
    padding-right: 15px;
	min-height: 35px;
	width: 100%;
	font-weight: var(--REG_FONT_WEIGHT);
	font-size: var(--BODY_SMALL_TXT_FONT_SIZE);
    border-radius: var(--prov8_SEARCH_INPUT_BORDER_RADIUS);
    border: var(--prov8_SEARCH_INPUT_BORDER);
    background-color: var(--prov8_SEARCH_INPUT_BG);
    color: var(--prov8_SEARCH_INPUT_COLOR);
}

.prov-list-8 .tab-head- .search-input- i {
	position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    color: var(--prov8_SEARCH_INPUT_ICON_COLOR);
}

/* Separate Line */
.separate-line {
	border: var(--prov8_SEPARATE_LINE_COLOR);
}

/* Game List */
.prov-list-8 .gamelist-item-row .provItem {
	display: none;
    animation-name: fadeOut
}

.prov-list-8 .gamelist-item-row .provItem.show {
	display: block;
    animation-name: fadeIn;
    animation-duration: .5s
}

/* Non-gamelist */
.prov-list-8 .provider-item-row {
	display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(5, 1fr);
    padding: 0;
    justify-items: stretch;
}

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

.prov-list-8 .provider-item-row .provItem .provImg {
	min-height: 140px;
	height: max-content;
	display: flex;
	border-radius: var(--prov8_PROVITEM_IMG_BORDER_RADIUS);
    transition: .3s linear;
    border: var(--prov8_PROVITEM_IMG_BORDER);
    background-color: var(--prov8_PROVITEM_IMG_BG);
}

.prov-list-8 .provider-item-row .provItem .provImg img {
	opacity: 1;
	transition: .3s;
	border-radius: var(--prov8_PROVITEM_IMG_BORDER_RADIUS);
}

.prov-list-8 .provider-item-row .provItem:hover .provImg img {
	opacity: 0;
}

.prov-list-8 .provider-item-row .provItem .provImg .hoverimg {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: 0;
    transition: .3s;
    border-radius: var(--prov8_PROVITEM_IMG_BORDER_RADIUS);
}

.prov-list-8 .provider-item-row .provItem:hover .provImg .hoverimg {
	background-size: 110%;
	z-index: 1;
	opacity: 1;
}

.prov-list-8 .provider-item-row .provItem .block- {
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    border-radius: inherit;
    background-color: var(--prov8_PROVITEM_BLOCK_IMG_BG);
}

.prov-list-8 .provider-item-row .provItem .block- .block-wrap {
	width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 1rem 0;
    font-size: var(--ICON_SMALL_FONT_SIZE);
    font-weight: var(--SEMIBOLD_FONT_WEIGHT);
    text-align: center;
    text-transform: uppercase;
}

.prov-list-8 .provider-item-row .provItem .provImg .overlay {
	opacity: 0;
    transition: .3s cubic-bezier(.25,.8,.5,1), z-index 1ms;
}

.prov-list-8 .provider-item-row .provItem:hover .provImg .overlay {
    opacity: 1;
}

.prov-list-8 .provider-item-row .provItem .provImg .overlay .o-wrap {
	width: 50%;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -80%);
    transition: .3s cubic-bezier(.25,.8,.5,1), z-index 1ms;
}

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

.prov-list-8 .provider-item-row .provItem .provName {
	font-size: var(--DEFAULT_FONT_SIZE);
    color: var(--prov8_PROVITEM_NAME_COLOR);
    text-align: center;
    padding-top: 8px;
    line-height: 1.375rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Before login (without demo) */
.prov-list-8 .provider-item-row .provItem .block- .block-wrap .btn-play- i {
	font-size: var(--PROV_PROVITEM_PLAY_ICON_FONT_SIZE);
    background-color: var(--prov8_PROVITEM_PLAY_ICON_BG);
    color: var(--prov8_PROVITEM_PLAY_ICON_COLOR);
    border-radius: var(--prov8_PROVITEM_PLAY_ICON_BORDER_RADIUS);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
}

.prov-list-8 .provider-item-row .provItem .block- .block-wrap .btn-play- i:hover {
	background-color: var(--prov8_PROVITEM_PLAY_ICON_HOVER_BG);
	cursor: pointer;
}

/* After login (with demo) */
.prov-list-8 .provider-item-row .non-game-list.provItem .block- .block-wrap .btn-play-:not(.circle) {
	border-radius: var(--prov8_PROVITEM_PLAY_BTN_BORDER_RADIUS);
    border: var(--prov8_PROVITEM_PLAY_BTN_BORDER);
    background-color: var(--prov8_PROVITEM_PLAY_BTN_BG);
    color: var(--prov8_PROVITEM_PLAY_BTN_COLOR);
    padding: 8px 1rem;
}

.prov-list-8 .provider-item-row .non-game-list.provItem .block- .block-wrap .btn-play-:not(.circle):not([disabled]):hover {
	 background-color: var(--prov8_PROVITEM_PLAY_BTN_HOVER_BG);
}

.prov-list-8 .provider-item-row .non-game-list.provItem .block- .block-wrap .btn-play-:not(.circle):disabled {
	 background-color: var(--prov8_PROVITEM_PLAY_BTN_DISABLED_BG);
}

/* Maintenance & Lock icon */
.prov-list-8 .provider-item-row .provItem .block- .block-wrap i {
    font-size: var(--PROV_MAINTENANCE_ICON_FONT_SIZE);
}

/* Maintenance */
.prov-list-8 .provider-item-row .provItem .block-.maintenance {
	border: var(--prov8_PROVITEM_MAINTENANCE_BORDER);
}

.prov-list-8 .provider-item-row .provItem .block- .m-wrap {
	color: var(--prov8_PROVITEM_MAINTENANCE_COLOR);
}

/* No result */
.no-result {
	text-align: center;
	margin-bottom: 8px;
	color: var(--prov8_PROVITEM_NO_RESULT_COLOR);
	font-size: var(--SUBHEADER_FONT_SIZE);
}

/* User Password */
.prov-list-8 .tab-head- h3 {
	font-size: var(--SECTION_HEADER_FONT_SIZE);
	color: var(--prov8_USRPSWDBOX_TITLE_COLOR);
}

.prov-list-8 .prov-usrpswd-box- {
	position: relative;
	height: 100%;
	padding: 1rem;
    color: var(--prov8_USRPSWDBOX_COLOR);
    background-color: var(--prov8_USRPSWDBOX_BG);
    border-top-left-radius: var(--prov8_USRPSWDBOX_BORDER_RADIUS);
    border-bottom-left-radius: var(--prov8_USRPSWDBOX_BORDER_RADIUS);
}

.prov-list-8 .prov-usrpswd-box- .provlogo- {
	position: absolute;
    width: 150px;
    top: 90%;
    right: 1rem;
    transform: translateY(-90%);
    z-index: 1;
    opacity: .6;
}

.prov-list-8 .prov-usrpswd-box- .box-wrap- {
	position: relative;
	z-index: 2;
	left: 25px;
    top: 10px;
}

.prov-list-8 .prov-usrpswd-box- .form-group label {
    font-weight: var(--SEMIBOLD_FONT_WEIGHT);
    color: var(--prov8_USRPSWDBOX_INPUT_LBL_COLOR);
}

.prov-list-8 .prov-usrpswd-box- .form-group input {
	font-weight: var(--SEMIBOLD_FONT_WEIGHT);
    color: var(--prov8_USRPSWDBOX_INPUT_DISABLED_COLOR);
    border: var(--prov8_USRPSWDBOX_INPUT_DISABLED_BORDER);
    background-color: var(--prov8_USRPSWDBOX_INPUT_DISABLED_BG);
}

.prov-list-8 .prov-usrpswd-box- .form-group .input- {
	position: relative;
}

.prov-list-8 .prov-usrpswd-box- .form-group .input-.pswd input {
	padding: 10px 2rem 10px 10px;
}

.prov-list-8 .prov-usrpswd-box- .form-group .input- .copyIcon {
	position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    margin: 0;
    cursor: pointer;
    font-size: var(--ICON_SMALL_FONT_SIZE);
    color: var(--prov8_USRPSWDBOX_INPUT_COPY_COLOR);
}

.prov-list-8 .prov-usrpswd-box- .form-group .input- .mobileapp-icon {
	right: -2rem;
}

.prov-list-8 .prov-usrpswd-box- .form-group .action-box {
	align-self: end;
}

.prov-list-8 .prov-usrpswd-box- .form-group .btn-generateusr {
	width: 100%;
    height: auto;
    padding: 10px;
    font-weight: var(--SEMIBOLD_FONT_WEIGHT);
    transition: .3s;
    color: var(--prov8_USRPSWDBOX_BTN_COLOR);
    background: var(--prov8_USRPSWDBOX_BTN_BG);
}

.prov-list-8 .prov-usrpswd-box- .form-group .btn-generateusr:hover {
	color: var(--prov8_USRPSWDBOX_BTN_HOVER_COLOR);
    background: var(--prov8_USRPSWDBOX_BTN_HOVER_BG);
}

.prov-list-8 .prov-usrpswd-box- .msg- p {
	margin-bottom: .5rem;
	font-size: var(--SUBBODY_TXT_FONT_SIZE);
}

.prov-list-8 .prov-usrpswd-box- .msg- a {
	font-weight: var(--MED_FONT_WEIGHT);
    color: var(--prov8_USRPSWDBOX_LINK_COLOR);
    text-decoration: underline;
}

.prov-list-8 .prov-usrpswd-box- .msg- a:hover {
	 color: var(--prov8_USRPSWDBOX_LINK_HOVER_COLOR);
}

.prov-list-8 .prov-qr-box {
	padding: 1rem;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    background-color: var(--prov8_USRPSWDBOX_QR_BG);
    border-top-right-radius: var(--prov8_USRPSWDBOX_QR_BORDER_RADIUS);
    border-bottom-right-radius: var(--prov8_USRPSWDBOX_QR_BORDER_RADIUS);
}

.prov-list-8 .prov-qr-box .down-item .lbl {
	padding: 5px 1rem;
    font-weight: var(--REG_FONT_WEIGHT);
    text-align: center;
    color: var(--prov8_USRPSWDBOX_QR_LBL_COLOR);
    background-color: var(--prov8_USRPSWDBOX_QR_LBL_BG);
    border-top-left-radius: var(--prov8_USRPSWDBOX_QR_BORDER_TOP_RADIUS);
    border-top-right-radius: var(--prov8_USRPSWDBOX_QR_BORDER_TOP_RADIUS);
}