
.xt_woovs-clearfix{
  clear:both;
}

.xt_woovs-select{
  min-width:100px
}

.xt_woovs-inline-edit-hidden{
  display:none!important;
}

.swatch-preview {
  height: 44px;
  line-height: 44px;
  text-align: center;
  border: 1px solid #ccc;
  cursor: pointer;
  &:not(.swatch-label) {
    width: 44px;
  }

  &.swatch-label {
    padding: 0 10px;
    display: inline-block;
  }

  &.round{
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
  }
  &.round_corner{
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
  }

}

.xt_woovs-modal-container {
  position: relative;
  display: none;
}

.xt_woovs-modal {
  transform: translate(-50%, -50%);
  position: fixed;
  top: 50%;
  left: 50%;
  width: 360px;
  max-width: 90%;
  z-index: 159990;
  background-color: #fcfcfc;
  input.error {
    border-color: #dc3232;
  }
}

.xt_woovs-modal-header, .xt_woovs-modal-content, .xt_woovs-modal-footer {
  padding: 20px;
}

.xt_woovs-modal-header {
  padding-top: 0;
  padding-bottom: 0;
}

.xt_woovs-modal-content {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
}

.xt_woovs-modal-footer {
  text-align: right;
  .message, .spinner {
    float: left;
  }
  .message {
    &.error {
      color: #dc3232;
    }
    &.success {
      color: #46b450;
    }
  }
}

.xt_woovs.widefat {

  td,th{
    padding:6px 10px;
  }

  tfoot td.attribute_swatch_type,
  th.attribute_swatch_type,
  thead td.attribute_swatch_type {
    text-align: right !important;
  }
}

td.attribute_swatch_type {
  text-align: right;
  strong {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
  }
  select {
    margin-left: 10px;
    float: right;
  }
}

.xt_woovs_field_meta {
  width: 100%;
}

.xt_woovs_heading th {
  background: #72777c;
  color: #FFF;
  font-size: 14px;
  color: #FFF !important;
}

.xt_woovs_sub_heading table, .xt_woovs_meta table {
  border: none;
}

.xt_woovs_sub_heading {

  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;

  .xt_woovs_meta_wrp:first-child &{
    border-top:0
  }

  td {
    background: #fafafa;
    vertical-align: middle;
    a{
      color:#222;
    }
  }
}

.xt_woovs_accordion {
  padding: 15px 20px;
}

.xt_woovs_meta {
  border: 1px solid #eee;
  border-radius:3px;
  margin-bottom:10px;

  .xs_woovs_accordion_handle {
    table{
      background: transparent;
    }
    cursor: pointer;
    &:last-child td{
      border-bottom:none;
    }
    &:hover,
    &.active{
      background: #eeeeee;
    }

    .xt_woovs_preview{
      display: block;
      width: 30px;
      height: 30px;
      background-size: cover;
    }
  }

  tr {
    td {

      vertical-align: middle;
    }
  }

  .wp-picker-input-wrap label {
    float: initial;
    width: initial;
    padding: initial;
    margin: initial;
  }
}

.xt_woovs_image_picker {
  img {
    vertical-align: middle;
    margin-right: 10px;
  }
  .button{
    vertical-align: middle;
  }
}

table.wp-list-table .column-thumb:empty{
  display:none;
}

table.xt_woovs_attribute_options{
  border:none;
  margin-bottom:10px;

  td {
    vertical-align: middle;
  }
}

.xt_woovs_field{
  border: 1px solid #eaeaea;
  border-radius: 4px;
}


.xt_woovs_tab a:before {
  content: "\f533"!important;
}

.xt_woovs_tab_no_attr_found{
  text-align: center;
  padding:80px 20px;
  max-width: 520px;
  margin:0 auto;

  p{
    font-size:16px;
    strong{
      font-size:24px;
    }
  }
}

.xt_woovs_badge{
  font-size:10px;
  font-weight:400;
  padding:3px 6px;
  background: #fff;
  box-shadow: 0 0 4px rgba(24,24,24,0.2);
  margin-left:10px;
  border-radius:4px;
}

.xt_woovs_spinner {
  display:inline-block;
  opacity: 0;
  position: relative;
  width: 15px;
  height: 16px;
  float: right;
  transition: opacity 0.3s;

  .xt_woovs_tab.loading &{
    opacity: 1;
  }
  span {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    margin: 3px;
    border: 2px solid #666;
    border-radius: 50%;
    animation: xt_woovs_spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #666 transparent transparent transparent;
    &:nth-child(1) {
      animation-delay: -0.45s;
    }
    &:nth-child(2) {
      animation-delay: -0.3s;
    }
    &:nth-child(3) {
      animation-delay: -0.15s;
    }

  }
}

@keyframes xt_woovs_spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
