.AccountBundleFail {
  display: none;
}
.ContentBox {
  padding: 1em;
}
.ContentBox fieldset {
  width: 47%;
  float: left;
}
@media (max-width: 600px) {
  .ContentBox fieldset {
    width: 100%;
  }
}
.fullWidth {
  min-width: 23em;
  width: 98%;
}
.halfWidth {
  min-width: 23em;
  width: 48%;
}
/*.ShowLocalButton {
	color: @NoticeText;
	font-size: .9em;
}*/

/*******************************************************************
	** MANAGE PAGE STYLES
*******************************************************************/

.ManageFS {
  padding-top: 1em;
  padding-bottom: 1em;
}
.ManageFS > h3 {
  margin-bottom: 1em;
}
#SubscriptionsTable .JButton {
  padding: 0.5em;
  margin-top: 0.1em;
}
/******************************************************************/

/*******************************************************************
	** REG PAGE STYLES
*******************************************************************/

.Required,
.Optional {
  display: inline !important;
}
@media (max-width: 600px) {
  .SimpleReg.HideMobile {
    display: none !important;
  }
}
.SimpleReg.ShowMobile {
  display: none;
}
@media (max-width: 600px) {
  .SimpleReg.ShowMobile {
    display: inline;
  }
}
@media (max-width: 600px) {
  .SimpleReg.MobileFullFlexWidth {
    flex: 1 1 100%;
  }
}
@media (max-width: 600px) {
  .SimpleReg .regInput {
    width: 100%;
    font-size: 2.5em;
  }
}
@media (max-width: 600px) {
  .inputContainer.SimpleReg .ph-span {
    font-size: 1.5em;
  }
}
@media (max-width: 600px) {
  .inputContainer.SimpleReg > .ph-wrapper {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .FixedWidth.SimpleReg {
    width: 100%;
  }
}
@media (max-width: 600px) {
  #CreateAccountButton {
    font-size: 1.8em;
  }
}
@media (max-width: 600px) {
  .inputContainerMessage.SimpleReg {
    margin-top: 1em;
    font-size: 1.4em;
    margin-left: 1em !important;
  }
}
.InputOptional {
  opacity: 0.5;
  font-size: 0.8em;
  font-weight: 400;
  font-style: italic;
}
.RegisterRoleTile,
.ProviderTile {
  height: 230px;
  width: 230px;
  padding: 10px 10px 10px 10px;
  margin: 0px 5px 10px 5px;
  text-align: center;
  float: left;
  position: relative;
  cursor: pointer;
  border: 2px solid #B2BB1C;
  background-color: #B2BB1C;
  color: #363636;
  transition: 300ms;
}
@media (max-width: 600px) {
  .RegisterRoleTile,
  .ProviderTile {
    width: 170px;
  }
}
@media (max-width: 600px) {
  .ProviderTile.SimpleReg {
    font-size: 1.5em;
    width: 250px;
    height: 250px;
  }
}
.RoleIcon.Hover {
  display: none;
}
.RegisterRoleTile.Selected > .RoleDescription,
.ProviderTile.Selected > .RoleDescription {
  display: none !important;
}
.RegisterRoleTile.Selected > .RoleSelectedText,
.ProviderTile.Selected > .RoleSelectedText {
  display: inline-block !important;
}
.RegisterRoleTile.Selected > .RoleIcon,
.RegisterRoleTile:hover > .RoleIcon,
.ProviderTile.Selected > .RoleIcon,
.ProviderTile:hover > .RoleIcon {
  display: none;
}
.RegisterRoleTile.Selected > .RoleIcon.Hover,
.RegisterRoleTile:hover > .RoleIcon.Hover,
.ProviderTile.Selected > .RoleIcon.Hover,
.ProviderTile:hover > .RoleIcon.Hover {
  display: inherit;
}
.RoleName {
  font-weight: bold;
  margin-top: 8px;
}
.RoleDescription,
.RoleSelected {
  font-size: 0.8em;
  height: 125px;
  overflow: auto;
}
.RoleDescription {
  display: inline-block;
}
.RoleSelectedText {
  font-size: 1.5em;
  font-weight: bold;
  padding-top: 0.75em;
  display: none;
}
.RoleIcon {
  height: 64px;
  display: block;
  margin: auto;
  /*@media (max-width: @mobileWidth) {
		left: 65px;
	}*/

}
.provImageContainer {
  float: left;
  margin-left: -5.5em;
  margin-top: -0.46em;
  padding-top: 0.46em;
  margin-bottom: -0.46em;
  padding-bottom: 0.46em;
  width: 80px;
}
.provHeader {
  text-align: left;
  font-weight: bold;
  margin-bottom: 0.2em;
}
.provText {
  text-align: left;
}
.regText {
  font-size: 1.1em;
}
.regContainer {
  float: left;
  clear: both;
  width: 100%;
}
.regInput {
  font-size: 1.3em;
}
.regInput.Email {
  width: 100%;
  max-width: 15.8em;
}
.regInput.NameLong {
  width: 100%;
  max-width: 10.8em;
}
.regSelect {
  vertical-align: middle;
  width: 5em !important;
}
.regSelect.ph-select .ui-selectmenu-icon,
.regSelect.ph-select .ui-selectmenu-text {
  margin-top: 5px;
  margin-bottom: -5px;
}
.regSelectAssociation {
  width: 22em !important;
}
@media (max-width: 700px) {
  .regSelectAssociation {
    width: 18em !important;
  }
}
@media (max-width: 500px) {
  .regSelectAssociation {
    width: 14em !important;
  }
}
.fieldSetHelperText {
  position: absolute;
  bottom: 0;
  opacity: 0.6;
  font-style: italic;
  font-size: 0.8em;
  max-height: 2.3em;
  margin-bottom: 0.2em;
  overflow: hidden;
}
.AssocSelectionBox {
  margin-left: 1em;
}
@media (max-width: 400px) {
  .AssocSelectionBox {
    margin-left: -7em;
  }
}
.regCheckBoxContainer {
  width: 95%;
  text-align: right;
  margin-top: 0.5em;
}
.regAssociationImage {
  height: 32px;
  width: 32px;
}
.associationSelection {
  float: left;
}
.DistrictOrgTab {
  font-size: 70%;
  text-align: center;
  padding-top: 1.8em;
  padding-bottom: 1.8em;
  width: 10em;
}
.InvalidMessage {
  margin-bottom: 0.1em;
  float: left;
  clear: both;
  position: relative;
}
.custom-combobox {
  position: relative;
  display: inline-block;
}
.custom-combobox-toggle {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -1px;
  padding: 0;
}
.custom-combobox-input {
  margin: 0;
  padding: 5px 10px;
}
.ui-autocomplete {
  max-height: 600px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}
