/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

template, [hidden] {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active, a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button, input, select, textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: bold
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.messageView {
    position: relative
}

.messageView .messageType {
    display: inline-block
}

.messageView .loginSkin .messageType {
    display: none
}

.messageBoxView.small {
    width: 300px;
    margin-left: -150px
}

.messageBoxView .modal-footer {
    padding-top: 8px;
    padding-bottom: 8px
}

.blockingView {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2000
}

.waitingBlockingView {
    cursor: wait;
    text-align: center
}

.waitingBlockingView .message {
    display: inline-block;
    position: relative;
    top: 5px;
    background-color: #DA4F49;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    margin: 0 auto;
    text-align: center;
    padding: 5px 10px
}

.globalErrorView {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    color: white;
    z-index: 3000
}

.globalErrorView .background {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #777;
    -moz-opacity: 85;
    -khtml-opacity: 85;
    -webkit-opacity: 85;
    opacity: 85;
    opacity: .85;
    filter: alpha(opacity=85)
}

.globalErrorView .message {
    position: relative;
    font-size: 25px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #666;
    padding: 50px
}

.globalErrorView .toolbar {
    position: relative;
    text-align: center
}

.dataTables_wrapper td.cell-right {
    text-align: right
}

.displayNone {
    display: none
}

body {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto
}

.btn-primary-rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-image: none;
    border-color: #00c4a6 #00c4a6 #00c4a6;
    text-shadow: none;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #00c4a6
}

