/* Version: 1.0 */
.gf_stylespro_selectors input[type=radio],
.gf_stylespro_selectors input[type=checkbox] {
    display: none;
}
.gf_stylespro_selectors input + label,
.gf_stylespro_selectors input + label {
    padding: 10px 20px;
    border: 1px solid silver;
    border-radius: 2px;
    margin: 20px 0px 20px 20px;
    display: inline-block;
    height: auto;
    text-align: center;
}
.gf_stylespro_selectors input.has_img + label {
    padding: 0;
    border: 0px solid silver;
    margin: 10px 20px;
    display: inline-block;
    height: auto;
    text-align: center;
    max-width: 78px;
    position: relative;
    border-width: 0;
}
.gfsp_effects_wrapper label .gf_tooltip {
    position: absolute;
    z-index: 1;
    left: 2px;
    background: white;
    border: 1px solid #9a9a9a;
    border-width: 0 1px 1px 0;
    border-radius: 0 0 5px;
}
.ui-tooltip-content a {
    color: #9ed8ea;
}
.gf_stylespro_selectors input[type=radio]:checked + label,
.gf_stylespro_selectors input[type=checkbox]:checked + label {
    background-color: #D5ECEC;
    box-shadow: 0px 0px 0px 2px #6dbbda, 6px 7px 10px -6px #5ec7ec inset;
}

.gf_stylespro_selectors .has_img + label:hover:after {
    content: attr(data-hover);
    color: white;
    background-color: #37ABC8;
    width: 100%;
    margin-top: -47px;
    z-index: 654654654654;
    position: relative;
    margin-bottom: 7px;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    font-weight: bold;
    opacity: 1;
}
.gf_stylespro_selectors .has_img + label:after {
    content: attr(data-hover);
    display: inline-block;
    color: white;
    background-color: #37ABC8;
    width: 100%;
    margin-top: -67px;
    z-index: 654654654654;
    position: relative;
    margin-bottom: -7px;
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    font-weight: bold;
    opacity: 0;
    transition: .5s all;
    vertical-align: bottom;
    padding: 0em .1em .1em .1em;
    box-sizing: border-box;
    line-height: 1.2;
    box-shadow: 0px 0 5px 2px #9fd6e4;
}
.gf_stylespro_selectors .has_img + label:hover img {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
    z-index: 0;
    transition: .3s all;
}
.gfsp_footer {
    text-align: right;
    margin-top: 1.5em;
    }

.gf_stylespro_selectors label img {
    width: 100%;
    margin: 0px 0px -21px;
}
.gf_stylespro_selectors .box {
    display: block;
    margin: 1em 0 0 0;
    padding: 0;
}
.gf_stylespro_selectors .box h3 {
    padding: .7em 1.25em;
    border: 1px solid silver;
    font-size: inherit;
    margin-bottom: 0;
    cursor: pointer;
    margin: 1em 0 0;
    border-radius: 5px;
}
.gf_stylespro_selectors .box h3 + div {
    background-color: rgba(220, 220, 220, 0.09);
    border: 1px solid silver;
    padding: 20px 20px;
}
.gf_stylespro_selectors .box h3:after {
    content: '\25B7';
    margin-right: 0px;
    content: "\f343";
    font-family: dashicons;
    float: right;
    font-size: 14px
}
.gf_stylespro_selectors h3.toggle_open:after {
    content: '\25BD';
    content: "\f347";
}
.gf_stylespro_selectors .box h3.toggle_open {
    border-radius: 5px 5px 0 0;
    box-shadow: 0 10px 10px -5px #00000014;
}
#TB_ajaxContent .box p {
    margin: .2em .5em 0 1.5em;
    padding: 0;
}
.gf_stylespro_selectors input[type=checkbox] + label:before {
    content: '\F08D';
    font-family: "GFFontAwesome";
    display: block;
    line-height: 0;
    -ms-transform: rotate(45deg);/* IE 9 */
    -webkit-transform: rotate(45deg);/* Chrome, Safari, Opera */
    transform: rotate(45deg);
    margin-left: 2em;
    font-size: 1em;
    float: right;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    opacity: .3;
}
.gf_stylespro_selectors input[type=checkbox].has_img + label:before {
    font-size: 1.7em;
    float: none;
    margin-left: 2em;
}
.gf_stylespro_selectors input[type=checkbox]:checked + label:before {
    -ms-transform: rotate(0deg);/* IE 9 */
    -webkit-transform: rotate(0deg);/* Chrome, Safari, Opera */
    transform: rotate(0deg);
    opacity: 1;
    color: #2899d4;
}
/* Icon Selector */
div.gfsp_image,
div.gfsp_icon_custom {
    text-align: center;
}
.ornament_image_alt {
    margin-right: 98px;
    margin-top: 9px;
    width: 400px;
    font-size: .85em;
    font-style: italic;
}
.all_icons span {
    display: inline-block;
    padding: 10px 4px;
    font-size: 10px;
    width: 106px;
    height: 35px;
    text-align: center;
    border: 1px solid #ebebeb;
    box-sizing: content-box;
    color: grey;
    line-height: 1.3;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.all_icons .hide {
    display: none;
}
.all_icons span i {
    font-size: 24px;
    display: block;
    color: black;
    margin-bottom: 0.1em;
}
.all_icons {
    overflow-y: scroll;
    height: 250px;
    padding: 5px;
    text-align: left;
}
.all_icons span:hover {
    border: 1px solid #919191;
    background: white;
}
.sp_choice_preview {
    display: inline-block;
    text-align: center;
    margin-top: 10px;
}
.sp_choice_preview,
.gfsp_color_wrapper {
    vertical-align: middle;
    margin: 10px 5px
}
.sp_choice_preview img {
    max-height: 100px;
    width: auto;
}
.sp_choice_preview i {
    font-size: 75px;
}
.sp_choice_preview i, .sp_choice_preview img {
    border: 1px solid #e7e7e7;
    padding: 15px;
    border-radius: 3px;
    display: inline-block;
}
input#gfsp_search_icons,
#gfsp_search_icons_clear {
    margin: auto;
    display: inline-block;
    box-sizing: content-box;
    padding: 0 8px;
    vertical-align: middle;
}
input.ornament_image {
    width: 400px    
}
#gfsp_search_icons_clear {
    margin: auto;
    display: inline-block;
    height: 30px;
    margin-left: -2px;
    box-sizing: content-box;
    vertical-align: middle;
    border-width: 1px;
    border-radius: 0 4px 4px 0;
    border-left-color: #cccccc
}

