li[id$=-padding-left],
li[id$=-padding-right],
li[id$=-padding-top],
li[id$=-padding-bottom],
li[id$=-margin-left],
li[id$=-margin-right],
li[id$=-margin-top],
li[id$=-margin-bottom] {
   max-width: 22%;
   display: inline-block !important;
   clear: none;
   margin-right: 2%;
   text-align: center;
}

li[id$=-width],
li[id$=-width-tab],
li[id$=-width-phone],
li[id$=-icon-size],
li[id$=-icon-size-tab],
li[id$=-icon-size-phone],
li[id$=-font-size],
li[id$=-font-size-tab],
li[id$=-font-size-phone],
li[id$=-height],
li[id$=-height-tab],
li[id$=-height-phone],
li[id$=-border-size],
li[id$=-border-type],
li[id$=-border-radius] {
   width: 31%;
   display: inline-block !important;
   clear: none;
   margin-right: 2%;
   text-align: center;
}

li[id$=-width-phone],
li[id$=-icon-size-phone],
li[id$=-font-size-phone],
li[id$=-height-phone],
li[id$=-border-radius] {
   margin-right: 0;
}

li[id$=-border-size] label,
li[id$=-border-type] label,
li[id$=-border-radius] label,
li[id$=-padding-left] label,
li[id$=-padding-right] label,
li[id$=-padding-top] label,
li[id$=-padding-bottom] label,
li[id$=-margin-left] label,
li[id$=-margin-top] label,
li[id$=-margin-bottom] label,
li[id$=-margin-right] label {
   margin-top: 4px;
   font-size: 10px;
}

.nf_styler_responsive_text_input {
   cursor: pointer;
}

.nf_styler_responsive_text_input::before {
   display: inline-block;
   -webkit-font-smoothing: antialiased;
   font: 400 20px/30px dashicons;
   vertical-align: top;
   margin: 3px 0;
   padding: 4px 8px;
   color: #b7b7b7;
}



.nf_styler_responsive_text_input.active::before {
   color: #2e86b9;
}

.nf_styler_desktop_text_input::before {
   content: "\f472";
}

.nf_styler_tab_text_input::before {
   content: "\f471";
}

.nf_styler_mobile_text_input::before {
   content: "\f470";
}

/* Text Alignment CSS */
span.nf_styler_alignment {
   margin-left: 0;
   border-radius: 4px;
   border: none;
   box-shadow: none;
   background: #f4f4f4;
   padding: 6px 0;
   float: left;
   width: 23.5%;
   margin-right: 2%;
   text-align: center;
   font-size: 14px;
   color: #32373c;
}

span.nf_styler_alignment:last-of-type {
   margin-right: 0;
}

input.nf_styler_alignment_radio {
   display: none;
}

span.nf_styler_alignment {
   display: inline-block;
   cursor: pointer;
}

span.nf_styler_alignment.nf_styler_alignment_checked {
   background: #2e86b9;
}

span.nf_styler_alignment::before,
span.nf_styler_alignment.nf_styler_alignment_checked::before {
   font-family: 'dashicons';
   font-size: 24px;
   line-height: 40px;
   display: inline-block;
   vertical-align: middle;
   speak: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

span.nf_styler_alignment:before {
   color: #B7B7B7;
}

span.nf_styler_alignment.nf_styler_alignment_checked::before {
   color: #FFF;
   margin: 0;
}

span.nf_styler_alignment.nf_styler_font_value_left::before,
span.nf_styler_alignment.nf_styler_alignment_checked.nf_styler_font_value_left::before {
   content: "\f206";
}

span.nf_styler_alignment.nf_styler_font_value_center::before,
span.nf_styler_alignment.nf_styler_alignment_checked.nf_styler_font_value_center::before {
   content: "\f207";
}

span.nf_styler_alignment.nf_styler_font_value_right::before,
span.nf_styler_alignment.nf_styler_alignment_checked.nf_styler_font_value_right::before {
   content: "\f208";
}

span.nf_styler_alignment.nf_styler_font_value_justify::before,
span.nf_styler_alignment.nf_styler_alignment_checked.nf_styler_font_value_justify::before {
   content: "\f214";
}


/* nf_styler_font_style */
span.nf_styler_font_style {
   margin-left: 0;
   border-radius: 4px;
   border: none;
   box-shadow: none;
   background: #f4f4f4;
   padding: 6px 0;
   float: left;
   width: 23.5%;
   margin-right: 2%;
   text-align: center;
   font-size: 14px;
   color: #32373c;
}

span.nf_styler_font_style:last-of-type {
   margin-right: 0;
}

input.nf_styler_font_style_checkbox {
   display: none;
}

span.nf_styler_font_style {
   display: inline-block;
   cursor: pointer;
}

span.nf_styler_font_style.nf_styler_font_style_checked {
   background: #2e86b9;
}

span.nf_styler_font_style::before,
span.nf_styler_font_style.nf_styler_font_style_checked::before {
   font-family: 'dashicons';
   font-size: 24px;
   line-height: 40px;
   display: inline-block;
   vertical-align: middle;
   speak: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

span.nf_styler_font_style:before {
   color: #B7B7B7;
}

span.nf_styler_font_style.nf_styler_font_style_checked::before {
   color: #FFF;
   margin: 0;
}

span.nf_styler_font_style.nf_styler_font_value_bold::before,
span.nf_styler_font_style.nf_styler_font_style_checked.nf_styler_font_value_bold::before {
   content: "\f200";
}

span.nf_styler_font_style.nf_styler_font_value_italic::before,
span.nf_styler_font_style.nf_styler_font_style_checked.nf_styler_font_value_italic::before {
   content: "\f201";
}

span.nf_styler_font_style.nf_styler_font_value_underline::before,
span.nf_styler_font_style.nf_styler_font_style_checked.nf_styler_font_value_underline::before {
   content: "\f213";
}

span.nf_styler_font_style.nf_styler_font_value_uppercase::before,
span.nf_styler_font_style.nf_styler_font_style_checked.nf_styler_font_value_uppercase::before {
   content: "\f210";
}