#toplevel_page_develux-product-card-builder{
.develux-get-pro{
  background: #814dc5;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: 700;
}
  .develux-help-center{
    padding: 5px 22px;
    background: green;
    color: #fff;
    border-radius: 4px;
    font-weight: 700;
  }
}
#develux_product_card_configurator{
  .inside{
    margin:0;
    padding:0;
  }
}
#develux_product_card_configurator{
  h2.ui-sortable-handle{
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
  }
}
/* ----------------------------- Product Tabs -----------------------------*/
.develux, .woocommerce_page_develux-custom-blocks, .admin_page_develux-custom-block-builder{
.product-tabs-wrapper{
  min-height:350px;
  height:auto;
}
.product-tab-content{
  padding: 0 0 15px 0;
  width: 80%;
  @include respond_max(1199){
    width:100%;
  }
  height: auto;
}
.product-tab-content.expanded{
  width: 100%;
  @include respond_max(1199){
    display:flex;
    border-right:none;
  }
}
.product-tab-content{
  .tab-pane, .label-tab-pane, .custom-block-tab-pane{
    display: none;
  }
  .tab-pane.active{
     display: block;
   }
  .label-tab-pane.active{
    display: flex;
  }
  .custom-block-tab-pane.active{
    display: block;
  }
  .tab-pane{
    min-height:350px;
    height:auto;
  }
}
 .label-tab {
    height: 40px;
    background-color: #fafafa;

  }
  .product-tab a, .label-tab a{
    margin: 0;
    padding-left: 10px;
    display: block;
    box-shadow: none;
    text-decoration: none;
    line-height: 20px;
    color: #2271b1;
  }
  .product-tabs-wrapper h2{
    font-weight: bolder!important;
    font-size: 18px!important;
  }
  .label-tab a.active{
    color: #011864;
    font-weight: bold;
    position: relative;
    background-color: #eee;
  }
  #tab-custom-block{
    min-height: 650px;
  }
  .custom-block-tabs{
    @include respond_max(1690){
      flex-direction: column;
    }
  }
  .custom-block-tab{
    width:20%;
    @include respond_max(1690){
      width:100%;
    }
    text-align: center;
    background-color: #fafafa;
    &:hover{
      background-color: #eee;
    }
  }
  .custom-block-tab a{
    margin: 0;
    padding: 10px;
    display: block;
    box-shadow: none;
    text-decoration: none;
    line-height: 20px;
    border-top: 1px solid $border-block;
    border-bottom: 1px solid $border-block;
    border-right: 1px solid $border-block;
    color: $text-color;
    &:first-child{
      border-left: 1px solid $border-block;
    }
  }
  .custom-block-tab a.active{
    color: $text-color;
    font-weight: bold;
    position: relative;
    background-color: $gray-background;
  }
  .custom-block-tab-pane{
    .repeater-fields-container{
      height:auto;
      min-height: 100px;
    }
  }
}
// ---------------------------------------- Single page top menu tabs --------------------------------------------------
.develux-product-tabs{
  line-height: 1em;
  padding: 0 0 10px;
  background-color: #fafafa;
  border-right: 1px solid #eee;
  box-sizing: border-box;
  position: relative;
  z-index: 20;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0;
  margin: 0;
  width:20%;
  @include respond_max(1199){
    width:100%;
  }
  height: auto;
  .product-tab{
    flex: 1;
    height: 47px;
    max-height: 47px;
    border-bottom: 1px solid #eee;
    margin-bottom:0;
    &:last-child{
      border-right: none;
    }
    &:hover{
      background-color: #eee;
    }
    @include respond_max(1199){
      width: 100%;

    }
    a{
      background-color:#fafafa;
      width: 100%;
      height: 100%;
      gap: 5px;
      line-height: 14px;
      min-height:41px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      color: #2271b1;
      .tab-icon-active{
        display: none;
      }
      .tab-title{
        font-size:13px;
      }
      &:hover{
        color: #135e96;
      }
    }
    a.tab-js.active{
      background: #eee;
      color:#555;
      .tab-icon-active{
        display: block;
      }
      .tab-icon-passive{
        display: none;
      }
    }
  }
}
.develux-custom-properties-wrapper{
  height: auto;
}
.develux-custom-properties{
  width: 100%;
  z-index: 11;
  flex-direction: column;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  box-sizing: border-box;
}
.develux-custom-properties-before-item.start-from-bottom{
  top: 0;
}
.develux-custom-properties-before-item.start-from-top{
  bottom: 0;
}
.develux-custom-properties-after-item{
  top: 0;
}

//----------------------------------------- Label TAB -----------------------------------------------------
.develux-collapse-up.rotated{
  display:block;
  transform: rotate(180deg);
}
.develux-use-tab-switcher{
  z-index: 5;
}

//-------------------------------------- Label Builder -----------------------------------------------------------------
.develux-label-builder-tabs-switcher{
  margin: 20px 0 0 0;
  border-bottom: 1px solid #c3c4c7;
  padding-top: 9px;
  padding-bottom: 0;
  .tab-develux-label-builder-btn{
    border: 1px solid #c3c4c7;
    border-bottom: none;
    margin-left: 10px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 1.71428571;
    font-weight: 600;
    background: #dcdcde;
    color: #50575e;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    &:hover{
      background-color: #fff;
      color: #3c434a;
    }
  }
  .tab-develux-label-builder-btn.active{
    border-bottom: 1px solid #f0f0f1;
    background: #f0f0f1;
    color: #000;
    margin-bottom: -1px;
  }
}
.admin_page_develux-custom-block-builder{
  .develux-library-tab-component{
    display:none;
  }
  .develux-library-tab-component.active{
    display:block;
  }
}

.develux-legend-arrow-up-down{
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d1d1d1;
  .legend{
    color: #000!important;
  }
}

.develux-custom-tab-single-fields{
  max-width:100%;
}