/* Table of Contents
=====================================================
  GLOBAL................Reset, Settings, Helpers, and Default HTML elements
  COMPONENTS............Building blocks
  STRUCTURES............Assembling the building blocks
  LAYOUTS...............Page-specific layout styles
  VENDOR................Bower, Vendor, or plugin-specific styles (that need to come last)
*/
/* normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: 'Bitstream Vera Sans Mono', Consolas, Courier, monospace, 'Bitstream Vera Sans Mono', Consolas, Courier, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
button[disabled],
html input[disabled] {
  cursor: not-allowed;
  background-color: rgba(59, 59, 59, 0.3);
  color: rgb(170, 170, 170);
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield; /* 1 */ /* 2 */
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.group:after {
  content: "";
  display: table;
  clear: both;
}
nav,
main,
section,
article,
aside,
header,
footer,
div,
details,
summary,
form,
fieldset,
textarea,
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="search"],
input[type="number"],
input[type="password"],
nav:before,
main:before,
section:before,
article:before,
aside:before,
header:before,
footer:before,
div:before,
details:before,
summary:before,
form:before,
fieldset:before,
textarea:before,
input[type="text"]:before,
input[type="tel"]:before,
input[type="url"]:before,
input[type="email"]:before,
input[type="search"]:before,
input[type="number"]:before,
input[type="password"]:before,
nav:after,
main:after,
section:after,
article:after,
aside:after,
header:after,
footer:after,
div:after,
details:after,
summary:after,
form:after,
fieldset:after,
textarea:after,
input[type="text"]:after,
input[type="tel"]:after,
input[type="url"]:after,
input[type="email"]:after,
input[type="search"]:after,
input[type="number"]:after,
input[type="password"]:after,
.border-box,
.border-box:before,
.border-box:after {
  box-sizing: border-box;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  color: #5b666d;
  background-color: #fff;
}
li {
  display: block;
}
a {
  text-decoration: underline;
  color: #84929a;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
  border: 0;
}
.m0 {
  margin: 0;
}
.mt0 {
  margin-top: 0;
}
.mr0 {
  margin-right: 0;
}
.mb0 {
  margin-bottom: 0;
}
.ml0 {
  margin-left: 0;
}
.m1 {
  margin: 15px;
}
.mt1 {
  margin-top: 15px;
}
.mr1 {
  margin-right: 15px;
}
.mb1 {
  margin-bottom: 15px;
}
.ml1 {
  margin-left: 15px;
}
.m2 {
  margin: 30px;
}
.mt2 {
  margin-top: 30px;
}
.mr2 {
  margin-right: 30px;
}
.mb2 {
  margin-bottom: 30px;
}
.ml2 {
  margin-left: 30px;
}
.m3 {
  margin: 45px;
}
.mt3 {
  margin-top: 45px;
}
.mr3 {
  margin-right: 45px;
}
.mb3 {
  margin-bottom: 45px;
}
.ml3 {
  margin-left: 45px;
}
.m4 {
  margin: 60px;
}
.mt4 {
  margin-top: 60px;
}
.mr4 {
  margin-right: 60px;
}
.mb4 {
  margin-bottom: 60px;
}
.ml4 {
  margin-left: 60px;
}
.mxn1 {
  margin-left: 15px;
  margin-right: 15px;
}
.mxn2 {
  margin-left: 30px;
  margin-right: 30px;
}
.mxn3 {
  margin-left: 45px;
  margin-right: 45px;
}
.mxn4 {
  margin-left: 60px;
  margin-right: 60px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.add-another-container {
  margin-top: 5px;
}
.add-another-container .add-another {
  -webkit-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.add-another-container .add-another:hover {
  color: #0a3f6b;
}
.delete-another-container {
  position: absolute;
  bottom: -29px;
  right: -1px;
}
.delete-another-container .delete-another {
  padding: 10px 15px;
  background-color: #d0d8df;
  border-radius: 0 0 5px 5px;
  -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in;
  transition: color 0.2s ease-in, background-color 0.2s ease-in;
}
.delete-another-container .delete-another:hover {
  color: #d13f19;
  background-color: rgba(209,63,25,0.4);
}
.form-group {
  box-sizing: border-box;
}
.form-group--1of1,
.form-group--1of2,
.form-group--1of3,
.form-group--2of3,
.form-group--1of5,
.form-group--2of5,
.form-group--3of5 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 100%;
  margin-left: 0%;
  margin-right: 0%;
}
.form-group--1of1:before,
.form-group--1of2:before,
.form-group--1of3:before,
.form-group--2of3:before,
.form-group--1of5:before,
.form-group--2of5:before,
.form-group--3of5:before,
.form-group--1of1:after,
.form-group--1of2:after,
.form-group--1of3:after,
.form-group--2of3:after,
.form-group--1of5:after,
.form-group--2of5:after,
.form-group--3of5:after {
  content: '';
  display: table;
}
.form-group--1of1:after,
.form-group--1of2:after,
.form-group--1of3:after,
.form-group--2of3:after,
.form-group--1of5:after,
.form-group--2of5:after,
.form-group--3of5:after {
  clear: both;
}
@media only screen and (min-width: 600px) {
  .form-group--1of2 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
  }
  .form-group--1of2:before,
  .form-group--1of2:after {
    content: '';
    display: table;
  }
  .form-group--1of2:after {
    clear: both;
  }
  .form-group--1of3 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 33.33333333333333%;
    margin-left: 0%;
    margin-right: 0%;
  }
  .form-group--1of3:before,
  .form-group--1of3:after {
    content: '';
    display: table;
  }
  .form-group--1of3:after {
    clear: both;
  }
  .form-group--2of3 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 66.66666666666666%;
    margin-left: 0%;
    margin-right: 0%;
  }
  .form-group--2of3:before,
  .form-group--2of3:after {
    content: '';
    display: table;
  }
  .form-group--2of3:after {
    clear: both;
  }
  .form-group--1of5 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 20%;
    margin-left: 0%;
    margin-right: 0%;
  }
  .form-group--1of5:before,
  .form-group--1of5:after {
    content: '';
    display: table;
  }
  .form-group--1of5:after {
    clear: both;
  }
  .form-group--2of5 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 40%;
    margin-left: 0%;
    margin-right: 0%;
  }
  .form-group--2of5:before,
  .form-group--2of5:after {
    content: '';
    display: table;
  }
  .form-group--2of5:after {
    clear: both;
  }
  .form-group--3of5 {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 60%;
    margin-left: 0%;
    margin-right: 0%;
  }
  .form-group--3of5:before,
  .form-group--3of5:after {
    content: '';
    display: table;
  }
  .form-group--3of5:after {
    clear: both;
  }
}

