@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:700");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0; }

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

body {
  line-height: 1; }

ul, ol {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none; }

img {
  display: block;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  height: 100%; }

body {
  position: relative;
  min-height: 100%;
  background-color: #f7f7f7;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
  color: #444444;
  padding-top: 110px;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased; }
body.sub-header-active {
  padding-top: 150px; }
body.project-header-active {
  padding-top: 260px; }

pre {
  font-family: Monaco; }

a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #444444;
  text-decoration: none; }
a:hover {
  text-decoration: none; }

.wrapper {
  width: 100%;
  max-width: 1420px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5vw;
  padding-right: 5vw; }
.wrapper.ultra-wide {
  max-width: 2400px; }

.row {
  margin-bottom: 20px; }

.float-left, .left {
  float: left; }

.float-right, .right {
  float: right; }

.clear:before, .clear:after, .cf:before, .cf:after {
  content: " ";
  display: table; }
.clear:after, .cf:after {
  clear: both; }

.hidden {
  display: none; }

.left-align, .la {
  text-align: left !important; }

.center-align, .ca {
  text-align: center !important; }

.right-align, .ra {
  text-align: right !important; }

.btw-label {
  display: inline-block;
  background-color: #C8016D;
  border-radius: 3px;
  font-size: 9px;
  line-height: 10px;
  color: #fff;
  text-transform: uppercase;
  margin: 0 5px;
  padding: 5px; }
.btw-label.unchecked {
  background-color: #e1e1e1; }

.search-highlight {
  background: #FDFF00;
  color: #000;
  padding: 1px 2px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5); }

.daterangepicker .ranges li {
  white-space: nowrap; }
.daterangepicker .ranges li.active, .daterangepicker td.active {
  background: #C8016D; }

.graph-area {
  margin-bottom: 15px; }
.graph-area h3 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 5px; }
.graph-area h3 span {
  display: block;
  color: #aaa;
  font-size: 12px; }
.graph-area h3 strong {
  float: right; }

h1 {
  font-size: 25px;
  line-height: 40px; }
h1 strong {
  font-weight: 700; }
@media (max-width: 1023px) {
  h1 {
    text-align: center; } }

h2 {
  border-bottom: 1px solid #e1e1e1;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 30px;
  padding: 25px 2.5% 10px; }
@media (max-width: 767px) {
  h2 {
    padding-right: 5%;
    padding-left: 5%; } }

h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 20px; }
h3 strong {
  font-weight: 700; }
@media (max-width: 1023px) {
  h3 {
    text-align: center; } }

h5 {
  font-size: 15px;
  line-height: 20px; }
@media (max-width: 1023px) {
  h5 {
    text-align: center; } }

h6 {
  font-size: 12px;
  font-style: italic;
  color: #ccc;
  line-height: 20px; }
@media (max-width: 1023px) {
  h6 {
    text-align: center; } }

p strong {
  font-weight: 700; }

hr {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
  border: none;
  margin-bottom: 15px; }

.monospace {
  font-family: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
  font-weight: 300; }

.nowrap {
  white-space: nowrap; }

.txt-content p {
  margin-bottom: 20px; }
.txt-content ul {
  margin-bottom: 20px; }
.txt-content ul li {
  list-style: disc;
  margin-left: 20px; }
.txt-content > *:last-child {
  margin-bottom: 0; }

form input, form textarea, form select, form button {
  background: none;
  border: none;
  font: inherit;
  font-size: 100%;
  color: #444444;
  vertical-align: middle;
  margin: 0;
  padding: 0; }
form hr {
  border: 0;
  border-top: 1px solid #f1f1f1;
  margin: 30px -30px; }
form p.error, form div.error {
  border: 1px solid #e6614f;
  background: rgba(230, 97, 79, 0.1);
  color: #e6614f;
  padding: 10px;
  border-radius: 2px; }
