

/* BEGIN: Thickbox Modal popup styles */
#udesig-icon-fonts-select-wrapper {
    display:block;
}
#udesign-icon-font-color-picker-wrapper .wp-color-result { padding-left: 40px; }
#udesign-icon-font-color-picker-wrapper .wp-picker-holder {
    position: absolute;
    z-index: 999;
}
#udesign-icon-font-color-picker-wrapper .wp-picker-container { margin-top: 10px; }

.udesign-icon-font-button span.fa-sun-o,
.udesign-icon-font-button span.fa-check-square-o {
    color: #888;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    height: 18px;
    line-height: 1;
    margin: 0 2px 0 0;
    vertical-align: text-top;
    width: 18px;
}
.udesign-icon-font-button span.udesign-icon-fonts-btn-img {
    display: inline-block;
    margin: 0 2px 0 0;
}
.udesign-icon-font-button span.udesign-icon-fonts-btn-img img {
    padding: 0;
}

/* BEGIN: Font Size Slider Bar Styles */
#udesign-icon-font-size-wrapper {
    color: #787878;
    font-size: 1.1em;
    font-weight: bold;
    margin-right: 10px;
    width: 60px;
}
#udesign-icon-font-size-wrapper,
#udesign-icon-font-size,
#udesign-icon-font-size-slider {
    display: inline-block;
}
#udesign-icon-font-size-slider {
    width: 83%;
}
#udesign-icon-font-size-slider .ui-slider-handle { cursor: pointer; }
#udesign-icon-font-size-slider .ui-slider-handle:focus {
    outline: 0 none;
    box-shadow: none;
}
.admin-color-fresh #udesign-icon-font-size-slider .ui-state-hover, 
.admin-color-fresh #udesign-icon-font-size-slider .ui-widget-content .ui-state-hover, 
.admin-color-fresh #udesign-icon-font-size-slider .ui-widget-header .ui-state-hover, 
.admin-color-fresh #udesign-icon-font-size-slider .ui-state-focus, 
.admin-color-fresh #udesign-icon-font-size-slider .ui-widget-content .ui-state-focus, 
.admin-color-fresh #udesign-icon-font-size-slider .ui-widget-header .ui-state-focus {
    background: none repeat scroll 0 0 #2EA2CC;
    color: #2EA2CC;
    border: 1px solid #0074A2;
}
.admin-color-light #udesign-icon-font-size-slider .ui-state-hover, 
.admin-color-light #udesign-icon-font-size-slider .ui-widget-content .ui-state-hover, 
.admin-color-light #udesign-icon-font-size-slider .ui-widget-header .ui-state-hover, 
.admin-color-light #udesign-icon-font-size-slider .ui-state-focus, 
.admin-color-light #udesign-icon-font-size-slider .ui-widget-content .ui-state-focus, 
.admin-color-light #udesign-icon-font-size-slider .ui-widget-header .ui-state-focus {
    background: none repeat scroll 0 0 #04A4CC;
    color: #04A4CC;
    border: 1px solid #037C9A;
}
.admin-color-blue #udesign-icon-font-size-slider .ui-state-hover, 
.admin-color-blue #udesign-icon-font-size-slider .ui-widget-content .ui-state-hover, 
.admin-color-blue #udesign-icon-font-size-slider .ui-widget-header .ui-state-hover, 
.admin-color-blue #udesign-icon-font-size-slider .ui-state-focus, 
.admin-color-blue #udesign-icon-font-size-slider .ui-widget-content .ui-state-focus, 
.admin-color-blue #udesign-icon-font-size-slider .ui-widget-header .ui-state-focus {
    background: none repeat scroll 0 0 #E1A948;
    color: #E1A948;
    border: 1px solid #D39323;
}
.admin-color-coffee #udesign-icon-font-size-slider .ui-state-hover, 
.admin-color-coffee #udesign-icon-font-size-slider .ui-widget-content .ui-state-hover, 
.admin-color-coffee #udesign-icon-font-size-slider .ui-widget-header .ui-state-hover, 
.admin-color-coffee #udesign-icon-font-size-slider .ui-state-focus, 
.admin-color-coffee #udesign-icon-font-size-slider .ui-widget-content .ui-state-focus, 
.admin-color-coffee #udesign-icon-font-size-slider .ui-widget-header .ui-state-focus {
    background: none repeat scroll 0 0 #C7A589;
    color: #C7A589;
    border: 1px solid #B78A66;
}
.admin-color-ectoplasm #udesign-icon-font-size-slider .ui-state-hover, 
.admin-color-ectoplasm #udesign-icon-font-size-slider .ui-widget-content .ui-state-hover, 
.admin-color-ectoplasm #udesign-icon-font-size-slider .ui-widget-header .ui-state-hover, 
.admin-color-ectoplasm #udesign-icon-font-size-slider .ui-state-focus, 
.admin-color-ectoplasm #udesign-icon-font-size-slider .ui-widget-content .ui-state-focus, 
.admin-color-ectoplasm #udesign-icon-font-size-slider .ui-widget-header .ui-state-focus {
    background: none repeat scroll 0 0 #A3B745;
    color: #A3B745;
    border: 1px solid #839237;
}
.admin-color-midnight #udesign-icon-font-size-slider .ui-state-hover, 
.admin-color-midnight #udesign-icon-font-size-slider .ui-widget-content .ui-state-hover, 
.admin-color-midnight #udesign-icon-font-size-slider .ui-widget-header .ui-state-hover, 
.admin-color-midnight #udesign-icon-font-size-slider .ui-state-focus, 
.admin-color-midnight #udesign-icon-font-size-slider .ui-widget-content .ui-state-focus, 
.admin-color-midnight #udesign-icon-font-size-slider .ui-widget-header .ui-state-focus {
    background: none repeat scroll 0 0 #E14D43;
    color: #E14D43;
    border: 1px solid #D02A21;
}
.admin-color-ocean #udesign-icon-font-size-slider .ui-state-hover, 
.admin-color-ocean #udesign-icon-font-size-slider .ui-widget-content .ui-state-hover, 
.admin-color-ocean #udesign-icon-font-size-slider .ui-widget-header .ui-state-hover, 
.admin-color-ocean #udesign-icon-font-size-slider .ui-state-focus, 
.admin-color-ocean #udesign-icon-font-size-slider .ui-widget-content .ui-state-focus, 
.admin-color-ocean #udesign-icon-font-size-slider .ui-widget-header .ui-state-focus {
    background: none repeat scroll 0 0 #9EBAA0;
    color: #9EBAA0;
    border: 1px solid #80A583;
}
.admin-color-sunrise #udesign-icon-font-size-slider .ui-state-hover, 
.admin-color-sunrise #udesign-icon-font-size-slider .ui-widget-content .ui-state-hover, 
.admin-color-sunrise #udesign-icon-font-size-slider .ui-widget-header .ui-state-hover, 
.admin-color-sunrise #udesign-icon-font-size-slider .ui-state-focus, 
.admin-color-sunrise #udesign-icon-font-size-slider .ui-widget-content .ui-state-focus, 
.admin-color-sunrise #udesign-icon-font-size-slider .ui-widget-header .ui-state-focus {
    background: none repeat scroll 0 0 #DD823B;
    color: #DD823B;
    border: 1px solid #C36822;
}
/* END: Font Size Slider Bar Styles */