.toggle-label {
  width: 25px;
  height: 14px;
  display: block;
  position: relative;
  background: #d0d8df;
  border-radius: 100px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.toggle-label:after {
  content: '';
  width: 10px;
  height: 10px;
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
  background: #fff;
  border-radius: 100px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.toggle-label:active:after {
  -webkit-transform: scale(1.15, 0.85);
  transform: scale(1.15, 0.85);
}
.toggle-switch {
  display: none;
}
.toggle-switch:checked ~ label {
  background: #0a3f6b;
}
.toggle-switch:checked ~ label:after {
  left: 13px;
  background: #43c0fe;
}
.toggle-switch:disabled ~ label {
  background: #d5d5d5;
  pointer-events: none;
}
.toggle-switch:disabled ~ label:after {
  background: #bcbdbc;
}
.parsley-error::-webkit-input-placeholder,
.parsley-error:focus::-webkit-input-placeholder {
  color: #edb431;
}
.parsley-errors-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.parsley-errors-list li {
  padding: 3px 0 5px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #edb431;
}
.parsley-errors-list li::before {
  margin-right: 10px;
  content: '\2191';
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
}
.group-divider {
  margin: 15px 0;
  position: relative;
}
.group-divider::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 18px;
  left: 0;
  background-color: #d0d8df;
}
.group-divider--card-group .t-ui-label--group {
  background-color: #f5f7fa;
}
.group-divider--card-group::after {
  background-color: #d0d8df;
}
.group-divider--binder-group {
  margin-top: 0;
}
.group-divider--binder-group .t-ui-label--group {
  background-color: #fff;
}
.icon {
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  fill: #d0d8df;
  -webkit-transition: fill 0.2s ease-in;
  transition: fill 0.2s ease-in;
}
a:hover .icon {
  fill: #43c0fe;
}
.i-add-circle-small,
.i-delete-circle-small {
  width: 20px;
  height: 20px;
}
a:hover .i-delete-circle-small {
  fill: #d13f19;
}
.i-arrow-right,
.i-arrow-left {
  width: 32px;
  height: 13px;
}
.i-arrow-handdrawn {
  width: 115px;
  height: 105px;
}
.i-close,
.i-tab-contents {
  width: 22px;
  height: 12px;
}
.i-configure {
  width: 22px;
  height: 22px;
}
.i-document-stack {
  width: 31px;
  height: 35px;
}
.i-download,
.i-upload {
  width: 23px;
  height: 26px;
}
.i-delete,
.i-document,
.i-preview,
.i-tab-grid {
  width: 22px;
  height: 26px;
}
.i-warning {
  width: 24px;
  height: 24px;
  fill: #edb431;
}
.progress-bar-container {
  height: 6px;
  background-color: #d0d8df;
  border-radius: 12px;
}
.progress-bar-meter {
  height: 6px;
  position: relative;
  background-color: #84929a;
  border-radius: 12px;
}
.progress-bar-indicator {
  width: 12px;
  height: 12px;
  position: absolute;
  top: -3px;
  right: 0;
  background-color: #fff;
  border: 3px solid #84929a;
  border-radius: 12px;
  opacity: 0;
}
.progress-bar-indicator:after {
  content: attr(data-percentage);
  position: absolute;
  top: 9px;
  left: -50%;
  font-size: 12px;
  font-size: 0.75rem;
  color: #0a3f6b;
}
body {
  font-family: "Open Sans", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}
.tab-card {
  margin: 0 auto 2rem;
  width: 225px;
  height: 280px;
  display: block;
  position: relative;
  text-decoration: none;
  background-color: #fff;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0 0 0 1px #d0d8df, 0 1px 3px rgba(0,0,0,0.15);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: box-shadow 0.2s, -webkit-transform 0.1s;
  transition: box-shadow 0.2s, transform 0.1s;
}
.tab-card:hover {
  background-color: #f5fafe;
  box-shadow: 0 0 0 2px #43c0fe, 0 22px 43px rgba(0,0,0,0.15);
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
.tab-card:hover .tab-card-title,
.tab-card:hover .tab-card-status {
  color: #0a3f6b;
}
.tab-card:hover .tab-card-content {
  background-image: -webkit-linear-gradient(transparent 0, #b0d8f9 0, transparent 1px);
  background-image: linear-gradient(transparent 0, #b0d8f9 0, transparent 1px);
}
.tab-card:hover .progress-bar-container {
  background-color: #a7d4ee;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.tab-card:hover .progress-bar-meter {
  background-color: #0a3f6b;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.tab-card:hover .progress-bar-indicator {
  opacity: 1;
  border-color: #0a3f6b;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.tab-card:hover .tab-card-footer {
  padding: 15px;
  height: 55px;
  background: #e3f2ff;
  border-top-color: #43c0fe;
}
.tab-card:hover .tab-card-footer .t-ui--primary {
  color: #0a3f6b;
}
.tab-card:hover .tab-card-footer .i-arrow-right {
  fill: #062a44;
  -webkit-animation: arrow-oscillate 0.5s infinite ease-in-out;
  animation: arrow-oscillate 0.5s infinite ease-in-out;
}
@media only screen and (min-width: 500px) {
  .tab-card {
    margin: 0 2.5% 2rem;
    width: 44%;
    display: inline-block;
  }
}
.tab-card-header {
  height: 90px;
  position: relative;
}
.tab-card-title {
  margin: 0;
  padding: 0 15px;
  width: 80%;
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 1;
}
.tab-card-content {
  padding: 28px 15px 0;
  height: 144px;
  background-image: -webkit-linear-gradient(transparent 0, #e4eaf2 0, transparent 1px);
  background-image: linear-gradient(transparent 0, #e4eaf2 0, transparent 1px);
  background-size: 100% 24px;
}
.tab-card-status {
  margin: 0;
  font-style: italic;
  font-size: 12px;
  font-size: 0.75rem;
}
.tab-card-progress {
  margin: 11px 0 0;
}
.tab-card-footer {
  padding: 10px 15px;
  width: 100%;
  height: 45px;
  position: absolute;
  bottom: 0;
  background-color: #f2f5f9;
  border-top: 1px solid #d0d8df;
  border-radius: 0 0 5px 5px;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.tab-card-footer .t-ui--primary {
  margin: 0;
  float: left;
  color: #84929a;
}
.tab-card-footer .i-arrow-right {
  margin-top: 5px;
  position: relative;
  float: right;
}
.mini-card {
  margin: 0 7% 30px 0;
  width: 46.5%;
  float: left;
  display: block;
  position: relative;
  background-color: #fff;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0 0 0 1px #d0d8df, 0 1px 3px rgba(0,0,0,0.15);
  -webkit-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
}
.mini-card:hover {
  background-color: #f5fafe;
  box-shadow: 0 0 0 2px #43c0fe, 0 11px 21px rgba(0,0,0,0.15);
}
.mini-card:hover .mini-card-title {
  color: #0a3f6b;
}
.mini-card:hover .mini-card-content {
  background-image: -webkit-linear-gradient(transparent 0, #b0d8f9 0, transparent 1px);
  background-image: linear-gradient(transparent 0, #b0d8f9 0, transparent 1px);
}
.mini-card:hover .mini-card-footer {
  background: #e3f2ff;
  border-top-color: #43c0fe;
}
.mini-card:hover .mini-card-footer .i-arrow-right {
  fill: #062a44;
  -webkit-animation: arrow-oscillate 0.5s infinite ease-in-out;
  animation: arrow-oscillate 0.5s infinite ease-in-out;
}
.mini-card-header {
  height: 45px;
  position: relative;
}
.mini-card-title {
  margin: 0;
  padding: 0 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
}
.mini-card-content {
  height: 53px;
  background-image: -webkit-linear-gradient(transparent 0, #e4eaf2 0, transparent 1px);
  background-image: linear-gradient(transparent 0, #e4eaf2 0, transparent 1px);
  background-size: 100% 11px;
}
.mini-card-footer {
  padding: 0 10px 3px;
  background-color: #f2f5f9;
  border-top: 1px solid #d0d8df;
  border-radius: 0 0 5px 5px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.mini-card-footer .i-arrow-right {
  position: relative;
}
.doc-card {
  margin: 0 auto 2rem;
  width: 225px;
  height: 200px;
  display: block;
  position: relative;
  background-color: #fff;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: 0 0 0 1px #d0d8df, 0 1px 3px rgba(0,0,0,0.15);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: box-shadow 0.2s, -webkit-transform 0.1s;
  transition: box-shadow 0.2s, transform 0.1s;
}
.doc-card:hover {
  box-shadow: 0 0 0 2px #43c0fe, 0 22px 43px rgba(0,0,0,0.15);
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
.doc-card:hover .doc-card-actions {
  opacity: 1;
}
@media only screen and (min-width: 500px) {
  .doc-card {
    margin: 0 2.5% 2rem;
    width: 27%;
    display: inline-block;
  }
}
.doc-card-content {
  padding: 0 15px;
  height: 168px;
  position: relative;
  background-image: -webkit-linear-gradient(transparent 0, #e4eaf2 0, transparent 1px);
  background-image: linear-gradient(transparent 0, #e4eaf2 0, transparent 1px);
  background-size: 100% 24px;
}
.doc-card-title {
  margin: 0;
  padding-top: 24px;
  height: 95px;
  overflow: hidden;
  line-height: 1.75;
}
.doc-card-type {
  padding: 3px 5px 2px;
  display: inline-block;
  position: absolute;
  bottom: 27px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  text-transform: lowercase;
  background-color: #d0d8df;
  border-radius: 3px;
}
.doc-card-footer {
  padding: 0 10px 0 15px;
  width: 100%;
  height: 32px;
  position: absolute;
  bottom: 0;
  background-color: #f2f5f9;
  border-top: 1px solid #d0d8df;
  border-radius: 0 0 5px 5px;
}
.doc-card-actions {
  padding: 20px 0 20px 25px;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f5fafe;
  border-radius: 5px;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.doc-card-action {
  margin-bottom: 10px;
  padding: 10px 0;
  display: block;
  line-height: 1.3;
  -webkit-transition: color 0.2s ease-in, -webkit-transform 0.2s ease-in;
  transition: color 0.2s ease-in, transform 0.2s ease-in;
}
.doc-card-action:hover {
  color: #0a3f6b;
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.doc-card-action--delete:hover {
  color: #d13f19;
}
.doc-card-action--delete:hover .icon {
  fill: #d13f19;
}
.upgrade-card {
  margin: 0 auto 30px;
  padding: 30px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px #d0d8df, 0 1px 3px rgba(0,0,0,0.15);
}
.upgrade-card .upgrade-card-img {
  margin-right: 40px;
  float: left;
}
.upgrade-card .upgrade-card-img img {
  display: inline-block;
}
.upgrade-card .upgrade-card-body {
  overflow: hidden;
}
@-webkit-keyframes arrow-oscillate {
  0% {
    left: 0px;
  }
  50% {
    left: 5px;
  }
  100% {
    left: 0px;
  }
}
@keyframes arrow-oscillate {
  0% {
    left: 0px;
  }
  50% {
    left: 5px;
  }
  100% {
    left: 0px;
  }
}
.dropdown-menu {
  margin-top: -10px;
  padding: 20px 20px 15px;
  position: absolute;
  top: 100%;
  right: 15px;
  white-space: nowrap;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px #d0d8df, 0 1px 3px rgba(0,0,0,0.15);
  z-index: 99;
}
.dropdown-menu:before {
  content: '';
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  top: -19px;
  right: 30px;
  border-width: 9px;
  border-style: solid;
  border-color: transparent transparent rgba(61,70,77,0.17) transparent;
}
.dropdown-menu:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  top: -17px;
  right: 30px;
  border-width: 9px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.dropdown-menu-items {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: 0.875rem;
}
.dropdown-menu-item {
  margin: 0 -20px;
}
.dropdown-menu-item a {
  padding: 5px 20px;
  display: block;
  text-decoration: none;
  color: #84929a;
}
.dropdown-menu-item a:hover {
  color: #43c0fe;
  background-color: #e3f2ff;
}
.account-menu {
  display: none;
}
.account-menu-header {
  margin-bottom: 8px;
  padding-bottom: 15px;
  font-family: "Open Sans", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  border-bottom: 1px solid #f2f5f9;
}
.account-menu-name {
  margin: 0;
}
.account-menu-email {
  margin: 0;
  color: #84929a;
}
.empty-state {
  text-align: center;
}
.empty-state--with-bkg {
  border-radius: 20px;
  background: #FFF;
  display: flex;
  width: 90%;
  padding: 80px 5%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 60px;
}
@media (max-width: 1350px) {
  .empty-state--with-bkg {
    max-width: 90%;
  }
}
.empty-state--sharing {
  height: 100%;
}
.empty-state--limited {
  height: auto;
}
.empty-state-inner {
  *zoom: 1;
  width: auto;
  max-width: 375px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
.empty-state-inner:before,
.empty-state-inner:after {
  content: '';
  display: table;
}
.empty-state-inner:after {
  clear: both;
}
.empty-state-title {
  margin-bottom: 30px;
}
.empty-state-image {
  margin: 0 auto 30px;
}
.empty-state-image--documents {
  width: 188px;
}
.empty-state-image--sharing {
  width: 290px;
}
html,
body,
.app-wrapper,
.app-content {
  height: 100%;
  background-color: #f5f7fa;
}
.app-content .logo img {
  width: 191px;
}
@media only screen and (min-width: 770px) {
  .pane--left,
  .pane--right {
    width: 50%;
    height: 100%;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    left: 0;
  }
}
.pane--left {
  background-color: #fff;
}
.pane--right {
  box-shadow: 0 -1px 0 0 rgba(0,0,0,0.1);
}
@media only screen and (min-width: 770px) {
  .pane--right {
    left: auto;
    right: 0;
    box-shadow: -1px 0 0 0 rgba(0,0,0,0.1);
  }
}
.pane--centered {
  *zoom: 1;
  width: auto;
  max-width: 700px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  min-height: 800px;
  position: relative;
  top: 50px;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 0 0 1px #d0d8df, 0 1px 3px rgba(0,0,0,0.15);
}
.pane--centered:before,
.pane--centered:after {
  content: '';
  display: table;
}
.pane--centered:after {
  clear: both;
}
@media only screen and (min-width: 770px) {
  .pane--centered {
    top: 100px;
  }
}
.pane--read-only .read-only-badge {
  padding: 0 10px 3px 30px;
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 0;
  background-color: #84929a;
  border-radius: 0 3px 3px 0;
}
.pane--read-only .read-only-badge .t-ui-label {
  color: #fff;
}
.pane--read-only .user-avatar {
  width: 40px;
  height: 40px;
  float: right;
  border: none;
}
.pane-mast {
  height: 70px;
  position: relative;
  background: #d0d8df url("../img/bg-pattern-1.png");
  border-radius: 5px 5px 0 0;
}
.pane-inner {
  padding: 0 30px;
}
.pane--right .pane-inner {
  margin-top: 80px;
  padding-bottom: 60px;
}
@media only screen and (min-width: 770px) {
  .pane--right .pane-inner {
    margin-top: 130px;
  }
}
.pane-header {
  position: relative;
}
.pane--centered .pane-header {
  margin-top: 30px;
}
@media only screen and (min-width: 770px) {
  .pane-header {
    margin-bottom: 50px;
  }
}
.pane-header-actions {
  position: absolute;
  top: 5px;
  right: 0;
}
.pane-header-action {
  -webkit-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.pane-header-action:hover {
  color: #0a3f6b;
}
.pane-footer {
  width: 700px;
  height: 100px;
  position: fixed;
  bottom: 0;
  background-color: #f2f5f9;
  border-top: 1px solid #d0d8df;
}
.grid--1of2 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48%;
  margin-left: 0%;
  margin-right: 4%;
}
.grid--1of2:before,
.grid--1of2:after {
  content: '';
  display: table;
}
.grid--1of2:after {
  clear: both;
}
.grid--1of2:last-child {
  margin-right: 0%;
}
.grid--1of3 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 30.66666666666666%;
  margin-left: 0%;
  margin-right: 4%;
}
.grid--1of3:before,
.grid--1of3:after {
  content: '';
  display: table;
}
.grid--1of3:after {
  clear: both;
}
.grid--1of3:last-child {
  margin-right: 0%;
}
.grid--2of3 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 65.33333333333333%;
  margin-left: 0%;
  margin-right: 4%;
}
.grid--2of3:before,
.grid--2of3:after {
  content: '';
  display: table;
}
.grid--2of3:after {
  clear: both;
}
.grid--2of3:last-child {
  margin-right: 0%;
}
.grid--1of5 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 16.8%;
  margin-left: 0%;
  margin-right: 4%;
}
.grid--1of5:before,
.grid--1of5:after {
  content: '';
  display: table;
}
.grid--1of5:after {
  clear: both;
}
.grid--1of5:last-child {
  margin-right: 0%;
}
.grid--2of5 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 37.6%;
  margin-left: 0%;
  margin-right: 4%;
}
.grid--2of5:before,
.grid--2of5:after {
  content: '';
  display: table;
}
.grid--2of5:after {
  clear: both;
}
.grid--2of5:last-child {
  margin-right: 0%;
}
.grid--3of5 {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 58.4%;
  margin-left: 0%;
  margin-right: 4%;
}
.grid--3of5:before,
.grid--3of5:after {
  content: '';
  display: table;
}
.grid--3of5:after {
  clear: both;
}
.grid--3of5:last-child {
  margin-right: 0%;
}
.modal-bg,
.modal-bg-add-client,
.modal-bg-add-advisor,
.modal-bg-settings {
  position: fixed;
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 999;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: opacity 250ms cubic-bezier(0.2, 0.8, 0.5, 1), top 0ms linear 250ms;
  transition: opacity 250ms cubic-bezier(0.2, 0.8, 0.5, 1), top 0ms linear 250ms;
}
.modal-bg.is-active,
.modal-bg-add-client.is-active,
.modal-bg-add-advisor.is-active,
.modal-bg-settings.is-active {
  top: 0;
  opacity: 1;
  -webkit-transition: opacity 250ms cubic-bezier(0.2, 0.8, 0.5, 1);
  transition: opacity 250ms cubic-bezier(0.2, 0.8, 0.5, 1);
}
.modal-bg--light {
  background-color: #fff;
}
.modal-bg--dark {
  background-color: rgba(91,102,109,0.3);
}
.modal,
.modal-setting,
.modal-add-client,
.modal-add-advisor,
.modal-document {
  position: fixed;
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: scroll;
  opacity: 0;
  z-index: 9999;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: opacity 250ms cubic-bezier(0.2, 0.8, 0.5, 1), -webkit-transform 250ms cubic-bezier(0.2, 0.8, 0.5, 1), top 0ms linear 250ms;
  transition: opacity 250ms cubic-bezier(0.2, 0.8, 0.5, 1), transform 250ms cubic-bezier(0.2, 0.8, 0.5, 1), top 0ms linear 250ms;
}
.modal.is-active,
.modal-setting.is-active,
.modal-add-client.is-active,
.modal-add-advisor.is-active,
.modal-document.is-active {
  top: 0;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 150ms cubic-bezier(0.2, 0.8, 0.5, 1), -webkit-transform 150ms cubic-bezier(0.2, 0.8, 0.5, 1);
  transition: opacity 150ms cubic-bezier(0.2, 0.8, 0.5, 1), transform 150ms cubic-bezier(0.2, 0.8, 0.5, 1);
}
.modal .pane--centered,
.modal-setting .pane--centered,
.modal-add-client .pane--centered,
.modal-add-advisor .pane--centered,
.modal-document .pane--centered {
  *zoom: 1;
  width: auto;
  max-width: 500px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 60px;
  top: 10px;
  background-color: transparent;
  box-shadow: none;
}
.modal .pane--centered:before,
.modal-setting .pane--centered:before,
.modal-add-client .pane--centered:before,
.modal-add-advisor .pane--centered:before,
.modal-document .pane--centered:before,
.modal .pane--centered:after,
.modal-setting .pane--centered:after,
.modal-add-client .pane--centered:after,
.modal-add-advisor .pane--centered:after,
.modal-document .pane--centered:after {
  content: '';
  display: table;
}
.modal .pane--centered:after,
.modal-setting .pane--centered:after,
.modal-add-client .pane--centered:after,
.modal-add-advisor .pane--centered:after,
.modal-document .pane--centered:after {
  clear: both;
}
.modal .pane-header,
.modal-setting .pane-header,
.modal-add-client .pane-header,
.modal-add-advisor .pane-header,
.modal-document .pane-header {
  margin-bottom: 60px;
}
.modal .pane-header-actions .icon,
.modal-setting .pane-header-actions .icon,
.modal-add-client .pane-header-actions .icon,
.modal-add-advisor .pane-header-actions .icon,
.modal-document .pane-header-actions .icon {
  margin-right: 5px;
}
.nav {
  padding: 0 15px;
  background: #fff;
  border-bottom: 1px solid #e7e7e7;
}
@media only screen and (min-width: 770px) {
  .app-nav {
    width: 50%;
    position: fixed;
    z-index: 99;
  }
  .app-nav:after {
    content: "";
    display: table;
    clear: both;
  }
}
.app-nav--full {
  width: 100%;
}
.app-nav--tab .app-nav-account {
  display: none;
}
.app-nav-items {
  float: left;
}
.app-nav-item {
  padding: 15px;
  display: inline-block;
  position: relative;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.app-nav-item:hover {
  color: #43c0fe;
}
.app-nav-item.is-active {
  color: #5b666d;
  cursor: default;
}
.app-nav-item.is-active:after {
  content: '';
  display: block;
  width: calc(100% - 30px);
  height: 3px;
  background-color: #5b666d;
  position: absolute;
  bottom: 0;
}
.app-nav-item.is-active:hover {
  color: #5b666d;
}
@media only screen and (min-width: 770px) {
  .app-nav-item {
    padding: 25px 15px;
  }
}
.app-nav-account {
  position: absolute;
  top: 25px;
  right: 15px;
}
.app-nav-account .app-nav-item {
  color: #fff;
}
@media only screen and (min-width: 770px) {
  .app-nav-account {
    float: right;
    position: relative;
    top: auto;
    right: auto;
  }
  .app-nav-account .app-nav-item {
    color: #84929a;
  }
}
.app-nav--tab .app-nav-account {
  display: none;
}
@media only screen and (min-width: 350px) {
  .app-nav--tab .app-nav-account {
    display: block;
    top: 0;
  }
  .app-nav--tab .app-nav-account .app-nav-item {
    color: #84929a;
  }
}
.app-nav--public {
  padding: 10px 15px;
  overflow: hidden;
}
.app-nav--public .logo-bbb--reversed {
  margin: 0;
}
.app-nav--public .app-nav-items {
  line-height: 0;
}
.app-nav-cta {
  float: right;
}
.app-nav-cta .btn--small {
  margin-top: 3px;
}
.pane-mast--custom {
  padding-bottom: 22%;
  height: 0;
  position: static;
  background: #43c0fe url("../img/bg-pattern-light.png");
  border-radius: 0;
}
@media only screen and (min-width: 770px) {
  .pane-mast--custom {
    padding-bottom: 12%;
  }
}
@media only screen and (min-width: 770px) {
  .pane-mast--custom {
    padding-bottom: 27%;
  }
}

.logo-lb {
  height: 60px;
}
.logo-bbb {
  width: 178px;
  height: 38px;
}
.logo-lb--reversed {
  padding: 25px 15px 0 30px;
  vertical-align: bottom;
}
.logo-bbb--reversed {
  margin: 25px 15px 0 30px;
  vertical-align: bottom;
}
.free-trial-badge {
  margin-right: 15px;
  padding: 8px 10px 10px;
  display: inline-block;
  position: relative;
  font-family: "Open Sans", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  color: #5b666d;
  background-color: #d0d8df;
  border-radius: 5px;
  box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15);
}
.free-trial-badge a {
  font-weight: 700;
  color: #5b666d;
}
.free-trial-badge:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: -6px;
  top: 10px;
  border-style: solid;
  border-width: 5.5px 6px 5.5px 0;
  border-color: rgba(0,0,0,0) #d0d8df rgba(0,0,0,0) rgba(0,0,0,0);
}
@media only screen and (min-width: 770px) {
  .pane-block--welcome {
    margin-top: -60px;
  }
}
.welcome-msg {
  overflow: hidden;
}
@media only screen and (min-width: 770px) {
  .welcome-msg {
    margin: 20px 0 50px;
  }
}
.welcome-img {
  margin: 30px 40px 0 0;
  width: 126px;
  height: 146px;
  display: none;
  float: left;
}
.welcome-img img {
  display: block;
}
@media only screen and (min-width: 770px) {
  .welcome-img {
    display: block;
  }
}
.welcome-body .t-body {
  display: none;
}
@media only screen and (min-width: 770px) {
  .welcome-body {
    padding-left: 166px;
  }
  .welcome-body .t-body {
    display: block;
  }
}
.pane-block--priority-action-list {
  display: none;
}
@media only screen and (min-width: 770px) {
  .pane-block--priority-action-list {
    display: block;
  }
}
.priority-action-list {
  margin: 30px 0 30px 24px;
  padding: 0 0 30px 6px;
  position: relative;
  border-left: 2px solid #d0d8df;
  list-style-type: none;
}
.priority-action-list:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  left: -8px;
  bottom: 0;
  background-color: #fff;
  border: 2px solid #d0d8df;
  border-radius: 50px;
}
.action-item {
  margin: 10px 0 50px;
  padding-left: 35px;
  padding-right: 30px;
  min-height: 75px;
  position: relative;
  cursor: pointer;
  counter-increment: section;
}
.action-item:before {
  content: counter(section, decimal);
  width: 45px;
  height: 45px;
  position: absolute;
  top: 0;
  left: -32px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 2.4;
  text-align: center;
  color: #84929a;
  background-color: #f2f5f9;
  border: 2px solid #d0d8df;
  border-radius: 5px;
  -webkit-transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
  transition: color 0.2s ease-in, background-color 0.2s ease-in, border-color 0.2s ease-in;
}
.action-item:hover:before {
  color: #0a3f6b;
  background-color: #e3f2ff;
  border-color: #43c0fe;
}
.action-item:hover .action-item-title {
  color: #0a3f6b;
}
.action-item:hover .action-item-description {
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
}
.action-item:hover .action-item-actions {
  opacity: 1;
}
.action-item-title {
  margin: 0;
  color: #84929a;
  -webkit-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.action-item-description {
  margin: 0;
  position: relative;
  tranform: translateY(0);
  font-size: 14px;
  font-size: 0.875rem;
  color: #84929a;
  opacity: 1;
  -webkit-transition: -webkit-transform 0.1s ease-in, opacity 0.1s ease-in;
  transition: transform 0.1s ease-in, opacity 0.1s ease-in;
}
.action-item-actions {
  position: absolute;
  top: 37px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}
.tab-card-group--locked .upgrade-card .upgrade-guy {
  width: 47px;
  height: 66px;
}
@media only screen and (min-width: 500px) {
  .tab-card-group--locked .upgrade-card {
    margin: 0 2.5% 2rem;
    width: 93%;
  }
}
.tab-card-group--locked .tab-card {
  pointer-events: none;
  opacity: 0.4;
}
.doc-upload-form {
  margin: 0 auto;
  width: 300px;
}
.doc-upload-component {
  position: relative;
  border-bottom: none;
}
.doc-upload-component .t-ui-label {
  display: block;
  text-align: center;
}
.doc-upload-image {
  margin: 0 auto 20px;
  width: 204px;
  height: 204px;
  background: url("../img/img-documents-upload@2x.png") no-repeat;
  background-size: 204px 204px;
}
.doc-upload-file-input {
  padding: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
}
.doc-upload-filename .uploadedFile {
  padding: 25px 0 10px;
  display: block;
  font-size: 20px;
  font-size: 1.25rem;
  font-style: italic;
  color: #edb431;
  box-shadow: 0 2px 0 #edb431;
}
.doc-upload-filename .uploadedFile.is-selected {
  font-style: normal;
  color: #5b666d;
  box-shadow: 0 1px 0 #d0d8df;
}
.doc-share-info {
  margin-bottom: 60px;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
}
.doc-share-image {
  margin: 0 auto 20px;
  width: 207px;
  height: 100px;
  background: url("../img/img-documents-share@2x.png") no-repeat;
  background-size: 207px 100px;
}
.doc-share-link {
  position: relative;
}
.doc-share-link::-moz-selection {
  background-color: #e3f2ff;
}
.doc-share-link::selection {
  background-color: #e3f2ff;
}
.doc-share-link .show-hide-password {
  color: #43c0fe;
}
.doc-share-button {
  text-align: center;
}
.doc-download-info {
  *zoom: 1;
  width: auto;
  max-width: 700px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  top: 100px;
  text-align: center;
}
.doc-download-info:before,
.doc-download-info:after {
  content: '';
  display: table;
}
.doc-download-info:after {
  clear: both;
}
.doc-download-info .t-title--2 {
  border: none;
}
.doc-download-image,
.doc-expired-image {
  margin: 40px auto;
}
.doc-download-image {
  width: 87px;
  height: 104px;
  background: url("../img/img-document-single@2x.png") no-repeat;
  background-size: 87px 104px;
}
.doc-download-meta {
  color: #5b666d;
}
.doc-expired-image {
  width: 109px;
  height: 114px;
  background: url("../img/img-document-expired@2x.png") no-repeat;
  background-size: 109px 114px;
}
.doc-expired-note {
  margin: 0 auto;
  max-width: 320px;
  font-size: 14px;
  font-size: 0.875rem;
}
.sharing-contacts {
  margin-top: 15px;
}
.sharing-contact {
  margin: 0 auto 2.8125rem;
  display: block;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 1px #d0d8df, 0 1px 3px rgba(0,0,0,0.15);
}
.sharing-contact.has-not-accepted .sharing-contact-info .t-ui--primary {
  font-style: italic;
  color: #43c0fe;
}
.sharing-contact-header {
  padding: 8px 15px 15px;
  position: relative;
  border-bottom: 1px solid #d0d8df;
}
.sharing-contact-header .sharing-contact-info .t-title--4 {
  margin: 0;
  font-weight: 400;
}
.sharing-contact-header .sharing-contact-info .t-ui--primary {
  font-weight: 400;
}
.sharing-contact-header .sharing-contact-remove a {
  -webkit-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.sharing-contact-header .sharing-contact-remove a:hover {
  color: #d13f19;
}
@media only screen and (min-width: 400px) {
  .sharing-contact-header .sharing-contact-remove {
    position: absolute;
    top: 8px;
    right: 15px;
  }
}
.sharing-contact-body {
  background: #f2f5f9;
  border-radius: 0 0 5px 5px;
}
.sharing-contact-body .sharing-contact-body-inner {
  padding: 5px 15px;
  border-radius: 0 0 5px 5px;
}
.sharing-contact-body .sharing-contact-body-inner .t-ui-label--group {
  color: #5b666d;
  background: #f2f5f9;
}
.sharing-contact-body .sharing-contact-body-inner .shared-tabs {
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 0.875rem;
}
.shared-with-me {
  margin-top: 60px;
  padding: 5px 15px 15px;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
}
.shared-with-me .sharing-contact-body {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.shared-with-me .sharing-contact-body:after {
  content: '';
  display: block;
  width: 50px;
  height: 95%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), #f2f5f9);
  background-image: linear-gradient(to right, rgba(255,255,255,0), #f2f5f9);
}
.shared-with-me .sharing-contact-body .sharing-contact-body-inner {
  padding: 25px 15px;
  overflow-x: auto;
}
.shared-with-me .sharing-contact-body .mini-card {
  margin: 0 15px 0 0;
  width: 100px;
  float: none;
  display: inline-block;
  white-space: normal;
}
.share-form-member-info {
  margin-top: 30px;
  margin-bottom: 60px;
}
.share-form-member-info:after {
  content: "";
  display: table;
  clear: both;
}
.share-member-name {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 47.5%;
  margin-left: 0%;
  margin-right: 5%;
  margin-top: 0 !important;
  margin-bottom: 30px;
}
.share-member-name:before,
.share-member-name:after {
  content: '';
  display: table;
}
.share-member-name:after {
  clear: both;
}
.share-member-name:nth-child(2n) {
  margin-right: 0%;
  float: right;
}
.share-member-name:nth-child(2n+1) {
  clear: both;
}
.share-member-email {
  clear: both;
}
.share-form-tabs {
  margin-top: 15px;
  margin-bottom: 60px;
}
.share-tab {
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.share-tab .share-tab-checkbox {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
.share-tab .share-tab-checkbox:checked + label {
  background-color: #e3f2ff;
}
.share-tab .share-tab-checkbox:checked + label .icon {
  fill: #43c0fe;
}
.share-tab .share-tab-checkbox:checked + label:hover:after {
  content: 'Click to unselect';
  padding-top: 4px;
  float: right;
  font-size: 11px;
  font-size: 0.6875rem;
}
.share-tab label {
  padding: 15px;
  display: block;
  position: static;
  top: 0;
  font-family: "Roboto Slab", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  text-transform: none;
  letter-spacing: -0.025rem;
  color: #5b666d;
  border-bottom: 1px solid #d0d8df;
  cursor: pointer;
}
.share-tab .icon {
  margin-right: 19px;
}
.share-tab:hover {
  background-color: #f2f5f9;
}
.share-tab.share-tab-all label {
  font-size: 24px;
  font-size: 1.5rem;
  letter-spacing: -0.045rem;
  border-bottom: 1px dashed #d0d8df;
}
.share-tab.share-tab-all .icon {
  margin-right: 10px;
}
.share-tab.share-tab-all .share-tab-checkbox:checked + label:after {
  padding-top: 12px;
}
.share-form-message textarea {
  height: 250px;
}
.upgrade-card--sharing {
  text-align: center;
}
.upgrade-card--sharing .upgrade-card-img {
  margin-right: 0;
  margin-bottom: 20px;
  float: none;
}
.upgrade-card--sharing .upgrade-sharing {
  width: 123px;
  height: 157px;
}
@media only screen and (min-width: 770px) {
  .upgrade-card--sharing {
    text-align: left;
  }
  .upgrade-card--sharing .upgrade-card-img {
    margin-right: 40px;
    margin-bottom: 0;
    float: left;
  }
}

.sign-in-logo-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sign-in-logo-inner {
  content: '';
  display: flex;
  justify-content: center;
  align-items: center;
  width: 85%;
  /* height: 85%;  */
  max-height: 85%;
  aspect-ratio: 1;
  margin: auto;
  background-color: #134069;
  z-index: 1; 
  border-radius: 100px 0px 100px 0px;
}
.sign-in-logo-inner svg {
  width: 50%;
  height: 50%;
}

.sign-in-flex {
  display: flex;
  justify-content: left;
  align-items: center;
  height: 100%;
}
.sign-in-bg,
.invitation-bg {
  height: 100%;
  background: #43c0fe;
}
.sign-in-wrapper {
  display: flex;
  gap: 60px;
}
.sign-in-wrapper,
.invitation-wrapper {
  padding: 30px;
  height: 100%;
  overflow-y: scroll;
  background: #fff;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 770px) {
  .sign-in-wrapper,
  .invitation-wrapper {
    padding: 30px 60px;
    width: 500px;
    flex-shrink: 0;
  }
}
@media only screen and (max-width: 1050px) {
  .sign-in-wrapper,
  .invitation-wrapper {
    padding: 30px 60px;
    width: 100%;
    flex-shrink: 0;
  }
}
.sign-in-form-wrapper .t-title--2,
.invitation-form-wrapper .t-title--2 {
  margin-bottom: 60px;
  border: none;
}
.sign-in-form-wrapper .form-control-group + .form-control-group,
.invitation-form-wrapper .form-control-group + .form-control-group {
  margin-top: 20px;
}
.invitation-form-wrapper,
.welcome-form-wrapper {
  margin-top: 50px;
}
.sign-in-form,
.invitation-form {
  margin-bottom: 30px;
}
.sign-in-form-password,
.invitation-form-password {
  position: relative;
}
.show-hide-password {
  padding: 18px 0 15px;
  width: 100px;
  display: block;
  position: absolute;
  top: 13px;
  right: 0;
  text-align: right;
  text-transform: capitalize;
  letter-spacing: 0;
  background-color: #fff;
  cursor: pointer;
}
.password-strength-meter-bg {
  margin: 10px 0;
  width: 100%;
  height: 6px;
  position: relative;
  background-color: #f2f5f9;
  border-radius: 6px;
}
.password-strength-meter {
  height: 6px;
  position: absolute;
  left: 0;
  background-color: #00c570;
  border-radius: 6px;
}
.password-strength-text {
  font-size: 12px;
  font-size: 0.75rem;
}
.sign-in-form-2fa-remember span {
  margin-left: 10px;
  font-size: 14px;
  font-size: 0.875rem;
}
.sign-in-form-button,
.invitation-form-button {
  padding-top: 10px;
}
.sign-in-form-link,
.invitation-form-link {
  font-size: 14px;
  font-size: 0.875rem;
  text-decoration: none;
  color: #5b666d;
  border-bottom: 1px solid transparent;
  -webkit-transition: color 0.2s ease-in, border 0.2s ease-in;
  transition: color 0.2s ease-in, border 0.2s ease-in;
  background: none;
  border: none;
  padding: 0;
}
.sign-in-form-link:hover,
.invitation-form-link:hover {
  color: #43c0fe;
  border-bottom: 1px solid #43c0fe;
}
.invitation-faq {
  margin-top: 100px;
  padding-top: 15px;
  border-top: 5px solid #d0d8df;
}
.invitation-faq dl {
  font-size: 14px;
  font-size: 0.875rem;
}
.invitation-faq dd {
  margin-bottom: 24px;
}
.invitation-faq-callout {
  position: fixed;
  left: 540px;
  bottom: 50px;
  cursor: pointer;
  visibility: visible;
  -webkit-transition: visibility 0.2s ease-out, opacity 0.2s ease-out;
  transition: visibility 0.2s ease-out, opacity 0.2s ease-out;
}
.invitation-faq-callout.is-faded {
  opacity: 0;
  visibility: hidden;
}
.invitation-faq-callout .i-arrow-handdrawn {
  fill: #fff;
  box-shadow: 0 1 2 rgba(0,0,0,0.1);
}
.new-code-sent {
  margin-left: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  color: #00c570;
}
.new-code-sent .new-code-icon {
  margin-right: 3px;
  fill: currentColor;
  display: inline-block;
  vertical-align: text-bottom;
}
.app-nav--full .i-arrow-left {
  margin-right: 10px;
}
.app-nav--full .app-nav-item:hover .i-arrow-left {
  fill: #43c0fe;
}
.tab-scroll-progress {
  width: 700px;
  height: 5px;
  display: none;
  position: fixed;
  top: 29px;
  border-radius: 5px;
  z-index: 999;
}
@media only screen and (min-width: 770px) {
  .tab-scroll-progress {
    display: block;
  }
}
.bar {
  width: 0%;
  height: 5px;
  background-color: #8cd699;
  border-radius: 5px;
}
.tab-title-active {
  padding-bottom: 5px;
  width: 182px;
  position: fixed;
  top: 116px;
  left: 30px;
  border-bottom: 1px solid #d0d8df;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.tab-title-active .tab-title {
  display: inline;
  color: #84929a;
}
.tab-title-active.is-visible {
  opacity: 1;
}
.tab-actions {
  margin-top: 12px;
  padding: 0;
  position: fixed;
  top: 173px;
  left: 30px;
}
.tab-action a {
  padding: 15px 0;
  display: block;
  line-height: 1.3;
  -webkit-transition: color 0.2s ease-in, -webkit-transform 0.2s ease-in, background-color 0.2s ease-in;
  transition: color 0.2s ease-in, transform 0.2s ease-in, background-color 0.2s ease-in;
}
.tab-action a:hover {
  color: #0a3f6b;
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.tab-action--save {
  margin-top: 10px;
}
.tab-action--save a:hover {
  color: #fff;
  -webkit-transform: none;
  transform: none;
}
.tab-drawer-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(91,102,109,0.3);
  opacity: 0;
  visibility: hidden;
  z-index: 999;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
}
.tab-drawer-bg.is-active {
  opacity: 1;
  visibility: visible;
}
.tab-drawer-container {
  box-sizing: border-box;
  padding: 15px;
  width: 270px;
  min-height: 100vh;
  height: 100%;
  position: fixed;
  top: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  background-color: #fff;
  box-shadow: 1px 0 5px rgba(0,0,0,0.2);
  z-index: 9999;
  -webkit-backface-visibility: ;
  backface-visibility: ;
  -webkit-transform: translate3d(-270px, 0, 0);
  transform: translate3d(-270px, 0, 0);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.77, 0, 0.175, 1);
  transition: transform 0.2s cubic-bezier(0.77, 0, 0.175, 1);
}
.tab-drawer-container.is-active {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.tab-drawer .t-title--5 {
  margin-top: 0;
}
.tab-drawer-close {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 99;
}
.tab-drawer-close .icon {
  margin-right: 0;
}
.tab-drawer--sections {
  position: relative;
  display: none;
}
.tab-drawer--sections.is-active {
  display: block;
}
.tab-section-list {
  margin: 30px 0 15px;
  padding: 0;
  list-style-type: none;
}
.tab-section-list li {
  position: relative;
}
.tab-section-list a {
  padding: 10px 0 10px 20px;
  display: block;
  position: relative;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Roboto Slab", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  font-weight: 300;
  text-decoration: none;
  -webkit-transition: color 0.2s ease-in, -webkit-transform 0.2s ease-in;
  transition: color 0.2s ease-in, transform 0.2s ease-in;
}
.tab-section-list a:before {
  content: '';
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  top: 17px;
  left: 0;
  background-color: #fff;
  border: 2px solid #5b666d;
  border-radius: 12px;
  opacity: 1;
  -webkit-transition: border-color 0.2s ease-in, opacity 0.2s ease-in;
  transition: border-color 0.2s ease-in, opacity 0.2s ease-in;
}
.tab-section-list a:hover {
  color: #43c0fe;
}
.tab-section-list a:hover:before {
  border-color: #43c0fe;
}
.tab-section-list .is-inactive a {
  font-style: italic;
  text-decoration: line-through;
  opacity: 0.4;
  pointer-events: none;
  cursor: default;
}
.tab-section-list.is-configuring a {
  pointer-events: none;
  cursor: default;
  -webkit-transform: translateX(12px);
  transform: translateX(12px);
}
.tab-section-list.is-configuring a:before {
  opacity: 0;
}
.tab-section-list.is-configuring .is-inactive a {
  font-style: normal;
  text-decoration: none;
  opacity: 1;
}
.tab-section-list.is-configuring .configure-toggle-container {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.tab-section-list.is-configuring ~ .tab-configure {
  opacity: 0;
  pointer-events: none;
  cursor: default;
}
.tab-section-list.is-configuring ~ .tab-configure-actions {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.tab-configure {
  padding: 15px 0;
  display: block;
  line-height: 1.3;
  -webkit-transition: color 0.2s ease-in, -webkit-transform 0.2s ease-in, background-color 0.2s ease-in;
  transition: color 0.2s ease-in, transform 0.2s ease-in, background-color 0.2s ease-in;
}
.tab-configure:hover {
  color: #0a3f6b;
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.tab-configure-actions {
  position: absolute;
  bottom: 5px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-50px);
  transform: translateX(-50px);
  -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in, -webkit-transform 0.2s ease-in;
  transition: opacity 0.2s ease-in, visibility 0.2s ease-in, transform 0.2s ease-in;
}
.tab-configure-cancel {
  margin-left: 10px;
}
.configure-toggle-container {
  position: absolute;
  top: 15px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  -webkit-transition: opacity 0.2s ease-in, -webkit-transform 0.2s ease-in;
  transition: opacity 0.2s ease-in, transform 0.2s ease-in;
}
.tab-drawer--selection {
  display: none;
}
.tab-drawer--selection .mini-card-group {
  margin-top: 30px;
}
.tab-drawer--selection .mini-card:nth-child(2n) {
  margin-right: 0;
  float: right;
}
.tab-drawer--selection.is-active {
  display: block;
}
.tab-content-empty {
  padding-right: 100px;
  height: 800px;
  background-image: -webkit-linear-gradient(transparent 0, #e4eaf2 0, transparent 1px);
  background-image: linear-gradient(transparent 0, #e4eaf2 0, transparent 1px);
  background-size: 100% 24px;
}
/* .tab-content-empty p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.75;
}
.tab-content-empty .tab-section-list {
  margin: 0 0 27px;
}
.tab-content-empty .tab-section-list li {
  margin-bottom: 24px;
}
.tab-content-empty .tab-section-list a {
  padding: 0 0 0 20px;
  font-weight: 400;
}
.tab-content-empty .tab-section-list .configure-toggle-container {
  top: 5px;
}
.tab-content-empty .tab-configure-save {
  position: static;
}
.tab-content-group {
  margin-bottom: 60px;
  padding-bottom: 60px;
  position: relative;
  border-bottom: 4px double #d0d8df;
}
.tab-content-group:after {
  content: '';
  width: 15px;
  height: 50px;
  display: block;
  position: absolute;
  top: 0;
  left: -46px;
  background-color: #d0d8df;
  border-radius: 5px 0 0 5px;
}
.tab-content-group:last-child {
  padding-bottom: 0;
  border-bottom: none;
} */

/* Import Clients Form Styling */
.import-clients-form {
  padding: 20px 0;
}

.import-clients-form .form-control-group {
  margin-bottom: 20px;
}

.import-clients-form label {
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  color: #333;
}

.import-clients-form input[type="file"] {
  width: 100%;
  padding: 10px;
  border: 2px dashed #ddd;
  border-radius: 4px;
  background: #f9f9f9;
}

.import-clients-form .form-help {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  color: #666;
}

.import-clients-form .required-columns,
.import-clients-form .format-examples,
.import-clients-form .important-notes {
  background: #f5f5f5;
  padding: 15px;
  border-radius: 4px;
  border-left: 4px solid #007cba;
}

.import-clients-form .required-columns p,
.import-clients-form .format-examples p,
.import-clients-form .important-notes p {
  margin: 5px 0;
  font-size: 14px;
}

.import-clients-form .important-notes p {
  color: #d32f2f;
}

.import-clients-intro {
  padding: 20px 0;
  text-align: center;
}

.import-clients-intro p {
  margin: 10px 0;
  font-size: 16px;
}

.import-clients-intro p:first-child {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

 /*# sourceMappingURL=main.css.map */