@charset "UTF-8";
/*
 *  Cache buster: 2026-03-13 18:50
 */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url();
  src: url() format("embedded-opentype"), url() format("woff2"), url() format("woff"), url() format("truetype"), url() format("svg"); }

/* responsive breakpoints */
/* Mixins */
.text-link {
  cursor: pointer; }

.btn.delete {
  color: #0069FE; }
  .btn.delete.btn-primary, .btn.delete.btn-default {
    background-color: grey;
    color: white; }
  .btn.delete .glyphicon {
    margin-right: 0; }

.home-dashboard .revenue-tracker {
  background-color: #ffffff;
  padding: 20px 0;
  border: 1px solid #e2e2e2;
  margin: auto;
  position: relative;
  overflow: hidden; }
  .home-dashboard .revenue-tracker .beta-banner {
    background: #466289;
    max-width: fit-content;
    color: white;
    padding: .5em 1em .5em 1.5em;
    margin-left: -.5em;
    left: 0;
    transform: skew(-14deg); }
  .home-dashboard .revenue-tracker .date-picker-wrapper {
    text-align: right; }
    .home-dashboard .revenue-tracker .date-picker-wrapper .date-picker-container {
      padding: 5px; }
      .home-dashboard .revenue-tracker .date-picker-wrapper .date-picker-container label {
        margin-right: 5px; }
  .home-dashboard .revenue-tracker .currency-revenue {
    background-color: #ffffff;
    border-radius: 1px;
    padding: 0 10px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    max-width: 500px;
    margin: 0 auto; }
  .home-dashboard .revenue-tracker .loader {
    display: block;
    text-align: center; }

.home-dashboard .new-chart, .home-dashboard .load-placeholder {
  display: table;
  min-height: 100px;
  border: 1px solid #c1bebe;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  border-radius: 5px;
  background-color: lightgray;
  height: 100%;
  padding: 5px 5px; }

.home-dashboard .load-placeholder {
  background-color: #eaeaea;
  border: 1px solid #e2e2e2; }
  .home-dashboard .load-placeholder i {
    font-size: 2em;
    color: #f3b975;
    position: absolute;
    top: 41%; }

.home-dashboard .edit-wrapper, .home-dashboard .chart-palette {
  background-color: #eff2f3;
  height: 40px;
  border-radius: 5px; }
  .home-dashboard .edit-wrapper .edit-bar, .home-dashboard .chart-palette .edit-bar {
    border-radius: 5px;
    padding: 10px; }
    .home-dashboard .edit-wrapper .edit-bar i.left, .home-dashboard .edit-wrapper .edit-bar i.pull-right, .home-dashboard .chart-palette .edit-bar i.left, .home-dashboard .chart-palette .edit-bar i.pull-right {
      color: #315a2e; }
    .home-dashboard .edit-wrapper .edit-bar i.center, .home-dashboard .chart-palette .edit-bar i.center {
      color: red;
      left: 50%;
      position: relative; }

.home-dashboard .graph-widget {
  padding: 20px 0;
  margin: 10px 0;
  border: 1px solid lightgray;
  border-radius: 3px;
  background-color: white; }
  .home-dashboard .graph-widget.chart .no-data {
    min-height: 60px; }
  .home-dashboard .graph-widget.latest-orders .header .heading {
    margin-left: 20px; }
  .home-dashboard .graph-widget.latest-orders .title {
    margin: 0;
    font-weight: bold;
    padding: 5px 5px;
    border-bottom: 1px #E0E0E0 solid; }
  .home-dashboard .graph-widget.latest-orders .detail {
    margin: 0;
    border-bottom: 1px #f2f2f2 solid;
    padding: 5px; }
    .home-dashboard .graph-widget.latest-orders .detail ul {
      padding: 0 0 0 16px; }
      .home-dashboard .graph-widget.latest-orders .detail ul li.product-detail {
        list-style: circle; }
  .home-dashboard .graph-widget .chart-palette {
    padding: 5px;
    border: 1px orange solid;
    border-radius: 5px;
    background: lightgray; }
  .home-dashboard .graph-widget .no-data {
    text-align: center;
    position: relative;
    padding: 20px; }

.home-dashboard .panel-body.alerts {
  padding: 20px 0; }
  .home-dashboard .panel-body.alerts .heading.expiring .graph-widget {
    background-color: #FFD60A; }
  .home-dashboard .panel-body.alerts .heading.expiring .detail {
    border-bottom: 1px solid #333333; }
  .home-dashboard .panel-body.alerts .heading.expiring .detail:nth-of-type(1) {
    border-top: 1px solid #333333; }
  .home-dashboard .panel-body.alerts .heading.expired .graph-widget {
    background-color: #f00000; }
  .home-dashboard .panel-body.alerts .heading.expired h4 {
    color: #ffffff; }
  .home-dashboard .panel-body.alerts .heading.expired .detail {
    border-bottom: 1px solid #ffffff; }
    .home-dashboard .panel-body.alerts .heading.expired .detail .apiName {
      color: #ffffff; }
    .home-dashboard .panel-body.alerts .heading.expired .detail .date {
      color: #ffffff; }
  .home-dashboard .panel-body.alerts .heading.expired .detail:nth-of-type(1) {
    border-top: 1px solid #ffffff; }
  .home-dashboard .panel-body.alerts .graph-widget {
    padding: 20px;
    text-align: left;
    border-radius: 25px;
    background-color: transparent;
    border: 0px solid transparent; }
    .home-dashboard .panel-body.alerts .graph-widget h4 {
      position: relative;
      cursor: pointer;
      margin: 20px 0 10px 0; }
      .home-dashboard .panel-body.alerts .graph-widget h4 .title {
        width: 87%;
        display: block; }
      .home-dashboard .panel-body.alerts .graph-widget h4 .glyphicon {
        position: absolute;
        right: 0px;
        top: 3px; }
    .home-dashboard .panel-body.alerts .graph-widget .count {
      font-size: 35px;
      font-weight: 500;
      height: auto;
      text-align: center;
      border-radius: 50px;
      margin: 0 auto;
      display: inline-block;
      padding: 10px 10px;
      min-width: 80px;
      background-color: #ffffff;
      border: 5px solid #333333; }
      @media (max-width: 767px) {
        .home-dashboard .panel-body.alerts .graph-widget .count {
          font-size: 20px;
          min-width: 58px; } }
    .home-dashboard .panel-body.alerts .graph-widget .detail {
      padding: 10px 0;
      width: 100%;
      margin: 0 auto; }
      .home-dashboard .panel-body.alerts .graph-widget .detail .apiName {
        text-align: left; }
      .home-dashboard .panel-body.alerts .graph-widget .detail .date {
        text-align: right; }

/** Mixin **/
.products td span.price {
  white-space: nowrap; }

.products th.stock {
  width: 3%; }

.products th.thumb-img {
  width: 5%;
  text-align: center; }

.content-sidebar .product-gallery {
  width: 125px;
  height: 125px;
  display: flex;
  position: relative;
  margin: 5px; }

.discount-general.collapsible-container .collapsible-content {
  overflow: visible; }

.discount-edit .input-group .form-control {
  z-index: unset; }

.orders .status:before {
  content: '\e141';
  font-family: 'Glyphicons Halflings'; }

.orders .status-hold:before {
  content: "";
  font-family: 'Glyphicons Halflings';
  color: gray;
  font-size: 18px;
  text-align: center;
  margin-right: 7px;
  vertical-align: middle; }

.orders .status-processing:before {
  content: "";
  font-family: 'Glyphicons Halflings';
  color: #5cb85c;
  font-size: 18px;
  text-align: center;
  margin-right: 7px;
  vertical-align: middle; }

.orders .status-refunded:before {
  content: "";
  font-family: 'Glyphicons Halflings';
  color: #337ab7;
  font-size: 18px;
  text-align: center;
  margin-right: 7px;
  vertical-align: middle; }

.orders .status-cancelled:before {
  content: "";
  font-family: 'Glyphicons Halflings';
  color: #d9534f;
  font-size: 18px;
  text-align: center;
  margin-right: 7px;
  vertical-align: middle; }

.orders .status-failed:before {
  content: "";
  font-family: 'Glyphicons Halflings';
  color: #cc0000;
  font-size: 18px;
  text-align: center;
  margin-right: 7px;
  vertical-align: middle; }

.orders .status-completed:before {
  content: "";
  font-family: 'Glyphicons Halflings';
  color: #5bc0de;
  font-size: 18px;
  text-align: center;
  margin-right: 7px;
  vertical-align: middle; }

.orders .status-pending_payment:before {
  content: "";
  font-family: 'Glyphicons Halflings';
  color: "#f0ad4e";
  font-size: 18px;
  text-align: center;
  margin-right: 7px;
  vertical-align: middle; }

.orders .date {
  white-space: nowrap; }

/*
 * Advanced Search Settings
 */
.search-address-tool span.search-control.active {
  color: #41f141; }

.search-address-tool .search-control {
  font-size: 24px;
  color: #0069FE; }
  .search-address-tool .search-control i.fas:hover, .search-address-tool .search-control i.far:hover {
    box-shadow: 0 8px 34px 0 #7f7e7e8f; }

.order-edit .qty {
  width: 100px;
  text-align: center; }

.order-edit td.thumb-img img {
  width: 75px;
  height: 60px; }

.order-edit td.title {
  width: 70%; }

.order-edit .show-created-user {
  float: right;
  display: inline-block; }

.order-edit .show-email-label {
  float: right;
  display: inline-block;
  margin-right: 20px; }

.order-edit .order-items {
  margin-top: 10px; }

.order-edit .search-address-tool {
  padding: 5px 15px;
  border-radius: 4px;
  box-shadow: 2px 2px 4px 2px #ddd;
  background-color: #f0f4fa;
  margin-bottom: 15px;
  position: relative;
  overflow: visible; }
  .order-edit .search-address-tool .form-group:not(:first-child) {
    display: inline-block;
    width: auto;
    margin-right: 15px;
    margin-bottom: 5px; }
  .order-edit .search-address-tool label {
    text-transform: unset; }

.order-edit label.on-behalf {
  text-transform: unset;
  padding-right: 5px; }

.order-edit .on-behalf-of-user {
  background-color: #dee7f3;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 4px;
  margin-bottom: 10px; }
  .order-edit .on-behalf-of-user .glyphicon {
    cursor: pointer;
    margin: 0 0 0 5px; }
    .order-edit .on-behalf-of-user .glyphicon.glyphicon-user {
      margin: 0 5px 0 0;
      color: #81A2D0; }

.order-edit .show-date {
  float: left;
  display: inline-block;
  padding-bottom: 10px; }

.order-edit .tag-label {
  border-radius: 10px;
  background-color: #ddd;
  padding: 5px 10px;
  display: inline-block; }
  .order-edit .tag-label.discount {
    background-color: #FBE2E1; }

.order-edit .highlight-red {
  color: #df6f2e; }

.order-edit .item-edit {
  position: absolute;
  width: 24px;
  height: 24px;
  padding: 0 4px;
  right: 12px;
  top: 5px;
  border-radius: 50%;
  border: 2px solid #000;
  cursor: pointer; }
  .order-edit .item-edit .glyphicon {
    margin-right: 0;
    color: #000;
    font-size: 12px; }
  .order-edit .item-edit:hover, .order-edit .item-edit.on-edit {
    border-color: #98cb50; }
    .order-edit .item-edit:hover .glyphicon, .order-edit .item-edit.on-edit .glyphicon {
      color: #98cb50; }

.order-edit ul.inline-list.discount li {
  display: inline;
  margin: 0 7px 7px 0;
  border-radius: 5px;
  padding: 6px 12px;
  background-color: rgba(255, 0, 0, 0.05); }
  .order-edit ul.inline-list.discount li:before {
    content: '\e146';
    font-family: 'Glyphicons Halflings';
    vertical-align: middle; }

.order-edit .order-address {
  margin-bottom: 20px; }
  .order-edit .order-address h4 {
    margin-bottom: 20px; }

.order-edit .order-table-footer {
  width: 50; }

.order-edit .customizations {
  margin: 5px 0; }
  .order-edit .customizations .fa-check-square {
    color: #0069FE; }

.order-edit .comments .comments-container {
  margin-bottom: 15px; }
  .order-edit .comments .comments-container .comments-body {
    border-radius: 5px;
    background-color: #f0f4fa;
    padding: 10px;
    position: relative; }
    .order-edit .comments .comments-container .comments-body .glyphicon-trash {
      position: absolute;
      top: 7px;
      right: 7px;
      margin-right: 0;
      cursor: pointer;
      font-size: 12px;
      color: #81A2D0; }
    .order-edit .comments .comments-container .comments-body h5 {
      margin-top: 0; }
    .order-edit .comments .comments-container .comments-body:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      right: 8px;
      bottom: -7px;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #f0f4fa; }
  .order-edit .comments .comments-container .comments-footer {
    padding: 5px 15px 13px 10px;
    font-style: italic;
    text-align: right;
    font-size: 11px; }

.order-edit .text-dropdown li:after {
  content: '';
  clear: both;
  display: table; }

.order-edit .text-dropdown li {
  border-bottom: 1px dotted #d2cfcf; }
  .order-edit .text-dropdown li .address-item2 {
    display: inline-block; }
  .order-edit .text-dropdown li .label {
    font-weight: 600;
    color: black;
    font-size: initial;
    padding: initial; }
  .order-edit .text-dropdown li:hover .label {
    color: #fff; }
  .order-edit .text-dropdown li:hover .address-meta {
    background-color: #406dab;
    color: #fff; }

.order-edit .text-dropdown .address-meta {
  background-color: #f5f5f5;
  padding: 3px 5px;
  border-radius: 5px;
  float: right;
  display: inline-block; }
  .order-edit .text-dropdown .address-meta .glyphicon {
    color: #81A2D0; }

@media (max-width: 1200px) {
  .order-edit .text-dropdown .address-item {
    display: block; }
  .order-edit .text-dropdown .address-meta {
    float: none; } }

.align-checkbox {
  margin-top: 30px; }

.navbar {
  min-height: 50px;
  margin-bottom: 0;
  z-index: 3;
  border: none;
  border-radius: 0;
  background-color: #24262C; }
  .navbar .list-accounts.form-group {
    margin-bottom: 0; }
    .navbar .list-accounts.form-group select option {
      text-transform: capitalize; }

header .navbar-nav > li > a {
  color: #fff !important; }
  @media (min-width: 767px) {
    header .navbar-nav > li > a {
      padding-top: 8px;
      padding-bottom: 0; } }

header .navbar-inverse .navbar-nav > li > a {
  padding: 6px 10px; }

header .navbar > .container {
  width: 100%; }

@media (max-width: 767px) {
  header ul.header-menu {
    margin: 0 auto;
    float: right;
    width: 60%;
    display: inline-block; }
    header ul.header-menu li:not(.mobile-menu-item) {
      display: none; } }

header .navbar-header {
  display: inline-block; }

.navbar-brand {
  height: 50px;
  padding: 10px; }

.navbar-brand > img {
  width: auto;
  max-height: 30px;
  padding: 0; }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
  background-color: transparent; }

.sidebar:not(.article-sidebar):not(.account-sidebar) {
  position: fixed;
  z-index: 2;
  left: 0;
  top: 50px;
  width: 200px;
  bottom: 0;
  padding-top: 10px;
  background-color: #466289;
  transition: all 0.2s ease;
  overflow-y: auto;
  box-shadow: none; }
  .sidebar:not(.article-sidebar):not(.account-sidebar) .navbar {
    background-color: #466289; }
  .sidebar:not(.article-sidebar):not(.account-sidebar) .container {
    width: auto;
    padding: 0; }
  .sidebar:not(.article-sidebar):not(.account-sidebar) .navbar-header {
    margin: 0; }
  .sidebar:not(.article-sidebar):not(.account-sidebar) .navbar-toggle {
    float: left; }
  .sidebar:not(.article-sidebar):not(.account-sidebar) .navbar-collapse {
    padding: 0; }
  .sidebar:not(.article-sidebar):not(.account-sidebar) .nav {
    width: 100%;
    overflow: auto; }
    .sidebar:not(.article-sidebar):not(.account-sidebar) .nav > li {
      float: none; }
      .sidebar:not(.article-sidebar):not(.account-sidebar) .nav > li > a:focus,
      .sidebar:not(.article-sidebar):not(.account-sidebar) .nav > li > a:hover {
        background-color: #33404f;
        color: #fff; }
      .sidebar:not(.article-sidebar):not(.account-sidebar) .nav > li.active > a > span.menu-item {
        color: #000; }
      .sidebar:not(.article-sidebar):not(.account-sidebar) .nav > li.active > a,
      .sidebar:not(.article-sidebar):not(.account-sidebar) .nav > li.active > a:hover,
      .sidebar:not(.article-sidebar):not(.account-sidebar) .nav > li.active > a:active,
      .sidebar:not(.article-sidebar):not(.account-sidebar) .nav > li.active > a:focus {
        background-color: #81A2D0;
        color: #000; }
      .sidebar:not(.article-sidebar):not(.account-sidebar) .nav > li span.menu-item {
        width: 84%;
        float: left;
        color: #FFF; }
      .sidebar:not(.article-sidebar):not(.account-sidebar) .nav > li > a {
        overflow: auto;
        color: #cecece;
        font-size: 14px;
        border-radius: 0;
        padding: 7px 10px; }
    .sidebar:not(.article-sidebar):not(.account-sidebar) .nav > li.mobile-menu-item > a {
      color: #FFF; }
    .sidebar:not(.article-sidebar):not(.account-sidebar) .nav > li:hover a {
      transform: scale(1);
      -webkit-transition: transform 0.1s ease-in-out;
      -moz-transition: transform 0.1s ease-in-out;
      -ms-transition: transform 0.1s ease-in-out;
      -o-transition: transform 0.1s ease-in-out;
      transition: transform 0.1s ease-in-out; }
  .sidebar:not(.article-sidebar):not(.account-sidebar) .glyphicon {
    color: #FFF; }
  .sidebar:not(.article-sidebar):not(.account-sidebar) span.glyphicon {
    width: 12%;
    float: left; }
    .sidebar:not(.article-sidebar):not(.account-sidebar) span.glyphicon:hover {
      color: #FFF; }
  .sidebar:not(.article-sidebar):not(.account-sidebar) li.active .glyphicon {
    color: #000; }
  .sidebar:not(.article-sidebar):not(.account-sidebar) .nav .open > a,
  .sidebar:not(.article-sidebar):not(.account-sidebar) .nav .open > a:focus,
  .sidebar:not(.article-sidebar):not(.account-sidebar) .nav .open > a:hover {
    background-color: #000;
    color: #337ab7; }
  .sidebar:not(.article-sidebar):not(.account-sidebar) li.child-menu {
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: rgba(240, 240, 240, 0.05);
    display: none;
    padding-left: 20%; }
    .sidebar:not(.article-sidebar):not(.account-sidebar) li.child-menu.inner {
      padding-left: 30%; }
    .sidebar:not(.article-sidebar):not(.account-sidebar) li.child-menu > a {
      padding: 5px 15px;
      color: #FFF; }
    .sidebar:not(.article-sidebar):not(.account-sidebar) li.child-menu.active:before {
      content: ' ';
      color: black; }
    .sidebar:not(.article-sidebar):not(.account-sidebar) li.child-menu.active > a {
      background-color: #81A2D0;
      color: #000; }
    .sidebar:not(.article-sidebar):not(.account-sidebar) li.child-menu.active > a:hover {
      background-color: transparent;
      color: #FFF; }
    .sidebar:not(.article-sidebar):not(.account-sidebar) li.child-menu.open {
      display: block; }
    .sidebar:not(.article-sidebar):not(.account-sidebar) li.child-menu .glyphicon {
      display: none; }
  @media (min-width: 767px) {
    .sidebar:not(.article-sidebar):not(.account-sidebar) .mobile-menu-item {
      display: none; } }
  .sidebar:not(.article-sidebar):not(.account-sidebar) .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #000; }

.sidebar .dropdown-menu {
  background-color: #222;
  border: none;
  border-radius: 0; }

.sidebar .dropdown-menu > li > a {
  color: #fff;
  font-size: 14px;
  font-weight: 600; }

.main-content {
  left: 200px;
  width: calc(100% - 200px);
  height: 100%;
  overflow: auto;
  transition: all 0.2s ease;
  background-color: #fff; }
  .main-content > div {
    height: 100%; }

.main-content.static-pos {
  position: static;
  width: 100%; }

.sidebar .dropdown-nav {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  top: 30px; }

@media (max-width: 767px) {
  .sidebar:not(.article-sidebar):not(.account-sidebar) {
    width: 45px;
    padding-top: 0; }
    .sidebar:not(.article-sidebar):not(.account-sidebar).opens {
      width: auto; }
    .sidebar:not(.article-sidebar):not(.account-sidebar) .navbar-collapse,
    .sidebar:not(.article-sidebar):not(.account-sidebar) .navbar-nav {
      margin: 0; }
    .sidebar:not(.article-sidebar):not(.account-sidebar) .nav > li span.menu-item {
      display: none; }
    .sidebar:not(.article-sidebar):not(.account-sidebar) .nav > li > a {
      text-align: center; }
    .sidebar:not(.article-sidebar):not(.account-sidebar) span.glyphicon {
      width: auto;
      float: none; }
    .sidebar:not(.article-sidebar):not(.account-sidebar) li.child-menu {
      padding-left: 0; }
      .sidebar:not(.article-sidebar):not(.account-sidebar) li.child-menu .glyphicon {
        display: block; }
      .sidebar:not(.article-sidebar):not(.account-sidebar) li.child-menu .sub-menu-item {
        display: none; }
  .main-content {
    left: 40px;
    width: calc(100% - 40px); }
    .main-content.opens {
      left: 200px;
      width: calc(100% - 200px); } }

.zs-base header,
.new-body header {
  position: absolute;
  width: 100%;
  z-index: 1; }
  .zs-base header:not(.login):not(.reset-password):not(.accept-invitation):not(.register) + main,
  .new-body header:not(.login):not(.reset-password):not(.accept-invitation):not(.register) + main {
    position: relative;
    padding-top: 100px; }
    @media (min-width: 768px) {
      .zs-base header:not(.login):not(.reset-password):not(.accept-invitation):not(.register) + main,
      .new-body header:not(.login):not(.reset-password):not(.accept-invitation):not(.register) + main {
        padding-top: 100px; } }
    @media (min-width: 992px) {
      .zs-base header:not(.login):not(.reset-password):not(.accept-invitation):not(.register) + main,
      .new-body header:not(.login):not(.reset-password):not(.accept-invitation):not(.register) + main {
        padding-top: 122px; } }
  .zs-base header .nav-wrapper,
  .new-body header .nav-wrapper {
    padding: 0; }
    @media (min-width: 992px) {
      .zs-base header .nav-wrapper,
      .new-body header .nav-wrapper {
        padding-top: 35px;
        padding-bottom: 35px; } }
    .zs-base header .nav-wrapper .container-fluid .navbar .navbar-header,
    .new-body header .nav-wrapper .container-fluid .navbar .navbar-header {
      margin-right: auto; }
    .zs-base header .nav-wrapper .container-fluid .navbar .login-btn,
    .new-body header .nav-wrapper .container-fluid .navbar .login-btn {
      font-size: 15px;
      line-height: 1.3;
      border: 2px solid #ffffff;
      background: transparent;
      font-weight: 400;
      text-transform: uppercase;
      transition: 0.2s;
      box-shadow: none;
      transform: none; }
      .zs-base header .nav-wrapper .container-fluid .navbar .login-btn:hover,
      .new-body header .nav-wrapper .container-fluid .navbar .login-btn:hover {
        background: #ffffff;
        color: #c75000;
        transform: none !important;
        box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2); }
      .zs-base header .nav-wrapper .container-fluid .navbar .login-btn.m-toggle,
      .new-body header .nav-wrapper .container-fluid .navbar .login-btn.m-toggle {
        display: inline-block;
        margin-left: auto; }

#zs-header-new {
  z-index: 99999;
  background: #24262c;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
  #zs-header-new .navbar .navbar-toggler {
    color: #414141;
    font-size: 2.25rem; }
  @media (min-width: 992px) {
    #zs-header-new .navbar .navbar-header {
      margin-right: 40px; } }
  #zs-header-new .navbar .navbar-header a {
    display: inline-block;
    max-width: 200px; }
    #zs-header-new .navbar .navbar-header a img {
      display: inline-block;
      max-width: 100%; }
  @media (max-width: 991px) {
    #zs-header-new .navbar .navbar-collapse {
      border-top: 1px solid #fff;
      margin-top: 20px; }
      #zs-header-new .navbar .navbar-collapse:not(.show) {
        display: none !important; }
      #zs-header-new .navbar .navbar-collapse.show {
        display: block !important; } }
  @media (max-width: 992px) {
    #zs-header-new .navbar .navbar-nav {
      float: none; } }
  #zs-header-new .navbar .navbar-nav .nav-item a {
    position: relative;
    color: #fff !important;
    font-family: Montserrat, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    transition: color .15s linear; }
    #zs-header-new .navbar .navbar-nav .nav-item a:hover, #zs-header-new .navbar .navbar-nav .nav-item a:active, #zs-header-new .navbar .navbar-nav .nav-item a:focus {
      border-bottom: none;
      color: #7ceaea !important;
      outline: 1px solid transparent; }
    @media (min-width: 992px) {
      #zs-header-new .navbar .navbar-nav .nav-item a:not(.btn)::after {
        content: '';
        display: block;
        position: absolute;
        top: 100%;
        left: 5%;
        height: 2px;
        width: 0;
        background: #7ceaea;
        transition: width .2s linear; }
      #zs-header-new .navbar .navbar-nav .nav-item a:not(.btn):hover, #zs-header-new .navbar .navbar-nav .nav-item a:not(.btn):active, #zs-header-new .navbar .navbar-nav .nav-item a:not(.btn):focus {
        border-bottom: none;
        color: #7ceaea !important;
        outline: 1px solid transparent; }
        #zs-header-new .navbar .navbar-nav .nav-item a:not(.btn):hover::after, #zs-header-new .navbar .navbar-nav .nav-item a:not(.btn):active::after, #zs-header-new .navbar .navbar-nav .nav-item a:not(.btn):focus::after {
          width: 95%; } }
  #zs-header-new .navbar a.btn {
    background: #7ceaea;
    padding: 14px 24px;
    line-height: 1;
    font-size: 15px;
    font-weight: 600;
    color: #24262c;
    border: 2px solid #7ceaea; }
    #zs-header-new .navbar a.btn:hover {
      color: #24262c;
      background: #59e4e4;
      border-color: #59e4e4;
      box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); }
    @media (max-width: 991px) {
      #zs-header-new .navbar a.btn.login-btn.m-toggle {
        display: inline-block !important;
        margin: 10px 20px !important; } }

.page-list-content {
  position: relative;
  padding: 10px 20px 70px; }
  .page-list-content.home-dashboard .chart {
    margin: 25px 0; }
  .page-list-content .panel-body .tab-content .row:first-child {
    padding-top: 20px; }
  .page-list-content .panel-body .data-action {
    padding-top: 24px; }
  .page-list-content .btn.btn-link {
    background-color: transparent;
    color: #0069FE;
    text-decoration: underline; }
  .page-list-content .btn.no-bg {
    background: none; }
  .page-list-content .action-panel {
    padding: 0;
    margin: 0 9px 15px 1px; }
  .page-list-content .action-container {
    padding: 0;
    margin: 0 9px 15px 1px;
    background-color: #F9F9F9;
    color: #24262C;
    border: 1px solid #fbf1ea;
    border-radius: 4px;
    box-shadow: 2px 2px 5px #ddd; }
    .page-list-content .action-container h3.title {
      display: inline-block;
      padding-right: 5px;
      text-transform: capitalize; }
    .page-list-content .action-container .return-link {
      position: relative;
      top: -15px; }
      .page-list-content .action-container .return-link .back {
        display: block;
        width: 150px;
        margin: 15px 0 0;
        text-decoration: none; }
        .page-list-content .action-container .return-link .back:before {
          content: '\e079';
          font-family: 'Glyphicons Halflings';
          color: #81A2D0;
          vertical-align: middle; }
    .page-list-content .action-container .actions {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 90px; }
  .page-list-content.payments .glyphicon-remove-sign {
    cursor: unset; }
  .page-list-content.payments .slider.checkbox input[type="checkbox"] {
    display: none; }
  .page-list-content.payments .slider.checkbox label {
    position: relative;
    margin-left: 30px;
    padding-left: 10px;
    min-height: 20px; }
  .page-list-content.payments .slider.checkbox label:before {
    content: '';
    position: absolute;
    top: 5px;
    left: -30px;
    border-radius: 10px;
    height: 17px;
    width: 40px;
    border: 1px solid #aaa;
    background-color: #ddd;
    z-index: 1;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3); }
  .page-list-content.payments .slider.checkbox.checked label:before {
    background-color: #0bd168;
    border-color: #0bd168; }
  .page-list-content.payments .slider.checkbox label:after {
    content: '';
    position: absolute;
    height: 17px;
    width: 17px;
    border-radius: 50%;
    top: 5px;
    left: -30px;
    z-index: 3;
    background-color: #aaa;
    transition: left 0.3s ease-out; }
  .page-list-content.payments .slider.checkbox.checked label:after {
    left: -5px;
    background-color: #fff;
    -webkit-animation: enable 0.3s ease-out;
    -moz-animation: enable 0.3s ease-out;
    -o-animation: enable 0.3s ease-out;
    animation: enable 0.3s ease-out;
    border: 1px solid #6e9343; }
  .page-list-content input[disabled],
  .page-list-content select[disabled],
  .page-list-content textarea[disabled] {
    background-color: rgba(244, 244, 244, 0.4); }
  .page-list-content .no-posts {
    display: block;
    margin-top: 20px; }
  .page-list-content .glyphicon-pencil {
    color: #0069FE;
    cursor: pointer; }
  .page-list-content .missing-alias .glyphicon-pencil {
    color: #ddd; }
  .page-list-content .glyphicon-ok-sign {
    color: #5cb85c; }
  .page-list-content .readonly-text {
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px;
    padding: 5px 10px;
    min-height: 30px;
    margin-bottom: 10px; }
  .page-list-content .content-header {
    display: inline-block;
    position: relative;
    z-index: 5; }
  .page-list-content .content-editor {
    position: relative; }
    .page-list-content .content-editor label {
      position: absolute;
      top: 15px; }
  .page-list-content .code-editor {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 15px; }
    .page-list-content .code-editor.error {
      border: 1px solid #a94442;
      padding: 0; }
    .page-list-content .code-editor.disabled {
      position: relative;
      z-index: 0; }
      .page-list-content .code-editor.disabled:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.03);
        top: 0;
        left: 0; }
  .page-list-content .CodeMirror {
    border-radius: 4px; }
  .page-list-content .excerpt {
    margin: 10px 0; }
    .page-list-content .excerpt .CodeMirror {
      height: 200px; }
    .page-list-content .excerpt .rte-container iframe {
      height: 200px !important; }
  .page-list-content .glyphicon.warning,
  .page-list-content .warning .glyphicon {
    color: #df6f2e; }
  .page-list-content .title + button,
  .page-list-content .title + a > button {
    vertical-align: super;
    margin-left: 5px; }
  .page-list-content .content-builder {
    margin-bottom: 15px; }
  .page-list-content .page-container {
    position: relative;
    top: -30px; }
    @media (max-width: 767px) {
      .page-list-content .page-container {
        top: 0; } }
  .page-list-content table th:first-child {
    width: 15px;
    text-align: center; }
    .page-list-content table th:first-child .form-group {
      margin-bottom: 0; }
  .page-list-content table th.title {
    width: 40%; }
  .page-list-content table th .checkbox-inline {
    vertical-align: inherit; }
  .page-list-content table tr.active {
    background-color: rgba(254, 216, 69, 0.1); }
    .page-list-content table tr.active:hover td,
    .page-list-content table tr.active td {
      background-color: transparent; }
  .page-list-content table td .checkbox-inline {
    vertical-align: top; }
  .page-list-content.tax-table-edit {
    padding-bottom: 0;
    z-index: 1;
    display: inline-block;
    width: 75%; }
  .page-list-content.tax-rate-edit {
    top: -50px; }
    .page-list-content.tax-rate-edit button.edit-rate {
      background: none;
      border: none;
      outline: 1px solid transparent; }
    .page-list-content.tax-rate-edit .rate-popup > button {
      display: none; }
    .page-list-content.tax-rate-edit table {
      margin-bottom: 0; }
      .page-list-content.tax-rate-edit table th:first-child {
        width: unset;
        text-align: left; }
      .page-list-content.tax-rate-edit table td:nth-child(2) {
        width: 10%; }
  .page-list-content .available {
    color: #295;
    font-size: 20px;
    text-align: center; }
  .page-list-content .not-available {
    color: red;
    font-size: 20px;
    text-align: center; }
  .page-list-content tr.not-available {
    font-size: unset;
    color: unset;
    text-align: unset; }
    .page-list-content tr.not-available td {
      position: relative;
      z-index: 0; }
      .page-list-content tr.not-available td .glyphicon-remove-sign {
        color: #ddd; }
    .page-list-content tr.not-available td:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      background-color: rgba(255, 255, 255, 0.7);
      width: 100%;
      height: 100%;
      z-index: 1; }
    .page-list-content tr.not-available td.title:before {
      content: 'Not available';
      position: absolute;
      z-index: 2;
      width: 100%;
      top: 40%;
      left: 0;
      text-align: center;
      font-size: 20px;
      color: #ccc;
      letter-spacing: 1px; }
  .page-list-content .date-picker {
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 6px 12px;
    border-radius: 4px;
    width: 100%; }
  .page-list-content .search-container {
    float: right;
    margin-right: -23px; }
    .page-list-content .search-container:after {
      content: '';
      display: table;
      clear: right; }
    .page-list-content .search-container .search {
      position: relative;
      right: 30px;
      cursor: pointer; }
    .page-list-content .search-container .search-box {
      padding-right: 30px; }
  .page-list-content .page-toolbar {
    padding: 0;
    z-index: 0;
    display: inline; }
    .page-list-content .page-toolbar .bulk-action {
      display: inline-block;
      margin-right: 7px; }
    @media (max-width: 767px) {
      .page-list-content .page-toolbar form[name="bulkSelect"] {
        text-align: right; } }
  .page-list-content .content-box {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 15px 0;
    padding: 10px; }
  .page-list-content.order-edit .linked-data.products,
  .page-list-content.subscription-edit .linked-data {
    display: none; }
  .page-list-content.subscription-edit .table-responsive {
    overflow: initial; }
  .page-list-content.order-edit .filter-data.content-box {
    border: none;
    margin: 0;
    padding: 0; }
  .page-list-content.order-edit .table-responsive {
    overflow-x: unset; }
  .page-list-content.order-edit .disabled {
    opacity: 0.3; }
  .page-list-content.order-edit .order-desc-list dl div {
    overflow-x: hidden;
    overflow-y: auto; }
    .page-list-content.order-edit .order-desc-list dl div:after {
      content: '';
      clear: both; }
    .page-list-content.order-edit .order-desc-list dl div dd {
      float: right;
      width: 65%;
      padding-bottom: 10px;
      text-align: right; }
    .page-list-content.order-edit .order-desc-list dl div dt {
      padding-bottom: 10px;
      float: left;
      width: 35%; }
  .page-list-content.order-edit .highlight, .page-list-content.orders .highlight {
    color: red; }
  .page-list-content.order-edit .strikethrough, .page-list-content.orders .strikethrough {
    text-decoration: line-through;
    font-size: 14px;
    font-style: italic;
    margin-right: 5px;
    white-space: nowrap;
    color: #aaa; }
  .page-list-content.order-edit .curr, .page-list-content.orders .curr {
    font-size: 75%; }
  .page-list-content.order-edit .total, .page-list-content.orders .total {
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap; }
  .page-list-content.order-edit .tax-summary-row, .page-list-content.orders .tax-summary-row {
    cursor: pointer; }
  .page-list-content.order-edit .tax-summary-row td,
  .page-list-content.order-edit .tax-detail-row td, .page-list-content.orders .tax-summary-row td,
  .page-list-content.orders .tax-detail-row td {
    vertical-align: middle; }
  .page-list-content.order-edit .tax-toggle-button, .page-list-content.orders .tax-toggle-button {
    width: auto;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    display: inline-flex;
    align-items: center;
    text-align: left; }
  .page-list-content.order-edit .tax-toggle-button:hover,
  .page-list-content.order-edit .tax-toggle-button:focus, .page-list-content.orders .tax-toggle-button:hover,
  .page-list-content.orders .tax-toggle-button:focus {
    color: #0056b3;
    text-decoration: none; }
  .page-list-content.order-edit .tax-toggle-button:focus, .page-list-content.orders .tax-toggle-button:focus {
    outline: none; }
  .page-list-content.order-edit .tax-toggle-label, .page-list-content.orders .tax-toggle-label {
    font-weight: normal; }
  .page-list-content.order-edit .tax-toggle-icon, .page-list-content.orders .tax-toggle-icon {
    margin-left: 12px;
    font-size: 9px; }
  .page-list-content.order-edit .tax-summary-total, .page-list-content.orders .tax-summary-total {
    display: inline-block;
    width: 100%;
    text-align: right; }
  .page-list-content.order-edit .tax-detail-row td, .page-list-content.orders .tax-detail-row td {
    font-size: 13px;
    color: #666;
    background: #fafafa;
    border-top: 0; }
  .page-list-content.order-edit .tax-detail-label, .page-list-content.orders .tax-detail-label {
    display: inline-block;
    padding-left: 16px; }
  .page-list-content.payments .page-container {
    top: 0; }
  .page-list-content.payments .add-payment {
    display: inline-block; }
  .page-list-content.payment-edit .payments-list {
    padding: 15px 15px 0;
    display: flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
    .page-list-content.payment-edit .payments-list .item {
      border: 1px solid #ddd;
      border-radius: 10px;
      box-shadow: 1px 1px 3px #aaa;
      overflow: hidden;
      max-width: 200px;
      margin: 0 30px 30px 0px; }
      .page-list-content.payment-edit .payments-list .item.active {
        border: 2px solid rgba(223, 111, 46, 0.5);
        box-shadow: 2px 2px 20px rgba(223, 111, 46, 0.5); }
      .page-list-content.payment-edit .payments-list .item img {
        width: 100%; }
      .page-list-content.payment-edit .payments-list .item:hover {
        box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.3);
        transform: scale(1.005);
        -webkit-transition: transform 0.2s ease-in-out;
        -moz-transition: transform 0.2s ease-in-out;
        -ms-transition: transform 0.2s ease-in-out;
        -o-transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out; }
      .page-list-content.payment-edit .payments-list .item a {
        display: block; }
      .page-list-content.payment-edit .payments-list .item img.paypal {
        width: 98%;
        padding: 0 0 0 3%;
        margin: auto; }
    .page-list-content.payment-edit .payments-list button.btn {
      background: none;
      border: 1px solid #ddd;
      border-radius: 10px;
      box-shadow: 1px 1px 3px #aaa;
      padding: 0;
      margin: 0 30px 30px 0px;
      overflow: auto; }
      .page-list-content.payment-edit .payments-list button.btn img {
        max-width: 200px; }
        .page-list-content.payment-edit .payments-list button.btn img.braintree {
          padding: 16px 0; }
        .page-list-content.payment-edit .payments-list button.btn img.getbread {
          padding: 2px 7px; }
  .page-list-content.payment-edit .add-payment-method {
    padding-left: 45px; }
  .page-list-content ul.inline-list,
  .page-list-content .inline-list ul {
    padding: 0;
    list-style: none; }
    .page-list-content ul.inline-list li,
    .page-list-content .inline-list ul li {
      margin-right: 7px;
      margin-bottom: 7px;
      display: inline-block; }
  .page-list-content .glyphicon-remove,
  .page-list-content .glyphicon-remove-sign {
    color: #0069FE;
    cursor: pointer; }
  .page-list-content.sites .page-container,
  .page-list-content.invitations .page-container,
  .page-list-content.tax-tables .page-container {
    top: 0; }
  .page-list-content.apps .page-container, .page-list-content.themes .page-container {
    margin-top: 70px; }
  .page-list-content.apps .nav-tabs li.new a, .page-list-content.themes .nav-tabs li.new a {
    padding: 3px 10px; }
  .page-list-content.invitations a.user {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    text-align: center;
    border: 2px solid #81A2D0;
    padding: 3px 0;
    display: block; }
    .page-list-content.invitations a.user .glyphicon {
      margin-right: 0; }
  .page-list-content.invitations .pending,
  .page-list-content.invitations .unavilable {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #dbab09;
    margin: 10px 30px; }
  .page-list-content.invitations .unavilable {
    background-color: #ddd; }
  .page-list-content.installation-edit button {
    margin-top: 20px; }
  .page-list-content.form-response .content-box {
    margin: 0; }
  .page-list-content.form-response table th:first-child,
  .page-list-content.form-response table td:first-child {
    width: auto;
    text-align: left;
    white-space: nowrap; }
  .page-list-content.form-response table.form-response-general td {
    border-top: none; }
    .page-list-content.form-response table.form-response-general td:first-child {
      width: 150px; }
  .page-list-content.form-edit .show-xs {
    display: none; }
    @media (max-width: 767px) {
      .page-list-content.form-edit .show-xs {
        display: inline; } }
  .page-list-content.form-edit .align-btn .glyphicon {
    margin-right: 7px; }
  .page-list-content.form-edit button.remove {
    background-color: transparent;
    border: none; }
  .page-list-content .align-btn {
    margin-top: 25px; }
    @media (max-width: 767px) {
      .page-list-content .align-btn {
        margin-top: 0; } }
    .page-list-content .align-btn .glyphicon {
      margin-right: 0; }
  .page-list-content .result-json {
    max-height: 450px;
    overflow: scroll;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 30px; }
    .page-list-content .result-json pre {
      border: none;
      margin: 0; }
  .page-list-content .react-datepicker__input-container {
    width: 150px; }
  .page-list-content .react-datepicker-popper {
    z-index: 10; }
  .page-list-content .edit-btn {
    cursor: pointer;
    width: 26px;
    height: 26px;
    border: 2px solid #0069FE;
    text-align: center;
    padding-top: 4px;
    border-radius: 50%;
    font-size: 13px;
    margin-left: 10px; }
    .page-list-content .edit-btn:hover {
      box-shadow: 2px 2px 6px #ddd; }
  .page-list-content.api-keys table th:first-child {
    text-align: left; }
  .page-list-content.api-keys .key-label {
    white-space: nowrap; }
  .page-list-content.api-keys .no-posts {
    margin-top: 70px; }
  .page-list-content.api-keys form[name="bulkSelect"] {
    display: none; }
  .page-list-content.api-key-edit .invalid,
  .page-list-content.api-key-edit .invalid label {
    font-style: italic;
    color: gray;
    text-transform: capitalize; }
  .page-list-content.api-key-edit a.btn {
    padding: 7px 15px;
    vertical-align: super;
    margin-left: 5px;
    box-shadow: none; }
  .page-list-content.api-key-edit .btn-sec {
    margin: 0 5px;
    vertical-align: super; }
  .page-list-content.api-key-edit input.update,
  .page-list-content.api-key-edit .react-datepicker__input-container {
    width: 300px; }
    @media (max-width: 767px) {
      .page-list-content.api-key-edit input.update,
      .page-list-content.api-key-edit .react-datepicker__input-container {
        width: 100%;
        display: block; } }
  .page-list-content.api-key-edit .react-datepicker-wrapper {
    display: block; }
  .page-list-content.api-key-edit button.api-token {
    outline: 0;
    border-radius: 25px;
    box-shadow: 2px 2px 4px #ddd;
    background-color: #f9f9f9;
    height: 28px;
    z-index: 0;
    position: relative;
    text-align: right;
    width: 75px;
    padding: 0 8px;
    font-size: 12px;
    margin: 0 0 7px;
    border: 2px solid #ddd;
    color: #777777;
    font-weight: 500;
    margin-left: 5px; }
    .page-list-content.api-key-edit button.api-token:before {
      content: '';
      position: absolute;
      left: -1px;
      top: -1px;
      height: 25px;
      width: 25px;
      background-color: #aaa;
      border-radius: 50%;
      z-index: -1;
      transition: all 0.5s ease-out; }
    .page-list-content.api-key-edit button.api-token.hide-token {
      text-align: left;
      border-color: #0bd168;
      background: #0bd168;
      color: #fff; }
      .page-list-content.api-key-edit button.api-token.hide-token:before {
        background-color: #fff;
        right: -1px;
        left: unset;
        height: 26px; }
    .page-list-content.api-key-edit button.api-token:hover {
      transform: none !important;
      box-shadow: 2px 2px 4px #ddd !important; }
  .page-list-content.api-key-edit button.copy {
    background-color: transparent;
    border: none;
    outline: none;
    vertical-align: middle;
    margin: -7px 10px 0;
    border: 2px solid #81A2D0;
    border-radius: 50%;
    height: 30px;
    width: 30px; }
    .page-list-content.api-key-edit button.copy .glyphicon {
      margin: 0;
      font-size: 14px;
      vertical-align: initial;
      color: #81A2D0; }
    .page-list-content.api-key-edit button.copy.active {
      background-color: #0bd168;
      border-color: #0bd168; }
      .page-list-content.api-key-edit button.copy.active .glyphicon {
        color: #fff; }
  .page-list-content.api-key-edit .token {
    margin-bottom: 20px; }
    .page-list-content.api-key-edit .token .empty {
      position: relative;
      padding: 12px 10px;
      background-color: rgba(0, 0, 0, 0.03);
      border: 1px solid #ddd;
      border-radius: 4px; }
      .page-list-content.api-key-edit .token .empty:after {
        content: '';
        position: absolute;
        width: calc(100% - 20px);
        top: 10px;
        left: 10px;
        border-top: 4px dotted; }
    .page-list-content.api-key-edit .token textarea {
      resize: none;
      background-color: rgba(0, 0, 0, 0.03);
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 10px;
      width: 100%;
      outline: none; }
      .page-list-content.api-key-edit .token textarea:focus {
        border: 1px solid #ddd;
        outline: none; }
  .page-list-content.api-key-edit .invalid {
    padding: 0px 30px;
    position: relative; }
    .page-list-content.api-key-edit .invalid:before {
      content: "\e090";
      font-family: 'Glyphicons Halflings';
      color: gray;
      font-style: normal;
      position: absolute;
      top: -2px;
      left: 11px; }
  .page-list-content.shipping-class-edit .section {
    position: relative; }
    .page-list-content.shipping-class-edit .section.bottom-gutter {
      padding-bottom: 40px; }
  .page-list-content.shipping-class-edit .well.provinces {
    padding: 10px 10px 5px;
    position: relative;
    background: rgba(232, 240, 254, 0.5);
    border: none;
    box-shadow: 3px 3px 6px #ddd; }
    .page-list-content.shipping-class-edit .well.provinces button.delete {
      position: absolute;
      z-index: 1;
      top: 5px;
      right: 5px;
      font-size: 18px;
      color: #81A2D0; }
      .page-list-content.shipping-class-edit .well.provinces button.delete .glyphicon {
        margin-right: 0; }
    .page-list-content.shipping-class-edit .well.provinces .filter-data.content-box {
      border: none;
      padding: 0;
      margin: 0; }
  .page-list-content.shipping-class-edit .add-new {
    position: absolute;
    bottom: 20px;
    right: -5px; }
  .page-list-content.shipping-class-edit .shipping-class-submit {
    right: 15px;
    top: -40px;
    position: absolute; }
  .page-list-content .user-data .glyphicon {
    color: #81A2D0; }
  .page-list-content .user-data .delete {
    background: none;
    border: none;
    font-size: 20px; }

.tags input.tag {
  padding-right: 20px; }

.tags .glyphicon-plus-sign {
  color: #aaa;
  position: absolute;
  top: 10px;
  right: 15px; }
  .tags .glyphicon-plus-sign.active {
    color: #24262C; }

.tags .btn-link {
  white-space: normal; }

ul.tags {
  list-style: none;
  padding: 0;
  margin: 10px 0; }
  ul.tags li {
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 7px 10px;
    margin-right: 7px;
    margin-bottom: 5px;
    color: #81A2D0;
    text-transform: capitalize;
    cursor: pointer; }
    ul.tags li .glyphicon {
      color: #81A2D0; }
    ul.tags li.disabled {
      cursor: not-allowed;
      background-color: rgba(244, 244, 244, 0.4); }
  ul.tags.popular-tags li {
    border: none;
    text-decoration: underline;
    padding: 7px 0; }

.rte-container {
  position: relative;
  margin-bottom: 15px;
  height: 100%; }
  .rte-container .CodeMirror {
    border: 1px solid #ddd;
    border-left: none;
    border-radius: 4px;
    z-index: 0; }
  .rte-container label {
    display: block; }
  .rte-container .primary-img,
  .rte-container .product-gallery {
    display: none; }

.media {
  position: relative;
  display: inline-block;
  margin-top: 0;
  z-index: 10; }
  .media + button:before {
    content: '\e046';
    font-family: 'Glyphicons Halflings';
    position: relative;
    left: -5px;
    font-size: 18px;
    vertical-align: sub; }

.form-group {
  position: relative; }
  .form-group ~ ul.text-dropdown {
    position: absolute;
    max-height: 250px;
    overflow: scroll;
    margin-bottom: 70px;
    top: 35px;
    left: 15px;
    right: 15px;
    list-style: none;
    padding: 0;
    width: auto;
    border: 1px solid #ddd;
    z-index: 100;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 3px 3px 8px #ddd; }
    .form-group ~ ul.text-dropdown li {
      padding: 7px 10px; }
      .form-group ~ ul.text-dropdown li:hover {
        background: #81A2D0;
        color: #fff; }

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

.image-container.collapsible-container .collapsible-content {
  text-align: center;
  overflow: auto; }

.page-edit .alias-table .glyphicon-plus,
.product-edit .alias-table .glyphicon-plus {
  cursor: pointer; }

.page-edit .content-builder.btn,
.product-edit .content-builder.btn {
  position: absolute;
  z-index: 2; }
  .page-edit .content-builder.btn.no-pos,
  .product-edit .content-builder.btn.no-pos {
    position: relative; }

.page-edit .shipping-weight label,
.product-edit .shipping-weight label {
  text-transform: none; }

.page-edit .content-editor .nav-tabs,
.product-edit .content-editor .nav-tabs {
  border-bottom: none; }
  .page-edit .content-editor .nav-tabs > li,
  .product-edit .content-editor .nav-tabs > li {
    float: right; }

.page-content-builder {
  height: 100%;
  padding-bottom: 90px;
  position: relative; }
  .page-content-builder.draw-open {
    padding-bottom: 230px; }
  .page-content-builder .drag-item {
    position: absolute;
    width: 100px;
    height: 100px;
    z-index: 9999;
    background: #ddd; }
  .page-content-builder .toolbar > button {
    color: #fff; }
  .page-content-builder .widget-drop-zone {
    background-color: #45b7a4; }
  .page-content-builder .widget-box {
    background-color: #47423e;
    box-shadow: 2px 2px 6px #47423e; }
  .page-content-builder button.edit-cb-content,
  .page-content-builder button.edit-cb-content:active,
  .page-content-builder button.edit-cb-content:hover,
  .page-content-builder .edit-cb-content.btn,
  .page-content-builder .edit-cb-content.btn:active,
  .page-content-builder .edit-cb-content.btn:hover {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 5px;
    color: #fff;
    outline: none;
    transform: none !important;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    box-shadow: none; }
    .page-content-builder button.edit-cb-content .glyphicon,
    .page-content-builder button.edit-cb-content:active .glyphicon,
    .page-content-builder button.edit-cb-content:hover .glyphicon,
    .page-content-builder .edit-cb-content.btn .glyphicon,
    .page-content-builder .edit-cb-content.btn:active .glyphicon,
    .page-content-builder .edit-cb-content.btn:hover .glyphicon {
      font-size: 16px;
      margin-right: 0; }
  .page-content-builder div.edit-cb-content {
    display: inline-block;
    padding: 0; }
  .page-content-builder section {
    position: relative;
    z-index: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    border: 1px dashed #aaa;
    border-radius: 5px;
    min-height: 40px;
    background-color: #fff;
    /*&.section-readonly:hover .section-toolbar {
      bottom: 30px;
    }*/ }
    .page-content-builder section:hover .section-toolbar {
      opacity: 1;
      top: 0; }
    .page-content-builder section .code-editor {
      border: 1px solid #ddd; }
      .page-content-builder section .code-editor.error {
        border: 1px solid #a94442; }
    .page-content-builder section .settings-builder {
      position: relative;
      height: 300px;
      background-color: #fff;
      overflow: auto;
      z-index: 10;
      padding: 0 20px 20px; }
      .page-content-builder section .settings-builder .editor {
        margin-bottom: 10px; }
    .page-content-builder section .content-builder-save {
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 20; }
      .page-content-builder section .content-builder-save.pos {
        bottom: 45px; }
      .page-content-builder section .content-builder-save button {
        padding: 8px 15px;
        font-weight: 500; }
    .page-content-builder section .rte-container + .content-builder-save {
      bottom: 45px; }
    .page-content-builder section.section-readonly:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.03); }
      .page-content-builder section.section-readonly:after button.media {
        background-color: rgba(0, 0, 0, 0.2); }
    .page-content-builder section .form-group {
      margin-bottom: 0; }
    .page-content-builder section .save-section {
      position: absolute;
      right: 5px;
      bottom: 40px; }
      .page-content-builder section .save-section.disabled {
        background-color: rgba(0, 0, 0, 0.2); }
    .page-content-builder section .rich-text-wrapper {
      margin-bottom: 0; }
  .page-content-builder .add-section {
    text-align: center;
    height: 75px;
    border: 1px dashed #aaa;
    border-radius: 5px;
    padding: 25px 0; }
    .page-content-builder .add-section .glyphicon {
      font-size: 25px;
      color: #aaa; }
  .page-content-builder .nav-tabs {
    border-bottom: none; }
    .page-content-builder .nav-tabs > li {
      float: right; }
  .page-content-builder .section-toolbar {
    position: absolute;
    z-index: 10;
    top: 0px;
    width: 100%;
    height: auto;
    text-align: center;
    opacity: 0;
    transition: .2s; }
    .page-content-builder .section-toolbar ul {
      list-style-type: none;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      padding: 5px;
      width: 210px;
      height: 30px;
      background-color: rgba(0, 0, 0, 0.8);
      border-top-right-radius: 4px;
      border-top-left-radius: 4px; }
    .page-content-builder .section-toolbar li {
      margin: 0 7px;
      cursor: pointer;
      position: relative;
      display: inline-table; }
      .page-content-builder .section-toolbar li .glyphicon {
        margin-right: 0;
        font-size: 18px;
        color: #fff; }
      .page-content-builder .section-toolbar li .glyphicon.editing {
        color: #81A2D0; }
      .page-content-builder .section-toolbar li.disabled .glyphicon {
        color: gray; }
      .page-content-builder .section-toolbar li.disabled:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        z-index: 1; }
  .page-content-builder .page-builder-settings {
    position: absolute;
    z-index: 1;
    bottom: 50px;
    right: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: #fff;
    border: 1px solid #aaa;
    transition: height .2s;
    overflow: hidden; }
    .page-content-builder .page-builder-settings.expand {
      height: 180px;
      overflow: hidden; }
    .page-content-builder .page-builder-settings .widget-container {
      position: relative;
      overflow: scroll;
      width: 100%;
      margin-top: 50px;
      height: calc(100% - 50px); }
      .page-content-builder .page-builder-settings .widget-container .no-widgets {
        padding: 20px; }
    .page-content-builder .page-builder-settings [type="button"] {
      float: right;
      margin: 3px 5px 3px 0; }
    .page-content-builder .page-builder-settings .settings-topbar {
      border-bottom: 1px solid #aaa;
      position: absolute;
      width: 100%; }
      .page-content-builder .page-builder-settings .settings-topbar .glyphicon {
        padding: 13px 20px;
        border-right: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
        height: 40px;
        cursor: pointer; }
        .page-content-builder .page-builder-settings .settings-topbar .glyphicon:hover {
          background-color: rgba(0, 0, 0, 0.05); }
      .page-content-builder .page-builder-settings .settings-topbar .textbox-with-cancel {
        display: inline-block;
        vertical-align: 2px; }
        .page-content-builder .page-builder-settings .settings-topbar .textbox-with-cancel .form-group {
          margin-bottom: 0; }
        .page-content-builder .page-builder-settings .settings-topbar .textbox-with-cancel .glyphicon {
          border: none;
          padding: 0;
          height: unset; }
    .page-content-builder .page-builder-settings .widget-container ul {
      list-style-type: none;
      padding: 15px; }
      .page-content-builder .page-builder-settings .widget-container ul li {
        width: 75px;
        height: 75px;
        border: 2px solid #aaa;
        display: inline-block;
        cursor: move;
        margin: 10px;
        border-radius: 10px;
        font-size: 12px;
        text-transform: capitalize;
        text-align: center;
        color: #aaa;
        overflow: hidden;
        vertical-align: top;
        position: relative;
        padding: 10px; }
        .page-content-builder .page-builder-settings .widget-container ul li > .loader.absolute {
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        .page-content-builder .page-builder-settings .widget-container ul li:hover {
          box-shadow: 3px 3px 9px #fbf1e3;
          border: 2px solid #81A2D0;
          background-color: #fbf1e3; }
          .page-content-builder .page-builder-settings .widget-container ul li:hover span.icon {
            color: #81A2D0; }
        .page-content-builder .page-builder-settings .widget-container ul li .glyphicon {
          font-size: 20px;
          margin: 0; }
        .page-content-builder .page-builder-settings .widget-container ul li .file-meta {
          overflow: hidden;
          position: relative; }
          .page-content-builder .page-builder-settings .widget-container ul li .file-meta img {
            max-width: 30px; }
          .page-content-builder .page-builder-settings .widget-container ul li .file-meta .file-name {
            font-size: 85%;
            height: 30px;
            overflow: hidden; }
          .page-content-builder .page-builder-settings .widget-container ul li .file-meta.html {
            position: relative;
            padding-top: 20px; }
            .page-content-builder .page-builder-settings .widget-container ul li .file-meta.html .file-name {
              padding-top: 10px; }
            .page-content-builder .page-builder-settings .widget-container ul li .file-meta.html:after {
              content: '</>';
              position: absolute;
              top: 0;
              left: calc(50% - 15px);
              font-size: 20px; }
        .page-content-builder .page-builder-settings .widget-container ul li span.icon {
          font-size: 18px; }

.page-list-content .filter-data,
.modal-body .filter-data {
  position: relative; }
  .page-list-content .filter-data.disabled,
  .modal-body .filter-data.disabled {
    padding: 0 0 20px;
    border: none; }
  .page-list-content .filter-data .wrapper,
  .modal-body .filter-data .wrapper {
    position: relative;
    display: inline-block; }
  .page-list-content .filter-data .error.col-xs-12,
  .modal-body .filter-data .error.col-xs-12 {
    padding: 0 15px; }
  .page-list-content .filter-data .error label,
  .modal-body .filter-data .error label {
    color: #a94442; }
  .page-list-content .filter-data .error input,
  .modal-body .filter-data .error input {
    border-color: #a94442; }
  .page-list-content .filter-data .has-text-dropdown,
  .modal-body .filter-data .has-text-dropdown {
    background-color: #fff;
    position: relative;
    padding-right: 35px; }
    .page-list-content .filter-data .has-text-dropdown[disabled],
    .modal-body .filter-data .has-text-dropdown[disabled] {
      background-color: rgba(244, 244, 244, 0.4); }
  .page-list-content .filter-data .glyphicon-remove-sign,
  .page-list-content .filter-data .glyphicon-plus-sign,
  .modal-body .filter-data .glyphicon-remove-sign,
  .modal-body .filter-data .glyphicon-plus-sign {
    position: absolute;
    right: 15px;
    top: 35px;
    cursor: pointer;
    color: #0069FE; }
  .page-list-content .filter-data .glyphicon-plus-sign,
  .modal-body .filter-data .glyphicon-plus-sign {
    color: #0069FE;
    cursor: pointer; }
  .page-list-content .filter-data button.add-new,
  .modal-body .filter-data button.add-new {
    position: absolute;
    top: 30px;
    right: 45px;
    border: none;
    border-radius: 5px;
    font-weight: 500;
    padding: 2px 10px;
    font-size: 12px;
    background-color: #81A2D0;
    color: #fff; }
  .page-list-content .filter-data.open-dropdown ul.text-dropdown,
  .modal-body .filter-data.open-dropdown ul.text-dropdown {
    display: block; }
  .page-list-content .filter-data.collapse-dropdown ul.text-dropdown,
  .modal-body .filter-data.collapse-dropdown ul.text-dropdown {
    display: none; }
  .page-list-content .filter-data .error label,
  .modal-body .filter-data .error label {
    color: #a94442; }
  .page-list-content .filter-data .text-dropdown,
  .modal-body .filter-data .text-dropdown {
    top: 60px; }
    .page-list-content .filter-data .text-dropdown a,
    .modal-body .filter-data .text-dropdown a {
      float: right; }
    .page-list-content .filter-data .text-dropdown li:hover,
    .modal-body .filter-data .text-dropdown li:hover {
      background-color: #81A2D0;
      color: #fff;
      cursor: pointer; }
      .page-list-content .filter-data .text-dropdown li:hover a,
      .modal-body .filter-data .text-dropdown li:hover a {
        color: #fff; }
  .page-list-content .filter-data ul.linked-data,
  .modal-body .filter-data ul.linked-data {
    list-style: none;
    padding: 0;
    margin: 0; }
    .page-list-content .filter-data ul.linked-data li,
    .modal-body .filter-data ul.linked-data li {
      padding: 5px;
      display: inline-block;
      margin-right: 10px;
      margin-bottom: 5px;
      background-color: #dee7f3;
      box-shadow: 2px 2px 4px #ddd;
      border-radius: 4px;
      position: relative; }
      .page-list-content .filter-data ul.linked-data li.disabled,
      .modal-body .filter-data ul.linked-data li.disabled {
        background-color: rgba(0, 0, 0, 0.03); }
      .page-list-content .filter-data ul.linked-data li:before,
      .modal-body .filter-data ul.linked-data li:before {
        content: '\e146';
        font-family: 'Glyphicons Halflings';
        position: static; }
      .page-list-content .filter-data ul.linked-data li .glyphicon-remove-sign,
      .modal-body .filter-data ul.linked-data li .glyphicon-remove-sign {
        position: static; }
      .page-list-content .filter-data ul.linked-data li.not-available,
      .modal-body .filter-data ul.linked-data li.not-available {
        color: unset;
        font-size: unset; }
        .page-list-content .filter-data ul.linked-data li.not-available .glyphicon-remove-sign,
        .modal-body .filter-data ul.linked-data li.not-available .glyphicon-remove-sign {
          color: #ddd; }

.widget-ui .modal-dialog {
  height: calc(100% - 100px);
  overflow: auto; }

.widget-ui .modal-content {
  height: 100%;
  overflow: hidden; }

.widget-ui .modal-header {
  position: absolute;
  top: 0;
  width: 100%; }

.widget-ui .modal-body {
  height: calc(100% - 70px);
  padding: 70px 0 0;
  width: 100%; }

.widget-ui .modal-footer {
  position: absolute;
  background-color: #fff;
  bottom: 0;
  width: 100%;
  z-index: 5; }
  .widget-ui .modal-footer ul.breadcrumb {
    display: inline-block;
    float: left;
    background: none;
    margin-bottom: 0; }
    .widget-ui .modal-footer ul.breadcrumb > li + li:before {
      content: '>'; }
    .widget-ui .modal-footer ul.breadcrumb a[disabled] {
      text-decoration: none;
      color: #333; }

.widget-ui form[name="widget-settings"] {
  height: 100%; }

.widget-ui .array-container {
  padding: 0 15px; }
  .widget-ui .array-container fieldset.object-container {
    margin: 10px 0;
    padding: 10px 0 0; }

.widget-ui fieldset label.empty {
  margin: 0;
  display: inline; }

.widget-ui fieldset.object-container {
  border: 1px solid #E8F0FE;
  border-radius: 5px;
  padding: 20px 5px 5px;
  margin: 25px 15px;
  background-color: #F8FBFF;
  box-shadow: 1px 1px 3px #ddd;
  position: relative; }
  .widget-ui fieldset.object-container.label-text {
    margin-top: 20px; }
  .widget-ui fieldset.object-container label {
    font-weight: normal; }
  .widget-ui fieldset.object-container > label {
    position: absolute;
    top: -11px;
    left: 10px;
    background-color: #fff;
    font-size: 15px;
    font-weight: bold;
    color: #333; }

.widget-ui #content-edit-tabs {
  position: relative;
  height: 100%;
  padding-top: 40px; }
  .widget-ui #content-edit-tabs > .tab-content {
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 5px;
    padding: 20px; }
  .widget-ui #content-edit-tabs.json-editor .tab-content {
    padding: 0; }
  .widget-ui #content-edit-tabs.json-editor .jsoneditor-react-container {
    margin: 2px 0 0; }
    .widget-ui #content-edit-tabs.json-editor .jsoneditor-react-container .jsoneditor {
      border: none; }

.widget-ui .filter-data input[type="text"] {
  width: 100%;
  max-width: 100%; }

.widget-ui .nav-tabs {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 10; }
  .widget-ui .nav-tabs > li:first-child {
    margin-left: 20px; }
  .widget-ui .nav-tabs li.active > a {
    color: #333;
    font-weight: 500;
    background-color: #e3edff;
    box-shadow: 2px -2px 4px #ddd; }

.widget-ui .pb-settings {
  position: relative;
  padding-top: 40px; }
  .widget-ui .pb-settings label {
    position: absolute;
    top: 15px; }
  .widget-ui .pb-settings .code-editor {
    height: 350px;
    margin-bottom: 0; }
  .widget-ui .pb-settings .nav-tabs li {
    float: right;
    margin-left: 0; }
  .widget-ui .pb-settings .tab-content {
    padding: 0; }

.widget-ui .image-container {
  box-shadow: 3px 3px 10px #ccc;
  border-radius: 8px;
  overflow: hidden;
  padding: 5px;
  margin-bottom: 15px;
  position: relative;
  height: 210px; }
  .widget-ui .image-container > label {
    position: absolute;
    top: 0;
    left: 5px; }
  .widget-ui .image-container .thumbnail {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none; }
    .widget-ui .image-container .thumbnail img {
      display: inline-block; }
  .widget-ui .image-container .remove {
    cursor: pointer;
    font-size: 18px;
    color: #81A2D0;
    top: -2px;
    right: -8px; }
  .widget-ui .image-container .primary-img {
    overflow: hidden;
    z-index: 10;
    border: 5px solid #fff;
    border-radius: 10px;
    width: 100%;
    height: calc(100% - 45px);
    align-items: center;
    text-align: center;
    max-height: 100%;
    max-width: 100%; }
  .widget-ui .image-container > .btn-sec {
    display: inline-block;
    margin: 5px 0;
    text-align: right; }

.widget-ui .code-editor,
.widget-ui .tab-content,
.widget-ui .tab-pane {
  height: 100%; }

.widget-ui .code-editor {
  margin-bottom: 15px; }
  .widget-ui .code-editor.disabled {
    position: relative;
    z-index: 0; }
    .widget-ui .code-editor.disabled:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 2;
      background-color: rgba(0, 0, 0, 0.03);
      top: 0;
      left: 0; }

.widget-ui #content-edit-tabs-pane-json > .code-editor {
  margin: -20px; }

.widget-ui .CodeMirror {
  z-index: 5; }

.widget-ui input:not([type="checkbox"]), .widget-ui select {
  max-width: 300px; }
  .widget-ui input:not([type="checkbox"])[type="color"], .widget-ui select[type="color"] {
    width: 75px;
    padding: 0px 3px;
    height: 25px; }

.widget-ui.modal .CodeMirror {
  border: 1px solid #ddd;
  height: 100%; }

.widget-ui.modal #content-edit-tabs > .tab-content {
  border: none; }

.widget-ui textarea {
  min-height: 150px; }

.modal.payment-edit .modal-body {
  overflow: auto;
  padding: 0 0 15px; }

.modal.payment-edit .modal-footer {
  display: none; }

.modal.payment-edit .payment-footer {
  padding: 20px 0 0px;
  margin: 30px 0 0;
  position: relative; }
  .modal.payment-edit .payment-footer:before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    border-top: 1px solid #ddd; }

.modal.payment-edit .header-menu {
  list-style: none;
  text-align: center;
  padding: 10px 0;
  background-color: rgba(232, 240, 254, 0.3);
  margin: 0; }
  .modal.payment-edit .header-menu li {
    display: inline-block;
    padding: 5px 0px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
    font-style: italic;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    width: 16.66%;
    white-space: nowrap;
    position: relative; }
    .modal.payment-edit .header-menu li.active {
      color: #81A2D0; }
    @media (max-width: 767px) {
      .modal.payment-edit .header-menu li {
        width: auto;
        padding: 5px 10px; } }

.modal.payment-edit .pay-content {
  padding: 30px 30px 40px; }
  .modal.payment-edit .pay-content h4 {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd; }
  .modal.payment-edit .pay-content .instructions {
    line-height: 2;
    padding: 20px;
    border-radius: 4px;
    background: rgba(232, 240, 254, 0.5);
    margin-bottom: 20px; }
    .modal.payment-edit .pay-content .instructions a .glyphicon {
      vertical-align: baseline; }
    .modal.payment-edit .pay-content .instructions .info {
      padding-left: 20px;
      position: relative; }
      .modal.payment-edit .pay-content .instructions .info:before {
        content: '\e101';
        font-family: 'Glyphicons Halflings';
        color: #ff8080;
        position: absolute;
        left: 0; }

.modal.payment-edit .btn.next {
  float: right;
  margin-right: 30px; }

.modal.payment-edit .btn.prev {
  float: left;
  margin-left: 30px; }

.modal.payment-edit .btn.next,
.modal.payment-edit .btn.prev {
  background-color: #0bd168;
  color: #fff; }
  .modal.payment-edit .btn.next .glyphicon,
  .modal.payment-edit .btn.prev .glyphicon {
    margin-right: 0;
    vertical-align: baseline;
    margin-left: 5px; }

.modal.payment-edit .placeholder {
  font-style: italic;
  font-weight: 500;
  color: #aaa; }

.modal.payment-edit .well {
  background-color: rgba(251, 241, 227, 0.3);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15);
  border: none;
  position: relative;
  overflow: auto; }
  .modal.payment-edit .well.owners {
    padding-bottom: 40px; }
  .modal.payment-edit .well button:not(.btn) {
    background: none;
    border: none;
    outline: none;
    position: absolute;
    height: 30px;
    width: 30px; }
  .modal.payment-edit .well button.add-data {
    background-color: #9fb8db;
    color: #fff;
    float: right; }
  .modal.payment-edit .well button.edit {
    top: 10px;
    right: 45px;
    color: #81A2D0; }
    .modal.payment-edit .well button.edit:before {
      content: '\270f';
      font-size: 16px;
      font-weight: 600;
      font-family: 'Glyphicons Halflings'; }
  .modal.payment-edit .well .name {
    font-weight: 500;
    color: #555; }

.modal.payment-edit span + button {
  margin-top: 20px;
  display: block; }

.modal.payment-edit .delete {
  top: 10px;
  right: 10px; }
  .modal.payment-edit .delete:before {
    content: '\e020';
    font-size: 16px;
    font-weight: 600;
    color: #81A2D0;
    font-family: 'Glyphicons Halflings'; }

.modal.payment-edit-popup .CodeMirror {
  border: 1px solid #ddd;
  border-radius: 4px; }

.color-picker {
  margin-bottom: 15px;
  position: relative; }
  .color-picker .picker-cover {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  .color-picker .swatch {
    display: inline-block;
    margin-left: 5px;
    width: 70px;
    height: 25px;
    vertical-align: middle;
    box-shadow: 3px 3px 6px #ddd;
    border: 3px solid #fff;
    border-radius: 8px;
    cursor: pointer; }

.color-input {
  width: 75px;
  height: 30px;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none; }

.mask-layer {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

#widget-pills > ul {
  list-style: none;
  text-align: center;
  padding: 5px 0;
  background-color: rgba(232, 240, 254, 0.3);
  margin: -20px -20px 0; }
  #widget-pills > ul > li {
    display: inline-block;
    padding: 5px 0px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.5);
    font-style: italic;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    width: 16.66%;
    white-space: nowrap;
    position: relative; }
    #widget-pills > ul > li:hover > a {
      background-color: transparent;
      color: #81A2D0; }
    #widget-pills > ul > li > a {
      font-weight: bold;
      padding: 5px;
      color: #fff; }
    #widget-pills > ul > li.active > a {
      color: #81A2D0;
      background-color: transparent; }
    @media (max-width: 767px) {
      #widget-pills > ul > li {
        width: auto;
        padding: 5px 10px; } }

.pb-drop-widget {
  cursor: move;
  position: absolute;
  z-index: 100;
  width: 0;
  height: 0; }
  .pb-drop-widget:after {
    content: '\e022';
    color: #45b7a4;
    font-family: 'Glyphicons Halflings';
    font-size: 20px;
    background: #fff;
    position: relative;
    top: 30px;
    left: 20px;
    width: 40px;
    height: 40px;
    padding: 10px 12px;
    box-shadow: 3px 3px 6px #aaa;
    border-radius: 5px;
    border: 2px solid #45b7a4; }

.textbox-with-cancel {
  position: relative; }
  .textbox-with-cancel .glyphicon {
    color: #81A2D0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 10px; }

ul.comma-separated-list {
  margin: 7px 0 15px;
  padding: 0;
  list-style: none; }
  ul.comma-separated-list li {
    padding: 5px 7px;
    margin: 0 5px 5px 0;
    background-color: #76cf6e;
    border-radius: 5px;
    display: inline-block; }
    ul.comma-separated-list li .glyphicon {
      color: #4d4d4d;
      margin-right: 0;
      margin-left: 5px; }

.row.table-header {
  margin-bottom: 10px; }

.confirm-box {
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 3px 3px 10px 10px #ddd;
  width: 400px;
  position: fixed;
  z-index: 1060;
  top: 50px;
  left: calc(50% - 200px);
  padding: 30px;
  text-align: center;
  color: #555; }
  .confirm-box .fa-exclamation {
    color: tomato;
    font-size: 50px; }
  .confirm-box h3, .confirm-box p {
    margin-bottom: 20px; }
  .confirm-box button {
    margin: 0 15px 15px 0; }
    .confirm-box button.btn-warning {
      background-color: tomato; }
    .confirm-box button.btn-default {
      background-color: #aaa; }

button.no-style,
button.no-style:active {
  background: none;
  border: none; }

button.no-bg-border {
  background-color: transparent;
  border: none;
  outline: none;
  padding: 5px; }
  button.no-bg-border:hover {
    box-shadow: 0 8px 34px 0 #ddd;
    border-radius: 5px; }

.flex-row-container {
  display: flex;
  justify-content: space-between;
  align-items: baseline; }
  .flex-row-container.fit-content {
    width: fit-content; }
    .flex-row-container.fit-content * {
      margin-right: 5px; }
      .flex-row-container.fit-content *:last-child {
        margin-right: 0; }

@keyframes show {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes hide {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.img-upload {
  margin: 20px 0; }
  .img-upload > label {
    display: block;
    border: 2px dashed #ddd;
    border-radius: 4px;
    height: 150px;
    text-align: center; }
  .img-upload .glyphicon-plus {
    top: 40%;
    padding: 10px;
    border: 1px dashed #ddd;
    border-radius: 4px; }
  .img-upload input[type="file"] {
    display: none; }
  .img-upload .list-images {
    padding: 10px 0; }
    .img-upload .list-images .row:nth(2n+1) {
      background-color: #ececec; }
    @media (max-width: 767px) {
      .img-upload .list-images .text-right {
        text-align: left; } }
    .img-upload .list-images .glyphicon-copy, .img-upload .list-images .glyphicon-pencil {
      font-size: 20px;
      padding: 5px;
      text-align: center;
      border-radius: 4px;
      border: 2px solid rgba(0, 0, 0, 0.7);
      margin: 0 0 0 10px;
      color: rgba(0, 0, 0, 0.7); }
      .img-upload .list-images .glyphicon-copy.active, .img-upload .list-images .glyphicon-pencil.active {
        color: #0bd168;
        border-color: #0bd168; }
    .img-upload .list-images .thumbnail-container .form-group {
      display: inline-block; }
    .img-upload .list-images .thumbnail {
      margin-bottom: 10px;
      width: 100px;
      height: 50px;
      position: relative;
      overflow: hidden;
      display: inline-block;
      vertical-align: middle; }
      .img-upload .list-images .thumbnail img {
        max-width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }

.assets {
  height: 100%; }
  .assets .gallery-header {
    height: 90px; }
    .assets .gallery-header .content-header {
      display: inline-block;
      position: relative;
      float: left;
      z-index: 5;
      padding-left: 20px; }
      .assets .gallery-header .content-header h3 {
        display: inline-block; }
    .assets .gallery-header .page-toolbar {
      padding: 0;
      z-index: 0; }
      .assets .gallery-header .page-toolbar .row {
        margin: 0; }
      .assets .gallery-header .page-toolbar .bulk-action {
        display: inline-block;
        margin-right: 7px; }
      @media (max-width: 767px) {
        .assets .gallery-header .page-toolbar form[name="bulkSelect"] {
          text-align: right; } }
    .assets .gallery-header .paginate {
      margin-bottom: 15px; }
    .assets .gallery-header .search-container {
      float: right; }
      .assets .gallery-header .search-container .search {
        position: relative;
        right: 30px;
        cursor: pointer; }
      .assets .gallery-header .search-container .search-box {
        padding-right: 30px; }
    .assets .gallery-header form[name="bulkSelect"] {
      display: none; }
    .assets .gallery-header:after {
      content: '';
      clear: both; }
  .assets .gallery {
    padding: 0 10px 15px;
    position: relative;
    overflow: auto;
    height: calc(100% - 90px); }
    .assets .gallery .tiles {
      width: calc(60% - 40px);
      margin: 0 20px;
      float: left;
      height: 100%;
      border-radius: 5px;
      overflow: auto;
      border: 1px solid #ddd;
      box-shadow: 0 0 9px #ddd; }
    .assets .gallery .tile-info {
      width: calc(40% - 20px);
      margin: 0 20px 0 0;
      float: left;
      padding: 30px;
      border-radius: 5px;
      border: 1px solid #ddd;
      box-shadow: 0 0 9px #ddd; }
      .assets .gallery .tile-info .thumbnail {
        text-align: center;
        display: inline-block; }
        .assets .gallery .tile-info .thumbnail img {
          background: rgba(0, 0, 0, 0.1); }
      .assets .gallery .tile-info .text-link {
        position: absolute;
        top: 7px;
        right: 6px;
        font-size: 20px;
        z-index: 1; }
        .assets .gallery .tile-info .text-link.active {
          color: #0bd168; }
      .assets .gallery .tile-info input {
        width: 100%;
        margin: 0 10px 10px;
        border: 1px solid #ddd;
        padding: 6px 29px 6px 12px; }
    @media (max-width: 767px) {
      .assets .gallery .tiles {
        width: calc(100% - 40px); }
      .assets .gallery .tile-info {
        display: none; } }
    .assets .gallery .gallery-list {
      list-style-type: none;
      padding: 30px 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: start;
      background-color: #fff; }
      .assets .gallery .gallery-list li {
        width: 150px;
        height: 150px;
        text-align: center;
        margin: 15px;
        border: 1px solid #ddd;
        box-shadow: 2px 2px 4px #efefef;
        background-color: #eee;
        border-radius: 4px;
        overflow: hidden;
        position: relative;
        cursor: pointer; }
        .assets .gallery .gallery-list li:hover, .assets .gallery .gallery-list li.active {
          box-shadow: 0 0 10px #0069fe;
          border: 1px solid #0054cb; }
        .assets .gallery .gallery-list li button.show-detail {
          opacity: 0;
          height: 40px;
          width: 40px;
          border-radius: 3px;
          position: absolute;
          font-size: 23px;
          top: 35%;
          left: 37%;
          z-index: 3;
          background-color: rgba(51, 122, 183, 0.5);
          color: #fff;
          padding: 8px;
          transition: all 0.2s ease-out;
          cursor: pointer;
          transform: none;
          border: none; }
          @media (max-width: 767px) {
            .assets .gallery .gallery-list li button.show-detail {
              top: 112px;
              right: -1px;
              left: auto;
              opacity: 1;
              width: 30px;
              height: 30px;
              font-size: 18px;
              padding: 6px; } }
        .assets .gallery .gallery-list li:hover .show-detail {
          opacity: 1; }
        .assets .gallery .gallery-list li.active.selected:after, .assets .gallery .gallery-list li.selected:after {
          position: absolute;
          top: 0;
          right: 3px;
          content: '\e081';
          font-family: 'Glyphicons Halflings';
          font-size: 20px;
          color: #0054cb; }
        .assets .gallery .gallery-list li.active.selected:after:hover, .assets .gallery .gallery-list li.selected:after:hover {
          content: '\e082';
          color: red; }
        .assets .gallery .gallery-list li.selected:after {
          color: #aaa; }
        .assets .gallery .gallery-list li .asset-placeholder {
          position: absolute;
          top: calc(50% - 25px);
          left: calc(50% - 25px);
          height: 50px;
          width: 50px;
          border: 1px solid #ddd;
          padding: 13px 0;
          background-color: #fff;
          border-radius: 5px;
          font-size: 16px;
          text-transform: uppercase;
          font-style: italic;
          text-shadow: 2px 2px 4px #ccc; }
        .assets .gallery .gallery-list li img {
          position: absolute;
          top: 50%;
          max-width: 100%;
          transform: translate(-50%, -50%); }
  .assets.list {
    padding: 20px 0; }
    .assets.list .gallery {
      overflow: unset;
      height: calc(100% - 150px); }

.popup-gallery-modal.has-variants .standard-grid-view {
  padding-top: 15px; }

.popup-gallery-modal .modal-lg {
  width: 85%;
  height: 90%;
  overflow: auto;
  margin: 25px auto 0; }
  .popup-gallery-modal .modal-lg .modal-content {
    height: 100%; }
    .popup-gallery-modal .modal-lg .modal-content .modal-header {
      position: absolute;
      border-bottom: 1px solid #e5e5e5;
      width: 100%;
      padding: 15px;
      height: 45px;
      z-index: 1; }
    .popup-gallery-modal .modal-lg .modal-content .modal-body {
      height: calc(100% - 55px);
      padding: 55px 0 0; }
      .popup-gallery-modal .modal-lg .modal-content .modal-body .nav-tabs {
        border-bottom: 1px solid #ddd;
        position: absolute;
        top: 0;
        width: 100%;
        height: 42px; }
    .popup-gallery-modal .modal-lg .modal-content .modal-footer {
      padding: 10px 15px; }

.image-container.gallery {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center; }

.image-container .primary-img {
  max-width: 250px;
  max-height: 250px;
  width: 80%;
  display: flex;
  position: relative;
  margin: auto; }

.image-container .thumbnail {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  margin-bottom: 0;
  border: 0;
  box-shadow: 3px 3px 8px #ddd; }
  .image-container .thumbnail img {
    border-radius: 5px; }

.image-container .popup-btn-container {
  width: 100%;
  margin-top: 10px; }
  .image-container .popup-btn-container.thumbnail-btn,
  .image-container .popup-btn-container .thumbnail-btn {
    background: none;
    width: 50px;
    padding: 0;
    margin: 0;
    vertical-align: top;
    border-radius: 4px;
    overflow: hidden; }
    .image-container .popup-btn-container.thumbnail-btn img,
    .image-container .popup-btn-container .thumbnail-btn img {
      width: 100%; }

.image-container .remove {
  position: absolute;
  top: -10px;
  right: -15px;
  font-size: 18px;
  cursor: pointer; }
  .image-container .remove .glyphicon {
    color: #0069FE; }

#assetGallery {
  height: 100%;
  position: relative; }
  #assetGallery .paginate {
    position: absolute;
    top: 0;
    display: inline-block;
    right: 20px; }
  #assetGallery .tiles .content-header {
    display: none; }
  #assetGallery a.back {
    display: none; }
  #assetGallery .tab-content {
    overflow: auto;
    height: calc(100%);
    padding-top: 50px; }
    #assetGallery .tab-content .tab-pane {
      overflow: auto;
      height: 100%; }

.gallery-frame {
  width: 150px;
  height: 150px;
  text-align: center;
  box-shadow: #efefef 2px 2px 4px;
  background-color: #eeeeee;
  position: relative;
  margin: 15px;
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  border-image: initial;
  border-radius: 4px;
  overflow: hidden; }
  .gallery-frame img {
    position: absolute;
    top: 50%;
    max-width: 100%;
    transform: translate(-50%, -50%); }

ul.settings {
  padding: 10px;
  list-style-type: none; }

.user-edit-panel input.cancelled {
  color: red; }

/**
 * Grid header for all pages using it
 */
.standard-grid-view {
  height: 100%;
  padding: 0 15px 0 15px;
  overflow: auto; }
  .standard-grid-view .grid-header .search-container {
    float: right; }
    .standard-grid-view .grid-header .search-container:after {
      content: '';
      display: table;
      clear: right; }
    .standard-grid-view .grid-header .search-container .search {
      position: relative;
      cursor: pointer;
      left: 165px;
      top: 30px; }
    .standard-grid-view .grid-header .search-container .search-box {
      padding-right: 30px; }
  .standard-grid-view .grid-header .grid-extra .date-picker {
    padding: 7px;
    margin: 3px;
    border-radius: 4px;
    border-color: lightgray; }
  .standard-grid-view .grid-content {
    display: table;
    height: calc(100% - 185px);
    width: 100%;
    box-sizing: border-box; }
    .standard-grid-view .grid-content.tax-rates {
      height: calc(100% - 330px); }
    .standard-grid-view .grid-content.subscriptions {
      height: calc(100% - 350px); }
    .standard-grid-view .grid-content .row {
      height: 100%;
      display: table-row; }
    .standard-grid-view .grid-content .cell {
      height: 100%; }
    .standard-grid-view .grid-content .switch {
      color: #448cdb; }
    .standard-grid-view .grid-content .status-green {
      color: green;
      width: 50px;
      display: inline-block; }
    .standard-grid-view .grid-content .status-red {
      color: red;
      width: 50px;
      display: inline-block; }
    .standard-grid-view .grid-content .center {
      margin-left: 50%; }

.payment-choices {
  background-color: white;
  padding: 20px;
  width: 100%;
  border-radius: 15px; }

.overlay {
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  -moz-opacity: 0.8;
  background-color: #9f9f9f4d;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
  opacity: .80;
  z-index: 1001; }

.spin .glyphicon {
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite; }

.order-totals {
  display: flex; }
  .order-totals .current-total {
    margin-right: 5px; }
  .order-totals .strikethrough {
    text-decoration: line-through;
    font-size: 14px;
    font-style: italic;
    margin-right: 5px;
    white-space: nowrap;
    color: #aaa; }

/**
 * List editing
 */
.lists-header A.back {
  text-decoration: none; }

.lists-header .btn-danger {
  color: #fff !important;
  background-color: #f2605c !important;
  border-color: #f2605c; }

.delItemIcon {
  color: red;
  display: inline-block;
  font-size: 1.2em; }

#sites.btn-default[disabled]:hover {
  background: #0069FE; }

.display-inline-block {
  display: inline-block; }

.addItemIcon {
  color: green;
  font-size: 1.2em; }

.editIcon {
  color: #fd8938;
  font-size: 1.2em; }

.panel {
  margin-bottom: 20px;
  background-color: #f9f9f9;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: 2px 2px 5px #ddd; }
  .panel .panel-heading {
    background-color: #e3edff;
    color: #24262C; }

.lists-container {
  display: table;
  height: calc(100% - 169px);
  width: 100%;
  padding: 20px 0 0 0; }
  .lists-container .lists-header .back {
    margin-top: 15px; }
  .lists-container .lists-header a {
    text-decoration: none; }
  .lists-container .lists-header .btn-danger {
    color: #fff !important;
    background-color: #f2605c !important;
    border-color: #f2605c; }
  .lists-container .full-height {
    height: 100%; }
  .lists-container .full-msg {
    background: #5190df;
    color: white;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    font-size: 1.1em; }
  .lists-container .search.glyphicon.glyphicon-search {
    position: relative;
    top: 26px;
    float: right; }
  .lists-container .align {
    top: 16px;
    position: relative; }
  .lists-container .list-editor-row {
    height: 100%;
    display: table-row; }
    .lists-container .list-editor-row .cell {
      display: table-cell;
      float: none;
      background-color: #fff;
      padding-right: 0;
      padding-left: 0; }
      .lists-container .list-editor-row .cell .ag-theme-balham.resource-list {
        height: calc(100% - 185px) !important; }
      .lists-container .list-editor-row .cell .resource-list {
        height: 100%; }
      .lists-container .list-editor-row .cell.column-1 {
        width: 50%; }
      .lists-container .list-editor-row .cell.column-2 {
        width: 50%; }
  .lists-container .drop-col {
    min-height: 400px;
    background-color: #fff;
    margin-top: 6px; }
    .lists-container .drop-col .drop-target {
      position: absolute;
      left: 50%;
      top: 50%;
      height: 80px;
      width: 250px;
      margin-top: -40px;
      margin-left: -125px;
      border-radius: 5px;
      text-align: center;
      font-size: 1.2em; }
  .lists-container ul.sortable-item-list {
    padding-left: 0; }

li.sort-item {
  list-style: none;
  padding: 15px;
  border: 1px lightgray solid;
  margin-bottom: 5px;
  border-radius: 5px;
  background-color: #dedede;
  color: #0e0e0e; }
  li.sort-item.empty {
    background-color: #dedede57; }
  li.sort-item .item-type-icon {
    top: 36px;
    left: -5px; }
  li.sort-item span.item-label {
    display: inline-block;
    font-weight: bold;
    padding: 5px 0 2px 0; }
  li.sort-item span.content {
    background-color: #f5f5f5;
    border: 1px solid #dadada;
    display: inline-block;
    padding: 5px;
    width: 100%;
    border-radius: 4px;
    min-height: 30px; }

.ag-react-container .fas.fa-grip-vertical {
  cursor: grab; }

span.drag-handle {
  margin-right: 10px;
  cursor: grab; }

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -moz-opacity: 0.8;
  background-color: #9f9f9f4d;
  filter: alpha(opacity=80);
  opacity: .80;
  z-index: 1001; }

.spin .glyphicon {
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  line-height: 0; }

.ag-react-container .fas.fa-grip-vertical {
  cursor: grab; }

span.drag-handle {
  margin-right: 10px;
  cursor: grab; }

ul.sortable-item-list {
  padding-left: 0; }

.jsoneditor-react-container {
  width: 100%;
  height: 100%;
  margin-top: 20px;
  margin-bottom: 20px; }

.wrap-collabsible input[type='checkbox'] {
  display: none; }

.wrap-collabsible .lbl-toggle {
  display: block;
  font-size: 1.2rem;
  cursor: pointer;
  transition: all 0.25s ease-out;
  padding-top: 1rem;
  text-align: right; }
  .wrap-collabsible .lbl-toggle:hover {
    color: #7C5A0B; }
  .wrap-collabsible .lbl-toggle::before {
    content: ' ';
    display: inline-block;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid currentColor;
    vertical-align: middle;
    margin-right: .7rem;
    transform: translateY(-2px);
    transition: transform .2s ease-out; }

.wrap-collabsible .toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px); }

.wrap-collabsible .collapsible-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height .25s ease-in-out; }

.wrap-collabsible .toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 100vh; }

.wrap-collabsible .toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

/**
 * Workflow editing
 */
.workflow .editIcon {
  top: 0; }

.workflow .CodeMirror {
  background: #dae2ed;
  margin-right: 28px;
  height: 48px;
  color: black;
  border: 1px solid #c7c7c7; }

.workflow .expression-errors {
  color: red;
  background-color: lightgrey;
  margin-right: 28px;
  padding: 4px 4px 4px 32px; }

.jsoneditor input,
.jsoneditor input:not([type]),
.jsoneditor input[type="text"],
.jsoneditor input[type="search"],
.jsoneditor-modal input,
.jsoneditor-modal input:not([type]),
.jsoneditor-modal input[type="text"],
.jsoneditor-modal input[type="search"] {
  height: auto;
  border: inherit;
  box-shadow: none;
  font-size: inherit;
  box-sizing: inherit;
  padding: inherit;
  font-family: inherit;
  transition: none;
  line-height: inherit; }
  .jsoneditor input:focus,
  .jsoneditor input:not([type]):focus,
  .jsoneditor input[type="text"]:focus,
  .jsoneditor input[type="search"]:focus,
  .jsoneditor-modal input:focus,
  .jsoneditor-modal input:not([type]):focus,
  .jsoneditor-modal input[type="text"]:focus,
  .jsoneditor-modal input[type="search"]:focus {
    border: inherit;
    box-shadow: inherit; }

.jsoneditor textarea,
.jsoneditor-modal textarea {
  height: inherit; }

.jsoneditor select,
.jsoneditor-modal select {
  display: inherit;
  height: inherit; }

.jsoneditor label,
.jsoneditor-modal label {
  font-size: inherit;
  font-weight: inherit;
  color: inherit; }

.jsoneditor table,
.jsoneditor-modal table {
  border-collapse: collapse;
  width: auto; }

.jsoneditor td,
.jsoneditor th,
.jsoneditor-modal td,
.jsoneditor-modal th {
  padding: 0;
  display: table-cell;
  text-align: left;
  vertical-align: inherit;
  border-radius: inherit; }

.jsoneditor .autocomplete.dropdown {
  position: absolute;
  background: #ffffff;
  box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
  border: 1px solid #d3d3d3;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: default;
  margin: 0;
  padding: 5px;
  text-align: left;
  outline: 0;
  font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
  font-size: 10pt; }
  .jsoneditor .autocomplete.dropdown .item {
    color: #333; }
    .jsoneditor .autocomplete.dropdown .item.hover {
      background-color: #ddd; }

.jsoneditor .autocomplete.hint {
  color: #aaa;
  top: 4px;
  left: 4px; }

.jsoneditor-contextmenu-root {
  position: relative;
  width: 0;
  height: 0; }

.jsoneditor-contextmenu {
  position: absolute;
  box-sizing: content-box;
  z-index: 1; }
  .jsoneditor-contextmenu .jsoneditor-menu {
    position: relative;
    left: 0;
    top: 0;
    width: 128px;
    height: auto;
    background: #ffffff;
    border: 1px solid #d3d3d3;
    box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
    list-style: none;
    margin: 0;
    padding: 0; }
    .jsoneditor-contextmenu .jsoneditor-menu button {
      position: relative;
      padding: 0 4px 0 0;
      margin: 0;
      width: 128px;
      height: auto;
      border: none;
      cursor: pointer;
      color: #4d4d4d;
      background: transparent;
      font-size: 10pt;
      font-family: arial, sans-serif;
      box-sizing: border-box;
      text-align: left; }
      .jsoneditor-contextmenu .jsoneditor-menu button::-moz-focus-inner {
        padding: 0;
        border: 0; }
      .jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-default {
        width: 96px; }
      .jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-expand {
        float: right;
        width: 32px;
        height: 24px;
        border-left: 1px solid #e5e5e5; }
    .jsoneditor-contextmenu .jsoneditor-menu li {
      overflow: hidden; }
      .jsoneditor-contextmenu .jsoneditor-menu li ul {
        display: none;
        position: relative;
        left: -10px;
        top: 0;
        border: none;
        box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.5);
        padding: 0 10px;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }
        .jsoneditor-contextmenu .jsoneditor-menu li ul .jsoneditor-icon {
          margin-left: 24px; }
        .jsoneditor-contextmenu .jsoneditor-menu li ul li button {
          padding-left: 24px;
          animation: all ease-in-out 1s; }
      .jsoneditor-contextmenu .jsoneditor-menu li button .jsoneditor-expand {
        position: absolute;
        top: 0;
        right: 0;
        width: 24px;
        height: 24px;
        padding: 0;
        margin: 0 4px 0 0;
        background: url(/u6wfnhrmdg/jsoneditor-icons-dark.svg) 0 -72px; }
  .jsoneditor-contextmenu .jsoneditor-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    border: none;
    padding: 0;
    margin: 0;
    background-image: url(/u6wfnhrmdg/jsoneditor-icons-dark.svg); }
  .jsoneditor-contextmenu .jsoneditor-text {
    padding: 4px 0 4px 24px;
    word-wrap: break-word; }
    .jsoneditor-contextmenu .jsoneditor-text.jsoneditor-right-margin {
      padding-right: 24px; }
  .jsoneditor-contextmenu .jsoneditor-separator {
    height: 0;
    border-top: 1px solid #e5e5e5;
    padding-top: 5px;
    margin-top: 5px; }
  .jsoneditor-contextmenu button.jsoneditor-remove .jsoneditor-icon {
    background-position: -24px 0; }
  .jsoneditor-contextmenu button.jsoneditor-append .jsoneditor-icon {
    background-position: 0 0; }
  .jsoneditor-contextmenu button.jsoneditor-insert .jsoneditor-icon {
    background-position: 0 0; }
  .jsoneditor-contextmenu button.jsoneditor-duplicate .jsoneditor-icon {
    background-position: -48px 0; }
  .jsoneditor-contextmenu button.jsoneditor-sort-asc .jsoneditor-icon {
    background-position: -168px 0; }
  .jsoneditor-contextmenu button.jsoneditor-sort-desc .jsoneditor-icon {
    background-position: -192px 0; }
  .jsoneditor-contextmenu button.jsoneditor-transform .jsoneditor-icon {
    background-position: -216px 0; }
  .jsoneditor-contextmenu button.jsoneditor-extract .jsoneditor-icon {
    background-position: 0 -24px; }
  .jsoneditor-contextmenu button.jsoneditor-type-string .jsoneditor-icon {
    background-position: -144px 0; }
  .jsoneditor-contextmenu button.jsoneditor-type-auto .jsoneditor-icon {
    background-position: -120px 0; }
  .jsoneditor-contextmenu button.jsoneditor-type-object .jsoneditor-icon {
    background-position: -72px 0; }
  .jsoneditor-contextmenu button.jsoneditor-type-array .jsoneditor-icon {
    background-position: -96px 0; }
  .jsoneditor-contextmenu button.jsoneditor-type-modes .jsoneditor-icon {
    background-image: none;
    width: 6px; }

.jsoneditor-contextmenu ul,
.jsoneditor-contextmenu li {
  box-sizing: content-box;
  position: relative; }

.jsoneditor-contextmenu .jsoneditor-menu button:hover,
.jsoneditor-contextmenu .jsoneditor-menu button:focus {
  color: #1a1a1a;
  background-color: #f5f5f5;
  outline: none; }

.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected,
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:hover,
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:focus {
  color: #ffffff;
  background-color: #ee422e; }

.jsoneditor-contextmenu .jsoneditor-menu li ul li button:hover,
.jsoneditor-contextmenu .jsoneditor-menu li ul li button:focus {
  background-color: #f5f5f5; }

.jsoneditor-modal {
  max-width: 95%;
  border-radius: 2px !important;
  padding: 45px 15px 15px 15px !important;
  box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
  color: #4d4d4d;
  line-height: 1.3em; }
  .jsoneditor-modal.jsoneditor-modal-transform {
    width: 600px !important; }
  .jsoneditor-modal .pico-modal-header {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-family: arial, sans-serif;
    font-size: 11pt;
    background: #466289;
    color: #ffffff; }
  .jsoneditor-modal table {
    width: 100%; }
    .jsoneditor-modal table td {
      padding: 3px 0; }
      .jsoneditor-modal table td.jsoneditor-modal-input {
        text-align: right;
        padding-right: 0;
        white-space: nowrap; }
      .jsoneditor-modal table td.jsoneditor-modal-actions {
        padding-top: 15px; }
    .jsoneditor-modal table th {
      vertical-align: middle; }
  .jsoneditor-modal p:first-child {
    margin-top: 0; }
  .jsoneditor-modal a {
    color: #466289; }
  .jsoneditor-modal .jsoneditor-jmespath-block {
    margin-bottom: 10px; }
  .jsoneditor-modal .pico-close {
    background: none !important;
    font-size: 24px !important;
    top: 7px !important;
    right: 7px !important;
    color: #ffffff; }
  .jsoneditor-modal input {
    padding: 4px; }
  .jsoneditor-modal input[type="text"] {
    cursor: inherit; }
  .jsoneditor-modal input[disabled] {
    background: #d3d3d3;
    color: #808080; }
  .jsoneditor-modal .jsoneditor-select-wrapper {
    position: relative;
    display: inline-block; }
    .jsoneditor-modal .jsoneditor-select-wrapper:after {
      content: "";
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 6px solid #666;
      position: absolute;
      right: 8px;
      top: 14px;
      pointer-events: none; }
  .jsoneditor-modal select {
    padding: 3px 24px 3px 10px;
    min-width: 180px;
    max-width: 350px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0;
    text-overflow: "";
    font-size: 10pt;
    line-height: 1.5em; }
    .jsoneditor-modal select::-ms-expand {
      display: none; }
  .jsoneditor-modal .jsoneditor-button-group input {
    padding: 4px 10px;
    margin: 0;
    border-radius: 0;
    border-left-style: none; }
    .jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-first {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      border-left-style: solid; }
    .jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-last {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
  .jsoneditor-modal .jsoneditor-transform-preview {
    background: #f5f5f5;
    height: 200px; }
    .jsoneditor-modal .jsoneditor-transform-preview.jsoneditor-error {
      color: #ee422e; }
  .jsoneditor-modal .jsoneditor-jmespath-wizard {
    line-height: 1.2em;
    width: 100%;
    padding: 0;
    border-radius: 3px; }
  .jsoneditor-modal .jsoneditor-jmespath-label {
    font-weight: bold;
    color: dodgerblue;
    margin-top: 20px;
    margin-bottom: 5px; }
  .jsoneditor-modal .jsoneditor-jmespath-wizard-table {
    width: 100%;
    border-collapse: collapse; }
  .jsoneditor-modal .jsoneditor-jmespath-wizard-label {
    font-style: italic;
    margin: 4px 0 2px 0; }
  .jsoneditor-modal .jsoneditor-inline {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 2px;
    padding-bottom: 2px; }
    .jsoneditor-modal .jsoneditor-inline:not(:last-child) {
      padding-right: 2px; }
  .jsoneditor-modal .jsoneditor-jmespath-filter {
    display: flex;
    flex-wrap: wrap; }
  .jsoneditor-modal .jsoneditor-jmespath-filter-field {
    width: 180px; }
  .jsoneditor-modal .jsoneditor-jmespath-filter-relation {
    width: 100px; }
  .jsoneditor-modal .jsoneditor-jmespath-filter-value {
    min-width: 180px;
    flex: 1; }
  .jsoneditor-modal .jsoneditor-jmespath-sort-field {
    width: 170px; }
  .jsoneditor-modal .jsoneditor-jmespath-sort-order {
    width: 150px; }
  .jsoneditor-modal .jsoneditor-jmespath-select-fields {
    width: 100%; }
  .jsoneditor-modal .selectr-selected {
    border-color: #d3d3d3;
    padding: 4px 28px 4px 8px; }
    .jsoneditor-modal .selectr-selected .selectr-tag {
      background-color: #466289;
      border-radius: 5px; }

.jsoneditor-modal table th,
.jsoneditor-modal table td {
  text-align: left;
  vertical-align: middle;
  font-weight: normal;
  color: #4d4d4d;
  border-spacing: 0;
  border-collapse: collapse; }

.jsoneditor-modal select,
.jsoneditor-modal textarea,
.jsoneditor-modal input,
.jsoneditor-modal input[type="text"],
.jsoneditor-modal input[type="text"]:focus,
.jsoneditor-modal #query {
  background: #ffffff;
  border: 1px solid #d3d3d3;
  color: #4d4d4d;
  border-radius: 3px;
  padding: 4px; }

.jsoneditor-modal,
.jsoneditor-modal table td,
.jsoneditor-modal table th,
.jsoneditor-modal select,
.jsoneditor-modal option,
.jsoneditor-modal textarea,
.jsoneditor-modal input,
.jsoneditor-modal input[type="text"],
.jsoneditor-modal #query {
  font-size: 10.5pt;
  font-family: arial, sans-serif; }

.jsoneditor-modal #query,
.jsoneditor-modal .jsoneditor-transform-preview {
  font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
  font-size: 10pt;
  width: 100%;
  box-sizing: border-box; }

.jsoneditor-modal input[type="button"],
.jsoneditor-modal input[type="submit"] {
  background: #f5f5f5;
  padding: 4px 20px; }

.jsoneditor-modal select,
.jsoneditor-modal input {
  cursor: pointer; }

.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-asc input.jsoneditor-button-asc,
.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc {
  background: #466289;
  border-color: #466289;
  color: #ffffff; }

.jsoneditor {
  color: #1a1a1a;
  border: thin solid #466289;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0;
  line-height: 100%;
  min-height: 400px;
  display: table; }

div.jsoneditor-field,
div.jsoneditor-value,
div.jsoneditor-readonly,
div.jsoneditor-default {
  border: 1px solid transparent;
  min-height: 16px;
  min-width: 32px;
  padding: 2px;
  margin: 1px;
  word-wrap: break-word;
  float: left; }

div.jsoneditor-field p,
div.jsoneditor-value p {
  margin: 0; }

div.jsoneditor-value {
  word-break: break-word; }
  div.jsoneditor-value.jsoneditor-empty::after {
    content: "value"; }
  div.jsoneditor-value.jsoneditor-string {
    color: #006000; }
  div.jsoneditor-value.jsoneditor-number {
    color: #ee422e; }
  div.jsoneditor-value.jsoneditor-boolean {
    color: #ff8c00; }
  div.jsoneditor-value.jsoneditor-null {
    color: #004ed0; }
  div.jsoneditor-value.jsoneditor-invalid {
    color: #000000; }

div.jsoneditor-readonly {
  min-width: 16px;
  color: #808080; }

div.jsoneditor-empty {
  border-color: #d3d3d3;
  border-style: dashed;
  border-radius: 2px; }

div.jsoneditor-field.jsoneditor-empty::after {
  content: "field"; }

div.jsoneditor td {
  vertical-align: top; }
  div.jsoneditor td.jsoneditor-separator {
    padding: 3px 0;
    vertical-align: top;
    color: #808080; }
  div.jsoneditor td.jsoneditor-tree {
    vertical-align: top; }

div.jsoneditor.busy pre.jsoneditor-preview {
  background: #f5f5f5;
  color: #808080; }

div.jsoneditor.busy div.jsoneditor-busy {
  display: inherit; }

div.jsoneditor code.jsoneditor-preview {
  background: none; }

div.jsoneditor.jsoneditor-mode-preview pre.jsoneditor-preview {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
  padding: 2px;
  margin: 0;
  white-space: pre-wrap;
  word-break: break-all; }

div.jsoneditor-default {
  color: #808080;
  padding-left: 10px; }

div.jsoneditor-tree {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto; }
  div.jsoneditor-tree button.jsoneditor-button {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
    border: none;
    cursor: pointer;
    background: transparent url(/u6wfnhrmdg/jsoneditor-icons-dark.svg); }
    div.jsoneditor-tree button.jsoneditor-button:focus {
      background-color: #f5f5f5;
      outline: #e5e5e5 solid 1px; }
  div.jsoneditor-tree button.jsoneditor-collapsed {
    background-position: 0 -48px; }
  div.jsoneditor-tree button.jsoneditor-expanded {
    background-position: 0 -72px; }
  div.jsoneditor-tree button.jsoneditor-contextmenu-button {
    background-position: -48px -72px; }
  div.jsoneditor-tree button.jsoneditor-invisible {
    visibility: hidden;
    background: none; }
  div.jsoneditor-tree button.jsoneditor-dragarea {
    background: url(/u6wfnhrmdg/jsoneditor-icons-dark.svg) -72px -72px;
    cursor: move; }
  div.jsoneditor-tree *:focus {
    outline: none; }
  div.jsoneditor-tree div.jsoneditor-show-more {
    display: inline-block;
    padding: 3px 4px;
    margin: 2px 0;
    background-color: #e5e5e5;
    border-radius: 3px;
    color: #808080;
    font-family: arial, sans-serif;
    font-size: 10pt; }
    div.jsoneditor-tree div.jsoneditor-show-more a {
      display: inline-block;
      color: #808080; }
  div.jsoneditor-tree div.jsoneditor-color {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 4px;
    border: 1px solid #808080;
    cursor: pointer; }
  div.jsoneditor-tree div.jsoneditor-date {
    background: #a1a1a1;
    color: #ffffff;
    font-family: arial, sans-serif;
    border-radius: 3px;
    display: inline-block;
    padding: 3px;
    margin: 0 3px; }
  div.jsoneditor-tree table.jsoneditor-tree {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%; }
  div.jsoneditor-tree .jsoneditor-button.jsoneditor-schema-error {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 4px 0 0;
    background: url(/u6wfnhrmdg/jsoneditor-icons-dark.svg) -168px -48px; }

div.jsoneditor-outer {
  position: static;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 400px; }
  div.jsoneditor-outer.has-nav-bar {
    margin-top: -26px;
    padding-top: 26px; }
    div.jsoneditor-outer.has-nav-bar.has-main-menu-bar {
      margin-top: -61px;
      padding-top: 61px;
      display: inline-table; }
  div.jsoneditor-outer.has-status-bar {
    margin-bottom: -26px;
    padding-bottom: 26px; }
  div.jsoneditor-outer.has-main-menu-bar {
    margin-top: -35px;
    padding-top: 35px;
    height: 100%;
    display: inline-table; }

div.jsoneditor-busy {
  position: absolute;
  top: 15%;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  display: none; }
  div.jsoneditor-busy span {
    background-color: #ffffab;
    border: 1px solid #ffee00;
    border-radius: 3px;
    padding: 5px 15px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }

div.jsoneditor-field.jsoneditor-empty::after,
div.jsoneditor-value.jsoneditor-empty::after {
  pointer-events: none;
  color: #d3d3d3;
  font-size: 8pt; }

div.jsoneditor-value.jsoneditor-url,
a.jsoneditor-value.jsoneditor-url {
  color: #006000;
  text-decoration: underline; }

a.jsoneditor-value.jsoneditor-url {
  display: inline-block;
  padding: 2px;
  margin: 2px; }

a.jsoneditor-value.jsoneditor-url:hover,
a.jsoneditor-value.jsoneditor-url:focus {
  color: #ee422e; }

div.jsoneditor-field[contenteditable="true"]:focus,
div.jsoneditor-field[contenteditable="true"]:hover,
div.jsoneditor-value[contenteditable="true"]:focus,
div.jsoneditor-value[contenteditable="true"]:hover,
div.jsoneditor-field.jsoneditor-highlight,
div.jsoneditor-value.jsoneditor-highlight {
  background-color: #ffffab;
  border: 1px solid #ffee00;
  border-radius: 2px; }

div.jsoneditor-field.jsoneditor-highlight-active,
div.jsoneditor-field.jsoneditor-highlight-active:focus,
div.jsoneditor-field.jsoneditor-highlight-active:hover,
div.jsoneditor-value.jsoneditor-highlight-active,
div.jsoneditor-value.jsoneditor-highlight-active:focus,
div.jsoneditor-value.jsoneditor-highlight-active:hover {
  background-color: #ffee00;
  border: 1px solid #ffc700;
  border-radius: 2px; }

div.jsoneditor-value.jsoneditor-object,
div.jsoneditor-value.jsoneditor-array {
  min-width: 16px; }

div.jsoneditor-tree button.jsoneditor-contextmenu-button:hover,
div.jsoneditor-tree button.jsoneditor-contextmenu-button:focus,
div.jsoneditor-tree button.jsoneditor-contextmenu-button.jsoneditor-selected,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button {
  background-position: -48px -48px; }

div.jsoneditor-tree div.jsoneditor-show-more a:hover,
div.jsoneditor-tree div.jsoneditor-show-more a:focus {
  color: #ee422e; }

textarea.jsoneditor-text,
.ace-jsoneditor {
  min-height: 200px;
  height: 100% !important; }
  textarea.jsoneditor-text *,
  .ace-jsoneditor * {
    font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif; }

textarea.jsoneditor-text {
  width: 100%;
  height: 100%;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline-width: 0;
  border: none;
  background-color: #ffffff;
  resize: none; }

tr.jsoneditor-highlight,
tr.jsoneditor-selected {
  background-color: #d3d3d3; }

tr.jsoneditor-selected button.jsoneditor-dragarea,
tr.jsoneditor-selected button.jsoneditor-contextmenu-button {
  visibility: hidden; }

tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu-button {
  visibility: visible; }

div.jsoneditor-tree button.jsoneditor-dragarea:hover,
div.jsoneditor-tree button.jsoneditor-dragarea:focus,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
  background-position: -72px -48px; }

div.jsoneditor tr,
div.jsoneditor th,
div.jsoneditor td {
  padding: 0;
  margin: 0; }

div.jsoneditor-field,
div.jsoneditor-value,
div.jsoneditor td,
div.jsoneditor th,
div.jsoneditor textarea,
pre.jsoneditor-preview,
.jsoneditor-schema-error,
.jsoneditor-popover {
  font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
  font-size: 10pt;
  color: #1a1a1a; }

.jsoneditor-schema-error {
  cursor: default;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  position: relative;
  text-align: center;
  width: 24px; }

.jsoneditor-popover {
  background-color: #4c4c4c;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  color: #ffffff;
  padding: 7px 10px;
  position: absolute;
  cursor: auto;
  width: 200px; }
  .jsoneditor-popover.jsoneditor-above {
    bottom: 32px;
    left: -98px; }
    .jsoneditor-popover.jsoneditor-above:before {
      border-top: 7px solid #4c4c4c;
      bottom: -7px; }
  .jsoneditor-popover.jsoneditor-below {
    top: 32px;
    left: -98px; }
    .jsoneditor-popover.jsoneditor-below:before {
      border-bottom: 7px solid #4c4c4c;
      top: -7px; }
  .jsoneditor-popover.jsoneditor-left {
    top: -7px;
    right: 32px; }
    .jsoneditor-popover.jsoneditor-left:before {
      border-left: 7px solid #4c4c4c;
      border-top: 7px solid transparent;
      border-bottom: 7px solid transparent;
      content: "";
      top: 19px;
      right: -14px;
      left: inherit;
      margin-left: inherit;
      margin-top: -7px;
      position: absolute; }
  .jsoneditor-popover.jsoneditor-right {
    top: -7px;
    left: 32px; }
    .jsoneditor-popover.jsoneditor-right:before {
      border-right: 7px solid #4c4c4c;
      border-top: 7px solid transparent;
      border-bottom: 7px solid transparent;
      content: "";
      top: 19px;
      left: -14px;
      margin-left: inherit;
      margin-top: -7px;
      position: absolute; }
  .jsoneditor-popover:before {
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    content: "";
    display: block;
    left: 50%;
    margin-left: -7px;
    position: absolute; }

.jsoneditor-text-errors tr.jump-to-line:hover {
  text-decoration: underline;
  cursor: pointer; }

.jsoneditor-schema-error:hover .jsoneditor-popover,
.jsoneditor-schema-error:focus .jsoneditor-popover {
  display: block;
  animation: fade-in 0.3s linear 1, move-up 0.3s linear 1; }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* JSON schema errors displayed at the bottom of the editor in mode text and code */
.jsoneditor .jsoneditor-validation-errors-container {
  max-height: 130px;
  overflow-y: auto; }

.jsoneditor .jsoneditor-validation-errors {
  width: 100%;
  overflow: hidden; }

.jsoneditor .jsoneditor-additional-errors {
  position: absolute;
  margin: auto;
  bottom: 31px;
  left: calc(50% - 92px);
  color: #808080;
  background-color: #ebebeb;
  padding: 7px 15px;
  border-radius: 8px; }
  .jsoneditor .jsoneditor-additional-errors.visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 2s linear; }
  .jsoneditor .jsoneditor-additional-errors.hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 2s, opacity 2s linear; }

.jsoneditor .jsoneditor-text-errors {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #ffc700; }
  .jsoneditor .jsoneditor-text-errors td {
    padding: 3px 6px;
    vertical-align: middle; }
    .jsoneditor .jsoneditor-text-errors td pre {
      margin: 0;
      white-space: normal; }
  .jsoneditor .jsoneditor-text-errors tr {
    background-color: #ffffab; }
    .jsoneditor .jsoneditor-text-errors tr.parse-error {
      background-color: #ee2e2e70; }

.jsoneditor-text-errors .jsoneditor-schema-error {
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0 4px 0 0;
  cursor: pointer; }

.jsoneditor-text-errors tr .jsoneditor-schema-error {
  background: url(/u6wfnhrmdg/jsoneditor-icons-dark.svg) -168px -48px; }

.jsoneditor-text-errors tr.parse-error .jsoneditor-schema-error {
  background: url(/u6wfnhrmdg/jsoneditor-icons-dark.svg) -25px 0px; }

.jsoneditor-anchor {
  cursor: pointer; }
  .jsoneditor-anchor .picker_wrapper.popup.popup_bottom {
    top: 28px;
    left: -10px; }

.fadein {
  -webkit-animation: fadein 0.3s;
  animation: fadein 0.3s;
  -moz-animation: fadein 0.3s;
  -o-animation: fadein 0.3s; }

@keyframes fadein {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.jsoneditor-modal input[type="search"].selectr-input {
  border: 1px solid #d3d3d3;
  width: calc(100% - 4px);
  margin: 2px;
  padding: 4px;
  box-sizing: border-box; }

.jsoneditor-modal button.selectr-input-clear {
  right: 8px; }

.jsoneditor-menu {
  width: 100%;
  height: 35px;
  padding: 2px;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  background-color: #466289;
  border-bottom: 1px solid #466289; }

.jsoneditor-menu > button,
.jsoneditor-menu > .jsoneditor-modes > button {
  width: 26px;
  height: 26px;
  margin: 2px;
  padding: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  background: transparent url(/u6wfnhrmdg/jsoneditor-icons-dark.svg);
  color: #fff;
  opacity: 0.8;
  font-family: arial, sans-serif;
  font-size: 10pt;
  float: left; }

.jsoneditor-menu > button:hover,
.jsoneditor-menu > .jsoneditor-modes > button:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.4); }

.jsoneditor-menu > button:focus,
.jsoneditor-menu > button:active,
.jsoneditor-menu > .jsoneditor-modes > button:focus,
.jsoneditor-menu > .jsoneditor-modes > button:active {
  background-color: rgba(255, 255, 255, 0.3); }

.jsoneditor-menu > button:disabled,
.jsoneditor-menu > .jsoneditor-modes > button:disabled {
  opacity: 0.5;
  background-color: transparent;
  border: none; }

.jsoneditor-menu > button.jsoneditor-collapse-all {
  background-position: 0 -96px; }

.jsoneditor-menu > button.jsoneditor-expand-all {
  background-position: 0 -120px; }

.jsoneditor-menu > button.jsoneditor-sort {
  background-position: -120px -96px; }

.jsoneditor-menu > button.jsoneditor-transform {
  background-position: -144px -96px; }

.jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-sort,
.jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-sort,
.jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-transform,
.jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-transform {
  display: none; }

.jsoneditor-menu > button.jsoneditor-undo {
  background-position: -24px -96px; }

.jsoneditor-menu > button.jsoneditor-undo:disabled {
  background-position: -24px -120px; }

.jsoneditor-menu > button.jsoneditor-redo {
  background-position: -48px -96px; }

.jsoneditor-menu > button.jsoneditor-redo:disabled {
  background-position: -48px -120px; }

.jsoneditor-menu > button.jsoneditor-compact {
  background-position: -72px -96px; }

.jsoneditor-menu > button.jsoneditor-format {
  background-position: -72px -120px; }

.jsoneditor-menu > button.jsoneditor-repair {
  background-position: -96px -96px; }

.jsoneditor-menu > .jsoneditor-modes {
  display: inline-block;
  float: left; }

.jsoneditor-menu > .jsoneditor-modes > button {
  background-image: none;
  width: auto;
  padding-left: 6px;
  padding-right: 6px; }

.jsoneditor-menu > button.jsoneditor-separator,
.jsoneditor-menu > .jsoneditor-modes > button.jsoneditor-separator {
  margin-left: 10px; }

.jsoneditor-menu a {
  font-family: arial, sans-serif;
  font-size: 10pt;
  color: #ffffff;
  opacity: 0.8;
  vertical-align: middle; }

.jsoneditor-menu a:hover {
  opacity: 1; }

.jsoneditor-menu a.jsoneditor-poweredBy {
  font-size: 8pt;
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
  color: #466289; }

.jsoneditor-navigation-bar {
  width: 100%;
  height: 26px;
  line-height: 26px;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #d3d3d3;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #808080;
  background-color: #ebebeb;
  overflow: hidden;
  font-family: arial, sans-serif;
  font-size: 10pt; }

.jsoneditor-search {
  font-family: arial, sans-serif;
  position: absolute;
  right: 4px;
  top: 4px;
  border-collapse: collapse;
  border-spacing: 0;
  display: flex; }
  .jsoneditor-search input {
    color: #1a1a1a;
    width: 120px;
    border: none;
    outline: none;
    margin: 1px;
    line-height: 20px;
    font-family: arial, sans-serif; }
  .jsoneditor-search button {
    width: 16px;
    height: 24px;
    padding: 0;
    margin: 0;
    border: none;
    background: url(/u6wfnhrmdg/jsoneditor-icons-dark.svg);
    vertical-align: top; }
    .jsoneditor-search button:hover {
      background-color: transparent; }
    .jsoneditor-search button.jsoneditor-refresh {
      width: 18px;
      background-position: -99px -73px; }
    .jsoneditor-search button.jsoneditor-next {
      cursor: pointer;
      background-position: -124px -73px; }
      .jsoneditor-search button.jsoneditor-next:hover {
        background-position: -124px -49px; }
    .jsoneditor-search button.jsoneditor-previous {
      cursor: pointer;
      background-position: -148px -73px;
      margin-right: 2px; }
      .jsoneditor-search button.jsoneditor-previous:hover {
        background-position: -148px -49px; }

.jsoneditor-results {
  font-family: arial, sans-serif;
  color: #ffffff;
  padding-right: 5px;
  line-height: 26px; }

.jsoneditor-frame {
  border: 1px solid transparent;
  background-color: #ffffff;
  padding: 0 2px;
  margin: 0; }

.jsoneditor-statusbar {
  line-height: 26px;
  height: 26px;
  color: #808080;
  background-color: #ebebeb;
  border-top: 1px solid #d3d3d3;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 10pt; }
  .jsoneditor-statusbar > .jsoneditor-curserinfo-val {
    margin-right: 12px; }
  .jsoneditor-statusbar > .jsoneditor-curserinfo-count {
    margin-left: 4px; }
  .jsoneditor-statusbar > .jsoneditor-validation-error-icon {
    float: right;
    width: 24px;
    height: 24px;
    padding: 0;
    margin-top: 1px;
    background: url(/u6wfnhrmdg/jsoneditor-icons-dark.svg) -168px -48px;
    cursor: pointer; }
  .jsoneditor-statusbar > .jsoneditor-validation-error-count {
    float: right;
    margin: 0 4px 0 0;
    cursor: pointer; }
  .jsoneditor-statusbar > .jsoneditor-parse-error-icon {
    float: right;
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 1px;
    background: url(/u6wfnhrmdg/jsoneditor-icons-dark.svg) -25px 0px; }
  .jsoneditor-statusbar .jsoneditor-array-info a {
    color: inherit; }

div.jsoneditor-statusbar > .jsoneditor-curserinfo-label,
div.jsoneditor-statusbar > .jsoneditor-size-info {
  margin: 0 4px; }

.jsoneditor-treepath {
  padding: 0 5px;
  overflow: hidden;
  white-space: nowrap;
  outline: none; }
  .jsoneditor-treepath.show-all {
    word-wrap: break-word;
    white-space: normal;
    position: absolute;
    background-color: #ebebeb;
    z-index: 1;
    box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3); }
    .jsoneditor-treepath.show-all span.jsoneditor-treepath-show-all-btn {
      display: none; }
  .jsoneditor-treepath div.jsoneditor-contextmenu-root {
    position: absolute;
    left: 0; }
  .jsoneditor-treepath .jsoneditor-treepath-show-all-btn {
    position: absolute;
    background-color: #ebebeb;
    left: 0;
    height: 20px;
    padding: 0 3px;
    cursor: pointer; }
  .jsoneditor-treepath .jsoneditor-treepath-element {
    margin: 1px;
    font-family: arial, sans-serif;
    font-size: 10pt; }
  .jsoneditor-treepath .jsoneditor-treepath-seperator {
    margin: 2px;
    font-size: 9pt;
    font-family: arial, sans-serif; }

.jsoneditor-treepath span.jsoneditor-treepath-element:hover,
.jsoneditor-treepath span.jsoneditor-treepath-seperator:hover {
  cursor: pointer;
  text-decoration: underline; }

/*!
 * Selectr 2.4.0
 * https://github.com/Mobius1/Selectr
 *
 * Released under the MIT license
 */
.selectr-container {
  position: relative; }

.selectr-container li {
  list-style: none; }

.selectr-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0px, 0px, 0px, 0px);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0 none; }

.selectr-visible {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 11; }

.selectr-desktop.multiple .selectr-visible {
  display: none; }

.selectr-desktop.multiple.native-open .selectr-visible {
  top: 100%;
  min-height: 200px !important;
  height: auto;
  opacity: 1;
  display: block; }

.selectr-container.multiple.selectr-mobile .selectr-selected {
  z-index: 0; }

.selectr-selected {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  padding: 7px 28px 7px 14px;
  cursor: pointer;
  border: 1px solid #999999;
  border-radius: 3px;
  background-color: #ffffff; }

.selectr-selected::before {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  content: '';
  -o-transform: rotate(0deg) translate3d(0px, -50%, 0px);
  -ms-transform: rotate(0deg) translate3d(0px, -50%, 0px);
  -moz-transform: rotate(0deg) translate3d(0px, -50%, 0px);
  -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
  transform: rotate(0deg) translate3d(0px, -50%, 0px);
  border-width: 4px 4px 0 4px;
  border-style: solid;
  border-color: #6c7a86 transparent transparent; }

.selectr-container.open .selectr-selected::before,
.selectr-container.native-open .selectr-selected::before {
  border-width: 0 4px 4px 4px;
  border-style: solid;
  border-color: transparent transparent #6c7a86; }

.selectr-label {
  display: none;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis; }

.selectr-placeholder {
  color: #6c7a86; }

.selectr-tags {
  margin: 0;
  padding: 0;
  white-space: normal; }

.has-selected .selectr-tags {
  margin: 0 0 -2px; }

.selectr-tag {
  list-style: none;
  position: relative;
  float: left;
  padding: 2px 25px 2px 8px;
  margin: 0 2px 2px 0;
  cursor: default;
  color: #ffffff;
  border: medium none;
  border-radius: 10px;
  background: #acb7bf none repeat scroll 0 0; }

.selectr-container.multiple.has-selected .selectr-selected {
  padding: 5px 28px 5px 5px; }

.selectr-options-container {
  position: absolute;
  z-index: 10000;
  top: calc(100% - 1px);
  left: 0;
  display: none;
  box-sizing: border-box;
  width: 100%;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: transparent #999999 #999999;
  border-radius: 0 0 3px 3px;
  background-color: #ffffff; }

.selectr-container.open .selectr-options-container {
  display: block; }

.selectr-input-container {
  position: relative;
  display: none; }

.selectr-clear,
.selectr-input-clear,
.selectr-tag-remove {
  position: absolute;
  top: 50%;
  right: 22px;
  width: 20px;
  height: 20px;
  padding: 0;
  cursor: pointer;
  -o-transform: translate3d(0px, -50%, 0px);
  -ms-transform: translate3d(0px, -50%, 0px);
  -moz-transform: translate3d(0px, -50%, 0px);
  -webkit-transform: translate3d(0px, -50%, 0px);
  transform: translate3d(0px, -50%, 0px);
  border: medium none;
  background-color: transparent;
  z-index: 11; }

.selectr-clear,
.selectr-input-clear {
  display: none; }

.selectr-container.has-selected .selectr-clear,
.selectr-input-container.active .selectr-input-clear {
  display: block; }

.selectr-selected .selectr-tag-remove {
  right: 2px; }

.selectr-clear::before,
.selectr-clear::after,
.selectr-input-clear::before,
.selectr-input-clear::after,
.selectr-tag-remove::before,
.selectr-tag-remove::after {
  position: absolute;
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
  content: ' ';
  background-color: #6c7a86; }

.selectr-tag-remove::before,
.selectr-tag-remove::after {
  top: 4px;
  width: 3px;
  height: 12px;
  background-color: #ffffff; }

.selectr-clear:before,
.selectr-input-clear::before,
.selectr-tag-remove::before {
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.selectr-clear:after,
.selectr-input-clear::after,
.selectr-tag-remove::after {
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.selectr-input-container.active,
.selectr-input-container.active .selectr-clear {
  display: block; }

.selectr-input {
  top: 5px;
  left: 5px;
  box-sizing: border-box;
  width: calc(100% - 30px);
  margin: 10px 15px;
  padding: 7px 30px 7px 9px;
  border: 1px solid #999999;
  border-radius: 3px; }

.selectr-notice {
  display: none;
  box-sizing: border-box;
  width: 100%;
  padding: 8px 16px;
  border-top: 1px solid #999999;
  border-radius: 0 0 3px 3px;
  background-color: #ffffff; }

.selectr-container.notice .selectr-notice {
  display: block; }

.selectr-container.notice .selectr-selected {
  border-radius: 3px 3px 0 0; }

.selectr-options {
  position: relative;
  top: calc(100% + 2px);
  display: none;
  overflow-x: auto;
  overflow-y: scroll;
  max-height: 200px;
  margin: 0;
  padding: 0; }

.selectr-container.open .selectr-options,
.selectr-container.open .selectr-input-container,
.selectr-container.notice .selectr-options-container {
  display: block; }

.selectr-option {
  position: relative;
  display: block;
  padding: 5px 20px;
  list-style: outside none none;
  cursor: pointer;
  font-weight: normal; }

.selectr-options.optgroups > .selectr-option {
  padding-left: 25px; }

.selectr-optgroup {
  font-weight: bold;
  padding: 0; }

.selectr-optgroup--label {
  font-weight: bold;
  margin-top: 10px;
  padding: 5px 15px; }

.selectr-match {
  text-decoration: underline; }

.selectr-option.selected {
  background-color: #ddd; }

.selectr-option.active {
  color: #ffffff;
  background-color: #5897fb; }

.selectr-option.disabled {
  opacity: 0.4; }

.selectr-option.excluded {
  display: none; }

.selectr-container.open .selectr-selected {
  border-color: #999999 #999999 transparent #999999;
  border-radius: 3px 3px 0 0; }

.selectr-container.open .selectr-selected::after {
  -o-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -ms-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -moz-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  -webkit-transform: rotate(180deg) translate3d(0px, 50%, 0px);
  transform: rotate(180deg) translate3d(0px, 50%, 0px); }

.selectr-disabled {
  opacity: .6; }

.selectr-empty,
.has-selected .selectr-placeholder {
  display: none; }

.has-selected .selectr-label {
  display: block; }

/* TAGGABLE */
.taggable .selectr-selected {
  padding: 4px 28px 4px 4px; }

.taggable .selectr-selected::after {
  display: table;
  content: " ";
  clear: both; }

.taggable .selectr-label {
  width: auto; }

.taggable .selectr-tags {
  float: left;
  display: block; }

.taggable .selectr-placeholder {
  display: none; }

.input-tag {
  float: left;
  min-width: 90px;
  width: auto; }

.selectr-tag-input {
  border: medium none;
  padding: 3px 10px;
  width: 100%;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit; }

.selectr-input-container.loading::after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 20px;
  height: 20px;
  content: '';
  -o-transform: translate3d(0px, -50%, 0px);
  -ms-transform: translate3d(0px, -50%, 0px);
  -moz-transform: translate3d(0px, -50%, 0px);
  -webkit-transform: translate3d(0px, -50%, 0px);
  transform: translate3d(0px, -50%, 0px);
  -o-transform-origin: 50% 0 0;
  -ms-transform-origin: 50% 0 0;
  -moz-transform-origin: 50% 0 0;
  -webkit-transform-origin: 50% 0 0;
  transform-origin: 50% 0 0;
  -moz-animation: 500ms linear 0s normal forwards infinite running spin;
  -webkit-animation: 500ms linear 0s normal forwards infinite running spin;
  animation: 500ms linear 0s normal forwards infinite running spin;
  border-width: 3px;
  border-style: solid;
  border-color: #aaa #ddd #ddd;
  border-radius: 50%; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
    transform: rotate(0deg) translate3d(0px, -50%, 0px); }
  100% {
    -webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);
    transform: rotate(360deg) translate3d(0px, -50%, 0px); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);
    transform: rotate(0deg) translate3d(0px, -50%, 0px); }
  100% {
    -webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);
    transform: rotate(360deg) translate3d(0px, -50%, 0px); } }

.selectr-container.open.inverted .selectr-selected {
  border-color: transparent #999999 #999999;
  border-radius: 0 0 3px 3px; }

.selectr-container.inverted .selectr-options-container {
  border-width: 1px 1px 0;
  border-color: #999999 #999999 transparent;
  border-radius: 3px 3px 0 0;
  background-color: #ffffff; }

.selectr-container.inverted .selectr-options-container {
  top: auto;
  bottom: calc(100% - 1px); }

.selectr-container ::-webkit-input-placeholder {
  color: #6c7a86;
  opacity: 1; }

.selectr-container ::-moz-placeholder {
  color: #6c7a86;
  opacity: 1; }

.selectr-container :-ms-input-placeholder {
  color: #6c7a86;
  opacity: 1; }

.selectr-container ::placeholder {
  color: #6c7a86;
  opacity: 1; }

body {
  font-family: "Poppins", "Open Sans", Helvetica, Arial, sans-serif; }

a,
a:visited,
a.hover,
a:active {
  color: #0069FE; }

a.back {
  text-decoration: none; }

.btn.disabled {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  /* opacity: .65; */
  color: #AFAFAF;
  background-color: #EFEFEF; }

.copy-id.btn-primary.active, .copy-id.btn-primary:active, .copy-id .open > .dropdown-toggle.btn-primary {
  background-color: #7dde8a !important; }

span.fas.fa-check-square.medium {
  color: lightgray; }

.react-checkbox-tree {
  display: flex;
  flex-direction: row-reverse;
  font-size: 16px; }
  .react-checkbox-tree > ol {
    flex: 1 1 auto; }
  .react-checkbox-tree ol {
    margin: 0;
    padding-left: 0;
    list-style-type: none; }
    .react-checkbox-tree ol ol {
      padding-left: 24px; }
  .react-checkbox-tree button {
    line-height: normal;
    color: inherit; }
    .react-checkbox-tree button:focus {
      outline: none; }
    .react-checkbox-tree button:disabled {
      cursor: not-allowed; }
  .react-checkbox-tree .rct-bare-label {
    cursor: default; }
  .react-checkbox-tree label {
    margin-bottom: 0;
    cursor: pointer;
    font-weight: unset; }
    .react-checkbox-tree label:hover {
      background: rgba(51, 51, 204, 0.1); }
    .react-checkbox-tree label:active {
      background: rgba(51, 51, 204, 0.15); }
  .react-checkbox-tree:not(.rct-native-display) input {
    display: none; }
  .react-checkbox-tree.rct-native-display input {
    margin: 0 5px; }
  .react-checkbox-tree .rct-icon {
    display: inline-block;
    text-align: center;
    text-rendering: auto;
    font-family: "Font Awesome 5 Free", "FontAwesome", sans-serif;
    font-weight: normal;
    font-style: normal;
    font-variant: normal; }

.rct-disabled > .rct-text > label {
  opacity: .75;
  cursor: not-allowed; }
  .rct-disabled > .rct-text > label:hover {
    background: transparent; }
  .rct-disabled > .rct-text > label:active {
    background: transparent; }

.rct-text {
  display: flex;
  align-items: center; }

.rct-options {
  flex: 0 0 auto;
  margin-left: .5rem;
  text-align: right; }

.rct-option {
  opacity: .75;
  border: 0;
  background: none;
  cursor: pointer;
  padding: 0 4px;
  font-size: 18px; }
  .rct-option:hover {
    opacity: 1; }
  .rct-option + .rct-option {
    margin-left: 2px; }

.rct-collapse,
.rct-checkbox,
.rct-node-icon {
  padding: 0 5px; }
  .rct-collapse *,
  .rct-checkbox *,
  .rct-node-icon * {
    display: inline-block;
    margin: 0;
    width: 14px; }

.rct-collapse {
  border: 0;
  background: none;
  line-height: normal;
  color: inherit;
  font-size: 12px; }
  .rct-collapse.rct-collapse-btn {
    cursor: pointer; }
  .rct-collapse > .rct-icon-expand-close {
    opacity: .5; }
    .rct-collapse > .rct-icon-expand-close:hover {
      opacity: 1; }

.rct-native-display .rct-checkbox {
  display: none; }

.rct-node-clickable {
  cursor: pointer; }
  .rct-node-clickable:hover {
    background: rgba(51, 51, 204, 0.1); }
  .rct-node-clickable:focus {
    outline: 0;
    background: rgba(51, 51, 204, 0.2); }

.rct-node-icon {
  color: #33c; }

.rct-title {
  padding: 0 5px; }

.rct-icons-fa4 .rct-icon-expand-close::before {
  content: "\f054"; }

.rct-icons-fa4 .rct-icon-expand-open::before {
  content: "\f078"; }

.rct-icons-fa4 .rct-icon-uncheck::before {
  content: "\f096"; }

.rct-icons-fa4 .rct-icon-check::before {
  content: "\f046"; }

.rct-icons-fa4 .rct-icon-half-check::before {
  opacity: .5;
  content: "\f046"; }

.rct-icons-fa4 .rct-icon-leaf::before {
  content: "\f016"; }

.rct-icons-fa4 .rct-icon-parent-open::before {
  content: "\f115"; }

.rct-icons-fa4 .rct-icon-parent-close::before {
  content: "\f114"; }

.rct-icons-fa4 .rct-icon-expand-all::before {
  content: "\f0fe"; }

.rct-icons-fa4 .rct-icon-collapse-all::before {
  content: "\f146"; }

.rct-icons-fa5 .rct-icon-expand-close::before {
  font-weight: 900;
  content: "\f054"; }

.rct-icons-fa5 .rct-icon-expand-open::before {
  font-weight: 900;
  content: "\f078"; }

.rct-icons-fa5 .rct-icon-uncheck::before {
  content: "\f0c8"; }

.rct-icons-fa5 .rct-icon-check::before {
  content: "\f14a"; }

.rct-icons-fa5 .rct-icon-half-check::before {
  opacity: .5;
  content: "\f14a"; }

.rct-icons-fa5 .rct-icon-leaf::before {
  content: "\f15b"; }

.rct-icons-fa5 .rct-icon-parent-open::before {
  content: "\f07c"; }

.rct-icons-fa5 .rct-icon-parent-close::before {
  content: "\f07b"; }

.rct-icons-fa5 .rct-icon-expand-all::before {
  content: "\f0fe"; }

.rct-icons-fa5 .rct-icon-collapse-all::before {
  content: "\f146"; }

body {
  overflow: hidden; }

.error404-page {
  width: 50%;
  margin: auto; }

.nav-bar-top {
  background-color: #24262C;
  box-shadow: none;
  z-index: 3; }

.loader {
  display: inline-block;
  vertical-align: middle; }
  .loader .glyphicon {
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    line-height: 0; }
  .loader.fixed {
    position: fixed;
    display: block;
    top: 50%;
    left: 54%; }
    .loader.fixed .glyphicon {
      font-size: 25px; }
  .loader.absolute {
    position: absolute;
    right: 15px;
    top: 33px;
    z-index: 1; }
  .loader.relative {
    position: absolute;
    left: 48%;
    top: 48%; }
    .loader.relative .glyphicon {
      font-size: 25px; }
  .loader.mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    background-color: #fff;
    z-index: 10; }
    .loader.mask.partial {
      opacity: 0.7; }
    .loader.mask .glyphicon {
      position: absolute;
      top: 45%;
      z-index: 13;
      font-size: 25px; }

#app > .loader.fixed {
  left: 50%; }

.no-margin {
  margin: 0; }

.glyphicon {
  margin-right: 7px; }

a.active {
  color: green; }

button {
  white-space: normal; }

dl {
  margin-bottom: 0; }
  dl dd, dl dt {
    display: inline-block;
    padding-right: 10px; }

.checkbox {
  margin: 0; }
  .checkbox label {
    min-height: 15px; }

.full-height {
  height: 100%; }

label {
  text-transform: capitalize; }
  label.checkbox-inline {
    text-transform: none; }

.rich-text-wrapper,
.html-editor {
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 20px; }

.rich-text-main .rich-text-toolbar {
  border-top: none; }

.rich-text-editor.rdw-editor-main {
  min-height: 300px;
  max-height: 600px;
  padding: 0 20px; }
  .rich-text-editor.rdw-editor-main .public-DraftStyleDefault-block {
    margin: 0; }

#html-editor {
  margin-right: 2px;
  border-top-right-radius: 0;
  min-height: 355px;
  padding: 10px 0; }

.content-sidebar {
  padding: 0 10px;
  border-radius: 4px; }

.collapsible-container {
  margin-bottom: 25px;
  background-color: #F9F9F9;
  color: #24262C;
  border: 1px solid #fbf1ea;
  border-radius: 4px;
  box-shadow: 2px 2px 5px #ddd; }
  .collapsible-container .collapsible-header {
    padding: 0 15px;
    overflow: auto;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #e3edff;
    color: #24262C;
    border-bottom: 1px solid #eee; }
    .collapsible-container .collapsible-header h4 {
      text-transform: capitalize;
      text-align: center;
      display: inline-block;
      font-size: 14px; }
    .collapsible-container .collapsible-header span.arrow .glyphicon {
      float: right;
      padding-top: 10px;
      cursor: pointer; }
  .collapsible-container .collapsible-content {
    padding: 20px;
    position: relative; }

.modal-dialog .modal-title .glyphicon {
  color: #aaa;
  float: right; }

.success {
  color: #589cfc; }

.refresh-token-error {
  position: fixed;
  bottom: 0;
  right: 5px;
  background-color: yellow;
  padding: 5px; }

.paginate {
  white-space: nowrap;
  text-align: right; }
  .paginate button, .paginate input {
    display: inline-block; }
  .paginate .paginate-tool {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 6px;
    margin: 0 5px;
    background-color: #f7f7f7; }
    .paginate .paginate-tool .glyphicon {
      margin: 0 10px;
      cursor: pointer; }
      .paginate .paginate-tool .glyphicon.disabled {
        color: #ccc; }
    .paginate .paginate-tool [name="paginate"] {
      text-align: center;
      width: 40px;
      padding: 4px;
      border-top: none;
      border-bottom: none;
      border-left: 1px solid #ddd;
      border-right: 1px solid #ddd;
      background-color: #fff; }
    .paginate .paginate-tool .total-count {
      border-right: 1px solid #ddd;
      padding: 6px;
      background-color: #ddd; }
  @media (max-width: 767px) {
    .paginate {
      margin-bottom: 15px; } }

header {
  background-color: #466289;
  box-shadow: 0 0 10px 0px #101010; }

body {
  font-family: "Poppins", "Open Sans", Helvetica, Arial, sans-serif; }

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #466289; }
  footer .newsletter-signup input[type="email"] {
    border: 1px solid; }

.modal-footer .btn-danger {
  color: #fff !important;
  background-color: #f2605c !important;
  border-color: #f2605c; }

.msg-container {
  position: fixed;
  top: 70px;
  left: 50%;
  z-index: 20;
  transform: translateX(-50%);
  border-radius: 10px;
  box-shadow: 5px 5px 10px #ccc;
  -webkit-animation: show 0.5s ease-out;
  -moz-animation: show 0.5s ease-out;
  -o-animation: show 0.5s ease-out;
  animation: show 0.5s ease-out; }
  .msg-container.dismiss {
    -webkit-animation: hide 0.5s ease-out;
    -moz-animation: hide 0.5s ease-out;
    -o-animation: hide 0.5s ease-out;
    animation: hide 0.5s ease-out; }
  .msg-container .close {
    position: absolute;
    top: 7px;
    right: 3px;
    z-index: 11;
    opacity: 1;
    cursor: pointer; }
    .msg-container .close .glyphicon {
      font-size: 18px;
      font-weight: 100;
      color: #fff; }
  .msg-container.success {
    background-color: #589cfc;
    padding: 12px 40px 12px 12px; }
  .msg-container.error {
    background-color: rgba(255, 241, 239, 0.9);
    color: #a94442;
    padding: 10px 20px; }
    .msg-container.error .close .glyphicon {
      color: #aaa; }
    .msg-container.error ul {
      list-style: none;
      padding: 0 20px 0 0;
      margin: 0; }
      .msg-container.error ul li {
        padding: 5px 0px 5px 20px;
        color: #a94442; }
        .msg-container.error ul li::first-letter {
          text-transform: capitalize; }
        .msg-container.error ul li:after {
          content: '\e107';
          position: absolute;
          left: 20px;
          font-family: 'Glyphicons Halflings';
          margin-right: 10px;
          color: #a94442; }
  .msg-container .msg {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px; }
    .msg-container .msg:before {
      content: '\e089';
      font-family: 'Glyphicons Halflings';
      margin-right: 10px;
      color: #fff;
      vertical-align: bottom; }

iframe.page-preview {
  width: 100%;
  border: 0;
  height: 100%; }

.statusFilter {
  margin-right: 20px;
  float: right; }

::-webkit-scrollbar {
  width: 5px; }

::-webkit-scrollbar:horizontal {
  height: 5px; }

/* Track */
::-webkit-scrollbar-track {
  border: none; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #a3a3a3;
  border-radius: 5px; }

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }

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

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

#app .main-content {
  position: fixed; }