#divAppEditProfile
{
    background-color:rgba(0, 0, 0, 0.75);
	display:none;
    height:100%;
    left:0%;
    opacity:0;
    position:fixed;
    top:0%;
    width:100%;
    z-index:5;
}

#divAppEditProfile.show
{
    animation-duration:0.25s;
	animation-name:showEditProfile;
	display:block;
	opacity:1;
}

#divAppEditProfile #divEditProfilePopup
{
    background-color:#1b1c20;
    border-radius:10px;
	box-shadow:inset 0px 20px 10px -20px rgba(255, 255, 255, 0.75), inset 0px -20px 10px -20px rgba(0, 0, 0, 0.75), 0px 0px 50px #000000;
	height:auto;
    left:50%;
    opacity:0;
	overflow:hidden;
	padding:30px;
	position:absolute;
	top:50%;
	transform:translate(-50%, -50%);
	transition:height 0.25s;
	width:480px;
}

#divAppEditProfile.show #divEditProfilePopup
{
    animation-duration:0.25s;
	animation-name:showEditProfile;
	opacity:1;
}

#divAppEditProfile.changePassword #divEditProfilePopup
{
	height:640px;
}

#divAppEditProfile.documents #divEditProfilePopup
{
	height:554px;
}

#divAppEditProfile .h3PopupHeading
{
    height:40px;
	line-height:40px;
    margin-bottom:15px;
}

#divAppEditProfile .h3PopupHeading:before
{
	background-image:url('../images/icons/profile.svg');
    background-position:center left;
	background-repeat:no-repeat;
    background-size:80%;
	content:"";
	float:left;
	height:40px;
	line-height:40px;
	margin-right:5px;
	opacity:0.5;
    width:40px;
}

#divAppEditProfile #btnClosePopup
{
	cursor:pointer;
	height:40px;
	position:absolute;
	right:20px;
	top:20px;
	width:40px;
}

#divAppEditProfile #btnClosePopup:before
{
	background-color:#3f4656;
	content:"";
	height:2px;
	left:8px;
	position:absolute;
	top:20px;
	transform:rotate(45deg);
    transition:background-color 0.25s, box-shadow 0.25s;
	width:24px;
}

#divAppEditProfile #btnClosePopup:after
{
	background-color:#3f4656;
	content:"";
	height:2px;
	left:8px;
	position:absolute;
	top:20px;
	transform:rotate(-45deg);
    transition:background-color 0.25s, box-shadow 0.25s;
	width:24px;
}

#divAppEditProfile #btnClosePopup:hover:before, #divAppEditProfile #btnClosePopup:focus:before, #divAppEditProfile #btnClosePopup:hover:after, #divAppEditProfile #btnClosePopup:focus:after
{
    background-color:#fbd3ff;
    box-shadow:0px 0px 5px #e600ff;
}

#divAppEditProfile .divChangeDetails, #divAppEditProfile .divChangePassword, #divAppEditProfile .divDocuments, #divAppEditProfile .divResponsibleGambling
{
	display:none;
}

#divAppEditProfile.changeDetails .divChangeDetails, #divAppEditProfile.changePassword .divChangePassword, #divAppEditProfile.documents .divDocuments, #divAppEditProfile.responsibleGambling .divResponsibleGambling
{
	display:block;
}

/* CHANGE DETAILS */
#divAppEditProfile #txtEmailAddress, #divAppEditProfile #txtMobileNumber
{
	margin-top:10px;
}

#divAppEditProfile #divPushNotifications
{
	font-size:13px;
	margin:10px 0px 10px 10px;
}

#divAppEditProfile #btnPushNotifications
{
	display:none;
}

#divAppEditProfile #btnPushNotifications.show
{
	display:inline-block;
}

#divAppEditProfile #divQuickSignIn
{
	font-size:13px;
	margin:10px 0px 10px 10px;
}

#divAppEditProfile #btnClearQuickSignIn
{
	display:none;
}

#divAppEditProfile #btnClearQuickSignIn.show
{
	display:inline-block;
}

#divAppEditProfile .divHr
{
	height:1px;
	background-color:#888b90;
	margin:15px 0px;
}

.progressiveWebApplication #divAppEditProfile .divHr, .progressiveWebApplication #divAppEditProfile #btnInstallAsApplication, .iosApplication #divAppEditProfile #btnInstallAsApplication
{
	display:none;
}

/* CHANGE PASSWORD */
#divAppEditProfile .otp-timer
{
	background-color:rgba(255, 255, 255, 0.1);
	border-radius:5px;
	clear:both;
	color:#01eff9;
	font-size:14px;
	margin:15px 0px 10px;
	padding:10px 15px;
	text-align:center;
}

#divAppEditProfile .otp-timer.warning
{
	background-color:rgba(255, 193, 7, 0.15);
	color:#ffc107;
}

#divAppEditProfile .otp-timer.expired
{
	background-color:rgba(255, 68, 68, 0.15);
	color:#ff4444;
}

#divAppEditProfile #txtEnterOtp
{
	clear:both;
	margin:10px 0px;
	text-align:center;
	width:100%;
}

#divAppEditProfile #btnSendOtp
{
	clear:both;
	display:block;
	margin:0 auto 15px;
	width:auto;
}

#divAppEditProfile #btnSendOtp.disabled
{
	background-color:#3f4656;
	color:#888b90;
	cursor:not-allowed;
	opacity:0.7;
}

#divAppEditProfile #divDocumentNotes
{
    clear:both;
}

