/*-------------------Custom-------------------*/

/*----------------login Styles--------------*/
::selection{
	background-color:#1F1F1F;
	color:white;
}
.card2 h3{
	font-size: 60px;
	font-weight: 700;
}
.logo{
	width:250px;
}
.heading {
    margin-bottom: 60px !important;
	color:#1F1F1F;
	font-weight:600;
	font-size:30px;
}

.register-cont{
	color:#1F1F1F;
	font-size: 16px;
}

.sm-text {
	color: #4F4F4F;
	font-weight: 400;
	font-size:14px;
    width: 100%;
    margin-top: 100px !important;
}

.pass{
	position: relative;
	padding-right: 40px !important;
}
.eye{
	position: absolute;
	top: 56%;
	right: 5%;
}

.eye-2{
	position: absolute;
	top: 65.7%;
	right: 5%;
}

.form-wrapper {
	margin: 10rem auto;
	max-width: 30rem;
}

.bottom-mob{
	display:none;
}

/*----------------Register Styles--------------*/
.card2-register {
    width: 50%;
    background-color: #E0E0E0;
	padding:10px;
}

.card-2-cont h3{
	font-size: 48px;
	font-weight: 700;
	padding-bottom:20px;
	width:60%;
}
.card-2-cont h5{
	font-size: 16px;
	font-weight: 600;
}
.card-2-cont h3, h5{
	color:#1F1F1F;
}


.btn-req {
    border-radius: 0px;
    color: #1F1F1F;
    background-color:transparent;
    padding: 12px 16px;
    cursor: pointer;
    border: 1px solid #1F1F1F !important;
    margin-top: 20px;
	transition: all 0.4s ease;
	font-size:16px;
	font-weight:600;
}

.btn-req:hover{
	opacity:0.5;
}

.card-reg{
	height:100vh !important;
	overflow:hidden;
}

.fw-bold{
	font-weight:600;
	color:#1F1F1F;
	font-size:16px;
}

.field-icon {
	float: right;
	margin-right:10px;
	margin-top: -30px;
	position: relative;
	z-index: 2;
}

.container{
	padding-top:50px;
	margin: auto;
}

/*----------------Greeting Styles----------------*/
.greet-head{
	margin-bottom: 20px !important;
	color:#1F1F1F;
	font-weight:600;
	font-size:30px;
}

.greet-cont{
	font-size: 16px;
	font-weight: 600;
	color:#1F1F1F;
}
.error-head{
	margin-bottom:30px !important;
}

.error-msg{
	background-color:#f2f2f2;
	font-size:14px;
	padding:10px;
}

/* Error Message */

input + .error {
  font-size: 14px;
  color: #ff2525;
}

.error{
	font-size: 14px;
	color: #ff2525;
}

/* Bug fixing codes */
[dir="ltr"] .material-icons {
  width: 30px;
}

.login_page .heading, .login_page button, #forgot_pwd .heading, #emailaddress::placeholder, #forgot_pwd button{
  text-transform: capitalize!important;
}

#question_form span.error {
  display: block;
  text-align: start;
}

select{
	cursor:pointer;
}

#login_phone_num + span.error{
	margin-top:-1rem;
	margin-bottom:1rem;
}

input.error, .form-control.error, select.error {
  border: 1px solid #ff4545 !important;
}
/* hiding default password reveal in ie and edge */
::-ms-reveal {
    display: none!important;
}


/*----------------responsive--------------*/

@media screen and (max-width:1600px){
	.card-reg {
		height: auto !important;
		overflow: scroll;
	}
	.terms-cont {
		padding-left: 30px;
	}
}

/*----------------Custom responsive 992px to 1280px--------------*/
@media screen and (min-width: 993px) and (max-width: 1280px) {
	.card{
		height:110vh;
	}
	
	.card-reg{
		height:auto!important;
		
	}
	
	.card-2-cont h3{
		font-size: 40px;
		font-weight: 700;
		padding-bottom:20px;
		width:80%;
	}
	.check-box{
		margin-left:10px;
	}
	
	.terms-cont{
		padding-left:20px;
	}
	
	
}

/*----------------custom responsive 992px--------------*/
@media screen and (max-width: 992px) {
	
	.card2-register{
		width: 100%;
	}
	.card2-register h3{
		font-size:40px;
		width:90%;
	}
	
	.card-2-cont h3{
		font-size: 40px;
		font-weight: 700;
		padding-bottom:20px;
		width:100%;
	}
	
	.card-reg{
		height:100% !important;
	}
	
}


/*----------------custom responsive 768px--------------*/
@media screen and (max-width: 768px) {
	
	.bottom{
		display:none;
	}
	
	.bottom-mob{
		margin-top:50px;
		display:block;
	}
	
	.card-reg{
		height:100% !important;
	}
	
	.card2-register h3{
		font-size:40px;
		width:100%;
	}
}
#loginerror{
	display: none;
}