@import url("//fast.fonts.net/cssapi/a3e652d5-ef76-4c68-ab92-369a4c84578c.css");
body {
  font-family: 'Avenir Next', Helvetica, Arial, sans-serif;
  background: #eee;
  margin: 0;
  padding: 0; }

.box {
  margin: 1em auto;
  padding: 1em;
  background: white;
  max-width: 1100px;
  position: relative; }
  .box .box-header {
    text-align: center;
    border-bottom: 1px solid #eee;
    background: white; }
    .box .box-header h1 {
      font-size: 2em;
      font-weight: bold;
      text-align: center;
      margin-bottom: 1em; }

#grow {
  -moz-transition: height .6s;
  -ms-transition: height .6s;
  -o-transition: height .6s;
  -webkit-transition: height .6s;
  transition: height .6s;
  height: 0;
  overflow: hidden; }

.radio,
.form-group {
  padding: .3em 0;
  position: relative;
  margin-bottom: .2em; }
  .radio h3,
  .form-group h3 {
    text-align: left;
    font-weight: normal;
    font-size: 1em;
    line-height: 1em;
    margin-top: 0.2em;
    margin-bottom: .5em;
    color: #aaa; }
    .radio h3 span.optional,
    .form-group h3 span.optional {
      font-size: .75em;
      text-transform: uppercase;
      color: #ccc; }

.form-group .checkbox {
  padding: 1em; }
  .form-group .checkbox label {
    display: block; }

.radio ul.radio-group {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  display: flex; }
  .radio ul.radio-group li {
    flex: 1;
    position: relative;
    background: transparent; }
    .radio ul.radio-group li:last-child label {
      border-right: 1px solid #ddd; }
  .radio ul.radio-group input[type=radio] {
    display: none; }
  .radio ul.radio-group input[type="radio"]:checked + label {
    font-weight: bold;
    color: black;
    background: white; }
  .radio ul.radio-group label {
    cursor: pointer;
    color: #aaa;
    background: #eee;
    display: block;
    text-align: center;
    padding: .9em 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd; }

input[type="text"] {
  border: 1px solid #eee;
  display: block;
  width: 100% !important;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  display: block;
  height: 3em;
  padding: .5em 1.2em;
  font-size: .9em; }
  input[type="text"]:focus {
    border: 1px solid #aaa;
    box-shadow: none; }

#div-widget-options {
  background: #fff;
  border: 1px solid #eee;
  padding: .5em;
  margin-top: 1em;
  max-width: 100%; }
  #div-widget-options h3 {
    margin: 0; }
    #div-widget-options h3 label {
      cursor: pointer;
      display: block;
      padding: .5em;
      width: 100%; }
      #div-widget-options h3 label span#more-button-icon {
        float: right;
        padding-right: 1em;
        font-size: 1.2em; }

select {
  border: 1px solid #ddd;
  height: 3em;
  width: 100%;
  font-size: .9em;
  line-height: 1em; }

#success-alert {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  margin: 0;
  padding: 0;
  display: none;
  background: #fff;
  border: .4em solid white; }
  #success-alert .box {
    flex: 1;
    position: relative;
    padding: 1em; }
    #success-alert .box code {
      border: 1px solid #ddd;
      background: #eee;
      display: block;
      padding: 1em;
      word-wrap: break-word;}
    #success-alert .box button#addToPost {
      border: none;
      background: black;
      padding: 1.2em 0;
      color: white;
      font-size: 1em;
      font-weight: bold;
      width: 100%;
      border-radius: .1em;
      margin: 0; }
    #success-alert .box button#backToEditor {
        border: 1px solid black;
        background: white;
        padding: 1em 0;
        color: black;
        font-size: 1em;
        font-weight: normal;
        width: 100%;
        border-radius: .1em;
        margin: 20px auto;
        }
    #success-alert .box a.reload {
      display: block;
      background: none;
      padding: 1.2em 0;
      color: black;
      font-size: 1em;
      font-weight: bold;
      width: 100%;
      border-radius: .1em;
      margin-top: 3em;
      text-align: center; }
    #success-alert .box.show {
      display: block; }

.btn.btn-block.generate {
  cursor: pointer;
  border: none;
  background: #b74848;
  padding: 1.2em 0;
  color: white;
  font-size: 1em;
  font-weight: bold;
  width: 100%;
  border-radius: .1em;
  position: relative;
  bottom: 0;
  left: 0;
  margin: 0;
  margin-top: 1em; }

.btn.btn-block {
  border: none;
  background: black;
  padding: 1em;
  color: white;
  font-size: .8em; }

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

.xx-item {
  flex: 1;
  max-width: 50%;
  padding: .5em;
  position: relative; }
  .xx-item h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 1.2em;
    color: #aaa;
    letter-spacing: .4em;
    padding: 1em; }
  .xx-item form.form {
    position: relative;
    min-height: 500px; }

.preview {
  margin: 0;
  background-color: #eee; }

.button {
  background-color: #555555;
  /* black */
  border: none;
  color: white;
  padding: 5px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer; }

pre {
  white-space: pre-wrap; }

#check-rrp-lbl {
  /* display: none; */ }

#check-price-lbl > input:checked ~ #check-rrp-lbl {
  display: block; }

#suppliers-section {
  position: relative;
  width: 100%; }

#supplier-count-lbl {
  cursor: pointer; }

#div-supplier-list {
  display: block;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  overflow-y: auto;
  height: 200px;
  margin-bottom: 1em; }

.form-label {
  font-weight: normal; }

.supplier-popup {
  display: block;
  font-weight: bold;
  border: 1px solid black; }

.field-error {
  border: 2px solid red; }

.error-label {
  color: red;
  font-style: italic; }

label#option-cta-lbl,
label#option-layout-lbl,
label#option-limit-lbl {
  padding: .5em 0; }

input[type="number"] {
  display: block;
  width: auto;
  padding: .3em;
  font-size: 1.1em;
  line-height: 1em; }

.copy-alert {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  font-weight: bold;
  font-size: 30px; }

.copy-alert h {
  position: relative;
  top: 50%;
  color: #287045; }

.SNAP-loader-overlay {
  display: none !important; }

body.SNAP-isLoading .SNAP-loading-box {
  width: 80px;
  height: 80px;
  position: fixed;
  top: 30%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
  background: url("../img/bkg-hanger-white.png") no-repeat center center;
  background-size: 80px; }

body.SNAP-isLoading .SNAP-loading-spinner-white {
  -webkit-animation-duration: 0.75s;
  -moz-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: rotate-forever;
  -moz-animation-name: rotate-forever;
  animation-name: rotate-forever;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-timing-function: linear;
  height: 100%;
  width: 100%;
  border: 2px solid #FFF;
  border-right-color: transparent;
  border-radius: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  margin: 0 auto; }

body.SNAP-isLoading .SNAP-loader-overlay {
  display: block !important;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100% !important;
  height: 100%;
  z-index: 9999; }

/* widget loading spinner rotate forever */
@-webkit-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotate-forever {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

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