body
{
	margin:0;
	padding:0;
	/* background: linear-gradient(rgb(0, 124, 176), white);  */
	/* background:url(../images/2023-04-20-Integrex-001-Sense-Micro-Wellbeing-Suite_converted1687432040.jpg); */
	/* background-repeat: no-repeat; */
    /* background-size: 100% 100%; */
	font-family:sans-serif;
	
	background: linear-gradient(0deg, rgba(102, 108, 221, 0.5), rgba(102, 108, 221, 0.5)), url(../images/2023-04-20-Integrex-001-Sense-Micro-Wellbeing-Suite_converted1687432040.jpg);
	/* background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url(../images/2023-04-20-Integrex-001-Sense-Micro-Wellbeing-Suite_converted1687432040.jpg); */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	
}

html {
    height: 100%
}

.container
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:700px;
	height:440px;
	border-radius:5px;
	border:2px solid rgba(255,255,255,1);
	/* border:10px solid rgba(255,255,255,.2); */
	/* border:10px solid rgba(1,111,120,0.5); */
	/* box-shadow: 10px 10px 15px rgba(0,0,0,.5); */
	box-shadow:0 0 50px rgba(0,0,0,1);
	padding:0px;
}

.imgBox
{
	position:absolute;
	width:350px;
	height:420px;
	overflow:hidden;
	float:left;
	display:inline-block;
}

.imgBox img
{
	width:100%
}

.loginBox
{
	text-align:center;
	float:right;
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding:20px 20px 40px;
	background:rgba(255,255,255,.8);
}

h3{
	margin:0;
	padding:0;
	color:#262626;
}

.loginBox input:Not([type=checkbox])
{
	width:100%;
	/* margin: 10px 10% 10px 10%; */
	margin-bottom:20px;
	
}

.loginBox h3{
margin-bottom:20px;
}

.loginBox h5{
margin-bottom:20px;
}

.loginBox input[type="text"],
.loginBox input[type="email"],
.loginBox input[type="password"]
{
	border:none;
	border-bottom:2px solid #262626;
	outline:none;
	height:40px;
	color:#262626;
	background:transparent;
	font-size:16px;
	padding-left:40px;
	box-sizing:border-box;
}

::placeholder
{
	color:rgbs(0,0,0,.5)
}

.inputBox
{
	position:relative;
	width:80%;
	margin-right:10%;
	margin-left:10%;
	text-align:left;
	
}

.inputBox span
{
	position:absolute;
	top:10px;
	left:0px;
	color:#262626;
	padding-left:10px;
}

.loginBox input[type="submit"]
{
	margin:10px 0 20px 0 ;
	border:none;
	outline:none;
	height:40px;
	font-size:16px;
	/* background:#ed292a; */
	background:#009098;
	border:2px solid rgba(255,255,255,1);
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	/* border:3px solid rgba(1,111,120,0.5); */
	color:#fff;
	border-radius:5px;
	cursor:pointer;
}

footer{
position:absolute;
bottom:0px;
left:0px;
right:0px;
}

#ps_logo{
	display: inline-block;
background:url(../images/play_store.png);
background-repeat: no-repeat;
background-size: cover;
height:50px;
width:160px;
margin-top:5px;
}

#as_logo{
display: inline-block;
background:url(../images/app_store.png);
background-repeat: no-repeat;
background-size: cover;
height:50px;
width:160px;
margin-top:5px;
margin-right: 70px
}

#brevo-conversations {
    margin-bottom: 0;
    right: 0px;
    bottom: 0px;
}