form p.error-text {
  color: #e6614f !important; }
form input[type="text"], form input[type="date"], form input[type="datetime-local"], form input[type="time"], form input[type="password"], form input[type="search"], form input[type="number"], form input[type="email"], form input[type="time"], form input[type="tel"], form input[type="url"], form input[type="file"], form input[type="submit"], form input[type="button"], form textarea, form select, form button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
form input[type="text"].error, form input[type="date"].error, form input[type="datetime-local"].error, form input[type="time"].error, form input[type="password"].error, form input[type="search"].error, form input[type="number"].error, form input[type="email"].error, form input[type="time"].error, form input[type="tel"].error, form input[type="url"].error, form input[type="file"].error, form input[type="submit"].error, form input[type="button"].error, form textarea.error, form select.error, form button.error {
  border: 1px solid #e6614f;
  background: rgba(230, 97, 79, 0.1); }
form input[type="text"].mono, form input[type="date"].mono, form input[type="datetime-local"].mono, form input[type="time"].mono, form input[type="password"].mono, form input[type="search"].mono, form input[type="number"].mono, form input[type="email"].mono, form input[type="time"].mono, form input[type="tel"].mono, form input[type="url"].mono, form input[type="file"].mono, form input[type="submit"].mono, form input[type="button"].mono, form textarea.mono, form select.mono, form button.mono {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; }
form input[type="text"].large, form input[type="date"].large, form input[type="datetime-local"].large, form input[type="time"].large, form input[type="password"].large, form input[type="search"].large, form input[type="number"].large, form input[type="email"].large, form input[type="time"].large, form input[type="tel"].large, form input[type="url"].large, form input[type="file"].large, form input[type="submit"].large, form input[type="button"].large, form textarea.large, form select.large, form button.large {
  font-size: 16px; }
form input[type="text"].ca, form input[type="date"].ca, form input[type="datetime-local"].ca, form input[type="time"].ca, form input[type="password"].ca, form input[type="search"].ca, form input[type="number"].ca, form input[type="email"].ca, form input[type="time"].ca, form input[type="tel"].ca, form input[type="url"].ca, form input[type="file"].ca, form input[type="submit"].ca, form input[type="button"].ca, form textarea.ca, form select.ca, form button.ca {
  text-align: center; }
form textarea {
  resize: vertical; }
form .row label, form legend {
  float: left;
  width: 27.5%;
  font-weight: 700;
  line-height: 20px;
  text-align: right;
  margin-right: 2.5%;
  padding: 10px; }
@media (max-width: 1023px) {
  form .row label, form legend {
    float: none;
    display: block;
    width: 100%;
    text-align: left;
    margin-right: 0;
    margin-bottom: 5px;
    padding: 0; } }
form .row label > em, form legend > em {
  color: red; }
form .row label > span, form legend > span {
  display: block;
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
  line-height: 20px;
  color: rgba(68, 68, 68, 0.5);
  margin-top: 0; }
form .row.disabled {
  opacity: 0.3; }
form .row.disabled.not-clickable {
  pointer-events: none; }
form .row.small {
  margin-bottom: 10px; }
form .row.small > div, form .row.small > label {
  margin: 0;
  padding: 0; }
form .row.small input[type="submit"], form .row.small input[type="button"] {
  padding: 3px 7px;
  font-size: 10px; }
form .row:last-of-type {
  margin-bottom: 0; }
form .row.ca label {
  width: 49%;
  text-align: right;
  margin-right: 1%; }
form .row.ca .field, form .row.ca .field-label {
  width: 49%;
  text-align: left;
  margin-left: 1%; }
@media (max-width: 767px) {
  form .row.ca label, form .row.ca .field, form .row.ca .field-label {
    width: 100%;
    text-align: left;
    margin-left: 0;
    margin-right: 0; } }
form .field-label {
  float: left;
  width: 70%;
  line-height: 20px;
  padding: 10px 0; }
@media (max-width: 767px) {
  form .field-label {
    float: none;
    display: block;
    width: 100%;
    margin-bottom: 10px; } }
form .field {
  float: left;
  width: 70%; }
form .field.loader {
  position: relative; }
form .field.loader .ico {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  fill: #959595; }
form .field.full-width {
  width: 100%; }
@media (max-width: 1023px) {
  form .field {
    float: none;
    display: block;
    width: 100%; } }
form .field > p {
  display: block;
  font-size: 13px;
  font-style: italic;
  line-height: 20px;
  color: rgba(68, 68, 68, 0.5);
  margin-top: 5px; }
form .field > p a {
  color: rgba(68, 68, 68, 0.5); }
form .field > p a:hover {
  color: rgba(68, 68, 68, 0.6);
  text-decoration: underline; }
form .field > p strong {
  font-weight: bold;
  color: rgba(68, 68, 68, 0.6); }
form .field > p em {
  font-family: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
  font-size: 0.8em; }
form .field .data-table {
  width: 100%; }
form .field .data-table th, form .field .data-table td {
  font-size: 12px;
  text-align: left; }
form .field .data-table th.ca, form .field .data-table td.ca {
  text-align: center; }
form .field .data-table th {
  font-weight: 600; }
form .row h4 {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0 0;
  margin-left: 30%; }
@media (max-width: 767px) {
  form .row h4 {
    margin-left: 0; } }
form .row.ca h4 {
  margin-left: 0;
  text-align: center; }
@media (max-width: 767px) {
  form .row.ca h4 {
    text-align: left; } }
form .row.small h4 {
  margin-bottom: 10px; }
form input[type="text"], form input[type="date"], form input[type="datetime-local"], form input[type="time"], form input[type="password"], form input[type="search"], form input[type="number"], form input[type="email"], form input[type="time"], form input[type="tel"], form input[type="url"], form input[type="file"], form input[type="checkbox"], form input[type="radio"], form textarea, form select {
  width: 100%;
  background-color: white;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  font-size: 14px;
  line-height: 18px;
  padding: 10px; }
form input[type="text"]:focus, form input[type="date"]:focus, form input[type="datetime-local"]:focus, form input[type="time"]:focus, form input[type="password"]:focus, form input[type="search"]:focus, form input[type="number"]:focus, form input[type="email"]:focus, form input[type="time"]:focus, form input[type="tel"]:focus, form input[type="url"]:focus, form input[type="file"]:focus, form input[type="checkbox"]:focus, form input[type="radio"]:focus, form textarea:focus, form select:focus {
  outline: 0;
  border-color: #C8016D;
  box-shadow: 0 0 5px rgba(200, 1, 109, 0.2); }
form input[type="text"][readonly][non-clickable], form input[type="date"][readonly][non-clickable], form input[type="datetime-local"][readonly][non-clickable], form input[type="time"][readonly][non-clickable], form input[type="password"][readonly][non-clickable], form input[type="search"][readonly][non-clickable], form input[type="number"][readonly][non-clickable], form input[type="email"][readonly][non-clickable], form input[type="time"][readonly][non-clickable], form input[type="tel"][readonly][non-clickable], form input[type="url"][readonly][non-clickable], form input[type="file"][readonly][non-clickable], form input[type="checkbox"][readonly][non-clickable], form input[type="radio"][readonly][non-clickable], form textarea[readonly][non-clickable], form select[readonly][non-clickable] {
  pointer-events: none; }
form input[type="text"].monospace, form input[type="date"].monospace, form input[type="datetime-local"].monospace, form input[type="time"].monospace, form input[type="password"].monospace, form input[type="search"].monospace, form input[type="number"].monospace, form input[type="email"].monospace, form input[type="time"].monospace, form input[type="tel"].monospace, form input[type="url"].monospace, form input[type="file"].monospace, form input[type="checkbox"].monospace, form input[type="radio"].monospace, form textarea.monospace, form select.monospace {
  font-size: 0.9em; }
form select {
  background: white url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="arrow" x="0px" y="0px" viewBox="0 0 20 20" width="20px" height="20px" ><polygon points="7.7,8.1 10,10.4 12.3,8.1 13,8.9 10,11.9 7,8.9 "></polygon></svg>') 97% 50% no-repeat; }
form textarea {
  height: 200px;
  line-height: 150%; }
form input[type="text"]:disabled, form input[type="date"]:disabled, form input[type="datetime-local"]:disabled, form input[type="time"]:disabled, form input[type="password"]:disabled, form input[type="search"]:disabled, form input[type="number"]:disabled, form input[type="email"]:disabled, form input[type="time"]:disabled, form input[type="tel"]:disabled, form input[type="url"]:disabled, form input[type="checkbox"], form input[type="radio"]:disabled, form textarea:disabled, form select:disabled {
  background-color: rgba(68, 68, 68, 0.05);
  opacity: 0.75; }
form .field.inline input[type="text"], form .field.inline input[type="date"], form .field.inline input[type="datetime-local"], form .field.inline input[type="time"], form .field.inline input[type="text"], form .field.inline input[type="password"], form .field.inline input[type="search"], form .field.inline input[type="number"], form .field.inline input[type="email"], form .field.inline input[type="time"], form .field.inline input[type="tel"], form .field.inline input[type="url"] {
  display: inline;
  width: auto;
  margin-right: 5px; }
form .field.inline svg.ico {
  display: inline-block; }
form .field.small input[type="text"], form .field.small input[type="password"], form .field.small input[type="search"], form .field.small input[type="number"], form .field.small input[type="email"], form .field.small input[type="time"], form .field.small input[type="tel"], form .field.small input[type="url"] {
  line-height: 20px;
  font-size: 11px;
  padding: 2px 5px; }
form .field.small svg.ico {
  width: 18px;
  height: 18px;
  vertical-align: middle; }
form .field-units {
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0; }
form .field-units > span, form .field-units > a {
  display: table-cell;
  width: 1%;
  background: #f1f1f1;
  border: 1px solid #e1e1e1;
  font-size: 14px;
  line-height: 18px;
  vertical-align: middle;
  padding: 10px 15px; }
form .field-units > span.pre, form .field-units > a.pre {
  border-width: 1px 0 1px 1px;
  border-radius: 3px 0 0 3px; }
form .field-units > span.suf, form .field-units > a.suf {
  border-width: 1px 1px 1px 0;
  border-radius: 0 3px 3px 0; }
form .field-units > span.clickable, form .field-units > a.clickable {
  cursor: pointer; }
form .field-units > span.clickable:hover, form .field-units > a.clickable:hover {
  background: #fff;
  color: #C8016D; }
form .field-units > input {
  display: table-cell;
  border-radius: 3px 0 0 3px;
  width: 100%;
  min-width: 40px;
  margin: 0; }
form .field-units .pre + input {
  border-radius: 0 3px 3px 0; }
form .field-units.both input {
  border-radius: 0; }
form .field-units .select select {
  min-width: 40px; }
form .field-units > .pre-select {
  display: table-cell;
  width: 1%;
  background: #f1f1f1;
  border: 1px solid #e1e1e1;
  border-width: 1px 0 1px 1px;
  border-radius: 3px 0 0 3px;
  font-size: 14px;
  line-height: 18px;
  vertical-align: middle; }
form .field-units > .pre-select select {
  min-width: 50px;
  background-color: transparent;
  border: none; }
form .field-units > .pre-select > .field-loader {
  position: absolute;
  right: 10px;
  top: 50%;
  display: none;
  margin-top: -10px; }
form .field-units > .pre-select > .field-loader > svg.ico {
  fill: #C8016D;
  width: 20px;
  height: 20px; }
form .field-units .pre-select + input {
  border-radius: 0 3px 3px 0; }
@media (min-width: 768px) {
  form .two-columns > *:first-of-type {
    padding-left: 12.5%; }
  form .two-columns > *:last-of-type {
    padding-right: 12.5%; } }
form .user-image {
  text-align: center;
  margin: 30px 0; }
form .user-image.dz-drag-hover {
  background-color: #fe97cf; }
form .user-image .image {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  width: 100px;
  height: 100px;
  background-color: #f1f1f1;
  border: 2px solid #e1e1e1;
  border-radius: 3px;
  text-align: center;
  margin: 0 auto 20px; }
form .user-image .image img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto; }
form .user-image .image .ico {
  fill: #e1e1e1; }
form .user-image .image .loading {
  display: none;
  fill: #444;
  width: 50%;
  margin: 25% auto; }
form .user-image .btn {
  background-color: #243741; }
form .user-image a.remove {
  display: inline-block;
  border-bottom: 1px solid rgba(68, 68, 68, 0.25);
  color: #444444; }
form .user-image a.remove:hover {
  border-bottom: 1px solid rgba(68, 68, 68, 0);
  color: rgba(68, 68, 68, 0.75); }
form .user-image p {
  margin-top: 10px; }
form .option-group {
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #e1e1e1;
  border-radius: 3px; }
form .option-group li {
  overflow: hidden;
  border-top: 1px solid #e1e1e1; }
form .option-group li:first-child {
  border-top: none; }
form .option-group li label {
  display: block;
  width: 100%;
  cursor: pointer;
  font-weight: 300;
  line-height: 18px;
  text-align: left;
  white-space: nowrap;
  padding: 10px; }
form .option-group li label:hover {
  background-color: rgba(200, 1, 109, 0.05); }
form .action {
  float: right; }
form .action a {
  display: block;
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
  padding: 10px 0; }
form .action a:hover {
  color: #C8016D; }
form input[type="button"].non-default {
  background-color: #e1e1e1;
  border: 1px solid #e1e1e1; }
form input[type="button"].non-default:focus {
  outline: 0;
  background-color: rgba(225, 225, 225, 0.75);
  border-color: rgba(225, 225, 225, 0.75); }
form input[type="button"].non-default:hover {
  background-color: rgba(225, 225, 225, 0.75);
  border-color: rgba(225, 225, 225, 0.75); }
form input[type="button"].non-default:disabled:hover {
  background-color: #e1e1e1;
  border: 1px solid #e1e1e1;
  cursor: default; }
form input[type="button"].destroy-action, form input[type="submit"].destroy-action {
  background-color: #c30;
  border: 1px solid #c30;
  color: #fff; }
form input[type="button"].destroy-action:focus, form input[type="submit"].destroy-action:focus {
  outline: 0;
  background-color: rgba(204, 51, 0, 0.75);
  border-color: rgba(204, 51, 0, 0.75); }
form input[type="button"].destroy-action:hover, form input[type="submit"].destroy-action:hover {
  background-color: rgba(204, 51, 0, 0.75);
  border-color: rgba(204, 51, 0, 0.75); }
form input[type="button"].destroy-action:disabled:hover, form input[type="submit"].destroy-action:disabled:hover {
  background-color: #c30;
  border: 1px solid #c30;
  cursor: default; }
form input[type="submit"], form input[type="button"] {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: inline-block;
  cursor: pointer;
  background-color: #C8016D;
  border: 1px solid #C8016D;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 20px; }
form input[type="submit"]:focus, form input[type="button"]:focus {
  outline: 0;
  background-color: rgba(200, 1, 109, 0.75);
  border-color: rgba(200, 1, 109, 0.75); }
form input[type="submit"]:hover, form input[type="button"]:hover {
  background-color: rgba(200, 1, 109, 0.75);
  border-color: rgba(200, 1, 109, 0.75); }
form input[type="submit"]:disabled:hover, form input[type="button"]:disabled:hover {
  background-color: #C8016D;
  border: 1px solid #C8016D;
  cursor: default; }
form input[type="submit"]:active, form input[type="button"]:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25); }
form input[type="submit"]:disabled:active, form input[type="button"]:disabled:active {
  box-shadow: none; }
form input[type="submit"].full-width, form input[type="button"].full-width {
  width: 100%; }
form input[type="submit"].subbtn, form input[type="button"].subbtn {
  background-color: rgba(225, 225, 225, 0.5);
  border: 1px solid #e1e1e1;
  color: rgba(68, 68, 68, 0.75); }
form input[type="submit"].subbtn:focus, form input[type="button"].subbtn:focus {
  background-color: rgba(225, 225, 225, 0.25);
  border-color: rgba(225, 225, 225, 0.75); }
form input[type="submit"].subbtn:hover, form input[type="button"].subbtn:hover {
  background-color: rgba(225, 225, 225, 0.25);
  border-color: rgba(225, 225, 225, 0.75); }
form input[type="button"].non-default {
  background-color: rgba(253, 253, 253, 0.95);
  border: 1px solid #e1e1e1;
  color: #999; }
form input[type="button"].non-default:hover {
  background-color: white;
  color: #666; }
form input[type="button"].non-default:disabled:hover {
  background-color: white;
  color: #999;
  cursor: default; }
form .bottombar input[type="button"].non-default {
  background-color: rgba(225, 225, 225, 0.95);
  border: 1px solid #e1e1e1;
  color: #666; }
form .bottombar input[type="button"].non-default:hover {
  background-color: rgba(225, 225, 225, 0.8);
  border: 1px solid #ccc;
  color: #444; }
form .bottombar input[type="button"].non-default:disabled:hover {
  background-color: rgba(225, 225, 225, 0.8);
  color: #999;
  cursor: default; }
form input[type="checkbox"], form input[type="radio"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  padding: 0;
  margin-right: 4px; }
form input[type="checkbox"]:focus, form input[type="radio"]:focus {
  outline: auto; }
form .chosen-select, form .chosen-select-multiple {
  overflow: visible !important; }
form .chosen-select select, form .chosen-select-multiple select {
  width: 100%; }
form .chosen-select .chosen-container-single .chosen-single div, form .chosen-select-multiple .chosen-container-single .chosen-single div {
  width: 30px; }
form .chosen-select .chosen-rtl .chosen-search input[type="text"], form .chosen-select .chosen-container-single .chosen-single abbr, form .chosen-select .chosen-container-single .chosen-single div b, form .chosen-select .chosen-container-single .chosen-search input[type="text"], form .chosen-select .chosen-container .chosen-results-scroll-down span, form .chosen-select .chosen-container .chosen-results-scroll-up span, form .chosen-select-multiple .chosen-rtl .chosen-search input[type="text"], form .chosen-select-multiple .chosen-container-single .chosen-single abbr, form .chosen-select-multiple .chosen-container-single .chosen-single div b, form .chosen-select-multiple .chosen-container-single .chosen-search input[type="text"], form .chosen-select-multiple .chosen-container .chosen-results-scroll-down span, form .chosen-select-multiple .chosen-container .chosen-results-scroll-up span {
  background: white url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="arrow" x="0px" y="0px" viewBox="0 0 20 20" width="20px" height="20px" ><polygon points="7.7,8.1 10,10.4 12.3,8.1 13,8.9 10,11.9 7,8.9 "></polygon></svg>') 99% 50% no-repeat !important; }
form .chosen-select .chosen-container-single.chosen-container-active, form .chosen-select-multiple .chosen-container-single.chosen-container-active {
  background: white;
  border-color: #C8016D;
  box-shadow: 0 0 5px rgba(200, 1, 109, 0.2); }
form .chosen-select .chosen-container-single.chosen-container-active .chosen-single, form .chosen-select-multiple .chosen-container-single.chosen-container-active .chosen-single {
  background: white; }
form .chosen-select .chosen-single, form .chosen-select-multiple .chosen-single {
  background: white;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  font-size: 14px;
  line-height: 18px;
  height: auto;
  padding: 10px;
  box-shadow: none; }
form .chosen-select .chosen-drop, form .chosen-select-multiple .chosen-drop {
  border: 1px solid #C8016D;
  border-top: none; }
form .chosen-select .chosen-drop .chosen-search input, form .chosen-select-multiple .chosen-drop .chosen-search input {
  background: white;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  font-size: 14px;
  line-height: 18px;
  padding: 10px;
  margin-bottom: 5px; }
form .chosen-select .chosen-drop .chosen-results li, form .chosen-select-multiple .chosen-drop .chosen-results li {
  font-size: 14px;
  line-height: 18px; }
form .chosen-select .chosen-drop .chosen-results li.highlighted, form .chosen-select-multiple .chosen-drop .chosen-results li.highlighted {
  background: #C8016D; }
form .chosen-select .chosen-choices, form .chosen-select-multiple .chosen-choices {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  box-shadow: none;
  background-image: none;
  font-size: 14px;
  line-height: 18px;
  padding: 5px 10px; }
form .chosen-select .chosen-choices li.search-field input[type="text"], form .chosen-select-multiple .chosen-choices li.search-field input[type="text"] {
  font: inherit;
  font-size: 100%; }
form .chosen-select .chosen-choices li.search-choice, form .chosen-select-multiple .chosen-choices li.search-choice {
  background: #C8016D;
  color: #fff;
  box-shadow: none;
  border: 1px solid #C8016D; }
form .chosen-select .chosen-choices li.search-choice .search-choice-close, form .chosen-select-multiple .chosen-choices li.search-choice .search-choice-close {
  background: url("/lib/assets/img/chosen-sprite@2x.png") -42px 1px no-repeat !important;
  background-size: 52px 37px !important; }
form .chosen-select .chosen-choices li.search-choice .search-choice-close:hover, form .chosen-select-multiple .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px !important; }
form .chosen-container-active .chosen-choices {
  border-color: #C8016D; }
form .field-group {
  margin-top: 30px;
  margin-bottom: 30px;
  height: 10px;
  padding-top: 0;
  border-top: 1px solid #e1e1e1; }
form .field-group .field-group-title {
  display: inline-block;
  position: relative;
  top: -15px;
  background-color: #fff;
  padding-right: 10px; }
form .field-group .field-group-title:hover {
  cursor: pointer; }
form .field-group .field-group-title:hover > h3 {
  text-decoration: underline; }
form .field-group .field-group-title > h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0; }
form .field-group .field-group-title > h3:before {
  display: inline-block;
  text-indent: -9999px;
  content: ".";
  width: 14px;
  height: 14px;
  line-height: 14px;
  background-image: url("/lib/assets/img/arrow-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-color: "#fff";
  margin-right: 5px; }
form .field-group .field-group-fields {
  display: none; }
form .field-group.active {
  height: auto; }
form .field-group.active .field-group-title > h3:before {
  background-image: url("/lib/assets/img/arrow-down.svg"); }
form .field-group.active .field-group-fields {
  display: block; }

.form-separator {
  border-bottom: 1px solid #ddd;
  text-align: center;
  padding: 0;
  line-height: 10px;
  height: 6px;
  margin-bottom: 35px; }
.form-separator span {
  display: inline-block;
  background: #f7f7f7;
  padding: 0 5px;
  height: 10px;
  margin: 0 auto; }

.row + .large-radio-options.vertical {
  margin-top: 20px; }

.large-radio-options:not(.vertical) > li {
  display: inline-block;
  max-width: 300px;
  vertical-align: top; }
.large-radio-options:not(.vertical) label {
  text-align: center; }
.large-radio-options.vertical > li {
  vertical-align: top;
  margin-bottom: 20px; }
.large-radio-options.vertical label {
  float: none;
  text-align: left;
  width: 100%; }
.large-radio-options.vertical label input {
  float: left;
  margin-top: 2px; }
.large-radio-options.vertical label h4 {
  margin-left: 27px;
  margin-top: -9px; }
.large-radio-options.vertical label p {
  margin-left: 27px;
  font-weight: normal; }
.large-radio-options label {
  display: block;
  float: none;
  cursor: pointer;
  width: auto;
  background: #f9f9f9;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  font-weight: normal;
  padding: 10px; }
.large-radio-options h4 {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 5px; }
.large-radio-options p {
  font-size: 12px; }

.multiple-records-container.row {
  margin-bottom: 20px;
  padding-left: 0 !important;
  padding-right: 0 !important; }
@media (max-width: 720px) {
  .multiple-records-container .options {
    position: relative;
    top: -10px; } }
.multiple-records-container .options {
  visibility: visible;
  margin-top: -15px;
  position: relative;
  left: -10px;
  top: 30px; }
.multiple-records-container.single-record .multiple-records-delete-row {
  display: none; }
.multiple-records-container .multiple-records-row:not(:last-child) {
  margin-bottom: 20px; }

.xhr-list-dropdown .xhr-list-dropdown-current input[type="text"] {
  cursor: pointer; }
.xhr-list-dropdown .xhr-list-dropdown-list-container {
  display: none; }
.xhr-list-dropdown .xhr-list-dropdown-list-container div.loading {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
  border: 1px solid #e1e1e1;
  border-radius: 2px; }
.xhr-list-dropdown .xhr-list-dropdown-list-container div.loading svg.loading {
  max-width: 75px;
  max-height: 75px;
  fill: #999;
  margin-left: auto;
  margin-right: auto; }
.xhr-list-dropdown.active .xhr-list-dropdown-current {
  display: none; }
.xhr-list-dropdown.active .xhr-list-dropdown-list-container {
  display: block; }

a.btn {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: inline-block;
  cursor: pointer;
  background-color: #C8016D;
  border: 1px solid #C8016D;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 20px; }
a.btn:focus {
  outline: 0;
  background-color: rgba(200, 1, 109, 0.75);
  border-color: rgba(200, 1, 109, 0.75); }
a.btn:hover {
  background-color: rgba(200, 1, 109, 0.75);
  border-color: rgba(200, 1, 109, 0.75);
  text-decoration: none; }
a.btn:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25); }
a.btn.subbtn {
  background-color: rgba(225, 225, 225, 0.5);
  border: 1px solid #e1e1e1;
  color: rgba(68, 68, 68, 0.75); }
a.btn.subbtn:focus {
  background-color: rgba(225, 225, 225, 0.25);
  border-color: rgba(225, 225, 225, 0.75); }
a.btn.subbtn:hover {
  background-color: rgba(225, 225, 225, 0.25);
  border-color: rgba(225, 225, 225, 0.75); }
a.btn.green {
  background-color: #a9cb50;
  border: 1px solid #a9cb50;
  color: #fff; }
a.btn.green:focus {
  background-color: rgba(169, 203, 80, 0.75);
  border-color: rgba(169, 203, 80, 0.75); }
a.btn.green:hover {
  background-color: rgba(169, 203, 80, 0.75);
  border-color: rgba(169, 203, 80, 0.75); }
a.btn.red {
  background-color: #e6614f;
  border: 1px solid #e6614f;
  color: #fff; }
a.btn.red:focus {
  background-color: rgba(230, 97, 79, 0.75);
  border-color: rgba(230, 97, 79, 0.75); }
a.btn.red:hover {
  background-color: rgba(230, 97, 79, 0.75);
  border-color: rgba(230, 97, 79, 0.75); }

a.non-default-btn {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: inline-block;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  color: #777;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 20px; }
a.non-default-btn:focus {
  outline: 0;
  background-color: rgba(225, 225, 225, 0.75);
  border-color: rgba(225, 225, 225, 0.75); }
a.non-default-btn:hover {
  background-color: rgba(225, 225, 225, 0.75);
  border-color: rgba(225, 225, 225, 0.75); }
a.non-default-btn:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }
a.non-default-btn.subbtn {
  background-color: rgba(225, 225, 225, 0.5);
  border: 1px solid #e1e1e1;
  color: rgba(68, 68, 68, 0.75); }
a.non-default-btn.subbtn:focus {
  background-color: rgba(225, 225, 225, 0.25);
  border-color: rgba(225, 225, 225, 0.75); }
a.non-default-btn.subbtn:hover {
  background-color: rgba(225, 225, 225, 0.25);
  border-color: rgba(225, 225, 225, 0.75); }

a.option-btn {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: inline-block;
  cursor: pointer;
  font-size: 10px;
  font-weight: 700;
  line-height: 18px;
  color: rgba(68, 68, 68, 0.5);
  text-transform: uppercase; }
a.option-btn:hover {
  color: #C8016D; }

.responsive-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 2px; }
.responsive-table:not(.open) tr:hover {
  cursor: default; }
.responsive-table:not(.open) tr:hover .options {
  visibility: visible; }
@media (max-width: 1023px) {
  .responsive-table .options {
    position: absolute;
    visibility: visible;
    top: 12px;
    right: 10px; } }
.responsive-table .options.open {
  visibility: visible; }
.responsive-table .options a {
  transition: none; }
@media (min-width: 1023px) {
  .responsive-table .options + .options {
    margin-right: 10px; } }
.responsive-table thead, .responsive-table tfoot {
  position: relative; }
@media (max-width: 1023px) {
  .responsive-table thead, .responsive-table tfoot {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    border: 0; } }
.responsive-table thead > tr > th, .responsive-table tfoot > tr > th {
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  padding: 0 20px;
  padding-bottom: 10px; }
.responsive-table thead > tr > th span, .responsive-table tfoot > tr > th span {
  line-height: 20px;
  vertical-align: middle; }
.responsive-table thead > tr > th .arrow, .responsive-table tfoot > tr > th .arrow {
  width: 6px;
  height: 20px;
  fill: #999;
  vertical-align: middle;
  margin-left: 2px; }
@media (max-width: 1023px) {
  .responsive-table tbody {
    display: block; } }
.responsive-table tbody > tr {
  background-color: #fff;
  border-radius: 3px; }
@media (max-width: 1023px) {
  .responsive-table tbody > tr {
    position: relative;
    display: block;
    margin-bottom: 20px; } }
@media (min-width: 1024px) {
  .responsive-table tbody > tr:hover {
    background-color: rgba(200, 1, 109, 0.1); } }
.responsive-table tbody > tr.clickable td {
  cursor: pointer; }
.responsive-table tbody > tr.invalid-row td {
  background-color: #fff7f5;
  color: red; }
.responsive-table tbody > tr > td {
  vertical-align: middle;
  padding: 15px 20px; }
@media (max-width: 1023px) {
  .responsive-table tbody > tr > td {
    display: block;
    text-align: right;
    padding: 2px 15px; } }
@media (min-width: 1023px) {
  .responsive-table tbody > tr > td.three-icons {
    min-width: 110px; } }
.responsive-table tbody > tr > td strong {
  font-weight: 700; }
.responsive-table tbody > tr > td strong > em {
  color: red; }
.responsive-table tbody > tr > td .empty {
  color: #aaa;
  font-style: italic;
  font-weight: normal;
  text-transform: lowercase; }
.responsive-table tbody > tr > td a.txt-icon svg, .responsive-table tbody > tr > td a.txt-icon img {
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  display: inline-block; }
.responsive-table tbody > tr > td a.txt-icon:hover svg, .responsive-table tbody > tr > td a.txt-icon:hover img, .responsive-table tbody > tr > td a.txt-icon:hover img svg {
  filter: invert(1); }
.responsive-table tbody > tr.subtitle > td {
  background-color: #e1e1e1;
  font-size: 12px;
  font-weight: 700;
  padding-top: 5px;
  padding-bottom: 5px; }
.responsive-table tbody > tr.updated > td {
  background-color: rgba(200, 1, 109, 0.1); }
.responsive-table tbody > tr > td[data-title]:before {
  content: none; }
@media (max-width: 1023px) {
  .responsive-table tbody > tr > td[data-title]:before {
    float: left;
    content: attr(data-title);
    font-size: 12px;
    font-weight: 700;
    color: #999;
    text-transform: uppercase; } }
.responsive-table tbody > tr > td[scope="rowspan"] {
  text-align: left; }
@media (max-width: 1023px) {
  .responsive-table tbody > tr > td[scope="row"] {
    border-bottom: 1px solid #e1e1e1;
    text-align: left;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-bottom: 10px; } }
@media (max-width: 1023px) {
  .responsive-table tbody > tr > td[scope="opt"] {
    height: 0;
    padding: 0; } }
.responsive-table tbody .optional-special {
  visibility: hidden;
  pointer-events: none; }

.invoice-table thead {
  position: relative; }
@media (max-width: 1023px) {
  .invoice-table thead {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    border: 0; } }
.invoice-table thead > tr > th {
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  vertical-align: middle;
  padding: 10px; }
.invoice-table thead > tr > th.icon-col {
  width: 2.5%; }
.invoice-table thead > tr > th.description-col {
  width: 35%; }
.invoice-table thead > tr > th.price-col {
  width: 10%; }
.invoice-table thead > tr > th.btw-col {
  width: 7.5%; }
.invoice-table thead > tr > th.number-col, .invoice-table thead > tr > th.discount-col {
  width: 5%; }
@media (max-width: 1023px) {
  .invoice-table tbody {
    display: block; } }
@media (max-width: 1023px) {
  .invoice-table tbody > tr {
    position: relative;
    display: block; } }
.invoice-table tbody > tr > td {
  vertical-align: middle; }
@media (max-width: 1023px) {
  .invoice-table tbody > tr > td {
    display: block;
    text-align: right;
    padding: 2px 10px; } }
@media (min-width: 1024px) {
  .invoice-table tbody > tr > td {
    border-top: 1px solid #e1e1e1;
    padding: 10px; } }
.invoice-table tbody > tr > td[data-title]:before {
  content: none; }
@media (max-width: 1023px) {
  .invoice-table tbody > tr > td[data-title]:before {
    float: left;
    content: attr(data-title);
    font-size: 12px;
    font-weight: 700;
    color: #999;
    text-transform: uppercase; } }
.invoice-table tbody > tr > td[scope="rowspan"] {
  text-align: left; }
@media (max-width: 1023px) {
  .invoice-table tbody > tr > td[scope="row"] {
    background-color: rgba(36, 55, 65, 0.1);
    border-bottom: 1px solid #e1e1e1;
    font-weight: 700;
    text-align: left;
    margin-top: 15px;
    padding: 5px 10px; } }
@media (max-width: 1023px) {
  .invoice-table tbody > tr > td[scope="opt"] {
    height: 0;
    padding: 0; } }
.invoice-table tbody > tr > td[scope="spec"] .options {
  float: none; }
@media (max-width: 1023px) {
  .invoice-table tbody > tr > td[scope="spec"] {
    position: absolute;
    top: 0;
    right: 5px; } }
@media (max-width: 1023px) {
  .invoice-table tfoot {
    display: block; } }
@media (max-width: 1023px) {
  .invoice-table tfoot > tr {
    position: relative;
    display: block;
    margin-bottom: 20px; } }
.invoice-table tfoot > tr > th {
  text-align: left;
  vertical-align: middle;
  padding: 0 10px; }
@media (max-width: 1023px) {
  .invoice-table tfoot > tr > th {
    display: block;
    background-color: #fff;
    vertical-align: middle;
    text-align: left; }
  .invoice-table tfoot > tr > th.noshow {
    display: none; } }
.invoice-table tfoot > tr > th.total {
  background-color: rgba(225, 225, 225, 0.5);
  font-weight: 700;
  white-space: nowrap;
  padding: 5px 10px; }
.invoice-table tfoot > tr > th.empty {
  height: 10px; }
@media (max-width: 1023px) {
  .invoice-table tfoot > tr > th.empty {
    display: none; } }
.invoice-table tfoot > tr > th.resume {
  vertical-align: bottom;
  padding-right: 10%; }
.invoice-table tfoot > tr > th strong {
  font-weight: 700; }
.invoice-table tfoot > tr > th[data-title]:before {
  content: none; }
@media (max-width: 1023px) {
  .invoice-table tfoot > tr > th[data-title]:before {
    float: left;
    content: attr(data-title);
    font-size: 12px;
    font-weight: 700;
    color: #999;
    text-transform: uppercase; } }
.invoice-table .options {
  visibility: visible; }
.invoice-table .la > .options {
  float: none; }
.invoice-table .la > .options a {
  cursor: move; }

.mini-table-container {
  display: block;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  overflow-y: auto; }
.mini-table-container.with-toolbar {
  overflow-y: none !important; }
.mini-table-container .mini-table-container-toolbar-scrollcontainer {
  max-height: 358px;
  overflow-y: auto; }
.mini-table-container > .mini-table-container-toolbar {
  border-bottom: 1px solid #f1f1f1;
  text-align: right;
  height: 40px;
  padding: 5px; }
.mini-table-container > .mini-table-container-toolbar > h3 {
  float: left;
  font-size: 13px;
  font-weight: bold;
  padding: 0 0 0 5px;
  margin: 0; }
.mini-table-container > .mini-table-container-toolbar > select {
  display: inline-block;
  font-size: 12px;
  width: auto;
  background-position: 100% 50%;
  padding: 5px 5px 5px 10px; }
.mini-table-container > .mini-table-container-toolbar > input[type="text"], .mini-table-container > .mini-table-container-toolbar > input[type="search"] {
  display: inline-block;
  font-size: 12px;
  width: auto;
  background-position: 100% 50%;
  padding: 5px 5px 5px 10px; }
.mini-table-container div.loading {
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px; }
.mini-table-container div.loading svg.loading {
  max-width: 75px;
  max-height: 75px;
  fill: #999;
  margin-left: auto;
  margin-right: auto; }
.mini-table-container div.no-items {
  padding-top: 30px;
  padding-bottom: 30px; }
.mini-table-container div.no-items svg.ico {
  width: 50px;
  font-size: 18px;
  margin-bottom: 10px; }
.mini-table-container div.no-items h3 {
  font-size: 18px; }
.mini-table-container .mini-table-container-pages {
  height: 31px;
  border-top: 1px solid #f1f1f1; }
.mini-table-container .mini-table-container-pages .pages li {
  font-size: 10px;
  line-height: 20px; }

.mini-table {
  width: 100%; }
.mini-table .checkbox, .mini-table .icon {
  width: 20px; }
.mini-table .checkbox:first-child, .mini-table .icon:first-child {
  padding-left: 10px; }
.mini-table .checkbox input {
  position: relative;
  top: -1px; }
.mini-table > thead, .mini-table > tfoot {
  position: relative; }
@media (max-width: 1023px) {
  .mini-table > thead, .mini-table > tfoot {
    position: absolute;
    overflow: hidden;
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    border: 0; } }
.mini-table > thead > tr > th, .mini-table > tfoot > tr > th {
  border-bottom: 1px solid #e1e1e1;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  padding: 5px; }
.mini-table > thead > tr > th span, .mini-table > tfoot > tr > th span {
  line-height: 20px;
  vertical-align: middle; }
.mini-table > thead > tr > th .arrow, .mini-table > tfoot > tr > th .arrow {
  width: 6px;
  height: 20px;
  fill: #999;
  vertical-align: middle;
  margin-left: 2px; }
.mini-table > thead > tr > th.tablesorter-headerAsc .arrow-asc, .mini-table > tfoot > tr > th.tablesorter-headerAsc .arrow-asc {
  display: inline-block; }
.mini-table > thead > tr > th.tablesorter-headerAsc .arrow-desc, .mini-table > thead > tr > th.tablesorter-headerAsc .arrow-unsorted, .mini-table > tfoot > tr > th.tablesorter-headerAsc .arrow-desc, .mini-table > tfoot > tr > th.tablesorter-headerAsc .arrow-unsorted {
  display: none; }
.mini-table > thead > tr > th.tablesorter-headerDesc .arrow-desc, .mini-table > tfoot > tr > th.tablesorter-headerDesc .arrow-desc {
  display: inline-block; }
.mini-table > thead > tr > th.tablesorter-headerDesc .arrow-asc, .mini-table > thead > tr > th.tablesorter-headerDesc .arrow-unsorted, .mini-table > tfoot > tr > th.tablesorter-headerDesc .arrow-asc, .mini-table > tfoot > tr > th.tablesorter-headerDesc .arrow-unsorted {
  display: none; }
.mini-table > thead > tr > th.tablesorter-headerUnSorted .arrow-unsorted, .mini-table > tfoot > tr > th.tablesorter-headerUnSorted .arrow-unsorted {
  display: inline-block; }
.mini-table > thead > tr > th.tablesorter-headerUnSorted .arrow-asc, .mini-table > thead > tr > th.tablesorter-headerUnSorted .arrow-desc, .mini-table > tfoot > tr > th.tablesorter-headerUnSorted .arrow-asc, .mini-table > tfoot > tr > th.tablesorter-headerUnSorted .arrow-desc {
  display: none; }
@media (max-width: 1023px) {
  .mini-table > tbody {
    display: block; } }
@media (max-width: 1023px) {
  .mini-table > tbody > tr {
    position: relative;
    display: block; } }
@media (min-width: 1024px) {
  .mini-table > tbody > tr:nth-child(odd) {
    background-color: rgba(200, 1, 109, 0.05); } }
@media (max-width: 1023px) {
  .mini-table > tbody > tr:not(:first-child) {
    border-top: 1px solid #e1e1e1; } }
.mini-table > tbody > tr > td {
  padding: 5px; }
@media (max-width: 1023px) {
  .mini-table > tbody > tr > td {
    display: block;
    text-align: right;
    padding: 2px 10px; } }
.mini-table > tbody > tr > td span {
  display: none; }
.mini-table > tbody > tr > td[data-title]:before {
  content: none; }
@media (max-width: 1023px) {
  .mini-table > tbody > tr > td[data-title]:before {
    float: left;
    content: attr(data-title);
    font-size: 12px;
    font-weight: 700;
    color: #999;
    text-transform: uppercase; } }
.mini-table > tbody > tr > td[scope="rowspan"] {
  text-align: left; }
@media (max-width: 1023px) {
  .mini-table > tbody > tr > td[scope="row"] {
    width: 100%;
    background-color: rgba(200, 1, 109, 0.05);
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px; } }
@media (max-width: 1023px) {
  .mini-table > tbody > tr > td[scope="status"] {
    position: absolute;
    top: 5px;
    right: 0; }
  .mini-table > tbody > tr > td[scope="status"] span {
    display: inline-block; } }
.mini-table.clickable tbody tr th:hover, .mini-table.clickable tbody tr td:hover {
  cursor: pointer;
  background-color: rgba(200, 1, 109, 0.15); }
.mini-table.clickable tbody tr td.selected {
  background-color: #C8016D;
  color: #fff; }

.form-table tbody td h3 {
  font-size: 14px;
  font-weigth: 800;
  margin: 0; }
.form-table tbody td h5 {
  font-size: 12px;
  line-height: 16px;
  color: #999;
  margin: 0; }
.form-table .radio-options {
  border-radius: 3px;
  border: 1px solid #e1e1e1; }
.form-table .radio-options li:not(:last-child) {
  border-bottom: 1px solid #e1e1e1; }
.form-table .radio-options li label {
  display: block;
  cursor: pointer;
  text-align: left;
  padding: 5px 7px; }

@media (min-width: 768px) {
  .two-columns > * {
    float: left;
    width: 50%; }
  .two-columns > *:nth-child(2n+1) {
    clear: left; }
  .two-columns.c70-30 > *:nth-child(2n+1) {
    width: 70%; }
  .two-columns.c70-30 > *:nth-child(2n+0) {
    width: 30%; }
  .two-columns.c30-70 > *:nth-child(2n+1) {
    width: 30%; }
  .two-columns.c30-70 > *:nth-child(2n+0) {
    width: 70%; }
  .two-columns.c60-40 > *:nth-child(2n+1) {
    width: 60%; }
  .two-columns.c60-40 > *:nth-child(2n+0) {
    width: 40%; }
  .two-columns.spacing > * {
    float: left;
    width: 49%; }
  .two-columns.spacing > *:nth-child(2n) {
    margin-left: 2%; }
  .two-columns.spacing > *:first-of-type {
    margin-left: 0; }

  .two-columns-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr; }
  .two-columns-grid.spacing {
    gap: 15px; }

  .three-columns > * {
    float: left;
    width: 33.333%; }
  .three-columns > *:nth-child(3n+1) {
    clear: left; }
  .three-columns.spacing > * {
    float: left;
    width: 32%; }
  .three-columns.spacing > *:not(:nth-child(3n)) {
    margin-right: 2%; }
  .three-columns.spacing > *:first-of-type {
    margin-left: 0; }

  .three-columns-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr; }
  .three-columns-grid.spacing {
    gap: 15px; }

  .four-columns > * {
    float: left;
    width: 25%; }
  .four-columns > *:nth-child(4n+1) {
    clear: left; }
  .four-columns.spacing > * {
    float: left;
    width: 23.5%;
    margin-left: 2%; }
  .four-columns.spacing > *:first-of-type {
    margin-left: 0; }

  .five-columns > * {
    float: left;
    width: 20%; }
  .five-columns > *:nth-child(5n+1) {
    clear: left; }
  .five-columns.spacing > * {
    float: left;
    width: 18.4%;
    margin-left: 2%; }
  .five-columns.spacing > *:first-of-type {
    margin-left: 0; }

  .six-columns > * {
    float: left;
    width: 16.66%; }
  .six-columns > *:nth-child(6n+1) {
    clear: left; }
  .six-columns.spacing > * {
    float: left;
    width: 15%;
    margin-left: 2%; }
  .six-columns.spacing > *:first-of-type {
    margin-left: 0; }

  .two-columns-grid.spacing, .three-columns-grid.spacing, .four-columns-grid.spacing, .five-columns-grid.spacing, .six-columns-grid.spacing, .seven-columns-grid.spacing, .eight-columns-grid.spacing {
    gap: 15px; }
  .two-columns-grid.spacing-lg, .three-columns-grid.spacing-lg, .four-columns-grid.spacing-lg, .five-columns-grid.spacing-lg, .six-columns-grid.spacing-lg, .seven-columns-grid.spacing-lg, .eight-columns-grid.spacing-lg {
    gap: 30px; }
  .two-columns-grid.spacing-xl, .three-columns-grid.spacing-xl, .four-columns-grid.spacing-xl, .five-columns-grid.spacing-xl, .six-columns-grid.spacing-xl, .seven-columns-grid.spacing-xl, .eight-columns-grid.spacing-xl {
    gap: 45px; }
  .two-columns-grid.spacing-2xl, .three-columns-grid.spacing-2xl, .four-columns-grid.spacing-2xl, .five-columns-grid.spacing-2xl, .six-columns-grid.spacing-2xl, .seven-columns-grid.spacing-2xl, .eight-columns-grid.spacing-2xl {
    gap: 60px; } }
@media (max-width: 767px) {
  .two-columns > *:not(:last-child), .three-columns > *:not(:last-child), .four-columns > *:not(:last-child), .five-columns > *:not(:last-child), .six-columns > *:not(:last-child) {
    margin-bottom: 20px; } }
.grid {
  float: left; }
@media (max-width: 767px) {
  .grid {
    float: none; } }

.grid-5 {
  width: 5% !important; }

.grid-10 {
  width: 10% !important; }

.grid-15 {
  width: 15% !important; }

.grid-20 {
  width: 20% !important; }

.grid-25 {
  width: 25% !important; }

.grid-30 {
  width: 30% !important; }

.grid-35 {
  width: 35% !important; }

.grid-40 {
  width: 40% !important; }

.grid-45 {
  width: 45% !important; }

.grid-50 {
  width: 50% !important; }

.grid-55 {
  width: 55% !important; }

.grid-60 {
  width: 60% !important; }

.grid-65 {
  width: 65% !important; }

.grid-70 {
  width: 70% !important; }

.grid-75 {
  width: 75% !important; }

.grid-80 {
  width: 80% !important; }

.grid-85 {
  width: 85% !important; }

.grid-90 {
  width: 90% !important; }

@media (max-width: 767px) {
  .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90 {
    width: 100% !important; } }
.spacer {
  display: block;
  width: 20px;
  height: 20px; }

.space-10 {
  padding: 10px; }

.space-15 {
  padding: 15px; }

.space-20 {
  padding: 20px; }

.space-25 {
  padding: 25px; }

.space-30 {
  padding: 30px; }

.hspace-10 {
  padding: 0 10px; }

.hspace-15 {
  padding: 0 15px; }

.hspace-20 {
  padding: 0 20px; }

.hspace-25 {
  padding: 0 25px; }

.hspace-30 {
  padding: 0 30px; }

.vspace-10 {
  padding: 10px 0; }

.vspace-15 {
  padding: 15px 0; }

.vspace-20 {
  padding: 20px 0; }

.vspace-25 {
  padding: 25px 0; }

.vspace-30 {
  padding: 30px 0; }

.lb-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65); }
.lb-overlay.scrollable {
  overflow-y: auto;
  overflow-x: auto; }
.lb-overlay.scrollable .lb-container {
  position: static;
  width: auto;
  height: auto;
  max-height: none; }
.lb-overlay.scrollable .lb-container .lb-box {
  overflow-y: none; }

.lb-container {
  position: fixed;
  z-index: 11;
  box-sizing: border-box;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 30px; }
@media (max-width: 767px) {
  .lb-container {
    padding: 10px; } }
.lb-container .lb-box {
  pointer-events: all;
  box-sizing: border-box;
  background: #fff;
  overflow-y: auto;
  max-width: 600px;
  max-height: 100%;
  box-shadow: 0 0 20px #333;
  border-radius: 3px;
  margin: 0 auto; }
.lb-container .lb-box + .lb-box {
  margin-top: 50px; }
.lb-container .lb-box.lb-js-loading {
  position: relative;
  height: 100%;
  max-width: 50px;
  box-shadow: none;
  background: transparent; }
.lb-container .lb-box > svg.js-loading {
  display: block;
  position: absolute;
  top: 50%;
  width: 50px;
  height: 50px;
  fill: rgba(255, 255, 255, 0.4);
  margin: -25px auto 0; }
.lb-container .lb-box > .lb-content {
  padding: 30px; }
.lb-container .intro p {
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  background: #f9f9f9;
  padding: 10px; }
.lb-container .lb-header, .lb-container .lb-footer {
  padding: 25px 30px; }
.lb-container .lb-header + .lb-footer {
  border-top: none; }
.lb-container .lb-header {
  position: relative;
  border-bottom: 1px solid #e1e1e1; }
.lb-container .lb-header.destroy-action {
  background-color: #FFF6F6;
  color: #c30; }
.lb-container .lb-header .lb-close {
  position: absolute;
  top: 25px;
  right: 30px;
  width: 20px;
  height: 20px; }
.lb-container .lb-header .lb-close .ico {
  width: 20px;
  height: 20px;
  fill: #444444; }
.lb-container .lb-header h1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 20px; }
.lb-container .lb-stats.lb-content {
  padding: 0; }
.lb-container .lb-stats {
  padding: 0; }
.lb-container .lb-stats .stats-content {
  width: 100%; }
.lb-container .lb-stats h6 {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  padding: 15px 30px 5px; }
.lb-container .lb-stats h6:not(:first-child) {
  border-top: 1px solid #eee; }
.lb-container .lb-stats label, .lb-container .lb-stats strong, .lb-container .lb-stats span {
  line-height: 20px; }
.lb-container .lb-stats label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #999;
  padding: 0 30px 0; }
.lb-container .lb-stats strong, .lb-container .lb-stats span {
  display: block;
  font-size: 13px;
  padding: 0 30px 20px; }
.lb-container .lb-stats strong a, .lb-container .lb-stats span a {
  color: #222; }
.lb-container .lb-stats strong a:hover, .lb-container .lb-stats span a:hover {
  text-decoration: underline; }
.lb-container .lb-stats strong {
  font-weight: bold; }
.lb-container .lb-stats p.help {
  font-size: 11px;
  line-height: 20px;
  margin-top: -20px;
  padding: 0 30px 20px; }
.lb-container .lb-toolbar {
  padding: 15px 30px; }
.lb-container .lb-toolbar > .select, .lb-container .lb-toolbar > .select {
  display: inline-block;
  cursor: pointer;
  margin: 0 5px; }
.lb-container .lb-toolbar > .select select, .lb-container .lb-toolbar > .select select {
  padding-right: 30px; }
.lb-container .lb-toolbar + .lb-toolbar {
  padding-top: 0; }
.lb-container .lb-footer {
  border-top: 1px solid #e1e1e1; }
.lb-container .lb-footer .loading {
  display: none; }
.lb-container .lb-footer .loading .ico {
  position: relative;
  top: 4px;
  width: 20px;
  height: 20px; }
.lb-container .lb-footer .items {
  float: right;
  line-height: 40px; }
.lb-container .lb-footer .items.left {
  float: left; }
.lb-container .lb-footer .items.left > li {
  margin-left: 0;
  margin-right: 20px; }
.lb-container .lb-footer .items > li {
  float: left;
  margin-left: 20px; }
@media (max-width: 767px) {
  .lb-container .lb-footer .items > li:not(:last-child) {
    display: none; } }
.lb-container .lb-footer .items .delete {
  font-size: 12px;
  font-weight: 700;
  color: #e6614f;
  text-transform: uppercase; }
.lb-container .lb-footer .items .delete:hover {
  color: #444444; }
.lb-container .lb-footer .items li.loading {
  display: none; }
.lb-container .lb-footer .items li.loading svg {
  float: left;
  display: none;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 32px;
  fill: #C8016D;
  margin: 0;
  padding: 0; }
.lb-container .responsive-table tbody tr {
  border-collapse: collapse;
  border-spacing: none; }
.lb-container .responsive-table tbody td {
  border-spacing: none;
  border-top: 1px solid #eee;
  border-bottom: none; }

.lb-header-ico {
  background-color: rgba(200, 1, 109, 0.2);
  text-align: center;
  padding: 30px 40px; }
.lb-header-ico .ico {
  width: 180px;
  height: 180px; }

.lb-close-button {
  position: absolute;
  display: inline-block;
  z-index: 99999;
  top: 25px;
  right: 30px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.87);
  border-radius: 3px;
  padding: 5px 10px; }

.lb-message {
  text-align: center;
  padding: 40px; }
.lb-message h3 {
  font-weight: 700; }
.lb-message p {
  margin-bottom: 30px; }
.lb-message input[type="submit"], .lb-message input[type="button"] {
  display: block;
  margin: 0 auto; }

.lb-wizard-panel .large-icon {
  width: 70%;
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px; }
.lb-wizard-panel .big-text {
  font-size: 90px;
  line-height: 90px;
  padding: 20px 0; }

.lb-content > hr {
  margin-left: 0;
  margin-right: 0;
  width: 100%; }
.lb-content .large-icon {
  width: 70%;
  max-width: 150px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px; }
.lb-content .large-icon.size-by-height {
  width: auto;
  margin-top: 20px; }
.lb-content .large-icon.size-by-height > svg {
  display: block;
  height: 70px;
  margin-left: auto;
  margin-right: auto; }
.lb-content .medium-icon {
  width: 70%;
  max-width: 75px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px; }
.lb-content .large-icon svg.ico, .lb-content .medium-icon svg.ico {
  fill: #999; }
.lb-content .large-icon svg.loading, .lb-content .medium-icon svg.loading {
  fill: #C8016D; }

.lb-user-info-block h3 {
  font-size: 14px;
  font-weight: bold;
  margin: 0; }
.lb-user-info-block .lb-user-info-block-box {
  display: block;
  padding: 10px;
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 3px;
  margin-right: 20px; }
.lb-user-info-block a.lb-user-info-block-box {
  cursor: pointer; }
.lb-user-info-block a.lb-user-info-block-box:hover {
  background: #fff; }
.lb-user-info-block a.lb-user-info-block-box:hover .large-icon > svg {
  fill: #C8016D; }

.lb-document-review .lb-document-review-sidebar {
  margin-right: 20px; }
.lb-document-review .lb-document-review-sidebar li {
  padding: 3px 7px;
  border-radius: 3px; }
.lb-document-review .lb-document-review-sidebar li span {
  display: block;
  font-size: 10px;
  color: #999;
  line-height: 12px;
  margin-bottom: 5px; }
.lb-document-review .lb-document-review-sidebar li.active {
  font-weight: bold;
  background-color: #fe7dc3; }
.lb-document-review .lb-document-review-sidebar li.active span {
  font-weight: normal; }
.lb-document-review .lb-document-review-sidebar li.dont-import {
  opacity: 0.5; }
.lb-document-review .lb-document-review-content .field-group:first-child {
  margin-top: 10px; }
.lb-document-review .lb-document-review-preview {
  border: 1px solid #e1e1e1;
  border-radius: 2px; }
.lb-document-review .lb-document-review-preview > img {
  display: block; }
.lb-document-review .lb-document-review-preview > iframe {
  display: block;
  width: 100%;
  height: 100%; }
.lb-document-review .lb-document-review-content, .lb-document-review .lb-document-review-preview, .lb-document-review .lb-document-review-sidebar {
  overflow-y: auto;
  width: 100%;
  height: calc(100vh - 280px); }
.lb-document-review .lb-document-review-preview.no-preview {
  display: grid;
  align-items: center;
  justify-content: center; }
.lb-document-review .lb-document-review-preview.no-preview > div {
  font-size: 12px;
  color: #999; }

.flash {
  position: fixed;
  z-index: 999;
  right: 20px;
  bottom: 20px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #fff;
  padding: 10px 20px; }
.flash.info {
  background-color: #bad26e;
  background-color: rgba(186, 210, 110, 0.8);
  border: 1px solid #bad26e; }
.flash.warning {
  background: #fe7065;
  background-color: rgba(254, 112, 101, 0.8);
  border: 1px solid #fe7065; }
.flash.below-top {
  top: 70px;
  padding: 5px; }
.flash > .wrapper {
  width: auto;
  padding: 0; }

.login {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 100%;
  background: url(../img/background.jpg) no-repeat 100% 100%;
  background-attachment: fixed;
  background-size: 100%;
  background-size: cover;
  padding-top: 20px; }
.login > section {
  width: 37.5%;
  margin: auto; }
@media (max-width: 1199px) {
  .login > section {
    width: 45%; } }
@media (max-width: 1023px) {
  .login > section {
    width: 100%; } }
.login .logo > img {
  display: block;
  width: 120px;
  margin: 0 auto;
  margin-bottom: 20px; }
@media (max-width: 767px) {
  .login .logo > img {
    width: 100px; } }
.login p {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  padding-bottom: 20px; }
.login p strong {
  font-weight: 700; }
.login p a {
  border-bottom: 1px solid #fff;
  color: #fff; }
.login p a:hover {
  border-bottom: none; }
.login form {
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 40px 50px; }
@media (max-width: 1023px) {
  .login form {
    width: 90%;
    margin: 0 auto;
    padding: 20px; } }
.login form .row:last-of-type {
  margin-bottom: 0; }
.login form h1 {
  font-size: 18px;
  line-height: 25px;
  text-align: center; }
.login form p {
  color: #444444;
  margin-top: 0;
  padding-bottom: 0; }
.login form label {
  text-align: left;
  padding-left: 0; }
@media (max-width: 1023px) {
  .login form label {
    display: none;
    float: none;
    width: 100%; } }
@media (max-width: 1023px) {
  .login form .field {
    float: none;
    width: 100%; } }

.register > section {
  height: 450px;
  margin-top: -225px; }

body.session-switch {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  height: 100%;
  padding-top: 0;
  background-color: #f7f7f7; }
body.session-switch > section {
  width: 37.5%;
  margin: auto; }
body.session-switch > section h1 {
  line-height: 30px;
  margin-bottom: 30px;
  text-align: center; }
@media (max-width: 1199px) {
  body.session-switch > section {
    width: 45%; } }
@media (max-width: 1023px) {
  body.session-switch > section {
    width: 100%; } }
body.session-switch .logo > img {
  display: block;
  width: 120px;
  margin: 0 auto;
  margin-bottom: 20px; }
@media (max-width: 767px) {
  body.session-switch .logo > img {
    width: 100px; } }
body.session-switch .company-list {
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px; }
body.session-switch .company-list > ul > li {
  display: block; }
body.session-switch .company-list > ul > li > a {
  display: block;
  padding: 20px 20px; }
body.session-switch .company-list > ul > li > a h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 5px; }
body.session-switch .company-list > ul > li > a h6 {
  line-height: 20px;
  color: #666; }
body.session-switch .company-list > ul > li > a:hover {
  background-color: rgba(200, 1, 109, 0.25);
  color: #C8016D; }
body.session-switch .company-list > ul > li:first-child > a {
  padding-top: 20px; }
body.session-switch .company-list > ul > li:last-child > a {
  padding-bottom: 20px; }

.register > section {
  height: 450px;
  margin-top: -225px; }

header {
  position: fixed;
  z-index: 5;
  top: 0;
  width: 100%;
  background-color: #243741;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  font-weight: 400;
  color: #fff;
  text-align: center; }
header .ico {
  width: 24px;
  height: 24px;
  fill: #fff; }
header .logo {
  float: left;
  font-family: "Saira Extra Condensed";
  font-size: 25px;
  color: #fff;
  max-width: 275px;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  height: 40px;
  line-height: 40px;
  margin: 15px 0 15px 2.5%; }
@media (max-width: 1200px) {
  header .logo {
    max-width: 200px; } }
@media (max-width: 1023px) {
  header .logo {
    float: none;
    max-width: 400px;
    display: inline-block;
    margin-right: auto;
    margin-left: auto; } }
@media (max-width: 500px) {
  header .logo {
    max-width: 200px; } }
header nav {
  display: inline-block; }
@media (max-width: 1023px) {
  header nav {
    display: none !important;
    overflow-y: scroll; } }
header nav > ul > li {
  display: inline-block;
  position: relative; }
header nav > ul > li > a {
  display: block;
  font-size: 14px;
  color: #fff;
  line-height: 40px;
  padding: 15px;
  padding-right: 5px; }
header nav > ul > li > a.disabled {
  pointer-events: none;
  opacity: 0.5; }
header nav > ul > li > a:hover {
  color: #C8016D; }
header nav > ul > li > a:hover .arrow {
  fill: #C8016D; }
header nav > ul > li.active > a {
  font-weight: 700; }
header nav > ul > li .arrow {
  float: right;
  width: 20px;
  height: 20px;
  fill: #ccc;
  margin-top: 10px;
  margin-left: -2px; }
header nav > ul > li.open .arrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }
header nav > ul > li.open > ul {
  display: block; }
header nav > ul > li > ul {
  display: none;
  position: absolute;
  top: 60px;
  width: 180px !important;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  text-align: left;
  padding: 10px 0; }
header nav > ul > li > ul > li {
  display: block;
  margin: 0; }
header nav > ul > li > ul > li.active > a {
  font-weight: 700; }
header nav > ul > li > ul a {
  display: block;
  color: #444444;
  line-height: 30px;
  padding: 0 15px; }
header nav > ul > li > ul a.disabled {
  pointer-events: none;
  opacity: 0.5; }
header nav > ul > li > ul a:hover {
  background-color: rgba(200, 1, 109, 0.25);
  color: #C8016D; }
header .user {
  float: right;
  margin-right: 2.5%; }
@media (max-width: 1023px) {
  header .user {
    margin-right: 5%; } }
header .user > li > a {
  display: block;
  color: #fff;
  line-height: 20px;
  white-space: nowrap;
  padding: 20px 0; }
header .user > li > a:hover {
  color: #C8016D; }
header .user > li > a:hover .arrow {
  fill: #C8016D; }
header .user > li > a > .image {
  float: left;
  display: block;
  overflow: hidden;
  width: 30px;
  height: 30px;
  background-color: #f3f3f3;
  border-radius: 50%;
  margin-right: 10px; }
header .user > li > a > .image img {
  max-width: 100%;
  max-height: 100%; }
@media (max-width: 1023px) {
  header .user > li > a > .image {
    margin-right: 0; } }
header .user > li > a > .image > .ico {
  width: 30px;
  height: 30px;
  fill: #ccc; }
header .user > li > a > .name {
  float: left;
  margin-top: 5px; }
@media (max-width: 1023px) {
  header .user > li > a > .name {
    display: none; } }
header .user > li > a > .arrow {
  float: left;
  width: 20px;
  height: 20px;
  fill: #ccc;
  margin-top: 5px; }
@media (max-width: 1023px) {
  header .user > li > a > .arrow {
    display: none; } }
header .user > li.open .arrow {
  transform: rotate(180deg); }
header .user > li.open > ul {
  display: block; }
header .user > li > ul {
  display: none;
  position: absolute;
  top: 60px;
  right: 40px;
  width: 200px !important;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  text-align: left;
  padding: 10px 0; }
header .user > li > ul > li {
  display: block;
  margin: 0; }
header .user > li > ul > li.active > a {
  font-weight: 700; }
header .user > li > ul > li.optional-alt {
  display: none; }
header .user > li > ul a {
  display: block;
  color: #444444;
  white-space: nowrap;
  line-height: 30px;
  padding: 0 15px; }
header .user > li > ul a.disabled {
  pointer-events: none;
  opacity: 0.5; }
header .user > li > ul a:hover {
  background-color: rgba(200, 1, 109, 0.25);
  color: #C8016D; }
header .user > li > ul .line {
  height: 1px;
  background-color: #e1e1e1;
  margin: 10px 0; }
header .hamburger {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  position: relative; }
header .hamburger .top-menu {
  top: 5px; }
header .hamburger .mid-menu {
  top: 13px; }
header .hamburger .bottom-menu {
  top: 21px; }
header .hamburger .hamburger-line {
  position: absolute;
  width: 25px;
  height: 3px;
  background-color: #fff;
  border-radius: 10px;
  transition: 0.4s ease;
  transition-timing-function: cubic-bezier(0.75, 0, 0.29, 1.01); }

@media (min-width: 1023px) {
  body > header .mobile-nav-btn {
    display: none; } }
@media (max-width: 1023px) {
  body > header .mobile-nav-btn {
    float: left;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: 20px;
    margin-left: 5%; }
  body > header nav {
    position: absolute;
    display: block;
    z-index: -1;
    opacity: 0;
    top: -450px;
    left: 0;
    width: 100%;
    background-color: #243741;
    text-align: left;
    transition: 0.4s ease;
    transition-timing-function: cubic-bezier(0.75, 0, 0.29, 1.01); }
  body > header nav > ul > li {
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body > header nav > ul > li:first-child {
    border-top: none; }
  body > header nav > ul > li > a {
    line-height: 30px;
    padding: 5px 5%; }
  body > header nav > ul > li .arrow {
    display: none; }
  body > header nav > ul > li > ul {
    position: static;
    display: block;
    top: auto;
    width: 100% !important;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    padding: 0; }
  body > header nav > ul > li > ul > li {
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body > header nav > ul > li > ul a {
    color: #fff;
    padding: 5px 7.5%; }
  body > header nav > ul > li > ul a:before {
    content: "›";
    margin-right: 10px; }
  body > header nav > ul > li > ul a:hover {
    background-color: transparent; }
  body > header .user ul {
    position: absolute;
    z-index: -1;
    opacity: 0;
    top: -300px;
    left: 0;
    width: 100% !important;
    background-color: #243741;
    border-radius: 0;
    text-align: right;
    transition: 0.4s ease;
    transition-timing-function: cubic-bezier(0.75, 0, 0.29, 1.01); }
  body > header .user ul > li {
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
  body > header .user ul > li:first-child {
    border-top: none; }
  body > header .user ul > li > a {
    color: #fff;
    padding: 5px 5%; }
  body > header .user ul > li > a:hover {
    background-color: transparent; }
  body > header .user ul > li.line {
    display: none; }

  body.mobile-nav-active > header .mobile-nav-btn .hamburger-line.top-menu, body.mobile-usernav-active > header .mobile-nav-btn .hamburger-line.top-menu {
    top: 13px !important;
    background: #fff !important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  body.mobile-nav-active > header .mobile-nav-btn .hamburger-line.mid-menu, body.mobile-usernav-active > header .mobile-nav-btn .hamburger-line.mid-menu {
    opacity: 0; }
  body.mobile-nav-active > header .mobile-nav-btn .hamburger-line.bottom-menu, body.mobile-usernav-active > header .mobile-nav-btn .hamburger-line.bottom-menu {
    top: 13px !important;
    background: #fff !important;
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg); }

  body.mobile-nav-active > header nav {
    display: block !important;
    opacity: 1;
    top: 60px; }

  body.mobile-usernav-active > header > ul.user > li > ul {
    opacity: 1;
    top: 60px; }
  body.mobile-usernav-active > header > ul.user > li > ul .optional-alt {
    display: block !important; }
  body.mobile-usernav-active > header > ul.user > li > ul .line {
    display: none !important;
    background-color: #121b20;
    margin: 10px 0; } }
.sub-header {
  position: fixed;
  z-index: 2;
  top: 70px;
  width: 100%;
  background-color: rgba(253, 236, 164, 0.75);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  padding: 0 20px; }
.sub-header strong {
  font-weight: bold; }
.sub-header a {
  display: block;
  line-height: 20px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px; }
.sub-header a:hover {
  color: rgba(68, 68, 68, 0.75); }

body.login > .sub-header {
  top: 0;
  background-color: rgba(253, 236, 164, 0.95); }

.project-header {
  width: 100%;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  margin-top: -40px;
  margin-bottom: 30px; }
.project-header .topbar {
  margin-bottom: 0;
  padding: 25px 0; }
@media (max-width: 1023px) {
  .project-header .topbar {
    text-align: center; } }
.project-header .topbar .titles {
  float: left; }
@media (max-width: 1023px) {
  .project-header .topbar .titles {
    float: none; } }
.project-header .topbar .items {
  margin-top: 5px; }
.project-header .topbar h1 {
  font-weight: 700;
  padding: 0; }
.project-header .topbar h5 {
  clear: left; }
.project-header nav {
  display: inline-block; }
@media (max-width: 1023px) {
  .project-header nav {
    display: block;
    padding-bottom: 30px; } }
.project-header nav > ul > li {
  display: inline-block;
  margin-left: 25px; }
@media (max-width: 1023px) {
  .project-header nav > ul > li {
    float: none;
    display: block;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-width: 1px 1px 0 1px;
    text-align: center;
    margin-left: 0; } }
@media (max-width: 1023px) {
  .project-header nav > ul > li:last-child {
    border-width: 1px; } }
.project-header nav > ul > li:first-child {
  margin-left: 0; }
.project-header nav > ul > li > a {
  display: block;
  border-bottom: 5px solid transparent;
  font-size: 14px;
  color: rgba(68, 68, 68, 0.5);
  padding: 5px 0 10px; }
@media (max-width: 1023px) {
  .project-header nav > ul > li > a {
    border: none !important; } }
.project-header nav > ul > li > a:hover {
  color: #C8016D; }
.project-header nav > ul > li.active > a {
  border-bottom: 5px solid #C8016D;
  font-weight: 700;
  color: #444444; }

.topbar h1, .bottombar h1 {
  float: left;
  line-height: 30px;
  padding: 5px 0; }
@media (max-width: 1023px) {
  .topbar h1, .bottombar h1 {
    float: none; } }
.topbar h1 em, .bottombar h1 em {
  color: #ccc; }
.topbar h1 span, .bottombar h1 span {
  background-color: rgba(36, 55, 65, 0.25);
  border-radius: 15px;
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding: 3px 10px; }
.topbar .h1-select select, .bottombar .h1-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
  font-size: 25px;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  color: #444444;
  line-height: 30px;
  width: auto;
  width: 10px;
  min-width: 10px; }
.topbar .h1-select select:focus, .topbar .h1-select select:active, .bottombar .h1-select select:focus, .bottombar .h1-select select:active {
  outline: none; }
.topbar h5, .bottombar h5 {
  float: left; }
@media (max-width: 1023px) {
  .topbar h5, .bottombar h5 {
    float: none; } }
.topbar .items, .bottombar .items {
  float: right; }
@media (max-width: 1023px) {
  .topbar .items, .bottombar .items {
    float: none; } }
.topbar .items > li, .bottombar .items > li {
  float: left;
  margin-left: 20px; }
.topbar .items > li .info, .bottombar .items > li .info {
  font-size: 10px;
  color: #999;
  text-align: center; }
@media (max-width: 1023px) {
  .topbar .items > li, .bottombar .items > li {
    float: none;
    margin-left: 0;
    margin-top: 15px; } }
@media (max-width: 1023px) {
  .topbar .btn, .topbar .non-default-btn, .bottombar .btn, .bottombar .non-default-btn {
    width: 100%; } }
.topbar div.select, .bottombar div.select {
  display: inline-block; }
@media (max-width: 1023px) {
  .topbar div.select, .bottombar div.select {
    width: 100%; } }
.topbar div.select select, .bottombar div.select select {
  line-height: 19px;
  padding-right: 20px; }
.topbar input.daterangepicker-input, .bottombar input.daterangepicker-input {
  width: 100%;
  min-width: 200px;
  background-color: white;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  font-size: 14px;
  line-height: 18px;
  padding: 10px; }
.topbar .search-item, .bottombar .search-item {
  display: inline-block;
  position: relative;
  width: 250px;
  margin: 0;
  padding: 0; }
@media (max-width: 1023px) {
  .topbar .search-item, .bottombar .search-item {
    width: 100%; } }
.topbar .search-item input[type="text"], .bottombar .search-item input[type="text"] {
  width: 100%;
  padding: 10px 40px 10px 10px; }
.topbar .search-item button, .bottombar .search-item button {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-color: none;
  border: none;
  margin: 0;
  padding: 0; }
.topbar .search-item button .ico, .bottombar .search-item button .ico {
  width: 20px;
  height: 20px;
  fill: #999; }

.topbar {
  margin-bottom: 30px; }

.bottombar {
  position: fixed;
  z-index: 5;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #243741;
  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.1);
  padding: 15px; }

.section-header {
  margin-bottom: 30px; }
.section-header h1 {
  float: left;
  line-height: 30px;
  padding: 5px 0; }

.contentbox + .section-header {
  margin-top: 60px; }

.status {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap; }
.status .small {
  font-size: 12px;
  font-weight: 500;
  color: #bbb; }
.status.blue > em, .status.new > em, .status.open > em, .status.logged > em {
  background-color: #C8016D; }
.status.green > em, .status.payed > em, .status.paid > em, .status.license > em, .status.approved > em, .status.invoiced > em, .status.finished > em, .status.credited > em, .status.active > em, .status.activate > em, .status.imported > em, .status.ok > em, .status.sent > em {
  background-color: #a9cb50; }
.status.orange > em, .status.partly_payed > em, .status.mailed > em, .status.billtobox > em, .status.pending > em, .status.orange_open > em, .status.trial > em, .status.running > em, .status.rescanning > em, .status.processing > em {
  background-color: #f4ba4a; }
.status.special > em, .status.free > em, .status.demo > em, .status.rescan > em, .status.scheduled > em, .status.treated > em {
  background-color: #4d9cd7; }
.status.red > em, .status.overdue > em, .status.overdue_partly_payed > em, .status.failed > em, .status.expired > em, .status.cancelled > em, .status.not_interested > em, .status.disapproved > em, .status.over_budget > em, .status.inactive > em, .status.denied > em, .status.rejected > em, .status.failed > em, .status.deactivate > em, .status.error > em, .status.error_in_document > em, .status.recipient_not_registered > em, .status.nok > em {
  background-color: #e6614f; }
.status.pink > em, .status.processed > em, .status.parsed > em, .status.rescanned > em {
  background-color: #fdeca4; }
.status.disabled > em {
  background-color: #e1e1e1; }
.status em {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  margin-right: 5px; }
.status.small em {
  width: 8px;
  height: 8px; }
.status span {
  display: inline-block; }
.status svg.stat-ico {
  fill: #bbb;
  width: 11px;
  height: 11px;
  margin-left: 5px;
  position: relative;
  top: 1px; }
.status svg.ico {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  top: -1px;
  width: 14px;
  height: 14px;
  margin-right: 5px; }
.status svg.rating-5, .status svg.rating-4 {
  fill: #44DB5E; }
.status svg.rating-3 {
  fill: #4285F4; }
.status svg.rating-2, .status svg.rating-1 {
  fill: #D0011B; }

.quantity {
  display: inline-block;
  background-color: rgba(36, 55, 65, 0.25);
  border-radius: 15px;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  padding: 3px 10px; }

.dropdown > li {
  position: relative; }
.dropdown > li > ul {
  display: none;
  position: absolute;
  top: 40px;
  left: 0px;
  width: 180px !important;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  text-align: left;
  z-index: 10;
  padding: 10px 0; }
.dropdown > li > ul > li {
  display: block;
  margin: 0; }
.dropdown > li > ul > li.caption {
  background: url(../img/dot.png) repeat-x 0 50%; }
.dropdown > li > ul > li.caption span {
  display: inline-block;
  background-color: #fff;
  font-size: 10px;
  font-weight: 700;
  color: #999;
  text-transform: uppercase;
  margin-left: 10px;
  padding: 0 5px; }
.dropdown > li > ul > li.active > a {
  font-weight: 700; }
.dropdown > li > ul > li.optional-alt {
  display: none; }
.dropdown > li > ul a {
  display: block;
  color: #444444;
  line-height: 30px;
  padding: 0 15px; }
.dropdown > li > ul a.disabled {
  pointer-events: none;
  opacity: 0.5; }
.dropdown > li > ul a:hover {
  background-color: rgba(200, 1, 109, 0.25);
  color: #C8016D; }
.dropdown > li > ul .line {
  height: 1px;
  background-color: #e1e1e1;
  margin: 10px 0; }
.dropdown > li.active > ul {
  display: block; }

.options {
  float: right;
  visibility: hidden; }
.options.open > li > ul {
  display: block; }
.options > li {
  position: relative;
  float: left;
  margin-left: 5px; }
.options > li:first-child {
  margin-left: 0; }
.options > li > a {
  display: block; }
.options > li > a:hover > .ico {
  fill: #C8016D; }
.options > li .ico {
  display: block;
  width: 20px;
  height: 20px;
  fill: #999; }
.options > li > ul {
  display: none;
  position: absolute;
  top: 25px;
  right: -10px;
  min-width: 150px !important;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  text-align: left;
  padding: 10px 0;
  z-index: 10; }
.options > li > ul > li {
  display: block;
  margin: 0;
  white-space: nowrap; }
.options > li > ul > li.caption {
  background: url(../img/dot.png) repeat-x 0 50%; }
.options > li > ul > li.caption span {
  display: inline-block;
  background-color: #fff;
  font-size: 10px;
  font-weight: 700;
  color: #999;
  text-transform: uppercase;
  margin-left: 10px;
  padding: 0 5px; }
.options > li > ul > li.separator {
  border-top: 1px solid #e1e1e1;
  margin-top: 10px;
  padding-top: 10px; }
.options > li > ul > li.active > a {
  font-weight: 700; }
.options > li > ul a {
  display: block;
  font-size: 13px;
  color: #444444;
  line-height: 30px;
  padding: 0 15px; }
.options > li > ul a:hover {
  background-color: rgba(200, 1, 109, 0.25);
  color: #C8016D; }

footer {
  padding: 30px 0; }
footer .numnum {
  display: block;
  width: 70px;
  background-color: rgba(68, 68, 68, 0.25);
  margin: 0 auto; }
footer .numnum img {
  width: 100%; }

.tabs > li {
  float: left;
  margin-left: 5px; }
@media (max-width: 767px) {
  .tabs > li {
    float: none;
    display: block;
    margin-left: 0; } }
.tabs > li:first-child {
  margin-left: 0; }
.tabs > li > a {
  display: block;
  background-color: #e7e7e7;
  border-radius: 3px 3px 0 0;
  font-weight: 700;
  color: #999;
  padding: 15px 25px; }
@media (max-width: 767px) {
  .tabs > li > a {
    border-radius: 0;
    text-align: center; } }
.tabs > li > a.disabled {
  pointer-events: none;
  color: #ccc; }
.tabs > li > a:hover {
  background-color: #fff; }
.tabs > li.active > a {
  background-color: #fff;
  color: #444444; }
@media (max-width: 767px) {
  .tabs > li.active > a {
    background-color: #243741;
    color: #fff; } }

.mini-tabs {
  margin-bottom: 20px; }
.mini-tabs ul {
  text-align: center;
  font-size: 0; }
.mini-tabs li {
  display: inline-block;
  font-size: 14px; }
.mini-tabs li a {
  display: block;
  background-color: rgba(225, 225, 225, 0.25);
  border: 1px solid #e1e1e1;
  line-height: 20px;
  vertical-align: middle;
  padding: 5px 15px; }
.mini-tabs li a .quantity {
  position: relative;
  top: -1px;
  margin-right: -5px;
  margin-left: 5px; }
.mini-tabs li:first-child a {
  border-radius: 3px 0 0 3px; }
.mini-tabs li:last-child a {
  border-radius: 0 3px 3px 0; }
.mini-tabs li:not(:last-child) a {
  border-right: none; }
.mini-tabs li.active a {
  background-color: #fff;
  font-weight: bold; }

.mini-tab-panel-container {
  margin-bottom: 20px; }

.subtabs {
  margin-bottom: 10px; }
.subtabs > li {
  float: left;
  width: 50%; }
.subtabs > li:first-child > a {
  border-width: 1px 0 1px 1px;
  border-radius: 3px 0 0 3px; }
.subtabs > li:last-child > a {
  border-radius: 0 3px 3px 0; }
@media (max-width: 767px) {
  .subtabs > li {
    float: none;
    display: block;
    width: 100%; }
  .subtabs > li:first-child > a {
    border-width: 1px 1px 0 1px;
    border-radius: 3px 3px 0 0; }
  .subtabs > li:last-child > a {
    border-radius: 0 0 3px 3px; } }
.subtabs > li > a {
  display: block;
  background-color: #ccc;
  border: 1px solid #ccc;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 10px 20px; }
@media (max-width: 767px) {
  .subtabs > li > a {
    border-radius: 0;
    text-align: center; } }
.subtabs > li > a:hover {
  background-color: #fff;
  color: #444444; }
.subtabs > li.active > a {
  background-color: #fff;
  color: #444444; }

.contentbox {
  background-color: #fff;
  padding-bottom: 30px; }
.contentbox > section {
  padding: 0 5% 2.5%; }
.contentbox > section p + p {
  margin-top: 10px; }
.contentbox .row {
  padding: 0 5%; }
@media (max-width: 767px) {
  .contentbox .row {
    padding: 0; } }

.contentbox + .contentbox, .contentbox + .responsive-table {
  margin-top: 50px; }

.wrapper.invoice-edit > .wrapper {
  padding-bottom: 120px; }

body.full-screen {
  padding-bottom: 120px; }

.upload-zone {
  border: 2px dashed #e1e1e1;
  border-radius: 3px;
  padding: 20px 10px; }
.upload-zone p {
  margin-bottom: 10px; }
.upload-zone .btn {
  font-size: 12px;
  padding: 5px 10px; }
.upload-zone .ico {
  width: 50px;
  height: 50px;
  fill: #ccc;
  float: left; }
.upload-zone .desc {
  margin-left: 70px; }
.upload-zone .loading {
  width: 80px;
  height: 80px;
  fill: #ccc; }
.upload-zone.dz-drag-hover {
  border-color: #C8016D;
  background-color: #f9f9f9; }

.upload-zone + .attachments {
  margin-top: 20px; }

.attachments-container {
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  overflow: hidden; }
.attachments-container .attachments > li {
  position: relative;
  background: rgba(225, 225, 225, 0.25);
  border-top: 1px solid #e1e1e1;
  padding: 10px; }
.attachments-container .attachments > li:hover .delete {
  display: block; }
.attachments-container .attachments > li a:hover {
  color: #C8016D; }
.attachments-container .attachments > li a > .ico {
  float: left;
  width: 20px;
  height: 20px;
  fill: #444444;
  margin-right: 5px; }
.attachments-container .attachments > li a > p {
  float: left;
  line-height: 20px; }
.attachments-container .attachments > li a strong {
  font-weight: 700; }
.attachments-container .attachments > li .delete, .attachments-container .attachments > li .progress {
  display: none;
  float: right;
  width: 20px;
  height: 20px; }
.attachments-container .attachments > li .delete .ico, .attachments-container .attachments > li .progress .ico {
  display: block;
  width: 20px;
  height: 20px;
  fill: rgba(68, 68, 68, 0.25); }
.attachments-container .attachments > li .delete:hover > .ico, .attachments-container .attachments > li .progress:hover > .ico {
  fill: #444444; }
.attachments-container .attachments > li .progress-txt {
  display: none;
  float: right;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  color: #fff;
  background: #aaa;
  border-radius: 50px;
  margin-top: 4px;
  margin-right: 5px;
  padding: 0 7px; }
.attachments-container .attachments > li.uploading .progress-txt {
  display: block; }
.attachments-container .attachments > li.uploading .progress, .attachments-container .attachments > li.uploading .delete {
  display: none; }
.attachments-container .attachments:first-child > li:first-child {
  border-top: none; }
.attachments-container > a {
  display: block;
  position: relative;
  background-color: #fff;
  border-top: 0;
  padding: 10px; }
.attachments-container > a:hover {
  color: #C8016D; }
.attachments-container > a > .ico {
  float: left;
  width: 20px;
  height: 20px;
  fill: #444444;
  margin-right: 5px; }
.attachments-container > a > p {
  float: left;
  line-height: 20px; }
.attachments-container > a strong {
  font-weight: 700; }

.lb-box .attachments-container {
  border-bottom: none; }

.detail {
  border-top: 1px solid #e1e1e1;
  padding: 20px 30px; }
.detail:first-of-type {
  border-top: none; }
.detail > div {
  margin-top: 20px; }
.detail > div:first-of-type {
  margin-top: 0; }
.detail .value {
  line-height: 20px; }
.detail .value > label {
  text-transform: uppercase;
  font-size: 12px;
  color: #666; }
.detail .value > div {
  font-weight: 700; }
.detail .value a:hover {
  color: #C8016D; }
.detail .attachments > label {
  text-transform: uppercase;
  font-size: 12px;
  color: #666; }
.detail .attachments li {
  border: 1px solid #f1f1f1; }
.detail .attachments li a {
  display: block;
  padding: 5px 10px; }
.detail .attachments li a span {
  float: right;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase; }
.detail .attachments li a:hover {
  background: rgba(200, 1, 109, 0.1); }
.detail .attachments li:first-child {
  border-radius: 3px 3px 0 0; }
.detail .attachments li:not(:last-child) {
  border-bottom: none; }
.detail .attachments li:last-child {
  border-radius: 0 0 3px 3px; }

.detail-list h5 {
  text-transform: uppercase;
  font-size: 12px;
  color: #666;
  padding-left: 30px; }
.detail-list table {
  width: 100%;
  margin-bottom: 30px; }
.detail-list table tbody td:first-child, .detail-list table tbody th:first-child, .detail-list table thead td:first-child, .detail-list table thead th:first-child, .detail-list table tfoot td:first-child, .detail-list table tfoot th:first-child {
  padding-left: 30px; }
.detail-list table tbody td:last-child, .detail-list table tbody th:last-child, .detail-list table thead td:last-child, .detail-list table thead th:last-child, .detail-list table tfoot td:last-child, .detail-list table tfoot th:last-child {
  padding-right: 30px; }
.detail-list table thead > tr > th {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  padding-top: 0;
  padding-bottom: 0; }
.detail-list table tfoot > tr > th {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  padding-top: 0;
  padding-bottom: 0; }
.detail-list table tbody > tr > td {
  font-size: 11px;
  padding-top: 0;
  padding-bottom: 0; }

.list-stats {
  background: rgba(225, 225, 225, 0.25);
  border-top: 1px solid #e1e1e1; }
.list-stats li {
  float: left;
  width: 28.33%;
  margin-right: 5%;
  padding: 20px 30px; }
.list-stats li:nth-child(4n) {
  margin-right: 0; }
@media (max-width: 767px) {
  .list-stats li {
    float: none;
    width: 100%;
    margin-right: 0;
    padding: 5px 30px; } }
.list-stats label {
  display: block;
  font-size: 11px;
  color: #666;
  white-space: nowrap;
  text-transform: uppercase;
  margin-bottom: 0; }
.list-stats div {
  font-size: 18px;
  font-weight: bold; }
.list-stats div.error {
  color: #e6614f; }
.list-stats div.valid {
  color: #a9cb50; }

.redirects {
  background: rgba(225, 225, 225, 0.25);
  border-top: 1px solid #e1e1e1; }
@media (max-width: 767px) {
  .redirects {
    border-top: none; } }
.redirects > li {
  float: left;
  width: 50%; }
.redirects > li:nth-child(odd) {
  border-right: 1px solid #e1e1e1; }
@media (max-width: 767px) {
  .redirects > li {
    float: none;
    width: 100%;
    border-right: none;
    border-top: 1px solid #e1e1e1; } }
.redirects a {
  display: block;
  line-height: 20px;
  padding: 10px 30px; }
.redirects a:hover, .redirects a:focus {
  background-color: rgba(200, 1, 109, 0.1); }
.redirects a .ico {
  float: right;
  width: 20px;
  height: 20px;
  fill: #C8016D; }
.redirects strong {
  font-weight: 700; }

.upgrade {
  display: flex;
  justify-content: center;
  align-content: space-around;
  text-align: center; }
@media (max-width: 767px) {
  .upgrade {
    display: block; } }
.upgrade > div {
  background-color: rgba(225, 225, 225, 0.25);
  border: 1px solid #fff;
  margin: 10px;
  padding: 20px; }
.upgrade > div.checked {
  background-color: rgba(200, 1, 109, 0.1);
  box-shadow: inset 0 0 3px rgba(200, 1, 109, 0.5);
  border: 1px solid rgba(200, 1, 109, 0.5); }
.upgrade > div.full-width {
  width: 100%;
  margin: 0; }
.upgrade > div label {
  float: none;
  display: block;
  cursor: pointer;
  width: 100%;
  font-weight: normal;
  line-height: 25px;
  text-align: center;
  margin: 0;
  padding: 0; }
.upgrade > div .license-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px; }
.upgrade > div .license-title input[type="radio"] {
  width: 15px;
  height: 15px;
  margin-right: 5px; }
.upgrade > div .license-title h1 {
  font-size: 20px;
  font-weight: 700;
  line-height: 20px; }
.upgrade > div .license-title h1 sup {
  position: relative;
  display: inline-block;
  top: -5px;
  font-size: 10px;
  font-weight: 700;
  line-height: 10px;
  color: #e6614f;
  text-align: left; }
.upgrade strong {
  font-weight: 700; }
.upgrade h3 {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #888;
  margin: 20px 0 0; }
.upgrade a {
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 70%;
  margin-left: -35%; }

.upgrade-listing {
  font-size: 13px;
  line-height: 21px; }

.small-price {
  text-align: center;
  margin: 0 auto;
  padding: 30px 50px 30px;
  border-top: 1px solid #e1e1e1; }
@media (max-width: 1023px) {
  .small-price {
    width: 100%; } }
.small-price h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px; }
.small-price strong {
  font-weight: 700; }
.small-price p {
  margin-bottom: 20px; }

.special-price {
  background-color: rgba(225, 225, 225, 0.25);
  border: 1px solid #fff;
  text-align: left;
  margin-top: 30px;
  padding: 10px; }
.special-price.checked {
  background-color: rgba(200, 1, 109, 0.1);
  box-shadow: inset 0 0 3px rgba(200, 1, 109, 0.5);
  border: 1px solid rgba(200, 1, 109, 0.5); }
.special-price label {
  float: none;
  width: 100%;
  cursor: pointer;
  font-weight: normal;
  line-height: 25px;
  text-align: left;
  margin: 0;
  padding: 0; }
.special-price input[type="radio"] {
  float: left;
  width: 15px;
  height: 15px;
  margin-top: 5px;
  margin-right: 10px; }
.special-price h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  margin-left: 25px;
  margin-bottom: 5px; }
@media (max-width: 767px) {
  .special-price h3 {
    text-align: left; } }
.special-price p {
  margin-left: 25px; }
.special-price p span {
  font-size: 13px;
  line-height: 20px; }

.upgrade .price, .special-price .price {
  display: inline-block;
  background-color: #C8016D;
  border-radius: 50px;
  color: #fff;
  white-space: nowrap;
  margin-bottom: 20px;
  padding: 10px 20px; }
.upgrade .price p, .special-price .price p {
  font-size: 35px;
  font-weight: 700;
  line-height: 30px; }
.upgrade .price p > em, .special-price .price p > em {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
  margin-top: -5px; }
.upgrade .price span, .special-price .price span {
  display: block;
  font-size: 13px;
  line-height: 15px; }

.special-price .price {
  float: right;
  width: auto;
  margin: 0;
  padding: 10px 25px; }
@media (max-width: 767px) {
  .special-price .price {
    display: none; } }

.type-switch {
  font-weight: 300;
  text-align: center;
  margin-bottom: 20px; }
.type-switch strong {
  font-weight: 700; }
.type-switch ul {
  display: inline-block;
  border: 1px solid #C8016D;
  border-radius: 3px;
  margin: 0 10px; }
.type-switch li {
  display: inline-block;
  cursor: pointer;
  padding: 5px 20px; }
.type-switch li.active {
  background: #C8016D;
  color: #fff; }

.add-ons {
  margin-top: 30px;
  text-align: center; }
.add-ons h1 {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px; }
.add-ons p {
  margin-bottom: 20px; }
.add-ons ul > li {
  line-height: 20px;
  border: 1px solid #fff;
  margin-top: 5px;
  padding: 8px; }
.add-ons ul > li:nth-child(odd) {
  background-color: rgba(200, 1, 109, 0.1); }
.add-ons ul > li.disabled {
  opacity: 0.5; }
.add-ons ul > li.checked {
  background-color: rgba(200, 1, 109, 0.1);
  box-shadow: inset 0 0 3px rgba(200, 1, 109, 0.5);
  border: 1px solid rgba(200, 1, 109, 0.5); }
.add-ons ul > li label {
  float: none;
  width: 100%;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  margin: 0;
  padding: 0; }
@media (max-width: 767px) {
  .add-ons ul > li .left {
    margin-bottom: 5px; } }
.add-ons ul > li input[type="checkbox"] {
  margin-right: 5px;
  margin-top: -2px; }
.add-ons ul > li .price {
  float: right;
  background-color: #C8016D;
  border-radius: 10px;
  font-weight: 700;
  line-height: 20px;
  color: #fff;
  white-space: nowrap;
  padding: 0 10px; }
@media (max-width: 767px) {
  .add-ons ul > li .price {
    float: left; } }
.add-ons ul > li .price span {
  font-size: 12px;
  font-weight: 300; }
.add-ons ul > li .amount {
  float: right;
  margin-right: 10px; }
.add-ons ul > li .amount .down, .add-ons ul > li .amount .up {
  position: relative;
  z-index: 1;
  float: left;
  width: 14px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-width: 1px 0 1px 1px;
  border-radius: 3px 0 0 3px; }
.add-ons ul > li .amount .up {
  border-width: 1px 1px 1px 0;
  border-radius: 0 3px 3px 0; }
.add-ons ul > li .amount input[type="text"] {
  position: relative;
  z-index: 2;
  float: left;
  width: 25px;
  height: 20px;
  border-radius: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  padding: 0; }
.add-ons ul > li .amount .ico {
  width: 14px;
  height: 20px;
  fill: #ccc; }
.add-ons ul > li .amount .ico:hover {
  fill: #999; }
.add-ons ul > li .amount .down .ico {
  margin-top: -1px; }
.add-ons ul > li .amount .up .ico {
  margin-top: -2px; }

.payment-process {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0 auto 30px; }
@media (max-width: 767px) {
  .payment-process {
    width: 70%; } }
.payment-process .line {
  position: absolute;
  z-index: 5;
  top: 19px;
  left: 50%;
  width: 70%;
  height: 1px;
  background-color: #e1e1e1;
  margin-left: -35%; }
.payment-process ul {
  position: relative;
  z-index: 10;
  width: 100%;
  text-align: center; }
.payment-process ul li {
  display: inline-block;
  text-align: center; }
.payment-process ul li:not(:first-child) {
  margin-left: -5px; }
.payment-process ul li:not(:last-child):after {
  display: inline-block;
  position: relative;
  z-index: 5;
  top: 1px;
  width: 40px;
  height: 40px;
  height: 1px;
  background-color: #e1e1e1;
  content: " ";
  vertical-align: middle; }
.payment-process ul li .circle {
  position: relative;
  z-index: 6;
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  font-size: 18px;
  font-weight: 700;
  line-height: 38px;
  color: #ccc;
  vertical-align: middle; }
.payment-process ul .active .circle {
  background-color: #C8016D;
  border-color: #C8016D;
  color: #fff; }

.payment-method, .payment-overview {
  text-align: center;
  margin: 0 auto;
  padding: 0 30px 30px; }
.payment-method p, .payment-overview p {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 20px; }
.payment-method p strong, .payment-overview p strong {
  font-weight: 700; }
.payment-method ul li, .payment-overview ul li {
  display: inline-block;
  width: 130px;
  height: 100px;
  margin: 0 2% 15px; }
.payment-method ul li .image, .payment-overview ul li .image {
  display: inline-block;
  width: 130px;
  height: 80px;
  background-color: rgba(225, 225, 225, 0.25);
  border: 1px solid #e1e1e1;
  border-radius: 3px; }
.payment-method ul li .desc, .payment-overview ul li .desc {
  font-weight: 700;
  white-space: nowrap; }
.payment-method ul li a:hover .image, .payment-overview ul li a:hover .image {
  background-color: rgba(225, 225, 225, 0.15); }
.payment-method ul li a:active .image, .payment-overview ul li a:active .image {
  box-shadow: 0 0 2px rgba;
  padding-top: 2px;
  padding-bottom: -2px; }
.payment-method ul li.active .image, .payment-overview ul li.active .image {
  border: 1px solid #C8016D; }
.payment-method .loading, .payment-overview .loading {
  display: none; }
.payment-method .loading svg.ico, .payment-overview .loading svg.ico {
  fill: #C8016D;
  width: 50px;
  height: 50px; }

.payment-success {
  text-align: center;
  margin: 0 auto; }
.payment-success .ico {
  display: block;
  width: 170px;
  height: 150px;
  margin: 0 auto;
  margin-bottom: 15px; }
.payment-success h1 {
  margin-bottom: 15px; }

.referral img {
  width: 100%;
  margin-top: -30px;
  margin-bottom: 30px; }
.referral .three-columns {
  text-align: center;
  margin-bottom: 30px; }
@media (min-width: 768px) {
  .referral .three-columns {
    -webkit-display: -webkit-box;
    -webkit-display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }
.referral .three-columns > div {
  text-align: center;
  padding: 15px 10px; }
@media (min-width: 768px) {
  .referral .three-columns > div {
    border-left: 1px solid #e1e1e1; } }
.referral .three-columns > div:first-child {
  border: none; }
.referral .three-columns > div > label, .referral .three-columns > div > span {
  display: block; }
.referral .three-columns > div > label {
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase; }
.referral .three-columns > div > span {
  font-size: 40px;
  line-height: 40px; }
.referral h1 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px; }
.referral h5 {
  text-align: center;
  margin-bottom: 10px; }
.referral strong {
  font-weight: 700; }
.referral p {
  margin-bottom: 20px; }
.referral input {
  width: 100%;
  background-color: rgba(225, 225, 225, 0.25);
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  padding: 10px; }
.referral .bttns {
  margin-bottom: 20px;
  display: grid;
  gap: 10px; }
.referral .bttns.cols-1 {
  grid-template-columns: 1fr; }
.referral .bttns.cols-2 {
  grid-template-columns: 1fr 1fr; }
.referral .bttns.cols-3 {
  grid-template-columns: 1fr 1fr 1fr; }
.referral .bttns .btn {
  width: 100%; }
.referral .bttns .info {
  display: block;
  background-color: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 3px;
  padding: 15px; }
.referral .small-bullets > li {
  font-size: 12px;
  font-style: italic;
  color: #999;
  line-height: 18px;
  margin-bottom: 0; }

.sending.two-columns {
  text-align: center; }
.sending.two-columns > div {
  padding: 30px;
  padding-bottom: 50px; }
.sending.two-columns > div:last-of-type {
  border-left: 1px solid #e1e1e1; }
.sending.three-columns, .sending.three-columns-grid {
  text-align: center; }
.sending.three-columns > div, .sending.three-columns-grid > div {
  padding: 30px;
  padding-bottom: 50px; }
.sending.three-columns > div, .sending.three-columns-grid > div {
  border-left: 1px solid #e1e1e1; }
.sending.three-columns > div:first-of-type, .sending.three-columns-grid > div:first-of-type {
  border-left: none; }
.sending .ico {
  display: block;
  width: 70px;
  height: 70px;
  fill: #999;
  margin: 0 auto; }
.sending h1 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 5px; }
.sending strong {
  font-weight: 700; }

.no-items {
  text-align: center;
  padding-top: 75px;
  padding-bottom: 75px; }
.no-items .ico {
  display: inline-block;
  width: 150px;
  fill: #999;
  margin-bottom: 40px; }
.no-items h3 {
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0; }
.no-items p {
  font-size: 16px;
  line-height: 25px;
  color: #999; }
.no-items h3 + p {
  margin-top: 20px; }
.no-items strong {
  font-weight: bold; }
.no-items a {
  color: #999; }
.no-items a:hover {
  text-decoration: underline;
  color: #444; }

.invoice .address-block .no-items {
  padding-top: 0;
  padding-bottom: 0; }
.invoice .address-block .no-items h3 {
  font-size: 16px;
  margin-bottom: 0; }
.invoice .address-block .no-items .ico {
  float: none;
  width: 50px;
  margin-bottom: 20px; }

.ui-autocomplete.ui-widget-content {
  font-size: 14px;
  border-radius: 2px;
  padding: 0; }
.ui-autocomplete.ui-widget-content .ui-menu-item {
  padding: 0; }
.ui-autocomplete.ui-widget-content .ui-menu-item:not(:last-child) {
  border-bottom: 1px solid #e1e1e1; }
.ui-autocomplete.ui-widget-content .ui-menu-item-wrapper {
  padding: 5px 10px; }
.ui-autocomplete.ui-widget-content .ui-state-focus, .ui-autocomplete.ui-widget-content .ui-state-active {
  background: none;
  background-color: #C8016D;
  color: #fff;
  border: none; }

.invoice {
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  padding: 2.5%;
  padding-bottom: 7.5%; }
@media (max-width: 1023px) {
  .invoice {
    background-color: transparent;
    box-shadow: none;
    padding: 0; } }
.invoice.detail {
  background-color: none;
  box-shadow: none;
  padding-bottom: 2.5%; }
@media (max-width: 1023px) {
  .invoice.detail {
    padding: 2.5%; } }
.invoice.public {
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  padding: 2.5%;
  padding-bottom: 7.5%; }
.invoice > h1 {
  padding: 0 10px;
  margin-bottom: 20px; }
.invoice .top-info {
  margin-bottom: 30px; }
.invoice .invoice-intro {
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px; }
.invoice .company-info {
  text-align: center;
  margin-top: 75px; }
.invoice .invoice-client-logo {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  width: 200px;
  height: 200px;
  text-align: center; }
@media (max-width: 1023px) {
  .invoice .invoice-client-logo {
    margin: 0 auto; }
  .invoice .invoice-client-logo.left, .invoice .invoice-client-logo.right {
    float: none; } }
.invoice .invoice-client-logo img {
  display: block;
  max-width: 200px;
  max-height: 200px; }
.invoice .address-block {
  float: right;
  width: 50%;
  border: 1px solid transparent;
  margin: 40px 0;
  padding: 25px; }
@media (max-width: 1023px) {
  .invoice .address-block {
    float: none;
    width: 100%;
    border: 1px solid #e1e1e1;
    text-align: center;
    margin: 0; } }
.invoice .address-block .ico {
  float: right;
  visibility: hidden;
  width: 20px;
  height: 20px;
  fill: #999;
  margin-left: 5px; }
@media (max-width: 1023px) {
  .invoice .address-block .ico {
    visibility: visible; } }
.invoice .address-block a:hover > .ico {
  fill: #C8016D; }
.invoice .address-block:hover {
  border: 1px solid #e1e1e1;
  border-radius: 3px; }
.invoice .address-block:hover .ico {
  visibility: visible; }
.invoice .address-block strong {
  font-weight: 700; }
.invoice.detail .address-block, .invoice.public .address-block {
  border: none; }
.invoice .invoice-data {
  margin: 20px 0 30px; }
@media (max-width: 767px) {
  .invoice .invoice-data {
    margin-bottom: 15px; }
  .invoice .invoice-data > div {
    margin-bottom: 10px; } }
.invoice.detail .invoice-data > div, .invoice.public .invoice-data > div {
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  padding: 5px 10px; }
.invoice.detail .invoice-data > div strong, .invoice.public .invoice-data > div strong {
  font-weight: 700; }
.invoice label, .invoice legend {
  float: none;
  width: auto;
  text-align: left;
  margin-right: 0;
  margin-bottom: 5px;
  padding: 0 10px; }
.invoice table td > .field {
  float: none;
  width: 100%; }
.invoice table td > input[type="text"], .invoice table td > input[type="password"], .invoice table td > input[type="search"], .invoice table td > input[type="number"], .invoice table td > input[type="email"], .invoice table td > input[type="tel"], .invoice table td > input[type="url"], .invoice table td > input[type="checkbox"], .invoice table td > input[type="radio"], .invoice table td > textarea, .invoice table td > .select select {
  height: 30px;
  padding: 5px; }
@media (max-width: 1023px) {
  .invoice table td > input[type="text"], .invoice table td > input[type="password"], .invoice table td > input[type="search"], .invoice table td > input[type="number"], .invoice table td > input[type="email"], .invoice table td > input[type="tel"], .invoice table td > input[type="url"], .invoice table td > input[type="checkbox"], .invoice table td > input[type="radio"], .invoice table td > textarea, .invoice table td > .select select {
    width: 60%; } }
.invoice table td .field-units input[type="text"] {
  padding: 5px; }
.invoice table td .field-units > span {
  padding: 5px 10px; }
.invoice table td > input[type="text"]:disabled, .invoice table td > input[type="password"]:disabled, .invoice table td > input[type="search"]:disabled, .invoice table td > input[type="number"]:disabled, .invoice table td > input[type="email"]:disabled, .invoice table td > input[type="tel"]:disabled, .invoice table td > input[type="url"]:disabled, .invoice table td > input[type="checkbox"], .invoice table td > input[type="radio"]:disabled, .invoice table td > textarea:disabled, .invoice table td > select:disabled {
  background-color: transparent;
  opacity: 1; }
.invoice table td > .select select {
  background: white;
  text-align: right; }
.invoice table td > textarea {
  resize: none; }
@media (max-width: 1023px) {
  .invoice table td > textarea {
    width: 100%; } }
.invoice table tr:hover input[type="text"], .invoice table tr:hover input[type="password"], .invoice table tr:hover input[type="search"], .invoice table tr:hover input[type="number"], .invoice table tr:hover input[type="email"], .invoice table tr:hover input[type="tel"], .invoice table tr:hover input[type="url"], .invoice table tr:hover input[type="checkbox"], .invoice table tr:hover input[type="radio"], .invoice table tr:hover textarea, .invoice table tr:hover select {
  border: 1px solid #e1e1e1; }
.invoice table tr:hover input[type="text"]:focus, .invoice table tr:hover input[type="password"]:focus, .invoice table tr:hover input[type="search"]:focus, .invoice table tr:hover input[type="number"]:focus, .invoice table tr:hover input[type="email"]:focus, .invoice table tr:hover input[type="tel"]:focus, .invoice table tr:hover input[type="url"]:focus, .invoice table tr:hover input[type="checkbox"]:focus, .invoice table tr:hover input[type="radio"]:focus, .invoice table tr:hover textarea:focus, .invoice table tr:hover select:focus {
  border-color: #C8016D;
  box-shadow: 0 0 5px rgba(200, 1, 109, 0.2); }
.invoice table tr:hover textarea {
  resize: vertical; }
.invoice table tr > td.ra input {
  text-align: right; }
.invoice table textarea {
  height: 30px;
  min-height: 25px;
  max-height: 100px;
  line-height: 18px;
  padding: 5px; }

.terms {
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  padding: 2.5%;
  padding-bottom: 7.5%; }

.btnlist {
  float: right;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 3px; }
@media (max-width: 1023px) {
  .btnlist {
    float: none;
    text-align: center; } }
.btnlist > li {
  float: left;
  border-left: 1px solid #e1e1e1;
  text-align: center; }
@media (max-width: 1023px) {
  .btnlist > li {
    float: none;
    display: inline-block; } }
.btnlist > li:first-child {
  border-left: none; }
.btnlist > li > a {
  display: block; }
@media (max-width: 1023px) {
  .btnlist > li > a {
    display: inline-block;
    vertical-align: top; } }
.btnlist > li > a:hover > .ico {
  fill: #C8016D; }
.btnlist > li > a.disabled {
  pointer-events: none;
  opacity: 0.3; }
.btnlist > li .ico {
  display: block;
  width: 40px;
  height: 40px;
  fill: #999;
  margin: 0 auto; }

.bottombar .btnlist {
  float: left;
  background-color: #243741;
  border: 0; }
.bottombar .btnlist > li {
  border-color: #243741; }
.bottombar .btnlist > li > a:hover > .ico {
  fill: #fff; }

.dashboard .box {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  margin-bottom: 40px; }
.dashboard .three-columns > .box, .dashboard .two-columns > .box {
  padding: 25px; }
.dashboard .top:not(:last-child) {
  border-bottom: 1px solid #e1e1e1; }
.dashboard .top > div {
  padding: 25px 30px; }
.dashboard .top.three-columns > div {
  border-left: 1px solid #e1e1e1; }
@media (max-width: 1023px) {
  .dashboard .top.three-columns > div {
    padding: 15px; } }
@media (max-width: 767px) {
  .dashboard .top.three-columns > div {
    border-left: none;
    border-top: 1px solid #e1e1e1;
    margin-bottom: 0; } }
.dashboard .top.three-columns > div:first-of-type {
  border-left: none; }
@media (max-width: 767px) {
  .dashboard .top.three-columns > div:first-of-type {
    border: none; } }
.dashboard .top .symbol {
  float: left;
  width: 60px;
  height: 60px;
  background-color: #e1e1e1;
  border-radius: 30px;
  margin-right: 10px; }
.dashboard .top .symbol.green {
  background-color: #a9cb50; }
.dashboard .top .symbol.red {
  background-color: #e6614f; }
.dashboard .top .symbol.blue {
  background-color: #4d9cd7; }
.dashboard .top .symbol .ico {
  width: 60px;
  height: 60px;
  fill: #fff; }
.dashboard .chart {
  padding: 10px 20px;
  height: 220px; }
.dashboard .chart.big {
  height: 320px; }
.dashboard .no-items {
  padding-top: 20px;
  padding-bottom: 0; }
.dashboard .no-items .ico {
  width: 60px;
  height: 60px;
  margin-bottom: 20px; }
.dashboard .no-items h3 {
  font-size: 15px;
  margin-bottom: 20px; }
.dashboard .no-items p {
  font-size: 14px; }

@media (max-width: 1023px) {
  .top-chart h3 {
    text-align: left; } }
.top-chart h3 + h6 {
  margin-top: -20px;
  margin-bottom: 20px; }
.top-chart ul {
  border-top: 1px solid #e1e1e1;
  padding: 5px 0; }
.top-chart ul:first-of-type {
  border-top: none; }
.top-chart ul li:first-child {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 100px); }
.top-chart ul li:last-child {
  float: right;
  text-align: right;
  font-weight: 700;
  width: 100px; }
.top-chart .option-btn {
  float: right;
  background: rgba(225, 225, 225, 0.25);
  border-radius: 10px;
  line-height: 20px;
  margin-top: 5px;
  padding: 0 10px; }
.top-chart .option-btn:hover {
  background: #C8016D;
  color: #fff; }

@media (min-width: 768px) {
  .dashboard .top-chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch; } }

.stats {
  margin-bottom: 40px; }
@media (max-width: 767px) {
  .stats {
    text-align: center;
    margin-bottom: 20px; } }
.stats.six-columns > div, .stats.five-columns > div, .stats.four-columns > div, .stats.three-columns > div, .stats.two-columns > div {
  border-left: 1px solid #e1e1e1;
  text-align: center;
  padding: 10px; }
@media (max-width: 1023px) {
  .stats.six-columns > div, .stats.five-columns > div, .stats.four-columns > div, .stats.three-columns > div, .stats.two-columns > div {
    padding: 0; } }
@media (max-width: 767px) {
  .stats.six-columns > div, .stats.five-columns > div, .stats.four-columns > div, .stats.three-columns > div, .stats.two-columns > div {
    display: inline-block;
    width: 45%;
    border-left: none;
    margin-top: 10px; }
  .stats.six-columns > div:nth-child(1), .stats.six-columns > div:nth-child(2), .stats.five-columns > div:nth-child(1), .stats.five-columns > div:nth-child(2), .stats.four-columns > div:nth-child(1), .stats.four-columns > div:nth-child(2), .stats.three-columns > div:nth-child(1), .stats.three-columns > div:nth-child(2), .stats.two-columns > div:nth-child(1), .stats.two-columns > div:nth-child(2) {
    margin-top: 0; } }
.stats.six-columns > div:first-of-type, .stats.five-columns > div:first-of-type, .stats.four-columns > div:first-of-type, .stats.three-columns > div:first-of-type, .stats.two-columns > div:first-of-type {
  border-left: none; }

.stats-value .label {
  font-size: 12px;
  font-weight: 700;
  line-height: 15px;
  color: #999;
  text-transform: uppercase; }
.stats-value .desc {
  font-size: 24px;
  line-height: 30px; }
@media (max-width: 1200px) {
  .stats-value .desc {
    font-size: 22px; } }
@media (max-width: 1100px) {
  .stats-value .desc {
    font-size: 20px; } }
.stats-value .desc.red {
  color: #c30; }
.stats-value .subdesc {
  font-size: 12px;
  font-weight: 300;
  line-height: 15px; }
.stats-value .secondary {
  color: #aaa; }

.pages {
  text-align: center; }
.pages li {
  display: inline-block;
  font-size: 14px;
  background: #fff; }
.pages a, .pages span {
  display: block;
  padding: 5px 10px; }
.pages label {
  background: none;
  font-size: 12px;
  color: #999;
  text-transform: uppercase;
  margin-right: 20px; }
.pages label strong {
  font-weight: 700; }
.pages li:first-child {
  border-radius: 2px 0 0 2px; }
.pages li:last-child {
  border-radius: 0 2px 2px 0; }
.pages li.active a, .pages li a:hover {
  background-color: rgba(36, 55, 65, 0.1); }
.pages li.active {
  font-weight: 700; }
.pages svg.ico {
  width: 8px;
  height: 8px;
  fill: #333; }

.responsive-table + .pages {
  margin-top: 30px; }

.userfaces {
  margin: 5px 0; }
@media (max-width: 1023px) {
  .userfaces {
    float: none;
    text-align: center;
    margin: 0; } }
.userfaces > li {
  position: relative;
  float: left;
  width: 30px;
  height: 30px;
  margin-left: 5px; }
@media (max-width: 1023px) {
  .userfaces > li {
    float: none;
    display: inline-block; } }
.userfaces > li:first-child {
  margin-left: 0; }
.userfaces > li .ico {
  width: 30px;
  height: 30px;
  fill: #ccc; }
.userfaces > li img {
  width: 30px;
  height: 30px; }
.userfaces a {
  display: block;
  width: 30px;
  height: 30px; }
.userfaces a > .ico {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 30px;
  height: 30px;
  border: 1px solid #e1e1e1;
  border-radius: 50%; }
.userfaces a > .ico.remove {
  display: none;
  position: absolute;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%; }
.userfaces a:hover > .ico {
  fill: #444444;
  border: 1px solid #444444; }
.userfaces a:hover > .remove {
  display: block;
  border: none;
  fill: #fff; }
.userfaces .image {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  width: 30px;
  height: 30px;
  background-color: #e1e1e1;
  border-radius: 50%; }

.mobile-projects > li {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  margin-top: 10px;
  padding: 10px 15px; }
.mobile-projects > li:first-child {
  margin-top: 0; }
.mobile-projects > li h1, .mobile-projects > li h3 {
  font-size: 18px;
  line-height: 25px;
  text-align: left;
  margin-bottom: 0; }
.mobile-projects > li h3 {
  font-size: 14px; }
.mobile-projects > li .top, .mobile-projects > li .bottom {
  margin: -10px -15px;
  padding: 10px 15px; }
.mobile-projects > li .top {
  padding-bottom: 15px; }
.mobile-projects > li .bottom {
  border-top: 1px solid #e1e1e1; }
.mobile-projects .options {
  visibility: visible;
  margin-top: 15px; }

.workmodus {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 !important; }
.workmodus form {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0; }
.workmodus form input[type="text"], .workmodus form input[type="date"], .workmodus form input[type="datetime-local"], .workmodus form input[type="time"], .workmodus form input[type="password"], .workmodus form input[type="search"], .workmodus form input[type="number"], .workmodus form input[type="email"], .workmodus form input[type="time"], .workmodus form input[type="tel"], .workmodus form input[type="url"], .workmodus form input[type="file"], .workmodus form input[type="checkbox"], .workmodus form input[type="radio"], .workmodus form textarea, .workmodus form select {
  width: 100%;
  background-color: white;
  border: 1px solid #e1e1e1;
  border-width: 1px 0;
  border-radius: 0;
  padding: 15px; }
.workmodus form textarea {
  height: 130px; }
.workmodus form.search {
  position: relative;
  margin: 15px; }
.workmodus form.search input[type="text"] {
  border-width: 1px;
  border-radius: 3px;
  padding: 10px; }
.workmodus form.search button {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-color: none;
  border: none;
  margin: 0;
  padding: 0; }
.workmodus form.search button .ico {
  width: 20px;
  height: 20px;
  fill: #999; }
.workmodus form label, .workmodus form legend {
  float: none;
  width: 100%;
  padding: 0 15px; }
.workmodus form .field {
  float: none;
  width: 100%; }
.workmodus form .field > p {
  padding-left: 15px;
  padding-right: 15px; }
.workmodus .fixed-button {
  display: block;
  width: 100%;
  height: 60px;
  background-color: #C8016D;
  border: none;
  border-radius: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #fff;
  text-transform: none;
  vertical-align: middle;
  padding: 20px; }
.workmodus .fixed-button.smaller {
  float: left;
  width: calc(100% - 60px); }
.workmodus .fixed-button.icon {
  float: right;
  width: 60px;
  background-color: #a9cb50;
  border-left: 1px solid #fff;
  padding: 15px; }
.workmodus .fixed-button.icon .ico {
  width: 30px;
  height: 30px;
  fill: #fff; }
.workmodus .fixed-button.red {
  background-color: #e6614f; }
.workmodus .fixed-button.green {
  background-color: #a9cb50; }
.workmodus .fixed-button.grey {
  background-color: #e1e1e1; }

.workmodus-header {
  padding: 15px; }

.workmodus-empty-state {
  text-align: center; }
.workmodus-empty-state > section {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translateX(-50%) translateY(-50%);
  padding: 15px; }
.workmodus-empty-state .ico {
  width: 60px;
  height: 60px;
  fill: rgba(68, 68, 68, 0.25); }
.workmodus-empty-state h3 {
  margin-bottom: 5px; }
.workmodus-empty-state p {
  line-height: 20px;
  color: rgba(68, 68, 68, 0.5); }

.workmodus-header, .workmodus-footer {
  flex: 0 0 auto;
  width: 100%;
  min-height: 60px;
  background-color: #243741;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  text-align: center; }
.workmodus-header h1, .workmodus-footer h1 {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 0; }
.workmodus-header a.back, .workmodus-header a.settings, .workmodus-footer a.back, .workmodus-footer a.settings {
  position: absolute;
  top: 15px; }
.workmodus-header a.back .ico, .workmodus-header a.settings .ico, .workmodus-footer a.back .ico, .workmodus-footer a.settings .ico {
  width: 30px;
  height: 30px;
  fill: #fff; }
.workmodus-header a.back, .workmodus-footer a.back {
  left: 15px; }
.workmodus-header a.settings, .workmodus-footer a.settings {
  right: 15px; }

.workmodus-content {
  flex: 1 1 auto;
  overflow-y: scroll; }
.workmodus-content > p {
  padding: 0 15px; }
.workmodus-content > p.mb {
  margin-bottom: 25px; }

.workmodus-search {
  flex: 0 0 auto; }

.workmodus-tabs {
  flex: 0 0 auto;
  background-color: #fff;
  box-shadow: inset 0 -1px 0 #e1e1e1;
  font-weight: 700;
  text-align: center; }
.workmodus-tabs > li {
  display: inline-block;
  border-bottom: 1px solid #e1e1e1;
  margin: 0 5px; }
.workmodus-tabs > li.active {
  border-bottom: 1px solid #C8016D; }
.workmodus-tabs > li.active > a {
  color: #C8016D; }
.workmodus-tabs > li > a {
  display: inline-block;
  padding: 5px 10px; }

.workmodus-timer {
  background-color: #fff;
  text-align: center;
  padding: 10% 15px; }
.workmodus-timer .name {
  font-size: 20px;
  line-height: 30px; }
.workmodus-timer .timer {
  font-size: 65px;
  font-weight: 700;
  line-height: 75px; }

.workmodus-counter {
  background-color: #fff;
  text-align: center;
  padding: 12.5% 15px; }
.workmodus-counter .name {
  font-size: 20px;
  line-height: 30px; }
.workmodus-counter .counter {
  font-size: 100px;
  font-weight: 700;
  line-height: 100px; }
.workmodus-counter span {
  display: block;
  line-height: 20px;
  text-transform: uppercase;
  margin-top: -10px; }
.workmodus-counter .slider {
  -webkit-appearance: none;
  width: 80%;
  height: 10px;
  background: rgba(225, 225, 225, 0.5);
  border: 2px solid rgba(200, 1, 109, 0.5);
  border-radius: 5px;
  outline: none;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  margin: 0 auto;
  margin-top: 15px; }
.workmodus-counter .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 40px;
  height: 40px;
  background: #fff;
  border: 15px solid #C8016D;
  border-radius: 20px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);
  cursor: pointer; }
.workmodus-counter .slider::-moz-range-thumb {
  width: 40px;
  height: 40px;
  background: #fff;
  border: 5px solid #C8016D;
  cursor: pointer; }

.workmodus-options .options-btn {
  display: block;
  background-color: #e1e1e1;
  font-weight: 700;
  margin-bottom: 20px;
  padding: 10px 15px; }
.workmodus-options .options-btn:hover {
  background-color: rgba(36, 55, 65, 0.25); }
.workmodus-options .options-btn:after {
  float: right;
  content: "+";
  color: #777;
  font-weight: 700;
  margin-left: 5px; }
.workmodus-options .active:after {
  content: "−"; }
.workmodus-options .panel {
  display: none;
  max-height: 0;
  transition: max-height 0.2s ease-out;
  padding-bottom: 20px; }
.workmodus-options span {
  float: left;
  font-weight: 700;
  line-height: 20px; }
.workmodus-options .ico {
  float: right;
  width: 20px;
  height: 20px;
  fill: #444444; }

.workmodus-thumbs-up {
  background-color: #eaf3fa;
  padding-top: 20px; }
.workmodus-thumbs-up h3 {
  margin-bottom: 0; }
.workmodus-thumbs-up img {
  width: 100%; }

.workmodus-values .double > .value {
  float: left;
  width: 50%; }
.workmodus-values .double > .value:nth-child(1), .workmodus-values .double > .value:nth-child(2) {
  border-top: 1px solid #e1e1e1; }
.workmodus-values .double > .value:nth-child(2) {
  border-left: 1px solid #e1e1e1; }
.workmodus-values .value {
  background-color: #fff;
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 15px; }
.workmodus-values .value:first-child {
  border-top: 1px solid #e1e1e1; }
.workmodus-values .value > label {
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  padding: 0; }
.workmodus-values .value > div {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  padding: 0; }

.workmodus-btn-list > li {
  background-color: #fff;
  border-bottom: 1px solid #e1e1e1; }
.workmodus-btn-list > li:first-child {
  border-top: 1px solid #e1e1e1; }
.workmodus-btn-list > li > a {
  display: block;
  padding: 10px 15px; }
.workmodus-btn-list > li > a:after {
  float: right;
  content: "›";
  font-weight: 700; }
.workmodus-btn-list > li > a.red {
  color: #e6614f; }
.workmodus-btn-list > li > a.blue {
  color: #4d9cd7; }

.workmodus-projects {
  margin-top: -1px; }
.workmodus-projects > li {
  background-color: #fff;
  border-bottom: 1px solid #e1e1e1;
  border-width: 1px 0;
  padding: 10px 15px; }
.workmodus-projects > li:first-child {
  border-top: 1px solid #e1e1e1; }
.workmodus-projects > li h1, .workmodus-projects > li p {
  font-size: 18px;
  line-height: 25px;
  text-align: left;
  margin-bottom: 0; }
.workmodus-projects > li h1 span, .workmodus-projects > li p span {
  float: right;
  font-weight: 700; }
.workmodus-projects > li p {
  font-size: 14px; }
.workmodus-projects > li .top, .workmodus-projects > li .bottom {
  margin: -10px -15px;
  padding: 10px 15px; }
.workmodus-projects > li .top {
  padding-bottom: 15px; }
.workmodus-projects > li .bottom {
  border-top: 1px solid #e1e1e1; }

.workmodus-product-selector {
  background-color: #fff;
  padding: 15px; }
.workmodus-product-selector .search-item {
  display: inline-block;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0; }
.workmodus-product-selector .search-item input[type="text"] {
  width: 100%;
  border: 1px solid #e1e1e1;
  border-radius: 15px;
  padding: 5px 35px 5px 15px; }
.workmodus-product-selector .search-item button {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 20px;
  height: 20px;
  background-color: none;
  border: none;
  margin: 0;
  padding: 0; }
.workmodus-product-selector .search-item button .ico {
  width: 20px;
  height: 20px;
  fill: #999; }
.workmodus-product-selector > ul {
  overflow-y: auto;
  max-height: 140px;
  margin-top: 10px; }
.workmodus-product-selector > ul > li:nth-child(odd) {
  background-color: rgba(225, 225, 225, 0.25); }
.workmodus-product-selector > ul > li.active {
  background-color: rgba(200, 1, 109, 0.1);
  font-weight: 700; }
.workmodus-product-selector > ul > li > a {
  display: block;
  padding: 5px 10px; }

body.online-mail {
  background-color: #fff;
  padding-top: 0; }
body.online-mail .wrapper {
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5vw;
  padding-right: 5vw; }
body.online-mail .desc {
  margin-bottom: 30px;
  padding: 0 30px; }
body.online-mail .desc h1 {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin-bottom: 20px; }
body.online-mail .desc p {
  margin-bottom: 20px; }
body.online-mail .desc a {
  color: #C8016D;
  text-decoration: underline; }
body.online-mail .desc a:hover {
  text-decoration: none; }
body.online-mail .online-mail-container {
  background-color: rgba(225, 225, 225, 0.25);
  margin-bottom: 30px;
  padding: 30px; }
body.online-mail .online-mail-container .overview {
  float: left; }
@media (max-width: 767px) {
  body.online-mail .online-mail-container .overview {
    float: none;
    margin-bottom: 30px; } }
body.online-mail .online-mail-container .overview tr > td {
  padding: 2px 0; }
body.online-mail .online-mail-container .overview tr > td:first-of-type {
  padding-right: 5vw; }
body.online-mail .online-mail-container strong {
  font-weight: 700; }
body.online-mail .overview-btns {
  float: right; }
@media (max-width: 767px) {
  body.online-mail .overview-btns {
    float: none; } }
body.online-mail .overview-btns > li {
  display: block;
  width: 100%;
  margin-bottom: 10px; }
body.online-mail .overview-btns .btn {
  display: block;
  text-align: left;
  line-height: 20px;
  padding: 10px; }
body.online-mail .overview-btns .ico {
  float: left;
  width: 20px;
  height: 20px;
  fill: #fff;
  margin-right: 5px; }

.online-mail-header {
  border-bottom: 1px solid #e1e1e1;
  text-align: center;
  margin-bottom: 30px;
  padding: 30px; }
.online-mail-header > img {
  height: 150px;
  margin: 0 auto; }
.online-mail-header strong {
  font-weight: bold; }

.online-mail-footer {
  font-size: 12px;
  font-style: italic;
  line-height: 20px;
  color: #999;
  text-align: center;
  margin: 40px 0; }
.online-mail-footer img {
  max-height: 40px;
  margin: 0 auto;
  margin-bottom: 20px; }
.online-mail-footer a {
  color: #999;
  text-decoration: underline; }
.online-mail-footer a:hover {
  text-decoration: none; }

.fullscreen-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100%; }
.fullscreen-loading > div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -100px;
  margin-left: -150px;
  width: 300px;
  text-align: center; }
.fullscreen-loading > div > svg.loading {
  width: 60px;
  height: 60px;
  fill: #C8016D;
  margin-bottom: 30px; }
.fullscreen-loading > div > h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px; }
.fullscreen-loading > div > p {
  font-size: 14px;
  color: #aaa; }

.onboarding-modules h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px; }
.onboarding-modules label {
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  padding: 7px 7px 7px 10px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  transition: all 0.2s ease-in-out; }
.onboarding-modules label:has(input:checked) {
  background: #fe97cf; }
.onboarding-modules label:has(input:checked) em {
  color: #630036; }
.onboarding-modules label:hover {
  border: 1px solid #c8c8c8; }
.onboarding-modules label input {
  position: relative;
  top: 3px;
  margin-right: 6px; }
.onboarding-modules label span {
  font-size: 12px;
  line-height: 20px;
  color: #444444; }
.onboarding-modules label em {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  color: #444444; }

.onboarding-preparing .ca > .loading {
  max-width: 100px;
  fill: #C8016D;
  margin-bottom: 15px; }
.onboarding-preparing .ca > .emoji {
  display: block;
  font-size: 50px;
  margin-bottom: 50px;
  margin-top: 60px; }

@keyframes shake {
  0% {
    transform: scale(1); }
  5% {
    transform: scale(1.03); }
  10% {
    transform: scale(1); }
  15% {
    transform: scale(1.03); }
  20% {
    transform: scale(1); }
  100% {
    transform: scale(1); } }
.onboarding-checklist {
  position: fixed;
  animation: none;
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(225, 225, 225, 0.95);
  max-width: 350px;
  bottom: 20px;
  right: 20px;
  padding: 20px; }
.onboarding-checklist.shake {
  animation: shake 1.5s cubic-bezier(0.64, 0.57, 0.67, 1.53) 1; }
.onboarding-checklist a.close {
  float: right; }
.onboarding-checklist a.close svg {
  fill: #444444;
  width: 15px;
  height: 15px; }
.onboarding-checklist h1 {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 10px; }
.onboarding-checklist p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px; }
.onboarding-checklist li > .check-container {
  cursor: pointer;
  display: grid;
  grid-template-columns: 15px 6fr;
  gap: 5px;
  align-items: top;
  border-radius: 3px;
  background: #ff9cd1;
  padding: 7px 10px;
  margin-bottom: 3px; }
.onboarding-checklist li > .check-container:hover {
  background: #fe64b8; }
.onboarding-checklist .check-container > div > h3 {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 0; }
.onboarding-checklist .check-container.with-description .buttons {
  display: none;
  margin-top: 5px; }
.onboarding-checklist .check-container.with-description .buttons .btn {
  padding: 3px 5px; }
.onboarding-checklist .check-container .description {
  opacity: 0.8;
  display: none;
  font-size: 13px;
  line-height: 18px;
  margin-top: 5px; }
.onboarding-checklist .check-container .description p {
  margin-bottom: 0; }
.onboarding-checklist .check-container .description ul {
  margin-top: 0; }
.onboarding-checklist .check-container .description li {
  list-style: disc;
  margin-left: 15px;
  margin-bottom: 0; }
.onboarding-checklist .check-container.open .description, .onboarding-checklist .check-container.open .buttons {
  display: block; }
.onboarding-checklist .check {
  background: white;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  width: 12px;
  height: 12px; }
.onboarding-checklist .check.complete {
  background-color: #a9cb50;
  background-image: url(/lib/assets/img/check-mark.svg);
  background-size: 8px 8px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: #a9cb50;
  box-shadow: 0 0 5px rgba(169, 203, 80, 0.5); }
.onboarding-checklist .first-incomplete > div > h3 {
  font-weight: bold; }
.onboarding-checklist .below-first-incomplete:not(.complete) > div > h3 {
  opacity: 0.7; }
.onboarding-checklist .percentage-container {
  margin-top: 10px; }
.onboarding-checklist .percentage-container.with-text {
  display: grid;
  grid-template-columns: 6fr 30px;
  align-items: center; }
.onboarding-checklist .percentage-container .percentage-bar {
  width: 100%;
  height: 10px;
  border: 1px solid #e1e1e1;
  border-radius: 5px; }
.onboarding-checklist .percentage-container .percentage-bar.pct-100 {
  box-shadow: 0 0 5px rgba(169, 203, 80, 0.5); }
.onboarding-checklist .percentage-container .percentage-bar.pct-100 .percentage {
  background: #a9cb50; }
.onboarding-checklist .percentage-container .percentage-bar .percentage {
  height: 100%;
  background: #C8016D;
  border-radius: 3px; }
.onboarding-checklist .percentage-container .percentage-text {
  text-align: right;
  font-size: 10px;
  font-weight: bold; }
.onboarding-checklist .text-complete {
  border-top: 1px solid rgba(225, 225, 225, 0.5);
  margin-top: 10px;
  padding-top: 10px; }
.onboarding-checklist .text-complete strong {
  font-weight: bold; }
.onboarding-checklist .text-complete a {
  text-decoration: underline;
  text-decoration-color: #e1e1e1; }
.onboarding-checklist .text-complete a:hover {
  text-decoration-color: #C8016D; }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }
.peppol-onboarding > div {
  display: grid;
  grid-template-columns: 160px 1fr;
  justify-items: center;
  align-items: center; }
.peppol-onboarding > div:not(:last-child) {
  margin-bottom: 30px; }
.peppol-onboarding > div .icon {
  position: relative; }
.peppol-onboarding > div .icon.on svg {
  stroke: #C8016D;
  transform: scale(1.2); }
.peppol-onboarding > div .icon.on h3 {
  color: #444444; }
.peppol-onboarding > div .icon::before, .peppol-onboarding > div .icon::after {
  --icon-size: 60px;
  --rays-size: 150px;
  visibility: hidden;
  z-index: 1;
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  animation: spin 25s linear infinite; }
.peppol-onboarding > div .icon.on::before {
  z-index: 2;
  mask-image: radial-gradient(circle, black 20%, rgba(0, 0, 0, 0) 50%);
  background: repeating-conic-gradient(#fe31a0 0% 2%, rgba(254, 49, 160, 0) 2% 10%, #fe31a0 10% 12%, rgba(254, 49, 160, 0) 12% 20%, #fe31a0 20% 22%, rgba(254, 49, 160, 0) 22% 30%, #fe31a0 30% 32%, rgba(254, 49, 160, 0) 32% 40%, #fe31a0 40% 42%, rgba(254, 49, 160, 0) 42% 50%, #fe31a0 50% 52%, rgba(254, 49, 160, 0) 52% 60%, #fe31a0 60% 62%, rgba(254, 49, 160, 0) 62% 70%, #fe31a0 70% 72%, rgba(254, 49, 160, 0) 72% 80%, #fe31a0 80% 82%, rgba(254, 49, 160, 0) 82% 90%, #fe31a0 90% 92%, rgba(254, 49, 160, 0) 92% 100%);
  width: var(--rays-size);
  height: var(--rays-size);
  margin-top: calc(var(--rays-size) / -2 - 20px);
  margin-left: calc(var(--rays-size) / -2);
  visibility: visible;
  opacity: 0.3; }
.peppol-onboarding > div .icon.on::after {
  background: repeating-conic-gradient(#c8016d 0% 23%, #fb0189 25% 50%, #c8016d 50% 75%, #e1017b 75% 100%);
  filter: blur(15px);
  visibility: visible;
  width: var(--icon-size);
  height: var(--icon-size);
  margin-top: calc(var(--icon-size) / -2 - 10px);
  margin-left: calc(var(--icon-size) / -2);
  opacity: 0.6; }
.peppol-onboarding > div > div svg {
  position: relative;
  z-index: 3;
  display: inline-block;
  width: 75px;
  height: 75px;
  margin: 0 auto;
  color: #e1e1e1;
  transition: transform 0.15s ease-in-out;
  fill: #fff; }
.peppol-onboarding > div > div h3 {
  position: relative;
  z-index: 3;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  color: #ccc;
  transition: color 0.15s ease-in-out;
  margin-bottom: 0; }
.peppol-onboarding > div .info {
  width: 100%;
  border: 1px solid #e1e1e1;
  background: #fafafa;
  border-radius: 3px;
  padding: 15px; }
.peppol-onboarding > div ul {
  display: block;
  width: 100%; }
.peppol-onboarding > div ul li {
  display: block;
  width: 100%;
  border: 1px solid #e1e1e1;
  background: #fafafa; }
.peppol-onboarding > div ul li:hover {
  background: #fefefe; }
.peppol-onboarding > div ul li:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
.peppol-onboarding > div ul li:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }
.peppol-onboarding > div ul li:not(:last-child) {
  margin-bottom: -1px;
  border-bottom: 1px solid #f9f9f9; }
.peppol-onboarding > div ul li li + li {
  border-top: none; }
.peppol-onboarding > div ul li label {
  display: grid;
  grid-template-columns: 20px 1fr;
  cursor: pointer;
  padding: 15px; }
.peppol-onboarding > div ul li label span {
  line-height: 20px;
  color: #444444; }
.peppol-onboarding > div ul li label em {
  font-weight: bold;
  color: #444444; }
.peppol-onboarding > div ul li input {
  float: left;
  margin-right: 5px;
  margin-top: 3px; }

.onboarding-modules h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px; }
.onboarding-modules label {
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  padding: 7px 7px 7px 10px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  transition: all 0.2s ease-in-out; }
.onboarding-modules label:has(input:checked) {
  background: #fe97cf; }
.onboarding-modules label:has(input:checked) em {
  color: #630036; }
.onboarding-modules label:hover {
  border: 1px solid #c8c8c8; }
.onboarding-modules label input {
  position: relative;
  top: 3px;
  margin-right: 6px; }
.onboarding-modules label span {
  font-size: 12px;
  line-height: 20px;
  color: #444444; }
.onboarding-modules label em {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  color: #444444; }

.onboarding-preparing .ca > .loading {
  max-width: 100px;
  fill: #C8016D;
  margin-bottom: 15px; }
.onboarding-preparing .ca > .emoji {
  display: block;
  font-size: 50px;
  margin-bottom: 50px;
  margin-top: 60px; }

@keyframes shake {
  0% {
    transform: scale(1); }
  5% {
    transform: scale(1.03); }
  10% {
    transform: scale(1); }
  15% {
    transform: scale(1.03); }
  20% {
    transform: scale(1); }
  100% {
    transform: scale(1); } }
.onboarding-checklist {
  position: fixed;
  animation: none;
  background: white;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(225, 225, 225, 0.95);
  max-width: 350px;
  bottom: 20px;
  right: 20px;
  padding: 20px; }
.onboarding-checklist.shake {
  animation: shake 1.5s cubic-bezier(0.64, 0.57, 0.67, 1.53) 1; }
.onboarding-checklist a.close {
  float: right; }
.onboarding-checklist a.close svg {
  fill: #444444;
  width: 15px;
  height: 15px; }
.onboarding-checklist h1 {
  font-weight: bold;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 10px; }
.onboarding-checklist p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px; }
.onboarding-checklist li > .check-container {
  cursor: pointer;
  display: grid;
  grid-template-columns: 15px 6fr;
  gap: 5px;
  align-items: top;
  border-radius: 3px;
  background: #ff9cd1;
  padding: 7px 10px;
  margin-bottom: 3px; }
.onboarding-checklist li > .check-container:hover {
  background: #fe64b8; }
.onboarding-checklist .check-container > div > h3 {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 0; }
.onboarding-checklist .check-container.with-description .buttons {
  display: none;
  margin-top: 5px; }
.onboarding-checklist .check-container.with-description .buttons .btn {
  padding: 3px 5px; }
.onboarding-checklist .check-container .description {
  opacity: 0.8;
  display: none;
  font-size: 13px;
  line-height: 18px;
  margin-top: 5px; }
.onboarding-checklist .check-container .description p {
  margin-bottom: 0; }
.onboarding-checklist .check-container .description ul {
  margin-top: 0; }
.onboarding-checklist .check-container .description li {
  list-style: disc;
  margin-left: 15px;
  margin-bottom: 0; }
.onboarding-checklist .check-container.open .description, .onboarding-checklist .check-container.open .buttons {
  display: block; }
.onboarding-checklist .check {
  background: white;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  width: 12px;
  height: 12px; }
.onboarding-checklist .check.complete {
  background-color: #a9cb50;
  background-image: url(/lib/assets/img/check-mark.svg);
  background-size: 8px 8px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: #a9cb50;
  box-shadow: 0 0 5px rgba(169, 203, 80, 0.5); }
.onboarding-checklist .first-incomplete > div > h3 {
  font-weight: bold; }
.onboarding-checklist .below-first-incomplete:not(.complete) > div > h3 {
  opacity: 0.7; }
.onboarding-checklist .percentage-container {
  margin-top: 10px; }
.onboarding-checklist .percentage-container.with-text {
  display: grid;
  grid-template-columns: 6fr 30px;
  align-items: center; }
.onboarding-checklist .percentage-container .percentage-bar {
  width: 100%;
  height: 10px;
  border: 1px solid #e1e1e1;
  border-radius: 5px; }
.onboarding-checklist .percentage-container .percentage-bar.pct-100 {
  box-shadow: 0 0 5px rgba(169, 203, 80, 0.5); }
.onboarding-checklist .percentage-container .percentage-bar.pct-100 .percentage {
  background: #a9cb50; }
.onboarding-checklist .percentage-container .percentage-bar .percentage {
  height: 100%;
  background: #C8016D;
  border-radius: 3px; }
.onboarding-checklist .percentage-container .percentage-text {
  text-align: right;
  font-size: 10px;
  font-weight: bold; }
.onboarding-checklist .text-complete {
  border-top: 1px solid rgba(225, 225, 225, 0.5);
  margin-top: 10px;
  padding-top: 10px; }
.onboarding-checklist .text-complete strong {
  font-weight: bold; }
.onboarding-checklist .text-complete a {
  text-decoration: underline;
  text-decoration-color: #e1e1e1; }
.onboarding-checklist .text-complete a:hover {
  text-decoration-color: #C8016D; }

@keyframes spin {
  100% {
    transform: rotate(360deg); } }
.peppol-onboarding > div {
  display: grid;
  grid-template-columns: 160px 1fr;
  justify-items: center;
  align-items: center; }
.peppol-onboarding > div:not(:last-child) {
  margin-bottom: 30px; }
.peppol-onboarding > div .icon {
  position: relative; }
.peppol-onboarding > div .icon.on svg {
  stroke: #C8016D;
  transform: scale(1.2); }
.peppol-onboarding > div .icon.on h3 {
  color: #444444; }
.peppol-onboarding > div .icon::before, .peppol-onboarding > div .icon::after {
  --icon-size: 60px;
  --rays-size: 150px;
  visibility: hidden;
  z-index: 1;
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  animation: spin 25s linear infinite; }
.peppol-onboarding > div .icon.on::before {
  z-index: 2;
  mask-image: radial-gradient(circle, black 20%, rgba(0, 0, 0, 0) 50%);
  background: repeating-conic-gradient(#fe31a0 0% 2%, rgba(254, 49, 160, 0) 2% 10%, #fe31a0 10% 12%, rgba(254, 49, 160, 0) 12% 20%, #fe31a0 20% 22%, rgba(254, 49, 160, 0) 22% 30%, #fe31a0 30% 32%, rgba(254, 49, 160, 0) 32% 40%, #fe31a0 40% 42%, rgba(254, 49, 160, 0) 42% 50%, #fe31a0 50% 52%, rgba(254, 49, 160, 0) 52% 60%, #fe31a0 60% 62%, rgba(254, 49, 160, 0) 62% 70%, #fe31a0 70% 72%, rgba(254, 49, 160, 0) 72% 80%, #fe31a0 80% 82%, rgba(254, 49, 160, 0) 82% 90%, #fe31a0 90% 92%, rgba(254, 49, 160, 0) 92% 100%);
  width: var(--rays-size);
  height: var(--rays-size);
  margin-top: calc(var(--rays-size) / -2 - 20px);
  margin-left: calc(var(--rays-size) / -2);
  visibility: visible;
  opacity: 0.3; }
.peppol-onboarding > div .icon.on::after {
  background: repeating-conic-gradient(#c8016d 0% 23%, #fb0189 25% 50%, #c8016d 50% 75%, #e1017b 75% 100%);
  filter: blur(15px);
  visibility: visible;
  width: var(--icon-size);
  height: var(--icon-size);
  margin-top: calc(var(--icon-size) / -2 - 10px);
  margin-left: calc(var(--icon-size) / -2);
  opacity: 0.6; }
.peppol-onboarding > div > div svg {
  position: relative;
  z-index: 3;
  display: inline-block;
  width: 75px;
  height: 75px;
  margin: 0 auto;
  color: #e1e1e1;
  transition: transform 0.15s ease-in-out;
  fill: #fff; }
.peppol-onboarding > div > div h3 {
  position: relative;
  z-index: 3;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  color: #ccc;
  transition: color 0.15s ease-in-out;
  margin-bottom: 0; }
.peppol-onboarding > div .info {
  width: 100%;
  border: 1px solid #e1e1e1;
  background: #fafafa;
  border-radius: 3px;
  padding: 15px; }
.peppol-onboarding > div ul {
  display: block;
  width: 100%; }
.peppol-onboarding > div ul li {
  display: block;
  width: 100%;
  border: 1px solid #e1e1e1;
  background: #fafafa; }
.peppol-onboarding > div ul li:hover {
  background: #fefefe; }
.peppol-onboarding > div ul li:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
.peppol-onboarding > div ul li:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }
.peppol-onboarding > div ul li:not(:last-child) {
  margin-bottom: -1px;
  border-bottom: 1px solid #f9f9f9; }
.peppol-onboarding > div ul li li + li {
  border-top: none; }
.peppol-onboarding > div ul li label {
  display: grid;
  grid-template-columns: 20px 1fr;
  cursor: pointer;
  padding: 15px; }
.peppol-onboarding > div ul li label span {
  line-height: 20px;
  color: #444444; }
.peppol-onboarding > div ul li label em {
  font-weight: bold;
  color: #444444; }
.peppol-onboarding > div ul li input {
  float: left;
  margin-right: 5px;
  margin-top: 3px; }

div.hopscotch-bubble {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  border: none;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.07); }
div.hopscotch-bubble .hopscotch-bubble-close {
  background-image: url(/lib/assets/vendor/hopscotch/close@2x.png);
  background-size: 16px 16px;
  background-position: 50% 50%;
  cursor: pointer; }
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border {
  display: none; }
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow {
  top: 5px; }
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border {
  display: none; }
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow {
  top: -5px; }
div.hopscotch-bubble .hopscotch-bubble-content {
  line-height: 20px;
  margin-left: 45px; }
div.hopscotch-bubble h3 {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  margin-bottom: 5px; }
div.hopscotch-bubble .hopscotch-content {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
div.hopscotch-bubble .hopscotch-bubble-number {
  display: block;
  background: none;
  background-color: #C8016D;
  border-radius: 100px;
  padding-right: 0;
  margin-right: 10px; }
div.hopscotch-bubble .hopscotch-nav-button.next, div.hopscotch-bubble .hopscotch-nav-button.done {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  box-shadow: none;
  background-image: none;
  background-color: #C8016D;
  border: none;
  text-shadow: none; }
div.hopscotch-bubble .hopscotch-nav-button.next:hover, div.hopscotch-bubble .hopscotch-nav-button.done:hover {
  background-image: none;
  background-color: #fb0189; }

.login {
  background: url(../img/vendor-sage/background-sage-2.jpg) no-repeat 50% 50%;
  background-attachment: fixed;
  background-size: 100%;
  background-size: cover; }
.login .logo img {
  width: 0;
  height: 0;
  padding-right: 103px;
  padding-bottom: 58px;
  background: url("/lib/assets/img/vendor-sage/sage-logo.png");
  background-size: 103px 58px;
  margin-bottom: 30px; }
.login p {
  color: white; }
.login p a {
  color: white;
  border-bottom-color: rgba(255, 255, 255, 0.25); }
.login form {
  box-shadow: 0 0 10px rgba(0, 0, 15, 0.1); }

header .logo-sage {
  float: left;
  width: 53px;
  height: 30px;
  margin: 25px 0 15px 2.5%; }
@media (max-width: 1023px) {
  header .logo-sage {
    float: none;
    display: inline-block;
    margin-right: auto;
    margin-left: auto; } }
header .logo-sage img {
  display: inline-block;
  width: 53px;
  height: 30px; }
header nav > ul > li > ul {
  width: 200px !important; }

body {
  background: #ededed; }

body > footer .numnum img {
  display: none; }

.dashboard .top .symbol.green {
  background-color: #00DC00; }
.dashboard .top .symbol.red {
  background-color: #C8016D; }
.dashboard .top .symbol.blue {
  background-color: #243741; }

.status.blue > em, .status.new > em, .status.logged > em {
  background-color: #243741; }

.status.green > em, .status.payed > em, .status.paid > em, .status.license > em, .status.approved > em, .status.invoiced > em, .status.finished > em, .status.credited > em {
  background-color: #00DC00; }

.status.red > em, .status.open > em, .status.overdue > em, .status.overdue_partly_payed > em, .status.failed > em, .status.expired > em, .status.cancelled > em, .status.not_interested > em, .status.disapproved > em, .status.over_budget > em {
  background-color: #C8016D; }

.responsive-table tbody > tr.subtitle > td {
  background: rgba(36, 55, 65, 0.2);
  color: #fff; }