body
{
	/*background-color: #012d74;*/
	background-image: url('../../assets/images/login_bg.jpg');
	/*background-repeat: no-repeat;*/
	background-size: cover;
	/*background-color: gold;*/
	font-family: 'oceania-regular' !important;
	
}



#sectionLogin .container .mainRow
{
	/*min-height: 100vh;*/
	margin-top: 15%;
	/*background-color: gold;*/
}

#sectionLogin .card-body
{
	padding-bottom: 5px !important;
}

#sectionLogin #loginName
{
	text-align: center;
	font-weight: 700;
	font-size: 42px;
	margin: 30px 0px !important;
	color: #63addb !important;
	/*font-family: 'oceania-regular';*/
}

#sectionLogin .marginBottom15
{
	margin-bottom: 15px;
}

#sectionLogin .marginBottom25
{
	margin-bottom: 40px;
}



#sectionLogin .marginTop25
{
	margin-top: 25px;
}

#sectionLogin #btnSignIn, #sectionLogin #btnForgot
{
	background-color: #82a554;
	color: white;
	border: 0;
	border-radius: 0;
}

#sectionLogin #btnSignIn
{
	padding: 15px;
	padding-left: 55px;
	padding-right: 55px;
}

#sectionLogin #btnForgot
{
	padding: 15px;
	padding-left: 25px;
	padding-right: 25px;
}

#sectionLogin button#submitOtp {
	background-color: #82a554;
	color: white;
	border: 0;
	border-radius: 0;
	padding: 15px;
	padding-left: 55px;
	padding-right: 55px;
}

#sectionLogin a
{
	color: #7f7f7f;
}

#sectionLogin .emailRow, #sectionLogin .forgotRow
{
	margin-bottom: 30px !important;
}

#sectionLogin input[type='text'], #sectionLogin input[type='password'], #sectionLogin input[type='email'],
#sectionLogin input[type='text']::placeholder, #sectionLogin input[type='password']::placeholder, #sectionLogin input[type='email']::placeholder,
#sectionLogin .go-class 
{
	/*background-color: #007581;*/
	/*color: white;*/
}

#sectionLogin .go-class
{
	border: thin solid #63addb;
	border-radius: 0em;
	color: #63addb;
}

#sectionLogin #password-field
{
	border: thin solid #63addb;
	border-right: none;
	border-left: none;
	border-radius: 0;

}

#sectionLogin #email
{
	border: thin solid #63addb;
	border-radius: 0;
	border-left: none;
}

#sectionLogin #lablePowerBy
{
	color: white;

}



.shadow1:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 90%;
  top: 80%;
  /*max-width:300px;*/
  background: #2c3f4f;
  -webkit-box-shadow: 0px 30px 10px #2c3f4f;
  -moz-box-shadow:  0px 30px 10px #2c3f4f;
  box-shadow:  0px 30px 10px #2c3f4f;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  transform: rotate(-4deg);
}

.shadow2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 100%;
  top: 80%;
  /*max-width:300px;*/
  background: #2c3f4f;
  -webkit-box-shadow: 0 30px 10px #2c3f4f;
  -moz-box-shadow: 0 30px 10px #2c3f4f;
  box-shadow: 0 30px 10px #2c3f4f;
  -webkit-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
  -o-transform: rotate(4deg);
  -ms-transform: rotate(4deg);
  transform: rotate(4deg);
}


#sectionLogin .input-group-text
{
	background-color: white;
	border: thin solid #63addb;
	border-right: none;
}

.circle {
	color: white;
  background-color: #63addb;
  /*border: 3px solid #FFF;*/
  border-radius: 18px;
  box-shadow: 0 0 2px #63addb;
  height: 18px;
  width: 19px;
}




/*SECTION 1 AND 2*/
@media (max-width: 991px) { 

	#sectionLogin #firstDiv
	{
		display: none;
	}

}


@media (max-width: 767px) {
	

}