.btn-primary-rounded:focus, .btn-primary-rounded:active {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #00c4a6;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-image: none;
    border-color: #00c4a6 #00c4a6 #00c4a6;
    text-shadow: none;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn-primary-rounded a:hover {
    text-decoration: none;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #6cd832;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-image: none;
    border-color: #6cd832 #6cd832 #6cd832;
    text-shadow: none;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn-primary-rounded:hover {
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #6cd832;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-image: none;
    border-color: #6cd832 #6cd832 #6cd832;
    text-shadow: none;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn-primary-rounded.disabled, .btn-primary-rounded.disabled.btn-primary-rounded:hover, .btn-primary-rounded[disabled], .btn-primary-rounded[disabled].btn-primary-rounded:hover {
    color: white !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #00c4a6;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-image: none;
    border-color: #00c4a6 #00c4a6 #00c4a6;
    text-shadow: none;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn-primary-rounded.disabled:hover, .btn-primary-rounded.disabled.btn-primary-rounded:hover:hover, .btn-primary-rounded[disabled]:hover, .btn-primary-rounded[disabled].btn-primary-rounded:hover:hover {
    color: white !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background-color: #00c4a6;
    background-position: 0 0;
    background-repeat: repeat-x;
    background-image: none;
    border-color: #00c4a6 #00c4a6 #00c4a6;
    text-shadow: none;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.no-box-shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.clearfix {
    *zoom: 1
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.fade {
    opacity: 0;
    -webkit-transition: all opacity .15s linear ease-out;
    -moz-transition: all opacity .15s linear ease-out;
    transition: all opacity .15s linear ease-out;
    -moz-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: all height .35s ease ease-out;
    -moz-transition: all height .35s ease ease-out;
    transition: all height .35s ease ease-out;
    -moz-transition: height .35s ease;
    -o-transition: height .35s ease;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.collapse.in {
    height: auto
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.alert, .alert h4 {
    color: #c09853
}

.alert h4 {
    margin: 0
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847
}

.alert-success h4 {
    color: #468847
}

.alert-danger, .alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48
}

.alert-danger h4, .alert-error h4 {
    color: #b94a48
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad
}

.alert-info h4 {
    color: #3a87ad
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

.alert-block > p, .alert-block > ul {
    margin-bottom: 0
}

.alert-block p + p {
    margin-top: 5px
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop, .modal-backdrop.fade.in {
    -moz-opacity: 80;
    -khtml-opacity: 80;
    -webkit-opacity: 80;
    opacity: 80;
    opacity: .8;
    filter: alpha(opacity=80)
}

.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #FFFFFF;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none
}

.modal.fade {
    -webkit-transition: all opacity .3s linear, top .3s ease-out ease-out;
    -moz-transition: all opacity .3s linear, top .3s ease-out ease-out;
    transition: all opacity .3s linear, top .3s ease-out ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
    top: -25%
}

.modal.fade.in {
    top: 10%
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee
}

.modal-header .close {
    margin-top: 2px
}

.modal-header h3 {
    margin: 0;
    line-height: 30px
}

.modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 15px
}

.modal-form {
    margin-bottom: 0
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-top-right-radius: 0 0 6px 6px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0 0 6px 6px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0 0 6px 6px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #FFFFFF;
    -moz-box-shadow: inset 0 1px 0 #FFFFFF;
    box-shadow: inset 0 1px 0 #FFFFFF;
    *zoom: 1;
    zoom: 1
}

.modal-footer:before, .modal-footer:after {
    display: table;
    content: "";
    line-height: 0
}

.modal-footer:after {
    clear: both
}

.modal-footer:before, .modal-footer:after {
    content: "";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.hide {
    display: none
}

.show {
    display: block
}

.invisible {
    visibility: hidden
}

.affix {
    position: fixed
}

.flat {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .btn {
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.modal {
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #FFFFFF;
    color: black;
    padding: 30px
}

.modal-header {
    border: none;
    padding: 0 0 15px;
    color: black
}

.modal-header h4 {
    font-weight: normal;
    color: #F0F0F0;
    font-size: 20px
}

.modal-body {
    padding: 0
}

.modal-body h5 {
    font-size: 14px;
    color: black;
    font-weight: normal
}

.modal-footer {
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    background-color: #FFFFFF;
    padding: 0
}

.modal-footer .errorMsg {
    color: #A93535
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: .2
}

.sub-modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-top-right-radius: 0 0 6px 6px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0 0 6px 6px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0 0 6px 6px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #FFFFFF;
    -moz-box-shadow: inset 0 1px 0 #FFFFFF;
    box-shadow: inset 0 1px 0 #FFFFFF;
    *zoom: 1;
    zoom: 1;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    padding: 0;
    background-color: #FFFFFF
}

.sub-modal-footer:before, .sub-modal-footer:after {
    display: table;
    content: "";
    line-height: 0
}

.sub-modal-footer:after {
    clear: both
}

.sub-modal-footer:before, .sub-modal-footer:after {
    content: "";
    display: table
}

.sub-modal-footer:after {
    clear: both
}

.sub-modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0
}

.sub-modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.sub-modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.sub-modal-footer .errorMsg {
    color: #A93535
}

.sub-modal-footer .errorMsg {
    padding-top: 9px;
    padding-right: 3px
}

.display-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box
}

html, body {
    box-sizing: border-box;
    background: #f1f1f0;
    font-family: "adelle-sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-feature-settings: "kern", "liga", "pnum";
    -moz-font-feature-settings: "kern", "liga", "pnum";
    font-feature-settings: "kern", "liga", "pnum";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 14px
}

html *, body * {
    box-sizing: inherit
}

a {
    color: #00c4a6;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

a:hover, a:focus {
    text-decoration: none;
    color: #6cd832;
    border-color: #6cd832
}

p {
    color: rgba(0, 0, 0, 0.6);
    margin: 0
}

form {
    margin: 0
}

hr {
    border-top: 1px solid #d9d9de;
    border-bottom: 0
}

.container {
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 60px
}

@media (max-width: 500px) {
    .container {
        padding: 20px 15px;
        display: block
    }
}

@media (max-height: 700px) {
    .container {
        padding: 20px 15px;
        display: block
    }
}

.sprLogo svg {
    display: inline-block
}

.dlsLogo {
    background: url('/login/img/dlsadapt-logo.png') no-repeat center;
    width: 100%;
    height: 44px;
    background-size: contain
}

.dlsLogo svg {
    display: none
}

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], textarea, select {
    font-family: "adelle-sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    height: 40px;
    padding: 5px 10px 7px;
    background-color: #FFFFFF;
    border: 1px solid #d9d9de;
    border-radius: 4px;
    color: rgba(0, 0, 0, 0.7);
    box-shadow: none;
    box-sizing: border-box;
    -webkit-transition: color .3s ease, background .3s ease, border .3s ease;
    transition: color .3s ease, background .3s ease, border .3s ease;
    width: 100%;
    margin-bottom: 0;
    font-size: 16px
}

input[type="email"].error, input[type="number"].error, input[type="password"].error, input[type="search"].error, input[type="tel"].error, input[type="text"].error, textarea.error, select.error, input[type="email"].error:focus, input[type="number"].error:focus, input[type="password"].error:focus, input[type="search"].error:focus, input[type="tel"].error:focus, input[type="text"].error:focus, textarea.error:focus, select.error:focus, .error input[type="email"], .error input[type="number"], .error input[type="password"], .error input[type="search"], .error input[type="tel"], .error input[type="text"], .error textarea, .error select, .error input[type="email"]:focus, .error input[type="number"]:focus, .error input[type="password"]:focus, .error input[type="search"]:focus, .error input[type="tel"]:focus, .error input[type="text"]:focus, .error textarea:focus, .error select:focus {
    border-color: #F96155;
    position: relative;
    z-index: 10;
    box-shadow: none
}

input[type="email"]:focus:invalid, input[type="number"]:focus:invalid, input[type="password"]:focus:invalid, input[type="search"]:focus:invalid, input[type="tel"]:focus:invalid, input[type="text"]:focus:invalid, textarea:focus:invalid, select:focus:invalid {
    box-shadow: none;
    color: rgba(0, 0, 0, 0.7)
}

input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, textarea:focus, select:focus {
    border-color: #00c4a6;
    position: relative;
    z-index: 20;
    box-shadow: none;
    outline: none
}

select {
    background: #FFFFFF url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 97% 57%;
    width: 100%;
    line-height: 24px;
    cursor: pointer
}

select:focus {
    border: 1px solid #00c4a6;
    outline: 0
}

select:invalid {
    color: rgba(0, 0, 0, 0.4)
}

select:invalid:focus {
    border-color: #00c4a6
}

button, .button-flat, .button-primary {
    font-family: "adelle-sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    background-color: #00c4a6;
    border-radius: 4px;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

button:hover, .button-flat:hover, .button-primary:hover {
    background-color: #6cd832;
    color: #FFFFFF
}

button:focus, .button-flat:focus, .button-primary:focus {
    box-shadow: 0 0 0 4px rgba(46, 159, 255, 0.3);
    outline: none;
    color: #FFFFFF
}

button.full-width, .button-flat.full-width, .button-primary.full-width {
    width: 100%
}

::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.4);
    opacity: 1
}

.button-flat {
    text-transform: uppercase;
    letter-spacing: .08em;
    background: transparent;
    border: 0;
    padding-left: 0;
    padding-right: 0;
    font-weight: bold;
    color: #00c4a6
}

.button-flat:hover, .button-flat:focus {
    background: transparent;
    color: #6cd832
}

button:disabled {
    opacity: .2
}

button:disabled:hover {
    cursor: default;
    background: #00c4a6
}

.control-group {
    margin-bottom: 20px
}

.name-group, .surname-group {
    float: left;
    display: block;
    width: 50%
}

@media (min-width: 500px) {
    .name-group:first-child input, .surname-group:first-child input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .name-group:nth-child(2n) input, .surname-group:nth-child(2n) input {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        position: relative;
        left: -1px;
        width: calc(101%)
    }
}

@media (max-width: 500px) {
    .name-group, .surname-group {
        width: 100%
    }
}

.help-inline {
    padding-left: 0;
    margin-top: 5px;
    display: none
}

.control-group.error .help-inline, .error + .help-inline {
    color: #F96155;
    display: block
}

.help-inline .extra {
    color: rgba(0, 0, 0, 0.6)
}

.errorMsg {
    color: #F96155;
    display: inline
}

.displayNone {
    display: none !important
}

.inline {
    display: inline-block
}

.centered {
    text-align: center
}

.guider {
    background: #FFF;
    border: 1px solid #666;
    font-family: arial;
    position: absolute;
    outline: none;
    padding: 4px 12px;
    width: 500px;
    z-index: 100000005 !important;
    -moz-box-shadow: 0 0 8px #111;
    -webkit-box-shadow: 0 0 8px #111;
    box-shadow: 0 0 8px #111;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.guiders_arrow {
    width: 42px;
    height: 42px;
    position: absolute;
    display: none;
    background-repeat: no-repeat;
    z-index: 100000006 !important;
    background-image: url(data:image/png;base64,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);
    *background-image: url('guiders_arrows.png')
}

.guiders_arrow_right {
    display: block;
    background-position: 0 0;
    right: -42px
}

.guiders_arrow_down {
    display: block;
    background-position: 0 -42px;
    bottom: -42px
}

.guiders_arrow_up {
    display: block;
    background-position: 0 -126px;
    top: -42px
}

.guiders_arrow_left {
    display: block;
    background-position: 0 -84px;
    left: -42px
}

.guiders_button {
    background: -moz-linear-gradient(top, #5CA9FF 0, #3D79C3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5CA9FF), color-stop(100%, #3D79C3));
    background-color: #4A95E0;
    border: solid 1px #4B5D7E;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 75%;
    font-weight: bold;
    margin-left: 6px;
    min-width: 40px;
    padding: 3px 5px;
    text-align: center;
    text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.guiders_buttons_container {
    height: 36px;
    position: relative;
    width: 100%
}

.guiders_close {
    float: right;
    padding: 10px 0 0
}

.guiders_content {
    position: relative
}

.guiders_content h1 {
    color: #1054AA;
    float: left;
    font-size: 21px
}

.guiders_content p {
    clear: both;
    color: #333;
    font-size: 13px
}

.guiders_highlight {
    position: relative;
    z-index: 101
}

#guiders_overlay {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    z-index: 10
}

.guiders_x_button {
    background-repeat: no-repeat;
    background-image: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgEASABIAAD/4QOzRXhpZgAATU0AKgAAAAgABwESAAMAAAABAAEAAAEaAAUAAAABAAAAYgEbAAUAAAABAAAAagEoAAMAAAABAAIAAAExAAIAAAAcAAAAcgEyAAIAAAAUAAAAjodpAAQAAAABAAAApAAAANAACvyAAAAnEAAK/IAAACcQQWRvYmUgUGhvdG9zaG9wIENTNCBXaW5kb3dzADIwMTA6MDk6MjQgMDg6MzY6NDEAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADaADAAQAAAABAAAADQAAAAAAAAAGAQMAAwAAAAEABgAAARoABQAAAAEAAAEeARsABQAAAAEAAAEmASgAAwAAAAEAAgAAAgEABAAAAAEAAAEuAgIABAAAAAEAAAJ9AAAAAAAAAEgAAAABAAAASAAAAAH/2P/gABBKRklGAAECAABIAEgAAP/tAAxBZG9iZV9DTQAB/+4ADkFkb2JlAGSAAAAAAf/bAIQADAgICAkIDAkJDBELCgsRFQ8MDA8VGBMTFRMTGBEMDAwMDAwRDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAENCwsNDg0QDg4QFA4ODhQUDg4ODhQRDAwMDAwREQwMDAwMDBEMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgADQANAwEiAAIRAQMRAf/dAAQAAf/EAT8AAAEFAQEBAQEBAAAAAAAAAAMAAQIEBQYHCAkKCwEAAQUBAQEBAQEAAAAAAAAAAQACAwQFBgcICQoLEAABBAEDAgQCBQcGCAUDDDMBAAIRAwQhEjEFQVFhEyJxgTIGFJGhsUIjJBVSwWIzNHKC0UMHJZJT8OHxY3M1FqKygyZEk1RkRcKjdDYX0lXiZfKzhMPTdePzRieUpIW0lcTU5PSltcXV5fVWZnaGlqa2xtbm9jdHV2d3h5ent8fX5/cRAAICAQIEBAMEBQYHBwYFNQEAAhEDITESBEFRYXEiEwUygZEUobFCI8FS0fAzJGLhcoKSQ1MVY3M08SUGFqKygwcmNcLSRJNUoxdkRVU2dGXi8rOEw9N14/NGlKSFtJXE1OT0pbXF1eX1VmZ2hpamtsbW5vYnN0dXZ3eHl6e3x//aAAwDAQACEQMRAD8A74ehRj023172WNEODju36n3S76L0Q4p9RrdjfUNbnlm522Q5nt3bv3Hbd6jiueG17qqi70fabLHAbPz4b6Lmf8aoF7oafSb6PpOgeo/6G9n53o7/AE/7P8yip//Z/+0IRFBob3Rvc2hvcCAzLjAAOEJJTQQlAAAAAAAQAAAAAAAAAAAAAAAAAAAAADhCSU0D7QAAAAAAEABIAAAAAQABAEgAAAABAAE4QklNBCYAAAAAAA4AAAAAAAAAAAAAP4AAADhCSU0EDQAAAAAABAAAAHg4QklNBBkAAAAAAAQAAAAeOEJJTQPzAAAAAAAJAAAAAAAAAAABADhCSU0nEAAAAAAACgABAAAAAAAAAAI4QklNA/UAAAAAAEgAL2ZmAAEAbGZmAAYAAAAAAAEAL2ZmAAEAoZmaAAYAAAAAAAEAMgAAAAEAWgAAAAYAAAAAAAEANQAAAAEALQAAAAYAAAAAAAE4QklNA/gAAAAAAHAAAP////////////////////////////8D6AAAAAD/////////////////////////////A+gAAAAA/////////////////////////////wPoAAAAAP////////////////////////////8D6AAAOEJJTQQIAAAAAAAQAAAAAQAAAkAAAAJAAAAAADhCSU0EHgAAAAAABAAAAAA4QklNBBoAAAAAA0kAAAAGAAAAAAAAAAAAAAANAAAADQAAAAoAVQBuAHQAaQB0AGwAZQBkAC0AMQAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAADQAAAA0AAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAQAAAAAAAG51bGwAAAACAAAABmJvdW5kc09iamMAAAABAAAAAAAAUmN0MQAAAAQAAAAAVG9wIGxvbmcAAAAAAAAAAExlZnRsb25nAAAAAAAAAABCdG9tbG9uZwAAAA0AAAAAUmdodGxvbmcAAAANAAAABnNsaWNlc1ZsTHMAAAABT2JqYwAAAAEAAAAAAAVzbGljZQAAABIAAAAHc2xpY2VJRGxvbmcAAAAAAAAAB2dyb3VwSURsb25nAAAAAAAAAAZvcmlnaW5lbnVtAAAADEVTbGljZU9yaWdpbgAAAA1hdXRvR2VuZXJhdGVkAAAAAFR5cGVlbnVtAAAACkVTbGljZVR5cGUAAAAA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bnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNCBXaW5kb3dzIiB4bXA6Q3JlYXRlRGF0ZT0iMjAxMC0wOS0yNFQwODozNjo0MS0wNTowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxMC0wOS0yNFQwODozNjo0MS0wNTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMTAtMDktMjRUMDg6MzY6NDEtMDU6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvanBlZyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxQ0Q5QUNCNzQ4QzdERjExOUMyQkU4QkIzMTY5NzZDMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxQUQ5QUNCNzQ4QzdERjExOUMyQkU4QkIzMTY5NzZDMCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjFDRDlBQ0I3NDhDN0RGMTE5QzJCRThCQjMxNjk3NkMwIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHRpZmY6T3JpZW50YXRpb249IjEiIHRpZmY6WFJlc29sdXRpb249IjcyMDAwMC8xMDAwMCIgdGlmZjpZUmVzb2x1dGlvbj0iNzIwMDAwLzEwMDAwIiB0aWZmOlJlc29sdXRpb25Vbml0PSIyIiB0aWZmOk5hdGl2ZURpZ2VzdD0iMjU2LDI1NywyNTgsMjU5LDI2MiwyNzQsMjc3LDI4NCw1MzAsNTMxLDI4MiwyODMsMjk2LDMwMSwzMTgsMzE5LDUyOSw1MzIsMzA2LDI3MCwyNzEsMjcyLDMwNSwzMTUsMzM0MzI7NEZDNkYxNUZCODNCMjY3MjY4NzRCNjRFRTEzRkY2QjgiIGV4aWY6UGl4ZWxYRGltZW5zaW9uPSIxMyIgZXhpZjpQaXhlbFlEaW1lbnNpb249IjEzIiBleGlmOkNvbG9yU3BhY2U9IjEiIGV4aWY6TmF0aXZlRGlnZXN0PSIzNjg2NCw0MDk2MCw0MDk2MSwzNzEyMSwzNzEyMiw0MDk2Miw0MDk2MywzNzUxMCw0MDk2NCwzNjg2NywzNjg2OCwzMzQzNCwzMzQzNywzNDg1MCwzNDg1MiwzNDg1NSwzNDg1NiwzNzM3NywzNzM3OCwzNzM3OSwzNzM4MCwzNzM4MSwzNzM4MiwzNzM4MywzNzM4NCwzNzM4NSwzNzM4NiwzNzM5Niw0MTQ4Myw0MTQ4NCw0MTQ4Niw0MTQ4Nyw0MTQ4OCw0MTQ5Miw0MTQ5Myw0MTQ5NSw0MTcyOCw0MTcyOSw0MTczMCw0MTk4NSw0MTk4Niw0MTk4Nyw0MTk4OCw0MTk4OSw0MTk5MCw0MTk5MSw0MTk5Miw0MTk5Myw0MTk5NCw0MTk5NSw0MTk5Niw0MjAxNiwwLDIsNCw1LDYsNyw4LDksMTAsMTEsMTIsMTMsMTQsMTUsMTYsMTcsMTgsMjAsMjIsMjMsMjQsMjUsMjYsMjcsMjgsMzA7NkFFQjM0Q0IwNUE5MkY5RjlCMEU2RjQ1NTQxOUVCRkUiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjFDRDlBQ0I3NDhDN0RGMTE5QzJCRThCQjMxNjk3NkMwIiBzdEV2dDp3aGVuPSIyMDEwLTA5LTI0VDA4OjM2OjQxLTA1OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ1M0IFdpbmRvd3MiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAg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);
    *background-image: url('guiders_x_button.jpg');
    cursor: pointer;
    height: 13px;
    width: 13px
}

.guider.mini {
    color: #FFFFFF;
    padding: 0;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    border: 1px solid #d9d9de;
    border-radius: 4px
}

@media (max-width: 530px) {
    .guider.mini {
        transform: translateX(-80px)
    }
}

.guider.mini .guiders_close {
    margin-right: 20px;
    margin-top: 20px;
    padding: 0;
    position: absolute;
    right: 0
}

.guider.mini .guiders_content .guiders_description {
    margin: 0;
    background-color: #FFFFFF;
    border-radius: 4px
}

.guider.mini .guiders_content p {
    color: #7E7E7E;
    font-size: 14px;
    padding: 15px
}

.guider.mini .guiders_arrow {
    width: 14px;
    height: 14px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 50% !important;
    margin-left: -7px;
    z-index: 0;
    content: "";
    border: 1px solid #d9d9de;
    z-index: -1 !important
}

@media (max-width: 530px) {
    .guider.mini .guiders_arrow {
        left: 85% !important
    }
}

.guider.mini .guiders_arrow.guiders_arrow_up {
    top: -7px
}

.guider.mini .guiders_arrow.guiders_arrow_down {
    bottom: -7px
}

.login-guider {
    margin-top: 30px
}

.login-guider .guiders_title {
    display: none
}

.login-guider .guiders_description span.desc {
    display: block;
    padding: 10px 1px
}

.login-guider .guiders_description span.desc .descText {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    line-height: 16px;
    width: 193px;
    padding-left: 5px
}

@font-face {
    font-family: 'login';
    src: url('https://smartsparrow.global.ssl.fastly.net/login/css/login.eot?gu8r51');
    src: url('https://smartsparrow.global.ssl.fastly.net/login/css/login.eot?#iefixgu8r51') format('embedded-opentype'), url('https://smartsparrow.global.ssl.fastly.net/login/css/login.ttf?gu8r51') format('truetype'), url('https://smartsparrow.global.ssl.fastly.net/login/css/login.woff?gu8r51') format('woff'), url('https://smartsparrow.global.ssl.fastly.net/login/css/login.svg?gu8r51#login') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'login';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-help:before {
    content: "\e604"
}

.icon-cc-declined:before {
    content: "\e602"
}

.icon-cc-error:before {
    content: "\e603"
}

.icon-arrow_left:before {
    content: "\e601"
}

.icon-check:before {
    content: "\e600"
}

@-webkit-keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load 1.1s infinite linear;
    animation: load 1.1s infinite linear;
    margin: 0 auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 3px solid rgba(255, 255, 255, 0.2);
    border-right: 3px solid rgba(255, 255, 255, 0.2);
    border-bottom: 3px solid rgba(255, 255, 255, 0.2);
    border-left: 3px solid #FFFFFF
}

.spinner, .spinner:after {
    border-radius: 50%;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -13px;
    margin-top: -13px
}

.spinner:not(.displayNone) ~ .next {
    color: transparent
}

.card {
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #d9d9de;
    width: 370px;
    padding: 30px;
    position: relative
}

.card-header {
    padding-bottom: 35px;
    text-align: center
}

.card-header .logo {
    margin: 0 auto 10px;
    display: inline-block;
    border: none
}

.card-title {
    font-size: 22px;
    text-align: center;
    line-height: initial;
    color: rgba(0, 0, 0, 0.7);
    margin: 0;
    letter-spacing: -0.01em;
    font-weight: normal
}

@media (max-width: 500px) {
    .card-title {
        font-size: 20px
    }
}

.card-subtitle {
    font-size: 14px;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
    display: block;
    margin-top: 5px
}

@media (max-width: 500px) {
    .card-subtitle {
        font-size: 13px;
        letter-spacing: -0.01em
    }
}

.card-buttons {
    position: relative
}

@media (max-width: 500px) {
    .card {
        width: 100%;
        padding: 20px
    }
}

.footer {
    width: 380px;
    margin: 20px auto 30px;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    position: relative
}

@media (max-width: 500px) {
    .footer {
        width: 100%;
        padding: 0 15px;
        display: block
    }
}

@media (max-height: 700px) {
    .footer {
        padding: 0 15px
    }
}

.footer-tos {
    margin-bottom: 10px
}

.email-icon {
    width: 165px;
    height: 165px;
    border-radius: 50%;
    display: block;
    margin: 10px auto 20px;
    background: #00c4a6
}

@-webkit-keyframes hover {
    0% {
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

@keyframes hover {
    0% {
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

@-webkit-keyframes paper {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    70%, 80% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
}

@keyframes paper {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    70%, 80% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
}

@-webkit-keyframes shadow {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: .15
    }
    to {
        -webkit-transform: scale3d(1.25, 1, 1);
        transform: scale3d(1.25, 1, 1);
        opacity: .1
    }
}

@keyframes shadow {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: .15
    }
    to {
        -webkit-transform: scale3d(1.25, 1, 1);
        transform: scale3d(1.25, 1, 1);
        opacity: .1
    }
}

.email-icon-envelope {
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
    -webkit-animation: hover 2s cubic-bezier(.4, 0, .2, 1) infinite alternate;
    animation: hover 2s cubic-bezier(.4, 0, .2, 1) infinite alternate;
    display: block;
    margin: 0 auto;
    position: relative;
    left: 7px;
    z-index: 20
}

.email-icon-paper {
    -webkit-animation: paper 4s cubic-bezier(.4, 0, .2, 1) infinite;
    animation: paper 4s cubic-bezier(.4, 0, .2, 1) infinite
}

.email-icon-shadow {
    -webkit-animation: shadow 2s cubic-bezier(.4, 0, .2, 1) infinite alternate;
    animation: shadow 2s cubic-bezier(.4, 0, .2, 1) infinite alternate;
    width: 84px;
    height: 12px;
    background: #000000;
    margin: 0 auto;
    position: relative;
    top: 24px;
    z-index: 0;
    opacity: .15;
    border-radius: 100%
}

.selectable-list {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

.selectable-list-row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row
}

@media (max-width: 500px) {
    .selectable-list-row {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column
    }
}

.selectable-list-item {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-transition: all all .3s cubic-bezier(.4, 0, .2, 1) ease-out;
    -moz-transition: all all .3s cubic-bezier(.4, 0, .2, 1) ease-out;
    transition: all all .3s cubic-bezier(.4, 0, .2, 1) ease-out;
    -moz-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    -o-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    width: 100%;
    box-shadow: inset 0 0 0 1px #d9d9de;
    border-radius: 4px;
    padding: 9px;
    margin-bottom: 20px;
    cursor: pointer;
    box-sizing: border-box;
    height: 40px
}

.selectable-list-item:hover, .selectable-list-item:focus {
    box-shadow: inset 0 0 0 2px #4ad3ac;
    outline: none
}

.selectable-list-item:nth-child(2) {
    margin-left: 20px
}

@media (max-width: 500px) {
    .selectable-list-item:nth-child(2) {
        margin-left: 0
    }
}

.selectable-list-item:first-child {
    margin-left: 0
}

.selectable-list-item--selected {
    box-shadow: inset 0 0 0 2px #4ad3ac;
    background: rgba(74, 211, 172, 0.1)
}

.selectable-list-text {
    -webkit-transition: all all .3s cubic-bezier(.4, 0, .2, 1) ease-out;
    -moz-transition: all all .3s cubic-bezier(.4, 0, .2, 1) ease-out;
    transition: all all .3s cubic-bezier(.4, 0, .2, 1) ease-out;
    -moz-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    -o-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.4);
    margin-left: 10px
}

.selectable-list-item--selected .selectable-list-text {
    color: #2ebc94
}

.selectable-list-item--selected .selectable-list-indicator {
    box-shadow: inset 0 0 0 2px #4ad3ac
}

.selectable-list-checkbox {
    visibility: hidden;
    position: absolute;
    opacity: 0
}

.selectable-list-indicator {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-transition: all all .3s cubic-bezier(.4, 0, .2, 1) ease-out;
    -moz-transition: all all .3s cubic-bezier(.4, 0, .2, 1) ease-out;
    transition: all all .3s cubic-bezier(.4, 0, .2, 1) ease-out;
    -moz-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    -o-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    box-shadow: inset 0 0 0 2px #d9d9de;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    box-sizing: border-box
}

.selectable-list-indicator:after {
    -webkit-transform: rotate(45deg) scale(.4);
    transform: rotate(45deg) scale(.4);
    -webkit-transition: all all .3s cubic-bezier(.4, 0, .2, 1) .1s ease-out;
    -moz-transition: all all .3s cubic-bezier(.4, 0, .2, 1) .1s ease-out;
    transition: all all .3s cubic-bezier(.4, 0, .2, 1) .1s ease-out;
    -moz-transition: all .3s cubic-bezier(.4, 0, .2, 1) .1s;
    -o-transition: all .3s cubic-bezier(.4, 0, .2, 1) .1s;
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1) .1s;
    transition: all .3s cubic-bezier(.4, 0, .2, 1) .1s;
    display: block;
    width: 6px;
    height: 11px;
    content: '';
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    position: relative;
    top: -2px;
    opacity: 0;
    box-sizing: border-box
}

.selectable-list-checkbox:checked + .selectable-list-indicator:after {
    -webkit-transform: rotate(45deg) scale(1);
    transform: rotate(45deg) scale(1);
    opacity: 1
}

.selectable-list-checkbox:checked + .selectable-list-indicator {
    box-shadow: inset 0 0 0 20px #4ad3ac
}

.selectable-list-card {
    -webkit-transition: all all .3s cubic-bezier(.4, 0, .2, 1) ease-out;
    -moz-transition: all all .3s cubic-bezier(.4, 0, .2, 1) ease-out;
    transition: all all .3s cubic-bezier(.4, 0, .2, 1) ease-out;
    -moz-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    -o-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: auto;
    box-shadow: inset 0 0 0 1px #d9d9de;
    border-radius: 4px;
    padding: 10px;
    text-align: center;
    margin-bottom: 20px;
    cursor: pointer;
    border: none;
    box-sizing: border-box;
    position: relative;
    max-height: none;
    min-height: 150px
}

.selectable-list-card:nth-child(2n) {
    margin-left: 20px
}

@media (max-width: 500px) {
    .selectable-list-card:nth-child(2n) {
        margin-left: 0
    }
}

.selectable-list-card:hover, .selectable-list-card:focus {
    box-shadow: inset 0 0 0 2px #4ad3ac;
    outline: none
}

.selectable-list-card--selected {
    box-shadow: inset 0 0 0 2px #4ad3ac;
    background: rgba(74, 211, 172, 0.1)
}

.selectable-list-card .selectable-list-indicator {
    position: absolute;
    background: white;
    top: -10px;
    left: -10px
}

.selectable-list-card:hover .selectable-list-indicator {
    box-shadow: inset 0 0 0 2px #4ad3ac
}

.selectable-list-card--selected .selectable-list-indicator, .selectable-list-card--selected:hover .selectable-list-indicator {
    box-shadow: inset 0 0 0 20px #4ad3ac
}

.selectable-list-card--selected .selectable-list-card-icon svg {
    fill: #4ad3ac
}

.selectable-list-card-icon {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin: 2px 0 5px 0;
    opacity: 1
}

.selectable-list-card-icon svg {
    -webkit-transition: all all .3s cubic-bezier(.4, 0, .2, 1) ease-out;
    -moz-transition: all all .3s cubic-bezier(.4, 0, .2, 1) ease-out;
    transition: all all .3s cubic-bezier(.4, 0, .2, 1) ease-out;
    -moz-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    -o-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    fill: #00c4a6
}

.selectable-list-card-title {
    margin: 0 0 5px;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
    font-weight: normal
}

.selectable-list-card-text {
    color: rgba(0, 0, 0, 0.6);
    font-size: 13px;
    white-space: normal;
    width: 100%
}

.loginView, .userPasswordView {
    color: rgba(0, 0, 0, 0.6)
}

.loginView .form, .userPasswordView .form {
    display: block
}

.loginView .form-buttons, .userPasswordView .form-buttons {
    display: flex;
    align-items: center;
    *zoom: 1;
    zoom: 1
}

.loginView .form-buttons:before, .userPasswordView .form-buttons:before, .loginView .form-buttons:after, .userPasswordView .form-buttons:after {
    display: table;
    content: "";
    line-height: 0
}

.loginView .form-buttons:after, .userPasswordView .form-buttons:after {
    clear: both
}

.loginView .form-buttons:before, .userPasswordView .form-buttons:before, .loginView .form-buttons:after, .userPasswordView .form-buttons:after {
    content: "";
    display: table
}

.loginView .form-buttons:after, .userPasswordView .form-buttons:after {
    clear: both
}

.loginView .form-buttons .control-group, .userPasswordView .form-buttons .control-group {
    margin: 0
}

.loginView .form-buttons .control-group[name="join"], .userPasswordView .form-buttons .control-group[name="join"] {
    margin-left: auto
}

@media (max-width: 340px) {
    .loginView .form-buttons, .userPasswordView .form-buttons {
        flex-direction: column-reverse
    }

    .loginView .form-buttons .control-group[name="join"], .userPasswordView .form-buttons .control-group[name="join"] {
        width: 100%
    }
}

.loginView .form input, .userPasswordView .form input {
    margin-bottom: 20px
}

.loginView .form input:last-of-type, .userPasswordView .form input:last-of-type {
    margin-bottom: 30px
}

.loginView .form .control-group input, .userPasswordView .form .control-group input {
    margin-bottom: 0
}

.loginView .form button, .userPasswordView .form button {
    float: right;
    margin-left: auto
}

@media (max-width: 340px) {
    .loginView .form button, .userPasswordView .form button {
        width: 100%;
        margin-bottom: 20px
    }
}

.loginView .form input[type="checkbox"], .userPasswordView .form input[type="checkbox"] {
    margin-right: 10px
}

.loginView .messageContainer .message, .userPasswordView .messageContainer .message {
    padding: 0;
    background: none
}

.loginView .alert, .userPasswordView .alert {
    margin: 30px 0 0;
    border-radius: 4px;
    text-shadow: none
}

.loginView .alert-error, .userPasswordView .alert-error {
    background: rgba(249, 97, 85, 0.2);
    border: 1px solid #F96155;
    color: #f72110
}

.loginView .alert-success, .userPasswordView .alert-success {
    background: rgba(74, 211, 172, 0.2);
    border: 1px solid #4ad3ac;
    color: #2aac87
}

.loginView .alert .close, .userPasswordView .alert .close {
    font-weight: 300;
    height: 22px;
    text-shadow: none;
    color: rgba(0, 0, 0, 0.6);
    font-size: 24px;
    padding: 0;
    position: absolute;
    top: 7px;
    right: 10px;
    background: none
}

.loginView .alert .close:hover, .userPasswordView .alert .close:hover {
    background: none
}

.loginView .accountRequestView .control-group .help-inline, .userPasswordView .accountRequestView .control-group .help-inline {
    padding-bottom: 6px
}

.loginView .accountRequestView [name=join] .help-inline, .userPasswordView .accountRequestView [name=join] .help-inline {
    vertical-align: middle
}

.loginView .forgotPassword, .userPasswordView .forgotPassword {
    display: inline-block
}

.loginView .forgotPasswordView p, .userPasswordView .forgotPasswordView p {
    text-align: center;
    color: rgba(0, 0, 0, 0.6)
}

.loginView .forgotPasswordView input, .userPasswordView .forgotPasswordView input {
    margin-bottom: 20px
}

.loginView .forgotPasswordView button, .userPasswordView .forgotPasswordView button {
    width: 100%
}

.signupView .progress {
    padding-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 600;
    font-size: 12px;
    text-align: center
}

@media (min-height: 700px) and (min-width: 500px) {
    .signupView .progress {
        position: relative;
        top: -50px
    }
}

.signupView .card {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
    min-height: 444px
}

@media (min-height: 700px) and (min-width: 500px) {
    .signupView .card {
        margin-top: -50px
    }
}

@media (max-width: 500px) {
    .signupView .card {
        margin-bottom: 20px;
        width: 345px;
    }
    .control-group.email-group label.inline{
        font-size: 12px;
    }
}

.signupView .card-buttons {
    margin-top: auto
}

.signupView .error-notification {
    background: rgba(249, 97, 85, 0.2);
    border: 1px solid #F96155;
    color: #f72110;
    display: none;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 20px;
    text-align: center
}

.signupView .error + .error-notification, .signupView .error .error-notification {
    display: block
}

.signupView .modal {
    -webkit-transition: all transform .3s cubic-bezier(.4, 0, .2, 1) ease-out;
    -moz-transition: all transform .3s cubic-bezier(.4, 0, .2, 1) ease-out;
    transition: all transform .3s cubic-bezier(.4, 0, .2, 1) ease-out;
    -moz-transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    -o-transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    -webkit-transform: translateX(-50%) scale(.4);
    transform: translateX(-50%) scale(.4);
    outline: none;
    border: none;
    width: 340px;
    margin: 0 auto;
    top: 30%;
    left: 50%;
    background: #FFFFFF;
    border-radius: 4px;
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.1), 0 10px 20px 2px rgba(0, 0, 0, 0.1), 0 5px 47px 10px rgba(0, 0, 0, 0.12)
}

@media (max-width: 500px) {
    .signupView .modal {
        width: 92%
    }
}

.signupView .modal.in {
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    top: 30%
}

.signupView .modal .close {
    font-weight: 100;
    font-size: 40px;
    color: rgba(0, 0, 0, 0.6);
    background: none;
    padding: 0;
    margin: 0;
    float: right;
    display: inline-block;
    height: 30px;
    line-height: 30px
}

.signupView .modal h3 {
    color: rgba(0, 0, 0, 0.7);
    font-size: 22px
}

.signupView .modal p {
    color: rgba(0, 0, 0, 0.6)
}

.signupView .next {
    width: 100%
}

.signupView .confirmationView .card-title {
    margin-top: 30px
}

.signupView .confirmationView p {
    text-align: center;
    color: rgba(0, 0, 0, 0.6)
}

.signupView .confirmationView .card-body {
    text-align: center
}

.signupView .confirmationView .user-email {
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.4);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .08em;
    text-align: center;
    display: block;
    word-wrap: break-word
}

.signupView .confirmationView .resend-email {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .08em;
    display: inline-block;
    margin-top: 10px
}

.validateAccountView .card-header {
    padding-bottom: 0
}

.validateAccountView .success .button-primary {
    margin-top: 30px
}

.infoHeader .details {
    width: 380px;
    padding: 30px;
    color: #FFFFFF;
    margin: 0 auto;
    background-color: #5B6ABF;
    border-radius: 4px 4px 0 0;
    *zoom: 1;
    zoom: 1
}

.infoHeader .details:before, .infoHeader .details:after {
    display: table;
    content: "";
    line-height: 0
}

.infoHeader .details:after {
    clear: both
}

.infoHeader .details:before, .infoHeader .details:after {
    content: "";
    display: table
}

.infoHeader .details:after {
    clear: both
}

@media (max-width: 500px) {
    .infoHeader .details {
        width: 100%;
        padding: 20px
    }
}

.infoHeader .details .hr {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 20px;
    margin-top: 20px
}

.infoHeader .details .metaDetail {
    font-size: 12px;
    display: block;
    opacity: .7;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .08em
}

.infoHeader .details .detail {
    display: inline-block;
    line-height: 22px
}

.infoHeader .details .lessonName {
    font-size: 32px;
    letter-spacing: -0.02em;
    line-height: 1;
    display: block
}

.infoHeader .details .cohortName, .infoHeader .details .teacherName {
    font-size: 17px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.infoHeader .details .cohortInfo, .infoHeader .details .teacherInfo {
    width: 46%;
    display: block;
    float: left
}

.infoHeader .details .teacherFullWidth {
    width: 100%
}

.infoHeader .details .teacherInfo {
    margin-right: 8%
}

.infoHeader .details .startDate, .infoHeader .details .endDate {
    font-size: 17px;
    margin-bottom: 5px;
    opacity: .8;
    display: inline-block
}

.studentLoginView .card {
    border-top: none;
    border-radius: 0 0 4px 4px
}

.studentLoginView .card-header {
    display: none
}

.studentLoginView .span12 {
    background-color: #FFFFFF
}

.studentSignup .signup-container {
    margin: 0 auto;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #d9d9de;
    width: 380px;
    padding: 30px;
    position: relative;
    border-top: 0;
    border-radius: 0 0 4px 4px
}

.studentSignup .signup-container-header {
    padding-bottom: 35px;
    text-align: center
}

.studentSignup .signup-container-header .logo {
    margin: 0 auto 10px;
    display: inline-block;
    border: none
}

.studentSignup .signup-container-title {
    font-size: 22px;
    text-align: center;
    line-height: initial;
    color: rgba(0, 0, 0, 0.7);
    margin: 0;
    letter-spacing: -0.01em;
    font-weight: normal
}

@media (max-width: 500px) {
    .studentSignup .signup-container-title {
        font-size: 20px
    }
}

.studentSignup .signup-container-subtitle {
    font-size: 14px;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
    display: block;
    margin-top: 5px
}

@media (max-width: 500px) {
    .studentSignup .signup-container-subtitle {
        font-size: 13px;
        letter-spacing: -0.01em
    }
}

.studentSignup .signup-container-buttons {
    position: relative
}

@media (max-width: 500px) {
    .studentSignup .signup-container {
        width: 100%;
        padding: 20px
    }
}

.studentSignup .signup-container .control-group:last-of-type {
    margin-bottom: 30px
}

.studentSignup .signupComplete h3 {
    color: rgba(0, 0, 0, 0.7);
    font-size: 18px;
    text-align: center
}

.studentSignup .signupComplete p {
    color: rgba(0, 0, 0, 0.6);
    text-align: center;
    font-size: 16px
}

.paymentView {
    color: rgba(0, 0, 0, 0.6)
}

@media (max-height: 900px) {
    .paymentView .container {
        padding: 20px 15px;
        display: block
    }
}

.paymentView .card {
    *zoom: 1;
    zoom: 1
}

.paymentView .card:before, .paymentView .card:after {
    display: table;
    content: "";
    line-height: 0
}

.paymentView .card:after {
    clear: both
}

.paymentView .card:before, .paymentView .card:after {
    content: "";
    display: table
}

.paymentView .card:after {
    clear: both
}

.paymentView .payment-container {
    border-radius: 0 0 4px 4px;
    border-top: 0
}

.paymentView .backLink {
    color: rgba(0, 0, 0, 0.7);
    float: left;
    position: relative;
    left: 18px;
    cursor: pointer;
    -webkit-transition: color .25s ease;
    transition: color .25s ease
}

.paymentView .backLink:hover {
    color: rgba(0, 0, 0, 0.7)
}

.paymentView .backIcon {
    top: 50%;
    left: -25px;
    position: absolute;
    font-size: 28px;
    padding-right: 13px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.paymentView .creditCardContent hr {
    margin: 30px -30px
}

@media (max-width: 500px) {
    .paymentView .creditCardContent hr {
        margin: 20px -20px
    }
}

.paymentView .creditCardContent .progress-container {
    *zoom: 1;
    zoom: 1;
    margin: 0 -30px
}

.paymentView .creditCardContent .progress-container:before, .paymentView .creditCardContent .progress-container:after {
    display: table;
    content: "";
    line-height: 0
}

.paymentView .creditCardContent .progress-container:after {
    clear: both
}

.paymentView .creditCardContent .progress-container:before, .paymentView .creditCardContent .progress-container:after {
    content: "";
    display: table
}

.paymentView .creditCardContent .progress-container:after {
    clear: both
}

@media (max-width: 500px) {
    .paymentView .creditCardContent .progress-container {
        margin: 0 -20px
    }
}

.paymentView .creditCardContent .progress-container-step {
    width: 33.33%;
    display: block;
    float: left;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
    position: relative
}

@media (max-width: 500px) {
    .paymentView .creditCardContent .progress-container-step {
        font-size: 12px;
        letter-spacing: -0.01em
    }
}

.paymentView .creditCardContent .progress-container-step.completed {
    color: #2ebc94
}

.paymentView .creditCardContent .progress-container-step.completed:after {
    border-color: #4ad3ac
}

.paymentView .creditCardContent .progress-container-step.completed .progress-container-icon {
    border: 0
}

.paymentView .creditCardContent .progress-container-step.completed .progress-container-icon:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 3px;
    width: 12px;
    height: 8px;
    background: url('https://smartsparrow.global.ssl.fastly.net/login/img/icon-check-small.svg') no-repeat
}

.paymentView .creditCardContent .progress-container-icon {
    display: block;
    margin: 0 auto;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #d9d9de;
    background: #FFFFFF;
    z-index: 1;
    position: relative
}

.paymentView .creditCardContent .progress-container-step:after {
    content: '';
    display: block;
    position: absolute;
    border-top: 1px solid #d9d9de;
    height: 1px;
    left: 50%;
    top: 7px;
    width: 100%
}

.paymentView .creditCardContent .progress-container-step:last-child:after {
    display: none
}

.paymentView .creditCardContent .control-group {
    position: relative
}

.paymentView .creditCardContent .control-group:last-child {
    margin-bottom: 30px
}

.paymentView .creditCardContent .help-icon {
    position: absolute;
    right: 11px;
    top: 11px;
    z-index: 100;
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.paymentView .creditCardContent .help-icon:hover {
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.6)
}

.paymentView .creditCardContent .fade {
    opacity: .3
}

.paymentView .creditCardContent .current-step {
    color: #4AD3AC
}

.paymentView .creditCardContent #cc {
    width: 30px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    float: right;
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 5px;
    z-index: 100
}

.paymentView .creditCardContent .visa {
    background: url('https://smartsparrow.global.ssl.fastly.net/login/img/visa.png')
}

.paymentView .creditCardContent .mastercard {
    background: url('https://smartsparrow.global.ssl.fastly.net/login/img/mastercard.png')
}

.paymentView .creditCardContent .discover {
    background: url('https://smartsparrow.global.ssl.fastly.net/login/img/discover.png')
}

.paymentView .creditCardContent .amex {
    background: url('https://smartsparrow.global.ssl.fastly.net/login/img/amex.png')
}

.paymentView .creditCardContent .jcb {
    background: url('https://smartsparrow.global.ssl.fastly.net/login/img/jcb.png')
}

.paymentView .creditCardContent .header {
    color: rgba(0, 0, 0, 0.7);
    font-size: 18px;
    letter-spacing: -0.01em
}

.paymentView .creditCardContent .subHeader {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.6);
    padding: 5px 0 20px
}

.paymentView .creditCardContent .details-blurb {
    color: rgba(0, 0, 0, 0.6);
    padding-top: 10px
}

.paymentView .creditCardContent .grayed {
    color: rgba(0, 0, 0, 0.4)
}

.paymentView .creditCardContent .nextBtn {
    float: right
}

.paymentView .creditCardContent .ccdatepicker .input-prepend {
    float: left;
    width: 55%
}

.paymentView .creditCardContent .ccdatepicker .input-append {
    float: left;
    width: 45%
}

.paymentView .creditCardContent .ccdatepicker .yearpicker {
    border-radius: 0 4px 4px 0;
    border-left: 0
}

.paymentView .creditCardContent .ccdatepicker .monthpicker {
    border-radius: 4px 0 0 4px
}

.paymentView .creditCardContent .cvc-group, .paymentView .creditCardContent .expiry-group {
    width: 46%;
    display: inline-block;
    vertical-align: top
}

@media (max-width: 500px) {
    .paymentView .creditCardContent .expiry-group {
        width: 60%
    }

    .paymentView .creditCardContent .cvc-group {
        width: 32%
    }
}

.paymentView .creditCardContent .details-summary-block {
    margin-bottom: 20px
}

.paymentView .creditCardContent .details-summary-block:last-child {
    margin-bottom: 30px
}

.paymentView .errorContent {
    text-align: center
}

.paymentView .errorContent .errorIcon {
    font-size: 75px;
    width: 75px;
    height: 75px;
    color: #F96155;
    margin-top: 10px;
    margin: 0 auto
}

.paymentView .errorContent .header {
    font-size: 18px;
    letter-spacing: -0.01em;
    margin: 10px 0
}

.paymentView .errorContent .description {
    margin: 10px 0
}

.paymentView .errorContent .buttons {
    margin: 30px 0 0
}

.paymentView .errorContent .buttons .backLink {
    padding-top: 0
}

.paymentView .errorContent .buttons .supportLink {
    float: right;
    font-size: 16px
}

.paymentView .paymentOptionsContent {
    *zoom: 1;
    zoom: 1
}

.paymentView .paymentOptionsContent:before, .paymentView .paymentOptionsContent:after {
    display: table;
    content: "";
    line-height: 0
}

.paymentView .paymentOptionsContent:after {
    clear: both
}

.paymentView .paymentOptionsContent:before, .paymentView .paymentOptionsContent:after {
    content: "";
    display: table
}

.paymentView .paymentOptionsContent:after {
    clear: both
}

.paymentView .paymentOptionsContent .header {
    text-align: center;
    font-size: 18px;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.7)
}

@media (max-width: 500px) {
    .paymentView .paymentOptionsContent:not(.accessCodeOptionContent) .nextBtn {
        width: 100%
    }
}

.paymentView .paymentOptionsContent .paymentOptions {
    margin: 30px 0
}

.paymentView .paymentOptionsContent .paymentOptions .paymentOption {
    border-radius: 4px;
    border: 1px solid #d9d9de;
    margin: 12px 0;
    padding: 10px;
    cursor: pointer
}

.paymentView .paymentOptionsContent .paymentOptions .paymentOption .stateIcon {
    width: 32px;
    height: 32px;
    display: inline-block;
    background: url('https://smartsparrow.global.ssl.fastly.net/login/img/icon-check-inactive.svg') no-repeat
}

.paymentView .paymentOptionsContent .paymentOptions .paymentOption .descriptionBlock {
    display: inline-block;
    margin-left: 5px
}

.paymentView .paymentOptionsContent .paymentOptions .paymentOption .optionTitle {
    font-size: 15px;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.7)
}

.paymentView .paymentOptionsContent .paymentOptions .paymentOption .optionSubtitle {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.4)
}

.paymentView .paymentOptionsContent .paymentOptions .paymentOption .warningSubtitle {
    font-size: 13px;
    color: #F96155
}

.paymentView .paymentOptionsContent .paymentOptions .selected {
    border-color: #4ad3ac
}

.paymentView .paymentOptionsContent .paymentOptions .selected .stateIcon {
    background: url('https://smartsparrow.global.ssl.fastly.net/login/img/icon-check-active.svg') no-repeat
}

.paymentView .paymentOptionsContent .nextBtn, .paymentView .paymentOptionsContent .confirmBtn {
    float: right
}

.paymentView .accessCodeOptionContent .message {
    padding: 5px 0 5px;
    background: none
}

.paymentView .accessCodeOptionContent .messageView {
    margin-top: 40px
}

.paymentView .accessCodeOptionContent .alert {
    border-radius: 0
}

.paymentView .accessCodeOptionContent .header {
    font-size: 18px;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 30px
}

.paymentView .accessCodeOptionContent .confirmView .content {
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 30px;
    font-size: 16px;
    text-align: center
}

.paymentView .trialContent {
    *zoom: 1;
    zoom: 1
}

.paymentView .trialContent:before, .paymentView .trialContent:after {
    display: table;
    content: "";
    line-height: 0
}

.paymentView .trialContent:after {
    clear: both
}

.paymentView .trialContent:before, .paymentView .trialContent:after {
    content: "";
    display: table
}

.paymentView .trialContent:after {
    clear: both
}

.paymentView .trialContent .description {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    text-align: center
}

.paymentView .trialContent .header {
    text-align: center;
    color: rgba(0, 0, 0, 0.7);
    font-size: 18px;
    margin-bottom: 10px
}

.paymentView .trialContent .buttons {
    margin-top: 30px
}

.paymentView .trialContent .buttons .startBtn {
    float: right
}

.paymentView .spinner {
    height: 80px;
    width: 80px;
    position: relative;
    left: 0;
    right: 0;
    margin: auto;
    border-right: 7px #00c4a6 solid;
    border-bottom: 7px rgba(0, 0, 0, 0.2) solid;
    border-left: 7px rgba(0, 0, 0, 0.2) solid;
    border-top: 7px rgba(0, 0, 0, 0.2) solid
}

.inline {
    display: inline-block;
}

form label.error {
    border: none;
    font-size: 11px;
    color: #f96155;
}

.card {
    width: 370px;
}

#rest-error {
    text-align: center;
}