html, body {
  background-color: #fcfcfc;
  font-family: "proxima-nova", "Arial";
  margin: 0;
  padding: 0; }

.hidden {
  display: none; }

.editable {
  cursor: pointer;
  padding-right: 22px;
  text-decoration: none; }
  .editable:hover {
    background-image: url("/images/icons/edit.svg");
    background-repeat: no-repeat;
    background-position-x: right;
    text-decoration: none; }

.col-xs-15 {
  width: 20%; }

.btn-success {
  background-color: #75C55B; }

[data-elevio-inline]::after, [data-elevio-article]::after {
  content: "";
  position: relative;
  bottom: 6px;
  left: 3px;
  font: normal normal normal 80%/1 'Glyphicons Halflings';
  color: #444;
  border-bottom: none; }

.note [data-elevio-inline]::after, .note [data-elevio-article]::after, #elevio-main [data-elevio-inline]::after, #elevio-main [data-elevio-article]::after {
  content: ""; }

.material-switch > input[type="checkbox"] {
  display: none; }

.material-switch > label {
  cursor: pointer;
  height: 0px;
  position: relative;
  width: 40px; }

.material-switch > label::before {
  background: black;
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  content: '';
  height: 16px;
  margin-top: -8px;
  position: absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 40px; }

.material-switch > label::after {
  background: white;
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 24px;
  left: -4px;
  margin-top: -8px;
  position: absolute;
  top: -4px;
  transition: all 0.3s ease-in-out;
  width: 24px; }

.material-switch > input[type="checkbox"]:checked + label::before {
  background: inherit;
  opacity: 0.5; }

.material-switch > input[type="checkbox"]:checked + label::after {
  background: inherit;
  left: 20px; }

#elevio-main code {
  white-space: pre-wrap;
  /* CSS 3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */ }
#elevio-main blockquote {
  border-left: 4px solid #ddd;
  padding-left: 1em; }
#elevio-main h3, #elevio-main h4 {
  margin-top: 1em;
  margin-bottom: 0.5em; }
#elevio-main h4 {
  font-weight: bold;
  font-size: 1.2em; }
#elevio-main p, #elevio-main li {
  line-height: 1.5em; }
#elevio-main a[data-elevio-article] {
  font-weight: bold; }
#elevio-main strong a {
  font-weight: bold; }
#elevio-main a[data-i18n="app:modules.rss.read_more"] {
  display: none !important; }

h1 {
  float: left;
  margin-bottom: 20px;
  margin-top: 0;
  font-family: "proxima-nova-soft", "Arial"; }

h2 {
  font-size: 1.2em;
  margin-top: 5px;
  font-weight: 400;
  color: #666;
  font-family: "proxima-nova-soft", "Arial"; }

h3 {
  font-size: 1.2em;
  font-weight: normal; }

p.validation_message {
  text-align: right;
  font-style: italic;
  font-weight: bold;
  color: #900;
  margin-bottom: 0; }

.field_with_errors {
  display: inline; }

