@CHARSET "ISO-8859-1";

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/OpenSans-Regular.eot) format('embedded-opentype'),
		url(../fonts/OpenSans-Regular.woff) format('woff'),
		url(../fonts/OpenSans-Regular.woff2) format('woff2'),
		url(../fonts/OpenSans-Regularttf) format('truetype'),
		url(../fonts/OpenSans-Regular.svg) format('svg');
}

@font-face {
	font-family: 'Open Sans Semibold';
	font-style: normal;
	src: url(../fonts/OpenSans-Semibold.eot) format('embedded-opentype'),
		url(../fonts/OpenSans-Semibold.woff) format('woff'),
		url(../fonts/OpenSans-Semibold.woff2) format('woff2'),
		url(../fonts/OpenSans-Semibold) format('truetype'),
		url(../fonts/OpenSans-Semibold.svg) format('svg');
}


.popup {
	width: 90%;
	max-width: 553px;
	height: 90%;
	margin: 0px auto;
	border-radius: 13px;
	z-index: 99;
	position: absolute;
	background: white;
	display: none;
	top: 19%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.popup-main-heading {
	font-family: Open Sans;
	font-style: normal;
	padding-left: 22.5px;
	padding-top: 15.5px;
	position: relative;
	background-color: #fff;
	color: #007cc2;
	font-size: 18px;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
}

.popup-text {
	line-height: auto;
}
 
.popup-body {
	font-family: Open Sans;
	font-size: 12px;
	padding: 16px 22.5px 20px 22.5px;
	color: #333333;
	height: 65%;
	overflow-x: hidden;
	display:block;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;	
	margin-bottom: 1px;
	}
 .popup-body::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 8px;
}

.popup-body::-webkit-scrollbar-track {
	background-color: rgba(225, 225, 225, .6);
	border-radius: 8px;
}

.popup-body::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: rgba(156, 156, 156, .6);
}
.popup-heading {
	font-weight: bold;
	display: block;
	padding-top: 25px;
}

.popup-close-button {
	float: right;
	position: absolute;
	right: -5px;
	top: -5px;
	cursor: pointer;
}

a.popup-link,a.popup-link:link,a.popup-link:hover,a.popup-link:active,a.popup-link:visited {
	color: #1c89d0;
}
.popup-link {
	color: #1c89d0;
	cursor: pointer;
}
.popup-background {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.65;
	display: none;
	z-index: 9;
}

.button-for-popup {
	z-index: 99;
	display: none;
}

.mobile-close-btn {
	display: block;
}

.mobile-close-btn {
	height: 30px;
}

.desktop-close-btn {
	display: none;
}

.lock-reason-text {
	display: block;
	margin-top: 9.5px;
}

.popup-signin {
	width: 90%;
	max-width: 290px;
	height: 90%;
}
/* #trouble_sign_in {
	max-width: 300px;
	max-height: 268px;
} */
/* #trouble_sign_in .popup-body {
	height: 65%;
} */
.policy-guidelines-popup-text{
	margin-top: 20px;
	margin-bottom: -10px;
	font-size: 14px;
	display: block;
	    font-family: Open Sans Semibold;
}
@media (min-height: 320px){
	
	.popup {
		height: 62%;
	}.popup-body {
		padding: 20px 23px 20px 23px;
		height: 80%;
	}
}
@media ( min-width :768px) {
	.desktop-close-btn {
		display: block;
		height: 15px;
	}
	.mobile-close-btn {
		display: none;
	}
	.popup {
	width: 90%;
	max-width: 553px;
	height: 62%;
	margin: 0px auto;
	border-radius: 13px;
	z-index: 99;
	position: absolute;
	background: white;
	display: none;
	top: 19%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
	
	.popup-text {
		line-height: 39px;
	}
	.popup-main-heading {
		background-color: rgb(34, 123, 181);
		color: #fff;
		font-size: 16px;
		padding-top: inherit;
	}
	.popup-body {
		padding: 20px 23px 20px 23px;
		height: 80%;
	}
	.lock-reason-text {
		margin-top: 0px;
	}
	.policy-guidelines-popup-text{
	margin-top: 20px;
	margin-bottom: -10px;
	font-size: 14px;
	display: block;
}
}
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
	html,body {
	width: 100%;
	height: 100%;
}

.popup {
	width: 90%;
	max-width: 553px;
	height: 90%;
	margin: 0px auto;
	border-radius: 13px;
	z-index: 99;
	position: absolute;
	background: white;
	display: none;
	top: 19%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.popup-main-heading {
	font-family: Open Sans;
	font-style: normal;
	padding-left: 22.5px;
	padding-top: 15.5px;
	position: relative;
	background-color: #fff;
	color: #007cc2;
	font-size: 18px;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
}

.popup-text {
	line-height: auto;
}
 
.popup-body {
	font-family: Open Sans;
	font-size: 12px;
	padding: 16px 22.5px 20px 22.5px;
	color: #333333;
	height: 65%;
	overflow-x: hidden;
	display:block;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;	
	margin-bottom: 1px;
	}
 .popup-body::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 8px;
}

.popup-body::-webkit-scrollbar-track {
	background-color: rgba(225, 225, 225, .6);
	border-radius: 8px;
}

.popup-body::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: rgba(156, 156, 156, .6);
}
.popup-heading {
	font-weight: bold;
	display: block;
	padding-top: 25px;
}

