/* OTP */
.other_email_container,.other_email_bg{
    display: none;
}

.other_email_bg{
    position: fixed;
    height: 110%;
    width: 110%;
    left: -5%;
    top: -5%;
    background-color: #000;
    opacity: 0.7;
    z-index: 110;
}

.other_email_container {
	width: 400px;
	height: 400px;
	position: fixed;
	z-index: 111;
	background-color: #eee;
	top: calc(50vh - 200px);
	left: calc(50vw - 200px);
	text-align: center;
	border-radius: 5px;
	padding: 20px;
}

.other_email_container button {
    margin: 10px;
}

.other_email_submit {
    background-color: #00f;
    color: #fff;
}

.other_email_skip {
    background-color: #ffa700;
    color: #000;
}

.close_other_email_container {
	width: 30px;
	height: 30px;
	background-color: #f00;
	cursor: pointer;
	position: relative;
	top: -30px;
	left: 360px;
	font-size: 25px;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	font-family: Arial;
    line-height: 17px;
}

.close_other_email_container::before {
    content: "X";
}

#other_email {
	margin-top: 3vw;
}

@media screen and (max-width: 450px) {
    .other_email_container {
        width: 95%;
        height: auto;
        top: 20vh;
        left: 3%;
    }

    .close_other_email_container {
        position: fixed;
        top: 18vh;
        left: auto;
        right: 0px;
    }
}