@font-face {
	font-family: allstateFont;
	src: url(./AllstateSans/AllstateSans-Regular.otf);
}

html,
body,
.ab-full-size {
	height: 100%;
	width: 100%;
}

* {
	font-family: Roboto;
}

body {
	margin: 0;
}

body {
	background-color: #004ea8;
}

.ab-login {
	display: flex;
	flex-direction: column;
    z-index: 10;
}

.error__txt {
	color: #C62832;
	background-color: #ffe0e1;
	border-radius: 4px;
	border: 1px #C62832 solid;
	text-align: center;
	padding: .5rem;
	margin-bottom: 1rem;
}

.ab-login__main {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 75px 0px;
}

.ab-login__header {
	height: 70px;
	min-height: 70px;
	display: flex;
	background-color: #fff;
	box-shadow: 0 1rem 1.5rem #0058a9;
}

.ab-login__header-logo {
	background-color: white;
	height: 100%;
	width: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
        margin-left: 20px;

	a:focus-visible{
		outline: 1px solid #9cd3ff;
		outline-offset: 1px;
	}
}

.ab-login__footer {
	height: 60px;
	min-height: 60px;
	display: flex;
	align-items: center;
	background-color: #fff;
	box-shadow: 0 1rem 1.5rem #b7b8be;
	justify-content: center;
}

.ab-login__card {
	box-shadow: #221551 0px 2px 1px -1px,
	#221551 0px 1px 1px 0px, #221551 0px 1px 3px 0px;
	width: 500px;
	background-color: #221551;
	padding: 30px 20px 60px;
}

.ab-login__card-header {
	display: flex;
	align-items: center;
	margin: 0;
	height: 65px;
	width: 100%;
	font-size: 34px;
	justify-content: center;
	color: #fff;
	font-weight: normal;
	span {
		padding-right: 8px;
	}
}


.ab-login__form {
	color: #fff;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.ab-login__form-control {
	display: flex;
	flex-direction: row;
	width: 100%;
	padding: 8px 0;
	position: relative;
	align-items: center;
}

.ab-login__form-control-label {
	font-size: 16px;
	padding: 5px 2px;
    width: 100% !important;
}

.ab-login__form-control-input {
	height: 28px;
	border-radius: 5px;
	flex: 1;
	padding-left: 10px;
	padding-right: 50px;
}

.ab-login__form-submit {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 18px;
}

.ab-login__form-submit-button {
	height: 40px;
	border-radius: 25px;
	width: 100%;
	box-shadow: none;
	outline: none;
	border: none;
	background-color: #fff;
}

.ab-login__form-submit-button:focus{
	box-shadow: 0 0 0 0.1875rem #2fa0ff;
}

.ab-login__form-submit-button:active{
	box-shadow: 0 0 0 0.1875rem #2fa0ff;
}

.ab-login__form-submit-button span {
	font-size: 18px;
	font-weight: 700;
	color: #004ea8;
}

.ab-login__links {
	color: #fff;
	margin: 15px 0;
}

.ab-login__link {
    border: none;
    text-decoration: none;
    color: #FFDAA2;
    border-bottom: 1px dotted;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
	font-size: 14px;
}

.ab-login__link:hover {
	background: #173e82;
}

.ab-login__link:focus {
	box-shadow: 0 0 0 0.1875rem #2fa0ff;
}

.ab-login__agreement {
	color: #fff;
	font-size: 14px;
	padding: 2px 0;
	line-height: 1.5;
    text-align: justify;
}

img.login-left-eye {
  display: block;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 22px;
}

img.login-left-eye.open {
  display: none;
  top: 18px;
  width: 22px;
}

.popup {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  text-align: left;
  flex-direction: column;
 top: 30px !important;
 color: black;
 width:400px;
}

.popup-row{
  display: flex;
  flex-direction: row;
}

.tick{
  height: 18px;
  margin-right: 5px;
}

@media screen and (max-width: 767px) {
	.ab-login__header {
		border-bottom: 1px solid;
	}

	.ab-login__main {
		padding: 0;
	}

	.ab-login__card-header {
		flex-direction: column;
		align-items: flex-start;
		margin: revert;
	}
	.ab-login__form-submit-button {

        width: 100%;

    }
}

input::-ms-reveal,
input::-ms-clear{
display: none;
}