.develux-timer-builder{
  .product-tab-content{
    padding: 0 0 15px 0;
    width: calc(100% - 250px);
    height: auto;
  }
  .product-tab-content.expanded{
    width: calc(100% - 80px);
  }
  .develux-library-tab-component{
    display:none;
  }
  .develux-library-tab-component.active{
    display:block;
  }


}

.develux-timer-builder{
  background: #f0f0f1;
  fieldset{
    background: #f0f0f1!important;
  }
  .product-admin-preview{
    border-left: 1px solid #d6d6d6;
    position:sticky;
    top:30px;
    align-self: self-start;
  }
  @include respond_max(1199){
    .product-admin-preview {
      width: 100%;
      position: absolute;
      background: #f0f0f1;
      top: 0;
      right: 0;
      height: 100%;
    }
    .product-admin-preview.to-trey {
      position:relative;
      width:80px;
      height:40px;
      min-height:40px;
      overflow: hidden;
    }
  }
}

.develux-timer-builder-tabs-switcher{
  margin: 20px 0 0 0;
  border-bottom: 1px solid #c3c4c7;
  padding-top: 9px;
  padding-bottom: 0;
  .tab-develux-timer-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-timer-builder-btn.active{
    border-bottom: 1px solid #f0f0f1;
    background: #f0f0f1;
    color: #000;
    margin-bottom: -1px;
  }
}
.develux-success-save-msg{
  width: calc(100% - 252px);
  @include respond_max(1199){
    width: calc(100% - 82px);
  }
  position: static;
  margin: 10px 0 15px 0;
  top: 1px;
  p{
    background: #fff;
    border: 1px solid #c3c4c7;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    margin: 0;
    padding: 10px 12px;
    border-left: 4px solid #00a32a;
  }
}