@charset "UTF-8";
html {
  min-height: 100%;
}

body {
  position: relative;
  height: auto;
  font-family: "Open-Sans", "Helvetica Neue", "sans-serif";
  font-weight: 300;
  background-color: #fff;
}

a {
  color: #4988FB;
  cursor: pointer;
  text-decoration: none;
  font-family: "Open-Sans", "Helvetica Neue", "sans-serif";
}
a:hover {
  text-decoration: none;
  color: #122954;
}

h1, h2, h3, h4 {
  font-weight: 300;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ccc;
}

table th {
  font-weight: 400;
}

label {
  color: #777;
}

.errorText {
  font-size: 18px;
  color: tomato;
}

/*
    FORMS AND GENERAL INPUT STYLES
*/
input.error {
  border: 1px solid tomato;
}
input.success {
  border: 1px solid #5cb85c !important;
}

[class*=" mdi-"]::before,
[class^=mdi-]::before {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  line-height: 24px;
  vertical-align: middle;
}

.cp-input-error {
  border: 1px solid tomato !important;
}

.cp-validation-errors {
  font-family: arial;
  display: block;
  color: black;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 100%;
  color: tomato;
  text-align: left;
}

.cp-clickable {
  cursor: pointer;
}

.cp-warning-message {
  font-family: arial;
  display: block;
  color: black;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 100%;
  color: tomato;
  text-align: left;
}

.cp-success-message {
  font-family: arial;
  display: block;
  color: black;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 100%;
  color: #5cb85c;
  text-align: left;
}

.cp-form-standard input.error, .cp-form-inverse input.error, .cp-form-registration input.error {
  border: 1px solid tomato;
}
.cp-form-standard input.success, .cp-form-inverse input.success, .cp-form-registration input.success {
  border: 1px solid #5cb85c;
}

.cp-input-standard, .cp-form-standard input, .cp-form-inverse input, .cp-form-registration input {
  width: 100%;
  background-color: #f5f5f5;
  border: 0;
  border-radius: 4px;
  height: 30px;
  padding: 3px 0px 3px 7px;
  font: 15px "Open-Sans", "Helvetica Neue", "sans-serif";
  margin-top: 5px;
  margin-bottom: 5px;
}
.cp-input-standard.error, .cp-form-standard input.error, .cp-form-inverse input.error, .cp-form-registration input.error {
  border: 1px solid tomato;
}
.cp-input-standard.success, .cp-form-standard input.success, .cp-form-inverse input.success, .cp-form-registration input.success {
  border: 1px solid #5cb85c;
}

.cp-select-standard {
  position: relative;
  background: #f8f8f8;
  height: 38px;
  width: 100%;
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 5px;
  font: 15px "Open-Sans", "Helvetica Neue", "sans-serif";
}
.cp-select-standard:after {
  position: absolute;
  right: 5px;
  top: 11px;
  font-family: "Linearicons";
  content: "";
  font-size: 10px;
  pointer-events: none;
}
.cp-select-standard label {
  display: inline-block;
}
.cp-select-standard select {
  height: 38px;
  width: 100%;
  border: none;
  width: 100%;
  padding: 0px;
  border-radius: 3px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  text-align: left;
  text-align-last: left;
  text-indent: 10px;
  background: #f5f5f5;
  font: 15px "Open-Sans", "Helvetica Neue", "sans-serif";
}
.cp-select-standard select option {
  text-align: center;
}

.cp-form-registration {
  display: flex;
  background-color: transparent;
}
.cp-form-registration input {
  background: white !important;
  border: 1px solid #ccc !important;
}
.cp-form-registration select {
  background: white !important;
  border: 1px solid #ccc !important;
}
.cp-form-registration .col {
  flex: 1;
  padding: 15px;
}
.cp-form-registration .col:first-child {
  padding-left: 0px;
}
.cp-form-registration .col:last-child {
  padding-right: 0px;
}

.cp-form-inverse {
  background-color: transparent;
}
.cp-form-inverse input {
  background: white !important;
  border: 1px solid #ccc;
}
.cp-form-inverse input.error {
  border: 1px solid tomato !important;
}
.cp-form-inverse input.success {
  border: 1px solid #5cb85c !important;
}
.cp-form-inverse input.disabled {
  background: #f5f5f5 !important;
}
.cp-form-inverse select {
  background: white !important;
  border: 1px solid #ccc !important;
  width: 100% !important;
  display: block;
}
.cp-form-inverse select.disabled {
  background: #f5f5f5 !important;
}
.cp-form-inverse .cp-select-standard {
  width: 100%;
  display: block;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #748f9e;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #748f9e;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #748f9e;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #748f9e;
}

/*
    GENERAL TABLE STYLES
*/
.cp-table-standard, .cp-table-light-header {
  width: 100%;
  border-collapse: collapse;
}
.cp-table-standard th, .cp-table-light-header th {
  cursor: pointer;
  font-weight: 400;
  background-color: #273238;
  color: white;
}
.cp-table-standard th:first-child, .cp-table-light-header th:first-child {
  border-top-left-radius: 3px;
}
.cp-table-standard th:last-child, .cp-table-light-header th:last-child {
  border-top-right-radius: 3px;
}
.cp-table-standard tr:nth-child(even), .cp-table-light-header tr:nth-child(even) {
  background: #f5f5f5;
}
.cp-table-standard td, .cp-table-light-header td, .cp-table-standard th, .cp-table-light-header th {
  padding: 10px;
  text-align: left;
}

.cp-table-mobile {
  display: none;
}

.cp-table-light-header th {
  color: white;
  background-color: #516874;
}

.cp-table-inverse {
  width: 100%;
  border-collapse: collapse;
}
.cp-table-inverse th {
  font-weight: 400;
}
.cp-table-inverse td, .cp-table-inverse th {
  background-color: white;
  color: #273238;
  padding: 10px;
  text-align: left;
  border-top: 1px solid #ccc;
}

/*
    BOXES OR PANELS
*/
.cp-box-standard {
  text-align: left;
  margin: 5px;
}
.cp-box-standard .cp-box-heading {
  position: relative;
  padding: 10px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #273238;
  color: white;
}
.cp-box-standard .cp-box-heading h5 {
  margin: 0;
  display: inline-block;
  margin-right: 0px;
  font-weight: 300;
  font-size: 1.2em;
}
.cp-box-standard .cp-box-heading button {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  height: 100%;
  width: 43px;
  border: 0;
  background-color: #516874;
}
.cp-box-standard .cp-box-heading button.save {
  background-color: #0CA200;
}
.cp-box-standard .cp-box-body {
  padding: 10px;
  border: 1px solid #ccc;
}
.cp-box-standard .cp-box-body h5 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.cp-box-standard input {
  width: 100%;
  border: 0;
  height: 30px;
  padding: 3px;
}
.cp-box-standard input.error {
  border: 1px solid tomato;
}
.cp-box-standard input.success {
  border: 1px solid #5cb85c;
}

.cp-panel-standard {
  background-color: #f5f5f5;
  padding: 10px;
  border-radius: 4px;
}

.cp-panel-border {
  padding: 10px;
  background-color: white;
  border: 1px solid #ccc;
  margin: 5px;
}

/*
    BUTTONS
*/
.cp-button-standard, .cp-button-link {
  background: #273238;
  border: solid 1px #273238;
  border-radius: 2px;
  color: white;
  text-align: center;
  padding: 4px 25px;
  font-size: 15px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  cursor: pointer;
}
.cp-button-standard.green, .green.cp-button-link {
  background: #0CA200;
}
.cp-button-standard.warning, .warning.cp-button-link {
  background: tomato;
}
.cp-button-standard.yellow, .yellow.cp-button-link {
  background: #ffe930;
  color: black;
  border: solid 1px #ffe930;
}
.cp-button-standard.attention, .attention.cp-button-link {
  background: #993737;
}
.cp-button-standard.print-btn, .print-btn.cp-button-link {
  background: #273238;
  color: white;
  font-size: 15px;
  text-decoration: none;
}
.cp-button-standard:hover, .cp-button-link:hover {
  background-color: #465a65;
  border: solid 1px #465a65;
}
.cp-button-standard:hover.green, .cp-button-link:hover.green {
  background: white;
  border: solid 1px #0CA200;
}
.cp-button-standard:hover.yellow, .cp-button-link:hover.yellow {
  background: #fff17c;
  border: solid 1px #fff17c;
}
.cp-button-standard:hover.print-btn, .cp-button-link:hover.print-btn {
  background: #465a65;
  border: solid 1px #465a65;
}
.cp-button-standard:disabled, .cp-button-link:disabled {
  background: #839ba8;
  border-color: #839ba8;
}
.cp-button-standard:disabled :hover, .cp-button-link:disabled :hover {
  background: #839ba8;
  border-color: #839ba8;
}

.cp-button-link {
  text-decoration: none;
}
.cp-button-link:hover {
  color: white;
  text-decoration: none;
}
.cp-button-link:focus {
  color: white;
  text-decoration: none;
}
.cp-button-link, .cp-button-link visited {
  color: white;
  text-decoration: none;
}

.cp-announcements {
  width: 100%;
  min-width: 300px;
  max-width: 350px;
  float: right;
}

.cp-annnouncement-wrapper ul {
  padding-top: 15px;
  padding-left: 0;
  list-style-type: none;
}
.cp-annnouncement-wrapper li {
  box-shadow: 0px 1px 4px 0px #bbb;
  padding: 10px;
}
.cp-annnouncement-wrapper li a {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  text-decoration: none;
}
.cp-annnouncement-wrapper li a:hover {
  color: inherit;
}
.cp-annnouncement-wrapper h3 {
  font-size: 16px;
}
.cp-annnouncement-wrapper h4 {
  margin: 10px 0;
  font-size: 18px;
}

.invoice-wrapper {
  position: relative;
  max-width: 768px;
  margin: 0 auto;
}
.invoice-wrapper .invoice-header {
  padding-top: 75px;
  text-align: center;
}
.invoice-wrapper .invoice-header h1 {
  font-size: 36px;
  color: #0198E1;
}
.invoice-wrapper .invoice-table {
  margin-top: 50px;
  padding: 10px;
}
.invoice-wrapper .invoice-subtotal {
  padding: 10px;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.invoice-wrapper .invoice-total {
  padding: 10px;
  font-weight: 500;
}
.invoice-wrapper .input-wrapper label {
  display: block;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
}
.invoice-wrapper .input-wrapper label.product-name {
  display: inline-block;
}
.invoice-wrapper .input-wrapper input {
  height: 100%;
  width: 100%;
  height: 30px;
  background: #f5f5f5;
  border: none;
  text-indent: 10px;
  margin: 5px 0;
}
.invoice-wrapper .input-wrapper .half {
  width: 48%;
}
.invoice-wrapper .input-wrapper .sub-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.invoice-wrapper .input-wrapper .sub-wrapper input {
  width: 48%;
}
.invoice-wrapper label {
  font-weight: 300;
}
.invoice-wrapper label.total {
  font-weight: 500;
}
.invoice-wrapper label.qty {
  margin: 0 5px;
  display: none;
}
.invoice-wrapper .select-wrapper {
  position: relative;
}
.invoice-wrapper .select-wrapper select {
  height: 100%;
  width: 100%;
  height: 30px;
  background: #f5f5f5;
  border: none;
  text-indent: 10px;
  margin: 5px 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.invoice-wrapper .select-wrapper:after {
  position: absolute;
  right: 5px;
  top: 13px;
  font-family: "Linearicons";
  content: "";
  font-size: 10px;
  pointer-events: none;
}
.invoice-wrapper .line-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.invoice-wrapper .cart-table {
  width: 100%;
}
.invoice-wrapper .cart-table .preview {
  width: 50px;
}
.invoice-wrapper .cart-table .qty {
  max-width: 50px;
  text-align: center;
}

.cp-left-col {
  float: left;
  width: 50%;
}

.cp-right-col {
  float: right;
  width: 50%;
}

input[type=checkbox].toggle-switch {
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  moz-appearance: none;
  width: 40px;
  height: 25px;
  border-radius: 30px;
  background: #ddd;
  outline: 0;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
input[type=checkbox].toggle-switch:after {
  content: "";
  width: 23px;
  height: 100%;
  background: #fff;
  border-radius: 30px;
  position: absolute;
  left: 0;
  transform: scale(0.8);
  transition: left 0.3s ease-in-out;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

input[type=checkbox].toggle-switch:checked {
  background: #0CA200;
}
input[type=checkbox].toggle-switch:checked:after {
  left: 16px;
}

.cp-accordion .cp-accordion-head {
  position: relative;
  padding: 0 10px;
  cursor: pointer;
  color: #273238;
  border-bottom: solid 1px #eee;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.cp-accordion .cp-accordion-head .arrow {
  position: absolute;
  top: 25px;
  right: 5px;
}
.cp-accordion .cp-accordion-head:hover {
  color: #516874;
}
.cp-accordion .cp-accordion-head h5 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.cp-accordion .cp-accordion-body {
  height: auto;
  overflow-y: hidden;
  transition: max-height 0.2s ease-in-out;
}
.cp-accordion .cp-accordion-body.closed {
  max-height: 0;
}
.cp-accordion .cp-accordion-body-wrapper {
  padding: 5px;
}

/* MODAL STYLES */
.cp-modal-standard {
  overflow: scroll;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.85);
  transition: opacity 0.5s ease;
  z-index: 1000;
}
.cp-modal-standard .cp-modal-header {
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
}
.cp-modal-standard .cp-modal-header h5 {
  margin: 0;
  display: inline-block;
  margin-right: 0px;
  font-weight: 300;
  font-size: 1.2em;
}
.cp-modal-standard .cp-modal-body, .cp-modal-standard .cp-modal-body-full {
  overflow: hidden;
  max-width: 700px;
  background: white;
  margin: 50px auto;
  padding: 20px;
  transition: all 0.5s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
}
.cp-modal-standard .cp-modal-body.wide, .cp-modal-standard .wide.cp-modal-body-full {
  max-width: none;
  width: 85%;
}
.cp-modal-standard .cp-modal-body .cp-modal-controls, .cp-modal-standard .cp-modal-body-full .cp-modal-controls {
  margin-top: 5px;
  width: 100%;
}
.cp-modal-standard .cp-modal-body .cp-modal-controls .left, .cp-modal-standard .cp-modal-body-full .cp-modal-controls .left {
  float: left;
}
.cp-modal-standard .cp-modal-body .cp-modal-controls .right, .cp-modal-standard .cp-modal-body-full .cp-modal-controls .right {
  float: right;
}
.cp-modal-standard .cp-modal-body .close-modal, .cp-modal-standard .cp-modal-body-full .close-modal {
  width: 100%;
  display: block;
  text-align: right;
}
.cp-modal-standard .cp-modal-body-full {
  max-width: 85%;
}

/* VUE TRANSITIONS  */
/* These class names are auto applied by vue with transiction="modal" */
.modal-enter, .modal-leave {
  opacity: 0;
}

.modal-enter .modal-container,
.modal-leave .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.fade-transition {
  transition: all 0.3s ease;
}

.fade-enter, .fade.leave {
  opacity: 0;
}

/* GRID STYLES */
.cp-grid-standard {
  box-sizing: border-box;
  max-width: 1440px;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
}
.cp-grid-standard .cp-cell, .cp-grid-standard .cp-cell-3, .cp-grid-standard .cp-cell-2, .cp-grid-standard .cp-cell-5, .cp-grid-standard .cp-cell-10 {
  box-sizing: border-box;
  width: calc(100% / 4);
  text-align: center;
  padding: 5px;
  padding-bottom: 10px;
}
.cp-grid-standard .cp-cell img, .cp-grid-standard .cp-cell-3 img, .cp-grid-standard .cp-cell-2 img, .cp-grid-standard .cp-cell-5 img, .cp-grid-standard .cp-cell-10 img {
  width: 95%;
}
.cp-grid-standard .cp-cell-10 {
  width: calc(100% / 10);
}
.cp-grid-standard .cp-cell-5 {
  width: calc(100% / 5);
}
.cp-grid-standard .cp-cell-2 {
  width: calc(100% / 2);
}
.cp-grid-standard .cp-cell-3 {
  width: calc(100% / 3);
}

.cp-grid-standard:after {
  content: "";
  flex: auto;
}

@media (max-width: 768px) {
  .cp-grid-standard .cp-cell, .cp-grid-standard .cp-cell-10, .cp-grid-standard .cp-cell-5, .cp-grid-standard .cp-cell-2, .cp-grid-standard .cp-cell-3 {
    width: calc(100% / 3);
  }
}
@media (max-width: 500px) {
  .cp-grid-standard .cp-cell, .cp-grid-standard .cp-cell-10, .cp-grid-standard .cp-cell-5, .cp-grid-standard .cp-cell-2, .cp-grid-standard .cp-cell-3 {
    width: calc(100% / 2);
  }
}
.cp-image-grid-standard {
  display: flex;
  -webkit-display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.cp-image-grid-standard .cp-image-grid-box {
  box-sizing: border-box;
  font-size: 16px;
  width: 31.5%;
  margin: 4px;
  margin-bottom: 20px;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
.cp-image-grid-standard .cp-image-grid-box:hover {
  cursor: pointer;
  border: 1px solid #ccc;
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}
.cp-image-grid-standard .cp-grid-image {
  width: 100%;
}
.cp-image-grid-standard .cp-grid-caption {
  padding: 10px;
  background: white;
}

.capitalize {
  text-transform: capitalize;
}

@media (max-width: 1150px) {
  .cp-announcements {
    max-width: 500px;
    float: none;
  }
}
@media (max-width: 768px) {
  .cp-modal-standard .cp-announcements {
    margin: 0 auto;
  }
  .cp-modal-standard .cp-modal-body, .cp-modal-standard .cp-modal-body-full {
    margin: 5px auto;
  }
  .cp-modal-standard .cp-model-body-full {
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 500px) {
  .cp-modal-body .media-file img, .cp-modal-standard .cp-modal-body-full .media-file img {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .cp-image-grid-standard {
    display: block;
  }
  .cp-image-grid-standard .cp-image-grid-box {
    margin: 0 auto;
    width: 100%;
  }
  .cp-image-grid-standard .cp-grid-image {
    width: 100%;
    margin: 0 auto;
  }

  .desktop {
    display: none;
  }

  .cp-table-mobile {
    display: block;
  }
  .cp-table-mobile > div {
    border-radius: 2px;
    padding-left: 45px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    background: white;
    box-shadow: 1px 1px 1px 1px #ccc;
    margin: 10px;
    padding: 10px 20px;
  }
  .cp-table-mobile > div div > span:nth-child(even) {
    font-weight: bold;
  }
  .cp-table-mobile > div:nth-child(odd) {
    background: #f5f5f5;
  }

  .cp-table-mobile-wrapper > section:nth-child(odd) {
    background-color: #f5f5f5;
  }

  #description {
    width: 90% !important;
  }

  .coupon-wrapper .box2 #uses {
    width: 70% !important;
  }

  .product-grid {
    width: 100% !important;
    max-width: 360px;
  }
}
.dot {
  display: inline-block;
  height: 7px;
  width: 7px;
  border-radius: 50%;
  margin-right: 3px;
}

.green {
  background: lime;
}

.cp-list-tags {
  display: flex;
  -webkit-display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  padding-left: 0;
  list-style-type: none;
}
.cp-list-tags li {
  position: relative;
  border: solid 1px #eee;
  padding: 5px;
  margin: 5px;
}
.cp-list-tags li span {
  margin-left: 5px;
}

/* TABS */
.cp-tabs-standard, .cp-tabs-light {
  background-color: #273238;
  border-radius: 3px;
  overflow: hidden;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
.cp-tabs-standard button, .cp-tabs-light button {
  float: left;
  border-radius: 0px !important;
  border: none;
  font-size: 15px;
  padding: 15px;
  color: white;
  background-color: #273238;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.cp-tabs-standard button.active, .cp-tabs-light button.active {
  color: #273238;
  background-color: #f5f5f5;
}
.cp-tabs-standard button:hover, .cp-tabs-light button:hover {
  background-color: #465a65;
}
.cp-tabs-standard button:hover.active, .cp-tabs-light button:hover.active {
  color: #273238;
  background-color: #f5f5f5;
}
.cp-tabs-standard .order-update-button, .cp-tabs-light .order-update-button {
  float: right;
}
.cp-tabs-standard .status-select, .cp-tabs-light .status-select {
  float: right;
  display: inline;
  position: relative;
  background: #f8f8f8;
  height: 31px;
  width: 155px;
  margin: 10px;
}
.cp-tabs-standard .status-select:after, .cp-tabs-light .status-select:after {
  position: absolute;
  right: 5px;
  top: 10px;
  font-family: "Linearicons";
  content: "";
  font-size: 10px;
  pointer-events: none;
}
.cp-tabs-standard .status-select select, .cp-tabs-light .status-select select {
  height: 31px;
  width: 155px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  text-align: left;
  text-align-last: left;
  text-indent: 10px;
  background: #f5f5f5;
}

.cp-tabs-light {
  background-color: #f5f5f5;
}
.cp-tabs-light button {
  background: #f5f5f5;
  color: #273238;
}
.cp-tabs-light button.active {
  background-color: #a6a6a6;
}
.cp-tabs-light button:hover {
  background-color: #a6a6a6;
}
.cp-tabs-light button:hover.active {
  background-color: #a6a6a6;
}

.ql-tooltip {
  left: 0px !important;
}

.pre-wrap {
  white-space: pre-wrap;
}

.pre-line {
  white-space: pre-line;
}

@media print {
  @page {
    size: portrait;
  }
}
@font-face {
  font-family: "Open-Sans";
  font-weight: 500;
  src: url("/fonts/OpenSans-ExtraBold.ttf");
}
@font-face {
  font-family: "Open-Sans";
  font-weight: 300;
  src: url("/fonts/OpenSans-Regular.ttf");
}
@font-face {
  font-family: "Open-Sans";
  font-weight: 100;
  src: url("/fonts/OpenSans-Light.ttf");
}
@font-face {
  font-family: "Open-Sans";
  font-weight: 400;
  src: url("/fonts/OpenSans-Semibold.ttf");
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.site-blue {
  color: #273238;
}

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

.left {
  float: left;
}

.row.masonry {
  -moz-column-gap: 10px;
  -webkit-column-gap: 10px;
  padding: 0 0 0 14px;
}
.row.masonry.width-20 {
  -moz-column-width: 20em;
  -webkit-column-width: 20em;
}
.row.masonry.width-30 {
  -moz-column-width: 30em;
  -webkit-column-width: 30em;
}
.row.masonry.width-40 {
  -moz-column-width: 40em;
  -webkit-column-width: 40em;
}
.row.masonry .col {
  display: inline-block;
  width: 100%;
  float: none;
}

button.md-datepicker-button.md-icon-button.md-button {
  margin-left: 0px;
  margin-right: 0px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  min-height: 30px;
}

button:focus {
  outline: none;
}

input:required ~ .msg:after {
  content: "*";
  color: red;
}

input:optional ~ .msg:after {
  content: "(optional)";
}

/* chart.js */
.bar-legend {
  list-style: none;
  float: right;
  text-align: left;
  font-size: 10pt;
}
.bar-legend li span {
  display: inline-block;
  height: 10px;
  width: 10px;
  margin-right: 5px;
}

caption {
  background: gray !important;
  color: white;
  padding: 5px 10px;
  text-align: left;
}

.vertical-align-top {
  vertical-align: top;
}

.shadow {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
}

ul.columns {
  margin: 0;
  padding: 0;
}
ul.columns li {
  float: left;
  margin: 0 1em;
  width: 120px;
}
ul.columns li.visible-roles {
  width: auto;
}

.fa-question-circle {
  opacity: 0.5;
}
.fa-question-circle:hover {
  opacity: 1;
  cursor: pointer;
}

.table thead.gray {
  background: gray !important;
  color: white;
  border: 0 !important;
}

.white {
  color: #FFF !important;
}

.border {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

.no-width {
  width: 0 !important;
}

.cursor-pointer {
  cursor: pointer;
}

.strike {
  display: inline-block;
  position: relative;
}
.strike .line {
  border-bottom: 1px solid red;
  position: relative;
  top: 0;
  margin-top: 0.85em;
}

.nav-tabs li a .close {
  margin-right: -10px;
}

.container.reset-password {
  margin-top: 150px;
}

.related-product {
  display: inline-block;
  max-width: 150px;
  text-align: center;
  margin: 0 1em;
  vertical-align: top;
}

.autocomplete-hints {
  position: absolute;
  z-index: 1000;
}
.autocomplete-hints li.list-group-item {
  background: white;
  cursor: pointer;
}
.autocomplete-hints li.selected-item {
  background: #0b6e53;
  color: white;
}

#featured-image {
  cursor: pointer;
}

.red {
  color: red;
}

.fl-right {
  float: right;
}

.success-green {
  color: #4aaf46;
}

.product-thumbs img {
  vertical-align: top;
}

.product-grid {
  max-width: 1024px;
}
.product-grid:after {
  display: table;
  content: "";
  clear: both;
}
.product-grid.edit {
  overflow: hidden;
}
.product-grid .item {
  position: relative;
  width: 140px;
  height: auto;
  margin: 10px;
  float: left;
  cursor: pointer;
}
.product-grid .item.custom-order-grid {
  margin: 10px 10px 30px;
}
.product-grid .item.cat-grid {
  height: 140px;
}
.product-grid .item .product-img-wrapper {
  height: 140px;
  overflow: hidden;
}
.product-grid .item .product-img-wrapper.custom {
  box-shadow: 0px 0px 5px 0px #000;
}
.product-grid .item img {
  width: 100%;
  height: auto;
}
.product-grid .item a {
  display: block;
  text-decoration: none;
}
.product-grid .item a:hover {
  text-decoration: none;
}
.product-grid .item a.media {
  margin: 5px 0;
}
.product-grid .item:after {
  display: table;
  content: "";
  clear: both;
}
.product-grid .item:hover .tile-overlay {
  opacity: 1;
}
.product-grid .item .tile-overlay {
  -webkit-justify-content: center;
  justify-content: center;
  opacity: 0;
  transition: 0.3s ease-in-out;
  position: absolute;
  top: 0;
  display: flex;
  -webkit-display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  text-align: center;
  height: auto;
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
}
.product-grid .item .tile-overlay.cat-grid {
  opacity: 1;
}
.product-grid .item-info {
  height: 60px;
}
.product-grid .item-info h2 {
  margin: 5px 0 0;
  font-size: 14px;
}
.product-grid .item-info h2.custom-order-grid {
  min-height: 30px;
}
.product-grid .item-info p {
  font-size: 13px;
}
.product-grid .item-info #min {
  font-size: 12px;
  background-color: white;
  opacity: 0.7;
  position: absolute;
  top: 65%;
  width: 100%;
}
.product-grid .item-info #max {
  font-size: 12px;
  background-color: white;
  opacity: 0.7;
  position: absolute;
  top: 50%;
  width: 100%;
}

.product-items .table-cell {
  vertical-align: top;
}
.product-items .table-cell.quantity {
  width: 4em;
  padding-right: 1em;
}

.removeItem, .removeImage, .pointer {
  cursor: pointer;
}

tr.align-left th {
  text-align: left !important;
}

.table thead th.align-right {
  text-align: right !important;
}

.full-image {
  width: 100%;
  max-width: 1000px;
  height: auto;
  max-height: 800px;
}

.gallery-image {
  width: auto;
  max-width: 1000px;
  height: auto;
  max-height: 600px;
}

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

.width-auto {
  width: auto !important;
}

.width-full {
  width: 100% !important;
}

.tiny {
  font-size: 7pt;
  display: block;
}

.itemsPerPage {
  max-width: 80px;
}

.display-table {
  display: table;
}

.display-table-cell, .table-cell {
  display: table-cell;
}

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

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

.currentPage {
  position: relative;
  top: 7px;
}

.full {
  width: 100%;
}

table.legacy.settings-table th {
  text-align: left;
}
table.legacy.settings-table td {
  text-align: left;
}
table.legacy.product-table th {
  text-align: left;
}
table.legacy.product-table td {
  text-align: left;
}
table.legacy.users-table th {
  text-align: left;
}
table.legacy.users-table td {
  text-align: left;
}
table.legacy.leads td {
  text-align: left;
}
table.legacy.bundleIncludes {
  width: 100%;
}
table.legacy.bundleIncludes td {
  min-width: 30px;
}
table.legacy thead tr th {
  text-align: center;
}
table.legacy thead tr th.left {
  text-align: left;
}
table.legacy thead tr th.left-align {
  text-align: left;
}
table.legacy td {
  text-align: center;
}
table.legacy td.item-td {
  text-align: left;
  text-indent: 10px;
}
table.legacy td.border {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
table.legacy td.left-align {
  text-align: left;
}

.date-col {
  width: 150px;
}

.downline-popover th {
  text-align: right;
  padding-right: 0.5em;
}

i {
  width: 16px;
}

.thumb {
  width: 50px;
  cursor: pointer;
}

.thumb-md {
  width: 100%;
  max-width: 100px;
}

.thumb-lg {
  width: 150px;
}

.label {
  margin: 0 4px 4px 0 !important;
  display: inline-block;
  font-weight: inherit;
}

.label .link, .label .a {
  color: white !important;
}

.form-link {
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  color: white !important;
}

.note textarea {
  width: 100%;
  border: none;
  background: none;
}

.note {
  background: #f7f7f7;
}

.note textarea:focus {
  outline-width: 0;
  resize: none;
}

.noteArea {
  width: 100%;
  border: 0;
  overflow: auto;
  resize: none;
}

textarea:focus {
  outline: none;
  resize: none;
}

textarea {
  resize: none;
}

.noteTextArea {
  resize: none;
}

.selected {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.25;
}

.role-indicator {
  padding-left: 77px;
  background: none;
  line-height: 50px;
}

.role-indicator-Rep {
  color: steelblue;
}

.role-indicator-Admin {
  color: black;
}

.role-indicator-Editor {
  color: midnightblue;
}

.role-indicator-Host {
  color: navy;
}

.role-indicator-Customer {
  color: mediumblue;
}

.role-indicator-Superadmin {
  color: slateblue;
}

.noteSlide {
  border: 1px solid transparent;
  height: 110px;
}

.triggerSlide {
  cursor: pointer;
}

canvas {
  cursor: pointer !important;
  width: 100% !important;
}

/* tinmce overrides */
.mceu_44-inp-hack {
  width: 207px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* jquery-ui overrides */
select.ui-datepicker-year, select.ui-datepicker-month {
  color: black;
  font-weight: 100;
}

.ui-datepicker {
  z-index: 1000 !important;
}

.ui-timepicker-div {
  padding: 10px 10px 0;
}

.ui-timepicker-div select {
  padding: 5px;
}

.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 45%;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ui-timepicker-rtl {
  direction: rtl;
}

.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}

.ui-timepicker-rtl dl dd {
  margin: 0 45% 10px 10px;
}

.ui_tpicker_time_label, .ui_tpicker_time {
  display: none;
}

.ui-timepicker-div select {
  margin-bottom: 0;
}

.list-group#image-list {
  box-shadow: none !important;
}

#image-list .list-group-item {
  vertical-align: top;
  display: inline-block;
  margin: 0 5px 5px 0 !important;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) !important;
  border-radius: 4px !important;
}

/* media queries*/
@media (max-width: 767px) {
  .hidable-xs {
    display: none;
  }

  .date-col {
    width: auto;
  }

  .user-banner-container {
    position: relative !important;
  }

  .user-banner {
    display: none;
  }

  .user-banner-container .avatar {
    width: 102px !important;
    height: 102px !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    z-index: 10;
  }

  .user-banner-content {
    padding: 20px 20px 20px 125px;
  }

  .user-banner-content small {
    display: block;
    margin-bottom: 1em;
  }

  .user-banner-content h1 {
    font-size: 18pt;
  }

  .no-pull-xs {
    float: none !important;
  }

  .thumb-md {
    width: 50px !important;
  }

  .big, .bigger, .biggest {
    font-size: inherit !important;
  }

  .inventory-menu-image {
    display: none;
  }
}
@media (max-width: 991px) {
  .hidable-sm {
    display: none;
  }

  .user-banner-text {
    position: static;
    background: #303030;
  }

  .user-banner-container .avatar {
    width: 150px;
    height: 150px;
    border: 5px solid white;
  }
}
@media (max-width: 1199px) {
  .hidable-md {
    display: none;
  }
}
@media (max-width: 1600px) {
  .hidable-lg {
    display: none;
  }
}
button.md-datepicker-button.md-icon-button.md-button {
  user-select: none;
  border-radius: 0;
}
button.md-datepicker-button.md-icon-button.md-button:before {
  font-family: "Linearicons";
  content: "";
}

.col-container:before {
  display: table;
  content: "";
  clear: both;
}
.col-container:after {
  display: table;
  content: "";
  clear: both;
}
.col-container .panel {
  display: inline-block;
  width: 100%;
}

.product-success {
  position: relative;
  color: #fff;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.product-success p {
  max-width: 400px;
  padding: 20px 0;
  margin: 0 auto;
  background: #5cb85c;
}

#record-options {
  width: 130px;
}
#record-options form {
  display: inline-block;
}

.pagination .active a, .pagination .active a:focus, .pagination .active a:hover {
  background-color: #273238;
  border-color: #273238;
}

.criss-cross th {
  border-bottom: solid 1px #ddd;
}

.layout-public-page, .layout-public-full-width {
  background: #fff !important;
}
.layout-public-page #container, .layout-public-full-width #container {
  margin-top: 70px;
  box-shadow: none;
}

#header-menu {
  height: 65px;
  margin: 0 auto;
  border-bottom: none;
}
#header-menu .btn.btn-default {
  box-shadow: none;
  background: transparent !important;
  color: #fff;
}
#header-menu .btn.btn-default:hover {
  color: #fff;
}
#header-menu .navbar-brand {
  padding: 5px 15px;
  height: 100%;
  -webkit-display: flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
#header-menu .navbar-brand img {
  max-height: 55px;
  max-width: 300px;
}
#header-menu .navbar-header {
  margin: 0 auto;
}

#top-right-menu {
  position: absolute;
  right: 20px;
  width: auto;
  height: 100%;
  color: #273238;
  margin-bottom: 0;
  list-style-type: none;
}
#top-right-menu .shopping-icon a {
  line-height: 55px;
  border: none !important;
}
#top-right-menu .mobile-shopping-icon a {
  color: #00c0ff !important;
  font-weight: 100 !important;
  line-height: 30px;
}
#top-right-menu .mobile-shopping-icon a i {
  margin-right: 5px;
}
#top-right-menu .lnr {
  font-size: 20px;
  margin-left: 5px;
}
#top-right-menu li {
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  color: #273238;
}
#top-right-menu li:hover {
  background: #273238;
  color: #fff;
}
#top-right-menu li:hover a {
  color: #fff;
  display: block;
}
#top-right-menu li.dropdown span {
  display: none;
}
#top-right-menu li:focus {
  outline: none;
}
#top-right-menu a {
  color: #273238;
}
#top-right-menu a.btn.btn-default {
  color: #273238 !important;
}
#top-right-menu a:hover {
  text-decoration: none;
}
#top-right-menu a, #top-right-menu a visited {
  color: #273238;
  text-decoration: none;
}

input {
  font-family: "Open-Sans", "Helvetica Neue", "sans-serif";
}
input.datepicker {
  max-width: 200px;
}

.row.masonry {
  padding: 0;
}

.bg-primary {
  background-color: #273238 !important;
  color: #fff;
}

.btn-primary {
  background: #273238;
  color: #fff;
  border-color: #273238;
}
.btn-primary:hover {
  background: #273238;
  border-color: #273238;
  color: #fff;
}
.btn-primary:disabled {
  background: rgba(39, 50, 56, 0.5);
  color: #fff;
  border-color: #273238;
}

.btn-outline-primary {
  color: #273238;
  border-color: #273238;
}
.btn-outline-primary:hover {
  background: #273238;
  border-color: #273238;
  color: #fff;
}
.btn-outline-primary:disabled {
  background: rgba(39, 50, 56, 0.5);
  color: #fff;
  border-color: #273238;
}

.header-wrapper {
  position: relative;
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  height: 100%;
  line-height: 65px;
}

.cp-container {
  width: 100%;
  height: 100%;
  padding-bottom: 150px;
}

.cp-full {
  width: 100%;
  height: auto;
}
.cp-full.divider {
  background: #f5f5f5;
}

.cp-wrapper {
  max-width: 1330px;
  margin: 0 auto;
  padding: 5% 10%;
  height: auto;
}
.cp-wrapper:after {
  display: table;
  content: "";
  clear: both;
}

.home-header {
  color: #fff;
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 10px 25px;
  font-size: 18px;
  height: 70px;
}
.home-header .logo {
  max-height: 40px;
  max-width: 300px;
}
.home-header .logo-wrapper {
  padding: 5px 0;
}
.home-header .demo {
  color: #273238;
  font-size: 16px;
}
.home-header ul {
  padding-left: 0;
  list-style-type: none;
  padding: 10px 0;
  margin-bottom: 0;
}
.home-header li {
  display: inline-block;
  margin: 0 10px;
}
.home-header li a {
  color: #273238;
}
.home-header a:hover {
  text-decoration: none;
}
.home-header a, .home-header a visited {
  text-decoration: none;
}
.home-header .menu-links {
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.home-header .menu-links img {
  height: 35px;
}
.home-header .menu-links a {
  margin: 10px;
}
.home-header .login {
  border-radius: 2px;
  padding: 5px 15px;
  height: 35px;
  margin-top: 10px;
  background: #273238;
  color: #fff;
  cursor: pointer;
}

.home-wrapper {
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: "Open-Sans", "Helvetica Neue", "sans-serif";
  font-weight: 300;
}
.home-wrapper .banner {
  position: relative;
  height: 100%;
  min-height: 100vh;
  background: url("https://s3-us-west-2.amazonaws.com/controlpad/banners/home-banner.jpg") no-repeat top center;
  background-size: cover;
  padding-bottom: 300px;
}
.home-wrapper .overlay-text {
  width: 100%;
  color: #fff;
  height: 100vh;
}
.home-wrapper .overlay-text a {
  display: inline-block;
  background: transparent;
  border: solid 1px #fff;
  border-radius: 2px;
  color: #fff;
  text-decoration: none;
  padding: 8px 30px;
  text-align: center;
  font-size: 28px;
}
.home-wrapper .overlay-text h1 {
  font-size: 78px;
  font-weight: 500;
  line-height: 0.8;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
}
.home-wrapper .overlay-text p {
  margin: 30px auto 50px;
  max-width: 768px;
  font-size: 42px;
  line-height: 1.2;
}
.home-wrapper .overlay-text .actions {
  margin: 20px 0;
}
.home-wrapper .overlay-text.top {
  padding: 200px 0 0 0;
}
.home-wrapper .overlay-text img {
  display: block;
  margin: 20px auto;
}
.home-wrapper .slogan-wrapper {
  text-align: center;
}

footer.home-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 60px;
  background: #273238;
  color: #fff;
  font-size: 14px;
  z-index: 95;
  margin-bottom: -107px;
}
footer.home-footer a {
  color: #fff;
}
footer.home-footer ul {
  display: flex;
  -display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  padding-left: 0;
  list-style-type: none;
  margin: 0;
  padding: 30px 0 0;
}
footer.home-footer ul li {
  margin: 0 10px;
}
footer .address {
  font-size: 12px;
}
footer .address ul {
  padding: 10px 0 30px;
}

.inventory-image {
  width: 50px;
}

.contact-info {
  position: relative;
  height: auto;
  margin-top: 100px;
}
.contact-info .avatar-img {
  float: left;
  width: 250px;
  height: 300px;
  border: solid 1px #eee;
}
.contact-info .avatar-img img {
  width: 100%;
}
.contact-info .personal-info {
  float: left;
  width: 300px;
  margin: 0 20px;
}
.contact-info .address p {
  margin: 0;
}
.contact-info ul {
  margin-top: 25px;
  padding-left: 0;
}
.contact-info ul.company {
  margin-top: 0;
}
.contact-info h3 {
  margin-top: 0;
}
.contact-info li {
  display: block;
  margin: 10px 0;
  font-size: 16px;
}
.contact-info li .lnr {
  margin-right: 5px;
}
.contact-info form {
  position: relative;
  display: inline-block;
  max-width: 372px;
  min-height: 400px;
}
.contact-info form input {
  width: 100%;
  height: 40px;
  margin-bottom: 13px;
  font-size: 16px;
  font-family: "Open-Sans", "Helvetica Neue", "sans-serif";
  color: #838383;
  text-indent: 5px;
}
.contact-info form textarea {
  width: 100%;
  height: 130px;
  font-size: 16px;
  font-family: "Open-Sans", "Helvetica Neue", "sans-serif";
  color: #838383;
  text-indent: 5px;
}
.contact-info form button {
  position: absolute;
  right: -7px;
  bottom: 0;
  height: 50px;
  width: 100px;
  padding: 10px 20px;
  border: none;
  background: #273238;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}

.bkground-fill {
  background: #273238;
  height: 100vh;
}

.text-wrapper {
  width: 95%;
  max-width: 768px;
  margin: 50px auto 0;
  font-size: 18px;
}
.text-wrapper.bk {
  padding: 20px;
  background: #f5f5f5;
}
.text-wrapper.bk h1 {
  margin-top: 0;
  padding-bottom: 15px;
  border-bottom: solid 1px #eee;
}
.text-wrapper.bk p {
  text-align: left;
  font-size: 16px;
  padding: 10px 0;
}
.text-wrapper.bk label {
  width: 100%;
  font-weight: 300;
}
.text-wrapper.bk .control-label {
  text-align: left;
  padding: 10px 0;
}
.text-wrapper.bk .form-group {
  margin-left: 0;
  margin-right: 0;
}
.text-wrapper.bk .form-group input {
  float: none;
  display: block;
  max-width: 300px;
}
.text-wrapper.bk .request-btn {
  width: 95%;
  max-width: 300px;
}
.text-wrapper.bk .request-btn button {
  width: 100%;
}
.text-wrapper.bk .request-btn i {
  margin-right: 5px;
}

.login-wrapper {
  width: 95%;
  max-width: 305px;
  height: auto;
  padding: 20px;
  margin: 50px auto 0;
  background: #f5f5f5;
}
.login-wrapper h2 {
  text-align: center;
  font-size: 60px;
  font-weight: 100;
  margin: 0 0 25px;
  color: #000;
}
.login-wrapper .signup-btn {
  display: inline-block;
  background: #273238;
  height: 40px;
  line-height: 40px;
  width: 45%;
  color: #fff;
  text-align: center;
  float: right;
  margin: 10px 10px 0 0;
}
.login-wrapper .continue-btn {
  background: #273238;
  height: 40px;
  color: #fff;
}
.login-wrapper .password-forgot {
  margin-top: 20px;
  text-decoration: none;
  text-align: center;
}
.login-wrapper .password-forgot a {
  color: #000;
}
.login-wrapper .password-forgot a:hover {
  text-decoration: none;
}
.login-wrapper input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.login-wrapper input {
  max-width: 100%;
  border-radius: 0;
  border: none;
  height: 40px;
  width: 100%;
  text-indent: 10px;
  margin: 10px auto;
  font-size: 16px;
}
.login-wrapper button {
  display: block;
  width: 100%;
  font-size: 16px;
  margin: 0 auto;
  cursor: pointer;
}

.public-container {
  padding-top: 60px;
  color: #000;
}
.public-container form {
  margin-left: 25px;
}
.public-container label {
  display: block;
  margin: 15px auto;
  font-weight: 300;
}
.public-container input {
  height: 30px;
  width: 200px;
  border: none;
  font-size: 16px;
  color: #000;
  text-indent: 5px;
}
.public-container .panel .panel-heading {
  background: transparent !important;
  color: #838383;
}
.public-container .public-wrapper {
  max-width: 768px;
  margin: 0 auto;
  background: #f5f5f5;
  padding: 20px;
}
.public-container .public-wrapper.contact {
  max-width: 1024px;
  padding: 50px;
}
.public-container .public-wrapper h1 {
  font-size: 40px;
  text-align: center;
  margin: 25px auto;
  font-weight: 300;
}
.public-container .party-table {
  background: #fff;
}
.public-container .party-table thead:first-child tr:first-child th {
  border-bottom: 0;
}
.public-container .party-search {
  width: 100%;
  height: 40px;
}
.public-container .party-search input {
  height: 40px;
}
.public-container .party-search .input-group-btn {
  position: absolute;
  right: 30px;
  height: 40px;
}
.public-container .party-search .btn-default {
  border: none !important;
  margin-top: 5px;
}
.public-container .party-details {
  max-width: 768px;
  margin: 0 auto;
}
.public-container .party-details tr {
  border-top: solid 1px #ddd;
}
.public-container .party-details .panel {
  border: none;
}
.public-container .description {
  margin: 25px 0;
}
.public-container .locator-search-btn {
  height: 30px;
  width: 200px;
  margin: 25px auto;
  background: #273238;
  color: #fff;
  box-shadow: none;
  border: none;
}

.tabs {
  float: left;
}
.tabs ul {
  display: flex;
  border: solid 1px #eee;
  padding-left: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-family: "Open-Sans";
  font-weight: 400;
  margin-bottom: 0;
}
.tabs ul li {
  display: inline-block;
  padding: 8px 12px;
  text-align: center;
  min-width: 85px;
  cursor: pointer;
}
.tabs ul li.packs {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: solid 1px #eee;
}
.tabs ul li.packs.active {
  background: #273238;
  color: #fff;
}
.tabs ul li.products {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-right: solid 1px #eee;
}
.tabs ul li.products.active {
  background: #273238;
  color: #fff;
}
.tabs ul li.fulfilled {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: solid 1px #eee;
}
.tabs ul li.fulfilled.active {
  background: #273238;
  color: #fff;
}

.mobile-menu {
  display: none;
  position: absolute;
  right: 5px;
  top: 0;
  width: 50px;
  font-size: 30px;
  cursor: pointer;
  color: #000;
  z-index: 999;
}

.mb-nav {
  position: relative;
  height: 70px;
  border-bottom: solid 2px #273238;
  text-align: center;
}
.mb-nav img {
  max-width: 200px;
  max-height: 55px;
}
.mb-nav .close {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 50px;
  font-size: 30px;
  cursor: pointer;
  color: #000;
}

.mobile-nav {
  position: fixed;
  top: -100%;
  left: 0;
  height: 100%;
  width: 100%;
  background: #fff;
  transition: 0.5s ease-in-out;
  z-index: 99999;
  overflow: hidden;
  color: #273238;
}
.mobile-nav.open {
  top: 0;
}
.mobile-nav ul {
  padding-left: 0;
  list-style-type: none;
}
.mobile-nav li {
  text-align: center;
  border-bottom: solid 1px #ccc;
}
.mobile-nav a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.mobile-nav a:hover {
  background: #eee;
  color: #273238;
  text-decoration: none;
}

.home-page {
  padding: 50px 0 0;
}

#content {
  display: table-cell;
  padding: 0 40px 100px;
}
#content h1:first-of-type {
  margin-top: 0;
}

#main {
  display: table;
  height: 100%;
  width: 100%;
  max-width: 1330px;
  margin: 25px auto 0;
  padding-bottom: 150px;
}

.popover-content {
  padding: 5px;
}

#main-menu a {
  color: #838383;
  font-size: 16px;
  font-weight: 300;
  background: #fff;
  border: solid 1px #ddd;
}
#main-menu a.active {
  background: #f1f2f2;
  text-shadow: none;
}
#main-menu a:hover {
  background: #f1f2f2;
  text-decoration: none;
}
#main-menu .popover {
  background: #fff;
  box-shadow: none;
  -webkit-box-shadow: none;
}
#main-menu .popover.right .arrow:after {
  border-right-color: #fff;
  color: #fff;
}
#main-menu .popover a {
  display: block;
  padding: 5px;
  border: none;
}
#main-menu .popover a:hover {
  background: #f5f5f5 !important;
}

#add-phone {
  background: transparent;
  box-shadow: none;
  text-shadow: none;
  color: #000;
}
#add-phone:hover {
  background: inherit;
  color: inherit;
}

.loading {
  height: 35px;
  margin-top: 50px;
}

.count {
  position: absolute;
  right: 10px;
  height: 35px;
  line-height: 35px;
  width: auto;
  cursor: pointer;
  color: #838383;
  z-index: 999;
  outline: none;
}
.count .title {
  display: inline-block;
  text-align: center;
  width: 45px;
}
.count .number {
  width: auto;
  display: inline-block;
  text-align: center;
}
.count .number i {
  margin-left: 3px;
}
.count ul, .count select {
  position: absolute;
  right: 0;
  top: 35px;
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  width: 100px;
  height: auto;
  background: #fff;
  border: solid 1px #f5f5f5;
  opacity: 0;
  z-index: -10;
  transition: 0.5s ease-in-out;
  visibility: hidden;
}
.count ul.pageNum, .count select.pageNum {
  opacity: 1;
  z-index: 10;
  visibility: visible;
}
.count ul li:hover, .count select li:hover {
  background: #f5f5f5;
}

.page-actions {
  margin: 0 0 1em;
  min-height: 30px;
}
.page-actions button {
  box-shadow: none;
  -webkit-box-shadow: none;
  border: solid 1px #f3f3f3 !important;
  color: #838383;
}
.page-actions button:hover {
  color: #838383 !important;
}
.page-actions select {
  border: solid 1px #eee;
  box-shadow: none;
}
.page-actions select:focus {
  outline: none;
}
.page-actions form {
  display: inline-block;
}

header {
  width: 100%;
  height: 65px;
  z-index: 100;
}
header .dropdown-menu {
  display: block;
  min-width: 160px;
  margin: 0;
  padding: 0;
  height: 0;
  line-height: 40px;
  background: #fff;
  border-radius: 0;
  box-shadow: 0px 2px 4px 0 #c2c4c6;
  top: 70px;
  left: auto;
  right: 0;
  overflow: hidden;
  opacity: 0;
  z-index: -1;
  transition: 0.3s ease-in-out;
  border: none;
}
header .dropdown-menu.menu {
  height: auto;
  z-index: 100;
  opacity: 1;
}
header .dropdown-menu li {
  background: #fff;
  height: 40px;
  line-height: 40px;
  width: 100%;
}
header .dropdown-menu li:hover {
  background: #f5f5f5 !important;
  color: #838383 !important;
}
header .dropdown-menu li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #838383 !important;
}
header .dropdown-menu li a:hover {
  background: #f5f5f5 !important;
  color: #838383 !important;
}

.txt-indent {
  margin-left: 10px;
}

.panel {
  border-radius: 2px !important;
  border: solid 0px #ddd;
}
.panel .panel-heading {
  background: #273238 !important;
  color: #fff;
  border: none;
  border-bottom: #ddd;
  padding: 12px;
  border-radius: 2px 2px 0px 0px;
}

.sub-header {
  width: 100%;
  height: 50px;
  color: #273238;
  margin-top: 25px;
}
.sub-header h1 {
  display: inline-block;
  margin: 0 0 0 10px;
  font-size: 24px;
  font-weight: 100;
  padding: 10px 0;
}

.all-orders .filters-wrapper {
  max-width: 395px;
}
.all-orders .filters-wrapper:after {
  display: table;
  content: "";
  clear: both;
}
.all-orders .filters .input-group {
  margin: 10px 0;
}

.sub-wrapper {
  position: relative;
  max-width: 1330px;
  height: 100%;
  margin: 0 auto;
}

.footer-menu {
  display: inline-block;
  margin: 0;
}

#mainContent {
  padding: 0 5px;
}

#storeMainContent {
  color: #838383;
}
#storeMainContent #main {
  margin-top: 50px;
}
#storeMainContent .store-container {
  max-width: 98%;
  margin: 0 auto;
}
#storeMainContent h1.banner {
  margin: 0;
  font-weight: 300;
}
#storeMainContent .blue-gray {
  background: #273238;
  padding: 10px;
}
#storeMainContent .blue-gray input {
  border: none;
}
#storeMainContent .blue-gray .btn-default {
  color: #fff;
}
#storeMainContent .blue-gray .btn-default:hover {
  color: #fff !important;
}
#storeMainContent .blue-gray .btn-default.search-btn {
  color: #838383;
  margin: 0;
  padding: 6px 10px;
}
#storeMainContent .row {
  margin: 0;
}
#storeMainContent .row.store {
  max-width: 1024px;
  margin: 100px auto 0;
}
#storeMainContent .prod-image {
  border: solid 1px #f5f5f5;
  min-height: 360px;
}
#storeMainContent .prod-details {
  padding-left: 25px;
}
#storeMainContent .category-menu {
  border: solid 1px #ddd;
  padding: 0;
  min-height: 300px;
}
#storeMainContent .categories .list-group-item {
  text-align: center;
  text-shadow: none;
}
#storeMainContent strong.ultra-light {
  font-size: 40px;
  font-weight: 300;
  color: #838383;
}
#storeMainContent .btn.add-to-cart {
  margin-top: 25px;
}
@media (max-width: 991px) {
  #storeMainContent .prod-details {
    margin-top: 50px;
  }
}

.register-wrapper {
  max-width: 1280px;
  margin: 80px auto 0;
  padding-bottom: 100px;
}
.register-wrapper .register-guide {
  padding: 10px;
  max-width: 400px;
  min-height: 250px;
  height: auto;
  margin: 0 auto;
  background: #f5f5f5;
}
.register-wrapper .index-line {
  display: block;
  max-width: 80%;
  min-height: 50px;
  margin: 10px auto;
}
.register-wrapper .index-line p {
  float: left;
  width: 65%;
  margin: 0 0 0 20px;
}
.register-wrapper .index-line:after {
  display: table;
  content: "";
  clear: both;
}
.register-wrapper .numbers {
  float: left;
  background: #fff;
  border-radius: 50%;
  width: 25px;
  text-align: center;
  border: solid 1px #838383;
}
.register-wrapper .numbers.active {
  background: #273238;
  color: #fff;
}
.register-wrapper .back a {
  text-decoration: none;
  color: #838383;
}
.register-wrapper .back i {
  margin-right: 15px;
}
.register-wrapper .back.payment {
  text-align: right;
}
.register-wrapper .button {
  display: block;
  background: #273238;
  color: #fff;
  padding: 10px;
  text-align: center;
  border: none;
  margin: 20px auto;
}
.register-wrapper .button.personal-info {
  margin-top: 30px;
  text-align: center;
  float: right;
}
.register-wrapper .button.confirm {
  margin: 40px auto;
}
.register-wrapper .button.payment {
  float: right;
  padding: 10px 20px;
  margin-top: 25px;
}
.register-wrapper .button.payment:after {
  display: table;
  content: "";
  clear: both;
}
.register-wrapper form {
  display: flex;
  -webkit-display: flex;
  justify-content: center;
  -webkit-justify-content: center;
}
.register-wrapper form:after {
  display: table;
  content: "";
  clear: both;
}
.register-wrapper .register-container {
  padding: 20px 20px 40px;
  background: #f5f5f5;
  width: 90%;
  margin: 0 auto;
}
.register-wrapper .register-container:after {
  display: table;
  content: "";
  clear: both;
}
.register-wrapper .register-container .register-index {
  display: flex;
  -webkit-display: flex;
  justify-content: center;
  -webkit-justify-content: center;
}
.register-wrapper .register-container .register-index ul {
  padding-left: 0;
  padding: 20px;
  list-style-type: none;
  width: 85%;
}
.register-wrapper .register-container .register-index ul:after {
  display: table;
  content: "";
  clear: both;
}
.register-wrapper .register-container .register-index li {
  float: left;
  width: 33%;
}
.register-wrapper .register-container .register-index li p {
  float: left;
  margin-left: 15px;
}
.register-wrapper .register-container .columns {
  width: 100%;
  max-width: 49%;
  float: left;
  text-align: right;
}
.register-wrapper .register-container .columns input {
  width: 90%;
  height: 35px;
  margin: 5px 0;
  text-indent: 15px;
}
.register-wrapper .register-container .columns input.cvv {
  width: 90px;
}
.register-wrapper .register-container .columns input.checkbox {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 15px;
}
.register-wrapper .register-container .columns small {
  display: block;
  text-align: left;
  font-size: 12px;
  margin: 5px 0 22px 55px;
}
.register-wrapper .register-container .columns:after {
  display: table;
  content: "";
  clear: both;
}
.register-wrapper h1 {
  text-align: center;
  margin-bottom: 15px;
  font-size: 28px;
  font-weight: lighter;
  margin: 0 auto;
  margin-bottom: 35px;
}
.register-wrapper strong {
  font-weight: 400;
}
.register-wrapper .i-agree {
  font-weight: 300;
}
.register-wrapper .input-wrapper .state-zip {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 90%;
  float: right;
}
.register-wrapper .input-wrapper .state-zip input, .register-wrapper .input-wrapper .state-zip select {
  width: 40%;
  background: #fff;
  height: 35px;
}
.register-wrapper .input-wrapper .state-zip select {
  -webkit-appearance: none;
  border: solid 1px #ddd;
  margin: 5px 0;
  text-indent: 15px;
}
.register-wrapper .input-wrapper .state-zip select.payment {
  margin-right: 31px;
}
.register-wrapper .input-wrapper .state-zip input.payment {
  width: 50%;
}
.register-wrapper .input-wrapper:after {
  display: table;
  content: "";
  clear: both;
}
.register-wrapper .confirm-membership {
  text-align: center;
}
.register-wrapper .confirm-membership .price {
  font-size: 60px;
}
.register-wrapper .confirm-membership ul {
  padding-left: 0;
  width: 42%;
  max-width: 125px;
  margin: 0 auto;
  text-align: left;
}
.register-wrapper .confirm-membership ul:after {
  display: table;
  content: "";
  clear: both;
}
.register-wrapper .payment-method h2 {
  margin-top: 0;
  text-align: center;
}
.register-wrapper .payment-method p {
  text-align: center;
  margin-bottom: 20px;
  font-size: 12px;
}
.register-wrapper .payment-method .credit-cards {
  margin-top: 10px;
}
.register-wrapper .payment-method .expiration {
  -webkit-appearance: none;
  height: 35px;
  border: solid 1px #ddd;
  background: #fff;
  width: 90px;
  text-indent: 10px;
}

.edit-product {
  width: 95%;
  max-width: 500px;
}
.edit-product .list-group-item {
  margin: 5px 0;
  min-height: 40px;
}

#items_list {
  margin-top: 10px;
}
#items_list li {
  margin: 5px 0;
}

.empty-cart {
  margin: 10px auto;
  text-align: center;
  font-size: 22px;
  color: red;
}

.bundle-details {
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: initial;
  width: 100%;
  font-size: 10px;
  padding: 0;
}

.public-cart {
  max-width: 1280px;
  margin: 0 auto;
}
.public-cart h1 {
  text-align: center;
  font-size: 28px;
  font-weight: 100;
}
.public-cart .public-cart-container {
  position: relative;
  width: 90%;
  padding: 0 20px;
}
.public-cart .public-cart-container strong {
  font-weight: 300;
}
.public-cart .public-cart-wrapper {
  width: 90%;
  margin: 0 auto;
}
.public-cart .public-cart-wrapper .accepted-cards {
  margin: 0 0 25px;
}
.public-cart .public-cart-wrapper .main-table {
  border-bottom: solid 1px #ddd;
}
.public-cart table {
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  background: #fff;
}
.public-cart table tr {
  position: relative;
}
.public-cart table th, .public-cart table td {
  padding: 10px;
  text-align: center;
  width: 110px;
}
.public-cart table th {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
}
.public-cart thead:focus {
  outline: none;
}
.public-cart tr {
  padding: 5px;
  border-top: solid 1px #ddd;
  height: 71px;
}
.public-cart tr:focus {
  outline: none;
}
.public-cart .quantity-wrapper {
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
}
.public-cart .quantity-wrapper:after {
  display: table;
  content: "";
  clear: both;
}
.public-cart .quantity-wrapper input {
  border: solid 1px #eee;
  background: none;
  font-size: 14px;
  color: #838383;
  cursor: pointer;
  width: 50px;
  height: 38px;
  text-align: center;
}
.public-cart .cont-shopping {
  display: inline-block;
  margin: 10px;
  color: #273238;
  font-size: 16px;
}
.public-cart .discount-received {
  float: right;
  margin-top: 10px;
  text-align: right;
  color: #273238;
}
.public-cart .cart-total h4 {
  font-weight: 400;
  margin: 1em 0;
}
.public-cart .proceed-details {
  position: relative;
  text-align: right;
}

.continue-shopping-line {
  padding-top: 30px;
}

.checkout-btn {
  border: none;
  background: #273238;
  font-family: "Open-Sans", "Helvetica Neue", "sans-serif";
  font-size: 20px;
  color: #fff;
  border-radius: 2px;
  padding: 10px 20px;
  cursor: pointer;
}
.checkout-btn:hover {
  color: #fff;
}

.url-link {
  float: left !important;
  padding: 10px;
}

.almost-complete {
  float: left;
  height: 72px;
  max-width: 390px;
  margin-left: 25px;
  overflow: hidden;
  transition: 0.5s ease-in-out;
}
.almost-complete.almostDone {
  height: auto;
}
.almost-complete.almostDone table {
  opacity: 1;
}
.almost-complete strong {
  cursor: pointer;
}
.almost-complete table {
  opacity: 0;
}

.rep-dash {
  margin: 25px auto;
}
.rep-dash .quick-links, .rep-dash .p-volume, .rep-dash .organization-volume {
  float: left;
  margin: 0 15px;
  min-height: 162px;
}
.rep-dash .quick-links {
  min-width: 200px;
  width: auto;
  margin-left: 0;
}
.rep-dash:after {
  display: table;
  content: "";
  clear: both;
}

@media (min-width: 1026px) {
  .place-order-page h2 {
    text-align: right;
  }
}
.place-order-page {
  max-width: 1280px;
  margin: 0 auto;
}
.place-order-page .checkout-container {
  padding: 20px;
  background: #f5f5f5;
  width: 90%;
  margin: 50px auto;
}
.place-order-page .checkout-container:after {
  display: table;
  content: "";
  clear: both;
}
.place-order-page .checkout-container input.ng-invalid.ng-dirty, .place-order-page .checkout-container select.ng-invalid.ng-dirty {
  border: solid 1px red;
}
.place-order-page h2 {
  text-align: center;
  margin-bottom: 15px;
  font-size: 24px;
}
.place-order-page .input-group {
  width: 100%;
  max-width: 300px;
  position: relative;
}
.place-order-page .input-group.dropdown:after {
  position: absolute;
  right: 10px;
  top: 25px;
  font-family: "Linearicons";
  content: "";
  font-size: 15px;
  pointer-events: none;
}
.place-order-page .input-group label {
  display: inline;
  margin: 10px 0 5px;
  font-size: 14px;
  font-weight: 100;
}
.place-order-page .input-group label.same-shipping {
  float: left;
}
.place-order-page .input-group span {
  position: absolute;
  right: 10px;
  top: 20px;
}
.place-order-page .input-group span .lnr {
  font-size: 16px;
}
.place-order-page .input-group input, .place-order-page .input-group select {
  height: 40px;
  line-height: 40px;
  width: 100%;
  max-width: 260px;
  font-size: 16px;
  font-weight: 100;
  color: #838383;
  padding: 0;
  text-indent: 15px;
  border: solid 1px #ddd;
  margin: 10px 0;
  font-family: "Open-Sans", "Helvetica Neue", "sans-serif";
}
.place-order-page .input-group input.coupon-code, .place-order-page .input-group select.coupon-code {
  display: block;
  text-indent: 5px;
  width: 100%;
  height: 30px;
  margin: 0;
}
.place-order-page .input-group #apply-button {
  width: 75px;
  height: 30px;
  line-height: 25px;
  text-align: center;
  background: #273238;
  color: #fff;
  font-size: 16px;
  font-weight: 100;
  cursor: pointer;
  border: none;
  margin-top: 10px;
}
.place-order-page .input-group input[type=checkbox] {
  width: 20px;
  height: 20px;
  float: left;
  margin: 2px auto 0;
}
.place-order-page select {
  background: #fff;
  border: solid 1px #ddd;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -moz-appearance: none;
}
.place-order-page select.shipping-options {
  width: 100%;
  height: 40px;
  font-size: 14px;
  color: #838383;
  font-weight: 100;
  font-family: "Open-Sans", "Helvetica Neue", "sans-serif";
  text-indent: 10px;
}
.place-order-page .information-section {
  position: relative;
  display: flex;
  -webkit-display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  width: 100%;
}
.place-order-page .information-section:after {
  display: table;
  content: "";
  clear: both;
}
.place-order-page .title-row {
  width: 100%;
  height: 40px;
  text-align: center;
  margin: 35px auto 0;
}
.place-order-page .title-row p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: #959595;
  line-height: 25px;
}
.place-order-page .title-row p.activeTab {
  color: #555555;
}
.place-order-page .title-row p.activeTab span {
  background: #273238;
}
.place-order-page .title-row p span {
  display: inline-block;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  background: #959595;
  color: #fff;
  text-align: center;
  margin-right: 5px;
}
.place-order-page .title-row .step-one-nav, .place-order-page .title-row .step-two-nav {
  display: inline-block;
  margin: 0 20px;
}
.place-order-page .your-information, .place-order-page #address-billing, .place-order-page #address-shipping {
  float: left;
  padding: 25px;
  width: 260px;
}
.place-order-page .next-btn-wrapper ::-webkit-input-placeholder {
  color: #fff;
}
.place-order-page .next-btn-wrapper :-moz-placeholder {
  color: #fff;
}
.place-order-page .next-btn-wrapper :-ms-input-placeholder {
  color: #fff;
}
.place-order-page .next-btn-wrapper .next-btn {
  float: right;
  width: 125px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: #273238;
  color: #fff;
  font-size: 20px;
  cursor: not-allowed;
  border: none;
  opacity: 0.5;
}
.place-order-page .next-btn-wrapper .next-btn.enabled {
  opacity: 1;
  cursor: pointer;
}
.place-order-page .confirm-order {
  float: left;
  margin: 0 25px;
}
.place-order-page .payment-method {
  position: relative;
  float: left;
  margin: 0 25px;
  width: 261px;
}
.place-order-page .payment-method input {
  display: block;
  width: 255px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
  font-size: 16px;
  text-indent: 10px;
}
.place-order-page .payment-method input.place-order {
  float: right;
  width: 150px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: #273238;
  color: #fff;
  text-indent: 0;
  font-size: 20px;
  cursor: pointer;
  border: none;
  margin-top: 25px;
}
.place-order-page .payment-method .payment-btn:after {
  display: table;
  content: "";
  clear: both;
}
.place-order-page .payment-method .payment-btn .accepted-cards {
  display: block;
  height: 50px;
}
.place-order-page .payment-method .payment-options:after, .place-order-page .payment-method .order-buttons:after {
  display: table;
  content: "";
  clear: both;
}
.place-order-page .payment-method .return-btn {
  float: left;
  margin-top: 25px;
  bottom: 20px;
  height: 45px;
  line-height: 45px;
  width: 100px;
  background: #273238;
  color: #fff;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
}
.place-order-page .payment-method select {
  width: 85px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #838383;
  font-weight: 100;
  font-family: "Open-Sans", "Helvetica Neue", "sans-serif";
  margin: 0 2px;
  text-indent: 10px;
}
.place-order-page .payment-method .credit-cards {
  float: right;
  padding: 15px 0 5px;
}
.place-order-page .confirm-order-section {
  display: flex;
  -webkit-display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 20px;
}
.place-order-page .confirm-order-section:after {
  display: table;
  content: "";
  clear: both;
}
.place-order-page .confirm-order-section table {
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  background: #fff;
}
.place-order-page .confirm-order-section th, .place-order-page .confirm-order-section td {
  padding: 8px;
  text-align: center;
}
.place-order-page .confirm-order-section th.product-name, .place-order-page .confirm-order-section td.product-name {
  text-align: left;
}
.place-order-page .confirm-order-section th.product-price, .place-order-page .confirm-order-section td.product-price {
  text-align: right;
}
.place-order-page .confirm-order-section tr {
  border-top: solid 1px #ccc;
  width: 530px;
  height: 40px;
}
.place-order-page .confirm-order-section th {
  font-weight: 400;
  color: #555555;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
}
.place-order-page .confirm-details {
  width: 530px;
}
.place-order-page .confirm-details h4 {
  margin: 0;
  float: left;
  color: #555555;
  font-weight: 300;
}
.place-order-page .confirm-details .totals-left-col {
  float: left;
}
.place-order-page .confirm-details .totals-right-col {
  float: right;
  min-width: 250px;
  max-width: 300px;
}
.place-order-page .confirm-details .price-col {
  float: right;
  margin-right: 7px;
  text-align: right;
}
.place-order-page .confirm-details .total-line {
  height: 30px;
  line-height: 30px;
}
.place-order-page .confirm-details:after {
  display: table;
  content: "";
  clear: both;
}
.place-order-page .confirm-details #total {
  color: #555555;
}
.place-order-page .confirm-details .applied-coupons {
  float: none;
  margin-top: 20px;
  text-align: left;
}
.place-order-page .coupon-wrapper {
  float: left;
  width: 200px;
  margin-top: 5px;
  text-align: right;
}
.place-order-page .coupon-wrapper #invalid {
  text-align: left;
  margin-top: 10px;
}
.place-order-page .confirm-totals {
  width: 100%;
  margin-top: 20px;
}
.place-order-page .confirm-totals:after {
  display: table;
  content: "";
  clear: both;
}

.not-in-order {
  color: tomato;
  margin-bottom: 10px;
}

.scan-columns {
  display: flex;
  -webkit-display: flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}
.scan-columns h3 {
  text-decoration: underline;
}
.scan-columns ul {
  padding-left: 0;
  list-style-type: none;
}
.scan-columns button {
  background: #273238;
  color: white;
  border: none;
  height: 40px;
}
.scan-columns .scanItems {
  display: inline-block;
  width: 49%;
  text-align: center;
}

.public-pages {
  max-width: 1330px;
  margin: 50px auto 0;
  padding: 0 10px;
}

.upload-image {
  height: 200px;
}

#drop-zone, #drop-zone-media {
  border: 2px dashed #bbb;
  text-align: center;
  padding: 25px;
  min-height: 50px;
  font-size: 18px;
  font-weight: 400;
}

.small-print {
  text-align: center;
  font-size: 12px;
  width: 100%;
}

.home-links {
  text-align: center;
  color: white;
}
.home-links a {
  color: white;
}

.no-bullets {
  list-style-type: none;
}

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

.product-line {
  position: relative;
  margin: 40px auto;
}
.product-line.top {
  margin-top: 0;
}
.product-line:after {
  display: table;
  content: "";
  clear: both;
}
.product-line .panel-body {
  padding: 0;
}
.product-line .heading {
  height: 37px;
  padding: 0 15px;
  background: #273238;
  color: #fff;
  margin-bottom: 5px;
}
.product-line .heading h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 0;
}
.product-line input, .product-line select {
  height: 40px;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  border: none;
}
.product-line input.cat-name, .product-line select.cat-name {
  border: solid 1px #eee;
}
.product-line input.submit-btn, .product-line select.submit-btn {
  position: absolute;
  right: 0;
  height: 40px;
  padding: 5px 15px;
  background: #273238;
  color: #fff;
  font-size: 20px;
}
.product-line .input-wrapper {
  float: left;
  border: solid 1px #eee;
  text-indent: 5px;
  margin: 0 5px;
}
.product-line .input-wrapper.name {
  width: 100%;
  max-width: 350px;
}
.product-line .input-wrapper.name input {
  width: 100%;
}
.product-line .input-wrapper.url {
  display: none;
  background: #eee;
  min-width: 275px;
  height: 42px;
  padding: 15px 5px;
}
.product-line .input-wrapper:after {
  display: table;
  content: "";
  clear: both;
}
.product-line select {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-appearance: none;
  padding: 0 5px;
}
.product-line .select-wrapper {
  position: relative;
  float: left;
  border: solid 1px #eee;
  margin: 0px 5px;
}
.product-line .select-wrapper select {
  padding: 0 30px;
}
.product-line .select-wrapper .cat-heading {
  font-size: 18px;
  color: black;
  border-bottom: 1px solid #f5f5f5;
  padding: 10px;
}
.product-line .select-wrapper.categories {
  float: none;
  width: 100%;
  border: none;
  text-indent: 0;
  color: #838383;
  margin: 0;
}
.product-line .select-wrapper.categories select {
  margin-left: 10px;
  width: 95%;
  height: 30px;
  background: #f5f5f5;
}
.product-line .select-wrapper.type {
  max-width: 350px;
}
.product-line .select-wrapper:after {
  display: table;
  content: "";
  clear: both;
}
.product-line .select-wrapper span {
  position: absolute;
  right: 5px;
  top: 10px;
}
.product-line .descriptions {
  width: 100%;
  max-width: 49%;
  float: left;
}
.product-line .descriptions textarea {
  border: none;
  padding: 0;
  width: 100%;
  padding: 10px;
  min-height: 180px;
  resize: none;
}
.product-line .descriptions.right {
  float: right;
}
.product-line .tag-search {
  margin-bottom: 0;
}
.product-line .tag-search .input-wrapper {
  width: 100%;
  height: 40px;
  border: none;
  padding: 0;
}
.product-line .seperate {
  font-size: 12px;
  color: #838383;
  margin-left: 5px;
}
.product-line .tags {
  display: flex;
  -webkit-display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  padding-left: 0;
  list-style-type: none;
}
.product-line .tags li {
  position: relative;
  border: solid 1px #eee;
  padding: 5px;
  margin: 5px;
}
.product-line .tags li span {
  margin-left: 5px;
}
.product-line .category {
  display: flex;
  -webkit-display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  padding-left: 0;
  list-style-type: none;
}
.product-line .category.added {
  display: block;
}
.product-line .category .parent-sub {
  padding: 5px;
  width: 100%;
  border-right: none;
  border-left: none;
  margin-top: 10px;
}
.product-line .category .parent-sub:after {
  display: table;
  content: "";
  clear: both;
}
.product-line .category .parent-sub .parent, .product-line .category .parent-sub .sub {
  float: left;
  width: 50%;
  text-indent: 15px;
}
.product-line .category .parent-sub i {
  position: absolute;
  right: 10px;
  padding: 5px;
  font-size: 12px;
}
.product-line .category-panel {
  margin-bottom: 0;
}
.product-line .category-list li {
  position: relative;
  border: solid 1px #eee;
  padding: 5px;
}
.product-line .tag-list {
  display: inline-block;
}
.product-line .visible label, .product-line .visible input {
  height: 25px;
  width: auto;
  font-weight: 400;
  vertical-align: bottom;
  float: left;
  margin-top: 0;
}
.product-line .visible .panel-body {
  padding: 15px;
}
.product-line .visible input {
  margin-right: 10px;
}
.product-line table {
  width: 100%;
}
.product-line table thead {
  color: #fff;
  background: #273238;
  border-bottom: solid 1px #eee;
}
.product-line table thead h3 {
  font-size: 16px;
}
.product-line table td.product-id input {
  width: 100%;
}
.product-line table label {
  font-size: 12px;
  font-weight: 300;
}
.product-line table .top .form-group {
  margin-top: 10px;
}
.product-line table .input-group {
  margin: 0 auto;
}
.product-line table input {
  background: #eee;
  height: 25px;
}
.product-line .btn-container {
  position: relative;
  min-height: 40px;
  width: 100%;
}
.product-line .btn-container button {
  position: absolute;
  right: 0;
  background: #273238;
  border: none;
  color: #fff;
  padding: 10px;
  font-size: 16px;
}
.product-line .item-list {
  border: none;
  margin: 50px 0;
}
.product-line .item-list thead {
  background: #eee;
  color: #838383;
}
.product-line .item-list .panel-heading {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.product-line .p-header {
  float: left;
  background: #273238;
  color: #fff;
  padding: 10px;
  margin: 0;
  font-size: 16px;
  height: 45px;
}
.product-line .panel-title {
  font-weight: 400;
}

.product-line .supplies {
  width: auto;
}

.product-search input {
  float: left;
  width: 74%;
  height: 45px;
  max-width: 835px;
  border: solid 1px #ddd;
  text-indent: 5px;
}
.product-search button {
  position: absolute;
  right: 0;
  border: none;
  background: rgba(59, 183, 232, 0.5);
  color: #fff;
  height: 45px;
  line-height: 24px;
  width: 188px;
  padding: 10px;
  font-size: 16px;
}
.product-search button:after {
  content: "";
  font-family: "linearicons";
  margin-left: 5px;
  font-size: 16px;
}
.product-search:after {
  display: table;
  content: "";
  clear: both;
}
.product-search form {
  position: relative;
}
.product-search form:after {
  display: table;
  content: "";
  clear: both;
}
.product-search .search-header {
  background: #273238;
  color: #fff;
  height: 40px;
  padding: 10px 15px;
  margin-bottom: 10px;
}
.product-search .search-header h3 {
  margin: 0;
  font-size: 18px;
}

.product-head {
  display: flex;
}
.product-head:after {
  display: table;
  content: "";
  clear: both;
}
.product-head:focus {
  outline: none;
}
.product-head .img-wrapper {
  margin-left: 15px;
}
.product-head .img-wrapper:after {
  display: table;
  content: "";
  clear: both;
}

.sub-totals {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  text-align: center;
}

.one-third {
  width: 33%;
}

.totals {
  height: 60px;
  line-height: 60px;
  background: #273238;
  color: #fff;
  font-size: 18px;
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  text-align: center;
}
.totals input {
  width: 100px;
  color: #838383;
  background: #fff;
  text-align: center;
}

.items-added {
  max-height: 0;
  overflow: hidden;
  transition: 1s ease-in-out;
}
.items-added.itemsAdded {
  max-height: 100%;
}
.items-added h2 {
  min-width: 300px;
}

.inventory-filter label {
  font-weight: 100;
}
.inventory-filter select {
  border: none;
  background: #fafafa;
  border-radius: 2px;
  font-size: 16px;
  font-weight: 100;
  height: 40px;
}
.inventory-filter .category {
  float: right;
  margin: 0 20px;
}
.inventory-filter .alpha-price {
  float: right;
}
.inventory-filter:after {
  display: table;
  content: "";
  clear: both;
}

.slick-slide {
  cursor: pointer;
}

.inventory-modal {
  position: absolute;
  top: -200%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 99999;
  overflow: hidden;
}
.inventory-modal.visible {
  top: 0;
  background: rgba(255, 255, 255, 0.8);
  transition: 0.5s ease-in-out;
}
.inventory-modal h4 {
  font-weight: 400;
}
.inventory-modal ul {
  padding-left: 0;
  list-style-type: none;
}
.inventory-modal ul.lgModal-img {
  position: relative;
  overflow: hidden;
}
.inventory-modal ul.lgModal-img .slick-track:after {
  display: table;
  content: "";
  clear: both;
}
.inventory-modal ul.lgModal-img li {
  float: left;
  cursor: pointer;
}
.inventory-modal ul.productModal {
  height: 450px;
}
.inventory-modal ul.productModal li {
  float: left;
}
.inventory-modal ul.thumbnails {
  height: 100px;
  width: 350px;
  overflow: hidden;
}
.inventory-modal ul.thumbnails button {
  display: none;
}
.inventory-modal ul.thumbnails .slick-track {
  max-height: 100px;
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.inventory-modal ul.thumbnails li {
  position: relative;
  display: inline-block;
}
.inventory-modal ul.thumbnails .slick-prev, .inventory-modal ul.thumbnails .slick-next {
  position: absolute;
  width: 30px;
  height: 100%;
  color: #273238;
  font-size: 25px;
  z-index: 25;
  text-align: center;
  border: none;
  background: transparent;
}
.inventory-modal ul.thumbnails .slick-prev {
  left: -20px;
}
.inventory-modal ul.thumbnails .slick-prev:before {
  font-family: "Linearicons";
  content: "";
  color: #838383;
}
.inventory-modal ul.thumbnails .slick-next {
  right: -20px;
  top: 0;
}
.inventory-modal ul.thumbnails .slick-next:before {
  font-family: "Linearicons";
  content: "";
  color: #838383;
}
.inventory-modal .inventory-show {
  position: relative;
  width: 100%;
  max-width: 768px;
  margin: 50px auto 0;
  background: #fff;
  box-shadow: 1px 2px 10px 3px #c2c4c6;
  max-height: 800px;
  overflow: scroll;
}
.inventory-modal .inventory-show:after {
  display: table;
  content: "";
  clear: both;
}
.inventory-modal .inventory-show:focus {
  outline: none;
}
.inventory-modal .close-modal {
  position: absolute;
  top: 8px;
  right: 12px;
  font-size: 26px;
  color: #838383;
  cursor: pointer;
}
.inventory-modal .inventory-images {
  text-align: center;
  padding: 20px;
}
.inventory-modal .inventory-images .main-img {
  width: 100%;
  max-width: 350px;
  margin: 30px auto 0;
}
.inventory-modal .inventory-images .main-img img {
  width: 100%;
}
.inventory-modal .inventory-images .img-carousel {
  position: relative;
  width: 350px;
  margin: 0 auto;
}
.inventory-modal .lgModal-img button {
  display: none;
}
.inventory-modal .lgModal-img .slick-track {
  max-height: 100%;
}
.inventory-modal .product-details {
  max-width: 650px;
  margin: 0 auto;
  padding: 0 20px 20px;
  font-weight: 100;
}
.inventory-modal .product-details .left-col {
  float: left;
  width: 50%;
  margin: 0 auto;
}
.inventory-modal .product-details .left-col.right {
  text-align: right;
}
.inventory-modal .product-details:after {
  display: table;
  content: "";
  clear: both;
}
.inventory-modal .select-wrapper {
  float: right;
  height: 40px;
  border: solid 1px #eee;
  text-indent: 5px;
  padding: 0 5px;
}
.inventory-modal .select-wrapper label {
  font-weight: 100;
}
.inventory-modal .select-wrapper:after {
  display: table;
  content: "";
  clear: both;
}
.inventory-modal .select-wrapper select {
  border: none;
  background: none;
  font-size: 14px;
  color: #838383;
  cursor: pointer;
  text-align: center;
}
.inventory-modal .select-wrapper select:focus {
  outline: none;
}
.inventory-modal .quantity-wrapper {
  float: right;
  height: 40px;
  border: solid 1px #eee;
  text-indent: 5px;
  min-width: 104px;
}
.inventory-modal .quantity-wrapper label {
  font-weight: 100;
}
.inventory-modal .quantity-wrapper:after {
  display: table;
  content: "";
  clear: both;
}
.inventory-modal .quantity-wrapper input {
  border: none;
  background: none;
  font-size: 14px;
  color: #838383;
  cursor: pointer;
  width: 50px;
  height: 38px;
  text-align: center;
}
.inventory-modal .quantity-wrapper input:focus {
  outline: none;
}
.inventory-modal .line {
  width: 100%;
  height: 50px;
  text-align: center;
}
.inventory-modal .line:after {
  display: table;
  content: "";
  clear: both;
}
.inventory-modal .price {
  display: inline-block;
  font-size: 18px;
}
.inventory-modal .add-to-cart {
  float: right;
  color: #fff;
  background: #273238;
  font-size: 18px;
  font-family: "Open-Sans", "Helvetica Neue", "sans-serif";
  width: 130px;
  height: 40px;
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.inventory-modal .add-to-cart.sold-out {
  display: none;
}

.lnr-cloud-upload {
  font-size: 18px;
}

.cp-terms {
  padding-left: 15px;
}
.cp-terms li {
  display: list-item;
}

th:focus {
  outline: none;
  user-select: none;
}

.dropzone .dz-preview {
  margin: 15px 0 !important;
}
.dropzone .dz-preview .dz-image {
  border-radius: 0 !important;
}

.space-around {
  display: flex;
  -webkit-display: flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}

.email-labels {
  border: 1px solid black;
  border-radius: 5px;
  color: black;
  padding: 3px;
  margin: 5px;
  white-space: nowrap;
  display: inline-block;
}
.email-labels .lnr-cross {
  color: red;
  font-size: 10px;
}

.build-coupon {
  background: #273238;
  padding: 5px;
  color: white;
  font-size: 16px;
}

.nacha {
  text-decoration: none;
  margin: 7px;
  padding: 7px;
  color: white;
  background: #25C560;
}
.nacha:hover {
  text-decoration: none;
  color: inherit;
}

.no-results {
  font-size: 18px;
  margin-top: 20px;
}

.white-text {
  color: white;
}

@media (max-width: 1180px) {
  .almost-complete {
    margin-left: 0;
    padding: 19px 5px;
    display: block !important;
  }

  .url-link {
    max-width: 390px;
    float: none !important;
    display: block !important;
  }

  .rep-dash .quick-links, .rep-dash .p-volume, .rep-dash .organization-volume {
    width: 90%;
    margin: 25px auto 0;
    display: block;
    float: none;
  }

  .graphs, .profile-alerts {
    max-width: 90%;
    margin: 25px auto 0;
  }

  .place-order-page .payment-method {
    margin: 0 15px;
  }

  .product-line .input-wrapper, .product-line .select-wrapper {
    float: none;
    display: block;
    margin: 15px 0;
  }
  .product-line .input-wrapper select, .product-line .select-wrapper select {
    width: 100%;
    padding: 0 5px;
  }
}
@media (max-width: 1024px) {
  .cp-full {
    text-align: center;
  }

  .edit-product {
    margin: 0 auto;
  }

  .home-img {
    margin: 50px 0;
  }
  .home-img img {
    float: none;
  }
  .home-img img.right {
    float: none;
    width: 100%;
  }
  .home-img .home-text {
    float: none;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
  .home-img .home-text.left {
    float: none;
  }
  .home-img .home-text.left a {
    position: static;
  }

  .home-wrapper .slogan-wrapper {
    position: static;
    left: 0;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }
  .home-wrapper .overlay-text h1 {
    font-size: 66px;
  }
  .home-wrapper .overlay-text p {
    font-size: 32px;
    max-width: 100%;
  }
  .home-wrapper .overlay-text a {
    margin-left: 0;
  }

  .place-order-page .confirm-order {
    float: none;
    margin: 0 auto;
    width: 100%;
  }
  .place-order-page .confirm-details {
    width: 100%;
  }
  .place-order-page .confirm-order-section {
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .place-order-page .your-information, .place-order-page #address-billing, .place-order-page #address-shipping {
    padding: 5px;
    width: 230px;
  }
  .place-order-page .checkout-container {
    width: 95%;
    padding: 5px 5px 25px;
  }
  .place-order-page .payment-method {
    width: 95%;
    margin: 0 auto;
    float: none;
  }
  .place-order-page .payment-method input {
    width: 100%;
  }
  .place-order-page .payment-method input.place-order {
    margin-top: 0;
  }
  .place-order-page .payment-method .credit-cards {
    float: none;
  }
  .place-order-page .payment-method .order-buttons {
    margin-top: 20px;
  }
  .place-order-page .payment-btn {
    margin-top: 10px;
  }
  .place-order-page .payment-btn .return-btn {
    position: static;
    float: left;
  }

  .register-wrapper .register-container .register-index ul {
    width: 100%;
  }
  .register-wrapper .register-container .register-index li p {
    margin-left: 5px;
  }

  .product-search input {
    width: 65%;
  }
}
@media (max-width: 1000px) {
  .home-header .demo-categories {
    display: none;
  }
}
@media (max-width: 991px) {
  .header-text {
    display: none;
  }

  .contact-info .personal-info {
    float: none;
    margin: 0 auto;
    text-align: left;
    width: auto;
    max-width: 372px;
  }

  .public-container .public-wrapper.contact {
    text-align: center;
  }
  .public-container form {
    margin-top: 50px;
    margin-left: 0;
  }
}
@media (max-width: 825px) {
  .register-wrapper .register-container {
    width: 100%;
  }
}
@media (max-width: 768px) {
  #top-right-menu {
    display: none;
  }

  #content {
    padding: 0 0 100px;
  }

  .navbar-header {
    float: none;
  }

  .sub-wrapper {
    padding: 0 20px;
  }

  .cp-wrapper {
    padding: 8% 0;
    text-align: center;
  }

  .homepage-banners .banner-one, .homepage-banners .banner-two, .homepage-banners .banner-three {
    height: 400px;
  }
  .homepage-banners .slick-track {
    height: 400px;
  }

  .sub-header .sub-option .loginAs {
    display: none;
  }
}
@media (max-width: 767px) {
  .register-wrapper .register-container .register-index {
    flex-direction: column;
    -webkit-flex-diretion: column;
  }
  .register-wrapper .register-container .register-index li {
    float: none;
    width: 100%;
    height: 40px;
  }

  .home-header .logo {
    width: 150px;
  }
  .home-header .app-icons {
    display: none;
  }

  .home-wrapper .slogan-wrapper {
    max-width: 600px;
    margin: 0 auto;
    padding-left: 15px;
    text-align: center;
  }
  .home-wrapper .p-break {
    display: none;
  }
  .home-wrapper .overlay-text h1 {
    font-size: 66px;
  }
  .home-wrapper .overlay-text p {
    font-size: 32px;
  }
  .home-wrapper .overlay-text a {
    font-size: 20px;
  }
  .home-wrapper .overlay-text.top {
    padding: 75px 0 0;
  }
}
@media (max-width: 700px) {
  .sm-font {
    font-size: 10px;
  }

  .place-order-page .payment-btn .return-btn {
    float: left;
  }

  .order-buttons {
    margin-top: 25px;
  }

  .register-wrapper form {
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .register-wrapper .input-wrapper .state-zip {
    width: 100%;
    float: none;
  }
  .register-wrapper .register-container .columns {
    float: none;
    max-width: 95%;
    margin: 0 auto;
  }
  .register-wrapper .register-container .columns input {
    width: 100%;
  }
  .register-wrapper .register-container .columns input.zip-input {
    width: 40%;
  }
  .register-wrapper .register-container .columns small {
    margin: 5px 0 22px;
  }
  .register-wrapper .agree {
    text-align: left;
  }
}
@media (max-width: 660px) {
  .bundle-details {
    max-width: 100%;
    text-align: center;
  }

  .public-cart table {
    border: none;
  }
  .public-cart table thead {
    display: none;
  }
  .public-cart table th, .public-cart table td {
    width: auto;
    max-width: 66px;
  }
  .public-cart table tr {
    display: flex;
    -webkit-display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    border: solid 1px #ddd;
    margin: 10px 0;
    height: 100px;
  }
  .public-cart table td {
    text-align: left;
    font-size: 13px;
  }
  .public-cart table td span {
    display: block;
  }
  .public-cart table td:last-child {
    border-bottom: 0;
  }
  .public-cart table td.featured-image {
    text-align: center;
  }
  .public-cart .public-cart-wrapper {
    width: 95%;
  }
  .public-cart .public-cart-container {
    width: 100%;
    padding: 0;
  }

  .accordion .accordion-head.table {
    border-bottom: none;
  }
  .accordion .accordion-body.table td:nth-child(5) {
    display: none;
  }

  .place-order-page .information-section {
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .place-order-page .your-information, .place-order-page #address-billing, .place-order-page #address-shipping {
    margin: 0 auto;
    width: 100%;
    padding: 0;
  }
  .place-order-page .input-group {
    max-width: 100%;
  }
  .place-order-page .input-group input {
    max-width: 100%;
  }
  .place-order-page .input-group select {
    max-width: 100%;
  }
}
@media (max-width: 630px) {
  footer.home-footer ul {
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  footer.home-footer li {
    text-align: center;
  }
}
@media (max-width: 510px) {
  .home-header {
    padding: 10px 5px;
  }

  .home-wrapper .overlay-text h1 {
    font-size: 35px;
  }
  .home-wrapper .overlay-text p {
    font-size: 20px;
  }

  #header-menu .navbar-brand img {
    width: 200px;
  }

  .sub-header {
    height: auto;
  }
  .sub-header h1 {
    width: 100%;
    text-align: center;
  }
  .sub-header .sub-option {
    position: static;
    width: 100%;
    margin-top: 10px;
  }
  .sub-header .sub-option .pull-right {
    float: none !important;
    margin: 0 auto;
  }
  .sub-header .sub-option .loginAs {
    float: none;
  }

  .product-grid {
    display: flex;
    -webkit-display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
  }

  .home-wrapper .overlay-text img {
    max-width: 70%;
    margin: 30px auto 0;
  }

  .page-actions .pull-left {
    margin-left: 0;
  }
  .page-actions .count {
    top: -40px;
  }

  .almost-complete {
    margin-bottom: 0;
  }

  .almost-complete, .url-link {
    font-size: 12px;
  }

  .place-order-page h2 {
    margin-left: 10px;
  }
  .place-order-page .confirm-details .totals-left-col {
    float: none;
  }
  .place-order-page .confirm-details .totals-right-col {
    margin-top: 50px;
    float: none;
    max-width: 100%;
  }
  .place-order-page .confirm-order {
    margin-top: 40px;
  }
  .place-order-page .coupon-wrapper {
    width: 225px;
    float: none;
    margin-top: 0;
  }
  .place-order-page .coupon-wrapper #apply-button {
    margin-top: 20px;
  }
  .place-order-page .title-row .step-one-nav {
    display: block;
    text-align: left;
  }
  .place-order-page .title-row .step-two-nav {
    display: block;
    margin: 20px;
    text-align: left;
  }
  .place-order-page .information-section {
    margin-top: 40px;
  }
  .place-order-page .input-group {
    max-width: 90%;
    margin: 0 auto;
  }
  .place-order-page .input-group input {
    max-width: 100%;
  }
  .place-order-page .input-group input.coupon-code {
    display: inline-block;
  }
  .place-order-page .input-group.coupon-wrapper {
    margin: 30px 0 0;
  }
  .place-order-page .input-group select {
    max-width: 100%;
  }
  .place-order-page .input-group #apply-button {
    margin-top: 0;
  }
  .place-order-page .payment-method {
    margin: 50px auto;
  }
  .place-order-page .payment-method input.place-order {
    width: 100%;
    margin-top: 30px;
  }
  .place-order-page .your-information, .place-order-page #address-billing, .place-order-page #address-shipping {
    float: none;
    width: 100%;
  }
  .place-order-page .next-btn {
    float: none;
    display: block;
    width: 90%;
    margin: 30px auto 0;
  }

  .inventory-modal .inventory-images .img-carousel {
    width: auto;
  }
  .inventory-modal ul.thumbnails {
    width: auto;
  }
}
@media (max-width: 400px) {
  .home-wrapper .overlay-text h1 {
    max-width: 95%;
    margin: 0 auto;
    font-size: 31px;
  }
  .home-wrapper .overlay-text p {
    font-size: 16px;
  }

  .success-modal .box {
    max-width: 95%;
    margin: 175px auto 0;
    min-height: 250px;
  }
  .success-modal p {
    padding: 60px 0 50px;
  }
}
@media (max-width: 320px) {
  #header-menu .navbar-brand img {
    width: auto;
    max-width: 165px;
  }

  .home-wrapper .overlay-text .actions {
    padding-top: 0;
  }
  .home-wrapper .overlay-text .actions {
    padding-top: 10px;
  }
  .home-wrapper .overlay-text img {
    margin: 20px auto 0;
  }

  .public-cart table tr {
    padding: 0;
  }
  .public-cart table td {
    padding: 25px 5px;
  }
}
#dendrogram-header {
  margin: 30px 0 0 30px !important;
}

#dendrogram-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#dendrogram {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto !important;
  height: 100%;
}

.node {
  cursor: pointer;
}

.node circle {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.node text {
  padding: 20px;
  font: 10px sans-serif;
}

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
}

.downline-popover {
  display: block;
}

.warning-message {
  font-family: arial;
  display: block;
  color: black;
  padding: 10px;
  margin-top: 2px;
  margin-bottom: 2px;
  width: 100%;
  background: #FFB6C1;
  text-align: left;
  border-radius: 3px;
}

.success-message {
  display: block;
  color: black;
  padding: 10px;
  margin-top: 2px;
  margin-bottom: 5px;
  width: 100%;
  background: #5cb85c;
  text-align: left;
  border-radius: 3px;
}

.error {
  border: 1px solid tomato;
}

.success-modal {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  padding: 10px;
}
.success-modal p {
  margin: 0;
  color: #000;
  padding: 70px 0 50px;
  font-size: 24px;
}
.success-modal .box {
  max-width: 400px;
  margin: 250px auto 0;
  height: auto;
  min-height: 275px;
  background: #fff;
  color: #fff;
}
.success-modal a {
  padding: 10px;
  border-radius: 2px;
  background: #273238;
  color: #fff;
  box-shadow: none;
  border: none;
  margin: 10px;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.apply-coupon {
  cursor: pointer;
}
.apply-coupon input {
  display: block;
  width: 255px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
  font-size: 16px;
  text-indent: 10px;
}

@media (max-width: 768px) {
  .inventory-filter select {
    font-size: 12px;
  }

  .inventory-filter .category {
    margin: 5px 5px 0px 5px !important;
  }

  .inventory-filter .alpha-price {
    margin: 5px 5px 0px 5px !important;
  }
}
.text-center {
  text-align: center !important;
}

.h-1 {
  height: 1em;
}

.h-2 {
  height: 2em;
}

.h-3 {
  height: 3em;
}

.h-4 {
  height: 4em;
}

.h-5 {
  height: 5em;
}

.h-6 {
  height: 6em;
}

.h-7 {
  height: 7em;
}

.h-8 {
  height: 8em;
}

.h-9 {
  height: 9em;
}

.h-10 {
  height: 10em;
}

.mh-1 {
  max-height: 1em;
}

.mh-2 {
  max-height: 2em;
}

.mh-3 {
  max-height: 3em;
}

.mh-4 {
  max-height: 4em;
}

.mh-5 {
  max-height: 5em;
}

.mh-6 {
  max-height: 6em;
}

.mh-7 {
  max-height: 7em;
}

.mh-8 {
  max-height: 8em;
}

.mh-9 {
  max-height: 9em;
}

.mh-10 {
  max-height: 10em;
}

.lh-1000 {
  line-height: 1em;
}

.lh-1500 {
  line-height: 1.5em;
}

.lh-2000 {
  line-height: 2em;
}

.lh-2500 {
  line-height: 2.5em;
}

.wpx-10 {
  width: 10px;
}

.wpx-25 {
  width: 25px;
}

.wpx-50 {
  width: 50px;
}

.wpx-75 {
  width: 75px;
}

.wpx-100 {
  width: 100px;
}

.wpx-125 {
  width: 125px;
}

.wpx-150 {
  width: 150px;
}

.wpx-175 {
  width: 175px;
}

.wpx-200 {
  width: 200px;
}

.wpx-225 {
  width: 225px;
}

.wpx-250 {
  width: 250px;
}

.wpx-275 {
  width: 275px;
}

.wpx-300 {
  width: 300px;
}

.backoffice-banner {
  background: lightgoldenrodyellow;
  padding: 1em;
}
.backoffice-banner button {
  float: right;
}

table.table-column-borders {
  border: 1px solid #343a40;
  border-collapse: collapse;
}
table.table-column-borders td {
  border-left: 1px solid #343a40;
  border-right: 1px solid #343a40;
}

@font-face {
  font-family: Linearicons;
  src: url("/fonts/Linearicons.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
[class*=" lnr-"], [class^=lnr-] {
  font-family: Linearicons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lnr-home:before {
  content: "";
}

.lnr-home2:before {
  content: "";
}

.lnr-home3:before {
  content: "";
}

.lnr-home4:before {
  content: "";
}

.lnr-home5:before {
  content: "";
}

.lnr-home6:before {
  content: "";
}

.lnr-bathtub:before {
  content: "";
}

.lnr-toothbrush:before {
  content: "";
}

.lnr-bed:before {
  content: "";
}

.lnr-couch:before {
  content: "";
}

.lnr-chair:before {
  content: "";
}

.lnr-city:before {
  content: "";
}

.lnr-apartment:before {
  content: "";
}

.lnr-pencil:before {
  content: "";
}

.lnr-pencil2:before {
  content: "";
}

.lnr-pen:before {
  content: "";
}

.lnr-pencil3:before {
  content: "";
}

.lnr-eraser:before {
  content: "";
}

.lnr-pencil4:before {
  content: "";
}

.lnr-pencil5:before {
  content: "";
}

.lnr-feather:before {
  content: "";
}

.lnr-feather2:before {
  content: "";
}

.lnr-feather3:before {
  content: "";
}

.lnr-pen2:before {
  content: "";
}

.lnr-pen-add:before {
  content: "";
}

.lnr-pen-remove:before {
  content: "";
}

.lnr-vector:before {
  content: "";
}

.lnr-pen3:before {
  content: "";
}

.lnr-blog:before {
  content: "";
}

.lnr-brush:before {
  content: "";
}

.lnr-brush2:before {
  content: "";
}

.lnr-spray:before {
  content: "";
}

.lnr-paint-roller:before {
  content: "";
}

.lnr-stamp:before {
  content: "";
}

.lnr-tape:before {
  content: "";
}

.lnr-desk-tape:before {
  content: "";
}

.lnr-texture:before {
  content: "";
}

.lnr-eye-dropper:before {
  content: "";
}

.lnr-palette:before {
  content: "";
}

.lnr-color-sampler:before {
  content: "";
}

.lnr-bucket:before {
  content: "";
}

.lnr-gradient:before {
  content: "";
}

.lnr-gradient2:before {
  content: "";
}

.lnr-magic-wand:before {
  content: "";
}

.lnr-magnet:before {
  content: "";
}

.lnr-pencil-ruler:before {
  content: "";
}

.lnr-pencil-ruler2:before {
  content: "";
}

.lnr-compass:before {
  content: "";
}

.lnr-aim:before {
  content: "";
}

.lnr-gun:before {
  content: "";
}

.lnr-bottle:before {
  content: "";
}

.lnr-drop:before {
  content: "";
}

.lnr-drop-crossed:before {
  content: "";
}

.lnr-drop2:before {
  content: "";
}

.lnr-snow:before {
  content: "";
}

.lnr-snow2:before {
  content: "";
}

.lnr-fire:before {
  content: "";
}

.lnr-lighter:before {
  content: "";
}

.lnr-knife:before {
  content: "";
}

.lnr-dagger:before {
  content: "";
}

.lnr-tissue:before {
  content: "";
}

.lnr-toilet-paper:before {
  content: "";
}

.lnr-poop:before {
  content: "";
}

.lnr-umbrella:before {
  content: "";
}

.lnr-umbrella2:before {
  content: "";
}

.lnr-rain:before {
  content: "";
}

.lnr-tornado:before {
  content: "";
}

.lnr-wind:before {
  content: "";
}

.lnr-fan:before {
  content: "";
}

.lnr-contrast:before {
  content: "";
}

.lnr-sun-small:before {
  content: "";
}

.lnr-sun:before {
  content: "";
}

.lnr-sun2:before {
  content: "";
}

.lnr-moon:before {
  content: "";
}

.lnr-cloud:before {
  content: "";
}

.lnr-cloud-upload:before {
  content: "";
}

.lnr-cloud-download:before {
  content: "";
}

.lnr-cloud-rain:before {
  content: "";
}

.lnr-cloud-hailstones:before {
  content: "";
}

.lnr-cloud-snow:before {
  content: "";
}

.lnr-cloud-windy:before {
  content: "";
}

.lnr-sun-wind:before {
  content: "";
}

.lnr-cloud-fog:before {
  content: "";
}

.lnr-cloud-sun:before {
  content: "";
}

.lnr-cloud-lightning:before {
  content: "";
}

.lnr-cloud-sync:before {
  content: "";
}

.lnr-cloud-lock:before {
  content: "";
}

.lnr-cloud-gear:before {
  content: "";
}

.lnr-cloud-alert:before {
  content: "";
}

.lnr-cloud-check:before {
  content: "";
}

.lnr-cloud-cross:before {
  content: "";
}

.lnr-cloud-crossed:before {
  content: "";
}

.lnr-cloud-database:before {
  content: "";
}

.lnr-database:before {
  content: "";
}

.lnr-database-add:before {
  content: "";
}

.lnr-database-remove:before {
  content: "";
}

.lnr-database-lock:before {
  content: "";
}

.lnr-database-refresh:before {
  content: "";
}

.lnr-database-check:before {
  content: "";
}

.lnr-database-history:before {
  content: "";
}

.lnr-database-upload:before {
  content: "";
}

.lnr-database-download:before {
  content: "";
}

.lnr-server:before {
  content: "";
}

.lnr-shield:before {
  content: "";
}

.lnr-shield-check:before {
  content: "";
}

.lnr-shield-alert:before {
  content: "";
}

.lnr-shield-cross:before {
  content: "";
}

.lnr-lock:before {
  content: "";
}

.lnr-rotation-lock:before {
  content: "";
}

.lnr-unlock:before {
  content: "";
}

.lnr-key:before {
  content: "";
}

.lnr-key-hole:before {
  content: "";
}

.lnr-toggle-off:before {
  content: "";
}

.lnr-toggle-on:before {
  content: "";
}

.lnr-cog:before {
  content: "";
}

.lnr-cog2:before {
  content: "";
}

.lnr-wrench:before {
  content: "";
}

.lnr-screwdriver:before {
  content: "";
}

.lnr-hammer-wrench:before {
  content: "";
}

.lnr-hammer:before {
  content: "";
}

.lnr-saw:before {
  content: "";
}

.lnr-axe:before {
  content: "";
}

.lnr-axe2:before {
  content: "";
}

.lnr-shovel:before {
  content: "";
}

.lnr-pickaxe:before {
  content: "";
}

.lnr-factory:before {
  content: "";
}

.lnr-factory2:before {
  content: "";
}

.lnr-recycle:before {
  content: "";
}

.lnr-trash:before {
  content: "";
}

.lnr-trash2:before {
  content: "";
}

.lnr-trash3:before {
  content: "";
}

.lnr-broom:before {
  content: "";
}

.lnr-game:before {
  content: "";
}

.lnr-gamepad:before {
  content: "";
}

.lnr-joystick:before {
  content: "";
}

.lnr-dice:before {
  content: "";
}

.lnr-spades:before {
  content: "";
}

.lnr-diamonds:before {
  content: "";
}

.lnr-clubs:before {
  content: "";
}

.lnr-hearts:before {
  content: "";
}

.lnr-heart:before {
  content: "";
}

.lnr-star:before {
  content: "";
}

.lnr-star-half:before {
  content: "";
}

.lnr-star-empty:before {
  content: "";
}

.lnr-flag:before {
  content: "";
}

.lnr-flag2:before {
  content: "";
}

.lnr-flag3:before {
  content: "";
}

.lnr-mailbox-full:before {
  content: "";
}

.lnr-mailbox-empty:before {
  content: "";
}

.lnr-at-sign:before {
  content: "";
}

.lnr-envelope:before {
  content: "";
}

.lnr-envelope-open:before {
  content: "";
}

.lnr-paperclip:before {
  content: "";
}

.lnr-paper-plane:before {
  content: "";
}

.lnr-reply:before {
  content: "";
}

.lnr-reply-all:before {
  content: "";
}

.lnr-inbox:before {
  content: "";
}

.lnr-inbox2:before {
  content: "";
}

.lnr-outbox:before {
  content: "";
}

.lnr-box:before {
  content: "";
}

.lnr-archive:before {
  content: "";
}

.lnr-archive2:before {
  content: "";
}

.lnr-drawers:before {
  content: "";
}

.lnr-drawers2:before {
  content: "";
}

.lnr-drawers3:before {
  content: "";
}

.lnr-eye:before {
  content: "";
}

.lnr-eye-crossed:before {
  content: "";
}

.lnr-eye-plus:before {
  content: "";
}

.lnr-eye-minus:before {
  content: "";
}

.lnr-binoculars:before {
  content: "";
}

.lnr-binoculars2:before {
  content: "";
}

.lnr-hdd:before {
  content: "";
}

.lnr-hdd-down:before {
  content: "";
}

.lnr-hdd-up:before {
  content: "";
}

.lnr-floppy-disk:before {
  content: "";
}

.lnr-disc:before {
  content: "";
}

.lnr-tape2:before {
  content: "";
}

.lnr-printer:before {
  content: "";
}

.lnr-shredder:before {
  content: "";
}

.lnr-file-empty:before {
  content: "";
}

.lnr-file-add:before {
  content: "";
}

.lnr-file-check:before {
  content: "";
}

.lnr-file-lock:before {
  content: "";
}

.lnr-files:before {
  content: "";
}

.lnr-copy:before {
  content: "";
}

.lnr-compare:before {
  content: "";
}

.lnr-folder:before {
  content: "";
}

.lnr-folder-search:before {
  content: "";
}

.lnr-folder-plus:before {
  content: "";
}

.lnr-folder-minus:before {
  content: "";
}

.lnr-folder-download:before {
  content: "";
}

.lnr-folder-upload:before {
  content: "";
}

.lnr-folder-star:before {
  content: "";
}

.lnr-folder-heart:before {
  content: "";
}

.lnr-folder-user:before {
  content: "";
}

.lnr-folder-shared:before {
  content: "";
}

.lnr-folder-music:before {
  content: "";
}

.lnr-folder-picture:before {
  content: "";
}

.lnr-folder-film:before {
  content: "";
}

.lnr-scissors:before {
  content: "";
}

.lnr-paste:before {
  content: "";
}

.lnr-clipboard-empty:before {
  content: "";
}

.lnr-clipboard-pencil:before {
  content: "";
}

.lnr-clipboard-text:before {
  content: "";
}

.lnr-clipboard-check:before {
  content: "";
}

.lnr-clipboard-down:before {
  content: "";
}

.lnr-clipboard-left:before {
  content: "";
}

.lnr-clipboard-alert:before {
  content: "";
}

.lnr-clipboard-user:before {
  content: "";
}

.lnr-register:before {
  content: "";
}

.lnr-enter:before {
  content: "";
}

.lnr-exit:before {
  content: "";
}

.lnr-papers:before {
  content: "";
}

.lnr-news:before {
  content: "";
}

.lnr-reading:before {
  content: "";
}

.lnr-typewriter:before {
  content: "";
}

.lnr-document:before {
  content: "";
}

.lnr-document2:before {
  content: "";
}

.lnr-graduation-hat:before {
  content: "";
}

.lnr-license:before {
  content: "";
}

.lnr-license2:before {
  content: "";
}

.lnr-medal-empty:before {
  content: "";
}

.lnr-medal-first:before {
  content: "";
}

.lnr-medal-second:before {
  content: "";
}

.lnr-medal-third:before {
  content: "";
}

.lnr-podium:before {
  content: "";
}

.lnr-trophy:before {
  content: "";
}

.lnr-trophy2:before {
  content: "";
}

.lnr-music-note:before {
  content: "";
}

.lnr-music-note2:before {
  content: "";
}

.lnr-music-note3:before {
  content: "";
}

.lnr-playlist:before {
  content: "";
}

.lnr-playlist-add:before {
  content: "";
}

.lnr-guitar:before {
  content: "";
}

.lnr-trumpet:before {
  content: "";
}

.lnr-album:before {
  content: "";
}

.lnr-shuffle:before {
  content: "";
}

.lnr-repeat-one:before {
  content: "";
}

.lnr-repeat:before {
  content: "";
}

.lnr-headphones:before {
  content: "";
}

.lnr-headset:before {
  content: "";
}

.lnr-loudspeaker:before {
  content: "";
}

.lnr-equalizer:before {
  content: "";
}

.lnr-theater:before {
  content: "";
}

.lnr-3d-glasses:before {
  content: "";
}

.lnr-ticket:before {
  content: "";
}

.lnr-presentation:before {
  content: "";
}

.lnr-play:before {
  content: "";
}

.lnr-film-play:before {
  content: "";
}

.lnr-clapboard-play:before {
  content: "";
}

.lnr-media:before {
  content: "";
}

.lnr-film:before {
  content: "";
}

.lnr-film2:before {
  content: "";
}

.lnr-surveillance:before {
  content: "";
}

.lnr-surveillance2:before {
  content: "";
}

.lnr-camera:before {
  content: "";
}

.lnr-camera-crossed:before {
  content: "";
}

.lnr-camera-play:before {
  content: "";
}

.lnr-time-lapse:before {
  content: "";
}

.lnr-record:before {
  content: "";
}

.lnr-camera2:before {
  content: "";
}

.lnr-camera-flip:before {
  content: "";
}

.lnr-panorama:before {
  content: "";
}

.lnr-time-lapse2:before {
  content: "";
}

.lnr-shutter:before {
  content: "";
}

.lnr-shutter2:before {
  content: "";
}

.lnr-face-detection:before {
  content: "";
}

.lnr-flare:before {
  content: "";
}

.lnr-convex:before {
  content: "";
}

.lnr-concave:before {
  content: "";
}

.lnr-picture:before {
  content: "";
}

.lnr-picture2:before {
  content: "";
}

.lnr-picture3:before {
  content: "";
}

.lnr-pictures:before {
  content: "";
}

.lnr-book:before {
  content: "";
}

.lnr-audio-book:before {
  content: "";
}

.lnr-book2:before {
  content: "";
}

.lnr-bookmark:before {
  content: "";
}

.lnr-bookmark2:before {
  content: "";
}

.lnr-label:before {
  content: "";
}

.lnr-library:before {
  content: "";
}

.lnr-library2:before {
  content: "";
}

.lnr-contacts:before {
  content: "";
}

.lnr-profile:before {
  content: "";
}

.lnr-portrait:before {
  content: "";
}

.lnr-portrait2:before {
  content: "";
}

.lnr-user:before {
  content: "";
}

.lnr-user-plus:before {
  content: "";
}

.lnr-user-minus:before {
  content: "";
}

.lnr-user-lock:before {
  content: "";
}

.lnr-users:before {
  content: "";
}

.lnr-users2:before {
  content: "";
}

.lnr-users-plus:before {
  content: "";
}

.lnr-users-minus:before {
  content: "";
}

.lnr-group-work:before {
  content: "";
}

.lnr-woman:before {
  content: "";
}

.lnr-man:before {
  content: "";
}

.lnr-baby:before {
  content: "";
}

.lnr-baby2:before {
  content: "";
}

.lnr-baby3:before {
  content: "";
}

.lnr-baby-bottle:before {
  content: "";
}

.lnr-walk:before {
  content: "";
}

.lnr-hand-waving:before {
  content: "";
}

.lnr-jump:before {
  content: "";
}

.lnr-run:before {
  content: "";
}

.lnr-woman2:before {
  content: "";
}

.lnr-man2:before {
  content: "";
}

.lnr-man-woman:before {
  content: "";
}

.lnr-height:before {
  content: "";
}

.lnr-weight:before {
  content: "";
}

.lnr-scale:before {
  content: "";
}

.lnr-button:before {
  content: "";
}

.lnr-bow-tie:before {
  content: "";
}

.lnr-tie:before {
  content: "";
}

.lnr-socks:before {
  content: "";
}

.lnr-shoe:before {
  content: "";
}

.lnr-shoes:before {
  content: "";
}

.lnr-hat:before {
  content: "";
}

.lnr-pants:before {
  content: "";
}

.lnr-shorts:before {
  content: "";
}

.lnr-flip-flops:before {
  content: "";
}

.lnr-shirt:before {
  content: "";
}

.lnr-hanger:before {
  content: "";
}

.lnr-laundry:before {
  content: "";
}

.lnr-store:before {
  content: "";
}

.lnr-haircut:before {
  content: "";
}

.lnr-store-24:before {
  content: "";
}

.lnr-barcode:before {
  content: "";
}

.lnr-barcode2:before {
  content: "";
}

.lnr-barcode3:before {
  content: "";
}

.lnr-cashier:before {
  content: "";
}

.lnr-bag:before {
  content: "";
}

.lnr-bag2:before {
  content: "";
}

.lnr-cart:before {
  content: "";
}

.lnr-cart-empty:before {
  content: "";
}

.lnr-cart-full:before {
  content: "";
}

.lnr-cart-plus:before {
  content: "";
}

.lnr-cart-plus2:before {
  content: "";
}

.lnr-cart-add:before {
  content: "";
}

.lnr-cart-remove:before {
  content: "";
}

.lnr-cart-exchange:before {
  content: "";
}

.lnr-tag:before {
  content: "";
}

.lnr-tags:before {
  content: "";
}

.lnr-receipt:before {
  content: "";
}

.lnr-wallet:before {
  content: "";
}

.lnr-credit-card:before {
  content: "";
}

.lnr-cash-dollar:before {
  content: "";
}

.lnr-cash-euro:before {
  content: "";
}

.lnr-cash-pound:before {
  content: "";
}

.lnr-cash-yen:before {
  content: "";
}

.lnr-bag-dollar:before {
  content: "";
}

.lnr-bag-euro:before {
  content: "";
}

.lnr-bag-pound:before {
  content: "";
}

.lnr-bag-yen:before {
  content: "";
}

.lnr-coin-dollar:before {
  content: "";
}

.lnr-coin-euro:before {
  content: "";
}

.lnr-coin-pound:before {
  content: "";
}

.lnr-coin-yen:before {
  content: "";
}

.lnr-calculator:before {
  content: "";
}

.lnr-calculator2:before {
  content: "";
}

.lnr-abacus:before {
  content: "";
}

.lnr-vault:before {
  content: "";
}

.lnr-telephone:before {
  content: "";
}

.lnr-phone-lock:before {
  content: "";
}

.lnr-phone-wave:before {
  content: "";
}

.lnr-phone-pause:before {
  content: "";
}

.lnr-phone-outgoing:before {
  content: "";
}

.lnr-phone-incoming:before {
  content: "";
}

.lnr-phone-in-out:before {
  content: "";
}

.lnr-phone-error:before {
  content: "";
}

.lnr-phone-sip:before {
  content: "";
}

.lnr-phone-plus:before {
  content: "";
}

.lnr-phone-minus:before {
  content: "";
}

.lnr-voicemail:before {
  content: "";
}

.lnr-dial:before {
  content: "";
}

.lnr-telephone2:before {
  content: "";
}

.lnr-pushpin:before {
  content: "";
}

.lnr-pushpin2:before {
  content: "";
}

.lnr-map-marker:before {
  content: "";
}

.lnr-map-marker-user:before {
  content: "";
}

.lnr-map-marker-down:before {
  content: "";
}

.lnr-map-marker-check:before {
  content: "";
}

.lnr-map-marker-crossed:before {
  content: "";
}

.lnr-radar:before {
  content: "";
}

.lnr-compass2:before {
  content: "";
}

.lnr-map:before {
  content: "";
}

.lnr-map2:before {
  content: "";
}

.lnr-location:before {
  content: "";
}

.lnr-road-sign:before {
  content: "";
}

.lnr-calendar-empty:before {
  content: "";
}

.lnr-calendar-check:before {
  content: "";
}

.lnr-calendar-cross:before {
  content: "";
}

.lnr-calendar-31:before {
  content: "";
}

.lnr-calendar-full:before {
  content: "";
}

.lnr-calendar-insert:before {
  content: "";
}

.lnr-calendar-text:before {
  content: "";
}

.lnr-calendar-user:before {
  content: "";
}

.lnr-mouse:before {
  content: "";
}

.lnr-mouse-left:before {
  content: "";
}

.lnr-mouse-right:before {
  content: "";
}

.lnr-mouse-both:before {
  content: "";
}

.lnr-keyboard:before {
  content: "";
}

.lnr-keyboard-up:before {
  content: "";
}

.lnr-keyboard-down:before {
  content: "";
}

.lnr-delete:before {
  content: "";
}

.lnr-spell-check:before {
  content: "";
}

.lnr-escape:before {
  content: "";
}

.lnr-enter2:before {
  content: "";
}

.lnr-screen:before {
  content: "";
}

.lnr-aspect-ratio:before {
  content: "";
}

.lnr-signal:before {
  content: "";
}

.lnr-signal-lock:before {
  content: "";
}

.lnr-signal-80:before {
  content: "";
}

.lnr-signal-60:before {
  content: "";
}

.lnr-signal-40:before {
  content: "";
}

.lnr-signal-20:before {
  content: "";
}

.lnr-signal-0:before {
  content: "";
}

.lnr-signal-blocked:before {
  content: "";
}

.lnr-sim:before {
  content: "";
}

.lnr-flash-memory:before {
  content: "";
}

.lnr-usb-drive:before {
  content: "";
}

.lnr-phone:before {
  content: "";
}

.lnr-smartphone:before {
  content: "";
}

.lnr-smartphone-notification:before {
  content: "";
}

.lnr-smartphone-vibration:before {
  content: "";
}

.lnr-smartphone-embed:before {
  content: "";
}

.lnr-smartphone-waves:before {
  content: "";
}

.lnr-tablet:before {
  content: "";
}

.lnr-tablet2:before {
  content: "";
}

.lnr-laptop:before {
  content: "";
}

.lnr-laptop-phone:before {
  content: "";
}

.lnr-desktop:before {
  content: "";
}

.lnr-launch:before {
  content: "";
}

.lnr-new-tab:before {
  content: "";
}

.lnr-window:before {
  content: "";
}

.lnr-cable:before {
  content: "";
}

.lnr-cable2:before {
  content: "";
}

.lnr-tv:before {
  content: "";
}

.lnr-radio:before {
  content: "";
}

.lnr-remote-control:before {
  content: "";
}

.lnr-power-switch:before {
  content: "";
}

.lnr-power:before {
  content: "";
}

.lnr-power-crossed:before {
  content: "";
}

.lnr-flash-auto:before {
  content: "";
}

.lnr-lamp:before {
  content: "";
}

.lnr-flashlight:before {
  content: "";
}

.lnr-lampshade:before {
  content: "";
}

.lnr-cord:before {
  content: "";
}

.lnr-outlet:before {
  content: "";
}

.lnr-battery-power:before {
  content: "";
}

.lnr-battery-empty:before {
  content: "";
}

.lnr-battery-alert:before {
  content: "";
}

.lnr-battery-error:before {
  content: "";
}

.lnr-battery-low1:before {
  content: "";
}

.lnr-battery-low2:before {
  content: "";
}

.lnr-battery-low3:before {
  content: "";
}

.lnr-battery-mid1:before {
  content: "";
}

.lnr-battery-mid2:before {
  content: "";
}

.lnr-battery-mid3:before {
  content: "";
}

.lnr-battery-full:before {
  content: "";
}

.lnr-battery-charging:before {
  content: "";
}

.lnr-battery-charging2:before {
  content: "";
}

.lnr-battery-charging3:before {
  content: "";
}

.lnr-battery-charging4:before {
  content: "";
}

.lnr-battery-charging5:before {
  content: "";
}

.lnr-battery-charging6:before {
  content: "";
}

.lnr-battery-charging7:before {
  content: "";
}

.lnr-chip:before {
  content: "";
}

.lnr-chip-x64:before {
  content: "";
}

.lnr-chip-x86:before {
  content: "";
}

.lnr-bubble:before {
  content: "";
}

.lnr-bubbles:before {
  content: "";
}

.lnr-bubble-dots:before {
  content: "";
}

.lnr-bubble-alert:before {
  content: "";
}

.lnr-bubble-question:before {
  content: "";
}

.lnr-bubble-text:before {
  content: "";
}

.lnr-bubble-pencil:before {
  content: "";
}

.lnr-bubble-picture:before {
  content: "";
}

.lnr-bubble-video:before {
  content: "";
}

.lnr-bubble-user:before {
  content: "";
}

.lnr-bubble-quote:before {
  content: "";
}

.lnr-bubble-heart:before {
  content: "";
}

.lnr-bubble-emoticon:before {
  content: "";
}

.lnr-bubble-attachment:before {
  content: "";
}

.lnr-phone-bubble:before {
  content: "";
}

.lnr-quote-open:before {
  content: "";
}

.lnr-quote-close:before {
  content: "";
}

.lnr-dna:before {
  content: "";
}

.lnr-heart-pulse:before {
  content: "";
}

.lnr-pulse:before {
  content: "";
}

.lnr-syringe:before {
  content: "";
}

.lnr-pills:before {
  content: "";
}

.lnr-first-aid:before {
  content: "";
}

.lnr-lifebuoy:before {
  content: "";
}

.lnr-bandage:before {
  content: "";
}

.lnr-bandages:before {
  content: "";
}

.lnr-thermometer:before {
  content: "";
}

.lnr-microscope:before {
  content: "";
}

.lnr-brain:before {
  content: "";
}

.lnr-beaker:before {
  content: "";
}

.lnr-skull:before {
  content: "";
}

.lnr-bone:before {
  content: "";
}

.lnr-construction:before {
  content: "";
}

.lnr-construction-cone:before {
  content: "";
}

.lnr-pie-chart:before {
  content: "";
}

.lnr-pie-chart2:before {
  content: "";
}

.lnr-graph:before {
  content: "";
}

.lnr-chart-growth:before {
  content: "";
}

.lnr-chart-bars:before {
  content: "";
}

.lnr-chart-settings:before {
  content: "";
}

.lnr-cake:before {
  content: "";
}

.lnr-gift:before {
  content: "";
}

.lnr-balloon:before {
  content: "";
}

.lnr-rank:before {
  content: "";
}

.lnr-rank2:before {
  content: "";
}

.lnr-rank3:before {
  content: "";
}

.lnr-crown:before {
  content: "";
}

.lnr-lotus:before {
  content: "";
}

.lnr-diamond:before {
  content: "";
}

.lnr-diamond2:before {
  content: "";
}

.lnr-diamond3:before {
  content: "";
}

.lnr-diamond4:before {
  content: "";
}

.lnr-linearicons:before {
  content: "";
}

.lnr-teacup:before {
  content: "";
}

.lnr-teapot:before {
  content: "";
}

.lnr-glass:before {
  content: "";
}

.lnr-bottle2:before {
  content: "";
}

.lnr-glass-cocktail:before {
  content: "";
}

.lnr-glass2:before {
  content: "";
}

.lnr-dinner:before {
  content: "";
}

.lnr-dinner2:before {
  content: "";
}

.lnr-chef:before {
  content: "";
}

.lnr-scale2:before {
  content: "";
}

.lnr-egg:before {
  content: "";
}

.lnr-egg2:before {
  content: "";
}

.lnr-eggs:before {
  content: "";
}

.lnr-platter:before {
  content: "";
}

.lnr-steak:before {
  content: "";
}

.lnr-hamburger:before {
  content: "";
}

.lnr-hotdog:before {
  content: "";
}

.lnr-pizza:before {
  content: "";
}

.lnr-sausage:before {
  content: "";
}

.lnr-chicken:before {
  content: "";
}

.lnr-fish:before {
  content: "";
}

.lnr-carrot:before {
  content: "";
}

.lnr-cheese:before {
  content: "";
}

.lnr-bread:before {
  content: "";
}

.lnr-ice-cream:before {
  content: "";
}

.lnr-ice-cream2:before {
  content: "";
}

.lnr-candy:before {
  content: "";
}

.lnr-lollipop:before {
  content: "";
}

.lnr-coffee-bean:before {
  content: "";
}

.lnr-coffee-cup:before {
  content: "";
}

.lnr-cherry:before {
  content: "";
}

.lnr-grapes:before {
  content: "";
}

.lnr-citrus:before {
  content: "";
}

.lnr-apple:before {
  content: "";
}

.lnr-leaf:before {
  content: "";
}

.lnr-landscape:before {
  content: "";
}

.lnr-pine-tree:before {
  content: "";
}

.lnr-tree:before {
  content: "";
}

.lnr-cactus:before {
  content: "";
}

.lnr-paw:before {
  content: "";
}

.lnr-footprint:before {
  content: "";
}

.lnr-speed-slow:before {
  content: "";
}

.lnr-speed-medium:before {
  content: "";
}

.lnr-speed-fast:before {
  content: "";
}

.lnr-rocket:before {
  content: "";
}

.lnr-hammer2:before {
  content: "";
}

.lnr-balance:before {
  content: "";
}

.lnr-briefcase:before {
  content: "";
}

.lnr-luggage-weight:before {
  content: "";
}

.lnr-dolly:before {
  content: "";
}

.lnr-plane:before {
  content: "";
}

.lnr-plane-crossed:before {
  content: "";
}

.lnr-helicopter:before {
  content: "";
}

.lnr-traffic-lights:before {
  content: "";
}

.lnr-siren:before {
  content: "";
}

.lnr-road:before {
  content: "";
}

.lnr-engine:before {
  content: "";
}

.lnr-oil-pressure:before {
  content: "";
}

.lnr-coolant-temperature:before {
  content: "";
}

.lnr-car-battery:before {
  content: "";
}

.lnr-gas:before {
  content: "";
}

.lnr-gallon:before {
  content: "";
}

.lnr-transmission:before {
  content: "";
}

.lnr-car:before {
  content: "";
}

.lnr-car-wash:before {
  content: "";
}

.lnr-car-wash2:before {
  content: "";
}

.lnr-bus:before {
  content: "";
}

.lnr-bus2:before {
  content: "";
}

.lnr-car2:before {
  content: "";
}

.lnr-parking:before {
  content: "";
}

.lnr-car-lock:before {
  content: "";
}

.lnr-taxi:before {
  content: "";
}

.lnr-car-siren:before {
  content: "";
}

.lnr-car-wash3:before {
  content: "";
}

.lnr-car-wash4:before {
  content: "";
}

.lnr-ambulance:before {
  content: "";
}

.lnr-truck:before {
  content: "";
}

.lnr-trailer:before {
  content: "";
}

.lnr-scale-truck:before {
  content: "";
}

.lnr-train:before {
  content: "";
}

.lnr-ship:before {
  content: "";
}

.lnr-ship2:before {
  content: "";
}

.lnr-anchor:before {
  content: "";
}

.lnr-boat:before {
  content: "";
}

.lnr-bicycle:before {
  content: "";
}

.lnr-bicycle2:before {
  content: "";
}

.lnr-dumbbell:before {
  content: "";
}

.lnr-bench-press:before {
  content: "";
}

.lnr-swim:before {
  content: "";
}

.lnr-football:before {
  content: "";
}

.lnr-baseball-bat:before {
  content: "";
}

.lnr-baseball:before {
  content: "";
}

.lnr-tennis:before {
  content: "";
}

.lnr-tennis2:before {
  content: "";
}

.lnr-ping-pong:before {
  content: "";
}

.lnr-hockey:before {
  content: "";
}

.lnr-8ball:before {
  content: "";
}

.lnr-bowling:before {
  content: "";
}

.lnr-bowling-pins:before {
  content: "";
}

.lnr-golf:before {
  content: "";
}

.lnr-golf2:before {
  content: "";
}

.lnr-archery:before {
  content: "";
}

.lnr-slingshot:before {
  content: "";
}

.lnr-soccer:before {
  content: "";
}

.lnr-basketball:before {
  content: "";
}

.lnr-cube:before {
  content: "";
}

.lnr-3d-rotate:before {
  content: "";
}

.lnr-puzzle:before {
  content: "";
}

.lnr-glasses:before {
  content: "";
}

.lnr-glasses2:before {
  content: "";
}

.lnr-accessibility:before {
  content: "";
}

.lnr-wheelchair:before {
  content: "";
}

.lnr-wall:before {
  content: "";
}

.lnr-fence:before {
  content: "";
}

.lnr-wall2:before {
  content: "";
}

.lnr-icons:before {
  content: "";
}

.lnr-resize-handle:before {
  content: "";
}

.lnr-icons2:before {
  content: "";
}

.lnr-select:before {
  content: "";
}

.lnr-select2:before {
  content: "";
}

.lnr-site-map:before {
  content: "";
}

.lnr-earth:before {
  content: "";
}

.lnr-earth-lock:before {
  content: "";
}

.lnr-network:before {
  content: "";
}

.lnr-network-lock:before {
  content: "";
}

.lnr-planet:before {
  content: "";
}

.lnr-happy:before {
  content: "";
}

.lnr-smile:before {
  content: "";
}

.lnr-grin:before {
  content: "";
}

.lnr-tongue:before {
  content: "";
}

.lnr-sad:before {
  content: "";
}

.lnr-wink:before {
  content: "";
}

.lnr-dream:before {
  content: "";
}

.lnr-shocked:before {
  content: "";
}

.lnr-shocked2:before {
  content: "";
}

.lnr-tongue2:before {
  content: "";
}

.lnr-neutral:before {
  content: "";
}

.lnr-happy-grin:before {
  content: "";
}

.lnr-cool:before {
  content: "";
}

.lnr-mad:before {
  content: "";
}

.lnr-grin-evil:before {
  content: "";
}

.lnr-evil:before {
  content: "";
}

.lnr-wow:before {
  content: "";
}

.lnr-annoyed:before {
  content: "";
}

.lnr-wondering:before {
  content: "";
}

.lnr-confused:before {
  content: "";
}

.lnr-zipped:before {
  content: "";
}

.lnr-grumpy:before {
  content: "";
}

.lnr-mustache:before {
  content: "";
}

.lnr-tombstone-hipster:before {
  content: "";
}

.lnr-tombstone:before {
  content: "";
}

.lnr-ghost:before {
  content: "";
}

.lnr-ghost-hipster:before {
  content: "";
}

.lnr-halloween:before {
  content: "";
}

.lnr-christmas:before {
  content: "";
}

.lnr-easter-egg:before {
  content: "";
}

.lnr-mustache2:before {
  content: "";
}

.lnr-mustache-glasses:before {
  content: "";
}

.lnr-pipe:before {
  content: "";
}

.lnr-alarm:before {
  content: "";
}

.lnr-alarm-add:before {
  content: "";
}

.lnr-alarm-snooze:before {
  content: "";
}

.lnr-alarm-ringing:before {
  content: "";
}

.lnr-bullhorn:before {
  content: "";
}

.lnr-hearing:before {
  content: "";
}

.lnr-volume-high:before {
  content: "";
}

.lnr-volume-medium:before {
  content: "";
}

.lnr-volume-low:before {
  content: "";
}

.lnr-volume:before {
  content: "";
}

.lnr-mute:before {
  content: "";
}

.lnr-lan:before {
  content: "";
}

.lnr-lan2:before {
  content: "";
}

.lnr-wifi:before {
  content: "";
}

.lnr-wifi-lock:before {
  content: "";
}

.lnr-wifi-blocked:before {
  content: "";
}

.lnr-wifi-mid:before {
  content: "";
}

.lnr-wifi-low:before {
  content: "";
}

.lnr-wifi-low2:before {
  content: "";
}

.lnr-wifi-alert:before {
  content: "";
}

.lnr-wifi-alert-mid:before {
  content: "";
}

.lnr-wifi-alert-low:before {
  content: "";
}

.lnr-wifi-alert-low2:before {
  content: "";
}

.lnr-stream:before {
  content: "";
}

.lnr-stream-check:before {
  content: "";
}

.lnr-stream-error:before {
  content: "";
}

.lnr-stream-alert:before {
  content: "";
}

.lnr-communication:before {
  content: "";
}

.lnr-communication-crossed:before {
  content: "";
}

.lnr-broadcast:before {
  content: "";
}

.lnr-antenna:before {
  content: "";
}

.lnr-satellite:before {
  content: "";
}

.lnr-satellite2:before {
  content: "";
}

.lnr-mic:before {
  content: "";
}

.lnr-mic-mute:before {
  content: "";
}

.lnr-mic2:before {
  content: "";
}

.lnr-spotlights:before {
  content: "";
}

.lnr-hourglass:before {
  content: "";
}

.lnr-loading:before {
  content: "";
}

.lnr-loading2:before {
  content: "";
}

.lnr-loading3:before {
  content: "";
}

.lnr-refresh:before {
  content: "";
}

.lnr-refresh2:before {
  content: "";
}

.lnr-undo:before {
  content: "";
}

.lnr-redo:before {
  content: "";
}

.lnr-jump2:before {
  content: "";
}

.lnr-undo2:before {
  content: "";
}

.lnr-redo2:before {
  content: "";
}

.lnr-sync:before {
  content: "";
}

.lnr-repeat-one2:before {
  content: "";
}

.lnr-sync-crossed:before {
  content: "";
}

.lnr-sync2:before {
  content: "";
}

.lnr-repeat-one3:before {
  content: "";
}

.lnr-sync-crossed2:before {
  content: "";
}

.lnr-return:before {
  content: "";
}

.lnr-return2:before {
  content: "";
}

.lnr-refund:before {
  content: "";
}

.lnr-history:before {
  content: "";
}

.lnr-history2:before {
  content: "";
}

.lnr-self-timer:before {
  content: "";
}

.lnr-clock:before {
  content: "";
}

.lnr-clock2:before {
  content: "";
}

.lnr-clock3:before {
  content: "";
}

.lnr-watch:before {
  content: "";
}

.lnr-alarm2:before {
  content: "";
}

.lnr-alarm-add2:before {
  content: "";
}

.lnr-alarm-remove:before {
  content: "";
}

.lnr-alarm-check:before {
  content: "";
}

.lnr-alarm-error:before {
  content: "";
}

.lnr-timer:before {
  content: "";
}

.lnr-timer-crossed:before {
  content: "";
}

.lnr-timer2:before {
  content: "";
}

.lnr-timer-crossed2:before {
  content: "";
}

.lnr-download:before {
  content: "";
}

.lnr-upload:before {
  content: "";
}

.lnr-download2:before {
  content: "";
}

.lnr-upload2:before {
  content: "";
}

.lnr-enter-up:before {
  content: "";
}

.lnr-enter-down:before {
  content: "";
}

.lnr-enter-left:before {
  content: "";
}

.lnr-enter-right:before {
  content: "";
}

.lnr-exit-up:before {
  content: "";
}

.lnr-exit-down:before {
  content: "";
}

.lnr-exit-left:before {
  content: "";
}

.lnr-exit-right:before {
  content: "";
}

.lnr-enter-up2:before {
  content: "";
}

.lnr-enter-down2:before {
  content: "";
}

.lnr-enter-vertical:before {
  content: "";
}

.lnr-enter-left2:before {
  content: "";
}

.lnr-enter-right2:before {
  content: "";
}

.lnr-enter-horizontal:before {
  content: "";
}

.lnr-exit-up2:before {
  content: "";
}

.lnr-exit-down2:before {
  content: "";
}

.lnr-exit-left2:before {
  content: "";
}

.lnr-exit-right2:before {
  content: "";
}

.lnr-cli:before {
  content: "";
}

.lnr-bug:before {
  content: "";
}

.lnr-code:before {
  content: "";
}

.lnr-file-code:before {
  content: "";
}

.lnr-file-image:before {
  content: "";
}

.lnr-file-zip:before {
  content: "";
}

.lnr-file-audio:before {
  content: "";
}

.lnr-file-video:before {
  content: "";
}

.lnr-file-preview:before {
  content: "";
}

.lnr-file-charts:before {
  content: "";
}

.lnr-file-stats:before {
  content: "";
}

.lnr-file-spreadsheet:before {
  content: "";
}

.lnr-link:before {
  content: "";
}

.lnr-unlink:before {
  content: "";
}

.lnr-link2:before {
  content: "";
}

.lnr-unlink2:before {
  content: "";
}

.lnr-thumbs-up:before {
  content: "";
}

.lnr-thumbs-down:before {
  content: "";
}

.lnr-thumbs-up2:before {
  content: "";
}

.lnr-thumbs-down2:before {
  content: "";
}

.lnr-thumbs-up3:before {
  content: "";
}

.lnr-thumbs-down3:before {
  content: "";
}

.lnr-share:before {
  content: "";
}

.lnr-share2:before {
  content: "";
}

.lnr-share3:before {
  content: "";
}

.lnr-magnifier:before {
  content: "";
}

.lnr-file-search:before {
  content: "";
}

.lnr-find-replace:before {
  content: "";
}

.lnr-zoom-in:before {
  content: "";
}

.lnr-zoom-out:before {
  content: "";
}

.lnr-loupe:before {
  content: "";
}

.lnr-loupe-zoom-in:before {
  content: "";
}

.lnr-loupe-zoom-out:before {
  content: "";
}

.lnr-cross:before {
  content: "";
}

.lnr-menu:before {
  content: "";
}

.lnr-list:before {
  content: "";
}

.lnr-list2:before {
  content: "";
}

.lnr-list3:before {
  content: "";
}

.lnr-menu2:before {
  content: "";
}

.lnr-list4:before {
  content: "";
}

.lnr-menu3:before {
  content: "";
}

.lnr-exclamation:before {
  content: "";
}

.lnr-question:before {
  content: "";
}

.lnr-check:before {
  content: "";
}

.lnr-cross:before {
  content: "";
}

.lnr-plus:before {
  content: "";
}

.lnr-minus:before {
  content: "";
}

.lnr-percent:before {
  content: "";
}

.lnr-chevron-up:before {
  content: "";
}

.lnr-chevron-down:before {
  content: "";
}

.lnr-chevron-left:before {
  content: "";
}

.lnr-chevron-right:before {
  content: "";
}

.lnr-chevrons-expand-vertical:before {
  content: "";
}

.lnr-chevrons-expand-horizontal:before {
  content: "";
}

.lnr-chevrons-contract-vertical:before {
  content: "";
}

.lnr-chevrons-contract-horizontal:before {
  content: "";
}

.lnr-arrow-up:before {
  content: "";
}

.lnr-arrow-down:before {
  content: "";
}

.lnr-arrow-left:before {
  content: "";
}

.lnr-arrow-right:before {
  content: "";
}

.lnr-arrow-up-right:before {
  content: "";
}

.lnr-arrows-merge:before {
  content: "";
}

.lnr-arrows-split:before {
  content: "";
}

.lnr-arrow-divert:before {
  content: "";
}

.lnr-arrow-return:before {
  content: "";
}

.lnr-expand:before {
  content: "";
}

.lnr-contract:before {
  content: "";
}

.lnr-expand2:before {
  content: "";
}

.lnr-contract2:before {
  content: "";
}

.lnr-move:before {
  content: "";
}

.lnr-tab:before {
  content: "";
}

.lnr-arrow-wave:before {
  content: "";
}

.lnr-expand3:before {
  content: "";
}

.lnr-expand4:before {
  content: "";
}

.lnr-contract3:before {
  content: "";
}

.lnr-notification:before {
  content: "";
}

.lnr-warning:before {
  content: "";
}

.lnr-notification-circle:before {
  content: "";
}

.lnr-question-circle:before {
  content: "";
}

.lnr-menu-circle:before {
  content: "";
}

.lnr-checkmark-circle:before {
  content: "";
}

.lnr-cross-circle:before {
  content: "";
}

.lnr-plus-circle:before {
  content: "";
}

.lnr-circle-minus:before {
  content: "";
}

.lnr-percent-circle:before {
  content: "";
}

.lnr-arrow-up-circle:before {
  content: "";
}

.lnr-arrow-down-circle:before {
  content: "";
}

.lnr-arrow-left-circle:before {
  content: "";
}

.lnr-arrow-right-circle:before {
  content: "";
}

.lnr-chevron-up-circle:before {
  content: "";
}

.lnr-chevron-down-circle:before {
  content: "";
}

.lnr-chevron-left-circle:before {
  content: "";
}

.lnr-chevron-right-circle:before {
  content: "";
}

.lnr-backward-circle:before {
  content: "";
}

.lnr-first-circle:before {
  content: "";
}

.lnr-previous-circle:before {
  content: "";
}

.lnr-stop-circle:before {
  content: "";
}

.lnr-play-circle:before {
  content: "";
}

.lnr-pause-circle:before {
  content: "";
}

.lnr-next-circle:before {
  content: "";
}

.lnr-last-circle:before {
  content: "";
}

.lnr-forward-circle:before {
  content: "";
}

.lnr-eject-circle:before {
  content: "";
}

.lnr-crop:before {
  content: "";
}

.lnr-frame-expand:before {
  content: "";
}

.lnr-frame-contract:before {
  content: "";
}

.lnr-focus:before {
  content: "";
}

.lnr-transform:before {
  content: "";
}

.lnr-grid:before {
  content: "";
}

.lnr-grid-crossed:before {
  content: "";
}

.lnr-layers:before {
  content: "";
}

.lnr-layers-crossed:before {
  content: "";
}

.lnr-toggle:before {
  content: "";
}

.lnr-rulers:before {
  content: "";
}

.lnr-ruler:before {
  content: "";
}

.lnr-funnel:before {
  content: "";
}

.lnr-flip-horizontal:before {
  content: "";
}

.lnr-flip-vertical:before {
  content: "";
}

.lnr-flip-horizontal2:before {
  content: "";
}

.lnr-flip-vertical2:before {
  content: "";
}

.lnr-angle:before {
  content: "";
}

.lnr-angle2:before {
  content: "";
}

.lnr-subtract:before {
  content: "";
}

.lnr-combine:before {
  content: "";
}

.lnr-intersect:before {
  content: "";
}

.lnr-exclude:before {
  content: "";
}

.lnr-align-center-vertical:before {
  content: "";
}

.lnr-align-right:before {
  content: "";
}

.lnr-align-bottom:before {
  content: "";
}

.lnr-align-left:before {
  content: "";
}

.lnr-align-center-horizontal:before {
  content: "";
}

.lnr-align-top:before {
  content: "";
}

.lnr-square:before {
  content: "";
}

.lnr-plus-square:before {
  content: "";
}

.lnr-minus-square:before {
  content: "";
}

.lnr-percent-square:before {
  content: "";
}

.lnr-arrow-up-square:before {
  content: "";
}

.lnr-arrow-down-square:before {
  content: "";
}

.lnr-arrow-left-square:before {
  content: "";
}

.lnr-arrow-right-square:before {
  content: "";
}

.lnr-chevron-up-square:before {
  content: "";
}

.lnr-chevron-down-square:before {
  content: "";
}

.lnr-chevron-left-square:before {
  content: "";
}

.lnr-chevron-right-square:before {
  content: "";
}

.lnr-check-square:before {
  content: "";
}

.lnr-cross-square:before {
  content: "";
}

.lnr-menu-square:before {
  content: "";
}

.lnr-prohibited:before {
  content: "";
}

.lnr-circle:before {
  content: "";
}

.lnr-radio-button:before {
  content: "";
}

.lnr-ligature:before {
  content: "";
}

.lnr-text-format:before {
  content: "";
}

.lnr-text-format-remove:before {
  content: "";
}

.lnr-text-size:before {
  content: "";
}

.lnr-bold:before {
  content: "";
}

.lnr-italic:before {
  content: "";
}

.lnr-underline:before {
  content: "";
}

.lnr-strikethrough:before {
  content: "";
}

.lnr-highlight:before {
  content: "";
}

.lnr-text-align-left:before {
  content: "";
}

.lnr-text-align-center:before {
  content: "";
}

.lnr-text-align-right:before {
  content: "";
}

.lnr-text-align-justify:before {
  content: "";
}

.lnr-line-spacing:before {
  content: "";
}

.lnr-indent-increase:before {
  content: "";
}

.lnr-indent-decrease:before {
  content: "";
}

.lnr-text-wrap:before {
  content: "";
}

.lnr-pilcrow:before {
  content: "";
}

.lnr-direction-ltr:before {
  content: "";
}

.lnr-direction-rtl:before {
  content: "";
}

.lnr-page-break:before {
  content: "";
}

.lnr-page-break2:before {
  content: "";
}

.lnr-sort-alpha-asc:before {
  content: "";
}

.lnr-sort-alpha-desc:before {
  content: "";
}

.lnr-sort-numeric-asc:before {
  content: "";
}

.lnr-sort-numeric-desc:before {
  content: "";
}

.lnr-sort-amount-asc:before {
  content: "";
}

.lnr-sort-amount-desc:before {
  content: "";
}

.lnr-sort-time-asc:before {
  content: "";
}

.lnr-sort-time-desc:before {
  content: "";
}

.lnr-sigma:before {
  content: "";
}

.lnr-pencil-line:before {
  content: "";
}

.lnr-hand:before {
  content: "";
}

.lnr-pointer-up:before {
  content: "";
}

.lnr-pointer-right:before {
  content: "";
}

.lnr-pointer-down:before {
  content: "";
}

.lnr-pointer-left:before {
  content: "";
}

.lnr-finger-tap:before {
  content: "";
}

.lnr-fingers-tap:before {
  content: "";
}

.lnr-reminder:before {
  content: "";
}

.lnr-fingers-crossed:before {
  content: "";
}

.lnr-fingers-victory:before {
  content: "";
}

.lnr-gesture-zoom:before {
  content: "";
}

.lnr-gesture-pinch:before {
  content: "";
}

.lnr-fingers-scroll-horizontal:before {
  content: "";
}

.lnr-fingers-scroll-vertical:before {
  content: "";
}

.lnr-fingers-scroll-left:before {
  content: "";
}

.lnr-fingers-scroll-right:before {
  content: "";
}

.lnr-hand2:before {
  content: "";
}

.lnr-pointer-up2:before {
  content: "";
}

.lnr-pointer-right2:before {
  content: "";
}

.lnr-pointer-down2:before {
  content: "";
}

.lnr-pointer-left2:before {
  content: "";
}

.lnr-finger-tap2:before {
  content: "";
}

.lnr-fingers-tap2:before {
  content: "";
}

.lnr-reminder2:before {
  content: "";
}

.lnr-gesture-zoom2:before {
  content: "";
}

.lnr-gesture-pinch2:before {
  content: "";
}

.lnr-fingers-scroll-horizontal2:before {
  content: "";
}

.lnr-fingers-scroll-vertical2:before {
  content: "";
}

.lnr-fingers-scroll-left2:before {
  content: "";
}

.lnr-fingers-scroll-right2:before {
  content: "";
}

.lnr-fingers-scroll-vertical3:before {
  content: "";
}

.lnr-border-style:before {
  content: "";
}

.lnr-border-all:before {
  content: "";
}

.lnr-border-outer:before {
  content: "";
}

.lnr-border-inner:before {
  content: "";
}

.lnr-border-top:before {
  content: "";
}

.lnr-border-horizontal:before {
  content: "";
}

.lnr-border-bottom:before {
  content: "";
}

.lnr-border-left:before {
  content: "";
}

.lnr-border-vertical:before {
  content: "";
}

.lnr-border-right:before {
  content: "";
}

.lnr-border-none:before {
  content: "";
}

.lnr-ellipsis:before {
  content: "";
}

.lnr-uni21:before {
  content: "!";
}

.lnr-uni22:before {
  content: '"';
}

.lnr-uni23:before {
  content: "#";
}

.lnr-uni24:before {
  content: "$";
}

.lnr-uni25:before {
  content: "%";
}

.lnr-uni26:before {
  content: "&";
}

.lnr-uni27:before {
  content: "'";
}

.lnr-uni28:before {
  content: "(";
}

.lnr-uni29:before {
  content: ")";
}

.lnr-uni2a:before {
  content: "*";
}

.lnr-uni2b:before {
  content: "+";
}

.lnr-uni2c:before {
  content: ",";
}

.lnr-uni2d:before {
  content: "-";
}

.lnr-uni2e:before {
  content: ".";
}

.lnr-uni2f:before {
  content: "/";
}

.lnr-uni30:before {
  content: "0";
}

.lnr-uni31:before {
  content: "1";
}

.lnr-uni32:before {
  content: "2";
}

.lnr-uni33:before {
  content: "3";
}

.lnr-uni34:before {
  content: "4";
}

.lnr-uni35:before {
  content: "5";
}

.lnr-uni36:before {
  content: "6";
}

.lnr-uni37:before {
  content: "7";
}

.lnr-uni38:before {
  content: "8";
}

.lnr-uni39:before {
  content: "9";
}

.lnr-uni3a:before {
  content: ":";
}

.lnr-uni3b:before {
  content: ";";
}

.lnr-uni3c:before {
  content: "<";
}

.lnr-uni3d:before {
  content: "=";
}

.lnr-uni3e:before {
  content: ">";
}

.lnr-uni3f:before {
  content: "?";
}

.lnr-uni40:before {
  content: "@";
}

.lnr-uni41:before {
  content: "A";
}

.lnr-uni42:before {
  content: "B";
}

.lnr-uni43:before {
  content: "C";
}

.lnr-uni44:before {
  content: "D";
}

.lnr-uni45:before {
  content: "E";
}

.lnr-uni46:before {
  content: "F";
}

.lnr-uni47:before {
  content: "G";
}

.lnr-uni48:before {
  content: "H";
}

.lnr-uni49:before {
  content: "I";
}

.lnr-uni4a:before {
  content: "J";
}

.lnr-uni4b:before {
  content: "K";
}

.lnr-uni4c:before {
  content: "L";
}

.lnr-uni4d:before {
  content: "M";
}

.lnr-uni4e:before {
  content: "N";
}

.lnr-uni4f:before {
  content: "O";
}

.lnr-uni50:before {
  content: "P";
}

.lnr-uni51:before {
  content: "Q";
}

.lnr-uni52:before {
  content: "R";
}

.lnr-uni53:before {
  content: "S";
}

.lnr-uni54:before {
  content: "T";
}

.lnr-uni55:before {
  content: "U";
}

.lnr-uni56:before {
  content: "V";
}

.lnr-uni57:before {
  content: "W";
}

.lnr-uni58:before {
  content: "X";
}

.lnr-uni59:before {
  content: "Y";
}

.lnr-uni5a:before {
  content: "Z";
}

.lnr-uni5b:before {
  content: "[";
}

.lnr-uni5c:before {
  content: "\\";
}

.lnr-uni5d:before {
  content: "]";
}

.lnr-uni5e:before {
  content: "^";
}

.lnr-uni5f:before {
  content: "_";
}

.lnr-uni60:before {
  content: "`";
}

.lnr-uni61:before {
  content: "a";
}

.lnr-uni62:before {
  content: "b";
}

.lnr-uni63:before {
  content: "c";
}

.lnr-uni64:before {
  content: "d";
}

.lnr-uni65:before {
  content: "e";
}

.lnr-uni66:before {
  content: "f";
}

.lnr-uni67:before {
  content: "g";
}

.lnr-uni68:before {
  content: "h";
}

.lnr-uni69:before {
  content: "i";
}

.lnr-uni6a:before {
  content: "j";
}

.lnr-uni6b:before {
  content: "k";
}

.lnr-uni6c:before {
  content: "l";
}

.lnr-uni6d:before {
  content: "m";
}

.lnr-uni6e:before {
  content: "n";
}

.lnr-uni6f:before {
  content: "o";
}

.lnr-uni70:before {
  content: "p";
}

.lnr-uni71:before {
  content: "q";
}

.lnr-uni72:before {
  content: "r";
}

.lnr-uni73:before {
  content: "s";
}

.lnr-uni74:before {
  content: "t";
}

.lnr-uni75:before {
  content: "u";
}

.lnr-uni76:before {
  content: "v";
}

.lnr-uni77:before {
  content: "w";
}

.lnr-uni78:before {
  content: "x";
}

.lnr-uni79:before {
  content: "y";
}

.lnr-uni7a:before {
  content: "z";
}

.lnr-uni7b:before {
  content: "{";
}

.lnr-uni7c:before {
  content: "|";
}

.lnr-uni7d:before {
  content: "}";
}

.lnr-uni7e:before {
  content: "~";
}

.lnr-copyright:before {
  content: "©";
}

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
  }
}
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  min-height: 150px;
  border: 2px dashed #bbb;
  background: white;
  padding: 20px 20px;
}

.dropzone.dz-clickable {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  cursor: default;
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone.dz-drag-hover {
  border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.dropzone .dz-message {
  text-align: center;
  margin: 2em 0;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}

.dropzone .dz-preview:hover {
  z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
  background: white;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}

.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}

.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

.dropzone .dz-preview .dz-image img {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
}

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white;
}

.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626;
}

.slick-loading .slick-list {
  background: #fff url(ajax-loader.gif) center center no-repeat;
}

@font-face {
  font-family: slick;
  font-weight: 400;
  font-style: normal;
  src: url(fonts/slick.eot);
  src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
}
.slick-next, .slick-prev {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: 0 0;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: 0;
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
  outline: 0;
  background: 0 0;
  color: transparent;
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
  opacity: 1;
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
  opacity: 0.25;
}

.slick-next:before, .slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

.slick-prev[dir=rtl] {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

.slick-prev:before[dir=rtl] {
  content: "→";
}

.slick-next {
  right: -25px;
}

.slick-next[dir=rtl] {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

.slick-next:before[dir=rtl] {
  content: "←";
}

.slick-dotted .slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: 0 0;
  display: block;
  height: 20px;
  width: 20px;
  outline: 0;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:focus, .slick-dots li button:hover {
  outline: 0;
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: slick;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.75;
}

/*!
 * Quill Editor v1.3.4
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-editor > * {
  cursor: text;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}

.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}

.ql-editor ul > li::before {
  content: "•";
}

.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}

.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before {
  content: "☑";
}

.ql-editor ul[data-checked=false] > li::before {
  content: "☐";
}

.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}

.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}

.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}

.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}

.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

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

.ql-editor .ql-align-justify {
  text-align: justify;
}

.ql-editor .ql-align-right {
  text-align: right;
}

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

/*!
 * Quill Editor v1.3.4
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 250px;
  margin: 0px;
  position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-editor > * {
  cursor: text;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}

.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}

.ql-editor ul > li::before {
  content: "•";
}

.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}

.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}

.ql-editor ul[data-checked=true] > li::before {
  content: "☑";
}

.ql-editor ul[data-checked=false] > li::before {
  content: "☐";
}

.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}

.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}

.ql-editor ol li:before {
  content: counter(list-0, decimal) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) ". ";
}

.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) ". ";
}

.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) ". ";
}

.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) ". ";
}

.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) ". ";
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

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

.ql-editor .ql-align-justify {
  text-align: justify;
}

.ql-editor .ql-align-right {
  text-align: right;
}

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}

@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
.ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }

  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }

  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}

.ql-snow * {
  box-sizing: border-box;
}

.ql-snow .ql-hidden {
  display: none;
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}

.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}

.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}

.ql-snow .ql-formats:after {
  clear: both;
  content: "";
  display: table;
}

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}

.ql-snow .ql-empty {
  fill: none;
}

.ql-snow .ql-even {
  fill-rule: evenodd;
}

.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}

.ql-snow .ql-transparent {
  opacity: 0.4;
}

.ql-snow .ql-direction svg:last-child {
  display: none;
}

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}

.ql-snow .ql-editor h1 {
  font-size: 2em;
}

.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}

.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}

.ql-snow .ql-editor h4 {
  font-size: 1em;
}

.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}

.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}

.ql-snow .ql-editor a {
  text-decoration: underline;
}

.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}

.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}

.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}

.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}

.ql-snow .ql-editor img {
  max-width: 100%;
}

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}

.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before {
  content: attr(data-label);
}

.ql-snow .ql-picker.ql-header {
  width: 98px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: "Heading 1";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: "Heading 2";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: "Heading 3";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: "Heading 4";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: "Heading 5";
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: "Heading 6";
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}

.ql-snow .ql-picker.ql-font {
  width: 108px;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: "Sans Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: "Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: "Monospace";
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}

.ql-snow .ql-picker.ql-size {
  width: 98px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: "Normal";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: "Small";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: "Large";
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: "Huge";
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}

.ql-toolbar.ql-snow {
  background-color: #f5f5f5;
  border-radius: 2px 2px 0px 0px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  padding: 8px;
}

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}

.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}

.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: "Edit";
  margin-left: 16px;
  padding-right: 8px;
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: "Remove";
  margin-left: 8px;
}

.ql-snow .ql-tooltip a {
  line-height: 26px;
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: "Save";
  padding-right: 0px;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}

.ql-snow a {
  color: #06c;
}

.ql-container.ql-snow {
  border: 1px solid #ccc;
}

header {
  border-bottom: 1px solid #273238;
  box-shadow: 0px 2px 4px 0 #c2c4c6;
}

.space-between {
  display: flex;
  -webkit-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.input-position {
  height: 34px;
  padding: 6px 12px;
  margin-top: 10px;
}

input[type=date] {
  border: none;
}

.icon {
  font-size: 18px;
}

.menu-icon {
  margin-right: 5px;
}

.popover {
  border-radius: 0;
}

.openSideMenu {
  display: none;
  position: absolute;
  top: 10px;
  left: 5px;
  width: 30px;
  font-size: 30px;
  text-align: center;
  cursor: pointer;
  z-index: 100;
}
.openSideMenu:focus {
  outline: none;
}

#navbar {
  display: table-cell;
  vertical-align: top;
  width: 205px;
  z-index: 9991;
}
#navbar:focus {
  outline: none;
}
@media (max-width: 991px) {
  #navbar {
    width: auto;
  }
}

#sidebar {
  display: table-cell;
  width: 205px;
  vertical-align: top;
  font-weight: 100;
  z-index: 9991;
}
#sidebar:focus {
  outline: none;
}

.all-categories .product-grid {
  display: flex;
  -webkit-display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-top: 20px;
}
.all-categories .product-grid .item {
  margin: 0 20px;
}
.all-categories .product-grid .item.cat-grid {
  height: auto;
  width: 120px;
  max-width: 120px;
  margin: 20px;
}
.all-categories .product-grid .item.cat-grid a {
  color: #273238;
}
.all-categories .product-grid .item img {
  width: 100%;
  height: 120px;
  border: solid 1px #bbb;
}
.all-categories .product-grid .item .tile-overlay.cat-grid {
  height: 120px;
}

.category-create-edit .cp-box-standard {
  position: relative;
  max-width: 600px;
}
.category-create-edit .cp-box-standard input {
  height: 40px;
  border-radius: 0;
  text-indent: 10px;
}
.category-create-edit .cp-box-standard.subcategory {
  margin: 25px 5px 5px;
}
.category-create-edit .cp-box-standard.subcategory .cp-box-body {
  padding: 10px 30px 25px;
}
.category-create-edit .cp-box-body {
  background: #eee;
  padding: 10px 30px;
  border: none;
}
.category-create-edit .cp-box-body h5 {
  font-weight: 300;
  font-size: 1.2em;
}
.category-create-edit .category-action {
  margin: 10px 0;
}
.category-create-edit .category-action p {
  max-width: 160px;
}
.category-create-edit .category-action input.cat-submit {
  padding: 5px 10px;
  text-indent: 0;
  max-width: 140px;
}
.category-create-edit .category-action input.cat-submit:first-child {
  margin-right: 20px;
}
.category-create-edit .category-image {
  margin-top: 20px;
}
.category-create-edit .category-image #drop-zone-media {
  padding: 5px;
  border: solid 2px #bbb;
}
.category-create-edit .subcategory-input {
  display: inline-block;
  width: 73%;
}
.category-create-edit .subcategory-add {
  height: 40px;
  padding: 5px 50px;
  margin-left: 10px;
}
.category-create-edit .cp-button-standard.edit, .category-create-edit .edit.cp-button-link {
  height: 40px;
  margin: 0 10px;
}

.inactive-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
  z-index: 99;
}

.subcategory-wrapper {
  max-width: 605px;
}
.subcategory-wrapper ul {
  padding-left: 0;
  list-style-type: none;
}
.subcategory-wrapper li {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  position: relative;
  padding: 10px 20px;
  border-bottom: solid 1px #bbb;
}
.subcategory-wrapper li span {
  cursor: pointer;
}
.subcategory-wrapper td {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  position: relative;
  padding: 10px 20px;
  border-bottom: solid 1px #bbb;
}
.subcategory-wrapper td input {
  border: none;
}
.subcategory-wrapper td i {
  cursor: pointer;
}

.sub-list {
  list-style-type: none;
  padding-left: 0;
  background: url("https://s3-us-west-2.amazonaws.com/controlpad/vline.png") repeat-y;
  color: #273238;
}
.sub-list li {
  margin: 15px 0;
  padding: 0 12px;
  line-height: 15px;
  background: url("https://s3-us-west-2.amazonaws.com/controlpad/node.png") no-repeat;
  font-size: 12px;
}
.sub-list li:first-child {
  background: #fff url("https://s3-us-west-2.amazonaws.com/controlpad/firstnode.png") no-repeat left bottom;
}
.sub-list li:last-child {
  background: #fff url("https://s3-us-west-2.amazonaws.com/controlpad/lastnode.png") no-repeat;
}
.sub-list li .sub-list-box {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  text-align: center;
  padding: 3px;
}

.category-action-buttons {
  display: flex;
  -webkit-display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.category-top-row {
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.category-top-row p {
  margin: 0;
}
.category-top-row p:first-child {
  font-size: 18px;
}
.category-top-row .row-item {
  margin: 0 20px;
}
.category-top-row .row-item.first {
  margin: 0;
  padding-top: 10px;
}
.category-top-row .cp-button-standard, .category-top-row .cp-button-link {
  padding: 5px 40px;
}

.sub-option {
  position: absolute;
  top: 8px;
  right: 5px;
}
.sub-option input {
  border: none;
  border: solid 1px #ccc;
  border-radius: 0 !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  font-size: 16px;
}
.sub-option input:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.sub-option ::-webkit-input-placeholder {
  text-align: right;
}
.sub-option :-moz-placeholder {
  text-align: right;
}
.sub-option ::-moz-placeholder {
  text-align: right;
}
.sub-option :-ms-input-placeholder {
  text-align: right;
}
.sub-option .btn.btn-default {
  background: transparent !important;
  color: #838383;
  box-shadow: none;
  font-size: 26px;
  top: -8px;
  border: none !important;
}
.sub-option .btn.btn-default.sm-case {
  font-size: 14px;
  margin-top: 0;
}
.sub-option a:hover {
  color: inherit;
}
.sub-option a, .sub-option a visited {
  color: inherit;
}
.sub-option .loginAs {
  max-width: 325px;
  height: 35px;
  float: right;
}
.sub-option .loginAs label, .sub-option .loginAs input {
  float: left;
  font-weight: 100;
}
.sub-option .loginAs label {
  margin-bottom: 0;
}
.sub-option .loginAs input {
  width: 125px;
  height: 35px;
  border: solid 1px #273238;
  font-size: 16px;
}
.sub-option .loginAs span {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: #273238;
  text-align: center;
}
.sub-option .loginAs a {
  display: block;
}
.sub-option .loginAs .logInSearch {
  height: 100%;
}
.sub-option .loginAs .loginAsArrow {
  position: relative;
  top: 5px;
  color: #fff;
  font-size: 24px;
}
.sub-option .lnr-magnifier {
  font-size: 20px;
}

.login-as {
  position: absolute;
  top: 8px;
  right: 0;
  max-width: 180px;
}
.login-as input {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: none;
}
.login-as a {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.login-as a:hover {
  color: inherit;
}

@media (max-width: 991px) {
  .openSideMenu {
    display: block;
  }

  #sidebar {
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    transition: 0.5s ease-in-out;
    margin-top: 69px;
  }
  #sidebar .list-group {
    height: 100%;
    background: #fff;
    overflow: scroll;
  }
  #sidebar.sideBarOpen {
    left: 0;
  }
  #sidebar i {
    display: none;
  }
  #sidebar .menu-icon {
    display: none;
  }

  .popover-content {
    width: 150px;
  }

  #main-menu {
    width: 45%;
  }
  #main-menu .text {
    display: block;
  }
}
@media (max-width: 768px) {
  .mobile-menu {
    display: block;
  }
}
.cp-password-reset-wrapper {
  display: flex;
  justify-content: center;
  margin: 100px 0px;
}
.cp-password-reset-wrapper .cp-form-inverse {
  background-color: #f5f5f5;
  padding: 30px 20px;
  border-radius: 3px;
}
.cp-password-reset-wrapper .cp-form-inverse input {
  text-align: center;
}

.confirm-autoship .total-line {
  display: flex;
  margin-left: auto;
  max-width: 350px;
}
.confirm-autoship .total-line span {
  flex: 1;
}
.confirm-autoship .payment-totals-section {
  text-align: right;
  padding: 10px;
}
.confirm-autoship .place-order-button {
  float: right;
}
.confirm-autoship .payment-method-section {
  text-align: right;
  padding-bottom: 10px;
}
@media (max-width: 768px) {
  .confirm-autoship .payment-flex-container {
    display: block;
  }
  .confirm-autoship .payment-flex-container .summary {
    font-size: 12px;
  }
  .confirm-autoship .payment-flex-container .col:first-child {
    flex: auto;
    width: auto;
  }
  .confirm-autoship .payment-flex-container .col:last-child {
    width: auto;
    flex: initial;
  }
  .confirm-autoship .payment-flex-container .col {
    flex: 1;
    padding: 10px;
  }
}

.autoship-information-section {
  display: flex;
}
.autoship-information-section h3 {
  padding-bottom: 15px;
}
.autoship-information-section .bold {
  font-weight: bold;
}
.autoship-information-section .col {
  flex: 1;
  padding: 5px;
  padding-bottom: 15px;
}
.autoship-information-section .same-as-billing {
  width: 35px;
  height: 15px;
}

@media (max-width: 768px) {
  .autoship-information-section {
    display: block;
  }
}
.cp-form-inverse .custom-info input {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.autoship-plans-wrapper {
  background: #f5f5f5;
}
.autoship-plans-wrapper .plan-wrapper {
  text-align: center;
}
.autoship-plans-wrapper .plan-wrapper .frequency {
  font-size: 28px;
}
.autoship-plans-wrapper .plan-wrapper .title {
  font-weight: bold;
  padding-top: 15px;
  font-size: 18px;
}
.autoship-plans-wrapper .plan-wrapper .qualify {
  padding-bottom: 10px;
}
.autoship-plans-wrapper .plan-wrapper .select-plan {
  padding-bottom: 10px;
  margin-top: auto;
  padding-top: 10px;
}
.autoship-plans-wrapper .plan-wrapper ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  background-color: #f5f5f5;
}
.autoship-plans-wrapper .plan-wrapper li {
  border-radius: 25px;
  border: 2px solid darkgray;
  cursor: pointer;
  background-color: white;
  min-width: 315px;
  width: 45%;
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 20px;
  margin-left: 0px;
  margin-right: 20px;
  padding: 7px;
  /*Mobile Views*/
}
@media (max-width: 768px) {
  .autoship-plans-wrapper .plan-wrapper li {
    min-width: 0px;
    width: 85%;
    margin-left: 0px;
    margin-right: 0px;
  }
}

.plan-wrapper .free-shipping {
  padding-bottom: 15px;
}
.plan-wrapper .cp-box-heading {
  color: #777;
  background-color: white;
  padding: 0;
  font-weight: 100;
}
.plan-wrapper .cp-box-body {
  border: 0;
}
.plan-wrapper .discounts-loop {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.plan-wrapper .discounts-wrapper {
  display: flex;
  justify-content: space-between;
}
.plan-wrapper .discounts-wrapper span {
  width: 49%;
}
.plan-wrapper .enable-switch {
  width: 300px;
}
.plan-wrapper .textarea-wrapper textarea {
  background-color: #f5f5f5;
}

.autoship-details-wrapper .subscription-price {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 20px;
}
.autoship-details-wrapper .subscription-price span {
  display: flex;
  justify-content: space-between;
  margin: 4px;
  margin-right: 60px;
}
.autoship-details-wrapper .subscription-price span h3 {
  margin: 0;
}
.autoship-details-wrapper .subscription-price .credit-card {
  margin-top: 35px;
  padding-left: 20px;
}
.autoship-details-wrapper .subscription-price div {
  width: 230px;
}
.autoship-details-wrapper .cp-table-inverse {
  border-style: solid;
  border-width: 2px;
}
.autoship-details-wrapper .cp-table-inverse th {
  background-color: #f5f5f5;
}
.autoship-details-wrapper .autoship-totals {
  width: 200px;
}
.autoship-details-wrapper .disable-button {
  padding-bottom: 15px;
}
.autoship-details-wrapper tbody img {
  width: 70px;
}

.autoship-subscriptions-wrapper .accordion-headers {
  display: flex;
  width: 100%;
  padding: 5px;
  padding-top: 0px;
  padding-bottom: 0px;
  background: #273238;
  color: white;
}
.autoship-subscriptions-wrapper .accordion-headers h3 {
  padding: 3px;
  flex: 1;
}
.autoship-subscriptions-wrapper .cp-accordion-head {
  display: flex;
  width: 100%;
  padding: 5px;
  border-top-style: outset;
  border-top-width: 1px;
}
.autoship-subscriptions-wrapper .cp-accordion-head .col {
  padding: 3px;
  flex: 1;
}

.Autoship-subscriptions-index-wrapper .renew {
  max-width: 42px;
}

#my-subscription-wrapper div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (min-width: 751px) {
  #my-subscription-wrapper .item-list-container li:nth-child(even) {
    background: #f5f5f5;
  }
  #my-subscription-wrapper .item-list > li {
    margin-bottom: 10px;
  }
  #my-subscription-wrapper .list-header {
    background-color: #273238;
  }
  #my-subscription-wrapper .column-name {
    font-weight: 400;
    color: white;
  }
  #my-subscription-wrapper .item-container {
    display: grid;
    grid-template-columns: minmax(161px, 3fr) minmax(161px, 5fr) minmax(161px, 5fr) minmax(53px, 1fr) minmax(107px, 2fr) minmax(107px, 2fr);
    padding: 10px;
  }
  #my-subscription-wrapper .schedule-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(161px, 1fr));
  }
  #my-subscription-wrapper .attribute-center {
    display: inline-block;
    text-align: center;
  }
}
@media screen and (max-width: 750px) {
  #my-subscription-wrapper {
    /* Don't display the first item, since it is used to display the header for tabular layouts*/
  }
  #my-subscription-wrapper .item-list-container {
    display: block;
    padding: 20px;
  }
  #my-subscription-wrapper .item-list-container .item-container {
    border-radius: 2px;
    display: block;
    background: white;
    margin-bottom: 10px;
    box-shadow: 1px 1px 1px 1px #ccc;
    padding: 10px 20px;
  }
  #my-subscription-wrapper .item-list-container .item-container div {
    font-weight: bold;
  }
  #my-subscription-wrapper .item-list-container > div:first-child {
    display: none;
  }
  #my-subscription-wrapper .attribute {
    display: grid;
    grid-template-columns: minmax(9em, 30%) 1fr;
  }
  #my-subscription-wrapper .attribute span {
    display: none;
  }
  #my-subscription-wrapper .attribute::before {
    content: attr(data-name);
    font-weight: normal;
  }
}

.plan-index ul {
  margin: 0;
  list-style: none;
}
.plan-index .discount-table {
  border-style: solid;
  border-width: 1px;
  background-color: white;
}
.plan-index .discount-table td {
  background-color: white;
}

.cart-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.cart-wrapper button {
  margin-bottom: 15px;
}

.all-categories-wrapper .categories-modal-close-button {
  margin-top: 16px;
}
.all-categories-wrapper .x {
  float: right;
}
.all-categories-wrapper .category-button {
  margin-bottom: 10px;
}

.category-create-edit .subcategory-input-wrapper {
  display: flex;
}
.category-create-edit .subcategory-input-wrapper span {
  width: 45%;
}
.category-create-edit .subcategory-input-wrapper .x {
  padding: 15px 10px;
}
.category-create-edit .categories-form-button {
  margin-top: 16px;
}
.category-create-edit .cp-input {
  width: 95%;
}
.category-create-edit .category-checkbox {
  display: flex;
}
.category-create-edit .category-checkbox label {
  width: 35%;
}

.checkout-information-section .forms {
  display: flex;
}
.checkout-information-section .forms h3 {
  padding-bottom: 15px;
}
.checkout-information-section .forms .col {
  flex: 1;
  padding: 20px;
}
.checkout-information-section .forms .same-as-billing {
  width: 35px;
  height: 15px;
}
.checkout-information-section .forms .self-pickup {
  width: 35px;
  height: 15px;
}

@media (max-width: 768px) {
  .checkout-information-section {
    display: block;
  }
}
.cp-form-inverse .custom-info input {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

@media screen and (min-width: 751px) {
  .acqualive-downline-report .item-list-container li:nth-child(even) {
    background: #f5f5f5;
  }
  .acqualive-downline-report .item-list > li {
    margin-bottom: 10px;
  }
  .acqualive-downline-report .item-header {
    background-color: #273238;
  }
  .acqualive-downline-report .column-name {
    font-weight: 400;
    color: white;
  }
  .acqualive-downline-report .item-container {
    padding: 10px;
  }
  .acqualive-downline-report .item-info-container {
    display: grid;
    grid-template-columns: minmax(85px, 1fr) minmax(150px, 3fr) minmax(85px, 1fr);
  }
  .acqualive-downline-report .attribute-center {
    display: inline-block;
    text-align: center;
  }
}
@media screen and (max-width: 750px) {
  .acqualive-downline-report {
    /* Don't display the first item, since it is used to display the header for tabular layouts*/
  }
  .acqualive-downline-report .item-list-container {
    display: block;
    padding: 20px;
  }
  .acqualive-downline-report .item-list-container .item-container {
    border-radius: 2px;
    display: block;
    background: white;
    margin-bottom: 10px;
    box-shadow: 1px 1px 1px 1px #ccc;
    padding: 10px 20px;
  }
  .acqualive-downline-report .item-list-container .item-container div {
    font-weight: bold;
  }
  .acqualive-downline-report .item-list-container > div:first-child {
    display: none;
  }
  .acqualive-downline-report .attribute {
    display: grid;
    grid-template-columns: minmax(9em, 30%) 1fr;
  }
  .acqualive-downline-report .attribute span {
    display: none;
  }
  .acqualive-downline-report .attribute::before {
    content: attr(data-name);
    font-weight: normal;
  }
}

#cp-tree-view-wrapper svg {
  padding: 10px 85px 10px 25px;
}
#cp-tree-view-wrapper .node circle {
  stroke: #777;
  stroke-width: 1.5px;
}

@media screen and (min-width: 751px) {
  .mcom-comm-details-report .item-list-container li:nth-child(even) {
    background: #f5f5f5;
  }
  .mcom-comm-details-report .item-list > li {
    margin-bottom: 10px;
  }
  .mcom-comm-details-report .item-header {
    background-color: #273238;
  }
  .mcom-comm-details-report .column-name {
    font-weight: 400;
    color: white;
  }
  .mcom-comm-details-report .item-container {
    padding: 10px;
  }
  .mcom-comm-details-report .item-info-container {
    display: grid;
    grid-template-columns: minmax(40px, 1fr) minmax(40px, 1fr) minmax(40px, 1fr) minmax(40px, 1fr) minmax(40px, 1fr) minmax(40px, 1fr) minmax(40px, 1fr) minmax(40px, 1fr) minmax(40px, 1fr);
  }
  .mcom-comm-details-report .attribute-center {
    display: inline-block;
    text-align: center;
  }
}
@media screen and (max-width: 750px) {
  .mcom-comm-details-report {
    /* Don't display the first item, since it is used to display the header for tabular layouts*/
  }
  .mcom-comm-details-report .item-list-container {
    display: block;
    padding: 20px;
  }
  .mcom-comm-details-report .item-list-container .item-container {
    border-radius: 2px;
    display: block;
    background: white;
    margin-bottom: 10px;
    box-shadow: 1px 1px 1px 1px #ccc;
    padding: 10px 20px;
  }
  .mcom-comm-details-report .item-list-container .item-container div {
    font-weight: bold;
  }
  .mcom-comm-details-report .item-list-container > div:first-child {
    display: none;
  }
  .mcom-comm-details-report .attribute {
    display: grid;
    grid-template-columns: minmax(9em, 30%) 1fr;
  }
  .mcom-comm-details-report .attribute span {
    display: none;
  }
  .mcom-comm-details-report .attribute::before {
    content: attr(data-name);
    font-weight: normal;
  }
}

@media screen and (min-width: 751px) {
  .mcom-contacts-report .item-list-container li:nth-child(even) {
    background: #f5f5f5;
  }
  .mcom-contacts-report .item-list > li {
    margin-bottom: 10px;
  }
  .mcom-contacts-report .item-header {
    background-color: #273238;
  }
  .mcom-contacts-report .column-name {
    font-weight: 400;
    color: white;
  }
  .mcom-contacts-report .item-container {
    padding: 10px;
  }
  .mcom-contacts-report .item-info-container {
    display: grid;
    grid-template-columns: minmax(100px, 1fr) minmax(50px, 1fr) minmax(175px, 2fr) minmax(100px, 1fr) minmax(125px, 2fr) minmax(125px, 1fr);
  }
  .mcom-contacts-report .attribute-center {
    display: inline-block;
    text-align: center;
  }
}
@media screen and (max-width: 750px) {
  .mcom-contacts-report {
    /* Don't display the first item, since it is used to display the header for tabular layouts*/
  }
  .mcom-contacts-report .item-list-container {
    display: block;
    padding: 20px;
  }
  .mcom-contacts-report .item-list-container .item-container {
    border-radius: 2px;
    display: block;
    background: white;
    margin-bottom: 10px;
    box-shadow: 1px 1px 1px 1px #ccc;
    padding: 10px 20px;
  }
  .mcom-contacts-report .item-list-container .item-container div {
    font-weight: bold;
  }
  .mcom-contacts-report .item-list-container > div:first-child {
    display: none;
  }
  .mcom-contacts-report .attribute {
    display: grid;
    grid-template-columns: minmax(9em, 30%) 1fr;
  }
  .mcom-contacts-report .attribute span {
    display: none;
  }
  .mcom-contacts-report .attribute::before {
    content: attr(data-name);
    font-weight: normal;
  }
}

.cp-maverick-mcom-comm-report {
  display: flex;
  flex-direction: row;
}
@media (max-width: 1360px) {
  .cp-maverick-mcom-comm-report {
    flex-direction: column;
  }
}
.cp-maverick-mcom-comm-report .report-wrapper {
  flex: 1;
  margin-right: 20px;
}
@media (max-width: 1360px) {
  .cp-maverick-mcom-comm-report .report-wrapper {
    margin-right: 0;
  }
}
.cp-maverick-mcom-comm-report .report-wrapper section.stats {
  display: flex;
  flex-direction: row;
}
@media (max-width: 790px) {
  .cp-maverick-mcom-comm-report .report-wrapper section.stats {
    flex-direction: column;
  }
}
.cp-maverick-mcom-comm-report .report-wrapper section.stats .stats-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 8px;
}
.cp-maverick-mcom-comm-report .report-wrapper section.stats .stats-group h4 {
  display: inline-block;
}
.cp-maverick-mcom-comm-report .report-wrapper section.stats .stats-group .stats {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.cp-maverick-mcom-comm-report .report-wrapper section.stats .stats-group .stats .stat {
  flex: 1 1 50%;
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  padding: 6px 10px;
}
@media (max-width: 790px) {
  .cp-maverick-mcom-comm-report .report-wrapper section.stats .stats-group .stats .stat {
    flex: 1 1 50%;
  }
}
.cp-maverick-mcom-comm-report .report-wrapper section.stats .stats-group .stats .odd {
  background: #4988FB;
}
.cp-maverick-mcom-comm-report .report-wrapper section.stats .stats-group .stats .even {
  background: #273238;
}
.cp-maverick-mcom-comm-report .report-wrapper section.levels {
  max-width: 1335px;
  margin: 0 auto;
}
.cp-maverick-mcom-comm-report .report-wrapper section.levels .grid-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.cp-maverick-mcom-comm-report .report-wrapper section.levels .grid-row .grid-item {
  height: 100px;
  flex-basis: 16%;
  -ms-flex: auto;
  width: 167px;
  position: relative;
  box-sizing: border-box;
  padding: 7px;
  border: #4e95f4 1px solid;
}
.cp-maverick-mcom-comm-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-transition: padding 0.15s cubic-bezier(0.4, 0, 0.2, 1), margin 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: padding 0.15s cubic-bezier(0.4, 0, 0.2, 1), margin 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.cp-maverick-mcom-comm-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container {
  text-align: center;
  padding-top: 16px;
  height: 100%;
  width: 100%;
  position: relative;
}
.cp-maverick-mcom-comm-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.cp-maverick-mcom-comm-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container p:first-child {
  font-weight: 400;
}
.cp-maverick-mcom-comm-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container:nth-child(2n+1) {
  background: #b8d1f3;
}
.cp-maverick-mcom-comm-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container:nth-child(2n) {
  background: #dae5f4;
}

@media screen and (min-width: 985px) {
  .maverick-downline-report .item-list-container li:nth-child(even) {
    background: #f5f5f5;
  }
  .maverick-downline-report .item-list > li {
    margin-bottom: 10px;
  }
  .maverick-downline-report .item-header {
    background-color: #273238;
  }
  .maverick-downline-report .column-name {
    font-weight: 400;
    color: white;
  }
  .maverick-downline-report .item-container {
    padding: 10px;
  }
  .maverick-downline-report .item-info-container {
    display: grid;
    grid-template-columns: minmax(75px, 1.25fr) minmax(150px, 3fr) minmax(75px, 1.25fr) minmax(100px, 2fr) minmax(100px, 2fr) minmax(75px, 1.25fr) minmax(100px, 2fr) minmax(100px, 1fr) minmax(125px, 2.5fr) minmax(75px, 1.25fr);
  }
  .maverick-downline-report .attribute-center {
    display: inline-block;
    text-align: center;
  }
}
@media screen and (max-width: 984px) {
  .maverick-downline-report {
    /* Don't display the first item, since it is used to display the header for tabular layouts*/
  }
  .maverick-downline-report .item-list-container {
    display: block;
    padding: 20px;
  }
  .maverick-downline-report .item-list-container .item-container {
    border-radius: 2px;
    display: block;
    background: white;
    margin-bottom: 10px;
    box-shadow: 1px 1px 1px 1px #ccc;
    padding: 10px 20px;
  }
  .maverick-downline-report .item-list-container .item-container div {
    font-weight: bold;
  }
  .maverick-downline-report .item-list-container > div:first-child {
    display: none;
  }
  .maverick-downline-report .attribute {
    display: grid;
    grid-template-columns: minmax(9em, 30%) 1fr;
  }
  .maverick-downline-report .attribute span {
    display: none;
  }
  .maverick-downline-report .attribute::before {
    content: attr(data-name);
    font-weight: normal;
  }
}

.cp-ringbomb-mcom-comm-report {
  display: flex;
  flex-direction: row;
}
@media (max-width: 1360px) {
  .cp-ringbomb-mcom-comm-report {
    flex-direction: column;
  }
}
.cp-ringbomb-mcom-comm-report .report-wrapper {
  flex: 1;
  margin-right: 20px;
}
@media (max-width: 1360px) {
  .cp-ringbomb-mcom-comm-report .report-wrapper {
    margin-right: 0;
  }
}
.cp-ringbomb-mcom-comm-report .report-wrapper section.stats {
  display: flex;
  flex-direction: row;
}
@media (max-width: 790px) {
  .cp-ringbomb-mcom-comm-report .report-wrapper section.stats {
    flex-direction: column;
  }
}
.cp-ringbomb-mcom-comm-report .report-wrapper section.stats .stats-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 8px;
}
.cp-ringbomb-mcom-comm-report .report-wrapper section.stats .stats-group h4 {
  display: inline-block;
}
.cp-ringbomb-mcom-comm-report .report-wrapper section.stats .stats-group .stats {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.cp-ringbomb-mcom-comm-report .report-wrapper section.stats .stats-group .stats .stat {
  flex: 1 1 50%;
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  padding: 6px 10px;
}
@media (max-width: 790px) {
  .cp-ringbomb-mcom-comm-report .report-wrapper section.stats .stats-group .stats .stat {
    flex: 1 1 50%;
  }
}
.cp-ringbomb-mcom-comm-report .report-wrapper section.stats .stats-group .stats .odd {
  background: #4988FB;
}
.cp-ringbomb-mcom-comm-report .report-wrapper section.stats .stats-group .stats .even {
  background: #273238;
}
.cp-ringbomb-mcom-comm-report .report-wrapper section.levels {
  max-width: 1335px;
  margin: 0 auto;
}
.cp-ringbomb-mcom-comm-report .report-wrapper section.levels .grid-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.cp-ringbomb-mcom-comm-report .report-wrapper section.levels .grid-row .grid-item {
  height: 100px;
  flex-basis: 16%;
  -ms-flex: auto;
  width: 167px;
  position: relative;
  box-sizing: border-box;
  padding: 7px;
  border: #4e95f4 1px solid;
}
.cp-ringbomb-mcom-comm-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-transition: padding 0.15s cubic-bezier(0.4, 0, 0.2, 1), margin 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: padding 0.15s cubic-bezier(0.4, 0, 0.2, 1), margin 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.cp-ringbomb-mcom-comm-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container {
  text-align: center;
  padding-top: 16px;
  height: 100%;
  width: 100%;
  position: relative;
}
.cp-ringbomb-mcom-comm-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.cp-ringbomb-mcom-comm-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container p:first-child {
  font-weight: 400;
}
.cp-ringbomb-mcom-comm-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container:nth-child(2n+1) {
  background: #b8d1f3;
}
.cp-ringbomb-mcom-comm-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container:nth-child(2n) {
  background: #dae5f4;
}

@media screen and (min-width: 800px) {
  .ringbomb-downline-report .item-list-container li:nth-child(even) {
    background: #f5f5f5;
  }
  .ringbomb-downline-report .item-list > li {
    margin-bottom: 10px;
  }
  .ringbomb-downline-report .item-header {
    background-color: #273238;
  }
  .ringbomb-downline-report .column-name {
    font-weight: 400;
    color: white;
  }
  .ringbomb-downline-report .item-container {
    padding: 10px;
  }
  .ringbomb-downline-report .item-info-container {
    display: grid;
    grid-template-columns: minmax(45px, 9fr) minmax(100px, 20fr) minmax(100px, 20fr) minmax(100px, 20fr) minmax(100px, 20fr) minmax(110px, 22fr) minmax(110px, 22fr) minmax(50px, 9fr) minmax(85px, 17fr);
  }
  .ringbomb-downline-report .attribute-center {
    display: inline-block;
    text-align: center;
  }
}
@media screen and (max-width: 800px) {
  .ringbomb-downline-report {
    /* Don't display the first item, since it is used to display the header for tabular layouts*/
  }
  .ringbomb-downline-report .item-list-container {
    display: block;
    padding: 20px;
  }
  .ringbomb-downline-report .item-list-container .item-container {
    border-radius: 2px;
    display: block;
    background: white;
    margin-bottom: 10px;
    box-shadow: 1px 1px 1px 1px #ccc;
    padding: 10px 20px;
  }
  .ringbomb-downline-report .item-list-container .item-container div {
    font-weight: bold;
  }
  .ringbomb-downline-report .item-list-container > div:first-child {
    display: none;
  }
  .ringbomb-downline-report .attribute {
    display: grid;
    grid-template-columns: minmax(9em, 30%) 1fr;
  }
  .ringbomb-downline-report .attribute span {
    display: none;
  }
  .ringbomb-downline-report .attribute::before {
    content: attr(data-name);
    font-weight: normal;
  }
}

@media screen and (min-width: 751px) {
  .mcom-comm-incentives .item-list-container li:nth-child(even) {
    background: #f5f5f5;
  }
  .mcom-comm-incentives .item-list > li {
    margin-bottom: 10px;
  }
  .mcom-comm-incentives .item-header {
    background-color: #273238;
  }
  .mcom-comm-incentives .column-name {
    font-weight: 400;
    color: white;
  }
  .mcom-comm-incentives .item-container {
    padding: 10px;
  }
  .mcom-comm-incentives .item-info-container {
    display: grid;
    grid-template-columns: minmax(160px, 4fr) minmax(40px, 1fr) minmax(80px, 2fr) minmax(40px, 1fr);
  }
  .mcom-comm-incentives .attribute-center {
    display: inline-block;
    text-align: center;
  }
}
@media screen and (max-width: 750px) {
  .mcom-comm-incentives {
    /* Don't display the first item, since it is used to display the header for tabular layouts*/
  }
  .mcom-comm-incentives .item-list-container {
    display: block;
    padding: 20px;
  }
  .mcom-comm-incentives .item-list-container .item-container {
    border-radius: 2px;
    display: block;
    background: white;
    margin-bottom: 10px;
    box-shadow: 1px 1px 1px 1px #ccc;
    padding: 10px 20px;
  }
  .mcom-comm-incentives .item-list-container .item-container div {
    font-weight: bold;
  }
  .mcom-comm-incentives .item-list-container > div:first-child {
    display: none;
  }
  .mcom-comm-incentives .attribute {
    display: grid;
    grid-template-columns: minmax(9em, 30%) 1fr;
  }
  .mcom-comm-incentives .attribute span {
    display: none;
  }
  .mcom-comm-incentives .attribute::before {
    content: attr(data-name);
    font-weight: normal;
  }
}

@media screen and (min-width: 751px) {
  .commission-engine-downline-report .item-list-container li:nth-child(even) {
    background: #f5f5f5;
  }
  .commission-engine-downline-report .item-list > li {
    margin-bottom: 10px;
  }
  .commission-engine-downline-report .item-header {
    background-color: #273238;
  }
  .commission-engine-downline-report .column-name {
    font-weight: 400;
    color: white;
  }
  .commission-engine-downline-report .item-container {
    padding: 10px;
  }
  .commission-engine-downline-report .item-info-container {
    display: grid;
    grid-template-columns: minmax(85px, 1fr) minmax(150px, 3fr) minmax(85px, 1fr) minmax(100px, 2fr) minmax(100px, 2fr) minmax(120px, 3fr) minmax(120px, 3fr);
  }
  .commission-engine-downline-report .attribute-center {
    display: inline-block;
    text-align: center;
  }
}
@media screen and (max-width: 750px) {
  .commission-engine-downline-report {
    /* Don't display the first item, since it is used to display the header for tabular layouts*/
  }
  .commission-engine-downline-report .item-list-container {
    display: block;
    padding: 20px;
  }
  .commission-engine-downline-report .item-list-container .item-container {
    border-radius: 2px;
    display: block;
    background: white;
    margin-bottom: 10px;
    box-shadow: 1px 1px 1px 1px #ccc;
    padding: 10px 20px;
  }
  .commission-engine-downline-report .item-list-container .item-container div {
    font-weight: bold;
  }
  .commission-engine-downline-report .item-list-container > div:first-child {
    display: none;
  }
  .commission-engine-downline-report .attribute {
    display: grid;
    grid-template-columns: minmax(9em, 30%) 1fr;
  }
  .commission-engine-downline-report .attribute span {
    display: none;
  }
  .commission-engine-downline-report .attribute::before {
    content: attr(data-name);
    font-weight: normal;
  }
}

.cp-wbrx-mcom-sales-report {
  display: flex;
  flex-direction: row;
}
@media (max-width: 1360px) {
  .cp-wbrx-mcom-sales-report {
    flex-direction: column;
  }
}
.cp-wbrx-mcom-sales-report .report-wrapper {
  flex: 1;
  margin-right: 20px;
}
@media (max-width: 1360px) {
  .cp-wbrx-mcom-sales-report .report-wrapper {
    margin-right: 0;
  }
}
.cp-wbrx-mcom-sales-report .report-wrapper section.stats {
  display: flex;
  flex-direction: row;
}
@media (max-width: 790px) {
  .cp-wbrx-mcom-sales-report .report-wrapper section.stats {
    flex-direction: column;
  }
}
.cp-wbrx-mcom-sales-report .report-wrapper section.stats .stats-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 8px;
}
.cp-wbrx-mcom-sales-report .report-wrapper section.stats .stats-group h4 {
  display: inline-block;
}
.cp-wbrx-mcom-sales-report .report-wrapper section.stats .stats-group .stats {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.cp-wbrx-mcom-sales-report .report-wrapper section.stats .stats-group .stats .stat {
  flex: 1 1 50%;
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  padding: 6px 10px;
}
@media (max-width: 790px) {
  .cp-wbrx-mcom-sales-report .report-wrapper section.stats .stats-group .stats .stat {
    flex: 1 1 50%;
  }
}
.cp-wbrx-mcom-sales-report .report-wrapper section.stats .stats-group .stats .odd {
  background: #4988FB;
}
.cp-wbrx-mcom-sales-report .report-wrapper section.stats .stats-group .stats .even {
  background: #273238;
}
.cp-wbrx-mcom-sales-report .report-wrapper section.levels {
  max-width: 1335px;
  margin: 0 auto;
}
.cp-wbrx-mcom-sales-report .report-wrapper section.levels .grid-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.cp-wbrx-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item {
  height: 100px;
  flex-basis: 16%;
  -ms-flex: auto;
  width: 167px;
  position: relative;
  box-sizing: border-box;
  padding: 7px;
  border: #4e95f4 1px solid;
}
.cp-wbrx-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-transition: padding 0.15s cubic-bezier(0.4, 0, 0.2, 1), margin 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: padding 0.15s cubic-bezier(0.4, 0, 0.2, 1), margin 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.cp-wbrx-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container {
  text-align: center;
  padding-top: 16px;
  height: 100%;
  width: 100%;
  position: relative;
}
.cp-wbrx-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.cp-wbrx-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container p:first-child {
  font-weight: 400;
}
.cp-wbrx-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container:nth-child(2n+1) {
  background: #b8d1f3;
}
.cp-wbrx-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container:nth-child(2n) {
  background: #dae5f4;
}

.create-wrapper {
  max-width: 800px;
}
.create-wrapper .action-buttons {
  margin: 0px;
  padding: 5px 0px;
  display: flex;
  justify-content: space-between;
}
.create-wrapper .cp-form-standard textarea, .create-wrapper .cp-form-registration textarea, .create-wrapper .cp-form-inverse textarea {
  background: #f5f5f5;
  border-radius: 3px;
  padding: 10px;
  width: 98%;
  height: 80px;
  border: none;
}
.create-wrapper .cp-form-standard .coupon-expire, .create-wrapper .cp-form-registration .coupon-expire, .create-wrapper .cp-form-inverse .coupon-expire {
  display: inline-block;
}
.create-wrapper .cp-form-standard .coupon-expire input, .create-wrapper .cp-form-registration .coupon-expire input, .create-wrapper .cp-form-inverse .coupon-expire input {
  width: 50px;
  height: 15px;
}
.create-wrapper .cp-form-standard .generate-code, .create-wrapper .cp-form-registration .generate-code, .create-wrapper .cp-form-inverse .generate-code {
  display: flex;
  -webkit-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 15px;
}
.create-wrapper .cp-form-standard .generate-code span, .create-wrapper .cp-form-registration .generate-code span, .create-wrapper .cp-form-inverse .generate-code span {
  width: 63%;
  margin: 0px;
}
.create-wrapper .cp-form-standard .generate-code span input, .create-wrapper .cp-form-registration .generate-code span input, .create-wrapper .cp-form-inverse .generate-code span input {
  box-sizing: border-box;
  margin-top: 0px;
  margin-bottom: 0px;
}
.create-wrapper .cp-form-standard .generate-code button, .create-wrapper .cp-form-registration .generate-code button, .create-wrapper .cp-form-inverse .generate-code button {
  width: 37%;
}
@media (max-width: 675px) {
  .create-wrapper .cp-form-standard .generate-code, .create-wrapper .cp-form-registration .generate-code, .create-wrapper .cp-form-inverse .generate-code {
    display: block;
  }
  .create-wrapper .cp-form-standard .generate-code span, .create-wrapper .cp-form-registration .generate-code span, .create-wrapper .cp-form-inverse .generate-code span {
    width: 100% !important;
  }
  .create-wrapper .cp-form-standard .generate-code button, .create-wrapper .cp-form-registration .generate-code button, .create-wrapper .cp-form-inverse .generate-code button {
    margin-top: 5px;
    width: 100% !important;
  }
}

.product-slider ul {
  padding-left: 0;
  list-style-type: none;
}
.product-slider li {
  height: 100%;
  display: inline-block;
}
.product-slider .main-slider {
  height: 350px;
  width: 350px;
  margin: 0 auto;
}
.product-slider .slider-nav {
  height: 100px;
  width: 350px;
  margin: 0 auto;
}

.cp-acqualive-mcom-sales-report {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.cp-acqualive-mcom-sales-report h4 {
  display: inline-block;
}
.cp-acqualive-mcom-sales-report .multi-item {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 0;
}
.cp-acqualive-mcom-sales-report .one-item {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 0px 16px;
  min-width: 200px;
}
.cp-acqualive-mcom-sales-report .black {
  padding: 16px;
  color: #fff;
  background: #273238;
}
.cp-acqualive-mcom-sales-report .blue {
  padding: 16px;
  color: #fff;
  background: #4988FB;
}
.cp-acqualive-mcom-sales-report .box {
  border: solid;
  border-color: #273238;
  padding: 16px;
}

.custom-links-create {
  width: 100%;
  text-align: left;
}
.custom-links-create .added-custom-links {
  width: 100%;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
}
.custom-links-create .added-custom-links li {
  margin-top: 5px;
  margin-bottom: 5px;
  list-style: none;
  background-color: #f5f5f5;
  padding: 3px;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
}
.custom-links-create .added-custom-links li .col1 {
  width: 97%;
  overflow-wrap: break-word;
}
.custom-links-create .add-links-button {
  float: right;
  margin-top: 5px;
}

.custom-page-wrapper .cp-table-standard, .custom-page-wrapper .cp-table-light-header {
  padding: 0px;
}

.terms-scoped {
  display: flex;
  justify-content: center;
}
.terms-scoped section {
  max-width: 675px;
}

.cp-dashboard-wrapper .login-as-right {
  max-width: 300px;
  margin-right: 0;
  margin-left: auto;
}

.cp-annnouncement-wrapper ul {
  width: 300px;
}
.cp-annnouncement-wrapper h3 {
  width: 68%;
}
.cp-annnouncement-wrapper span {
  width: 50%;
}
.cp-annnouncement-wrapper .all-link {
  width: 300px;
  text-align: center;
  display: block;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
}

.bank-search-wrapper {
  min-width: 300px;
}
.bank-search-wrapper .select-rep {
  max-width: 300px;
}

.payment-file-details .top-table {
  border: 1px solid black;
}
.payment-file-details input[type=button] {
  margin: 7px;
}
.payment-file-details input[type=button].paid {
  color: white;
  background: #393939;
}
.payment-file-details .bottom-table {
  font-size: 13px;
}
.payment-file-details .input-position {
  height: 34px;
  padding: 6px 12px;
  margin-top: 10px;
}
.payment-file-details input[type=date] {
  border: none;
}
.payment-file-details .gray-background {
  background: #edefef;
}
.payment-file-details .icon {
  font-size: 18px;
}

.open-index-wrapper .space-between {
  display: flex;
  -webkit-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.open-index-wrapper .input-position {
  height: 34px;
  padding: 6px 12px;
  margin-top: 10px;
}
.open-index-wrapper input[type=date] {
  border: none;
}
.open-index-wrapper .icon {
  font-size: 18px;
}

.condition-item {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.index-wrapper {
  display: inline;
}
.index-wrapper .discount-body {
  border: solid 1px #ddd;
  padding: 5px;
  padding: 0;
  margin: 0;
  text-align: right;
}
.index-wrapper .discount-body table {
  width: 100%;
}
.index-wrapper .discount-delete {
  margin: 5px;
}
.index-wrapper .row {
  overflow: visible;
}
.index-wrapper .cell {
  overflow: visible;
}

.cp-button-standard.download, .download.cp-button-link {
  color: #fff;
  margin-top: 12px;
}
.cp-button-standard.download:hover, .download.cp-button-link:hover {
  background: #273238;
}
.cp-button-standard.download:hover a, .download.cp-button-link:hover a {
  color: #fff;
  text-decoration: none;
}

.product-item {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.markdown-wrapper .panel-heading {
  background: #f2f2f2 !important;
}
.markdown-wrapper .note-palette-title {
  text-align: center;
  padding: 5px;
  color: black;
}
.markdown-wrapper .note-color-reset {
  text-align: center;
  color: black !important;
}
.markdown-wrapper .save-button {
  float: right;
  margin-top: 10px;
  margin-left: 5px;
}
.markdown-wrapper .editor-wrapper {
  margin-top: 10px;
}
.markdown-wrapper .markdown-preview {
  height: auto;
  max-height: 85%;
  overflow-y: auto;
}

#editor-description.ql-container {
  height: 10em;
}

.withdraw .amount-input {
  max-width: 100px;
  text-align: left;
}
.withdraw .left-algin {
  text-align: left;
}
.withdraw .payment-information {
  padding-left: 15px;
  text-align: left;
}
.withdraw .exit {
  color: white;
}
.withdraw .cp-modal-header {
  display: flex;
  justify-content: space-between;
}
.withdraw .cp-modal-header h2 {
  margin: 0px;
}
.withdraw .modal-footer {
  display: flex;
  justify-content: space-between;
  margin: 5px;
}
.withdraw .modal-footer-single {
  display: flex;
  justify-content: flex-end;
  margin: 5px;
}

.rep-inventory-manager .rep-inventory-header {
  display: block;
  width: 100%;
}
.rep-inventory-manager .rep-inventory-header .back-button {
  float: right;
}
.rep-inventory-manager .edit-button {
  text-align: right;
}

#variant-gallery .page-button-wrapper {
  margin-top: 10px;
}
#variant-gallery .header {
  display: flex;
  width: 100%;
  padding: 5px;
}
#variant-gallery .header .col {
  padding: 3px;
  flex: 1;
}
#variant-gallery .cp-accordion {
  border-bottom: 1px solid #ccc;
}
#variant-gallery .cp-accordion .cp-accordion-head {
  border-bottom: none;
}
#variant-gallery .cp-accordion:last-child {
  border-bottom: none;
}
#variant-gallery .cp-accordion:nth-child(odd) {
  background: white;
}
#variant-gallery .image-holder {
  width: 50px;
  height: 50px;
}

.media-show-wrapper .media-display {
  text-align: center;
}
.media-show-wrapper .url-display {
  word-break: break-all;
}
.media-show-wrapper .media-table th {
  border-radius: 0px;
  max-width: 35px;
}

.media-upload-wrapper .media-details {
  margin-bottom: 15px;
}
.media-upload-wrapper .media-details input {
  margin-top: 5px;
  margin-bottom: 10px;
}
.media-upload-wrapper .media-details .media-checkbox {
  overflow: hidden;
  width: 50%;
}
.media-upload-wrapper .media-details .media-checkbox input {
  margin: 5px;
  width: auto;
  display: inline-block;
}
.media-upload-wrapper .media-details .media-checkbox label {
  width: 48%;
  margin: 5px;
  display: inline-block;
}
.media-upload-wrapper .media-file {
  margin-bottom: 15px;
  text-align: center;
}

.media-edit-wrapper .media-details input {
  margin-top: 5px;
  margin-bottom: 10px;
  border: 0;
}
.media-edit-wrapper .media-details .media-checkbox {
  overflow: hidden;
  width: 50%;
}
.media-edit-wrapper .media-details .media-checkbox input {
  margin: 5px;
  width: auto;
  display: inline-block;
}
.media-edit-wrapper .media-details .media-checkbox label {
  margin: 5px;
  display: inline-block;
}
.media-edit-wrapper .media-file {
  margin-bottom: 15px;
  text-align: center;
}

.confirmation {
  padding-top: 50px;
  text-align: center;
}
.confirmation h1 {
  text-align: center;
  padding: 20px;
}
.confirmation p {
  padding: 10px 20px;
}
.confirmation .details {
  padding: 20px 10px;
  max-width: 400px;
  margin: 0 auto;
}
.confirmation .space-between {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.my-orders-wrapper tr.hold-order {
  background: #fff17c;
  border-bottom: 1px solid #273238;
  border-top: 1px solid #273238;
}
.my-orders-wrapper .action-btn-wrapper {
  margin-bottom: 10px;
}

.cp-order-download-wrapper .error-message {
  color: tomato;
}
.cp-order-download-wrapper .input-width {
  margin-left: 5px;
  width: 200px;
}
.cp-order-download-wrapper .buttton-wrapper {
  text-align: right;
  padding-top: 10px;
}

.customer-info {
  margin-top: 50px;
}
.customer-info .contact-info {
  margin-top: 0;
  padding: 25px 10px;
}
.customer-info .col-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
  padding: 30px 0;
}
.customer-info .col-wrapper:after {
  display: table;
  content: "";
  clear: both;
}
.customer-info .left-col, .customer-info .right-col {
  float: left;
  width: 49%;
  margin: 0 auto;
}
.customer-info .left-col:after, .customer-info .right-col:after {
  display: table;
  content: "";
  clear: both;
}
.customer-info h3 {
  margin-top: 0;
  padding-bottom: 10px;
}
.customer-info .sameAs {
  padding-top: 5px;
  max-width: 100%;
  text-align: right;
}
.customer-info .sameAs input {
  margin-right: 10px;
}
.customer-info .side-by-side {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.customer-info .side-by-side span:nth-child(1) {
  width: 60%;
}
.customer-info .side-by-side span:nth-child(2) {
  width: 30%;
}
.customer-info .side-by-side :first-child label {
  margin-top: 0px;
}

@media (max-width: 700px) {
  .customer-info .contact-info {
    padding: 25px 20px;
    max-width: 80%;
    margin: 0 auto;
  }
  .customer-info .col-wrapper {
    flex-direction: column;
    -webkit-flex-direction: column;
    padding: 30px 10px;
  }
  .customer-info .left-col, .customer-info .right-col {
    float: none;
    width: 100%;
  }
}
.order-view {
  width: 100%;
}
.order-view .orderlines-detail tr:nth-child(even) {
  background: initial;
}
.order-view .orderlines-detail tr {
  border-bottom: 0.5px solid #ccc;
}
.order-view .print-btn {
  margin: 0px 15px 10px 0px;
}
.order-view .yellow {
  margin: 0px 15px 10px 0px;
}
.order-view .button-wrapper .back {
  margin-right: 10px;
}

.returns-wrapper .input[type=radio] {
  border: 0px;
  width: 10%;
  height: 12px;
}
.returns-wrapper .send-request {
  float: right;
}

.payment-form-simple .cvv {
  letter-spacing: 2px;
}
.payment-form-simple .cvv input {
  width: 50% !important;
  display: flex;
}
.payment-form-simple .cp-select-standard {
  min-width: 0px;
}
.payment-form-simple .select-standard-wrapper {
  width: 100% !important;
}
.payment-form-simple .cp-expiration-dates {
  box-sizing: border-box;
  display: flex;
}
.payment-form-simple .cp-expiration-dates :first-child {
  padding-right: 2px;
}
.payment-form-simple .cp-expiration-dates :last-child {
  padding-left: 2px;
}
.payment-form-simple .cp-expiration-dates > div {
  flex: 1;
}

.payment-form-nmi iframe {
  min-height: 30px !important;
}
.payment-form-nmi input {
  border: 5px inset #808080;
  background-color: #c0c0c0;
  color: green;
  font-size: 25px;
  font-family: monospace;
  padding: 5px;
}

.payment-page-wrapper {
  background-color: #f5f5f5;
  padding: 20px 10px;
  width: 100%;
  margin: 0 auto;
}
.payment-page-wrapper .order-summary {
  float: right;
  width: 100%;
  max-width: 275px;
}
.payment-page-wrapper .order-summary:after {
  display: table;
  content: "";
  clear: both;
}
.payment-page-wrapper .order-summary h3 {
  padding: 10px 15px;
  text-align: center;
}
.payment-page-wrapper .expiration-dates {
  box-sizing: border-box;
  display: flex;
}
.payment-page-wrapper .expiration-dates :first-child {
  padding-right: 2px;
  width: 49%;
}
.payment-page-wrapper .expiration-dates :last-child {
  padding-left: 2px;
  width: 49%;
}
.payment-page-wrapper .expiration-dates > div {
  flex: 1;
}
.payment-page-wrapper .payment-detail-wrapper {
  width: 98%;
  max-width: 400px;
  margin: 0 auto;
  float: left;
}
.payment-page-wrapper .payment-detail-wrapper:after {
  display: table;
  content: "";
  clear: both;
}
.payment-page-wrapper .payment-detail-wrapper h3 {
  text-align: center;
}
.payment-page-wrapper .payment-detail-wrapper iframe {
  border: none;
  height: 18em;
  width: 100%;
}
.payment-page-wrapper .border-pad {
  padding: 5px;
}
.payment-page-wrapper .payment-info {
  padding: 20px 15px;
}
.payment-page-wrapper .payment-info .input-wrapper input, .payment-page-wrapper .payment-info .input-wrapper select, .payment-page-wrapper .payment-info .select-wrapper input, .payment-page-wrapper .payment-info .select-wrapper select {
  background: #fff;
}
.payment-page-wrapper .payment-info img {
  float: right;
  padding: 20px 10px;
}
.payment-page-wrapper .space-between {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 15px 20px;
  border-bottom: solid 1px #eee;
}
.payment-page-wrapper .space-between span:nth-child(2) {
  color: #000;
}
.payment-page-wrapper label {
  font-size: 12px;
  font-weight: 300;
  min-height: 17px;
}
.payment-page-wrapper .btn-wrapper {
  text-align: center;
}
.payment-page-wrapper .btn {
  margin: 20px auto;
}
.payment-page-wrapper:after {
  display: table;
  content: "";
  clear: both;
}
.payment-page-wrapper .input-wrapper.duo, .payment-page-wrapper .select-wrapper.duo {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.payment-page-wrapper .input-wrapper.duo .half, .payment-page-wrapper .select-wrapper.duo .half {
  width: 48%;
}
.payment-page-wrapper .input-wrapper.duo:after, .payment-page-wrapper .select-wrapper.duo:after {
  content: "";
}
.payment-page-wrapper .input-wrapper.duo .quarter, .payment-page-wrapper .select-wrapper.duo .quarter {
  width: 23%;
  position: relative;
}
.payment-page-wrapper .input-wrapper.duo .quarter span, .payment-page-wrapper .select-wrapper.duo .quarter span {
  position: absolute;
  top: 22px;
  left: 20px;
}
.payment-page-wrapper .input-wrapper input, .payment-page-wrapper .input-wrapper select, .payment-page-wrapper .select-wrapper input, .payment-page-wrapper .select-wrapper select {
  background: #fff;
  width: 100%;
  border: none;
  height: 30px;
  text-indent: 3px;
  margin: 5px 0;
  font-weight: 300;
}
.payment-page-wrapper .input-wrapper select, .payment-page-wrapper .select-wrapper select {
  text-indent: 5px;
}
.payment-page-wrapper .lnr-credit-card {
  font-size: 28px;
  line-height: 40px;
}

@media (max-width: 700px) {
  .payment-page-wrapper {
    padding: 20px 0;
  }
  .payment-page-wrapper .order-summary {
    float: none;
    max-width: 100%;
  }
  .payment-page-wrapper .order-summary h3 {
    padding: 20px;
  }
  .payment-page-wrapper .space-between {
    max-width: 300px;
    margin: 0 auto;
  }
  .payment-page-wrapper .payment-detail-wrapper {
    float: none;
    margin-top: 25px;
  }
  .payment-page-wrapper .select-wrapper {
    width: auto !important;
  }
}
.submit-wrapper select {
  margin-left: 79%;
  margin-bottom: 5px;
}

.category-select-wrapper hr {
  display: block;
  margin-top: 0px;
}
.category-select-wrapper h4 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.category-select-body {
  display: flex;
}
.category-select-body.selected-category-list {
  margin-top: 15px;
  border-bottom: 1px solid lightgrey;
}
.category-select-body.selected-category-list span {
  padding: 5px;
}
.category-select-body .col {
  flex: 1;
}
.category-select-body .col .right {
  float: right;
}
.category-select-body .col select {
  color: red;
  width: 100% !important;
}

#item-form .item-form-wrapper {
  display: flex;
  justify-content: space-between;
}
#item-form .item-form-wrapper .col {
  width: 49%;
  display: flex;
  flex-direction: column;
}
#item-form .item {
  float: right;
}

.min-max-grid {
  display: flex;
}
.min-max-grid .col {
  padding: 5px;
  flex: 1;
}

.current-media {
  margin-bottom: 25px;
}

.image-error {
  border-color: tomato;
}

.search-term-wrapper .search-term-input {
  text-align: center;
  padding-right: 5%;
  padding-left: 5%;
}
.search-term-wrapper .search-term-input span {
  display: inline-block;
}
.search-term-wrapper .search-term-input button {
  margin-left: 5px;
}

.tax-class-wrapper .tax-class-controls {
  margin-top: 25px;
  text-align: right;
  width: 100%;
}
.tax-class-wrapper .tax-class-table {
  width: 100%;
}
.tax-class-wrapper .tax-inputs {
  text-align: center;
  padding-right: 5%;
  padding-left: 5%;
}
.tax-class-wrapper .tax-inputs span {
  display: inline-block;
}
.tax-class-wrapper .tax-inputs button {
  margin-left: 5px;
}

.product-assignment-wrapper .product-totals-grid {
  margin-top: 10px;
  display: flex !important;
}
.product-assignment-wrapper .product-totals-grid .col {
  flex: 1;
  padding: 1%;
}
.product-assignment-wrapper .product-totals-grid .col h4 {
  margin-bottom: 5px;
}
.product-assignment-wrapper .product-totals-grid .col hr {
  display: block;
  margin-top: 10px;
  margin-bottom: 20px;
}

#cp-variant-form .variant-form-submit-buttons {
  text-align: right;
  padding: 5px;
  padding-bottom: 10px;
}
#cp-variant-form .padding-right {
  padding-right: 10px;
}
#cp-variant-form .min-max-wrapper {
  display: flex;
}
#cp-variant-form .min-max-wrapper .min-max-col {
  flex: 1;
}

#variants .variant-img {
  max-width: 50px;
}
#variants .variant-header {
  display: flex;
  width: 100%;
  padding: 5px;
}
#variants .variant-header .col {
  padding: 3px;
  flex: 1;
}
#variants .item-header {
  display: flex;
  width: 75%;
}
#variants .item {
  margin-left: 25px;
  margin-top: 40px;
}
#variants .right {
  text-align: right;
}

.visibility-wrapper .visible-inputs {
  overflow: hidden;
}
.visibility-wrapper .visible-inputs ul {
  padding: 0px;
  margin: 5px;
}
.visibility-wrapper .visible-inputs li {
  list-style: none;
  display: inline;
}
.visibility-wrapper .visible-inputs input {
  display: inline-block;
  width: 20px;
  height: 15px;
}
.visibility-wrapper .visible-inputs label {
  margin-bottom: 10px;
  margin-right: 15px;
}

.visibility-wrapper .visible-inputs {
  overflow: hidden;
}
.visibility-wrapper .visible-inputs ul {
  padding: 0px;
  margin: 5px;
}
.visibility-wrapper .visible-inputs li {
  list-style: none;
  display: inline;
}
.visibility-wrapper .visible-inputs input {
  display: inline-block;
  width: 20px;
  height: 15px;
}
.visibility-wrapper .visible-inputs label {
  margin-bottom: 10px;
  margin-right: 15px;
}

.rep-sales-report .show-details {
  padding: 5px 0px;
  overflow: hidden;
}
.rep-sales-report .show-details h3 {
  float: left;
}
.rep-sales-report .show-details button {
  margin-top: 20px;
  float: right;
}

.rep-sales-report .show-details {
  padding: 5px 0px;
  overflow: hidden;
}
.rep-sales-report .show-details h3 {
  float: left;
}
.rep-sales-report .show-details button {
  margin-top: 20px;
  float: right;
}

.tax-owed-wrapper .action-btn-wrapper {
  margin-bottom: 10px;
}

.sales-tax-owed-wrapper .show-details-report {
  padding: 10px 5px;
  display: flex;
  justify-content: space-between;
}
.sales-tax-owed-wrapper .show-details-report h3 {
  margin: 0px;
}

.totals-banner {
  display: flex;
  padding: 15px 0px;
}
.totals-banner .totals-column {
  flex: 1;
  text-align: center;
}
.totals-banner .totals-column .total-title {
  display: block;
}
.totals-banner .totals-column.totals-title {
  font-size: 22px;
  color: #555555;
  text-align: left;
}
.totals-banner .totals-column .total-amount {
  display: block;
  font-size: 22px;
  font-weight: bold;
  color: #555555;
}

@media (max-width: 767px) {
  .totals-banner {
    flex-direction: column;
    align-items: center;
  }
}
.report-tab {
  margin-right: 15px;
  padding: 5px 0px;
  color: #273238;
}
.report-tab:hover {
  color: blue;
  cursor: pointer;
}

.active-tab {
  color: blue;
  border-bottom: 1px solid blue;
}
.active-tab:hover {
  color: #273238;
}

.report-tab {
  margin-right: 15px;
  padding: 5px 0px;
  color: #273238;
}
.report-tab:hover {
  color: blue;
  cursor: pointer;
}

.active-tab {
  color: blue;
  border-bottom: 1px solid blue;
}
.active-tab:hover {
  color: #273238;
}

.address-display {
  font-size: 1.2em;
}
.address-display h4 {
  font-weight: 400;
}
.address-display span {
  display: block;
}

.returns-show-wrapper textarea {
  border: 1px solid #eee;
}
.returns-show-wrapper .cp-button-standard, .returns-show-wrapper .cp-button-link {
  float: right;
  margin: 5px;
}

.order-detail-wrapper .order-detail {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  font-size: 0;
  border: 1px solid #ccc;
  margin-bottom: 15px;
}
.order-detail-wrapper .order-detail .cp-box-standard {
  flex: 1;
  font-size: 15px;
  margin: 0;
}
.order-detail-wrapper .order-detail .cp-box-standard .cp-box-body {
  border: none;
}
.order-detail-wrapper .order-detail .cp-box-standard .cp-box-body div {
  padding: 5px;
}
.order-detail-wrapper .order-detail .cp-box-standard.middle-box {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.order-detail-wrapper .order-detail strong {
  font-weight: 400;
}
.order-detail-wrapper .url {
  user-select: none;
  font-size: 12px;
}
.order-detail-wrapper .url-box {
  border-top: 1px solid black;
}
.order-detail-wrapper p {
  font-size: 14px;
}
.order-detail-wrapper .copy-btn {
  font-size: 12px;
  padding: 5px;
}

.sales-index-wrapper .space-between {
  margin-bottom: 10px;
}
.sales-index-wrapper .cp-button-standard.download, .sales-index-wrapper .download.cp-button-link {
  background: #fff;
}
.sales-index-wrapper .cp-button-standard.download p, .sales-index-wrapper .download.cp-button-link p {
  color: #337ab7;
}
.sales-index-wrapper .cp-button-standard.download:hover, .sales-index-wrapper .download.cp-button-link:hover {
  background: #273238;
}
.sales-index-wrapper .cp-button-standard.download:hover a, .sales-index-wrapper .download.cp-button-link:hover a {
  color: #fff;
  text-decoration: none;
}
.sales-index-wrapper .action-btn-wrapper {
  margin-bottom: 10px;
}

.search-box {
  float: right;
  width: auto;
  top: 8px;
  right: 5px;
  margin-bottom: 10px;
}
.search-box input {
  float: left;
  width: 200px;
  display: inline;
  border: none;
  padding: 10px;
  border-bottom: solid 1px #ccc;
  border-radius: 0 !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  font-size: 16px;
}
.search-box input:focus {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-bottom: solid 1px #273238;
}
.search-box ::-webkit-input-placeholder {
  color: #ccc;
  text-align: right;
}
.search-box :-moz-placeholder {
  color: #ccc;
  text-align: right;
}
.search-box ::-moz-placeholder {
  color: #ccc;
  text-align: right;
}
.search-box :-ms-input-placeholder {
  color: #ccc;
  text-align: right;
}
.search-box .search-button {
  float: left;
  background: transparent !important;
  box-shadow: none;
  font-size: 18px;
  width: 34px;
  padding: 4.5px;
  border: none !important;
}
.search-box .search-button.sm-case {
  font-size: 14px;
  margin-top: 0;
}

.markdown-wrapper .panel-heading {
  background: #f2f2f2 !important;
}
.markdown-wrapper .note-palette-title {
  text-align: center;
  padding: 5px;
  color: black;
}
.markdown-wrapper .note-color-reset {
  text-align: center;
  color: black !important;
}
.markdown-wrapper .save-button {
  float: right;
  margin-top: 10px;
  margin-left: 5px;
}
.markdown-wrapper .editor-wrapper {
  margin-top: 10px;
}
.markdown-wrapper .markdown-preview {
  height: auto;
  max-height: 85%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}
.markdown-wrapper .markdown-preview .live-preview {
  flex: 1;
  overflow: auto;
  padding: 10px;
  border: solid 1px #ddd;
}
.markdown-wrapper .markdown-preview .cp-modal-controls {
  padding-top: 10px;
}

.settings-wrapper hr {
  margin-top: 5px;
  margin-bottom: 10px;
}
.settings-wrapper .line-wrapper {
  margin: 0.5em 0;
}
.settings-wrapper .cp-box-body {
  max-height: 2000px;
  transition: max-height 0.2s ease-in-out;
  border: 0;
}
.settings-wrapper .cp-box-body.table-setting {
  padding: 0;
  border-top: 0;
}
.settings-wrapper .cp-box-body.table-setting th {
  background-color: #ccc;
  color: black;
}
.settings-wrapper .save-settings-button {
  display: block;
  width: 100%;
  float: right;
  text-align: right;
  margin-top: 20px;
}

.company-wrapper .cp-box-heading {
  position: relative;
}
.company-wrapper .cp-box-heading.sub-heading {
  background: #516874;
}
.company-wrapper .cp-box-heading button.action-btn {
  width: auto;
  background: inherit;
  padding: 0 10px;
  color: #fff;
}

.custom-email-wrapper .cp-table-standard, .custom-email-wrapper .cp-table-light-header {
  padding: 0px;
}
.custom-email-wrapper .table-setting {
  padding: 0px;
  border-top: 0px;
}
.custom-email-wrapper .table-setting th {
  background-color: #ccc;
  color: black;
}

.logo-wrapper {
  padding-bottom: 20px;
}
.logo-wrapper .dropzone-wrapper {
  margin-bottom: 5px;
}
.logo-wrapper .dropzone {
  text-align: center;
}
.logo-wrapper .dropzone .dz-preview .dz-image {
  width: 100%;
}

.autoship-wrapper {
  margin-bottom: 70px;
}

.backoffice-wrapper .cp-left-col {
  width: 48%;
}
.backoffice-wrapper .cp-right-col {
  width: 48%;
}
.backoffice-wrapper .line-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.backoffice-wrapper .line-wrapper label {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
}
.backoffice-wrapper .line-wrapper input {
  height: 100%;
  width: 50%;
  height: 30px;
  text-indent: 10px;
  margin: 5px 0;
}
.backoffice-wrapper .line-wrapper input.toggle-switch {
  width: 55px;
}
.backoffice-wrapper .save {
  float: right;
  margin-top: 10px;
}

.branding-wrapper .cp-accordion-head.black-header {
  position: relative;
  padding: 10px;
  height: auto;
  background-color: #273238;
  color: white;
}
.branding-wrapper .cp-accordion-head.black-header h5 {
  margin: 0;
  display: inline-block;
  margin-right: 0px;
  font-weight: 300;
  font-size: 1.2em;
}
.branding-wrapper .cp-left-col {
  width: 48%;
}
.branding-wrapper .cp-right-col {
  width: 48%;
}
.branding-wrapper .line-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.branding-wrapper .line-wrapper label {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
}
.branding-wrapper .line-wrapper .input-class {
  height: 100%;
  width: 50%;
  height: 30px;
  text-indent: 10px;
  margin: 5px 0;
}
.branding-wrapper .line-wrapper.toggle-switch {
  width: 40px;
}
.branding-wrapper .loading {
  float: right;
  margin-top: 245px;
  padding-right: 5px;
}

.email-wrapper .cp-left-col {
  width: 48%;
}
.email-wrapper .cp-right-col {
  width: 48%;
}
.email-wrapper .line-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.email-wrapper .line-wrapper label {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
}
.email-wrapper .line-wrapper input {
  height: 100%;
  width: 50%;
  height: 30px;
  text-indent: 10px;
  margin: 5px 0;
}
.email-wrapper .line-wrapper input.toggle-switch {
  width: 55px;
}
.email-wrapper .save {
  float: right;
  margin-top: 10px;
}

.events-wrapper .confirm {
  float: right;
}
.events-wrapper .cp-accordion-head.black-header {
  position: relative;
  padding: 10px;
  height: auto;
  background-color: #273238;
  color: white;
}
.events-wrapper .cp-accordion-head.black-header h5 {
  margin: 0;
  display: inline-block;
  margin-right: 0px;
  font-weight: 300;
  font-size: 1.2em;
}
.events-wrapper .cp-left-col {
  width: 48%;
}
.events-wrapper .cp-right-col {
  width: 48%;
}
.events-wrapper .line-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.events-wrapper .line-wrapper label {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
}
.events-wrapper .line-wrapper .input-class {
  height: 100%;
  width: 50%;
  height: 30px;
  text-indent: 10px;
  margin: 5px 0;
}
.events-wrapper .line-wrapper.toggle-switch {
  width: 40px;
}

.order-settings-wrapper .cp-table-standard, .order-settings-wrapper .cp-table-light-header {
  padding: 0px;
}
.order-settings-wrapper .cp-table-standard .status-position, .order-settings-wrapper .cp-table-light-header .status-position {
  width: 30px;
}
.order-settings-wrapper .cp-table-standard .delete-column, .order-settings-wrapper .cp-table-light-header .delete-column {
  width: 50px;
  align: right;
}
.order-settings-wrapper .table-setting {
  padding: 0px;
  border-top: 0px;
}
.order-settings-wrapper .table-setting th {
  background-color: #ccc;
  color: black;
}

.rewards-wrapper {
  margin-bottom: 70px;
}

.branding-wrapper .cp-accordion-head.black-header {
  position: relative;
  padding: 10px;
  height: auto;
  background-color: #273238;
  color: white;
}
.branding-wrapper .cp-accordion-head.black-header h5 {
  margin: 0;
  display: inline-block;
  margin-right: 0px;
  font-weight: 300;
  font-size: 1.2em;
}
.branding-wrapper .cp-left-col {
  width: 48%;
}
.branding-wrapper .cp-right-col {
  width: 48%;
}
.branding-wrapper .line-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.branding-wrapper .line-wrapper label {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
}
.branding-wrapper .line-wrapper .input-class {
  height: 100%;
  width: 50%;
  height: 30px;
  text-indent: 10px;
  margin: 5px 0;
}
.branding-wrapper .line-wrapper.toggle-switch {
  width: 40px;
}

.button-wrapper {
  margin: 5px;
  display: flex;
  justify-content: flex-end;
}

.my-setting-wrapper .cp-box-standard .shipping-link {
  padding-left: 5px;
}
.my-setting-wrapper .cp-box-standard .cp-accordion-body-wrapper span {
  margin: 5px;
}
.my-setting-wrapper .cp-box-standard .toggle-switch {
  padding: 0px !important;
}
.my-setting-wrapper .cp-box-standard .close-modal {
  position: absolute;
  right: 10px;
  top: 6px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}

.store-builder-wrapper .store-builder-header {
  padding: 15px;
  background-color: #f5f5f5;
  overflow: hidden;
}
.store-builder-wrapper .store-builder-header .builder-selecter {
  float: right;
}
.store-builder-wrapper .store-builder-header .builder-selecter select {
  background-color: white;
}
.store-builder-wrapper .store-builder-pages {
  margin-top: 20px;
}
.store-builder-wrapper .builder-selected-page {
  overflow: hidden;
  margin-bottom: 15px;
}
.store-builder-wrapper .builder-selected-page h1 {
  float: left;
  width: 50%;
}
.store-builder-wrapper .builder-selected-page a {
  float: right;
}

.store-input-image-text, .story-input-header {
  background: transparent;
  border: 1.5px dashed #ccc;
  text-align: center;
  width: 100%;
  text-shadow: 1px 1px 3px black;
}

.story-input-header {
  text-shadow: none;
  width: inherit;
  text-align: left;
}

.cp-modal-body.upload, .cp-modal-standard .upload.cp-modal-body-full {
  padding: 0;
}

.wholesale-product-wrapper .loading {
  display: block;
  margin: 0 auto;
}

.cart-items-wrapper {
  width: 100%;
}
.cart-items-wrapper table {
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  background: #fff;
}
.cart-items-wrapper table input {
  text-align: center !important;
  outline: inherit;
  outline-color: black;
  width: 40px;
}
.cart-items-wrapper table th, .cart-items-wrapper table td {
  padding: 10px;
  text-align: center;
}
.cart-items-wrapper table th {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
}
.cart-items-wrapper tr {
  height: 76px;
  padding: 5px;
  border-top: solid 1px #ddd;
}
.cart-items-wrapper .table-body img {
  width: 50px;
  height: 50px;
}
.cart-items-wrapper .table-body .mdi::before {
  padding-top: 0px !important;
}

@media (max-width: 768px) {
  .cart-items-wrapper .cart-items-table {
    overflow-x: auto;
  }
  .cart-items-wrapper .cart-items-table table {
    table-layout: fixed;
    width: 200% !important;
  }
}
.cart-items-wrapper {
  width: 100%;
}
.cart-items-wrapper table {
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  background: #fff;
}
.cart-items-wrapper table input {
  text-align: center !important;
  outline: inherit;
  outline-color: black;
  width: 40px;
}
.cart-items-wrapper table th, .cart-items-wrapper table td {
  padding: 10px;
  text-align: center;
}
.cart-items-wrapper table th {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
}
.cart-items-wrapper tr {
  height: 76px;
  padding: 5px;
  border-top: solid 1px #ddd;
}
.cart-items-wrapper .table-body img {
  width: 50px;
  height: 50px;
}
.cart-items-wrapper .table-body .mdi::before {
  padding-top: 0px !important;
}

@media (max-width: 768px) {
  .cart-items-wrapper .cart-items-table {
    overflow-x: auto;
  }
  .cart-items-wrapper .cart-items-table table {
    table-layout: fixed;
    width: 200% !important;
  }
}
.text-area-wrapper .text-area-note textarea {
  width: 100%;
  border-color: white;
  padding: 10px;
}

.product-gallery-wrapper img[src=""] {
  display: none;
}
.product-gallery-wrapper .cp-modal-standard {
  overflow-y: auto;
}
.product-gallery-wrapper .cp-modal-standard .cp-modal-body, .product-gallery-wrapper .cp-modal-standard .cp-modal-body-full {
  overflow: auto;
}
.product-gallery-wrapper #slides {
  position: relative;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  text-align: center;
}
.product-gallery-wrapper #slides img {
  max-width: 100%;
}
.product-gallery-wrapper .slide {
  position: relative;
  display: none;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
.product-gallery-wrapper .showing {
  display: block !important;
  opacity: 1;
  z-index: 2;
}

.purchase-summary-wrapper .header-text {
  width: 100%;
  text-align: center;
}
.purchase-summary-wrapper .order-line-items-section {
  max-width: 600px;
  margin: 0 auto;
}
.purchase-summary-wrapper .order-details-section {
  max-width: 400px;
  margin: 0 auto;
  margin-top: 15px;
  display: flex;
  font-size: 1.1em;
}
.purchase-summary-wrapper .order-details-section .order-details-header {
  padding: 10px;
  flex: 1;
}
.purchase-summary-wrapper .order-details-section .order-details {
  padding: 5px;
  text-align: right;
  flex: 1;
}

.cp-multi-carousel-wrapper {
  display: flex;
}
.cp-multi-carousel-wrapper .flex1 {
  flex: 1;
}
.cp-multi-carousel-wrapper .image-selectors {
  display: flex;
  align-items: center;
  width: 40px;
  justify-content: center;
}
.cp-multi-carousel-wrapper .image-selectors.disabled-arrow {
  color: lightgrey;
}
.cp-multi-carousel-wrapper .image-selectors:hover {
  color: lightgrey;
}
.cp-multi-carousel-wrapper .variant-selection-section .active {
  border: 1px solid grey;
}
.cp-multi-carousel-wrapper .variant-selection-section .variant-image-cell {
  cursor: pointer;
}
.cp-multi-carousel-wrapper .variant-selection-section .variant-image-cell:hover {
  border: 1px solid grey;
}

.subscription-index-wrapper .cp-button-standard, .subscription-index-wrapper .cp-button-link {
  padding: 5px 10px;
  margin-right: 8px;
}
.subscription-index-wrapper .cp-button-standard:hover, .subscription-index-wrapper .cp-button-link:hover {
  color: white;
}
.subscription-index-wrapper .cp-button-standard:visited, .subscription-index-wrapper .cp-button-link:visited {
  color: white;
}
.subscription-index-wrapper .cp-button-standard:focus, .subscription-index-wrapper .cp-button-link:focus {
  text-decoration: none;
}
.subscription-index-wrapper .extra-padding {
  padding-top: 32px !important;
}
.subscription-index-wrapper .flex-end {
  padding-top: 20px;
}
.subscription-index-wrapper .price-input {
  width: 64px;
}
.subscription-index-wrapper .line-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 5px 10px;
  border-bottom: solid 1px #f5f5f5;
  width: 100%;
  min-height: 40px;
}
.subscription-index-wrapper .line-wrapper span {
  padding: 5px;
}
.subscription-index-wrapper .line-wrapper.sub {
  display: block;
}
.subscription-index-wrapper .line-wrapper.credit {
  justify-content: center;
  -webkit-justify-content: center;
}
.subscription-index-wrapper .line-wrapper.credit img {
  width: 75%;
}
.subscription-index-wrapper .line-wrapper.cvv {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.subscription-index-wrapper .line-wrapper.action-wrapper {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.subscription-index-wrapper .line-wrapper.action-wrapper button {
  margin-left: 20px;
}
.subscription-index-wrapper .line-wrapper .toggle {
  display: inline-block;
  width: 55px;
}
.subscription-index-wrapper .line-wrapper .toggle input {
  padding: 0;
}
.subscription-index-wrapper .line-wrapper .sub-line-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.subscription-index-wrapper .line-wrapper p {
  margin: 0;
  width: 35%;
  text-align: left;
}
.subscription-index-wrapper .line-wrapper p.inactive {
  color: rgba(0, 0, 0, 0.4);
}
.subscription-index-wrapper .line-wrapper .input {
  background: #fff;
  width: 100%;
  margin: 5px 2px;
}
.subscription-index-wrapper .line-wrapper .input.edit {
  border: solid 1px #f5f5f5;
  background: #f5f5f5;
}
.subscription-index-wrapper .line-wrapper .input-wrapper {
  width: 100%;
  max-width: 70%;
}
.subscription-index-wrapper .bold {
  font-weight: bold;
}

.totals-banner-subscription {
  display: flex;
  padding: 15px 0px;
  margin-top: 28px;
}
.totals-banner-subscription .totals-column {
  flex: 1;
  text-align: center;
}
.totals-banner-subscription .totals-column .total-title {
  display: block;
}
.totals-banner-subscription .totals-column.totals-title {
  font-size: 22px;
  color: #555555;
  text-align: left;
}
.totals-banner-subscription .totals-column .total-amount {
  display: block;
  font-size: 22px;
  font-weight: bold;
  color: #555555;
}

@media (max-width: 767px) {
  .totals-banner {
    flex-direction: column;
    align-items: center;
  }
}
.active-checkbox {
  display: flex;
}
.active-checkbox input {
  width: 75px;
}

.delete-button {
  float: left;
  margin-top: 15px;
}

.webhook-wrapper div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.webhook-wrapper .webhook-on {
  font-size: 12px;
  color: #0CA200;
}
@media screen and (min-width: 751px) {
  .webhook-wrapper .webhook-list-container li:nth-child(even) {
    background: #f5f5f5;
  }
  .webhook-wrapper .webhook-header {
    background-color: #273238;
  }
  .webhook-wrapper .column-name {
    font-weight: 400;
    color: white;
  }
  .webhook-wrapper .webhook-container {
    display: grid;
    grid-template-columns: 4fr 100px;
    padding: 10px;
  }
  .webhook-wrapper .webhook-info-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  .webhook-wrapper .attribute-center {
    display: inline-block;
    text-align: center;
  }
}
@media screen and (max-width: 750px) {
  .webhook-wrapper {
    /* Don't display the first item, since it is used to display the header for tabular layouts*/
  }
  .webhook-wrapper .webhook-list-container {
    display: block;
    padding: 20px;
  }
  .webhook-wrapper .webhook-list-container .webhook-container {
    border-radius: 2px;
    display: block;
    background: white;
    margin-bottom: 10px;
    box-shadow: 1px 1px 1px 1px #ccc;
    padding: 10px 20px;
  }
  .webhook-wrapper .webhook-list-container .webhook-container div {
    font-weight: bold;
  }
  .webhook-wrapper .webhook-list-container > div:first-child {
    display: none;
  }
  .webhook-wrapper .attribute {
    display: grid;
    grid-template-columns: minmax(9em, 30%) 1fr;
  }
  .webhook-wrapper .attribute span {
    display: none;
  }
  .webhook-wrapper .attribute::before {
    content: attr(data-name);
    font-weight: normal;
  }
}

.confirm-wrapper .close-confirm {
  float: right;
  margin: 4px;
}
.confirm-wrapper p {
  text-align: center;
}

.cp-carousel-wrapper img[src=""] {
  display: none;
}
.cp-carousel-wrapper .variant-description {
  font-size: 20px;
}
.cp-carousel-wrapper .carousel-image-contianer {
  display: flex;
}
.cp-carousel-wrapper .carousel-image-contianer .col-images {
  flex: 1;
}
.cp-carousel-wrapper .carousel-image-contianer .col-arrow {
  width: 50px;
  font-size: 50px;
  display: flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}
.cp-carousel-wrapper #slides {
  position: relative;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  text-align: center;
}
.cp-carousel-wrapper #slides img {
  max-width: 100%;
}
.cp-carousel-wrapper .cp-carousel-buttons {
  width: 100%;
}
.cp-carousel-wrapper .cp-carousel-buttons .right {
  float: right;
}
.cp-carousel-wrapper .cp-carousel-buttons .left {
  float: left;
}
.cp-carousel-wrapper .slide {
  position: relative;
  display: none;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
.cp-carousel-wrapper .showing {
  display: block !important;
  opacity: 1;
  z-index: 2;
}
.cp-carousel-wrapper .option-box {
  border: 1px solid black;
  padding: 1px;
  padding-right: 5px;
  padding-left: 5px;
  margin: 2px;
}
.cp-carousel-wrapper .image-information-modal {
  margin: 5px;
  font-size: 20px;
  display: flex;
  justify-content: center;
}
.cp-carousel-wrapper .image-information-modal label {
  margin: 0px 5px 0px 5px;
}
.cp-carousel-wrapper .image-information-modal .col-modal {
  display: flex;
  margin: 5px;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .cp-carousel-wrapper .image-information-modal {
    font-size: 12px;
    display: block;
    justify-content: space-between;
  }
  .cp-carousel-wrapper .image-information-modal label {
    margin: 0px;
  }
  .cp-carousel-wrapper .image-information-modal .col-modal {
    display: flex;
    justify-content: space-between;
  }
  .cp-carousel-wrapper .variant-description {
    font-size: 12px;
  }
}
@media (max-width: 450px) {
  .cp-carousel-wrapper .image-information-modal {
    font-size: 10px;
  }
  .cp-carousel-wrapper .image-information-modal .col-modal .option-box {
    padding-left: 2px;
    padding-right: 2px;
    font-size: 8px;
  }
  .cp-carousel-wrapper .variant-description {
    font-size: 12px;
  }
}

#cp-image-upload-wrapper .currentImage {
  height: auto;
  width: 120px;
}

.cp-rep-select-typehead ul {
  margin: 0;
}

.cp-search-box input {
  width: 200px;
}
.cp-search-box .search-button {
  background: transparent !important;
  box-shadow: none;
  font-size: 18px;
  width: 34px;
  padding: 4.5px;
  border: none !important;
}
.cp-search-box .search-button.sm-case {
  font-size: 14px;
  margin-top: 0;
}

.select-error {
  border: 1px solid tomato !important;
}

@media (max-width: 768px) {
  .cp-table-controls .limit-select select {
    min-width: 96px;
  }
}
select.cp-select2 {
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  height: 30px;
  width: 100%;
  border: none;
  padding: 3px;
  border-radius: 3px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  text-align: left;
  text-align-last: left;
  text-indent: 10px;
  background: #f5f5f5;
  font: 15px "Open-Sans", "Helvetica Neue", "sans-serif";
}
select.cp-select2:before {
  position: absolute;
  right: 5px;
  top: 11px;
  font-family: "Material Icons";
  content: "";
  font-size: 10px;
  pointer-events: none;
}

.textarea-wrapper textarea {
  width: 100%;
  border: none;
}

.toggle-wrapper {
  display: flex;
  justify-content: space-between;
}
.toggle-wrapper input[type=checkbox].toggle-switch {
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  moz-appearance: none;
  width: 40px !important;
  height: 25px;
  border-radius: 30px;
  background: #ddd;
  outline: 0;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
.toggle-wrapper input[type=checkbox].toggle-switch:after {
  content: "";
  width: 24px;
  height: 100%;
  background: #fff;
  border-radius: 30px;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(0.8);
  transition: left 0.3s ease-in-out;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
.toggle-wrapper input[type=checkbox].toggle-switch:checked {
  background: #0CA200;
}
.toggle-wrapper input[type=checkbox].toggle-switch:checked:after {
  left: 16px;
}

.cp-typeahead {
  position: relative;
  display: inline-block;
  width: 100%;
}
.cp-typeahead ul {
  display: block;
  width: 100%;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding: 0px;
  z-index: 1;
  list-style: none;
  max-height: 400px;
  overflow-x: scroll;
  -moz-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
}
.cp-typeahead:hover ul {
  display: block;
}
.cp-typeahead li {
  padding: 6px 16px;
  cursor: pointer;
}
.cp-typeahead li:hover, .cp-typeahead li:focus {
  background: lightgray;
}

.cp-pagination-wrapper {
  text-align: center;
  margin: 10px auto;
}
.cp-pagination-wrapper .pages-button {
  background: white;
  border: 1px solid #273238;
  color: #273238;
  padding: 4px 10px;
  margin: 0px 3px;
  border-radius: 3px;
  font-size: 15px;
}
.cp-pagination-wrapper .pages-button:disabled {
  background: #839ba8;
  border-color: #839ba8;
}
.cp-pagination-wrapper .pages-button:hover:enabled {
  background: #273238;
  color: white;
}
.cp-pagination-wrapper .pages-button.active {
  background: #273238;
  color: white;
}
.cp-pagination-wrapper .pages-array {
  display: inline;
}

.tab-wrapper .tab-select-options {
  padding-top: 10px;
  padding-right: 5px;
  float: right;
}
.tab-wrapper .mobile-tabs {
  display: none;
}
@media (max-width: 768px) {
  .tab-wrapper .mobile-tabs {
    display: block;
  }
  .tab-wrapper .cp-tabs-standard, .tab-wrapper .cp-tabs-light {
    display: none;
  }
  .tab-wrapper .cp-tabs-light {
    display: none;
  }
}

.cp-table-wrapper .center {
  align-self: center;
}
.cp-table-wrapper table.cp-table-component {
  width: 100%;
  border-collapse: collapse;
}
.cp-table-wrapper table.cp-table-component td, .cp-table-wrapper table.cp-table-component th {
  padding: 10px;
  white-space: nowrap;
  text-align: left;
}
.cp-table-wrapper table.cp-table-component th {
  cursor: pointer;
  font-weight: 400;
  background-color: #273238;
  color: white;
}
.cp-table-wrapper table.cp-table-component th:first-child {
  border-top-left-radius: 3px;
}
.cp-table-wrapper table.cp-table-component th:last-child {
  border-top-right-radius: 3px;
}
@media (max-width: 760px) {
  .cp-table-wrapper table.cp-table-component thead {
    display: none;
  }
}
.cp-table-wrapper table.cp-table-component thead tr th {
  text-align: left;
}
.cp-table-wrapper table.cp-table-component tbody tr:nth-child(even) {
  background: #f5f5f5;
}
@media (max-width: 760px) {
  .cp-table-wrapper table.cp-table-component tbody tr {
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 5px 0;
    padding: 5px;
  }
  .cp-table-wrapper table.cp-table-component tbody tr td::before {
    content: attr(data-header);
    display: block;
    font-weight: bold;
  }
  .cp-table-wrapper table.cp-table-component tbody tr td {
    padding: 5px;
  }
}

.cp-table-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cp-table-controls .date-time-record-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cp-table-controls .date-time-record-wrapper span {
  align-self: center;
  margin: 0px 5px;
}
.cp-table-controls .date-time-record-wrapper .date-picker {
  display: flex;
  justify-content: space-between;
}
.cp-table-controls .date-time-record-wrapper .date-picker i {
  width: 26px !important;
  align-self: center;
}
.cp-table-controls .date-time-record-wrapper .date-picker .mdi::before {
  padding: 0px;
  padding-top: 0px;
}
.cp-table-controls .table-control-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.cp-table-controls .table-control-wrapper .limit-select {
  margin-right: 5px;
}
.cp-table-controls .table-control-wrapper .limit-select select {
  margin-top: 0px;
  width: 60px;
  min-width: 60px;
}

@media (max-width: 476px) {
  .cp-table-controls {
    display: block;
  }
}
@media (max-width: 768px) {
  .cp-table-controls {
    display: block;
  }
  .cp-table-controls .table-control-wrapper {
    display: block;
  }
  .cp-table-controls .table-control-wrapper input {
    width: 100%;
  }
  .cp-table-controls .cp-search-box {
    padding: 0px 0px 0px 10px;
  }
  .cp-table-controls .cp-search-box > input {
    width: 80% !important;
  }
  .cp-table-controls .date-time-record-wrapper {
    display: block;
  }
  .cp-table-controls .date-time-record-wrapper .date-picker {
    display: block;
  }
  .cp-table-controls .date-time-record-wrapper .date-picker input {
    width: 100%;
  }
  .cp-table-controls .limit-select select {
    width: 100%;
  }
}
.current-media {
  margin-bottom: 25px;
}

.image-error {
  border-color: tomato;
}

.tooltip-wrapper {
  display: inline-block;
  width: auto !important;
  margin: 0 3px;
}
.tooltip-wrapper:hover .tooltip-content {
  display: block;
}
.tooltip-wrapper .tooltip-content {
  display: none;
  position: absolute;
  z-index: 1000;
  max-width: 300px;
  margin-top: 12px;
  border: solid 1px #ccc;
  border-radius: 2px;
  padding: 5px 10px;
  background: #fff;
  color: #273238;
}

.toast-button-dismiss {
  background-color: rgba(88, 88, 88, 0.7);
  border: 0;
  border-radius: 2px;
  color: tomato;
  float: right;
  font-size: 12px;
  margin-left: 10px;
  transition: all 0.5s ease;
}

.toast-button-dismiss:hover {
  background-color: #777;
}

.toast-success {
  padding: 3px;
  font-size: 15px;
  margin-right: 5px;
  float: left;
  color: #5cb85c;
}

.toast-error {
  padding: 3px;
  font-size: 15px;
  margin-right: 5px;
  float: left;
  color: tomato;
}

.et-wrapper {
  background-color: rgba(48, 45, 55, 0.9);
  box-shadow: 1px 1px 3px #444;
  border-radius: 2px;
  padding: 10px;
  display: inline-block;
  width: 600px;
  min-width: 160px;
  max-width: 85%;
  color: white;
  margin: auto;
  z-index: 99999999;
  margin-bottom: 10px;
  text-align: left;
}

@media (max-width: 620px) {
  .et-wrapper {
    width: 90%;
  }
}
.et-wrapper {
  position: fixed;
  top: 80%;
}

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

.et-wrapper.et-left {
  right: auto;
  left: 0;
}

.et-wrapper.et-right {
  left: auto;
  right: 0;
}

.et-wrapper.et-center {
  left: 50%;
  transform: translateX(-50%);
}

.et-wrapper.et-top {
  top: 0;
  bottom: auto;
}

.et-wrapper.et-bottom {
  top: auto;
  bottom: 0;
}

.et-wrapper.et-alert {
  background-color: rgba(189, 19, 19, 0.7);
}

.et-wrapper.et-warn {
  background-color: rgba(250, 180, 90, 0.9);
}

.et-wrapper.et-info {
  background-color: rgba(32, 83, 201, 0.7);
}

.fade-enter-active,
.fade-leave-active,
.fade-transition {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.fade-enter,
.fade-leave,
.fade-leave-active {
  opacity: 0;
}

.slide-down-enter-active,
.slide-down-leave-active,
.slide-down-transition {
  -webkit-transition: opacity 0.3s ease, top 0.3s ease-in;
  transition: opacity 0.3s ease, top 0.3s ease-in;
}

.slide-down-leave-active,
.slide-down-enter,
.slide-down-leave {
  opacity: 0;
  top: -10%;
}

.slide-up-enter-active,
.slide-up-leave-active,
.slide-up-transition {
  -webkit-transition: opacity 0.3s ease, top 0.3s ease-in;
  transition: opacity 0.3s ease, top 0.3s ease-in;
}

.slide-up-leave-active,
.slide-up-enter,
.slide-up-leave {
  opacity: 0;
  top: 110%;
}

.slide-left-enter-active,
.slide-left-leave-active,
.slide-left-transition {
  -webkit-transition: opacity 0.3s ease, left 0.3s ease-in;
  transition: opacity 0.3s ease, left 0.3s ease-in;
}

.slide-left-leave-active,
.slide-left-enter,
.slide-left-leave {
  opacity: 0;
  left: 110%;
}

.slide-right-enter-active,
.slide-right-leave-active,
.slide-right-transition {
  -webkit-transition: opacity 0.3s ease, left 0.3s ease;
  transition: opacity 0.3s ease, left 0.3s ease;
}

.slide-right-leave-active,
.slide-right-enter,
.slide-right-leave {
  opacity: 0;
  left: -1000px;
}

v-cp-dialog {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 0);
  background: rgba(0, 0, 0, 0.8);
}
v-cp-dialog > v-cp-dialog-wrapper {
  display: flex;
  flex-direction: column;
  background: white;
  width: 80%;
  margin: 10px auto;
  max-height: 95%;
  max-width: 1410px;
}
@media (max-width: 768px) {
  v-cp-dialog > v-cp-dialog-wrapper {
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
  }
}
v-cp-dialog > v-cp-dialog-wrapper cp-dialog-header {
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  background-color: #273238;
  color: white;
  padding: 0px 25px;
}
v-cp-dialog > v-cp-dialog-wrapper cp-dialog-header .flex {
  flex: 1;
}
v-cp-dialog > v-cp-dialog-wrapper cp-dialog-header :last-child {
  cursor: pointer;
  padding: 5px;
  margin: 18px 0;
}
v-cp-dialog > v-cp-dialog-wrapper cp-dialog-header :last-child::before {
  font-size: 32px;
}
v-cp-dialog > v-cp-dialog-wrapper cp-dialog-content {
  flex: 1;
  overflow: auto;
  padding: 15px 25px;
}
v-cp-dialog > v-cp-dialog-wrapper cp-dialog-footer {
  flex-shrink: 0;
  display: flex;
  padding: 15px 25px;
  background: #f5f5f5;
  justify-content: flex-end;
}
v-cp-dialog > v-cp-dialog-wrapper cp-dialog-footer button, v-cp-dialog > v-cp-dialog-wrapper cp-dialog-footer a {
  margin-left: 10px;
}

.scoped-cp-popup {
  z-index: 99999;
  position: absolute;
  padding: 10px 12px;
  box-shadow: 0 0 10px #aaa;
  background: #fff;
}

html, body, #vue-app {
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

[layout=public-layout-wrapper] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
[layout=public-layout-wrapper] header {
  background: #f5f5f5;
  border: solid 0 #ccc;
  border-bottom-width: 1px;
  box-shadow: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
[layout=public-layout-wrapper] header img, [layout=public-layout-wrapper] header span {
  margin: 0 15px;
}
[layout=public-layout-wrapper] header img {
  max-height: 55px;
  max-width: 300px;
}
[layout=public-layout-wrapper] header span {
  color: red;
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  transform: rotate(-5deg);
}
[layout=public-layout-wrapper] [layout=public-layout-main-content] {
  overflow: auto;
}
[layout=public-layout-wrapper] [layout=public-layout-main-content] main {
  flex: 1;
  align-items: center;
  justify-content: center;
}
[layout=public-layout-wrapper] [layout=public-layout-main-content] footer {
  border-top-width: 1px;
  text-align: center;
  padding: 15px;
}

v-cp-error404 {
  display: block;
  padding: 1em;
}
v-cp-error404 a, v-cp-error404 a:hover {
  text-decoration: underline;
}

.checkout-autoship-wrapper {
  padding: 20px;
  overflow: hidden;
}
.checkout-autoship-wrapper section {
  margin: 0px 0px;
}
.checkout-autoship-wrapper .checkout-controls {
  text-align: right;
}
.checkout-autoship-wrapper .checkout-controls .checkout-back-button {
  float: left;
}
.checkout-autoship-wrapper .cp-steps-circle {
  text-align: center;
}
.checkout-autoship-wrapper .cp-steps-circle > div {
  display: inline-block;
  padding-bottom: 2px;
  margin: 0 20px;
  line-height: 25px;
  font-weight: 400;
  font-size: 14;
  margin: 0px 5px;
}
.checkout-autoship-wrapper .cp-steps-circle > div > span {
  display: inline-block;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  background: #959595;
  color: #fff;
  text-align: center;
  margin-right: 5px;
}
.checkout-autoship-wrapper .cp-steps-circle > div.active-step {
  color: #273238;
}
.checkout-autoship-wrapper .cp-steps-circle > div.active-step > span {
  background: #273238;
}
@media (max-width: 768px) {
  .checkout-autoship-wrapper .cp-steps-circle {
    text-align: left;
  }
  .checkout-autoship-wrapper .cp-steps-circle div {
    width: 100%;
  }
}

.subscription-detail-wrapper .subscription-detail-action-buttons {
  margin-bottom: 10px;
}
.subscription-detail-wrapper .subscription-detail {
  display: flex;
  font-size: 0;
  border: 1px solid #ccc;
  margin-bottom: 15px;
}
.subscription-detail-wrapper .subscription-detail .cp-box-standard {
  flex: 1;
  font-size: 15px;
  margin: 0;
}
.subscription-detail-wrapper .subscription-detail .cp-box-standard .cp-box-body {
  border: none;
}
.subscription-detail-wrapper .subscription-detail .cp-box-standard .cp-box-body div {
  padding: 5px;
}
.subscription-detail-wrapper .subscription-detail .cp-box-standard.middle-box {
  flex: 1;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.subscription-detail-wrapper .subscription-detail strong {
  font-weight: 400;
}
.subscription-detail-wrapper .url {
  color: #0000EE;
  text-decoration: underline;
  font-size: 12px;
}
.subscription-detail-wrapper .url:visited {
  color: #551A8B;
  text-decoration: underline;
  font-size: 12px;
}
.subscription-detail-wrapper .url:hover {
  color: #0000EE;
  text-decoration: underline;
  font-size: 12px;
}
.subscription-detail-wrapper .url-box {
  border-top: 1px solid black;
}
.subscription-detail-wrapper p {
  font-size: 14px;
}
.subscription-detail-wrapper .copy-btn {
  font-size: 12px;
  padding: 5px;
}

@media (max-width: 768px) {
  .subscription-detail-wrapper .subscription-detail {
    display: block !important;
  }
}
.checkout-information-section .col {
  flex: 1 !important;
  padding: 20px !important;
}

.checkout-wrapper {
  padding: 20px;
  overflow: hidden;
}
.checkout-wrapper section {
  margin: 0px 0px;
}
.checkout-wrapper .checkout-controls {
  text-align: right;
}
.checkout-wrapper .checkout-controls .checkout-back-button {
  float: left;
}
.checkout-wrapper .checkout-controls .checkout-next-button {
  float: right;
}
.checkout-wrapper .cp-steps-circle {
  text-align: center;
}
.checkout-wrapper .cp-steps-circle > div {
  display: inline-block;
  margin: 0 20px;
  line-height: 25px;
  font-weight: 400;
  font-size: 14;
  margin: 0px 5px;
}
.checkout-wrapper .cp-steps-circle > div > span {
  display: inline-block;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  background: #959595;
  color: #fff;
  text-align: center;
  margin-right: 5px;
}
.checkout-wrapper .cp-steps-circle > div.active-step {
  color: #273238;
}
.checkout-wrapper .cp-steps-circle > div.active-step > span {
  background: #273238;
}

.accordion-button .ewallet-balance {
  display: none;
}
.accordion-button.collapsed .ewallet-balance {
  display: block;
}

.commission-engine-downline-report {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.commission-engine-downline-report .cp-table-component td, .commission-engine-downline-report .cp-table-component th {
  white-space: normal !important;
}
.commission-engine-downline-report .custom-table-navigation {
  display: flex;
  justify-content: space-between;
}
.commission-engine-downline-report .custom-table-navigation .user {
  width: 50%;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
}
.commission-engine-downline-report .custom-table-navigation .user button {
  height: 30px;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  align-self: center;
}
.commission-engine-downline-report .custom-table-navigation .navigation {
  display: flex;
  justify-content: flex-end;
  width: 50%;
  align-items: center;
}
.commission-engine-downline-report .custom-table-navigation .navigation button {
  height: 30px;
}
.commission-engine-downline-report .custom-table-navigation .navigation button select {
  width: 100%;
}

.cp-maverick-mcom-sales-report {
  display: flex;
  flex-direction: row;
}
@media (max-width: 1360px) {
  .cp-maverick-mcom-sales-report {
    flex-direction: column;
  }
}
.cp-maverick-mcom-sales-report .report-wrapper {
  flex: 1;
  margin-right: 20px;
}
@media (max-width: 1360px) {
  .cp-maverick-mcom-sales-report .report-wrapper {
    margin-right: 0;
  }
}
.cp-maverick-mcom-sales-report .report-wrapper section.stats {
  display: flex;
  flex-direction: row;
}
@media (max-width: 790px) {
  .cp-maverick-mcom-sales-report .report-wrapper section.stats {
    flex-direction: column;
  }
}
.cp-maverick-mcom-sales-report .report-wrapper section.stats .stats-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 8px;
}
.cp-maverick-mcom-sales-report .report-wrapper section.stats .stats-group h4 {
  display: inline-block;
}
.cp-maverick-mcom-sales-report .report-wrapper section.stats .stats-group .stats {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.cp-maverick-mcom-sales-report .report-wrapper section.stats .stats-group .stats .stat {
  flex: 1 1 50%;
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  padding: 6px 10px;
}
@media (max-width: 790px) {
  .cp-maverick-mcom-sales-report .report-wrapper section.stats .stats-group .stats .stat {
    flex: 1 1 50%;
  }
}
.cp-maverick-mcom-sales-report .report-wrapper section.stats .stats-group .stats .odd {
  background: #4988FB;
}
.cp-maverick-mcom-sales-report .report-wrapper section.stats .stats-group .stats .even {
  background: #273238;
}
.cp-maverick-mcom-sales-report .report-wrapper section.levels {
  max-width: 1335px;
  margin: 0 auto;
}
.cp-maverick-mcom-sales-report .report-wrapper section.levels .grid-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.cp-maverick-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item {
  height: 100px;
  flex-basis: 16%;
  -ms-flex: auto;
  width: 167px;
  position: relative;
  box-sizing: border-box;
  padding: 7px;
  border: #4e95f4 1px solid;
}
.cp-maverick-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-transition: padding 0.15s cubic-bezier(0.4, 0, 0.2, 1), margin 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: padding 0.15s cubic-bezier(0.4, 0, 0.2, 1), margin 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.cp-maverick-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container {
  text-align: center;
  padding-top: 16px;
  height: 100%;
  width: 100%;
  position: relative;
}
.cp-maverick-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.cp-maverick-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container p:first-child {
  font-weight: 400;
}
.cp-maverick-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container:nth-child(2n+1) {
  background: #b8d1f3;
}
.cp-maverick-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container:nth-child(2n) {
  background: #dae5f4;
}

.cp-ringbomb-mcom-sales-report {
  display: flex;
  flex-direction: row;
}
@media (max-width: 1360px) {
  .cp-ringbomb-mcom-sales-report {
    flex-direction: column;
  }
}
.cp-ringbomb-mcom-sales-report .report-wrapper {
  flex: 1;
  margin-right: 20px;
}
@media (max-width: 1360px) {
  .cp-ringbomb-mcom-sales-report .report-wrapper {
    margin-right: 0;
  }
}
.cp-ringbomb-mcom-sales-report .report-wrapper section.stats {
  display: flex;
  flex-direction: row;
  margin-top: 40px;
}
@media (max-width: 790px) {
  .cp-ringbomb-mcom-sales-report .report-wrapper section.stats {
    flex-direction: column;
  }
}
.cp-ringbomb-mcom-sales-report .report-wrapper section.stats .stats-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 8px;
}
.cp-ringbomb-mcom-sales-report .report-wrapper section.stats .stats-group h4 {
  display: inline-block;
}
.cp-ringbomb-mcom-sales-report .report-wrapper section.stats .stats-group .stats {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.cp-ringbomb-mcom-sales-report .report-wrapper section.stats .stats-group .stats .stat {
  flex: 1 1 50%;
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  padding: 6px 10px;
}
@media (max-width: 790px) {
  .cp-ringbomb-mcom-sales-report .report-wrapper section.stats .stats-group .stats .stat {
    flex: 1 1 50%;
  }
}
.cp-ringbomb-mcom-sales-report .report-wrapper section.stats .stats-group .stats .stat p {
  margin-top: 16px;
}
.cp-ringbomb-mcom-sales-report .report-wrapper section.stats .stats-group .stats .odd {
  background: #4988FB;
}
.cp-ringbomb-mcom-sales-report .report-wrapper section.stats .stats-group .stats .even {
  background: #273238;
}
.cp-ringbomb-mcom-sales-report .report-wrapper section.levels {
  max-width: 1335px;
  margin: 0 auto;
}
.cp-ringbomb-mcom-sales-report .report-wrapper section.levels .grid-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.cp-ringbomb-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item {
  height: 100px;
  flex-basis: 16%;
  -ms-flex: auto;
  width: 167px;
  position: relative;
  box-sizing: border-box;
  padding: 7px;
  border: #4e95f4 1px solid;
}
.cp-ringbomb-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper {
  -webkit-box-sizing: initial;
  -moz-box-sizing: initial;
  box-sizing: initial;
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-transition: padding 0.15s cubic-bezier(0.4, 0, 0.2, 1), margin 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  transition: padding 0.15s cubic-bezier(0.4, 0, 0.2, 1), margin 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
}
.cp-ringbomb-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container {
  text-align: center;
  padding-top: 16px;
  height: 100%;
  width: 100%;
  position: relative;
}
.cp-ringbomb-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.cp-ringbomb-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container p:first-child {
  font-weight: 400;
}
.cp-ringbomb-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container:nth-child(2n+1) {
  background: #b8d1f3;
}
.cp-ringbomb-mcom-sales-report .report-wrapper section.levels .grid-row .grid-item .grid-item-wrapper .grid-item-container:nth-child(2n) {
  background: #dae5f4;
}

.index-wrapper {
  display: inline;
}
.index-wrapper .coupon-body {
  border: solid 1px #ddd;
  padding: 5px;
  padding: 0;
  margin: 0;
  text-align: right;
}
.index-wrapper .coupon-body table {
  width: 100%;
}
.index-wrapper .coupon-delete {
  margin: 5px;
}
.index-wrapper .row {
  overflow: visible;
}
.index-wrapper .cell {
  overflow: visible;
}

.cp-button-standard.download, .download.cp-button-link {
  color: #fff;
  margin-top: 12px;
}
.cp-button-standard.download:hover, .download.cp-button-link:hover {
  background: #273238;
}
.cp-button-standard.download:hover a, .download.cp-button-link:hover a {
  color: #fff;
  text-decoration: none;
}

.cp-dashboard-sales-volume-wrapper {
  display: flex;
  flex-direction: row;
}
@media (max-width: 1360px) {
  .cp-dashboard-sales-volume-wrapper {
    flex-direction: column;
  }
}
.cp-dashboard-sales-volume-wrapper .report-wrapper {
  flex: 1;
  margin-right: 20px;
}
@media (max-width: 1360px) {
  .cp-dashboard-sales-volume-wrapper .report-wrapper {
    margin-right: 0;
  }
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.stats {
  display: flex;
  flex-direction: row;
}
@media (max-width: 790px) {
  .cp-dashboard-sales-volume-wrapper .report-wrapper section.stats {
    flex-direction: column;
  }
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.stats .stats-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 8px;
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.stats .stats-group h4 {
  display: inline-block;
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.stats .stats-group .stats {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.stats .stats-group .stats .stat {
  flex: 1 1 50%;
  display: inline-block;
  white-space: nowrap;
  color: #fff;
  padding: 6px 10px;
}
@media (max-width: 790px) {
  .cp-dashboard-sales-volume-wrapper .report-wrapper section.stats .stats-group .stats .stat {
    flex: 1 1 50%;
  }
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.stats .stats-group .stats .today {
  background: #4988FB;
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.stats .stats-group .stats .mtd {
  background: #273238;
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.chart .legend {
  font-size: 12px;
  display: flex;
  justify-content: flex-end;
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.chart .legend span {
  margin: 6px 8px;
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.chart .legend span::before {
  display: inline-block;
  content: "";
  width: 20px;
  height: 20px;
  vertical-align: text-bottom;
  margin-right: 8px;
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.chart .legend span.sales::before {
  background: blue;
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.chart .legend span.orders::before {
  background: black;
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.chart #salesGraph {
  /**/
  /**/
  /**/
  /**/
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.chart #salesGraph .axis--x path {
  display: none;
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.chart #salesGraph .orderLine {
  fill: none;
  stroke: #122954;
  stroke-width: 1.5px;
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.chart #salesGraph .orderArea {
  fill: #122954;
  stroke-width: 0;
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.chart #salesGraph .salesLine {
  fill: none;
  stroke: #4988FB;
  stroke-width: 1.5px;
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.chart #salesGraph .salesArea {
  fill: #4988FB;
  stroke-width: 0;
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.chart #salesGraph rect {
  stroke-width: 2;
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.chart #salesGraph .grid line {
  stroke: lightgrey;
  stroke-opacity: 0.7;
  shape-rendering: crispEdges;
}
.cp-dashboard-sales-volume-wrapper .report-wrapper section.chart #salesGraph .grid path {
  stroke-width: 0;
}

.discount-create-wrapper .action-buttons {
  margin: 0px;
  padding: 5px 0px;
  display: flex;
  justify-content: space-between;
}
.discount-create-wrapper .cp-form-standard textarea, .discount-create-wrapper .cp-form-registration textarea, .discount-create-wrapper .cp-form-inverse textarea {
  background: #f5f5f5;
  border-radius: 3px;
  padding: 10px;
  width: 98%;
  height: 80px;
  border: none;
}
.discount-create-wrapper .cp-form-standard .coupon-expire, .discount-create-wrapper .cp-form-registration .coupon-expire, .discount-create-wrapper .cp-form-inverse .coupon-expire {
  display: inline-block;
}
.discount-create-wrapper .cp-form-standard .coupon-expire input, .discount-create-wrapper .cp-form-registration .coupon-expire input, .discount-create-wrapper .cp-form-inverse .coupon-expire input {
  width: 50px;
  height: 15px;
}
.discount-create-wrapper .cp-form-standard .generate-code, .discount-create-wrapper .cp-form-registration .generate-code, .discount-create-wrapper .cp-form-inverse .generate-code {
  display: flex;
  -webkit-display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 15px;
}
.discount-create-wrapper .cp-form-standard .generate-code span, .discount-create-wrapper .cp-form-registration .generate-code span, .discount-create-wrapper .cp-form-inverse .generate-code span {
  width: 63%;
  margin: 0px;
}
.discount-create-wrapper .cp-form-standard .generate-code span input, .discount-create-wrapper .cp-form-registration .generate-code span input, .discount-create-wrapper .cp-form-inverse .generate-code span input {
  box-sizing: border-box;
  margin-top: 0px;
  margin-bottom: 0px;
}
.discount-create-wrapper .cp-form-standard .generate-code button, .discount-create-wrapper .cp-form-registration .generate-code button, .discount-create-wrapper .cp-form-inverse .generate-code button {
  width: 37%;
}
@media (max-width: 675px) {
  .discount-create-wrapper .cp-form-standard .generate-code, .discount-create-wrapper .cp-form-registration .generate-code, .discount-create-wrapper .cp-form-inverse .generate-code {
    display: block;
  }
  .discount-create-wrapper .cp-form-standard .generate-code span, .discount-create-wrapper .cp-form-registration .generate-code span, .discount-create-wrapper .cp-form-inverse .generate-code span {
    width: 100% !important;
  }
  .discount-create-wrapper .cp-form-standard .generate-code button, .discount-create-wrapper .cp-form-registration .generate-code button, .discount-create-wrapper .cp-form-inverse .generate-code button {
    margin-top: 5px;
    width: 100% !important;
  }
}

#fieldset-host .cp-typeahead input {
  width: 100%;
}

.pay-taxes .amount-input {
  max-width: 100px;
}
.pay-taxes .payment {
  padding-top: 10px;
  padding-left: 10px;
}
.pay-taxes .credit-card-form {
  padding: 10px;
  overflow: hidden;
  text-align: left;
}
.pay-taxes .credit-card-form input:disabled {
  background-color: #eee;
}
.pay-taxes .credit-card-form label {
  display: block;
}
.pay-taxes .credit-card-form .credit-cards {
  margin-top: 15px;
  margin-bottom: 20px;
}
.pay-taxes .payment-information {
  padding-left: 15px;
}
.pay-taxes .taxes {
  padding-bottom: 5px;
}
.pay-taxes .balance {
  padding-bottom: 15px;
}
.pay-taxes .exit {
  color: white;
}
.pay-taxes .cp-modal-header {
  display: flex;
  justify-content: space-between;
}
.pay-taxes .cp-modal-header h2 {
  margin: 0px;
}
.pay-taxes .modal-footer {
  display: flex;
  justify-content: space-between;
  margin: 5px;
}
.pay-taxes .modal-footer-single {
  display: flex;
  justify-content: flex-end;
  margin: 5px;
}

.sales-tax-ledger .index-table {
  padding-top: 10px;
}
.sales-tax-ledger .column-right {
  float: right;
  text-align: right;
}
.sales-tax-ledger .column-left {
  width: 65%;
  float: left;
  padding-left: 20px;
}
.sales-tax-ledger .modal-left {
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 8px;
}
.sales-tax-ledger .exit {
  color: white;
}
.sales-tax-ledger .cp-modal-header {
  display: flex;
  justify-content: space-between;
}
.sales-tax-ledger .cp-modal-header h2 {
  margin: 0px;
}

.cp-ewallet-dashboard-scope .ewallet-block {
  display: inline-block;
}
@media (max-width: 768px) {
  .cp-ewallet-dashboard-scope .dashboard-wrapper .cp-select-standard select {
    width: 100% !important;
  }
  .cp-ewallet-dashboard-scope .dashboard-wrapper .cp-button-standard, .cp-ewallet-dashboard-scope .dashboard-wrapper .cp-button-link {
    font-size: 10px;
  }
}

.invoice-index-wrapper .cp-download-buttons {
  padding-bottom: 16px;
}
.invoice-index-wrapper .disable-select-box {
  pointer-events: none;
  color: #ccc;
}
.invoice-index-wrapper .cp-button-standard.download, .invoice-index-wrapper .download.cp-button-link {
  background: #fff;
}
.invoice-index-wrapper .cp-button-standard.download p, .invoice-index-wrapper .download.cp-button-link p {
  color: #337ab7;
}
.invoice-index-wrapper .cp-button-standard.download:hover, .invoice-index-wrapper .download.cp-button-link:hover {
  background: #273238;
}
.invoice-index-wrapper .cp-button-standard.download:hover a, .invoice-index-wrapper .download.cp-button-link:hover a {
  color: #fff;
  text-decoration: none;
}
.invoice-index-wrapper .invoice-index-inputs {
  margin-top: 5px;
}

.status-select {
  float: right;
  display: inline;
  position: relative;
  background: #f8f8f8;
  height: 31px;
  width: 155px;
  margin: 10px;
}
.status-select:after {
  position: absolute;
  right: 5px;
  top: 10px;
  font-family: "Linearicons";
  content: "";
  font-size: 10px;
  pointer-events: none;
}
.status-select select {
  height: 31px;
  width: 155px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  text-align: left;
  text-align-last: left;
  text-indent: 10px;
  background: #f5f5f5;
}

@media (max-width: 768px) {
  .status-select {
    display: none;
  }
}
.upload-modal-wrapper {
  position: relative;
}
.upload-modal-wrapper .saving {
  padding: 2%;
}
.upload-modal-wrapper .upload-modal-menu {
  cursor: pointer;
}
.upload-modal-wrapper .sidebar {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 100%;
  background: #273238;
  color: #fff;
}
.upload-modal-wrapper .sidebar ul {
  list-style-type: none;
  padding-left: 0;
}
.upload-modal-wrapper .sidebar li {
  padding: 10px;
  -webkit-transition: all 0.3s ease 0s;
}
.upload-modal-wrapper .sidebar .active {
  color: #273238;
  background-color: #f5f5f5;
}
.upload-modal-wrapper .sidebar li:hover {
  background-color: #465a65;
}
.upload-modal-wrapper .sidebar li:hover.active {
  color: #273238;
  background-color: #f5f5f5;
}
.upload-modal-wrapper .image-list {
  list-style-type: none;
}
.upload-modal-wrapper .upload-main-content {
  padding-left: 200px;
}
.upload-modal-wrapper .upload-main-content .title-wrapper {
  padding: 15px;
}
.upload-modal-wrapper .upload-main-content .title-text {
  font-size: 22px;
  margin-left: 15px;
}
.upload-modal-wrapper .upload-main-content .upload-wrapper {
  margin-right: 15px;
  padding: 15px;
  display: flex;
  justify-content: flex-end;
}
.upload-modal-wrapper .upload-main-content .upload {
  float: right;
}
.upload-modal-wrapper .upload-main-content .x {
  font-size: 15px;
  float: right;
  padding: 7.5px;
  margin-right: 15px;
}
.upload-modal-wrapper .grid-wrapper {
  margin-top: 15px;
  background: #f5f5f5;
  max-width: 800px;
  margin: 0 auto;
}
.upload-modal-wrapper .cropper-wrapper .crop-btn-wrapper {
  margin-right: 15px;
  padding: 15px;
}
.upload-modal-wrapper .cropper-wrapper .crop {
  float: right;
  margin-bottom: 15px;
}
.upload-modal-wrapper .cropper-wrapper #cropper-container {
  margin-top: 25px;
}
.upload-modal-wrapper .cropper-wrapper #image {
  max-width: 100%;
}

.media-index-wrapper .close-button {
  float: right;
}
.media-index-wrapper button.cp-button-standard, .media-index-wrapper button.cp-button-link {
  margin-left: 5px;
}
.media-index-wrapper .media-thumbnail img {
  width: 50px;
}
@media (max-width: 767px) {
  .media-index-wrapper .product-grid .item .tile-overlay {
    display: none;
  }
  .media-index-wrapper .product-img-wrapper {
    height: 176px !important;
    width: 136px;
  }
  .media-index-wrapper a:link {
    color: none;
  }
  .media-index-wrapper .mobile-buttons {
    display: flex;
    justify-content: space-between;
    padding-top: 16px;
  }
}

.rep-index-wrapper tr.hold-order {
  background: #fff17c;
  border-bottom: 1px solid #273238;
  border-top: 1px solid #273238;
}
.rep-index-wrapper .action-btn-wrapper {
  margin-bottom: 10px;
}

.banking-information-wrapper .banking-image {
  display: flex;
  justify-content: center;
  margin: 5px;
}
.banking-information-wrapper .agreement-wrapper {
  margin: 5px;
}
.banking-information-wrapper .agree-wrapper {
  display: flex;
  justify-content: flex-end;
  margin: 5px;
}
.banking-information-wrapper .agree-wrapper input[type=checkbox] {
  margin: 10px 0 0;
}

.bundle-form-wrapper hr {
  margin-top: 5px;
}
.bundle-form-wrapper .product-create-button {
  float: right;
  margin: 5px;
}
.bundle-form-wrapper .two-column-grid {
  display: flex;
}
.bundle-form-wrapper .two-column-grid .col {
  flex: 1;
  padding-right: 5px;
}
.bundle-form-wrapper .two-column-grid .col:first-child {
  padding-right: 5px;
}
.bundle-form-wrapper .two-column-grid .col:last-child {
  padding-left: 5px;
}
.bundle-form-wrapper .two-column-grid .right {
  float: right;
}
.bundle-form-wrapper .two-column-grid .right select {
  margin: 5px 0px;
  width: 100%;
}
.bundle-form-wrapper .commission-inputs {
  padding-right: 10px;
  padding-left: 10px;
}
.bundle-form-wrapper .commission-inputs span {
  display: inline-block;
  margin-right: 16px;
}
.bundle-form-wrapper .cp-box-heading label {
  color: white;
  font-weight: 300;
}

.product-form-wrapper hr {
  margin-top: 5px;
}
.product-form-wrapper .product-form-grid {
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.product-form-wrapper .product-form-grid .cp-select .cp-select-standard {
  height: 36px;
  margin-top: 3px;
  border-radius: 5px;
}
.product-form-wrapper .product-form-grid .cp-select .cp-select-standard:after {
  top: 14px;
}
.product-form-wrapper .product-form-grid .cp-select .cp-select-standard select {
  height: 100%;
}
.product-form-wrapper .product-form-grid .cp-select label {
  margin-top: 0px;
}
.product-form-wrapper .product-form-grid .cp-cell, .product-form-wrapper .product-form-grid .cp-grid-standard .cp-cell-10, .cp-grid-standard .product-form-wrapper .product-form-grid .cp-cell-10, .product-form-wrapper .product-form-grid .cp-grid-standard .cp-cell-5, .cp-grid-standard .product-form-wrapper .product-form-grid .cp-cell-5, .product-form-wrapper .product-form-grid .cp-grid-standard .cp-cell-2, .cp-grid-standard .product-form-wrapper .product-form-grid .cp-cell-2, .product-form-wrapper .product-form-grid .cp-grid-standard .cp-cell-3, .cp-grid-standard .product-form-wrapper .product-form-grid .cp-cell-3 {
  box-sizing: border-box;
  width: calc(100% / 4);
  text-align: left;
  padding: 5px;
  padding-bottom: 10px;
}
.product-form-wrapper .button-box {
  width: 100%;
  height: 80px;
}
.product-form-wrapper .product-create-button {
  float: right;
  margin: 5px;
}
.product-form-wrapper .two-column-grid {
  display: flex;
}
.product-form-wrapper .two-column-grid .col {
  flex: 1;
  padding-right: 5px;
}
.product-form-wrapper .two-column-grid .col:first-child {
  padding-right: 5px;
}
.product-form-wrapper .two-column-grid .col:last-child {
  padding-left: 5px;
}
.product-form-wrapper .two-column-grid .right {
  float: right;
}
.product-form-wrapper .two-column-grid .right select {
  margin: 5px 0px;
  width: 100%;
}

.rep-locator-wrapper .no-results {
  width: 95%;
  margin: 10px auto;
  margin-top: 20px;
  font-size: 14px;
}
.rep-locator-wrapper .main-locator-content {
  max-width: 600px;
  margin: 0 auto;
}
.rep-locator-wrapper button {
  font-size: 14px !important;
}
.rep-locator-wrapper input {
  font-size: 14px !important;
}
.rep-locator-wrapper .rep-locator-header {
  text-align: center;
}
.rep-locator-wrapper .rep-search-form {
  width: 95%;
  margin: 0 auto;
  display: flex;
}
.rep-locator-wrapper .rep-search-form .search-button {
  margin: 5px;
  padding: 8px;
  width: 100px;
  flex: initial;
}
.rep-locator-wrapper .rep-search-form .col {
  flex: initial;
}
.rep-locator-wrapper .rep-search-form .col-auto {
  flex: auto;
}
.rep-locator-wrapper .rep-search-results {
  width: 95%;
  margin: 0 auto;
  border-collapse: collapse;
}
.rep-locator-wrapper .rep-search-results td {
  padding: 10px;
  text-align: left;
}
.rep-locator-wrapper .rep-search-results tr {
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}
.rep-locator-wrapper .rep-search-results tr:hover {
  background-color: #f5f5f5;
}
.rep-locator-wrapper .rep-search-buttons {
  text-align: center;
  position: fixed;
  overflow: hidden;
  bottom: 0;
  width: 100%;
  z-index: 100;
}
.rep-locator-wrapper .rep-search-buttons button {
  display: block;
  margin: 0 auto;
}
.rep-locator-wrapper .rep-search-by-toggle {
  display: flex;
  width: 95%;
  margin: 0 auto;
  padding: 2px;
}
.rep-locator-wrapper .rep-search-by-toggle button.col {
  border-radius: 2px;
  flex: 1;
  color: #273238;
  padding: 10px;
  background-color: #f5f5f5;
  border: none;
  cursor: pointer;
}
.rep-locator-wrapper .rep-search-by-toggle button.col:hover {
  background-color: #c2c2c2;
  color: #273238;
}
.rep-locator-wrapper .rep-search-by-toggle button.col.active {
  background-color: #273238;
  color: white;
  cursor: initial;
}

.sales-index-wrapper .action-btn-wrapper {
  margin-bottom: 10px;
}

.sales-index-wrapper .space-between {
  margin-bottom: 10px;
}
.sales-index-wrapper .action-btn-wrapper {
  margin-bottom: 10px;
}

.sales-index-wrapper .action-btn-wrapper {
  margin-bottom: 10px;
}

.sales-tax-wrapper .space-between {
  margin-bottom: 10px;
}
.sales-tax-wrapper .action-btn-wrapper {
  margin-bottom: 10px;
}

.select-outline select {
  border: 1px solid !important;
  min-width: 86px;
  text-indent: 2px;
}

.order-nav {
  background-color: #273238;
  overflow: hidden;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
.order-nav button {
  float: left;
  border: none;
  font-size: 15px;
  padding: 15px;
  color: white;
  background-color: #273238;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.order-nav button.active {
  color: #273238;
  background-color: #f5f5f5;
}
.order-nav button:hover {
  background-color: #465a65;
}
.order-nav button:hover.active {
  color: #273238;
  background-color: #f5f5f5;
}
.order-nav .order-update-button {
  float: right;
}

.basic-wrapper .cp-form-standard, .basic-wrapper .cp-form-registration, .basic-wrapper .cp-form-inverse {
  margin: 5px;
}
.basic-wrapper .cp-form-standard input, .basic-wrapper .cp-form-registration input, .basic-wrapper .cp-form-inverse input {
  text-indent: 6px;
  padding: 0px;
}
.basic-wrapper .states-excluded {
  padding: 5px;
}

.dropzone {
  text-align: center;
}
.dropzone .dz-preview .dz-image {
  width: 100%;
}
.dropzone .dz-preview .dz-image img {
  max-width: 100%;
}

.dropzone-inverse img {
  background: #273238;
}

.store-wrapper .confirm {
  float: right;
}
.store-wrapper .cp-accordion-head.black-header {
  position: relative;
  padding: 10px;
  height: auto;
  background-color: #273238;
  color: white;
}
.store-wrapper .cp-accordion-head.black-header h5 {
  margin: 0;
  display: inline-block;
  margin-right: 0px;
  font-weight: 300;
  font-size: 1.2em;
}
.store-wrapper .cp-left-col {
  width: 48%;
}
.store-wrapper .cp-right-col {
  width: 48%;
}
.store-wrapper .line-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.store-wrapper .line-wrapper label {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
}
.store-wrapper .line-wrapper .input-class {
  height: 100%;
  width: 50%;
  height: 30px;
  text-indent: 10px;
  margin: 5px 0;
}
.store-wrapper .line-wrapper.toggle-switch {
  width: 40px;
}

.branding-wrapper .cp-accordion-head.black-header {
  position: relative;
  padding: 10px;
  height: auto;
  background-color: #273238;
  color: white;
}
.branding-wrapper .cp-accordion-head.black-header h5 {
  margin: 0;
  display: inline-block;
  margin-right: 0px;
  font-weight: 300;
  font-size: 1.2em;
}
.branding-wrapper .cp-left-col {
  width: 48%;
}
.branding-wrapper .cp-right-col {
  width: 48%;
}
.branding-wrapper .line-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.branding-wrapper .line-wrapper label {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
}
.branding-wrapper .line-wrapper .input-class {
  height: 100%;
  width: 50%;
  height: 30px;
  text-indent: 10px;
  margin: 5px 0;
}
.branding-wrapper .line-wrapper.toggle-switch {
  width: 40px;
}

.user-settings-wrapper .save-url-settings {
  display: block;
  width: 100%;
  text-align: right;
  margin-top: 20px;
}
.user-settings-wrapper .cp-table-standard, .user-settings-wrapper .cp-table-light-header {
  padding: 0px;
}
.user-settings-wrapper .cp-table-standard .status-position, .user-settings-wrapper .cp-table-light-header .status-position {
  width: 30px;
}
.user-settings-wrapper .cp-table-standard .delete-column, .user-settings-wrapper .cp-table-light-header .delete-column {
  width: 50px;
  align: right;
}
.user-settings-wrapper .table-setting {
  padding: 0px;
  border-top: 0px;
}
.user-settings-wrapper .table-setting th {
  background-color: #ccc;
  color: black;
}
.user-settings-wrapper .url-label {
  width: 125px;
}
.user-settings-wrapper .url-input {
  width: 65%;
}
.user-settings-wrapper .float-right {
  float: right;
}
.user-settings-wrapper .url-setting {
  padding-bottom: 20px;
}

.shipping-rate-wrapper label {
  font-weight: 100;
}
.shipping-rate-wrapper .shipping-table-price-rate {
  margin-top: 15px;
}
.shipping-rate-wrapper .shipping-info {
  display: flex;
  width: 100%;
}
.shipping-rate-wrapper .shipping-info .left-box {
  padding: 20px;
  padding-top: 0;
  width: 25%;
  flex: 1;
}
.shipping-rate-wrapper .shipping-info .right-box {
  flex: 0 0 65%;
  width: 65%;
}
.shipping-rate-wrapper .fulfillment-wrapper {
  display: flex;
  width: 100%;
}
.shipping-rate-wrapper .fulfillment-wrapper .left-box {
  width: 50%;
}
.shipping-rate-wrapper .fulfillment-wrapper .right-box {
  width: 50%;
}
.shipping-rate-wrapper .fulfillment-wrapper .right-box .cp-box-body {
  height: 80px;
}
.shipping-rate-wrapper .fulfillment-wrapper .right-box .cp-box-body .toggle-switch {
  position: absolute;
  width: 40px;
  height: 25px;
  padding: 0px !important;
  margin-top: -1px;
  margin-left: 15px;
}
.shipping-rate-wrapper .rate-name {
  display: flex;
  width: 100%;
}
.shipping-rate-wrapper .rate-name .box-one {
  flex: 0 0 65%;
}
.shipping-rate-wrapper .rate-name .box-two {
  flex: 1;
}
.shipping-rate-wrapper .rate-point {
  display: flex;
  width: 100%;
}
.shipping-rate-wrapper .rate-point .box-one {
  flex: 0 0 50%;
}
.shipping-rate-wrapper .rate-point .box-two {
  flex: 1;
}
.shipping-rate-wrapper .ship-rate {
  width: 100%;
}
.shipping-rate-wrapper .max-rate {
  width: 100%;
}
.shipping-rate-wrapper input[type=checkbox] {
  display: inline-block;
  width: initial;
  margin: 5px;
  height: initial;
}
.shipping-rate-wrapper .fulfillment {
  width: 75%;
  text-indent: 3px;
  background: #f2f2f2;
}
@media (max-width: 960px) {
  .shipping-rate-wrapper .fulfillment-wrapper {
    display: inline-block;
  }
  .shipping-rate-wrapper .fulfillment-wrapper .left-box {
    width: 100%;
  }
  .shipping-rate-wrapper .fulfillment-wrapper .right-box {
    width: 100%;
  }
  .shipping-rate-wrapper .shipping-info {
    display: block;
    width: 100%;
  }
  .shipping-rate-wrapper .shipping-info .left-box {
    padding: 20px;
    padding-top: 0;
    width: 100%;
  }
  .shipping-rate-wrapper .shipping-info .right-box {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .shipping-rate-wrapper .rate-name {
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .shipping-rate-wrapper .shipping-info .right-box .toggle-switch {
    margin-right: 0px;
  }
}

.wholesale-product-wrapper .cp-modal-standard .cp-modal-body-full {
  overflow-y: auto;
}
.wholesale-product-wrapper .loading {
  display: block;
  margin: 0 auto;
}
.wholesale-product-wrapper .cp-validation-errors {
  text-align: center !important;
}
.wholesale-product-wrapper .description-and-carausel {
  display: flex;
}
.wholesale-product-wrapper .description-and-carausel .col {
  flex: 1;
  padding: 15px;
}
.wholesale-product-wrapper .description-and-carausel .col:first-child {
  max-width: 400px;
}
.wholesale-product-wrapper .variant-selection-section .active {
  border: 1px solid grey;
}
.wholesale-product-wrapper .variant-selection-section .variant-image {
  cursor: pointer;
}
.wholesale-product-wrapper .variant-selection-section .variant-image:hover {
  border: 1px solid grey;
}
.wholesale-product-wrapper td {
  text-align: left !important;
}
.wholesale-product-wrapper th {
  text-align: left !important;
}
.wholesale-product-wrapper #low_invetory {
  padding-left: 3px;
  color: tomato;
}
.wholesale-product-wrapper #quantity {
  width: 33%;
}

.wholesale-nav-wrapper .button-wrapper {
  display: flex;
  justify-content: flex-end;
}
.wholesale-nav-wrapper .cp-table-standard > tbody > tr:nth-child(odd), .wholesale-nav-wrapper .cp-table-light-header > tbody > tr:nth-child(odd) {
  cursor: pointer;
}
.wholesale-nav-wrapper .cp-table-standard > tbody > tr:nth-child(odd):hover, .wholesale-nav-wrapper .cp-table-light-header > tbody > tr:nth-child(odd):hover {
  background: lightgrey;
}
.wholesale-nav-wrapper .cp-table-standard .add-to-cart, .wholesale-nav-wrapper .cp-table-light-header .add-to-cart {
  float: right;
}
.wholesale-nav-wrapper .cp-table-standard .item-table, .wholesale-nav-wrapper .cp-table-light-header .item-table {
  width: 100%;
  margin: 0 auto;
}
.wholesale-nav-wrapper .cp-table-standard .item-table th, .wholesale-nav-wrapper .cp-table-light-header .item-table th {
  background-color: transparent;
  font-weight: bold;
  color: black;
  text-align: center;
}
.wholesale-nav-wrapper .cp-table-standard .item-table td, .wholesale-nav-wrapper .cp-table-light-header .item-table td {
  text-align: center;
}

.subscription-form-wrapper .radio-box {
  padding: 5px 0 10px;
}
.subscription-form-wrapper .radio-box label:first-child {
  display: inline-block;
  margin-right: 10px;
}
.subscription-form-wrapper .radio-box label:not(:first-child) input[type=radio] {
  display: inline-block;
  height: auto !important;
  width: auto;
}
.subscription-form-wrapper .panel-heading {
  background: #f2f2f2 !important;
}
.subscription-form-wrapper .note-palette-title {
  text-align: center;
  padding: 5px;
  color: black;
}
.subscription-form-wrapper .save-button {
  float: right;
  margin-top: 15px;
}
.subscription-form-wrapper .input-wrapper {
  width: 100%;
  max-width: 70%;
}
.subscription-form-wrapper .note-color-reset {
  text-align: center;
  color: black;
}

.subscription-form-wrapper .navigation-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 5px 0px;
}
.subscription-form-wrapper .navigation-wrapper a {
  align-self: center;
}
.subscription-form-wrapper .cp-button-standard, .subscription-form-wrapper .cp-button-link {
  padding: 5px 10px;
}
.subscription-form-wrapper .cp-button-standard:hover, .subscription-form-wrapper .cp-button-link:hover {
  color: white;
}
.subscription-form-wrapper .cp-button-standard:visited, .subscription-form-wrapper .cp-button-link:visited {
  color: white;
}
.subscription-form-wrapper .cp-button-standard:focus, .subscription-form-wrapper .cp-button-link:focus {
  text-decoration: none;
}

.subscription-index-wrapper .cp-button-standard, .subscription-index-wrapper .cp-button-link {
  padding: 5px 10px;
}
.subscription-index-wrapper .cp-button-standard:hover, .subscription-index-wrapper .cp-button-link:hover {
  color: white;
}
.subscription-index-wrapper .cp-button-standard:visited, .subscription-index-wrapper .cp-button-link:visited {
  color: white;
}
.subscription-index-wrapper .cp-button-standard:focus, .subscription-index-wrapper .cp-button-link:focus {
  text-decoration: none;
}

.user-index-wrapper .disable-select-box {
  pointer-events: none;
  color: #ccc;
}
.user-index-wrapper .cp-button-standard, .user-index-wrapper .cp-button-link {
  color: white;
}
.user-index-wrapper .cp-button-standard a, .user-index-wrapper .cp-button-link a {
  color: white;
  text-decoration: none;
}
.user-index-wrapper .download {
  margin-left: 5px;
  text-decoration: none;
}
.user-index-wrapper .top-div {
  margin-bottom: 5px;
}
.user-index-wrapper .top-div span {
  font-size: 16px;
}

.user-create-wrapper {
  max-width: 600px;
}
.user-create-wrapper .cp-box-standard {
  margin: 0;
}
.user-create-wrapper .user-create-form {
  overflow: hidden;
}
.user-create-wrapper .user-create-form label {
  display: block;
}
.user-create-wrapper .user-create-form .user-create-button {
  float: right;
  margin-top: 5px;
}
.user-create-wrapper .role-description {
  margin-bottom: 5px;
}

.scoped-component-datetime {
  display: inline-block;
  position: relative;
}
.scoped-component-datetime .icon-button {
  cursor: pointer;
}
.scoped-component-datetime .input-wrapper {
  display: flex;
  align-items: center;
}
.scoped-component-datetime .input-wrapper input {
  flex: 1;
}
.scoped-component-datetime .input-wrapper span {
  padding: 6px 8px;
}
.scoped-component-datetime .calendar-header {
  display: flex;
  align-items: center;
  padding: 6px 8px;
}
.scoped-component-datetime .calendar-header .selected-date, .scoped-component-datetime .calendar-header .selected-time {
  flex: 1;
  font-size: 22px;
  white-space: nowrap;
  text-align: center;
}
.scoped-component-datetime .pane-year {
  height: 262px;
  overflow: auto;
  padding: 6px 8px;
  border: solid 1px #ccc;
}
.scoped-component-datetime .pane-year .year {
  width: 306px;
  padding: 6px 8px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
}
.scoped-component-datetime .pane-year .year:hover {
  background: #ccc;
}
.scoped-component-datetime .pane-month span {
  display: inline-block;
}
.scoped-component-datetime .pane-month .month-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 6px 8px;
}
.scoped-component-datetime .pane-month .month-header {
  display: flex;
  flex-direction: row;
  background: #ccc;
}
.scoped-component-datetime .pane-month .month-header span {
  flex: 1;
  padding: 6px 8px;
  text-align: center;
}
.scoped-component-datetime .pane-month .week {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.scoped-component-datetime .pane-month .week span {
  flex: 1;
  padding: 8px 8px;
  text-align: center;
  cursor: pointer;
}
.scoped-component-datetime .pane-month .week span.other-month {
  background: #f5f5f5;
  color: #ccc;
}
.scoped-component-datetime .pane-month .week span.is-today {
  background: #4988FB;
}
.scoped-component-datetime .pane-month .week span:hover {
  background: #ccc;
}
.scoped-component-datetime .pane-time {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 306px;
  padding: 6px 8px;
  border: solid 1px #ccc;
}
.scoped-component-datetime .pane-time .time-selectors {
  display: flex;
  justify-content: center;
  height: 299px;
}
.scoped-component-datetime .pane-time .time-selectors .hours, .scoped-component-datetime .pane-time .time-selectors .minutes, .scoped-component-datetime .pane-time .time-selectors .periods {
  flex: 1;
  text-align: center;
  overflow: auto;
  padding: 6px 8px;
  font-size: 24px;
  cursor: pointer;
}
.scoped-component-datetime .pane-time .time-selectors .hours div, .scoped-component-datetime .pane-time .time-selectors .minutes div, .scoped-component-datetime .pane-time .time-selectors .periods div {
  padding: 6px 8px;
}
.scoped-component-datetime .pane-time .time-selectors .hours div:hover, .scoped-component-datetime .pane-time .time-selectors .minutes div:hover, .scoped-component-datetime .pane-time .time-selectors .periods div:hover {
  background: #ccc;
}
.scoped-component-datetime .pane-time .time-selectors .hours div.time-selected, .scoped-component-datetime .pane-time .time-selectors .minutes div.time-selected, .scoped-component-datetime .pane-time .time-selectors .periods div.time-selected {
  background: #4988FB;
}
.scoped-component-datetime .pane-time .time-selectors .periods {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}
.scoped-component-datetime .pane-time .time-tools {
  display: flex;
  justify-content: flex-end;
  padding: 12px 8px 6px;
}

#vue-app,
body,
html {
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}

[layout=wrapper] {
  display: flex;
  flex-direction: row;
  height: 100%;
}
[layout=wrapper].nav-open nav.main-menu-nav-scope {
  left: 0;
}
[layout=wrapper].nav-open [layout=content] > div:first-child {
  z-index: 999;
  opacity: 0.7;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@media (min-width: 1024px) {
  [layout=wrapper].nav-open [layout=content] > div:first-child {
    display: none;
  }
}
[layout=wrapper] [layout=content] {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-left: 0;
  max-width: 100%;
  transition: margin-left 0.1s ease-in-out, max-width 0.1s ease-in-out;
}
@media (min-width: 1024px) {
  [layout=wrapper] [layout=content] {
    margin-left: 250px;
    max-width: calc(100% - 250px);
  }
}
[layout=wrapper] [layout=content] footer,
[layout=wrapper] [layout=content] header {
  background: #f5f5f5;
  border: 0 solid #ccc;
}
[layout=wrapper] [layout=content] header {
  box-shadow: none;
  border-bottom-width: 1px;
  height: 60px;
  width: 100%;
  margin-bottom: 15px;
}
[layout=wrapper] [layout=content] header section {
  display: flex;
  align-items: center;
}
[layout=wrapper] [layout=content] header section .menu-trigger {
  cursor: pointer;
  padding: 10px 15px;
}
@media (min-width: 1024px) {
  [layout=wrapper] [layout=content] header section .menu-trigger {
    display: none;
  }
}
[layout=wrapper] [layout=content] header section h2 {
  flex: 1;
  margin: 0;
  padding: 0 15px;
  font-size: 24px;
  display: none;
}
@media (min-width: 1024px) {
  [layout=wrapper] [layout=content] header section h2 {
    display: inline-block;
  }
}
[layout=wrapper] [layout=content] header section .logo {
  flex: 1;
  display: flex;
  justify-content: center;
}
@media (min-width: 1024px) {
  [layout=wrapper] [layout=content] header section .logo {
    display: none;
  }
}
[layout=wrapper] [layout=content] header section .logo img {
  max-height: 35px;
  max-width: 250px;
}
[layout=wrapper] [layout=content] header section [flex] {
  flex: 1;
}
[layout=wrapper] [layout=content] header section menu {
  margin: 0;
  padding: 0;
  height: 100%;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
[layout=wrapper] [layout=content] header section menu > span {
  display: block;
  height: 60px;
  line-height: 40px;
  padding: 10px 15px;
  text-align: center;
}
[layout=wrapper] [layout=content] header section menu > span:hover {
  background-color: #273238;
  color: white;
}
[layout=wrapper] [layout=content] header section menu > span.active {
  background-color: #273238;
  color: white;
}
[layout=wrapper] [layout=content] header section menu div {
  display: none;
  position: absolute;
  right: 0;
  background-color: #f1f1f1;
  box-shadow: 0 1px 5px gray;
  z-index: 1;
}
[layout=wrapper] [layout=content] header section menu div a,
[layout=wrapper] [layout=content] header section menu div span {
  display: block;
  padding: 16px 36px;
  white-space: nowrap;
  color: black;
}
[layout=wrapper] [layout=content] header section menu div span {
  box-sizing: border-box;
  width: 100%;
  background: #fff;
  line-height: 50px;
  text-align: center;
}
[layout=wrapper] [layout=content] header section menu div a {
  text-decoration: none;
}
[layout=wrapper] [layout=content] header section menu div a:hover {
  background-color: #273238;
  color: white;
}
[layout=wrapper] [layout=content] header section menu div.active {
  display: block;
}
[layout=wrapper] [layout=content] main {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  position: relative;
}
[layout=wrapper] [layout=content] main > div {
  flex: 1;
  padding: 10px 15px;
  width: 100%;
  overflow-x: scroll;
  box-sizing: border-box;
}
[layout=wrapper] [layout=content] main > div > h2 {
  margin-top: 0;
  text-align: center;
  display: block;
}
@media (min-width: 1024px) {
  [layout=wrapper] [layout=content] main > div > h2 {
    display: none;
  }
}
[layout=wrapper] [layout=content] footer {
  margin-top: 15px;
  text-align: center;
  border-top-width: 1px;
  padding: 15px;
  position: relative;
  left: 0;
  right: 0;
}
[layout=wrapper] [layout=content] footer div {
  padding: 3px;
}
[layout=wrapper] [layout=content] footer div a {
  display: inline-block;
  padding: 0 6px 0 0;
}
[layout=wrapper] [layout=content] footer div a::after {
  content: " ●";
  padding-left: 6px;
}
[layout=wrapper] [layout=content] footer div a:last-child::after {
  display: none;
}

.auth_refresh_token_timer {
  border: 1px solid green;
}
.auth_refresh_token_timer.expire_danger {
  border-color: red;
}
.auth_refresh_token_timer.expire_warning {
  border-color: orange;
}

.accordion-button .credit-balance {
  display: none;
}
.accordion-button.collapsed .credit-balance {
  display: block;
}

.cp-ledger-scoped .index-table {
  padding-top: 10px;
}
.cp-ledger-scoped .column-right {
  float: right;
  text-align: right;
}
.cp-ledger-scoped .column-left {
  width: 65%;
  float: left;
  padding-left: 20px;
}
.cp-ledger-scoped .modal-left {
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  padding-bottom: 8px;
}
.cp-ledger-scoped .exit {
  color: white;
}
.cp-ledger-scoped .cp-modal-header {
  display: flex;
  justify-content: space-between;
}
.cp-ledger-scoped .cp-modal-header h2 {
  margin: 0px;
}

#inventory-wrapper div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#inventory-wrapper .product-img {
  max-width: 50px;
}
#inventory-wrapper .quantity-update {
  max-width: 70px;
  margin-right: 10px;
}
@media screen and (min-width: 751px) {
  #inventory-wrapper .item-list-container li:nth-child(even) {
    background: #f5f5f5;
  }
  #inventory-wrapper .item-list > li {
    margin-bottom: 10px;
  }
  #inventory-wrapper .inventory-header {
    background-color: #273238;
  }
  #inventory-wrapper .column-name {
    font-weight: 400;
    color: white;
  }
  #inventory-wrapper .item-container {
    display: grid;
    grid-template-columns: 10% 90%;
    padding: 10px;
  }
  #inventory-wrapper .item-info-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
  #inventory-wrapper .item-quantity-container {
    display: grid;
    grid-template-columns: minmax(100px, 2fr) minmax(100px, 2fr) minmax(200px, 4fr) minmax(100px, 2fr);
  }
  #inventory-wrapper .group-container {
    display: grid;
    grid-template-columns: 4fr minmax(500px, 3fr);
  }
  #inventory-wrapper .attribute-center {
    display: inline-block;
    text-align: center;
  }
}
@media screen and (max-width: 750px) {
  #inventory-wrapper {
    /* Don't display the first item, since it is used to display the header for tabular layouts*/
  }
  #inventory-wrapper .item-list-container {
    display: block;
    padding: 20px;
  }
  #inventory-wrapper .item-list-container .item-container {
    border-radius: 2px;
    display: block;
    background: white;
    margin-bottom: 10px;
    box-shadow: 1px 1px 1px 1px #ccc;
    padding: 10px 20px;
  }
  #inventory-wrapper .item-list-container .item-container div {
    font-weight: bold;
  }
  #inventory-wrapper .item-list-container > div:first-child {
    display: none;
  }
  #inventory-wrapper .attribute {
    display: grid;
    grid-template-columns: minmax(9em, 30%) 1fr;
  }
  #inventory-wrapper .attribute span {
    display: none;
  }
  #inventory-wrapper .attribute::before {
    content: attr(data-name);
    font-weight: normal;
  }
}
#inventory-wrapper .import-modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 200px;
  z-index: 0;
}
#inventory-wrapper .import-modal .instructions-wrapper {
  background: #fff;
  padding: 50px;
  max-width: 768px;
  margin: 0 auto;
  box-shadow: 1px 1px 2px 1px #000;
  z-index: -1;
}
#inventory-wrapper .import-modal .instructions-wrapper .full-name {
  padding-left: 3px;
}
#inventory-wrapper .import-modal .instructions-wrapper .import-button {
  height: 30px;
}
#inventory-wrapper .import-modal .instructions-wrapper p {
  font-size: 18px;
  line-height: 1.4;
  margin: 20px 0 30px;
}
#inventory-wrapper .import-modal .instructions-wrapper button {
  margin: 0 5px;
}
#inventory-wrapper .import-modal .instructions-wrapper button.left {
  margin-left: 0;
}

.eInvoice-wrapper {
  position: relative;
  max-width: 768px;
  margin: 0 auto;
}
.eInvoice-wrapper .push-right {
  width: 100%;
  text-align: right;
}
.eInvoice-wrapper .discount-wrapper {
  max-width: 50%;
  padding-top: 10px;
  padding-left: 5px;
}
.eInvoice-wrapper .eInvoice-header {
  padding-top: 75px;
  text-align: center;
}
.eInvoice-wrapper .eInvoice-header .nav-list {
  padding-left: 0;
  list-style-type: none;
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0 10px 20px;
  border-bottom: solid 1px #eee;
}
.eInvoice-wrapper .eInvoice-header li {
  padding: 5px 0;
}
.eInvoice-wrapper .eInvoice-header span {
  display: block;
  background: rgba(74, 74, 74, 0.5);
  color: #fff;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin: 5px auto;
}
.eInvoice-wrapper .eInvoice-header span.active {
  background: #273238;
}
.eInvoice-wrapper .cvv {
  letter-spacing: 2px;
}
.eInvoice-wrapper .cvv input {
  width: 49% !important;
  display: flex;
}
.eInvoice-wrapper .eInvoice-table {
  margin-top: 50px;
  padding: 10px;
}
.eInvoice-wrapper .eInvoice-subtotal {
  padding: 10px;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.eInvoice-wrapper .btn-wrapper {
  float: right;
}
.eInvoice-wrapper .nav-btn {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 25px 0;
  padding: 0 10px;
}
.eInvoice-wrapper .nav-btn button {
  min-width: 100px;
}
.eInvoice-wrapper .input-wrapper label {
  display: block;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
}
.eInvoice-wrapper .input-wrapper label.product-name {
  display: inline-block;
}
.eInvoice-wrapper .input-wrapper input {
  height: 100%;
  width: 100%;
  height: 30px;
  background: #f5f5f5;
  border: none;
  text-indent: 10px;
  margin: 5px 0;
}
.eInvoice-wrapper .input-wrapper.duo {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.eInvoice-wrapper .input-wrapper.duo .half {
  width: 48%;
}
.eInvoice-wrapper .input-wrapper .sub-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.eInvoice-wrapper .input-wrapper .sub-wrapper input {
  width: 48%;
}
.eInvoice-wrapper .eInvoice-footer {
  margin-top: 100px;
  text-align: center;
}
.eInvoice-wrapper .eInvoice-footer .footer-icon {
  margin: 20px auto;
  width: 40px;
}
.eInvoice-wrapper .eInvoice-footer p {
  font-size: 14px;
  margin: 15px auto;
}
.eInvoice-wrapper label {
  font-weight: 300;
}
.eInvoice-wrapper label.total {
  font-weight: 500;
}
.eInvoice-wrapper label.qty {
  margin: 0 5px;
  display: none;
}
.eInvoice-wrapper .select-wrapper {
  position: relative;
}
.eInvoice-wrapper .select-wrapper select {
  height: 100%;
  width: 100%;
  height: 30px;
  background: #f5f5f5;
  border: none;
  text-indent: 10px;
  margin: 5px 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.eInvoice-wrapper .select-wrapper:after {
  position: absolute;
  right: 5px;
  top: 13px;
  font-family: "Linearicons";
  content: "";
  font-size: 10px;
  pointer-events: none;
}
.eInvoice-wrapper .btn-wrapper {
  margin-top: 10px;
  text-align: center;
}
.eInvoice-wrapper .btn {
  background: #273238;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
}
.eInvoice-wrapper .btn.green {
  background: #0CA200;
}
.eInvoice-wrapper .btn.inactive {
  background: #273238;
}
.eInvoice-wrapper .line-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.eInvoice-wrapper .cart-table {
  width: 100%;
}
.eInvoice-wrapper .cart-table .preview {
  width: 50px;
}
.eInvoice-wrapper .cart-table .qty {
  max-width: 50px;
  text-align: center;
}

@media (max-width: 700px) {
  .eInvoice-wrapper .eInvoice-header {
    padding-top: 25px;
  }
  .eInvoice-wrapper .eInvoice-header .nav-list {
    flex-direction: column;
    -webkit-flex-direction: column;
    padding: 0;
  }
  .eInvoice-wrapper .eInvoice-header li {
    border-bottom: solid 1px #eee;
  }
}
@media (max-width: 500px) {
  .eInvoice-wrapper .eInvoice-table {
    margin-top: 0;
  }
  .eInvoice-wrapper .select-wrapper {
    width: 65px;
    margin: 0 auto;
  }
  .eInvoice-wrapper label.qty {
    display: initial;
  }
  .eInvoice-wrapper table.cart-table thead {
    display: none;
  }
  .eInvoice-wrapper table.cart-table td {
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0;
  }
  .eInvoice-wrapper table.cart-table td.preview {
    width: 100%;
  }
  .eInvoice-wrapper table.cart-table td.preview img {
    height: 300px;
    width: auto;
    margin: 0 auto;
  }
}
.order-detail-wrapper .order-detail-action-buttons {
  margin-bottom: 10px;
}
.order-detail-wrapper .order-detail {
  display: flex;
  font-size: 0;
  border: 1px solid #ccc;
  margin-bottom: 15px;
}
.order-detail-wrapper .order-detail .cp-box-standard {
  flex: 1;
  font-size: 15px;
  margin: 0;
}
.order-detail-wrapper .order-detail .cp-box-standard .cp-box-body {
  border: none;
}
.order-detail-wrapper .order-detail .cp-box-standard .cp-box-body div {
  padding: 5px;
}
.order-detail-wrapper .order-detail .cp-box-standard.middle-box {
  flex: 1;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.order-detail-wrapper .order-detail strong {
  font-weight: 400;
}
.order-detail-wrapper .url {
  color: #0000EE;
  text-decoration: underline;
  font-size: 12px;
}
.order-detail-wrapper .url:visited {
  color: #551A8B;
  text-decoration: underline;
  font-size: 12px;
}
.order-detail-wrapper .url:hover {
  color: #0000EE;
  text-decoration: underline;
  font-size: 12px;
}
.order-detail-wrapper .url-box {
  border-top: 1px solid black;
}
.order-detail-wrapper p {
  font-size: 14px;
}
.order-detail-wrapper .copy-btn {
  font-size: 12px;
  padding: 5px;
}

@media (max-width: 768px) {
  .order-detail-wrapper .order-detail {
    display: block !important;
  }
}
.order-index-wrapper .disable-select-box {
  pointer-events: none;
  color: #ccc;
}
.order-index-wrapper .cp-button-standard.download, .order-index-wrapper .download.cp-button-link {
  background: #fff;
}
.order-index-wrapper .cp-button-standard.download p, .order-index-wrapper .download.cp-button-link p {
  color: #337ab7;
}
.order-index-wrapper .cp-button-standard.download:hover, .order-index-wrapper .download.cp-button-link:hover {
  background: #273238;
}
.order-index-wrapper .cp-button-standard.download:hover a, .order-index-wrapper .download.cp-button-link:hover a {
  color: #fff;
  text-decoration: none;
}
.order-index-wrapper .order-index-inputs {
  margin-top: 5px;
}
.order-index-wrapper tr.hold-order {
  background: #fff17c;
  border-bottom: 1px solid #5b7583;
  border-top: 1px solid #5b7583;
}

.order-detail-modal {
  position: absolute;
  background: #fff;
  height: 200px;
  box-shadow: 0 0 5px 0 #000;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  z-index: 9;
  padding: 20px;
}

.status-select {
  float: right;
  display: inline;
  position: relative;
  background: #f8f8f8;
  height: 31px;
  width: 155px;
  margin: 10px;
}
.status-select:after {
  position: absolute;
  right: 5px;
  top: 10px;
  font-family: "Linearicons";
  content: "";
  font-size: 10px;
  pointer-events: none;
}
.status-select select {
  height: 31px;
  width: 155px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0;
  text-align: left;
  text-align-last: left;
  text-indent: 10px;
  background: #f5f5f5;
}

@media (max-width: 768px) {
  .status-select {
    display: none;
  }
}
.sales-index-wrapper .space-between {
  margin-bottom: 10px;
}
.sales-index-wrapper .action-btn-wrapper {
  margin-bottom: 10px;
}

.branding-wrapper .cp-accordion-head.black-header {
  position: relative;
  padding: 10px;
  height: auto;
  background-color: #273238;
  color: white;
}
.branding-wrapper .cp-accordion-head.black-header h5 {
  margin: 0;
  display: inline-block;
  margin-right: 0px;
  font-weight: 300;
  font-size: 1.2em;
}
.branding-wrapper .cp-left-col {
  width: 48%;
}
.branding-wrapper .cp-right-col {
  width: 48%;
}
.branding-wrapper .line-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.branding-wrapper .line-wrapper label {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
}
.branding-wrapper .line-wrapper span {
  width: 50% !important;
}
.branding-wrapper .line-wrapper span input {
  width: 100% !important;
}
.branding-wrapper .line-wrapper .input-class {
  height: 100%;
  width: 50%;
  height: 30px;
  text-indent: 10px;
  margin: 5px 0;
}
.branding-wrapper .line-wrapper.toggle-switch {
  width: 40px;
}

.make-a-payment-section .total-line {
  display: flex;
  padding: 0.5em 0;
}
.make-a-payment-section .total-line span {
  flex: 1;
}
.make-a-payment-section .total-line .value {
  float: right;
  text-align: right;
}
.make-a-payment-section .place-order-button {
  float: right;
}
.make-a-payment-section .payment-flex-container {
  display: flex;
}
.make-a-payment-section .payment-flex-container .col:first-child {
  flex: auto;
  width: 60%;
}
.make-a-payment-section .payment-flex-container .col:last-child {
  width: 35%;
  flex: initial;
}
.make-a-payment-section .payment-flex-container .col {
  padding: 10px;
}
.make-a-payment-section .payment-flex-container .payment-method-section {
  position: relative;
  padding-bottom: 50px;
  padding-top: 0;
}
.make-a-payment-section .payment-flex-container .payment-method-section iframe {
  border: none;
  height: 18em;
  width: 100%;
}
.make-a-payment-section .coupon-input-section {
  display: flex;
  max-width: 500px;
}
.make-a-payment-section .coupon-input-section .col {
  padding: 0;
  flex: 1;
}
.make-a-payment-section .coupon-input-section .col button {
  margin: 5px;
}
.make-a-payment-section .apply-coupon-wrapper {
  display: flex;
  justify-content: space-between;
  margin-top: 4em;
}
.make-a-payment-section .apply-coupon-wrapper input,
.make-a-payment-section .apply-coupon-wrapper span {
  width: 97%;
  margin: 0;
}

.payment-selector {
  margin-top: 21px;
}

.payment-message-section {
  margin-top: 12px;
  margin-bottom: 16px;
}
.payment-message-section div {
  margin-top: 15px;
}

button.remove-credit {
  background: none;
  border: 0;
  color: red;
  padding: 0 1em;
}

.available-credits-section {
  background: white;
  padding: 1em 1em 0;
}
.available-credits-section h3 {
  margin: 0;
  padding: 1em 0;
  text-align: center;
}
.available-credits-section .available-credits {
  text-align: center;
}
.available-credits-section .available-credits button {
  font-size: 12px;
  white-space: nowrap;
}
.available-credits-section .available-credits input {
  font-size: 12px;
  display: inline-block;
  margin: 0;
  max-width: 40%;
  min-width: 5em;
  padding: 0;
  text-align: center;
}
.available-credits-section .message-credit-applied {
  color: darkgreen;
  height: 2em;
  padding: 0.75em 0 0;
  text-align: center;
}
.available-credits-section .credit-label {
  line-height: 2em;
  margin: 0 0 1em;
}
.available-credits-section .credit-amount {
  border: 1px solid lightgrey;
  color: darkgreen;
  font-size: 2em;
  line-height: 2em;
  margin: 0;
}

@media (max-width: 768px) {
  .make-a-payment-section .payment-flex-container {
    display: block;
  }
  .make-a-payment-section .payment-flex-container .col:first-child {
    flex: auto;
    width: auto;
  }
  .make-a-payment-section .payment-flex-container .col:last-child {
    width: auto;
    flex: initial;
  }
  .make-a-payment-section .payment-flex-container .col {
    padding: 10px;
  }
  .make-a-payment-section .apply-coupon-wrapper {
    margin-top: 2em;
  }
}
.address-form .input-wrapper label {
  display: block;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
}
.address-form .input-wrapper label.product-name {
  display: inline-block;
}
.address-form .input-wrapper input {
  height: 100%;
  width: 100%;
  height: 30px;
  background: #f5f5f5;
  border: none;
  text-indent: 10px;
  margin: 5px 0;
}
.address-form .input-wrapper.duo {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 5px;
}
.address-form .input-wrapper.duo .half {
  width: 48%;
}
.address-form .select-wrapper {
  position: relative;
  background: #f8f8f8;
  height: 30px;
  width: 100%;
  margin: 5px auto;
}
.address-form .select-wrapper:after {
  position: absolute;
  right: 5px;
  top: 10px;
  font-family: "Linearicons";
  content: "";
  font-size: 10px;
  pointer-events: none;
}
.address-form .select-wrapper select {
  height: 30px;
  width: 100%;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0px;
  text-align: left;
  text-align-last: left;
  text-indent: 10px;
  background: #f5f5f5;
}
.address-form .select-wrapper select option {
  text-align: center;
}

nav.main-menu-nav-scope {
  position: relative;
  left: -250px;
  height: 100%;
  width: 255px;
  font-size: 16px;
  position: fixed;
  background-color: #273238;
  color: white;
  overflow: auto;
  z-index: 1000;
  transition: left 0.1s ease-in-out;
}
@media (min-width: 1024px) {
  nav.main-menu-nav-scope {
    left: 0;
  }
}
nav.main-menu-nav-scope h2 {
  text-align: center;
  font-size: 24px;
}
nav.main-menu-nav-scope h2 img {
  width: 180px;
}
nav.main-menu-nav-scope ul {
  padding: 0;
  margin: 0;
}
nav.main-menu-nav-scope section {
  border-left: dashed 1px #ccc;
  margin-left: 25px;
  display: none;
}
nav.main-menu-nav-scope a {
  color: white;
}
nav.main-menu-nav-scope li {
  display: block;
  list-style: none;
}
nav.main-menu-nav-scope li.active-parent {
  background-color: rgba(255, 255, 255, 0.1);
}
nav.main-menu-nav-scope li.active-parent span {
  font-weight: bold;
}
nav.main-menu-nav-scope li li > a {
  margin: 5px;
  border-radius: 2px;
}
nav.main-menu-nav-scope li.active > span, nav.main-menu-nav-scope li.active > a, nav.main-menu-nav-scope li span:hover, nav.main-menu-nav-scope li a:hover {
  background-color: #f5f5f5;
  color: #273238;
}
nav.main-menu-nav-scope li span::after {
  content: "";
  float: right;
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  line-height: 24px;
  margin-right: 8px;
  vertical-align: middle;
  transition: transform 0.2s ease-in-out;
}
nav.main-menu-nav-scope li.expanded > span::after {
  transform: rotate(-90deg);
}
nav.main-menu-nav-scope li a, nav.main-menu-nav-scope li span {
  cursor: pointer;
  text-decoration: none;
  display: block;
  padding: 10px 15px;
}
nav.main-menu-nav-scope li a[class*=mdi-]::before, nav.main-menu-nav-scope li span[class*=mdi-]::before {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  line-height: 24px;
  margin-right: 8px;
  vertical-align: middle;
}

.client-color-primary {
  color: #6C1D5B;
}

/* Enter and leave animations can use different */
/* durations and timing functions.              */
.slide-fade-enter-active {
  transition: all 0.3s ease;
}

.slide-fade-leave-active {
  transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
}

.cart-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.autoship-checkbox {
  text-align: right;
  padding-top: 10px;
  cursor: pointer;
}
.autoship-checkbox input {
  cursor: pointer;
}

.checkout-options-wrapper {
  margin: 10px 0px 10px 0px;
  padding: 5px 20px 5px 20px;
  border-radius: 3px;
  background-color: #f5f5f5;
  height: 10%;
}
.checkout-options-wrapper .wholesale-option-wrapper {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0px;
}
.checkout-options-wrapper .wholesale-option-wrapper button {
  margin: 0px 5px 0px 5px;
}
.checkout-options-wrapper .retail-option-wrapper {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0px;
}
.checkout-options-wrapper .retail-option-wrapper button {
  margin: 0px 5px 0px 5px;
}
.checkout-options-wrapper .last {
  margin-right: 0px !important;
}
.checkout-options-wrapper .details-section {
  display: flex;
  justify-content: flex-end;
}
.checkout-options-wrapper .details-section .payment-totals-section {
  display: flex;
  justify-content: space-between;
  width: 50%;
}
.checkout-options-wrapper .details-section .payment-totals-section .details-titles-section div {
  padding: 5px;
}
.checkout-options-wrapper .details-section .payment-totals-section .details-totals-section {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.checkout-options-wrapper .details-section .payment-totals-section .details-totals-section input {
  text-align: center;
  width: 40px;
}
.checkout-options-wrapper .details-section .payment-totals-section .details-totals-section div {
  padding: 5px;
}
.checkout-options-wrapper .payment-totals-section {
  border-radius: 3px;
  height: 100%;
  display: flex;
  width: 100%;
  background-color: white;
  padding: 10px;
}
@media (max-width: 768px) {
  .checkout-options-wrapper .retail-option-wrapper {
    display: block;
    margin: 10px 5px;
  }
  .checkout-options-wrapper .retail-option-wrapper .cp-button-link {
    display: block;
  }
  .checkout-options-wrapper .retail-option-wrapper button {
    width: 100%;
    margin: 5px 5px 5px 5px;
  }
  .checkout-options-wrapper .wholesale-option-wrapper {
    display: block;
    margin: 10px 5px;
  }
  .checkout-options-wrapper .wholesale-option-wrapper .cp-button-link {
    display: block;
  }
  .checkout-options-wrapper .wholesale-option-wrapper button {
    width: 100%;
    margin: 5px 5px 5px 5px;
  }
  .checkout-options-wrapper .details-section {
    display: flex;
    justify-content: center;
  }
  .checkout-options-wrapper .details-section .payment-totals-section {
    width: 100%;
  }
}

.custom-order-checkout-wrapper .details-section .payment-form-custom-order .text-area-wrapper textarea {
  box-sizing: border-box;
}

.payment-form-custom-order iframe {
  border: none;
  height: 18em;
  width: 100%;
}

.expand-enter-active, .expand-leave-active {
  transition: all 1s ease;
  height: auto;
  padding: 10px;
  overflow: hidden;
}

/* .expand-enter defines the starting state for entering */
/* .expand-leave-active defines the ending state for leaving */
.expand-enter, .expand-leave-active {
  height: 0;
  padding: 0 10px;
  opacity: 0;
}

.custom-order-process-wrapper .customer-info {
  background-color: #f5f5f5;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 0px !important;
}
.custom-order-process-wrapper .customer-search {
  padding: 20px;
  background: #f5f5f5;
  position: relative;
  display: block;
  -webkit-display: block;
}
.custom-order-process-wrapper .customer-search h3 {
  margin: 10px 0 20px;
}
.custom-order-process-wrapper .billing-information {
  background-color: #f5f5f5;
}
.custom-order-process-wrapper .billing-information .credit {
  padding: 30px;
}
.custom-order-process-wrapper .billing-information .same-as {
  text-align: left;
}
.custom-order-process-wrapper .billing-information .same-as input {
  width: auto;
  margin-right: 5px;
  height: initial;
}
.custom-order-process-wrapper .customer-order-button-wrapper {
  margin: 0px;
  padding: 10px 20px 10px 20px;
  background-color: #f5f5f5;
  display: flex;
  justify-content: space-between;
}
.custom-order-process-wrapper .customer-order-button-wrapper-single {
  margin: 0px;
  padding: 10px 20px 10px 20px;
  background-color: #f5f5f5;
  display: flex;
  justify-content: flex-end;
}
.custom-order-process-wrapper .custom-order-checkout-wrapper {
  padding: 20px;
  background-color: #f5f5f5;
}
.custom-order-process-wrapper .custom-order-checkout-wrapper .details-section {
  display: flex;
  justify-content: space-between;
  margin: 10px 0px 10px 0px;
}
.custom-order-process-wrapper .custom-order-checkout-wrapper .details-section .payment-form-custom-order {
  margin: 5px 10px 5px 10px;
  width: 50%;
}
.custom-order-process-wrapper .custom-order-checkout-wrapper .payment-totals-section {
  display: flex;
  justify-content: space-between;
  width: 50%;
  margin: 5px 5px 5px 5px;
}
.custom-order-process-wrapper .custom-order-checkout-wrapper .payment-totals-section .details-titles-section div {
  padding: 5px;
}
.custom-order-process-wrapper .custom-order-checkout-wrapper .payment-totals-section .details-totals-section {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.custom-order-process-wrapper .custom-order-checkout-wrapper .payment-totals-section .details-totals-section div {
  padding: 5px;
}
@media (max-width: 768px) {
  .custom-order-process-wrapper .custom-order-checkout-wrapper .details-section {
    display: block;
  }
  .custom-order-process-wrapper .custom-order-checkout-wrapper .details-section .payment-form-custom-order {
    width: 100%;
  }
  .custom-order-process-wrapper .custom-order-checkout-wrapper .details-section .payment-totals-section {
    width: 100%;
    margin: 0px;
    margin-top: 10px;
  }
  .custom-order-process-wrapper .custom-order-checkout-wrapper .details-section .payment-totals-section .details-titles-section div {
    padding: 5px;
  }
  .custom-order-process-wrapper .custom-order-checkout-wrapper .details-section .payment-totals-section .details-totals-section {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .custom-order-process-wrapper .custom-order-checkout-wrapper .details-section .payment-totals-section .details-totals-section div {
    padding: 5px;
  }
}
@media (max-width: 768px) {
  .custom-order-process-wrapper .customer-order-button-wrapper {
    display: block !important;
  }
  .custom-order-process-wrapper .customer-order-button-wrapper button {
    margin: 5px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .custom-order-process-wrapper .customer-order-button-wrapper-single {
    display: block;
  }
  .custom-order-process-wrapper .customer-order-button-wrapper-single button {
    margin: 5px;
    width: 100%;
  }
}

.form-specific-wrapper {
  display: flex;
  justify-content: space-between;
}
.form-specific-wrapper input {
  margin-top: 5px;
}
.form-specific-wrapper span:nth-child(2) {
  width: 49%;
}
.form-specific-wrapper span:nth-child(1) {
  width: 49%;
}

@media (max-width: 476px) {
  .address-form div input {
    margin: 0;
  }
  .address-form span:nth-child(2) {
    width: 40%;
  }
  .address-form span:nth-child(1) {
    width: 58%;
  }
}
.announcement-wrapper .cp-table-standard, .announcement-wrapper .cp-table-light-header {
  margin-top: 15px;
}

.announcement-form-wrapper .panel-heading {
  background: #f2f2f2 !important;
}
.announcement-form-wrapper .note-palette-title {
  text-align: center;
  padding: 5px;
  color: black;
}
.announcement-form-wrapper .note-color-reset {
  text-align: center;
  color: black;
}
.announcement-form-wrapper .announcement-field {
  background: #f5f5f5;
  border: none;
  width: 100%;
  height: 200px;
}
.announcement-form-wrapper .announcement-field.smaller-field {
  height: 100px;
}
.announcement-form-wrapper .submit-button {
  float: right;
  margin-top: 15px;
}

.submit-button {
  float: right;
  margin-top: 15px;
}

.credit-card-modal iframe {
  border: none;
  height: 75vh;
  width: 100%;
}

.my-settings .cp-form-standard .three-field-wrapper, .my-settings .cp-form-registration .three-field-wrapper, .my-settings .cp-form-inverse .three-field-wrapper {
  display: flex;
  justify-content: space-between;
}
.my-settings .cp-form-standard .three-field-wrapper span:nth-child(3), .my-settings .cp-form-registration .three-field-wrapper span:nth-child(3), .my-settings .cp-form-inverse .three-field-wrapper span:nth-child(3) {
  width: 33%;
  margin-left: 5px;
}
.my-settings .cp-form-standard .three-field-wrapper span:nth-child(2), .my-settings .cp-form-registration .three-field-wrapper span:nth-child(2), .my-settings .cp-form-inverse .three-field-wrapper span:nth-child(2) {
  width: 33%;
  margin: 0px 5px;
}
.my-settings .cp-form-standard .three-field-wrapper span:nth-child(1), .my-settings .cp-form-registration .three-field-wrapper span:nth-child(1), .my-settings .cp-form-inverse .three-field-wrapper span:nth-child(1) {
  width: 30%;
  margin-right: 5px;
}
.my-settings .media-links {
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
}
.my-settings .media-links span {
  align-self: center;
}
.my-settings .media-links .bold {
  font-weight: bold;
}
.my-settings .button-wrapper {
  margin: 5px;
  display: flex;
  justify-content: flex-end;
}
.my-settings h5 {
  font-weight: 300;
  font-size: 16px;
}
.my-settings h6.verification {
  position: absolute;
  right: 10px;
  top: 13px;
  margin: 0;
  font-weight: 400;
  text-decoration: underline;
}
.my-settings .bold {
  font-weight: bold;
}
.my-settings .confirm {
  float: right;
}
.my-settings .terms-modal .cp-modal-body .text-wrapper, .my-settings .terms-modal .cp-modal-standard .cp-modal-body-full .text-wrapper, .cp-modal-standard .my-settings .terms-modal .cp-modal-body-full .text-wrapper {
  max-height: 75vh;
  overflow-x: scroll;
}
.my-settings .terms-modal .cp-modal-body .cp-modal-controls, .my-settings .terms-modal .cp-modal-standard .cp-modal-body-full .cp-modal-controls, .cp-modal-standard .my-settings .terms-modal .cp-modal-body-full .cp-modal-controls {
  padding-top: 10px;
}
.my-settings .accept-payments {
  background-color: #f5f5f5 !important;
  width: 100%;
  margin: 5px 10px 25px 5px;
  padding: 15px;
  overflow: hidden;
}
.my-settings .accept-payments .cp-button-standard, .my-settings .accept-payments .cp-button-link {
  margin: 0;
}
.my-settings .accept-payments .section1 {
  float: left;
}
.my-settings .accept-payments .section1 p {
  margin-top: 5px;
  margin-bottom: 0;
}
.my-settings .accept-payments .section2 {
  float: right;
}
.my-settings .cp-box-standard {
  margin: 0 5px 20px;
}
.my-settings .cp-box-standard.inside {
  margin: 0;
}
.my-settings .cp-box-heading {
  position: relative;
}
.my-settings .cp-box-heading.sub-heading {
  background: #516874;
}
.my-settings .cp-box-heading button.action-btn {
  width: auto;
  background: inherit;
  padding: 0 10px;
  color: #fff;
}
.my-settings .cp-box-body {
  padding: 0;
}
.my-settings .cp-box-body.quick-links {
  padding: 0 0 100px;
}
.my-settings .cp-box-body h5 {
  font-size: 15px;
}
.my-settings .new-bank,
.my-settings .new-card {
  line-height: 34px;
  margin-right: 48px;
  color: #4988FB;
  text-decoration: underline;
  cursor: pointer;
}
.my-settings .new-card {
  margin-right: 19px;
}
.my-settings .line-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 5px 10px;
  border-bottom: solid 1px #f5f5f5;
  min-height: 40px;
}
.my-settings .line-wrapper span {
  padding: 5px;
}
.my-settings .line-wrapper.sub {
  display: block;
}
.my-settings .line-wrapper.credit {
  justify-content: center;
  -webkit-justify-content: center;
}
.my-settings .line-wrapper.credit img {
  width: 75%;
}
.my-settings .line-wrapper.cvv {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.my-settings .line-wrapper.action-wrapper {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.my-settings .line-wrapper.action-wrapper button {
  margin-left: 20px;
}
.my-settings .line-wrapper .toggle {
  display: inline-block;
  width: 55px;
}
.my-settings .line-wrapper .toggle input {
  padding: 0;
}
.my-settings .line-wrapper .sub-line-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.my-settings .line-wrapper p {
  margin: 0;
  width: 35%;
  text-align: left;
}
.my-settings .line-wrapper p.inactive {
  color: rgba(0, 0, 0, 0.4);
}
.my-settings .line-wrapper .input {
  background: #fff;
  width: 100%;
  margin: 5px 2px;
}
.my-settings .line-wrapper .input.edit {
  border: solid 1px #f5f5f5;
  background: #f5f5f5;
}
.my-settings .line-wrapper .input-wrapper {
  width: 100%;
  max-width: 70%;
}
.my-settings .city-state-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.my-settings .city-state-wrapper input,
.my-settings .city-state-wrapper select {
  width: 49%;
}
.my-settings .select-wrapper {
  width: 49%;
  position: relative;
}
.my-settings .select-wrapper select {
  width: 100%;
  height: 30px;
  margin-top: 5px;
  background: transparent;
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.my-settings .select-wrapper select.edit {
  background: #f5f5f5;
}
.my-settings .action-btn {
  background: transparent;
  border: none;
  color: #4988FB;
  padding: 0;
}
.my-settings .action-btns {
  display: flex;
  -webkit-display: flex;
  justify-content: center;
  -webkit-justify-content: space-center;
  width: 100%;
}
.my-settings .action-btns .action-btn {
  margin: 0 20px;
}
.my-settings .bank-modal,
.my-settings .billing-modal,
.my-settings .credit-card-modal,
.my-settings .verify-modal {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  background: rgba(255, 255, 255, 0.5);
}
.my-settings .bank-modal .cp-box-standard,
.my-settings .billing-modal .cp-box-standard,
.my-settings .credit-card-modal .cp-box-standard,
.my-settings .verify-modal .cp-box-standard {
  width: 95%;
  max-width: 600px;
  margin: 200px auto;
  background: #fff;
  z-index: 5000;
}
.my-settings .bank-modal .line-wrapper,
.my-settings .billing-modal .line-wrapper,
.my-settings .credit-card-modal .line-wrapper,
.my-settings .verify-modal .line-wrapper {
  border-bottom: none;
}
.my-settings .bank-modal .line-wrapper span,
.my-settings .billing-modal .line-wrapper span,
.my-settings .credit-card-modal .line-wrapper span,
.my-settings .verify-modal .line-wrapper span {
  display: inline-block;
  padding: 10px 0;
}
.my-settings .bank-modal input,
.my-settings .bank-modal select,
.my-settings .billing-modal input,
.my-settings .billing-modal select,
.my-settings .credit-card-modal input,
.my-settings .credit-card-modal select,
.my-settings .verify-modal input,
.my-settings .verify-modal select {
  border: solid 1px #ccc;
  text-indent: 10px;
}
.my-settings .bank-modal .body-wrapper,
.my-settings .billing-modal .body-wrapper,
.my-settings .credit-card-modal .body-wrapper,
.my-settings .verify-modal .body-wrapper {
  padding: 20px;
}
.my-settings .bank-modal .body-wrapper .input-wrapper,
.my-settings .bank-modal .body-wrapper .select-wrapper,
.my-settings .billing-modal .body-wrapper .input-wrapper,
.my-settings .billing-modal .body-wrapper .select-wrapper,
.my-settings .credit-card-modal .body-wrapper .input-wrapper,
.my-settings .credit-card-modal .body-wrapper .select-wrapper,
.my-settings .verify-modal .body-wrapper .input-wrapper,
.my-settings .verify-modal .body-wrapper .select-wrapper {
  width: 70%;
}
.my-settings .bank-modal .body-wrapper .input-wrapper.expiration,
.my-settings .bank-modal .body-wrapper .select-wrapper.expiration,
.my-settings .billing-modal .body-wrapper .input-wrapper.expiration,
.my-settings .billing-modal .body-wrapper .select-wrapper.expiration,
.my-settings .credit-card-modal .body-wrapper .input-wrapper.expiration,
.my-settings .credit-card-modal .body-wrapper .select-wrapper.expiration,
.my-settings .verify-modal .body-wrapper .input-wrapper.expiration,
.my-settings .verify-modal .body-wrapper .select-wrapper.expiration {
  width: 29%;
}
.my-settings .bank-modal .body-wrapper .input-wrapper.expiration .icon,
.my-settings .bank-modal .body-wrapper .select-wrapper.expiration .icon,
.my-settings .billing-modal .body-wrapper .input-wrapper.expiration .icon,
.my-settings .billing-modal .body-wrapper .select-wrapper.expiration .icon,
.my-settings .credit-card-modal .body-wrapper .input-wrapper.expiration .icon,
.my-settings .credit-card-modal .body-wrapper .select-wrapper.expiration .icon,
.my-settings .verify-modal .body-wrapper .input-wrapper.expiration .icon,
.my-settings .verify-modal .body-wrapper .select-wrapper.expiration .icon {
  position: absolute;
  right: 10px;
  top: 2px;
}
.my-settings .bank-modal .body-wrapper .input-wrapper.cvv,
.my-settings .bank-modal .body-wrapper .select-wrapper.cvv,
.my-settings .billing-modal .body-wrapper .input-wrapper.cvv,
.my-settings .billing-modal .body-wrapper .select-wrapper.cvv,
.my-settings .credit-card-modal .body-wrapper .input-wrapper.cvv,
.my-settings .credit-card-modal .body-wrapper .select-wrapper.cvv,
.my-settings .verify-modal .body-wrapper .input-wrapper.cvv,
.my-settings .verify-modal .body-wrapper .select-wrapper.cvv {
  width: 20%;
  margin-left: 135px;
}
.my-settings .billing-modal {
  background: #fff;
}
.my-settings .billing-modal .close {
  position: fixed;
  right: 15px;
  top: 15px;
  font-size: 30px;
  color: #273238;
  opacity: 1;
}
.my-settings .billing-modal .cp-box-body {
  border: none;
}
.my-settings .billing-modal .heading {
  padding: 5px 10px;
}
.my-settings .billing-modal .line-wrapper {
  display: block;
}
.my-settings .billing-modal .line-wrapper input,
.my-settings .billing-modal .line-wrapper select {
  height: 40px;
}
.my-settings .billing-modal .line-wrapper.zip {
  max-width: 50%;
}
.my-settings .billing-modal .line-wrapper.flex {
  display: flex;
  -webkit-display: flex;
}
.my-settings .billing-modal button {
  border: none;
  height: 40px;
  padding: 10px 15px;
  color: #fff;
  background: #273238;
  margin: 30px 0;
}
.my-settings .verify-modal .cp-box-body {
  padding: 20px;
}
.my-settings .verify-modal .line-wrapper {
  max-width: 300px;
  margin: 0 auto;
}
.my-settings .verify-modal .line-wrapper input {
  width: 90%;
}
.my-settings .verify-modal .line-wrapper .input-wrapper {
  max-width: 60%;
}
.my-settings .close-modal {
  position: absolute;
  right: 10px;
  top: 6px;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}
.my-settings .cp-button-standard:hover, .my-settings .cp-button-link:hover {
  background: #273238;
}
.my-settings .personal-info {
  margin: 0 5px 20px;
}
.my-settings .personal-info:after {
  display: table;
  content: "";
  clear: both;
}
.my-settings .personal-info .cp-left-col {
  width: 30%;
}
.my-settings .personal-info .cp-left-col.wide {
  width: 55%;
}
.my-settings .personal-info .dropbox {
  position: relative;
  height: 102px;
  width: 102px;
  border: dotted 1px #000;
}
.my-settings .personal-info .dropbox .dropzone {
  max-height: 100px;
  border: none;
  padding: 0;
  min-height: 100px;
  background: url("https://s3-us-west-2.amazonaws.com/controlpad/no-avatar.png") no-repeat;
  background-size: cover;
}
.my-settings .personal-info .dropbox .dropzone .dz-preview {
  width: 100%;
  margin: 0 !important;
  max-height: 100px;
}
.my-settings .personal-info .dropbox .dropzone .dz-preview:hover .dz-image img {
  margin: 0 auto;
  filter: none;
  -webkit-filter: none;
  transform: none;
}
.my-settings .personal-info .dropbox .dropzone .dz-image {
  width: 100%;
  height: 100%;
  max-height: 100px;
}
.my-settings .personal-info .dropbox .dropzone .dz-image img {
  max-width: 100%;
}
.my-settings .personal-info .dropbox .dropzone .dz-details,
.my-settings .personal-info .dropbox .dropzone .dz-message {
  display: none;
}
.my-settings .personal-info .dropbox .dropzone .dz-error-mark {
  top: 35%;
  left: 35%;
  margin-left: 0;
  margin-top: 0;
}
.my-settings .personal-info .dropbox .dropzone .dz-error-mark svg {
  width: 25px;
  height: 25px;
}
.my-settings .personal-info .dropbox .dropzone .dz-error-message {
  max-width: 600px;
}
.my-settings .personal-info .dropbox .dropzone,
.my-settings .personal-info .dropbox .dropzone-wrapper {
  position: absolute;
  width: 100px;
  height: 100px;
}
.my-settings .personal-info p {
  margin: 0 0 5px;
}

@media (max-width: 1024px) {
  .my-settings .personal-info .cp-left-col {
    float: left;
    width: 15%;
  }
  .my-settings .personal-info .cp-left-col.wide {
    width: 60%;
    float: right;
  }
  .my-settings .cp-left-col,
.my-settings .cp-right-col {
    float: none;
    width: 100%;
  }
}
@media (max-width: 676px) {
  .my-settings .line-wrapper {
    display: block;
  }
  .my-settings .line-wrapper h5 {
    display: inline-block;
  }
  .my-settings .bank-modal .line-wrapper span {
    padding: 5px 0;
  }
  .my-settings .bank-modal .cp-box-standard,
.my-settings .credit-card-modal .cp-box-standard {
    height: 100%;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .my-settings .bank-modal .cp-box-body,
.my-settings .credit-card-modal .cp-box-body {
    height: 100%;
  }
  .my-settings .credit-card-modal .body-wrapper .select-wrapper.expiration {
    display: inline-block;
    width: 45%;
  }
  .my-settings .credit-card-modal .body-wrapper .select-wrapper.expiration .icon {
    top: 8px;
  }
  .my-settings .credit-card-modal .body-wrapper .input-wrapper.cvv {
    margin-left: 0;
  }
  .my-settings .credit-card-modal .line-wrapper span {
    padding: 5px 0;
  }
  .my-settings .credit-card-modal .line-wrapper span.expiration {
    display: block;
  }
}
@media (max-width: 350px) {
  .my-settings .credit-card-modal .body-wrapper .select-wrapper.expiration .icon {
    display: none;
  }
}
.branding-wrapper .cp-accordion-head.black-header {
  position: relative;
  padding: 10px;
  height: auto;
  background-color: #273238;
  color: white;
}
.branding-wrapper .cp-accordion-head.black-header h5 {
  margin: 0;
  display: inline-block;
  margin-right: 0px;
  font-weight: 300;
  font-size: 1.2em;
}
.branding-wrapper .cp-left-col {
  width: 48%;
}
.branding-wrapper .cp-right-col {
  width: 48%;
}
.branding-wrapper .line-wrapper {
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.branding-wrapper .line-wrapper label {
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
}
.branding-wrapper .line-wrapper .input-class {
  height: 100%;
  width: 50%;
  height: 30px;
  text-indent: 10px;
  margin: 5px 0;
}
.branding-wrapper .line-wrapper.toggle-switch {
  width: 40px;
}
.branding-wrapper .textarea {
  box-sizing: border-box;
  border: 1px solid #ddd;
  margin: 2px;
  padding: 6px;
  width: 100%;
}
.branding-wrapper .Confirm {
  float: right;
}

.cp-password-reset-wrapper {
  display: flex;
  justify-content: center;
  margin: 100px 0px;
}
.cp-password-reset-wrapper .cp-form-inverse {
  background-color: #f5f5f5;
  padding: 30px 20px;
  border-radius: 3px;
}
.cp-password-reset-wrapper .cp-form-inverse input {
  text-align: center;
}
.cp-password-reset-wrapper .cp-form-inverse .black-header {
  position: relative;
  padding: 10px;
  height: auto;
  background-color: #273238;
  color: white;
}
.cp-password-reset-wrapper .cp-form-inverse .black-header h5 {
  margin: 0;
  display: inline-block;
  margin-right: 0px;
  font-weight: 300;
  font-size: 1.2em;
}