.box .gfsp_icons {
    text-align: center;
}
#field_choices li input.field-choice-text,
.field_input_choices li input.field-choice-text {
    max-width: 281px;
}
#add_gf_stylespro_choice {
    vertical-align: bottom;
    line-height: 1;
    font-size: 15px;
    height: 36px;
    height: 2.25rem;
    width: 35px;
    padding: 0;
    margin-left: 5px;
}
.gfsp_color_wrapper a.wp-color-result {
    margin-left: 6px;
}

/* Form Settings */
.gform-settings-field.disable,
.disable .has_img + label {
    opacity: .4;
    pointer-events: none;
}
.warning .fa {
    color: #ddc561;
}
#icons .warning {
    color: #737373;
    font-style: italic;
}
.warning .fa {
    padding: 4px 8px 4px 0;
    float: left;
}
.disable + .warning{
    display: none;
}
.field_setting .sp_field_icon_preview i {
    font-size: 17px;
    border-radius: 3px;
    margin-left: .5em;
    vertical-align: text-top;
}
.sp_field_icon_preview img {
    height: 19px;
    vertical-align: middle;
}

#add_gf_stylespro_choice {
    border: 1px solid #c8cdf5;
    color: #2c4f9e;
    transition: all 200ms ease-in-out;
    box-shadow: 0 2px 2px rgb(58 58 87 / 6%);
}
#add_gf_stylespro_choice:hover {
    background-color: #fbfbff;
    color: #2357ce;
    box-shadow: 0 2px 2px rgb(58 58 87 / 8%);
    border: 1px solid #a1b7e8;
}
#add_gf_stylespro_choice:active {
    border: 1px solid #3e7da6;
}

.gf_stylespro_selectors .box h4 {
    margin-bottom: 0;
    margin-left: 20px;
    margin-top: 10px;
}
.search_count {
    font-weight: normal;
}
.choices_setting .choice_with_value li input.field-choice-text,
.choices_setting .choice_with_value li input.field-choice-value {
    width: 141px !important;
}

/* Icon Previews */
.o_label, .o_text {
    display: inline-block;
}
.o_img_wr,
.o_icn_preview,
.o_label i {
    display: inline-block;
    padding-left: .2em;
    padding-right: .2em;
}

label .gfsp_label_img {
    vertical-align: middle;
    max-width: 50px;
    max-height: 50px;
}
label .o_icn_preview,
.o_label i {
     font-size: 1.5em;
}
.gfield .gfsp_icon {
    width: 1rem;
    margin-right: .5rem;
    display: inline-block;
}
fieldset.gfield .gfsp_icon {
    margin-right: 0;
}
.gform_wrapper.gravity-theme .ginput_complex .gfsp_icon {
    flex: 0 0 auto;
    padding-top: 14px;
}
.gform_wrapper.gravity-theme .ginput_complex .gfsp_icon + .ginput_full {
   flex: 1 1 80%;
   padding-left: .3em
}
.gform_wrapper.gravity-theme .gfield .has_icon input,
.gform_wrapper.gravity-theme .gfield .has_icon select {
    max-width: calc(100% - 1.8rem);
    min-width: auto;
}

