@import url("https://fonts.googleapis.com/css?family=Nunito+Sans");
html {
  font-size: 100%; }

body {
  font-size: 0.875em; }
  @media (max-width: 576px) {
    body {
      font-size: 1em; } }

.bd-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #eee;
  border-left-width: .25rem;
  border-radius: .25rem; }
  .bd-callout h2, .bd-callout h3, .bd-callout h4, .bd-callout h5 {
    margin-top: 0;
    margin-bottom: .25rem; }
  .bd-callout p:last-child {
    margin-bottom: 0; }
  .bd-callout code {
    border-radius: .25rem; }

.bd-callout-primary {
  border-left-color: #007bff; }
  .bd-callout-primary h2, .bd-callout-primary h3, .bd-callout-primary h4, .bd-callout-primary h5 {
    color: #007bff; }

.bd-callout-secondary {
  border-left-color: #6c757d; }
  .bd-callout-secondary h2, .bd-callout-secondary h3, .bd-callout-secondary h4, .bd-callout-secondary h5 {
    color: #6c757d; }

.bd-callout-success {
  border-left-color: #28a745; }
  .bd-callout-success h2, .bd-callout-success h3, .bd-callout-success h4, .bd-callout-success h5 {
    color: #28a745; }

.bd-callout-info {
  border-left-color: #5f8d3e; }
  .bd-callout-info h2, .bd-callout-info h3, .bd-callout-info h4, .bd-callout-info h5 {
    color: #17a2b8; }

.bd-callout-warning {
  border-left-color: #ffc107; }
  .bd-callout-warning h2, .bd-callout-warning h3, .bd-callout-warning h4, .bd-callout-warning h5 {
    color: #ffc107; }

.bd-callout-danger {
  border-left-color: #dc3545; }
  .bd-callout-danger h2, .bd-callout-danger h3, .bd-callout-danger h4, .bd-callout-danger h5 {
    color: #dc3545; }

.bd-callout-light {
  border-left-color: #f8f9fa; }
  .bd-callout-light h2, .bd-callout-light h3, .bd-callout-light h4, .bd-callout-light h5 {
    color: #f8f9fa; }

.bd-callout-dark {
  border-left-color: #343a40; }
  .bd-callout-dark h2, .bd-callout-dark h3, .bd-callout-dark h4, .bd-callout-dark h5 {
    color: #343a40; }

html, body {
  height: 100%; }

body {
  display: flex;
  flex-direction: column;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  background-color: #F4F6F8; }

.required:after {
  content: "*";
  font-weight: bold;
  color: red; }

.site-main {
  padding: 0px 15px 0;
  margin-top: 77px;
  flex: 1 0 auto; }
  @media (max-width: 576px) {
    .site-main {
      max-width: 100%;
      padding: 0px 0px 5px 0px;
      margin-top: 60px; }
      .site-main .jumbotron {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        padding-left: unset;
        padding-right: unset;
        margin-bottom: unset; }
        .site-main .jumbotron .container {
          padding-left: unset;
          padding-right: unset; } }
  @media (min-width: 992px) {
    .site-main {
      padding: 0px 15px 15px 15px; } }

.qr-card {
  background-color: #ffffff;
  box-shadow: 0px 0px 5px rgba(23, 24, 24, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.15);
  border-radius: 0.8rem; }

/* HEADER */
.nav-item {
  position: relative; }
  .nav-item:not(.active):hover > .nav-link::after {
    opacity: 1;
    left: 0;
    right: 0; }
  .nav-item.active > .nav-link::after {
    position: absolute;
    right: 0;
    bottom: 1px;
    left: 0;
    display: block;
    height: .25rem;
    background-color: #1348a5;
    content: "";
    pointer-events: none; }
  .nav-item:not(.active) > .nav-link::after {
    position: absolute;
    right: 0;
    bottom: 1px;
    left: 0;
    display: block;
    height: .25rem;
    background-color: #999;
    content: "";
    pointer-events: none;
    transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1), left 250ms cubic-bezier(0, 0, 0.2, 1), right 250ms cubic-bezier(0, 0, 0.2, 1);
    right: 2rem;
    left: 2rem;
    opacity: 0; }

.navbar .navbar-brand {
  font-weight: 200;
  color: #94be46; }
  .navbar .navbar-brand img {
    width: 40px; }

.navbar .nav-item:nth-of-type(1) {
  margin-right: 10px; }

@media (max-width: 768px) {
  .navbar .nav-item > .btn, .navbar .nav-item > .btn-group {
    margin-top: .5rem; }
  .navbar .nav-item .btn-group-language-switch {
    padding-left: 0px; } }

@media (min-width: 768px) {
  #navbarmain {
    margin-left: 40px; } }

small.shop-url {
  display: inline;
  padding-left: 10px; }

.site-footer {
  position: relative;
  flex-shrink: 0;
  width: 100%;
  height: 60px;
  border-top: 4px solid transparent; }
  .site-footer a {
    color: rgba(0, 0, 0, 0.5); }
  @media screen and (max-width: 768px) {
    .site-footer .container {
      margin-top: 10px;
      margin-bottom: 10px; } }

.btn-group-language-switch {
  padding-left: 1em; }
  .btn-group-language-switch a.btn {
    border-color: rgba(0, 0, 0, 0.2);
    font-weight: 200; }
    .btn-group-language-switch a.btn.nav-link {
      padding-left: .5rem;
      padding-right: .5rem; }
  .btn-group-language-switch a.btn-default {
    background-color: transparent;
    color: #fff;
    opacity: .35; }
    .btn-group-language-switch a.btn-default:hover {
      opacity: .85; }
  .btn-group-language-switch a.btn-default.disabled {
    opacity: .85; }

/* PAGE-LOGIN */
.login-section label.title, .login-section p.title {
  font-size: 2em;
  font-weight: 200;
  letter-spacing: .05em; }

.login-section .input-group-addon {
  color: #fff;
  background-color: #94be46;
  border-color: #5f8d3e;
  font-weight: 200;
  letter-spacing: .02em; }

.login-section input#shopURL {
  border-color: #5f8d3e; }

.login-section div.checkbox {
  text-align: right; }
  .login-section div.checkbox label {
    text-align: right;
    font-weight: 400;
    letter-spacing: 0.02em; }

.login-section div.login-button {
  text-align: right; }

.login-section div.login-button button[type="submit"], .login-section a.btn-registry {
  color: #5f8d3e;
  border-color: #5f8d3e;
  font-size: 1.2em;
  font-weight: 200;
  letter-spacing: .05em;
  padding: 8px 14px;
  transition: all .1s ease, color .1s ease; }
  .login-section div.login-button button[type="submit"]:hover, .login-section a.btn-registry:hover {
    color: #fff;
    border-color: #94be46;
    background-color: #94be46; }

.login-section .invalid-feedback {
  position: absolute;
  top: 45px; }

a.btn-registry {
  margin-top: 1.25em; }

.register-section p {
  font-weight: 400;
  letter-spacing: 0.02em; }

.list-display li {
  margin-bottom: .4rem;
  font-size: .85rem; }

.list-checkmarks {
  padding-left: .85rem; }

.list-checkmarks li {
  list-style-type: none;
  padding-left: .5rem; }

.list-checkmarks li:before {
  font-family: 'Font Awesome\ 5 Free';
  content: "\f00c";
  margin: 0 15px 0 -28px;
  font-size: 13px;
  font-weight: 900;
  color: #17aa1c; }

.page-body {
  padding: 1.5rem;
  margin-right: 0;
  margin-left: 0;
  border-width: .2rem;
  position: relative; }
  .page-body > .col-3 {
    border-right: 1px solid #f7f7f9; }

.form-actions {
  display: flex; }

.subscriptions .subscription-card {
  min-height: 381px; }

.subscription-card .card-text {
  min-height: 30px; }

.subscription-card .card-header {
  justify-content: center;
  display: flex;
  background-color: #1348a5;
  color: white; }

.subscription-card .card-footer {
  background-color: #ffffff;
  border-top: unset; }

.features-card {
  min-height: 542px; }
  .features-card .card-header {
    justify-content: center;
    display: flex;
    background-color: transparent;
    color: white;
    padding: unset; }

.ui-selectmenu-button.ui-button {
  background: unset; }

.checkbox-button {
  display: inline-block; }
  .checkbox-button .btn.dropdown-toggle {
    padding: 0px; }

.page-size {
  display: flex;
  align-items: baseline;
  font-size: 0.75rem;
  width: 250px; }
  .page-size > label {
    text-align: right; }

.page-title {
  padding-top: 1.5em;
  padding-left: 1.5em;
  padding-right: 1.5em; }

:root {
  --blue: #0e0620;
  --white: #fff;
  --green: #2ccf6d; }

.missingview .btn {
  z-index: 1;
  overflow: hidden;
  background: transparent;
  position: relative;
  padding: 8px 50px;
  border-radius: 30px;
  cursor: pointer;
  font-size: 1em;
  letter-spacing: 2px;
  transition: 0.2s ease;
  font-weight: bold;
  margin: 5px 0px; }
  .missingview .btn.green {
    border: 4px solid var(--green);
    color: var(--blue); }
    .missingview .btn.green:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 0%;
      height: 100%;
      background: var(--green);
      z-index: -1;
      transition: 0.2s ease; }
    .missingview .btn.green:hover {
      color: var(--white);
      background: var(--green);
      transition: 0.2s ease; }
      .missingview .btn.green:hover:before {
        width: 100%; }

.page-500 .outer {
  margin-top: 90px;
  display: table;
  width: 100%;
  height: 100%; }
  .page-500 .outer .middle {
    display: table-cell;
    vertical-align: middle; }
    .page-500 .outer .middle .inner {
      width: 300px;
      margin-right: auto;
      margin-left: auto; }
      .page-500 .outer .middle .inner .inner-detail {
        line-height: 1.4em;
        display: block;
        margin-bottom: 10px;
        text-align: center;
        color: #999999; }
      .page-500 .outer .middle .inner .inner-status {
        font-size: 20px;
        display: block;
        margin-top: 20px;
        margin-bottom: 5px;
        text-align: center;
        color: #39bbdb; }
      .page-500 .outer .middle .inner .inner-circle {
        height: 300px;
        border-radius: 50%;
        background-color: #ffffff; }
        .page-500 .outer .middle .inner .inner-circle:hover i {
          color: #39bbdb !important;
          background-color: #f5f5f5;
          box-shadow: 0 0 0 15px #39bbdb; }
        .page-500 .outer .middle .inner .inner-circle:hover span {
          color: #39bbdb; }
        .page-500 .outer .middle .inner .inner-circle i {
          font-size: 5em;
          line-height: 1em;
          float: right;
          width: 1.6em;
          height: 1.6em;
          margin-top: -.7em;
          margin-right: -.5em;
          padding: 20px;
          transition: all .4s;
          text-align: center;
          color: #f5f5f5 !important;
          border-radius: 50%;
          background-color: #39bbdb;
          box-shadow: 0 0 0 15px #f0f0f0; }
        .page-500 .outer .middle .inner .inner-circle span {
          font-size: 11em;
          font-weight: 700;
          line-height: 1.2em;
          display: block;
          transition: all .4s;
          text-align: center;
          color: #e0e0e0; }

.toast-bottom-center {
  bottom: 60px; }

.toast-message a {
  color: #007bff; }

#mainModal .modal-dialog .modal-content {
  background: transparent;
  border: none;
  margin: auto; }

.jumbotron, #settingscontainer {
  background-color: transparent; }

.jumbotron.message {
  background-color: #d4edda; }

.success {
  color: #28a745; }

.warning {
  color: #fd7e14; }

.fail {
  color: #dc3545; }

th {
  white-space: nowrap; }

tr.hide-table-padding td {
  padding: 0; }

td {
  white-space: nowrap; }

td.action-buttons {
  width: 100%; }

.onboarding-image {
  float: left;
  margin-right: 10px; }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

@media (min-width: 992px) {
  .dropdown-menu .dropdown-toggle:after {
    border-top: .3em solid transparent;
    border-right: 0;
    border-bottom: .3em solid transparent;
    border-left: .3em solid; }
  .dropdown-menu .dropdown-menu {
    margin-left: 0;
    margin-right: 0; }
  .dropdown-menu li {
    position: relative; }
  .nav-item .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px; }
  .nav-item .submenu-left {
    right: 100%;
    left: auto; }
  .dropdown-menu > li:hover {
    background-color: #f1f1f1; }
  .dropdown-menu > li:hover > .submenu {
    display: block; } }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: #1348a5; }

.nav-pills .nav-link {
  color: #1348a5; }

#ordersmenu {
  display: none; }
  #ordersmenu.show {
    display: block; }

.bd-callout.close {
  position: absolute;
  top: 0;
  right: 0;
  padding: .75rem 1.25rem;
  color: inherit; }

.stepwizard-step p {
  margin-top: 0px;
  color: #666; }

.stepwizard-step .btn.disabled, .stepwizard-step .btn[disabled], .stepwizard-step fieldset[disabled] .btn {
  opacity: 1 !important;
  color: #bbb; }

.stepwizard-row {
  display: flex;
  flex-direction: row;
  width: 100%; }

.stepwizard {
  display: flex;
  position: relative; }

.stepwizard-row:before {
  top: 14px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 1px;
  background-color: #ccc;
  z-index: 0; }

.stepwizard-step {
  text-align: center;
  position: relative; }

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px; }

input[type="file"] {
  display: none; }

.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer; }

.usage {
  justify-content: center;
  display: flex;
  background-color: #1348a5;
  color: white; }

label {
  margin-bottom: 0.15rem; }

.no-margin-top {
  margin-top: 0px; }

.no-margin-bottom {
  margin-bottom: 0px; }

code {
  font-size: 75%; }

.btn-success, .btn-success:focus, .btn-success:disabled {
  background-color: #1348a5;
  border-color: #1348a5; }
  .btn-success:hover, .btn-success:focus:hover, .btn-success:disabled:hover {
    background-color: #1348a5;
    border-color: #1348a5; }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:focus:not(:disabled):not(.disabled):active, .btn-success:disabled:not(:disabled):not(.disabled):active {
    background-color: #1348a5;
    border-color: #1348a5; }
  .btn-success:not(:disabled):not(.disabled):focus, .btn-success:focus:not(:disabled):not(.disabled):focus, .btn-success:disabled:not(:disabled):not(.disabled):focus {
    box-shadow: 0 0 0 0.2rem #1348a5; }
  .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:focus:not(:disabled):not(.disabled):active:focus, .btn-success:disabled:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem #1348a5; }

a {
  color: #1348a5; }

a.link-secondary {
  color: black;
  text-decoration: none; }
  a.link-secondary:hover {
    text-decoration: underline; }

.tooltip-inner ul {
  padding-left: 15px;
  text-align: left; }

.tooltip-inner span {
  text-align: left;
  display: block; }

.message-404 {
  color: white;
  font-family: "Ubuntu-light"; }

.row.invalid div {
  text-overflow: ellipsis;
  overflow: hidden; }

body.admin-bar nav.navbar-main {
  margin-top: 60px; }

body.admin-bar .site-main {
  margin-top: 140px; }

@media (min-width: 767px) {
  body.admin-bar .site-main .welcome-img {
    top: 15%; } }

@media (min-width: 992px) {
  body.admin-bar .site-main .welcome-img {
    top: 15%; } }

.custom-select {
  height: calc(1.5em + 0.75rem - 1px); }