/* For password masking options */
.password-view-show {
    background: url('../images/password-icon-show.jpg') center no-repeat;
    background-size: 25px;
    width: 2.5em;
    height: 2.5em;
    position: absolute;
    right: 15px;
    overflow: hidden;
    cursor: pointer;
}
.password-view-hide {
    background: url('../images/password-icon-hide.jpg') center no-repeat;
    background-size: 25px;
    width: 2.5em;
    height: 2.5em;
    position: absolute;
    right: 15px;
    overflow: hidden;
    cursor: pointer;
}
.password-field {
	float:none!important;
}
.col {
	position: relative;
}
.col2 {
	position: relative;
}

div.input-block {
  display:grid;
  justify-content: center;
  grid-template-columns: max-content max-content;
  grid-gap:10px;
  margin:10px;
}
div.input-block label { text-align:right; }
div.input-block label:after { content: ":"; }

/* For accessibility */
.maincontent {
	font-size: 28px;
	line-height: 32px;
	color: #3E3E3E;
} 
#skiptocontent a {
	padding:6px;
	position: absolute;
	top:-45px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:#BF1722;
	-webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 100;
}
#skiptocontent a:focus {
	position:absolute;
	left:0px;
	top:0px;
	outline-color:transparent;	
	-webkit-transition: top .1s ease-in;
  transition: top .1s ease-in;
}

/* For alerts */
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-danger hr {
  border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
  color: #491217;
}
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

#email-text-required, #confirm_email-text-required {
  font-size: .875em;
  font-weight: 400;
}

.text-required {
  color: #d7143b !important;
}