.row.no-gutter-row > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
.motivelist {
  /* required for motive_feature's z-index */
  position:relative;
  padding-left:12px;
  padding-right:15px;
}
.motivelist .motive {
  margin: 3px 0 0 3px;
  font-size: 13px;
  position:relative;
}
.motivelist .outline {
  outline: 1px solid #ddd;
}
.motivelist .motive_image {
  width:100%;
}
.motivelist .motive_info {
  background: rgba(0, 0, 0, .6);
  color: #fff;
}
.motivelist .motive_info table {
  padding: 0;
  margin: 0;
  border-spacing:0;
  border-collapse:collapse;
  width:100%;
}
.motivelist .motive_info td {
  height:20px;
  padding: 0;
  margin: 0;
  text-align:center;
}
.motivelist .motive_info td:first-child {
  border-right: 1px solid rgba(255, 255, 255, .5);
  width:55px;
}
.motivelist .motive_info table table td {
  width:50%;
}
.motivelist strong {
  font-size: 20px;
  line-height: 13px;
  vertical-align: top;
}
.motivelist .motive_feature {
  position:absolute;
  z-index:100;
}

/* motivespreview */
.motivespreview-row {
  padding-top:10px;
}
.motivespreview-container {
  margin-left:auto;
  margin-right:auto;
  width:345px;
  height:345px;
}
.motivespreview {
  position:relative;
  height:345px;
  width:345px;
}
.motivespreview .prev-back {
  position:absolute;
  left:0;
  top:0;
}
.motivespreview .prev-mot img {
  height:345px;
  width:345px;
  padding:22px 22px 23px 23px;
}
.motivespreview .prev-side:hover .prev-shirt {
  display:none !important;
}
.motivespreview .prev-side:hover .prev-mot {
  display:block !important;
}
.motiveswitcher-image {
  position:absolute;
  min-height:110px;
  width:100%;
  bottom:0;
}
.motiveswitcher-image img {
  height:100px;
  width:100px;
}
.motiveswitcher-image .prev-side {
  position:absolute;
  left:0;
  top:0;
}
.ao-mot-prev > h1 {
  margin-bottom:20px;
  position:relative;
}
/* uncomment this when motive tags are enabled again
 * .ao-mot-prev > h1 .btn-group {
 * padding-top: 12px;
}*/
.ao-mot-prev > h1 > img {
  padding-left: 10px;
  position: absolute;
  top: -10px;
}
.ao-mot-prev .tags {
  vertical-align:top;
  font-size:15px;
}
.ao-mot-prev .option-column {
  height:345px;
}
.ao-mot-prev .print-color {
  position:relative;
}
.ao-mot-prev .print-color .ao-select-color {
  margin-bottom: 10px;
}
.ao-mot-prev .print-color .prev-back {
  position:relative;
  left:0;
  top:0;
}
.ao-mot-prev .print-color .ao-color-box {
  background-image:none;
}
.ao-mot-prev .motive-order .radio:first-child {
  margin-top: 0;
}
@media(max-width:767px){
  .float-right-xs {
    float:right;
  }
  .ao-mot-prev .textile-color {
  }
  .ao-mot-prev div.option-column {
    padding-top:10px;
    padding-bottom:10px;
    height:auto;
  }
  .motivespreview-container {
    margin-left:0;
    margin-right:0;
    width:320px;
    height:320px;
  }
  .motivespreview {
    position:relative;
    width:320px;
    height:320px;
  }
  .motivespreview .prev-shirt img,
  .motivespreview .prev-mot img {
    width:320px;
    height:320px;
  }
  .motivespreview-row > .col-sm-7 {
    padding-left:0;
    padding-right:0;
  }
  .ao-mot-prev .motiveswitcher.btn-group.pull-right {
    z-index:999;
  }
}