.field_with_errors input {
  border: 2px solid #900; }

.error-response {
  text-align: left;
  width: 75%;
  margin: auto;
  margin-top: 100px;
  font-size: 1.5em;
  border: 1px solid #ddd; }
  .error-response.panel {
    padding: 20px; }
  .error-response .lotus {
    display: block;
    margin: auto; }
  .error-response h2 {
    text-align: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0.5em;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 1em;
    background-color: #f6f6f6; }

.callout {
  clear: both;
  overflow: hidden;
  color: #5686ac;
  background-color: #f0f7fd;
  border-color: #d0e3f0;
  border-left: 5px solid #eee;
  padding: 15px 20px 15px 15px;
  font-size: 1.2em;
  margin-bottom: 20px; }
  .callout p:last-child {
    margin-bottom: 0; }
  .callout h2 {
    font-weight: 800;
    color: inherit; }
  .callout a {
    text-decoration: underline; }
  .callout .btn {
    text-decoration: none; }

.callout-warning {
  color: #b59794;
  background-color: #fbf8e2;
  border-left: 5px solid #f6eaca; }

.callout-danger {
  color: #954742;
  background-color: #ecdddd;
  border-left: 5px solid #954742; }

.tutorial-video-link {
  display: block;
  float: right;
  border: 1px solid #ddd; }

.section-header {
  overflow: hidden;
  color: #444;
  background-color: white;
  border-bottom: 1px solid #ddd; }
  .section-header.with-nav {
    border-bottom: none; }
  .section-header h1 {
    margin: 0;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 25px;
    margin-right: 25px;
    font-size: 2.2em;
    font-weight: normal;
    line-height: 70px; }
    .section-header h1 a {
      color: #428bca; }
  .section-header .section-nav {
    clear: both; }
    .section-header .section-nav li {
      border-bottom: 2px solid #ddd; }
      .section-header .section-nav li.active {
        font-weight: bold; }
      .section-header .section-nav li.active, .section-header .section-nav li:hover {
        border-bottom: 2px solid #2980b9; }
    .section-header .section-nav .glyphicon {
      opacity: 0.3;
      padding-top: 2px;
      padding-left: 15px; }
  .section-header .btn {
    height: 40px;
    line-height: 30px;
    font-size: 16px; }
  .section-header .btn-toolbar {
    margin-right: 25px;
    margin-top: 20px; }

.btn-toolbar {
  float: right; }
  .btn-toolbar .btn {
    height: 40px !important;
    line-height: 40px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important; }

.content-header {
  overflow: hidden;
  background-color: #FFF;
  border-bottom: 1px solid #ddd;
  padding: 5px;
  padding-left: 25px;
  padding-right: 25px; }
  .content-header h1 {
    font-size: 1.2em;
    font-weight: bold;
    line-height: 40px;
    margin: 0;
    padding: 0; }

.blank-slate h1 {
  color: #444;
  text-align: center;
  font-size: 3em;
  width: 100%; }
.blank-slate img {
  width: 128px;
  height: 128px;
  display: block;
  margin: auto;
  margin-top: 60px;
  margin-bottom: 30px; }
.blank-slate .benefit {
  color: #666;
  text-align: center;
  font-weight: bold;
  font-size: 1.6em;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 50px; }

.nav-process {
  border-bottom: 1px solid #ddd;
  margin-top: 40px;
  clear: both;
  margin-bottom: 0px; }
  .nav-process a {
    border-bottom: 3px solid #f9f9f9; }
  .nav-process .active a {
    font-weight: bold;
    border-bottom: 3px solid #5b8bca; }
  .nav-process .glyphicon {
    opacity: 0.3;
    padding-left: 15px; }

.content-body {
  padding: 25px; }

.no-padding {
  padding: 0;
  margin: 0; }

.export-link {
  float: right; }

.btn-new-record {
  position: relative;
  float: right;
  display: block;
  height: 40px !important;
  line-height: 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important; }
  .btn-new-record span.plus {
    float: left;
    margin-right: 10px;
    margin-top: 1px;
    font-size: 30px; }

.btn-return {
  position: relative;
  float: right;
  display: block;
  font-size: 16px;
  margin-bottom: 20px;
  opacity: 0.8; }
  .btn-return span {
    float: left;
    margin-right: 10px;
    margin-top: 6px;
    font-size: 16px;
    line-height: 27px; }

.timezone {
  border-radius: 4px;
  behavior: url(/PIE.htc);
  background: #318ddc;
  background: -moz-linear-gradient(top, #5ca5e4 0%, #318ddc 75%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5ca5e4), color-stop(75%, #318ddc));
  -pie-background: linear-gradient(#5ca5e4 0%, #318ddc 75%);
  /*PIE*/
  behavior: url(/PIE.htc);
  font-family: "proxima-nova-soft", "Arial";
  padding: 5px;
  margin-bottom: 20px;
  text-align: center; }
  .timezone .label {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 11px;
    line-height: 18px;
    text-shadow: none;
    color: white;
    text-transform: uppercase;
    background: transparent; }
  .timezone p {
    color: white;
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase; }

.padded {
  padding: 20px; }

.alert a, .sidebar .alert a {
  text-decoration: underline; }
  .alert a.btn, .sidebar .alert a.btn {
    text-decoration: none; }
.alert p, .sidebar .alert p {
  margin-top: 5px;
  margin-bottom: 5px; }
.alert h3, .sidebar .alert h3 {
  margin-top: 0; }

.sidebar .alert {
  padding: 10px; }
  .sidebar .alert h2 {
    margin: 0; }

.nav-tabs {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0;
  margin-bottom: 0; }
  .nav-tabs .active a {
    background-color: #fcfcfc !important;
    font-weight: bold; }

.nav-centered > li {
  float: none;
  display: inline-block;
  *display: inline;
  /* ie7 fix */
  zoom: 1;
  /* hasLayout ie7 trigger */ }

.nav-centered {
  text-align: center; }

.center {
  text-align: center; }

.pagination {
  display: table;
  margin: 20px auto; }

table {
  width: 100%; }

th, td {
  text-align: center; }

tr:first-child th, tr:first-child td {
  border-top: none !important; }

td.action {
  width: 50px; }

th:first-child, td:first-child {
  padding-left: 5px;
  text-align: left; }

th:last-child, td:last-child {
  text-align: right;
  padding-right: 5px; }

.table-index th, .table-index td {
  line-height: 40px !important; }
.table-index th {
  border-top: none !important; }

.form-natural-language {
  text-align: center;
  font-size: 1.5em;
  line-height: 2.2em; }

.sidebar-tools {
  border-left: 1px solid #ddd;
  padding-left: 25px; }
  .sidebar-tools h2 {
    text-transform: uppercase;
    font-size: 1em;
    font-weight: bold;
    margin-top: 2em; }
  .sidebar-tools .btn-filter {
    width: 100%; }

.panel-sidebar-list .panel-heading {
  font-weight: bold; }

.panel-sidebar-list .panel-body {
  padding: 0; }
  .panel-sidebar-list .panel-body .none {
    padding: 10px; }

.panel-sidebar-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.panel-sidebar-list li {
  border-bottom: 1px solid #ddd;
  padding: 10px; }
  .panel-sidebar-list li p {
    margin: 0; }
  .panel-sidebar-list li:last-child {
    border-bottom: none; }

.dashboard-list-item img {
  float: left;
  margin-right: 10px;
  border: 1px solid #ddd; }

.summary-primary {
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 2px; }

.summary-secondary {
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis; }

.summary-status {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px !important;
  font-size: 1.1em; }

#calendar-component {
  margin-bottom: 20px; }
  #calendar-component .wc-scrollable-grid {
    border-radius: 6px 0 0 6px;
    behavior: url(/PIE.htc);
    overflow: hidden;
    border: 1px solid #ddd; }
  #calendar-component .wc-title {
    text-transform: none;
    text-align: center;
    display: block;
    margin: 0;
    float: none;
    margin-right: 80px;
    font-weight: bold;
    font-family: "proxima-nova-soft", "Arial";
    font-size: 1.5em; }
  #calendar-component .wc-toolbar, #calendar-component .wc-header {
    background: transparent;
    border: none; }
  #calendar-component .wc-nav.ui-buttonset {
    margin: auto;
    display: block; }

.mug {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  behavior: url(/PIE.htc); }

.dropdown-menu.pull-right {
  text-align: left; }

span.gear {
  display: inline-block;
  background-image: url("/images/gear.png");
  background-repeat: no-repeat;
  width: 25px;
  height: 15px;
  margin-top: 3px; }

.form-actions {
  clear: both;
  overflow: hidden;
  border-top: 1px solid #ddd;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center; }
  .form-actions .btn {
    display: inline-block; }

.field_with_errors input[type=text] {
  border: 2px solid #a64d47; }

.continue-bar {
  clear: both;
  border-top: 1px solid #ddd;
  margin-left: -20px;
  margin-right: -20px;
  padding-top: 20px;
  text-align: center; }
  .continue-bar .btn, .continue-bar input[type=submit] {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    min-width: 200px;
    height: auto;
    line-height: 30px; }

.miniColors-selector {
  box-sizing: content-box;
  -webkit-box-sizing: content-box; }

.notice {
  background: #ffd;
  border-bottom: 1px solid #666; }

.message {
  padding: 40px;
  padding-top: 20px;
  padding-bottom: 0px; }

.legal {
  margin-top: 40px;
  color: #666;
  font-size: 14px; }

.action-menu {
  float: right; }

.ng-cloak {
  display: none; }

.stats {
  border-radius: 2px;
  behavior: url(/PIE.htc);
  border: 1px solid #ddd;
  margin-bottom: 40px;
  overflow: auto; }

.resource-stat {
  padding-top: 15px;
  padding-bottom: 15px;
  border-right: 1px solid #ddd;
  font-family: "proxima-nova-soft", "Arial"; }
  .resource-stat:last-child {
    border-right: none; }
  .resource-stat .resource-stat-label {
    text-transform: uppercase;
    /* font-weight: bold; */
    font-size: 9pt;
    margin: 2px;
    color: #858585; }
  .resource-stat .value {
    color: #1A609E;
    font-size: 2em;
    margin: 4px; }

.ui-widget {
  font-family: "proxima-nova", "Arial" !important; }

.new {
  padding-top: 100px; }
  .new h1 {
    font-size: 2em;
    text-align: center;
    float: none; }

.statusbar-container {
  position: fixed;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 1000;
  padding: 30px;
  pointer-events: none; }
  .statusbar-container #status-bar {
    position: relative;
    width: 50%;
    border-radius: 8px;
    behavior: url(/PIE.htc);
    box-shadow: 5px 5px 15px #444;
    padding: 10px 15px 10px 15px;
    font-size: 20px;
    font-weight: normal;
    text-transform: none;
    text-align: center; }
    .statusbar-container #status-bar p {
      margin: 1px; }
    .statusbar-container #status-bar.notice {
      background-color: #52952B;
      border: #52952B;
      color: #A4C950; }
    .statusbar-container #status-bar.warning {
      background-color: #eed700;
      border: 1px solid #eed700;
      color: black; }
    .statusbar-container #status-bar.error {
      background-color: #ee0000;
      border: 1px solid #ee0000;
      color: #ffbbbb; }
    .statusbar-container #status-bar .close {
      width: 20px;
      height: 20px;
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -10px;
      cursor: pointer; }

html, body, #body {
  margin: 0;
  padding: 0;
  height: 100%; }

body, #body, #main-content {
  min-height: 100%; }

.wrapper {
  width: 960px;
  margin: auto; }

h1 {
  float: none; }

/*

This file specifies styling for elements that interact
with stylesheets or JavaScript from 3rd party vendors.

These elements may require additional CSS rules to
override their vendor-provided defaults.

*/
/*

Custom colours for PayPal and Stripe related buttons.
Extends Bootstrap .btn class.
Used on payment settings page.

*/
.btn-paypal {
  background: #179BD7;
  border-color: #179BD7;
  border-radius: 4px !important;
  min-width: 140px;
  text-shadow: none;
  color: white;
  font-weight: bold; }
  .btn-paypal:hover {
    background: #20a9e7;
    color: white; }
  .btn-paypal.btn {
    min-width: 160px; }

.btn-stripe {
  background-color: #6772E5;
  border-color: #6772E5;
  border-radius: 4px !important;
  color: white;
  font-weight: bold; }
  .btn-stripe:hover {
    background: #7d86e9;
    color: white; }

.payment_stripe {
  font-size: 0; }

/*

Styling for .stripe-button-el
Stripe's checkout.js file generates a checkout button
with default styling. Here we override those styles
to make the button consistent with other Bootstrap
buttons and our custom theme.

*/
.stripe-button-el {
  background-image: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: none !important;
  border: none !important;
  -webkit-font-smoothing: inherit !important;
  margin-left: 10px !important;
  margin-right: 10px !important; }

.stripe-button-el span {
  font-size: inherit !important;
  font-weight: inherit !important;
  font-family: inherit !important;
  text-shadow: none !important;
  box-shadow: none !important;
  height: auto !important;
  background-image: none !important;
  display: inline-block !important;
  padding: 6px 12px !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.42857143 !important;
  text-align: center !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
  -ms-touch-action: manipulation !important;
  touch-action: manipulation !important;
  cursor: pointer !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  display: inline-block !important;
  min-width: 160px !important;
  height: auto !important;
  line-height: 30px !important;
  background-color: #6772E5 !important;
  border-color: #6772E5 !important;
  color: white !important;
  font-weight: bold !important; }
  .stripe-button-el span:hover {
    background: #7d86e9 !important;
    color: white !important; }

@media (max-width: 767px) {
  .payment_stripe .stripe-button-el {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important; }
    .payment_stripe .stripe-button-el span {
      width: 100%; } }

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