.validationStepBox {
  margin-bottom: 1.5em;
  margin-right: 2.5em;
  float: left;
  clear: both;
  width: 98%;
}
.RegisterRoleTile:hover,
.RegisterRoleTile.Selected,
.ProviderTile:hover,
.ProviderTile.Selected {
  border: 2px solid #CCD397;
  background-color: #CCD397;
  color: #363636;
}
.NavButton {
  width: 7em;
}
.NavTitle {
  border: 1px solid #B7B7B7;
  /*border-bottom-width: 2px;*/
  background-color: #B2BB1C;
  color: #363636;
  /*float: left;*/
  height: 2.5rem;
  /*width: 16%;*/
  /*width: 17%;*/
  padding-top: 0.25em;
  padding-left: 2rem;
  /*padding-left: 1.3rem;*/
  box-sizing: border-box;
  position: relative;
  text-align: center;
  /*@media (max-width: @mobileWidth) {
		font-size: inherit;
	}*/

}
@media (max-width: 900px) {
  .NavTitle {
    font-size: 0.85em;
    padding-top: 0.4em;
  }
}
@media (max-width: 820px) {
  .NavTitle {
    font-size: 0.6em;
    padding-top: 0.85em;
  }
}
.NavTitle.First {
  /*width: 19%;*/
  /*width: 18%;*/
  padding-left: 0.2em;
}
.NavTitle.Last {
  /*width: 17%;*/
  /*width: 14%;*/
  padding-left: 1.5rem;
}
.NavTitle > * {
  position: relative;
  z-index: 1;
}
.NavTitle.Full {
  width: 100% !important;
  text-align: center;
}
.NavTitle:not(.Selected) {
  cursor: pointer;
}
.NavTitle:not(.First) {
  padding-right: 0.5em;
}
.NavTitle:not(.Last):not(.Full)::before {
  content: "";
  border-top: 1px solid #B7B7B7;
  border-right: 1px solid #B7B7B7;
  background-color: #B2BB1C;
  height: 1.7rem;
  width: 1.7rem;
  transform: rotate(45deg);
  position: absolute;
  right: -0.9rem;
  top: 0.32rem;
  z-index: 1;
}
.NavTitle.Selected {
  background-color: #CCD397;
  color: #363636;
}
.NavTitle.Selected:not(.Last)::before {
  background-color: #CCD397;
}
.NavTitle.Selected.Last::before {
  border-top-color: #F7f7f7;
  border-bottom-color: #F7f7f7;
  border-left-color: #CCD397;
}
.NavTitle.Error,
.NavTitle.Error::before {
  border-color: #8D2B07 !important;
}
.StepInfoContainer {
  padding-left: 8.5em;
  padding-right: 8.5em;
  text-align: center;
}
@media (max-width: 600px) {
  .StepInfoContainer {
    padding-left: 0em;
    padding-right: 0em;
    padding-top: 4em;
  }
}
.ValidMessage {
  font-size: 1.5em !important;
}
.AccountCreationMessageBox {
  margin-bottom: 2em;
}
.DisplayAssocButtons {
  padding-left: 7em;
}