body {
	height: 100%;
	font-family: 'AB Gilroy';
	margin:0 auto;
}
.forgot-password-container {
	margin: 0;
	padding: 0;
	width: 100% !important;
}

.forgot-password-container .top-bar {
	background-color: #00539b;
	height: 72px;
}

.forgot-password-container .top-bar i {
    display: inline-block;
    vertical-align: middle;
    height: 72px;
    width: 150px;
    background-repeat: no-repeat;
    background-image: url("images/ABC_Order_logo.svg");
    margin: 20px 0 0 30px;
}

.forgot-password-container .content-bar {
	margin: 7% 0;
}

.forgot-password-container .bottom-bar {
	height: 60px;
	position: fixed;
	bottom: 0;
	width: 100%;
}

.loginHead {
	height: 6%;
}

.navbar {
	height: 72px !important;
	position: absolute;
	width: 100%;
	margin-bottom: 0px !important;
	background-color: #00539b !important;
	border-radius: 0px !important;
}

.navbarErrMsg {
	background-color: #fbe9ea;
	border-radius: 0 !important;
	color: #df0101 !important;
	font-size: 24px !important;
	font-weight: normal;
	height: 50px !important;
	margin-bottom: 0 !important;
	padding: 12px;
	position: absolute;
	width: 100%;
}

#navbarErrMsg .urTxtMsg {
	color: #df0101 !important;
}

.navbarImage {
	width: 150px;
	vertical-align: middle;
	margin-top: 25px;
	margin-left: 15px;
	height: 72px !important;
	background-image: url("images/ABCcentral_logo.svg");
	background-repeat: no-repeat;
}

