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

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

* {
	font-family: allstateFont;
}

body {
	margin: 0;
}

body {
	background-color: #0033a0;
}


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

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

.ab-login__main {
	background-image: url(./images/rings.svg);
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 75px 0px;
	background-repeat: no-repeat;
	background-position: 50% -52%;
}

.ab-login__header {
	height: 70px;
	min-height: 70px;
	display: flex;
	align-items: center;
	background-color: #0e1941;
	box-shadow: 0 1rem 1.5rem rgb(0 0 0 / 10%);
	color: #fff;
	font-size: 20px;
	font-weight: 700;
}

.ab-login__header-logo {
	background-color: #45bce5;
	height: 100%;
	width: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 25px;
}

.ab-login__footer {
	height: 120px;
	min-height: 120px;
	display: flex;
	align-items: center;
	background-color: #0e1941;
	box-shadow: 0 1rem 1.5rem rgb(0 0 0 / 10%);
	justify-content: center;
}

.ab-login__card {
	box-shadow: rgb(0 0 0 / 20%) 0px 2px 1px -1px,
	rgb(0 0 0 / 14%) 0px 1px 1px 0px, rgb(0 0 0 / 12%) 0px 1px 3px 0px;
	width: 500px;
	background-color: #0e1941;
	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;
}

.ab-login__card-header--blue {
	padding-right: 8px;
	color: #45bce5;
}

.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: #009688;
}

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

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

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

.ab-login__link:hover {
	background: rgb(0, 51, 160);
}

.ab-login__link:focus {
	box-shadow: 0 0 0 0.1875rem #45bce5;
}

.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;
}