.content .tab-item{
    list-style-type: none;
    text-align: left;
    display: flex;
    margin: 10px 13px;
}

.content .tab-item input[type=url]+input[type=url]{
    display: none;
}

.content .tab-item>span {
    display: inline-block;
    width: 120px;
    text-align: right;
}


.content .tab-item>input{
    height:26px;
    width: calc( 100% - 120px );
}

.content .tab-url{
    position: relative;
}

.content .tab-url .delete{
    content: "×";
    display: block;
    color: #fff;
    position: absolute;
    top: 0;
    right: 2px;
    width: 16px;
    height: 16px;
    line-height: 14px;
    background: #716c6c;
    text-align: center;
    margin: 7px 3px;
    border-radius: 4px;
}

.content .tab-url .delete:hover {
    color: #FFF;
    box-shadow: 0 1px 3px rgba(209, 40, 42, .5);
    background: #d1282a;
    transition: all 0.2s ease-out;
    opacity: 0.8;
}

.content .tab-url:hover {
    background: inherit;
}

.content .checkbox_bottom{
    width: 70px;
}

.tab-item select,
.tab-rand input{
    width: 25% !important;
}

.product-tab-wrap {
    margin: 20px auto;
    width: 100%;
    min-height: 30px;
    height: 344px;
    border-top: 1px solid #f3ecec;
    border-right:1px solid #f3ecec; ;
    position: relative;
}

.product-tab-wrap>label{
    padding: 0px 14px 0px 10px;
    min-width: 80px;
    height: 30px;
    float: left;
    text-align: center;
    line-height: 30px;
    border-right: 1px solid #f3ecec;
}

.product-tab-wrap>label:first-child{
    border-left: 1px solid #f3ecec;
}

.product-tab-wrap>label:last-child{
    border-right: none;
}

.product-tab-wrap>label span{
    cursor: pointer;
}

.product-tab-wrap>label .content{
    width: calc( 100% - 1px );
    position: absolute;
    left: 0;
    top: 31px;
    background: #ffffff;
    border-bottom: 1px solid #f3ecec;
    border-left: 1px solid #f3ecec;
    border-top: 1px solid #f3ecec;
    display: none;
    box-sizing: border-box;
    padding: 10px;
}

.product-tab-wrap>label>input{
    width: 0;
}

.product-tab-wrap input:checked+div.content{
    display: block;
}

.product-tab-wrap .addNewTab .close{
    display: inline-block;
}

.product-tab-wrap>label .close{
    position: relative;
    display: none;
    top: 0px;
    right: -14px;
    height: 16px;
    line-height: 13px;
    width: 16px;
    font-size: 7px;
    background: #c7c7c7;
    color: #FFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    -moz-transition: linear .06s;
    -webkit-transition: linear .06s;
    transition: linear .06s;
    padding: 0;
    text-align: center;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    float: right;
}

.product-tab-wrap>label .close:hover {
    color: #FFF;
    box-shadow: 0 1px 3px rgba(209, 40, 42, .5);
    background: #d1282a;
    transition: all 0.2s ease-out;
    opacity: 0.8;
}


.product-tab-wrap .addTab .new{
    color: #0073aa;
    margin: -1px 3px 0 0;
    color: #0071a1;
    border-color: #0071a1;
    background: #f3f5f6;
    margin: 2px;
    padding: 3px 10px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    border-radius: 3px;
    white-space: nowrap;
    box-sizing: border-box;
    line-height: 31px;
}

.wp-picker-container {
    color: #0071a1;
    border-color: #0071a1;
}

.product-tab-wrap .wp-picker-container{
    position: relative;
    display: flex;
    width: 25%;
}

.product-tab-wrap .wp-picker-holder{
    position: absolute;
    top: 33px;
    left: -5px;
}

.product-tab-wrap .wp-color-result{
    width: 100%;
    margin: 0 !important;
}

.product-tab-wrap .wp-picker-input-wrap{
    display: flex;
    vertical-align: top;
}

.product-tab-wrap .wp-picker-input-wrap label{
    margin-left: 4px;
}

.product-tab-wrap .wp-picker-input-wrap.hidden{
    display: none;
    vertical-align: top;
}

.product-tab-wrap .wp-picker-clear{
    height: 30px !important;
}

.product-tab-wrap .addTab .content{
    display: none;
}