/*
	Note! This is a generated file, make changes in *.scss-file
*/
div.container {
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  min-width: 720px;
  background-color: rgb(250, 250, 250);
}

div.header {
  border: 0px;
}

div.content {
  padding: 0px 16px 16px 48px;
  background-color: rgb(250, 250, 250);
}

div.footer {
  position: fixed;
  width: 100%;
  height: 36px;
  left: 0px;
  bottom: 0px;
  background-color: rgba(238, 238, 238, 0.87);
  white-space: nowrap;
}

div.footer div.phoniroUrl {
  padding: 12px 0px 0px 24px;
  font-size: 14px;
  line-height: 14px;
  color: rgb(0, 70, 135);
  float: left;
}

div.footerText {
  padding: 12px 24px 0px 0px;
  font-size: 14px;
  line-height: 14px;
  color: rgb(0, 70, 135);
  text-align: right;
}

div.alert .linkButton {
  text-align: right;
}

div.pageOverview {
  margin: 0px;
  padding-top: 16px;
  padding-bottom: 36px;
  max-width: 720px;
}

div.pageOverview div.pageTitle {
  margin: 0px 0px 8px 0px;
  padding: 0px;
  font-size: 20px;
  font-weight: bold;
  color: rgb(0, 70, 135);
  font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;
}

div.pageOverview div.pageDescription {
  margin: 0px;
  padding: 0px;
  display: block;
  max-width: 720px;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
}

div.pageOverview a {
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  text-decoration: underline;
  color: rgba(0, 0, 0, 0.87);
}

div.pageOverview a:hover {
  color: rgb(2, 119, 189);
  text-decoration: underline;
}

div.pageOverview div#pageHelpDiv {
  padding: 6px;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.87);
}

div.pageOverview div#pageHelpDiv div.hideLinkDiv {
  padding: 10px 0px 0px 0px;
}

div.pageOverview div#pageHelpDiv ul {
  margin: 0px 0px 0px 16px;
  padding: 0px;
}

div.pageOverview div#pageHelpDiv ul li {
  padding: 2px;
}

div.loginHeader {
  border: 0px;
  position: relative;
  z-index: 100;
  opacity: 0.95;
}

div.loginFlex {
  display: flex;
  margin-left: -48px;
  position: fixed;
  top: 56px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
}

div.loginFlexLeft {
  flex: 60%;
  z-index: 0;
  margin-top: -56px;
  background-image: url(../Images/RetireedCoupleHugging.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  background-color: rgb(255, 255, 255);
}

div.loginFlexRight {
  flex: 40%;
  margin-right: -48px;
  background-color: rgb(255, 255, 255);
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignRight {
  text-align: right !important;
}

.verticalAlignTop {
  vertical-align: top;
}

.verticalAlignBottom {
  vertical-align: bottom;
}

.block {
  display: block;
}

.noSpacing {
  margin: 0px !important;
  padding: 0px !important;
}

.width40 {
  width: 40px !important;
  max-width: 40px !important;
  min-width: 40px !important;
}

.minWidth40 {
  width: 40px !important;
  min-width: 40px !important;
}

.width60 {
  width: 60px !important;
  max-width: 60px !important;
  min-width: 60px !important;
}

.width90 {
  width: 90px !important;
  max-width: 90px !important;
  min-width: 90px !important;
}

.minWidth90 {
  width: 90px !important;
  min-width: 90px !important;
}

.width130 {
  width: 130px !important;
  max-width: 130px !important;
  min-width: 130px !important;
}

.width150 {
  width: 150px !important;
  max-width: 150px !important;
  min-width: 150px !important;
}

.width175 {
  width: 175px !important;
  max-width: 175px !important;
  min-width: 175px !important;
}

.width196 {
  width: 196px !important;
  max-width: 196px !important;
  min-width: 196px !important;
}

.width200 {
  width: 200px !important;
  max-width: 200px !important;
  min-width: 200px !important;
}

.width250 {
  width: 250px !important;
  max-width: 250px !important;
  min-width: 250px !important;
}

.width300 {
  width: 300px !important;
  max-width: 300px !important;
  min-width: 300px !important;
}

.width332 {
  width: 332px !important;
  max-width: 332px !important;
  min-width: 332px !important;
}

.minWidth350 {
  width: 350px !important;
  min-width: 350px !important;
}

.width350 {
  width: 350px !important;
  max-width: 350px !important;
  min-width: 350px !important;
}

.minWidth400 {
  width: 400px !important;
  min-width: 400px !important;
}

.width400 {
  width: 400px !important;
  max-width: 400px !important;
  min-width: 400px !important;
}

.width450 {
  width: 450px !important;
  max-width: 450px !important;
  min-width: 450px !important;
}

.minWidth486 {
  width: 486px !important;
  min-width: 486px !important;
}

.width486 {
  width: 486px !important;
  max-width: 486px !important;
  min-width: 486px !important;
}

.width500 {
  width: 500px !important;
  max-width: 500px !important;
  min-width: 500px !important;
}

.minWidth520 {
  width: 520px !important;
  min-width: 520px !important;
}

.width520 {
  width: 520px !important;
  max-width: 520px !important;
  min-width: 520px !important;
}

.width550 {
  width: 550px !important;
  max-width: 550px !important;
  min-width: 550px !important;
}

.width568 {
  width: 568px !important;
  max-width: 568px !important;
  min-width: 568px !important;
}

.width600 {
  width: 600px !important;
  max-width: 600px !important;
  min-width: 600px !important;
}

.width650 {
  width: 650px !important;
  max-width: 650px !important;
  min-width: 650px !important;
}

.width724 {
  width: 724px !important;
  max-width: 724px !important;
  min-width: 724px !important;
}

.width960 {
  width: 960px !important;
  max-width: 960px !important;
  min-width: 960px !important;
}

.height24 {
  height: 24px !important;
  max-height: 24px !important;
  min-height: 24px !important;
}

.marginBottom4 {
  margin-bottom: 4px;
}

.clear {
  clear: both;
}