.popup-close-button {
	float: right;
	position: absolute;
	right: -5px;
	top: -5px;
	cursor: pointer;
}

a.popup-link,a.popup-link:link,a.popup-link:hover,a.popup-link:active,a.popup-link:visited {
	color: #1c89d0;
}
.popup-link {
	color: #1c89d0;
	cursor: pointer;
}
.popup-background {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.65;
	display: none;
	z-index: 9;
}

.button-for-popup {
	z-index: 99;
	display: none;
}

.mobile-close-btn {
	display: block;
}

.mobile-close-btn {
	height: 30px;
}

.desktop-close-btn {
	display: none;
}

.lock-reason-text {
	display: block;
	margin-top: 9.5px;
}

.popup-signin {
	width: 90%;
	max-width: 290px;
	height: 90%;
}
/* #trouble_sign_in {
	max-width: 300px;
	max-height: 268px;
} */
/* #trouble_sign_in .popup-body {
	height: 65%;
} */
.policy-guidelines-popup-text{
	margin-top: 20px;
	margin-bottom: -10px;
	font-size: 14px;
	display: block;
	    font-family: Open Sans Semibold;
}
@media (min-height: 320px){
	
	.popup {
		height: 62%;
	}.popup-body {
		padding: 20px 23px 20px 23px;
		height: 80%;
	}
}
}
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
		html,body {
	width: 100%;
	height: 100%;
}

.popup {
	width: 90%;
	max-width: 553px;
	height: 90%;
	margin: 0px auto;
	border-radius: 13px;
	z-index: 99;
	position: absolute;
	background: white;
	display: none;
	top: 19%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.popup-main-heading {
	font-family: Open Sans;
	font-style: normal;
	padding-left: 22.5px;
	padding-top: 15.5px;
	position: relative;
	background-color: #fff;
	color: #007cc2;
	font-size: 18px;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
}

.popup-text {
	line-height: auto;
}
 
.popup-body {
	font-family: Open Sans;
	font-size: 12px;
	padding: 16px 22.5px 20px 22.5px;
	color: #333333;
	height: 65%;
	overflow-x: hidden;
	display:block;
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;	
	margin-bottom: 1px;
	}
 .popup-body::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 8px;
}

.popup-body::-webkit-scrollbar-track {
	background-color: rgba(225, 225, 225, .6);
	border-radius: 8px;
}

.popup-body::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: rgba(156, 156, 156, .6);
}
.popup-heading {
	font-weight: bold;
	display: block;
	padding-top: 25px;
}

.popup-close-button {
	float: right;
	position: absolute;
	right: -5px;
	top: -5px;
	cursor: pointer;
}

a.popup-link,a.popup-link:link,a.popup-link:hover,a.popup-link:active,a.popup-link:visited {
	color: #1c89d0;
}
.popup-link {
	color: #1c89d0;
	cursor: pointer;
}
.popup-background {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.65;
	display: none;
	z-index: 9;
}

.button-for-popup {
	z-index: 99;
	display: none;
}

.mobile-close-btn {
	display: block;
}

.mobile-close-btn {
	height: 30px;
}

.desktop-close-btn {
	display: none;
}

.lock-reason-text {
	display: block;
	margin-top: 9.5px;
}

.popup-signin {
	width: 90%;
	max-width: 290px;
	height: 90%;
}
/* #trouble_sign_in {
	max-width: 300px;
	max-height: 268px;
} */
/* #trouble_sign_in .popup-body {
	height: 65%;
} */
.policy-guidelines-popup-text{
	margin-top: 20px;
	margin-bottom: -10px;
	font-size: 14px;
	display: block;
	    font-family: Open Sans Semibold;
}
@media (min-height: 320px){
	
	.popup {
		height: 62%;
	}.popup-body {
		padding: 20px 23px 20px 23px;
		height: 80%;
	}
}
}