.vc-sketch {
    position: relative;
    width: 200px;
    padding: 10px 10px 0;
    box-sizing: initial;
    background: #fff;
    border-radius: 4px;
    box-shadow:
        0 0 0 1px rgba(0, 0, 0, 0.15),
        0 8px 16px rgba(0, 0, 0, 0.15);
}
.vc-sketch-saturation-wrap {
    width: 100%;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden;
}
.vc-sketch-controls {
    display: flex;
}
.vc-sketch-sliders {
    padding: 4px 0;
    flex: 1;
}
.vc-sketch-sliders .vc-alpha-gradient,
.vc-sketch-sliders .vc-hue {
    border-radius: 2px;
}
.vc-sketch-alpha-wrap,
.vc-sketch-hue-wrap {
    position: relative;
    height: 10px;
}
.vc-sketch-alpha-wrap {
    margin-top: 4px;
    overflow: hidden;
}
.vc-sketch-color-wrap {
    width: 24px;
    height: 24px;
    position: relative;
    margin-top: 4px;
    margin-right: 4px;
    border-radius: 3px;
}
.vc-sketch-active-color {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 2px;
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.15),
        inset 0 0 4px rgba(0, 0, 0, 0.25);
    z-index: 2;
}
.vc-sketch-color-wrap .vc-checkerboard {
    background-size: auto;
}
.vc-sketch-field {
    display: flex;
    padding-top: 4px;
}
.vc-sketch-field .vc-input__input {
    width: 90%;
    padding: 4px 10% 3px 0;
    border: none;
    box-shadow: inset 0 0 0 1px #ccc;
    font-size: 10px;
}
.vc-sketch-field .vc-input__label {
    display: block;
    text-align: center;
    font-size: 11px;
    color: #222;
    padding-top: 3px;
    padding-bottom: 4px;
    text-transform: capitalize;
}
.vc-sketch-field--single {
    flex: 1;
    padding-right: 6px;
}
.vc-sketch-field--double {
    flex: 2;
}
.vc-sketch-presets {
    margin-left: -10px;
    margin-right: -10px;
    padding-right: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee;
}
.vc-sketch-presets-color {
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin: 0 0 10px 10px;
    vertical-align: top;
    cursor: pointer;
    width: 16px;
    height: 16px;
}
.vc-sketch-presets-color,
.vc-sketch-presets-color .vc-checkerboard {
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
}
.vc-sketch__disable-alpha .vc-sketch-color-wrap {
    height: 10px;
}
.vc-editable-input {
    position: relative;
}
.vc-input__input {
    padding: 0;
    border: 0;
    outline: none;
}
.vc-input__label {
    text-transform: capitalize;
}
.vc-saturation,
.vc-saturation--black,
.vc-saturation--white {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.vc-saturation--white {
    background: linear-gradient(-90deg, #fff, hsla(0, 0%, 100%, 0));
}
.vc-saturation--black {
    background: linear-gradient(0deg, #000, transparent);
}
.vc-saturation-pointer {
    cursor: pointer;
    position: absolute;
}
.vc-saturation-circle {
    cursor: head;
    width: 4px;
    height: 4px;
    box-shadow:
        0 0 0 1.5px #fff,
        inset 0 0 1px 1px rgba(0, 0, 0, 0.3),
        0 0 1px 2px rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    transform: translate(2px, -2px);
}
.vc-hue {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 2px;
}
.vc-hue--horizontal {
    background: linear-gradient(
        -90deg,
        red 0,
        #ff0 17%,
        #0f0 33%,
        #0ff 50%,
        #00f 67%,
        #f0f 83%,
        red
    );
}
.vc-hue--vertical {
    background: linear-gradient(
        0deg,
        red 0,
        #ff0 17%,
        #0f0 33%,
        #0ff 50%,
        #00f 67%,
        #f0f 83%,
        red
    );
}
.vc-hue-container {
    cursor: pointer;
    margin: 0 2px;
    position: relative;
    height: 100%;
}
.vc-hue-pointer {
    z-index: 2;
    position: absolute;
}
.vc-hue-picker {
    cursor: pointer;
    margin-top: 1px;
    width: 4px;
    border-radius: 1px;
    height: 8px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
    background: #fff;
    transform: translateX(2px);
}
.vc-alpha,
.vc-alpha-checkboard-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.vc-alpha-checkboard-wrap {
    overflow: hidden;
}
.vc-alpha-gradient {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.vc-alpha-container {
    cursor: pointer;
    position: relative;
    z-index: 2;
    height: 100%;
    margin: 0 3px;
}
.vc-alpha-pointer {
    z-index: 2;
    position: absolute;
}
.vc-alpha-picker {
    cursor: pointer;
    width: 4px;
    border-radius: 1px;
    height: 8px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
    background: #fff;
    margin-top: 1px;
    transform: translateX(2px);
}
.vc-checkerboard {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-size: contain;
}
.table-loading {
    position: relative;
}
.table-loading .table-loader-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.table-loading .table-loader-wrap .table-loader-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.table-loading .tablenav,
.table-loading .wp-list-table {
    opacity: 0.4;
}
.table-loader {
    font-size: 10px;
    margin: 50px auto;
    text-indent: -9999em;
    width: 11em;
    height: 11em;
    border-radius: 50%;
    background: #fff;
    background: -moz-linear-gradient(right, #fff 10%, hsla(0, 0%, 100%, 0) 42%);
    background: -webkit-linear-gradient(
        right,
        #fff 10%,
        hsla(0, 0%, 100%, 0) 42%
    );
    background: -o-linear-gradient(right, #fff 10%, hsla(0, 0%, 100%, 0) 42%);
    background: -ms-linear-gradient(right, #fff 10%, hsla(0, 0%, 100%, 0) 42%);
    background: linear-gradient(-90deg, #fff 10%, hsla(0, 0%, 100%, 0) 42%);
    position: relative;
    -webkit-animation: tableLoading 1s linear infinite;
    animation: tableLoading 1s linear infinite;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
.table-loader:before {
    width: 50%;
    height: 50%;
    background: #fff;
    border-radius: 0 100% 0 0;
}
.table-loader:after,
.table-loader:before {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
}
.table-loader:after {
    background: #f4f4f4;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    margin: auto;
    bottom: 0;
    left: 0;
}
@-webkit-keyframes tableLoading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn);
    }
}
@keyframes tableLoading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn);
    }
}

