@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
/* Reset CSS only for login page */
body.elc-login-container * {
  all: unset;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}

body.elc-login-container {
  margin: 0;
  padding: 0;
  background: #fff;
}
ody {

    font-family: 'Poppins', sans-serif;

}

.elc-login-container{ margin-top:100px;}

/*.elc-wrapper {

    display: flex;

    justify-content: center;

    gap: 20px;

    padding: 50px 20px;

    flex-wrap: wrap;

}*/



.elc-login-box, .elc-register-box {

    background: #fff;

    border: 1px solid #e0e0e0;

    border-radius: 10px!important;

    padding: 30px;

    /*width: 320px;*/

   /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);*/

}



.elc-login-box h2, .elc-register-box h2 {

    /*font-size: 18px;

    font-weight: 600;

    margin-bottom: 20px;*/

	color:#333333;

	margin-top:0px;

	

	font-family: Poppins;

font-weight: 600;

font-size: 27.18px;



vertical-align: middle;

margin-bottom:20px;



	

}

.elc-login-box .panel-body,.elc-register-box .panel-body{

 padding:0px;	

}

.elc-login-box label{

font-family: Poppins;

font-weight: 400;

font-size: 13.59px;

width:100%;
line-height:1.4 !important;
vertical-align:inherit !important;



}



.elc-register-box p {

    margin-bottom: 20px;

}



.elc-register-box .highlight {

    color: red;

}



/*.elc-create-btn {

    display: inline-block;

    border: 1px solid #000;

    padding: 10px 20px;

    border-radius: 30px;

    text-decoration: none;

    color: #000;

    font-weight: 500;

}*/



.elc-login-box input[type="email"],.elc-login-box input[type="password"],.elc-login-box input[type="text"] {

   /* width: 100%;

    padding: 10px;*/

    border: 0.85px solid #66666659;

    border-radius: 10px;

    margin-bottom: 15px;

    font-size: 14px;

}



.elc-password-wrapper {

    position: relative;

}



/*.toggle-password {

    position: absolute;

    top: 50%;

    right: 10px;

    transform: translateY(-50%);

    cursor: pointer;

}*/



button[type="submit"] {

   /* width: 100%;*/

   /* background: #ccc;

    border: none;

    padding: 10px;

    border-radius: 5px;

    cursor: pointer;

    font-weight: 500;*/

	/*border: none;

	 background: #ccc;

	border-radius:10px;

	width:227px;

	height:48px;

	padding:18px 22px 18px 22px;

	font-family: Inter;

font-weight: 700;

font-size: 16px;



text-align: center;

cursor:pointer;

color:#FFFFFF;*/

 border: none;

display: flex;

flex-direction: row;

justify-content: center;

align-items: center;

padding: 18px 22px;


width: 227px;

height: 48px;

background: #CCCCCC;

border-radius: 10px;

font-family: 'Inter';

font-style: normal;

font-weight: 700;

font-size: 16px;

color: #FFFFFF;

}

button[type="submit"]:hover{

 background:#C60400;	

}



/*.elc-forgot {

    text-align: right;

    font-size: 12px;

    margin-top: 10px;

}*/

.password-wrapper {

 /* position: relative;*/

}

/*.toggle-password {

  position: absolute;

  right: 12px;

  top: 50%;

  transform: translateY(-50%);

  font-size: 14px;

  cursor: pointer;

  color: #666;

  user-select: none;

}

 .toggle-password {

    font-size: 13px;

  }*/

  

  .p-20 {

  padding: 20px;

  border-radius: 6px;

}



.mt-10 {

  margin-top: 10px;

}



.toggle-password {

   /* font-size: 14px;

  user-select: none;

position: absolute;

  top: 50%;

  right: 10px;

  transform: translateY(-50%);

  cursor: pointer;*/

  float:right;

  cursor:pointer;

  margin-right:5px;

  color:#666666CC;

}

#elc-login-btn{

	/* background: #ccc;

	border-radius:10px;

	width:190px;

	height:40px;

	padding:15px 20px;

	font-family: Inter;

font-weight: 700;

font-size: 13.59px;



text-align: center;

cursor:pointer;*/



	

}

.forgot-link{margin-top:10px; text-align:center;}

.forgot-link a{

	font-family: Poppins;

	font-weight: 500;

	font-size: 13.59px;

	text-decoration: underline !important;

	color:#111111;

	

}

.elc-login-container .or-span{font-family: Inter;

font-weight: 400;

font-size: 18.72px;

}

@media only screen and (max-width: 600px) {

	

	.forgot-link{text-align:left;}

	

	button[type="submit"] {

		width:100%;

	}

	.elc-login-box h2, .elc-register-box h2 {

		font-size:16px;

	}



}

.for-span,.win-span{

	font-family: Poppins;

	font-weight: 700;

	font-size: 27.18px;

	color:#000000;

}

.for-span{

	color:#000000;

}

.win-span{

	color:#C60400;

}

.create-btn{

	background:none;

	width: 247px;

	height: 47px;

	border:0.85px solid #111111;

	border-radius: 27.18px;

	font-family: Poppins;

	font-weight: 400;

	font-size: 16.98px;

	text-align: center;

	vertical-align: middle;

	



}
.create-btn:hover{ background:#C60400 !important;}
@media only screen and (max-width: 600px) {
	.for-span,.win-span{font-size: 25px;}
}