.f4w-help {
    color: #0085ba;
}

.f4w-tooltip {
    color: #444;
    display: inline;
    position: relative;
}

.f4w-tooltip:hover:after {
    background: #0085ba;
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    right: -80px;
    padding: 5px 6px;
    position: absolute;
    z-index: 999998;
    width: 150px;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
}

.f4w-tooltip:hover:before {
    border: solid;
    border-color: #0085ba transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    right: 4px;
    position: absolute;
    z-index: 999999;
}

.f4w-input-group {
    padding: 10px 0;
}

.f4w-row,
.f4w-row-left,
.f4w-row-right {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    margin-bottom: 0px !important;
}

.f4w-otbox .f4w-row .cmb2-upload-button {
    float: none !important;
}

.f4w-otbox .cmb-remove-row .cmb-remove-group-row-button {
    color: #721c24;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}

.f4w-otbox .cmb-row .dashicons-no-alt:before {
    background-color: #fff;
    border-radius: 50%;
    font-size: 14px;
    line-height: 20px;
}

.f4w-otbox .cmb-add-group-row.button-secondary {
    background: #0085ba;
    border-color: #0073aa #006799 #006799;
    box-shadow: 0 1px 0 #006799;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
}

.f4w-otbox .f4w-row .cmb-file-field-image {
    max-width: 200px !important;
}

.f4w-otbox .f4w-row .cmb-th {
    margin-bottom: 0;
}

#side-sortables .f4w-otbox .cmb-th,
.inner-sidebar .f4w-otbox .cmb-th {
    padding-bottom: 0;

}

.f4w-list {
    margin: 0;
    padding: 0;
    list-style-type: circle;
}

.f4w-list li {
    display: block;
    margin-bottom: 5px;
}

.mt-20 {
    margin-top: 20px;
}

.f4w-btn {
    border-style: solid;
    border-width: 0px 0px 3px;
    box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #FFFFFF;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-style: normal;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    transition: all 200ms ease-in-out 0s;
    white-space: nowrap;
    padding: 12px 16px 9px;
    font-size: 16px;
    margin-right: 10px;
}

.f4w-btn:hover {
    color: #333;
}

.f4w-btn-blue {
    border-color: #326E99;
    background-color: #3F8ABF;
}

.f4w-btn-lime {
    background-color: #19B5FE !important;
    border-color: #049de4 !important;
}

.f4w-btn-orange {
    background-color: #F27935 !important;
    border-color: #F27935 !important;
}

.f4w-btn-green {
    border-color: #3AC162;
    background-color: #5FCF80;
}

.f4w-otbox .cmb2-metabox-title {
    font-size: 1em !important;
}

.f4w-otbox .wp-picker-active .wp-picker-input-wrap label {
    display: inline !important;
}

.ui-sortable-handle {
    background-color: #eee;
    color: rgba(21, 92, 158, 1) !important;
}

.f4w-row ol {
    margin-top: 0px !important;
}

#f4w_ot-color-settings,
.f4w-row-left {
    width: 50%;
    float: left;
}

#f4w_ot-font-color,
.f4w-row-right {
    width: 49%;
    float: right;
}

.f4w-row .cmb-th label,
.f4w-row-left .cmb-th label,
.f4w-row-right .cmb-th label {
    text-align: right;
}

#f4w_ot-color-settings .cmb-th,
#f4w_ot-font-color .cmb-th,
.f4w-row-left .cmb-th,
.f4w-row-right .cmb-th {
    width: 30% !important;
}

#f4w_ot-color-settings .cmb-td,
#f4w_ot-font-color .cmb-td,
.f4w-row-left .cmb-td,
.f4w-row-right .cmb-td {
    width: 65% !important;
}

#f4w_ot-color-settings .cmb-th,
#f4w_ot-font-color .cmb-th {
    width: 45% !important;
}

#f4w_ot-color-settings .cmb-td,
#f4w_ot-font-color .cmb-td {
    width: 50% !important;
}

#f4w_ot-color-settings small,
#f4w_ot-font-color small {
    color: #999 !important;
}

.f4w-row .cmb2-textarea-small {
    width: 100% !important;
}

.f4w-wrap {
    background-color: #fff;
    margin: 10px 20px 0 2px;
    padding: 10px 20px;
}

/*Direct Override CMB2*/
.cmb-type-group .cmb2-wrap>.cmb-field-list>.cmb-row,
.cmb2-postbox .cmb2-wrap>.cmb-field-list>.cmb-row {
    padding: 0 !important;
    margin-bottom: 0;
}

.cmb-remove-field-row {
    clear: both;
}