#udesign-preview-icon-fonts-html-wrapper {
    padding: 10px;
    text-align: center;
}
#udesign-preview-icon-font {
    background-color: #fff;
    border: 3px solid #ebebeb;
    display: table;
    margin: auto;
    padding: 10px;
}
#udesign-preview-icon-fonts-html, 
#udesign-preview-icon-fonts-shortcode {
    font-family: Consolas,Monaco,monospace;
    padding: 5px 0 26px 30px;
}

#udesign-preview-icon-fonts-container {
    display: block;
    margin: 10px 30px 20px;
}


#udesign-preview-icon-fonts-wrapper {
    display:none;
    background-color: #FBFBFB;
    margin-top: 40px;
    color: #8B8B8B;
    position: relative;
    width: 95%;
    height: auto;
    padding: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: #F2F2F2 solid 4px;
}

#udesign-preview-icon-fonts-wrapper:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 9px 35px;
    border-color: #FBFBFB transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -35px;
    left: 20px;
}

#udesign-preview-icon-fonts-wrapper:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 12px 38px;
    border-color: #F2F2F2 transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: -42px;
    left: 17px;
}

i.circle-wrap {
    border: 2px solid;
    border-radius: 50%;
    display: inline-block;
    height: 2.5em;
    line-height: 2.5em;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 2.5em;
}
i.circle-wrap:before { line-height: inherit; } /* overwrite fontello's defaults */
.fa-ul { margin-left: 0; }


#udesign-icon-font-insert-button { margin: -10px 0 15px; }
#cancel-icon-insertion { margin-left: 10px; }

#udesign-close-review-button {
    float: right;
    position: relative;
    display: none;
}
#udesign-close-review-button a {
    text-decoration: none;
}
.ud-if-close-icon:before {
    content: "";
    font: 20px/29px "dashicons";
}
.ud-if-close-icon {
    color: #E0E0E0;
    height: 29px;
    line-height: 29px;
    position: absolute;
    right: 6px;
    text-align: center;
    top: 70px;
    width: 29px;
    z-index: 9;
}

/*
 * Fixes for select2 
 */
.select2-drop { z-index: 100060; }
.select2-drop-mask { z-index: 100059; }
#s2id_udesig-icon-fonts-select { width: 60%; }

#s2id_udesig-icon-fonts-select .select2-choice > .select2-chosen > i {
    margin: 0 7px 0 3px;
}
#s2id_udesig-icon-fonts-select .select2-choice > .select2-chosen > i.fa {
    margin: 0 10px 0 6px; 
}
.select2-results i {
    margin-right: 7px;
}
.select2-results i.fa {
    margin-left: 3px;
    margin-right: 9px;
}

.select2-drop .fa-optgroup > div.select2-result-label { background-color: gray; color: #FFF; }
.select2-drop .fontello-optgroup > div.select2-result-label { background-color: gray; color: #FFF; }
.select2-drop .fontello-optgroup { background-color: #F8F8F8; }
.admin-color-fresh .select2-results .select2-highlighted { background-color: #2EA2CC; }
.admin-color-light .select2-results .select2-highlighted { background-color: #04A4CC; }
.admin-color-blue .select2-results .select2-highlighted { background-color: #E1A948; }
.admin-color-coffee .select2-results .select2-highlighted { background-color: #C7A589; }
.admin-color-ectoplasm .select2-results .select2-highlighted { background-color: #A3B745; }
.admin-color-midnight .select2-results .select2-highlighted { background-color: #E14D43; }
.admin-color-ocean .select2-results .select2-highlighted { background-color: #9EBAA0; }
.admin-color-sunrise .select2-results .select2-highlighted { background-color: #DD823B; }

.select2-container .select2-choice,
.select2-drop-active {
    border-color: #aaa #aaa;
}
.select2-container .select2-choice { margin-right: -1px; }
.select2-container .select2-choice abbr { top: 7px; }




/* remove the Visual Composer's overwrite for #TB_window z-index */
#TB_window {
  z-index: 100050 !important;
}