.logonMain {
	background-image: url("images/SignIn_background_photo_smaller.jpg");
	background-size: cover;
	height: 94%;
}
.grid-x{
	display:flex;
	flex-direction:row
}
.subDiv{
	display:flex;
	flex-direction:column;
}
.login-hero
{
    height: 100vh;
    width: calc(100vw - 490px);
    background-size: cover;
}
.grid-container {
	max-width: 100vw;
	margin-left: auto;
	margin-right: auto
}
.maindiv{
	width:410px;
	background-color: #F5F5F5;
	padding-left: 4.5vw;
    padding-top: 6vh;
}
.invalidDiv{
	width:490px;
	background-color: #F5F5F5;
	padding-left: 80px;
	padding-top: 80px;
}
.hero-msg-area
{
	position: relative;
    width: 33vw;
    left: calc(50% - 65vw/2 + 245px);
    top: 30vh;
    background: linear-gradient(44.24deg, #DF0088 0%, rgba(223, 0, 136, 0) 40.39%);
}
.hero-msg-text
{
	font-family: 'AB Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 60px;
    letter-spacing: -0.4px;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    padding-left: 30px;
    padding-bottom: 30px;
}

h1 {
    height: 28px;
    font-family: 'AB Gilroy';
    font-style: normal;
    font-weight: 600;
    font-size: 24px !important;
    line-height: 28px;
    letter-spacing: -0.1px;
    color: #3B3B3B;
}
.abcbtn {
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px !important;
	gap: 4px;
	height: 32px;
	background: #3C289B;
	border: 2px solid #3C289B;
	border-radius: 4px;
	flex: none;
	order: 0;
	flex-grow: 1;
	cursor: pointer;
	font-family: 'AB Gilroy';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #FFFFFF;
	
}
.abcbtn:disabled{
	background: #dadada;
	cursor: not-allowed;
	border: none;
}

.abcbtnlight
{
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 8px !important;
	gap: 4px;
	height: 32px;
	background: #FFFFFF;
	border: 2px solid #3C289B;
	border-radius: 4px;
	flex: none;
	order: 0;
	flex-grow: 1;
	cursor: pointer;
	font-family: 'AB Gilroy';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	align-items: center;
	text-align: center;
	color: #3C289B;
	
}
.signin{
	width: 330px;
}
.cancel{
	width: 155px;
}
.submitreq{
	width: 155px;
	margin-left: 18px;
}
.abcbtn.solid {
	background-color: #3C289B;
	color: #fff;
}
.logo {
	padding-top: 1rem;
	margin-bottom: 9vh;
}
.btngrp
{
	display: inline-flex;
	width: 330px;
}
ul{
	font-family: 'AB Gilroy';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: #3B3B3B;
}
p{
	font-family: 'AB Gilroy';
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: #3B3B3B;
}
.msg{
	font-family: 'AB Gilroy';
	font-style: normal;
	font-size: 16px;
	line-height: 24px;
	color: #3B3B3B;
	margin-top: 15px;
	margin-bottom: 15px;
    width: 300px;
}

label {
	height: 16px;
	font-family: 'AB Gilroy';
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 16px;
	color: #000000;
	flex: none;
	order: 1;
	flex-grow: 0;
}

[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea
	{
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 6px 8px;
	height: 32px;
	width: 330px;
	background: #FFFFFF;
	border: 1px solid #B5B5B5;
	border-radius: 4px;
}

[type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,textarea:focus
	{
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 6px 8px;
	height: 32px;
	width: 330px;
	background: #FFFFFF;
	border: 1px solid #B5B5B5;
	border-radius: 4px;
	box-shadow: 0 0 5px #cacaca;
	-webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow
		.5s;
	transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
	transition: box-shadow .5s, border-color .25s ease-in-out;
	transition: box-shadow .5s, border-color .25s ease-in-out,
		-webkit-box-shadow .5s
}

input::placeholder {
    font-family: 'AB Gilroy';
    font-size: 14px;
}
input{
    padding-left: 25px !important;
}
.form-input
{
	margin-bottom: 24px;
	max-width: 280px;
}

.error {
	border-color: #e22f00;
	padding-right: 1.5rem;
	padding-left:28px !important;
}

.form-message {
	border: 1px solid #c8c8c8;
	padding: 8px;
	font-size: 12px;
    line-height: 1rem;
    margin-bottom: 24px;
	font-family: 'AB Gilroy';
	color: #3B3B3B;
}
.pwd-assistance {
	margin-bottom: 0px !important;
}

.form-message.error {
	width: 280px;
	background: #FCEAE6;
}
.erroIconPwd{
    height: 15px;
    width: 15px;
    bottom: 36px;
    position: relative;
    left: 6px;
    display:none;
}
.erroIconConfPwd{
    height: 15px;
    width: 15px;
    bottom: 36px;
    position: relative;
    left: 6px;
    display:none;
}
.revealPwd{
	background-image: url(/forgotpwd/css/ab/images/eye.svg);
    background-repeat: no-repeat;
    padding: 8px;
    position: relative;
    bottom: 12px;
    left: 300px;
    cursor: pointer;
}
.revealFpPwd{
	background-image: url(/forgotpwd/css/ab/images/eye.svg);
    background-repeat: no-repeat;
    padding: 8px;
    position: relative;
    bottom: 12px;
    left: 300px;
    cursor: pointer;
}
.iIcon{
	background-image: url(/forgotpwd/css/ab/images/icon-alert.svg);
    background-repeat: no-repeat;
    padding: 8px;;
}
.erroIcon{
    height: 15px;
    width: 15px;
    border-radius: 50%;
    top: 36px;
    position: relative;
    left: 8px;
}
#error-box-login {
    display: none;
}
.tooltip{
	max-width:210px;
	background: #FCEAE6;
	border-radius: 3px;
	color:#3B3B3B;
	left: 70px !important;
	margin-top:3px;
	padding:8px;
	font-size:12px;
	align-items:center;
	font-family: 'AB Gilroy';
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 20px;
}

.tooltip::before {
	content: " ";
	position: absolute;
	bottom: 100%;  
	left: 10%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #FCEAE6 transparent;
 }