#divAppEditProfile.hasDocuments #divDocumentNotes
{
    display:none;
}

#divAppEditProfile #divDocumentNotes p
{
    margin-top:15px;
}

#divAppEditProfile #txtOldPassword, #divAppEditProfile #txtNewPassword
{
	clear:both;
	padding-top:10px;
}

#divAppEditProfile #btnUpdatePassword
{
	margin-top:30px;
	width:100%;
}

/* DOCUMENTS */
#divAppEditProfile .divVerificationAlert
{
	background-color:#292a2f;
	border:2px solid #3f4656;
	border-radius:10px;
	color:#ffffff;
	margin-bottom:15px;
	padding:5px 10px;
}

#divAppEditProfile .divVerificationAlert p
{
	color:#888b90;
	font-size:14px;
}

#divAppEditProfile #drdDocumentType
{
	float:left;
	margin-top:-10px;
	width:calc(100% - 130px);
}

#divAppEditProfile #btnUpload
{
	float:right;
	margin:10px 0px 20px;
	width:105px;
}

#divAppEditProfile #filUploadDocument
{
	display:none;
}

#divAppEditProfile #divDocuments
{
	border-top:1px solid #888b90;
	clear:both;
	max-height:230px;
	overflow-y:auto;
    display: none;
}

#divAppEditProfile.hasDocuments #divDocuments
{
    display:block;
}

#divAppEditProfile .divRow
{
	display:flex;
	height:56px;
	line-height:56px;
	min-width:fit-content;
	position:relative;
	transition:height 0.25s;
	white-space:nowrap;
}

#divAppEditProfile .divRow:nth-child(2n)
{
	border-radius:10px;
	background-color:#292a2f;
}

#divAppEditProfile .divCell
{
	display:inline-block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#divAppEditProfile .divCell:nth-child(1)
{
	min-width:200px;
	padding-left:20px;
	width:calc(100% - 140px);
}

#divAppEditProfile .divCell:nth-child(2)
{
	padding-left:20px;
	width:120px;
}

/* RESPONSIBLE GAMBLING */
#divAppEditProfile .divResponsibleGambling h4
{
	color:#01eff9;
	margin-bottom:10px;
}

#divAppEditProfile .divResponsibleGambling p
{
	color:#888b90;
	font-size:14px;
	line-height:1.5;
	margin-bottom:15px;
}

#divAppEditProfile .divResponsibleGambling p a
{
	color:#01eff9;
}

#divAppEditProfile #divClosureOptions
{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	margin-bottom:15px;
}

#divAppEditProfile .btnClosure
{
	flex:1;
	min-width:0;
	padding:0px 5px;
}

#divAppEditProfile .divClosureActive
{
	background-color:rgba(255, 193, 7, 0.15);
	border-radius:8px;
	color:#ffc107;
	font-size:14px;
	margin-bottom:15px;
	padding:15px;
}

#divAppEditProfile .divResponsibleGambling .textSmall
{
	color:#666;
	font-size:12px;
}

/* ANIMATION KEY FRAMES */
@keyframes showEditProfile
{
	0%   {opacity:0;}
	1%   {opacity:0;}
	100% {opacity:1;}
}

/* MEDIA QUERIES */
@media (max-height: 654px)
{
    #divAppEditProfile.documents #divEditProfilePopup
    {
        height:calc(100% - 100px);
        overflow-y:auto;
        top:20px;
		transform:translate(-50%, 0%);
    }
}

@media (max-height: 574px)
{
    #divAppEditProfile.changePassword #divEditProfilePopup
    {
        height:calc(100% - 100px);
        overflow-y:auto;
        top:20px;
		transform:translate(-50%, 0%);
    }
}

@media (max-height: 474px)
{
    #divAppEditProfile #divEditProfilePopup
    {
        height:calc(100% - 100px);
        overflow-y:auto;
        top:20px;
		transform:translate(-50%, 0%);
    }
}

@media (max-width: 540px)
{
    #divAppEditProfile
	{
		display:block;
		opacity:1;
		transform:translate(-100%, 0%);
		transition:transform 0.25s;
	}

	#divAppEditProfile.show
	{
		animation:none;
		transform:translate(0%, 0%);
	}

	#divAppEditProfile #divEditProfilePopup, #divAppEditProfile.changePassword #divEditProfilePopup
    {
        box-shadow:none;
        border-radius:0px;
        height:calc(100% - 120px);
        left:0%;
		opacity:1;
        overflow-y:auto;
		padding:20px 20px 100px;
        top:0%;
        transform:translate(0%, 0%);
        width:calc(100% - 40px);
    }

	#divAppEditProfile.show #divEditProfilePopup
	{
		animation:none;
	}

	#divAppEditProfile #btnClosePopup
	{
		right:15px;
		top:15px;
	}

	#divAppEditProfile #btnClosePopup:before, #divAppEditProfile #btnClosePopup:after
    {
        background-color:#fbd3ff;
        box-shadow:0px 0px 5px #e600ff;
    }

	#divAppEditProfile #divDocuments
	{
		max-height:auto;
	}
}

@media (max-width: 420px)
{
    #divAppEditProfile #divEditProfilePopup
    {
        height:calc(100% - 115px);
        padding:15px 15px 100px;
        width:calc(100% - 70px);
    }

	#divAppEditProfile #btnClosePopup
	{
		right:10px;
		top:10px;
	}

	#divAppEditProfile #txtEnterOtp
	{
		width:100%;
	}
}