.wb-form-item{
  .wb-advance-field{
    display: none;
  }
  .item-type{
    margin-right: 35px;
  }
  .item-edit:before{
    content: '\f111';
    font-size: 17px;
    margin-top: 11px;
  }
  .item-edit{
    right: 10px;
    color: #008EC2;
    &:hover{
      color: #09abc2;
    }
  }
  .wb-item-delete{
    position: absolute;
    right: -20px;
    top: 0;
    display: block;
    width: 30px;
    height: 40px;
    margin-right: 0!important;
    outline: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #a00;
    i.dashicons{
      height: 40px;
      line-height: 40px;
    }
    &:hover{
      color: #da0000;
    }
  }

  .field-admin-desc{
    font-size: 11px;
    color: #aaa;
  }
}
.wb-value-table{
  display: table;
  width: 100%;
  .value-row-header,.value-row-content{
    display: table-row;
    .value-label{
      display: table-cell;
      i.dashicons{
        cursor: pointer;
        color: red;
      }
      input[type=text]{
        width: 95%;
      }
    }
    .value-label:last-child{
      width: 30px;
    }
  }
}
.add_new_row{
  display: block;
  i.dashicons{
    margin-top: 5px;
    cursor: pointer;
    color: #008EC2;
    &:hover{
      color: #18A6C2;
    }
  }
}
.fb_hidden{
  display: none;
}
.menu-item-edit-active{
  .item-edit:before{
    content: '\f111' !important;
  }
}
.metabox-holder-disabled{
  .button.submit-add-to-form{
    cursor: none;
    pointer-events: none;
  }
}
.menu-item-bar{
  .ui-sortable-handle{
    transition: all 0.3s;
    //background: #FEF9EE;
    &:hover{
      border-color: #F0AD4E;
    }
  }
}
.ui-sortable-handle.error{
  border: 1px solid red !important;
  background: #fafafa;
  position: relative;
  padding-bottom: 20px;
  .error-message{
    position: absolute;
    bottom: 0;
    left: 12px;
    font-size: 11px;
    font-style: italic;
    color: red;
  }
}
input[name=form-name].error{
  border: 1px solid red !important;
}

.wb-update-form{
  .menu-settings{
    clear: both;
  }
  .wb-form-note{
    width: 100%;
    float: left;
    border: 1px solid rgba(255, 236, 5, 0.28);
    background: rgba(255, 236, 5, 0.28);

    -webkit-box-shadow: 12px 13px 11px -13px rgba(0,0,0,1);
    -moz-box-shadow: 12px 13px 11px -13px rgba(0,0,0,1);
    box-shadow: 12px 13px 11px -13px rgba(0,0,0,1);

    >div{
      padding: 15px 30px;
    }
    margin-top: 0px;
  }
}

@media (min-width: 1300px) {
  #form-to-edit{
    width: 450px;
    float: left;
  }
  .wb-update-form{
    .menu-settings{
      clear: both;
    }
    .wb-form-note{
      width: ~"calc(100% - 500px)";
      margin-top: 35px;
      margin-bottom: 35px;
    }
  }
}

@media (min-width: 1400px) {
  .wb-update-form{
    .menu-settings{
      clear: both;
    }
    .wb-form-note{
      width: 400px;
    }
  }
}