/* To avoid conflicts when the super bad, terrible, very very irresponsible practice of using a completely avoidable and unwarrented !important */
.gfield i.iconset_md {
    font-family: "Material Icons" !important;
}
.gfield i.iconset_et_line {
    font-family: et-line !important;
}
.gfield i.iconset_fa {
    font-family: GFFontAwesome !important;
}
.gfield i.iconset_et {
    font-family: ElegantIcons !important;
}
.gform-settings__wrapper .themes_descriptions:before {
    display: none;
}
.gform-settings__wrapper .themes_descriptions {
    margin-top: .625rem;
    padding-left:  1.25rem;
    font-weight: normal;
    font-style: italic;
    background: #fbfbfb;
    z-index: 1;
    min-height: 32px;
}
.button.edit_theme {
    position: relative;
    float: right;
    margin: 2.2em 1em 1em;
    z-index: 2;
}
.gform-settings__wrapper .themes_descriptions > p:first-child,
.gform-settings__wrapper .themes_descriptions > p {
    margin: .7em 0;
}
.themes_descriptions > * {
    display: none;
}
.gfsp_icn_img {
    width: 1em;
    background-size: contain;
    height: 1em;
    background-position: center;
    display: inline-block;
}
.gfield.gf_invisible {
    visibility: visible;
}
.gf_stylespro_selectors label[data-warning]:hover:after {
    content: attr(data-warning);
    position: absolute;
    margin-top: 2.5em;
    margin-left: -10em;
    width: 370px;
    background: #fcfcfc;
    border: 1px solid #6dbbda;
    color: #6dbbda;
    border-radius: 5px;
    box-shadow: 0px 0px 0px 1px #6dbbda, 0 0 15px -3px rgba(0, 0, 0, 0.37);
    padding: 5px 10px;
}
.gfsp_effects_wrapper .sub_heading {
    border-bottom: 1px solid;
    display: inline-block;
    width: 85px;
}
.gf_stylespro_selectors .gfsp_effects_wrapper input.has_img + label {
    width: 58px;
    margin: 10px 7px;
}
.gf_stylespro_selectors .gfsp_effects_wrapper .has_img + label:after {
    font-size: 11px;
}
.gfsp_effects_wrapper [disabled] + label,
.gf_stylespro_selectors input[disabled].has_img + label {
    display: none;
}

/* Form Settings */
input.has_img {
    display: none;
}
.has_img + label {
    padding: 27px 8px 0;
    width: 110px;
    height: 107px;
    display: inline-block;
    text-align: center;
    background-size: contain;
    box-sizing: border-box;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: 5px;
    margin-bottom: 5px;
    transition: .5s all ease;
    position: relative;
}
.has_img.has_empty_img + label {
    border: 1px solid #989b9d;
}
.has_img:hover + label {
    box-shadow: 0 0 0 1px #37abc8, 0px 6px 22px -5px #0000003b;
}
.has_img:checked + label {
    box-shadow: 0 0px 0px 3px #1e8cbe, 0px 0px 10px #0000006b;
    color: #1e8cbe;
}
.has_img:checked + label:before {
    content: '\f058';
    font-family: "GFFontAwesome";
    line-height: 1em;
    position: absolute;
    top: -6px;
    right: -4px;
    font-size: 17px;
    color: #358ab2;
    background: white;
    border-radius: 50%;
}
[type=checkbox].has_img:checked + label:before {
    top: -2px;
    right: 4px;
}
input.has_img:checked + label:before {
    color: #358ab2;
}
.has_img.default + label {
    background-image: url(../../icons/none.png);
}
.has_img.gf_footer_left + label {
    background-image: url(../../icons/settings/footer_left.png);
}
.has_img.gf_footer_right + label {
    background-image: url(../../icons/settings/footer_right.png);
}
.has_img.gf_footer_center + label {
    background-image: url(../../icons/settings/footer_center.png);
}
.has_img.gf_footer_spread + label {
    background-image: url(../../icons/settings/footer_spread.png);
}
.has_img.gf_footer_full + label {
    background-image: url(../../icons/settings/footer_full.png);
}
.has_img.gf_footer_center_left + label {
    background-image: url(../../icons/settings/footer_center_left.png);
}
.has_img.gf_footer_center_right + label {
    background-image: url(../../icons/settings/footer_center_right.png);
}
.has_img.gf_inline_form + label {
    background-image: url(../../icons/settings/footer_inline.png);
}

/* New class for new images without borders */
.gf_stylespro_selectors .has_img + label.img_icn {
    border: 1px solid #e1e1e1;
}

input.has_img:checked + label.img_icn {
    border: none;
}

#cb_inpbut_end + label {
    float: right;
}

.dir_rtl {
    display: none;
}

[dir="rtl"] .dir_ltr {
    display: none;
}

[dir="rtl"] .dir_rtl {
    display: inline;
}

/*
    FIXME:
    Temp Fix:
    Conflict with ET Line Icons implementation
*/
.add-buttons [data-icon]:before {
    display: none;
}
