/* thus named because it doesn't stand for any specific type of element, yet appears in different places ;) */
@-webkit-keyframes spinnerRotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes highlightMAC {
  from {
    background-color: lightgray;
  }
  to {
    background-color: #fff;
  }
}
@-webkit-keyframes touch {
  from {
    opacity: 1;
    -webkit-transform: scale(0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes showPopup {
  from {
    opacity: 0;
    height: 0;
    -webkit-transform: translate3d(0, 1rem, 0);
  }
  to {
    opacity: 1;
    height: 17.8em;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes hidePopup {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1.1);
  }
}
/* thus named because it doesn't stand for any specific type of element, yet appears in different places ;) */
@-webkit-keyframes spinnerRotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes highlightMAC {
  from {
    background-color: lightgray;
  }
  to {
    background-color: #fff;
  }
}
@-webkit-keyframes touch {
  from {
    opacity: 1;
    -webkit-transform: scale(0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes showPopup {
  from {
    opacity: 0;
    height: 0;
    -webkit-transform: translate3d(0, 1rem, 0);
  }
  to {
    opacity: 1;
    height: 17.8em;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes hidePopup {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1.1);
  }
}
/***************
  Spinner
  TODO: the spinner is not working properly in old devices like Galaxy S3 - Motorola Razor... We'll try to do this using SVG :)
***************/
/* thus named because it doesn't stand for any specific type of element, yet appears in different places ;) */
@-webkit-keyframes spinnerRotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes highlightMAC {
  from {
    background-color: lightgray;
  }
  to {
    background-color: #fff;
  }
}
@-webkit-keyframes touch {
  from {
    opacity: 1;
    -webkit-transform: scale(0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes showPopup {
  from {
    opacity: 0;
    height: 0;
    -webkit-transform: translate3d(0, 1rem, 0);
  }
  to {
    opacity: 1;
    height: 17.8em;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes hidePopup {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1.1);
  }
}
/***************
  Spinner
  TODO: the spinner is not working properly in old devices like Galaxy S3 - Motorola Razor... We'll try to do this using SVG :)
***************/
/* thus named because it doesn't stand for any specific type of element, yet appears in different places ;) */
@-webkit-keyframes spinnerRotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes highlightMAC {
  from {
    background-color: lightgray;
  }
  to {
    background-color: #fff;
  }
}
@-webkit-keyframes touch {
  from {
    opacity: 1;
    -webkit-transform: scale(0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes showPopup {
  from {
    opacity: 0;
    height: 0;
    -webkit-transform: translate3d(0, 1rem, 0);
  }
  to {
    opacity: 1;
    height: 17.8em;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes hidePopup {
  from {
    opacity: 1;
    -webkit-transform: scale(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(1.1);
  }
}
/* line 3, ../../../styles/_helpers.scss */
.baseFontFamily,
.gPolarisLight {
  font-family: "Galaxie Polaris Light", Helvetica, Arial, sans-serif;
  text-rendering: geometricPrecision;
}

/* line 8, ../../../styles/_helpers.scss */
.gPolarisBook, .headerHelper h1, .detailData {
  font-family: "Galaxie Polaris Book", "Galaxie Polaris Light", Helvetica, Arial, sans-serif;
  text-rendering: geometricPrecision;
}

/* line 12, ../../../styles/_helpers.scss */
.robotoLight {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

/* line 16, ../../../styles/_helpers.scss */
.robotoMedium {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 500;
}

/* line 20, ../../../styles/_helpers.scss */
.robotoBold {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

/* line 24, ../../../styles/_helpers.scss */
.fontLarge {
  font-size: 1.7rem;
}

/* line 27, ../../../styles/_helpers.scss */
.headerHelper {
  width: 100%;
  height: 6rem;
  z-index: 3;
  background: #001c2f;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* line 34, ../../../styles/_helpers.scss */
.headerHelper h1 {
  text-align: center;
  max-width: 70%;
  color: #ffffff;
  font-size: 2rem;
  line-height: 2.8rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  flex: 6;
}
/* line 48, ../../../styles/_helpers.scss */
.headerHelper .backButton,
.headerHelper .cancel,
.headerHelper .disabledSave,
.headerHelper .done,
.headerHelper .save {
  width: 20%;
  height: 100%;
  color: rgba(255, 255, 255, 0.45);
  font-size: 1.7rem;
  background-color: transparent;
  box-shadow: none;
  border: none;
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2;
}
/* line 62, ../../../styles/_helpers.scss */
.headerHelper .backButton,
.headerHelper .cancel {
  width: 9.5rem;
}
/* line 66, ../../../styles/_helpers.scss */
.headerHelper .save {
  color: #0087ef;
}

/* line 70, ../../../styles/_helpers.scss */
.lightGrey {
  color: #dbdbe4;
}

/* line 73, ../../../styles/_helpers.scss */
.hidden {
  display: none !important;
}

/* line 76, ../../../styles/_helpers.scss */
.clearfix {
  clear: both;
}

/* line 79, ../../../styles/_helpers.scss */
.left {
  float: left;
}

/* line 82, ../../../styles/_helpers.scss */
.right {
  float: right;
}

/* line 85, ../../../styles/_helpers.scss */
.center-text {
  text-align: center;
}

/* line 88, ../../../styles/_helpers.scss */
.left-text {
  text-align: left !important;
}

/* line 91, ../../../styles/_helpers.scss */
.auto-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 94, ../../../styles/_helpers.scss */
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 97, ../../../styles/_helpers.scss */
.inputMask {
  font-size: 0.8rem !important;
  letter-spacing: 0.63rem;
  border-bottom: 0.12rem solid rgba(255, 255, 255, 0.4);
  height: 3.5rem;
  line-height: 3.5rem;
}

/* line 104, ../../../styles/_helpers.scss */
.pushTop {
  margin-top: 4rem;
}

/* line 107, ../../../styles/_helpers.scss */
.pad-all-lrg {
  padding: 3rem;
}

/* line 110, ../../../styles/_helpers.scss */
.pad-all-med {
  padding: 1.5rem;
}

/* line 113, ../../../styles/_helpers.scss */
.pad-all-sml {
  padding: 1rem;
}

/* line 116, ../../../styles/_helpers.scss */
.pad-horz-lrg {
  padding-left: 3rem;
  padding-right: 3rem;
}

/* line 120, ../../../styles/_helpers.scss */
.pad-horz-med {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 124, ../../../styles/_helpers.scss */
.pad-horz-sml {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* line 128, ../../../styles/_helpers.scss */
.pad-vert-lrg {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/* line 132, ../../../styles/_helpers.scss */
.pad-vert-med {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

/* line 136, ../../../styles/_helpers.scss */
.pad-vert-sml {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* line 140, ../../../styles/_helpers.scss */
.pad-top-lrg {
  padding-top: 3rem;
}

/* line 143, ../../../styles/_helpers.scss */
.pad-top-med {
  padding-top: 1.5rem;
}

/* line 146, ../../../styles/_helpers.scss */
.pad-top-sml {
  padding-top: 1rem;
}

/* line 149, ../../../styles/_helpers.scss */
.pad-bottom-lrg {
  padding-bottom: 3rem;
}

/* line 152, ../../../styles/_helpers.scss */
.pad-bottom-med {
  padding-bottom: 1.5rem;
}

/* line 155, ../../../styles/_helpers.scss */
.pad-bottom-sml {
  padding-bottom: 1rem;
}

/* line 158, ../../../styles/_helpers.scss */
.pad-left-lrg {
  padding-left: 3rem;
}

/* line 161, ../../../styles/_helpers.scss */
.pad-left-med {
  padding-left: 1.5rem;
}

/* line 164, ../../../styles/_helpers.scss */
.pad-left-sml {
  padding-left: 1rem;
}

/* line 167, ../../../styles/_helpers.scss */
.margin-all-lrg {
  margin: 3rem;
}

/* line 170, ../../../styles/_helpers.scss */
.margin-all-med {
  margin: 1.5rem;
}

/* line 173, ../../../styles/_helpers.scss */
.margin-all-sml {
  margin: 1rem;
}

/* line 176, ../../../styles/_helpers.scss */
.margin-horz-lrg {
  margin-left: 3rem;
  margin-right: 3rem;
}

/* line 180, ../../../styles/_helpers.scss */
.margin-horz-med {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}

/* line 184, ../../../styles/_helpers.scss */
.margin-horz-sml {
  margin-left: 1rem;
  margin-right: 1rem;
}

/* line 188, ../../../styles/_helpers.scss */
.margin-vert-lrg {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

/* line 192, ../../../styles/_helpers.scss */
.margin-vert-med {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

/* line 196, ../../../styles/_helpers.scss */
.margin-vert-sml {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* line 200, ../../../styles/_helpers.scss */
.margin-top-lrg {
  margin-top: 3rem;
}

/* line 203, ../../../styles/_helpers.scss */
.margin-top-med {
  margin-top: 1.5rem;
}

/* line 206, ../../../styles/_helpers.scss */
.margin-top-sml {
  margin-top: 1rem;
}

/* line 209, ../../../styles/_helpers.scss */
.margin-bottom-lrg {
  margin-bottom: 3rem;
}

/* line 212, ../../../styles/_helpers.scss */
.margin-bottom-med {
  margin-bottom: 1.5rem;
}

/* line 215, ../../../styles/_helpers.scss */
.margin-bottom-sml {
  margin-bottom: 1rem;
}

/* line 218, ../../../styles/_helpers.scss */
.vertical-align-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  height: auto;
}
/* line 221, ../../../styles/_helpers.scss */
.vertical-align-center > .vertical-align-child {
  -webkit-align-self: center;
  align-self: center;
  margin: auto;
}

/* line 227, ../../../styles/_helpers.scss */
body.local-login .cloud-content,
body.local-login .remote-content {
  display: none;
}

/* line 233, ../../../styles/_helpers.scss */
body.cloud-login .local-content {
  display: none;
}

/* line 238, ../../../styles/_helpers.scss */
body.remote-login .cloud-content,
body.remote-login .local-content {
  display: none;
}

/* line 243, ../../../styles/_helpers.scss */
.defaultMsg {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  min-height: 5rem;
  background-color: rgba(0, 0, 0, 0.2);
  font-size: 1.4rem;
}
/* line 249, ../../../styles/_helpers.scss */
.defaultMsg p {
  -webkit-align-self: center;
  align-self: center;
  min-height: 2rem;
  margin-left: 2rem;
}

/* line 255, ../../../styles/_helpers.scss */
.subHeader {
  font-size: 1.4rem;
  color: rgba(255, 255, 255, 0.5);
}

/* line 259, ../../../styles/_helpers.scss */
.detailData {
  font-size: 1.4rem;
  color: white;
}

/* line 5, main.scss */
.linksys_login .navigate[data-view="forgotPassword"],
.linksys_login .navigate[data-view="signup"] {
  background: none;
}
/* line 9, main.scss */
.linksys_login section.content {
  height: 100%;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}
/* line 14, main.scss */
.linksys_login section.content .signup {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  height: 6rem;
  background: rgba(255, 255, 255, 0.04);
  width: 100%;
  display: block;
  color: #A4A8A2;
}
/* line 21, main.scss */
.linksys_login section.content .signup p {
  padding: 1.5rem;
  font-size: 1.5rem;
  text-align: center;
}
/* line 25, main.scss */
.linksys_login section.content .signup p span {
  color: #9CC8F8;
}
/* line 30, main.scss */
.linksys_login section.content .innerContent {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  height: 100%;
}
/* line 35, main.scss */
.linksys_login section.content .innerContent .linksys_logo {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAARCAYAAAAVBKQtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NDg4QUE3OUI3RTExMUU1OUFDQzkzMUJEMDMwRkU1QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NDg4QUE3QUI3RTExMUU1OUFDQzkzMUJEMDMwRkU1QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0ODhBQTc3QjdFMTExRTU5QUNDOTMxQkQwMzBGRTVCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0ODhBQTc4QjdFMTExRTU5QUNDOTMxQkQwMzBGRTVCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FgG4DQAAAxlJREFUeNrUWY1xqzAMht4bgG7Qt0EywSMTlExQmKDtBCkT5HWCpBOUThA6QegEYYOyAU/KiXc+RwLbQCHfHcclxkKSP/3YePUlXjxH4FxGXqiMH5jxb7gWhvJF2cLzgfBOxFbR+bt2B8q/E2Q8Gdh0ZOZFpPt73Q+hYuMJrh3dA9I3vPGmRwDXwZQEFmQ8y4WLI0ni+/4zkX1DOjgDZJVwS5mhDZKjLWDgptudgbyMdI+G8AXIw/egjm9k6ztcFY7NgQAqCaKBFh+demScW9Hi7+n3w1AGgMy/cMsZu3aCjndEvgv9SP/FSL7ek15IBu+XNx+cmQnGqwvkuvgHJqrRuSuQXSj/6dGJC/hp+cpSzSxEPPXdIRKboloFR4w1PFdR9tKROrijVAi6Umxsras/3QNwiF16AJwn1OITV2KGtF3TgetzAuWZJ6knofFQHxwr6qYuAZkWQf+jQ3WIqeMpqvTowYhfapE/Gih7ZVIpEFJ/6RjhvTF1CfiitHlgah5GSQAOTQwWH8nCddx5k1YN9XkAWX8s0uunUK4Saj5VMkbU4zwyJE26dMTsaeFXJPsHyMxdtlY/WQJelO3aUSgHuyZ9crJpnJ1noO+p7o+jIDsynL/l+ph6GMRzLwFN2jw3aEzqRMS0Q+Aao5DGObwavPp5APUXnKOp6csMIjVl5hbUrffFTvDbvAjQkACutWB409lzKX7Z7Gk1dJ4t0CI1xKt6qH8v/J90yBVTP5W+lNlaWhP0KgigGb43NYSiZcU42uhsAeskEg+uW98Qwn5fymxSD5N2NaZ4gIPbN98C17YLaCNBYvE8OvI3pVTubCGe0JaM0as5nZscsySAsp2yIUHTRxRCLZzS4dVc/cwRYOP60WEkEqxNHUh9xFIoIRt9Z8AduJjAu/y+MOgCu+rlcmA02wzANGqVxRypj4jpC1swsJofM3ZhedUE6Gj0XPqIqGVb6YKiz7eLkZHSl8rWk8B8gBdVCtvylvRY2LBTJwEsGqb3rdJ1V10lhLIi99UPj2Pfethf0WmbyeIXDrL7rIvxSeA/AQYAdIILTOsrELkAAAAASUVORK5CYII=) no-repeat center;
  background-size: 20rem 3rem;
  width: 100%;
  -webkit-flex-basis: 20%;
  flex-basis: 20%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
/* line 42, main.scss */
.linksys_login section.content .innerContent .form {
  -webkit-flex-basis: 60%;
  flex-basis: 60%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  background-color: transparent;
}
/* line 47, main.scss */
.linksys_login section.content .innerContent .localAdmin {
  -webkit-flex-basis: 10%;
  flex-basis: 10%;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  width: 100%;
  text-align: center;
  font-size: 1.4rem;
}

/* line 58, main.scss */
#networks li {
  background: none;
}
/* line 60, main.scss */
#networks li label {
  max-width: 13.2rem;
}
/* line 64, main.scss */
#networks #title {
  margin: 1rem 0 1.5rem 1rem;
  font-size: 2rem;
}
/* line 68, main.scss */
#networks p {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  font-size: 1.4rem;
}

/* line 74, main.scss */
.associateRouter {
  margin-top: 4rem;
}
/* line 77, main.scss */
.associateRouter li .description {
  margin-top: 6rem;
  font-size: 1.5rem;
}
/* line 82, main.scss */
.associateRouter #skip {
  font-size: 1.5rem;
  margin-bottom: 6rem;
}

/* line 87, main.scss */
.login {
  background-color: #0a6c90;
  border: none;
  margin-top: 6rem;
}

/* line 92, main.scss */
.passHint,
.passwordHintMessage {
  font-size: 1.4rem;
}

/* line 96, main.scss */
.confirmAssociation {
  margin-top: 5rem;
}
/* line 98, main.scss */
.confirmAssociation li {
  margin-top: 3rem;
}
/* line 100, main.scss */
.confirmAssociation li .login,
.confirmAssociation li button,
.confirmAssociation li p {
  margin-top: 0;
  margin-bottom: 2rem;
}
/* line 106, main.scss */
.confirmAssociation li h2 {
  font-size: 1.5rem;
  margin-bottom: 5rem;
}
/* line 110, main.scss */
.confirmAssociation li .left {
  margin-left: 2rem;
}