File: /home/vhosts/harpoeditore.it/httpdocs/wp-content/plugins/essential-grid/admin/assets/css/admin.css
.ui-dialog-titlebar { background:#fcfcfc; border-bottom:1px solid #dfdfdf}
#eg-wrap h2.topheader { padding:0px 20px 0px 240px; background: #fff; min-height:80px; line-height:80px; white-space:nowrap}
#eg-wrap h2.topheader:before { content:" ";background:url(../images/logo.png) no-repeat; width:207px;height:80px; top:0px; position:absolute; left:20px; background-position:left center;}
#eg-live-preview-wrap .esg-container-fullscreen-forcer { width:100% !important; left:0px !important;}
/******************************
- IMPORT / EXPORT -
********************************/
#eg-grid-export-import-wrapper ul { margin-left:0px !important}
#eg-grid-export-import-wrapper ul li ul li { padding-left:33px !important}
#eg-grid-export-import-wrapper li { margin-bottom:0px;}
#eg-grid-export-import-wrapper .inside>ul>li { border:1px solid #d5d5d5; margin-bottom:5px;}
#eg-grid-export-import-wrapper .eg-li-intern-wrap { padding:10px;}
#eg-grid-export-import-wrapper .inside>ul>li>.eg-li-intern-wrap { background:#3498db; text-size:16px; color:#fff; font-weight:600;text-transform:uppercase;}
#eg-grid-export-import-wrapper ul li ul li:nth-child(even) { background:#f1f1f1 }
#eg-grid-export-import-wrapper ul input { display:none}
#eg-grid-export-import-wrapper ul input[type="radio"] { display:inline-block}
#eg-grid-export-import-wrapper ul li ul { display:none}
#eg-grid-export-import-wrapper .eg-expand-collapse { margin-right:15px; cursor: pointer;}
.eg-expand-collapse .eg-icon-folder-open { display:inline-block;}
.eg-expand-collapse .eg-icon-folder { display:none;}
.eg-expand-collapse.closed .eg-icon-folder-open { display:none;}
.eg-expand-collapse.closed .eg-icon-folder { display:inline-block;}
.eg-inputchecked { background: #fff; font-size:12px;margin-right:15px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; cursor: pointer}
.eg-inputchecked >.eg-icon-ok-squared { color:#e67e22}
.eg-inputchecked >.eg-icon-ok { color:#27ae60}
.eg-inputchecked >.eg-icon-cancel { color:#c0392b;}
.eg-inputchecked >.eg-icon-ok { display:none}
.eg-inputchecked >.eg-icon-ok-squared { display:none}
.eg-inputchecked >.eg-icon-cancel { display:inline-block}
.eg-inputchecked.checked >.eg-icon-ok-squared { display:none}
.eg-inputchecked.checked >.eg-icon-ok { display:inline-block}
.eg-inputchecked.checked >.eg-icon-cancel { display:none}
.eg-inputchecked.eg-partlychecked >.eg-icon-ok-squared { display:inline-block}
.eg-inputchecked.eg-partlychecked >.eg-icon-ok { display:none}
.eg-inputchecked.eg-partlychecked >.eg-icon-cancel { display:none}
.eg-amount-of-lis { margin-left:5px}
.eg-li-intern-wrap { cursor: pointer;}
/******************************
- ELEMENT SETTINGS -
********************************/
.button-primary { border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important}
#edit-custom-element-dialog-wrap { padding:0px 0px 15px!important; overflow-x: hidden;}
.eg-elset-row { padding:5px 15px; clear:both; margin-bottom:2px; line-height:30px;}
.eg-elset-row-highlight { background:#f1f1f1; font-weight: 600; color:#c0392b }
.eg-elset-label { width:250px; float:left;}
.eg-elset-title { font-size: 18px;background:#e1e1e1; color:#000;margin-left: -12px;margin-right: -12px;padding: 10px 10px 10px 25px;margin-bottom: 5px;}
#edit-custom-element-form .button-primary { border:none !important;}
#edit-custom-element-form input { width:300px !important; line-height: 15px !important}
.ui-sortable-placeholder.itemtoshow { background: #d5d5d5; border:2px dashed #888}
#esg-preview-skinlevel .eg-order-nr { position:absolute; bottom:0px;left:0px;width:25px;height:25px;color:#fff;text-align: center; line-height:25px; background:#34495e; font-size:12px;}
/***********************************************
- ADD NEW ITEM IN CUSTOM GRID STYLE -
**********************************************/
.eg-addnewitem-element-1 {
font-size: 16px !important;
line-height: 7px !important;
color: #ffffff !important;
font-weight: 400 !important;
text-decoration: none !important;
text-transform: none !important;
display: inline-block !important;
float: none !important;
text-align: center !important;
clear: none !important;
margin: 0px 0px 0px 0px !important;
padding: 15px 13px 15px 13px !important;
border-top-width: 2px !important;
border-right-width: 2px !important;
border-bottom-width: 2px !important;
border-left-width: 2px !important;
border-radius: 50% 50% 50% 50% !important;
border-color: #ffffff !important;
border-style: solid !important;
background-color: rgba(255, 255, 255, 0) !important;
position: relative !important;
z-index: 2 !important;
cursor: pointer;
}
.eg-addnewitem-element-2 {
font-size: 13px !important;
line-height: 20px !important;
color: #ffffff !important;
font-weight: 700 !important;
text-decoration: none !important;
text-transform: uppercase !important;
display: inline-block !important;
float: none !important;
text-align: center !important;
clear: both !important;
margin: 0px 0px 0px 0px !important;
padding: 5px 10px 5px 10px !important;
border-top-width: 0px !important;
border-right-width: 0px !important;
border-bottom-width: 0px !important;
border-left-width: 0px !important;
border-radius: 0px 0px 0px 0px !important;
border-color: transparent !important;
border-style: none !important;
background-color: rgba(0, 0, 0, 0.15) !important;
position: relative !important;
z-index: 2 !important;
}
.eg-addnewitem-element-3 {
font-size: 16px !important;
line-height: 22px !important;
color: #ffffff !important;
font-weight: 400 !important;
text-decoration: none !important;
text-transform: none !important;
display: inline-block !important;
float: none !important;
text-align: center !important;
clear: none !important;
margin: -30px 0px 0px -30px !important;
padding: 17px 17px 17px 17px !important;
border-top-width: 2px !important;
border-right-width: 2px !important;
border-bottom-width: 2px !important;
border-left-width: 2px !important;
border-radius: 60px 60px 60px 60px !important;
border-color: #ffffff !important;
border-style: solid !important;
background-color: rgba(255, 255, 255, 0) !important;
position: absolute !important;
height: auto !important;
width: auto !important;
top: 50% !important;
left: 50% !important;
z-index: 2 !important;
}
.eg-addnewitem-element-1:hover {
font-size: 16px !important;
line-height: 7px !important;
color: #2980b9 !important;
font-weight: 400 !important;
text-decoration: none !important;
text-transform: none !important;
border-top-width: 2px !important;
border-right-width: 2px !important;
border-bottom-width: 2px !important;
border-left-width: 2px !important;
border-radius: 50px 50px 50px 50px !important;
border-color: #ffffff !important;
border-style: solid !important;
background-color: rgba(255, 255, 255, 1) !important;
}
.eg-addnewitem-element-5 {
margin:0px 10px !important;
}
.eg-addnewitem-container {
background-color: rgba(41, 128, 185, 1)
}
.eg-addnewitem-content {
background-color: #d5d5d5;
padding: 0px 0px 0px 0px;
border-width: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
border-color: transparent;
border-style: none;
text-align: left;
}
li.eg-addnewitem-wrapper {
background-color: #d5d5d5;
padding: 0px 0px 0px 0px;
border-width: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
border-color: transparent;
border-style: none;
overflow: hidden;
}
/********************************************
- SKIN EDITOR META LIST SELECTOR -
********************************************/
#meta-dialog-wrap table { width:100%}
#meta-dialog-wrap table tr { cursor: pointer}
#meta-dialog-wrap table td { padding:5px 15px}
#meta-dialog-wrap table td:nth-child(1) { font-weight:600;}
#meta-dialog-wrap table tr:nth-child(odd) { background:#d5d5d5}
#meta-dialog-wrap .eg-table-title { font-size:16px; font-weight: 600; }
#meta-dialog-wrap .eg-table-title { background:#2c3e50 !important; color:#fff}
#meta-dialog-wrap table tr:hover { background:#f1c40f}
/******************************
- SKIN SELECTOR -
********************************/
#eg-selected-skins-wrapper .esg-pagination { padding:0px 0px 15px !important;}
#eg-selected-skins-wrapper .esg-filters { padding:15px 0px !important;}
#eg-selected-skins-wrapper .esg-screenselect-toolbar { position: absolute !important; cursor: pointer;}
#eg-selected-skins-wrapper .esg-screenselect-toolbar { height:25px !important}
#eg-selected-skins-wrapper .esg-layout-masonry .esg-screenselect-toolbar { position: relative !important;}
#eg-selected-skins-wrapper .eg-item-skin-overview-name { font-size:16px !important; line-height:25px !important;}
.eg-photoshop-bg { background:url(../images/trans_tile2.png) repeat !important; padding-right:15px !important;box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#eg-wrap #eg-selected-skins-wrapper input[type=radio] {
visibility: hidden;
}
#eg-wrap #eg-selected-skins-wrapper .eg-fakeinput {
color: #2C3E50;
background:#3498db;
width: 25px !important;
height: 25px !important;
border: none !important;
top:0px !important;right:-0px !important;
position:absolute;
cursor: pointer;
}
#eg-wrap #eg-selected-skins-wrapper .eg-fakeinput:before {
content:"\e80a";
font-family: "eg-font";
color:#fff;
font-size:16px;
line-height:25px;
font-weight: 600;
text-indent: 0px;
background-color:#3498db !important;
margin: 0px;
width: 25px;
height: 25px;
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
position:absolute;
text-align: center;
}
#eg-wrap #eg-selected-skins-wrapper .filter-selectedskin .eg-fakeinput:before {
content:"\e80d";
font-family: "eg-font";
color:#fff;
font-size:16px;
line-height:25px;
font-weight: 600;
text-indent: 0px;
background-color:#27AE60 !important;
margin: 0px;
width: 25px;
height: 25px;
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
position:absolute;
text-align: center;
}
#eg-wrap #eg-selected-skins-wrapper .filter-selectedskin .eg-fakeinput {
background:#27AE60 !important;
}
#eg-wrap #eg-selected-skins-wrapper .filter-selectedskin .esg-screenselect-toolbar {
background:#27AE60 !important;
}
#eg-selected-skins-wrapper .esg-filterbutton {
color: #999;
margin-right: 5px;
cursor: pointer;
padding: 0px 17px;
border: 1px solid #E5E5E5;
line-height: 38px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 12px;
font-weight: 700;
font-family: "Open Sans",sans-serif;
display: inline-block;
background: #FFF;
margin-bottom: 5px;
}
#eg-selected-skins-wrapper .esg-filterbutton.selected {
color: #999;
margin-right: 5px;
cursor: pointer;
padding: 0px 17px;
border: 1px solid #ccc;
line-height: 38px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 12px;
font-weight: 700;
font-family: "Open Sans",sans-serif;
display: inline-block;
background: #FFF;
margin-bottom: 5px;
box-shadow: 0px 4px 4px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 4px 4px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 4px 4px 2px rgba(0,0,0,0.1);
}
/**********************************
- CUSTOM META KEY STYLES -
***********************************/
.eg-custommeta-row { line-height:25px; padding:20px 15px; border-bottom:1px solid #ddd; vertical-align: middle}
.eg-custommeta-row label { width:60px !important; font-weight:600; line-height:25px !important;}
.eg-custommeta-row input,
.eg-custommeta-row select { margin-right:20px;}
.eg-custommeta-row select { width:100px !important}
.eg-custommeta-textarea { line-height:25px; height:30px; vertical-align: top;}
.eg-custommeta-save-wrap-settings, .eg-widget-area-save-wrap-settings { padding:10px 20px 9px 20px; background: #e1e1e1; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
position: relative;
}
.eg-cus-row-l { margin-bottom:5px;}
#custom-meta-dialog-wrap label,
#link-meta-dialog-wrap label { width:100px; display: inline-block}
#custom-meta-dialog-wrap input,
#link-meta-dialog-wrap input { width:150px;}
/******************************
- GOOGLE FONTS -
********************************/
#eg-grid-google-font-wrapper
.tp-googlefont-row { line-height:25px; padding:20px 15px; border-bottom:1px solid #ddd; vertical-align: middle}
.tp-googlefont-row label { width:100px !important; font-weight:600; line-height:25px !important;}
.tp-googlefont-row input,
.tp-googlefont-row select { margin-right:20px; width:400px;}
.tp-googlefont-row select { width:100px !important}
.tp-googlefont-textarea { line-height:25px; height:30px; vertical-align: top;}
.tp-googlefont-save-wrap-settings { padding:10px 20px 9px 20px; background: #e1e1e1; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
position: relative;
}
.tp-googlefont-cus-row-l { margin-bottom:5px;}
#font-dialog-wrap label { width:100px; display: inline-block}
#font-dialog-wrap input { width:320px;}
/******************************
- ACTIVATION STYLING -
********************************/
#eg-wrap .view_title {
font-size: 23px;
font-weight: 400;
color: #464646;
padding-top: 16px;
padding-right: 15px;
display: block;
line-height:50px;
}
#eg-wrap .validation-label {
float: left;
font-weight: bold;
width: 150px;
line-height: 26px;
}
#eg-wrap .validation-description {
color: #999;
font-style: italic;
margin-top: 5px;
margin-bottom: 20px;
}
#eg-wrap .validation-input { float: left; }
/******************************
- UPDATE LOGS -
********************************/
.essential-grid-revolution-update-list .version-number { font-size:18px; font-weight:600; color:#222; margin-top:40px; font-family: "Open Sans",sans;}
.essential-grid-revolution-update-list .version-number:first-child { margin-top:0px;}
.essential-grid-revolution-update-list ul { font-size:13px; font-weight:400;line-height:18px; color:#222; padding:0px 0px 0px 20px;font-family: "Open Sans",sans; }
.essential-grid-revolution-update-list li { list-style-type:disc; padding:0px;font-family: "Open Sans",sans;}
div.newfeature, div.bugfix, div.change { font-size:13px; font-weight:700; color:#222;line-height:18px;margin-top:30px;margin-bottom:10px;font-family: "Open Sans",sans;}
div.newfeature:before { content: '\f155'; font-family: "dashicons"; color:#27ae60; font-size:17px;margin-right:10px; vertical-align: middle;}
div.change:before { content: '\f463'; font-family: "dashicons"; color:#F1C40F; font-size:17px;margin-right:10px;vertical-align: middle;}
div.bugfix:before { content: '\f308'; font-family: "dashicons"; color:#E74C3C; font-size:17px;margin-right:10px;vertical-align: middle;}
.essential-grid-revolution-update-list hr { margin-top:30px;margin-bottom:30px;border:none; border-top:1px solid #e5e5e5;}
/* Fixes that are causes by other plugins */
.ui-front {
z-index: 1000 !important;
}
.form-table td, .form-table th {
padding: 5px;
vertical-align: top;
}
/*************************************
- NAVIGATION CONSTRUCTOR -
**************************************/
#eg-navigations-drag-wrap {width:395px; }
.eg-navigation-drop-wrapper { width:100%;height:35px; background:#f5f5f5;margin:5px 0px; border:1px dashed #d5d5d5; text-align: center;line-height: 35px;color: #bdc3c7;font-size: 10px;
position: relative;
}
.eg-navigation-drop-inner { width:100%;height:100%;position:absolute; top:0px;left:0px;}
.eg-navigation-drop-inner-hovered { background:rgba(0,0,0,0.2);}
#eg-navigations-sort-left,
#eg-navigations-sort-right { width: 65px;height: 40px;left: 0px;position: absolute;z-index: 10;top: 40px;line-height: 20px;padding: 5px;}
#eg-navigations-sort-right { left:auto;right:0px; }
#eg-navigations-sort-right .eg-navigation-drop-inner,
#eg-navigations-sort-left .eg-navigation-drop-inner { padding:5px 0px; box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#eg-navigations-items-bg { width:100%;height:150px; position: relative;}
#eg-navigations-sort-center {}
#eg-navigations-sort-external .eg-navigation-drop-inner {
}
#eg-navigations-sort-external .eg-navigation-drop-inner>div {
display: block !important;
padding: 0 5px !important;
line-height: 25px !important;
margin: 0 !important;
text-align: left !important;
}
.eg-filter-sc {
display: inline !important;
position: absolute;
right: 0;
font-size: 13px !important;
text-transform: none;
border-left:2px solid #f5f5f5; padding-left:10px;
width:492px;
}
.eg-filter-sc select { padding:0px; height:26px; vertical-align: baseline; }
.eg-filter-sc input { height:26px;margin-right:5px;}
.eg-filter-sc input,
.eg-filter-sc select { display:inline-block; width:158px !important; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.eg-filter-sc input.filter-shortcode-filter { width:153px !important}
.eg-navconstrctor-pi1,
.eg-navconstrctor-pi2,
.eg-navconstrctor-pi3,
.eg-navconstrctor-pi4,
.eg-navconstrctor-pi5,
.eg-navconstrctor-pi6 { width:125px;height:60px; margin:10px 10px 0px 0px ;background:#fff; float:left; }
.eg-navconstrctor-pi1 { background: url(../images/demoimage1.jpg) no-repeat center center; background-size: cover; }
.eg-navconstrctor-pi2 { background: url(../images/demoimage2.jpg) no-repeat center center; background-size: cover; }
.eg-navconstrctor-pi3 { background: url(../images/demoimage3.jpg) no-repeat center center; background-size: cover; margin-right:0px; }
.eg-navconstrctor-pi4 { background: url(../images/demoimage4.jpg) no-repeat center center; background-size: cover; }
.eg-navconstrctor-pi5 { background: url(../images/demoimage1.jpg) no-repeat center center; background-size: cover; }
.eg-navconstrctor-pi6 { background: url(../images/demoimage2.jpg) no-repeat center center; background-size: cover; margin-right:0px;}
.eg-navigation-cons { padding:5px 10px; color:#fff; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;text-transform:uppercase;
background:#3498db; line-height:36px; white-space: nowrap; font-size: 13px; z-index: 11; cursor: move;
margin:0px 5px; display: inline;
}
.eg-navigation-cons.ui-sortable-helper { padding:7px 10px;line-height:14px; z-index:300; } /* width:auto !important; height:auto !important; */
.eg-navigation-cons i { margin-right:10px;}
.eg-navigation-cons i:before { display:inline;}
.eg-navigation-cons .eg-icon-right-open,
.eg-navigation-cons .eg-icon-left-open { margin-right:0px; margin-left:0px;}
.eg-navigation-cons-left { background-color:#3498db}
.eg-navigation-cons-right { background-color:#3498db}
.eg-navigation-cons-pagination { background-color:#9b59b6}
.eg-navigation-cons-filter,
.eg-nav-cons-filter { background-color:#34495e}
.eg-navigation-cons-cart { background-color:#e74c3c}
.eg-navigation-cons-sort { background-color:#f1c40f}
.eg-navigation-cons-search-input,
.eg-navigation-cons-search-reset,
.eg-navigation-cons-search-submit { background-color:#95a5a6}
.eg-navigation-cons-outter { height:auto;margin-right:20px; width:100%; padding-right:15px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.eg-navigation-cons-wrapper { background:#f5f5f5; border:1px dashed #d5d5d5; padding:15px; width:100%; text-align: left; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.eg-navigation-cons-title { margin-bottom:20px; margin-top:25px;}
.eg-dropconfigger { cursor:pointer; position: absolute; right:5px;top:5px; background:#7f8c8d; padding:2px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;color:#ecf0f1;font-size:14px; line-height:20px;}
.eg-navigation-drop-wrapper:hover .eg-dropconfigger { display:block}
.eg-navigation-cons-wrapper .eg-navigation-cons { display:inline-block; line-height:20px; margin-bottom:5px; float: none;}
#eg-navigations-drag-wrap { margin-right:15px;}
#eg-navigation-external-description { background: #e5e5e5;margin: 5px 0px;border: 1px dashed #D5D5D5;line-height: 35px;color: #BDC3C7;font-size: 10px;position: relative;padding:0px 0px;border-bottom:none;margin-bottom:0;}
.eg-ext-nav-desc { font-size:13px; color:#666; font-weight:400; display: inline-block; background:#e5e5e5;padding:0px 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#eg-navigations-sort-external { border-top:none; margin-top:0; padding-top:5px;}
#eg-external-drag-wrap .eg-navigation-cons { float:none; clear:both;}
#eg-external-drag-wrap .eg-navigation-drop-inner .eg-navigation-cons {
display: block !important;
padding: 0px 10px !important;
line-height: 35px !important;
margin: 0 0 5px !important;
text-align: left !important;
}
#eg-external-drag-wrap #eg-navigations-sort-external { width:635px !important; height:auto !important; min-height: 275px;}
#eg-external-drag-wrap .eg-navigation-drop-inner { top:5px;}
/******************************
- CSS EDITOR DIALOG -
********************************/
#global-css-edit-dialog-wrap, #navigation-skin-css-edit-dialog-wrap {
padding: 0 !important;
}
#eg-wrap { position: relative;}
#eg-tool-panel { padding: 3px 3px 1px 3px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
position: relative;
position: fixed;
top: 130px;
right: 0px;
overflow: visible;
width: 44px;
border: 1px solid #F1F1F1;
background: #F5F5F5;
z-index: 5000;
visibility:hidden;
}
#eg-wrap #eg-tool-panel .eg-side-buttons,
#eg-wrap #eg-tool-panel a.eg-side-buttons {
position:relative;
margin: 0px 0px 2px 0px!important;
display: inline-block;
width: 150px;
height: 40px !important;
padding: 0px 9px !important;
font-size: 14px;
line-height: 40px !important;
color:#fff;
text-decoration: none !important;
cursor: pointer
}
#eg-wrap #eg-tool-panel .eg-side-buttons i {
margin: 0px 9px 0px 0px !important;
font-size: 16px;
vertical-align: middle;
line-height: 40px !important;
vertical-align: top;
}
#eg-tool-panel h3 { line-height:35px;font-weight:600; color:#333;float:left;margin:0px 20px 0px 0px;padding:0px;}
/*************************************
- CUSTOM GRID ADD BUTTUNS -
*************************************/
.esg-custom-add-item { display: table-cell;}
.esg-custom-add-item li { vertical-align:middle;margin-bottom:0px;display:block;float:left; padding: 5px 10px; ; margin-right:2px; background: #3498DB; color:#fff; cursor: pointer;}
.esg-custom-add-item li i { margin-right: 5px;}
.esg-custom-add-item li:hover { background: #34495e}
/******************************
- SPINNER -
********************************/
#eg-wrap #spinner_preview {
width:300px;height:100px;position:relative;background:#F1C40F; margin-top:15px;
}
#eg-wrap .esg-loader.esg-demo { left:50% !important;position:absolute;top:50% !important; margin-top: -20px;}
/*********************************************************
- PREVIEW GRID IN SKIN EDITOR MODIFICATIONS -
*********************************************************/
#eg-grid-even-item-skin-wrapper .esg-media-cover-wrapper { margin-top:0px;}
/******************************
- PIN IT -
********************************/
#eg-wrap .eg-pin:after {
content: "+";
position: absolute;
right: -13px;
top: 2px;
background: url(../images/pin.png);
line-height: 11px;
font-size: 14px;
color: #FFF;
z-index: 1000;
background-repeat: no-repeat;
padding: 8px 25px;
}
.eg-element-setter,
.eg-cover-setter,
.eg-group-setter { position: relative}
.eg-element-setter.eg-pin:after { left:110% !important; right:auto !important; top:0px !important}
.eg-element-setter.eg-pin.eg-tor-250:after { left:auto !important; right:-250px !important;}
/*#skin-editor-wrapper h3.box-closed { background:#999 !important;}
#skin-editor-wrapper h3.box-closed span { color:#fff !important}*/
#eg-wrap,
#eg-wrap * { outline: 1px none; -webkit-font-smoothing:antialiased; font-smoothing: antialiased;}
.divide15 { width:100%; height:15px;}
.esg-description { font-style: italic; font-size: 10px; color: #777;}
#eg-wrap { padding-right:15px;}
#eg-grid-overview-wrapper { margin-top:15px;margin-bottom:15px;}
#eg-wrap select { font-size: 14px;
}
.select_wrapper select { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0.0;
-khtml-opacity: 0.0;
opacity: 0.0;position: relative; z-index:5;
width:150px;cursor: pointer;
}
#eg-wrap .select_wrapper { position: relative; }
#eg-wrap .select_fake { width:130px; border:1px solid #ccc; padding:0px 5px; background-color:#fff; font-size:11px;position: absolute; z-index:1;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);color:#555;border-radius: 4px; background-color:#f7f7f7; font-weight: 400;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);cursor: pointer; line-height:24px; padding-left:10px; max-height: 24px; overflow: hidden;
}
#eg-wrap .select_fake span { font-size:11px !important; line-height:24px !important; margin:0 !important; padding: 0 !important;}
#eg-wrap .select_wrapper:hover .select_fake,
#eg-wrap .select_wrapper:hover .select_fake i { border-color:#999 !important}
#eg-wrap .select_fake i { position: absolute; right:0px;bottom:0px; padding:0px 5px; background:#fff; border-left:1px solid #ccc;border-radius:0px 4px 4px 0px; }
/*********************************
- ELEMENT FILTER STYLING -
**********************************/
#eg-wrap .backend-flat .esg-filters { background:rgb(235,235,235);text-align: center; border-bottom:1px solid transparent;margin-bottom:10px;}
#eg-wrap .backend-flat .esg-pagination { text-align: center;}
#eg-wrap .backend-flat .esg-filterbutton { display:inline-block; padding:15px 20px; cursor: pointer}
#eg-wrap .backend-flat .esg-sortbutton { display: inline-block}
#eg-wrap .backend-flat .esg-sortbutton span { float:left; margin-right:5px;}
#eg-wrap .backend-flat .esg-sortbutton-order { float:left;cursor: pointer;line-height: 25px;}
#eg-wrap .backend-flat .esg-sortbutton-wrapper { vertical-align: middle;line-height:10px;}
#eg-wrap .backend-flat .esg-filterbutton.selected { background:#fff; border:1px solid transparent; border-top:none; border-bottom:1px solid #fff;margin-bottom:-1px;}
#eg.wrap .backend-flat .esg-overflowtrick { margin-bottom:20px;}
@media only screen and (min-width: 0px) and (max-width: 479px) {
#eg-wrap .backend-flat .esg-sortbutton-wrapper { display:none}
}
.eg-special { position:absolute; top:10px; left:15px;}
.eg-special .skin-dz-elements { background:transparent; background:rgba(183,183,183,0.15); background-color: #000; border:none; line-height:12px; text-transform:lowercase; color:#fff; text-shadow: 0px 0px 2px rgba(0,0,0,0.5);}
.eg-special .skin-dz-elements i { font-size:14px; line-height:12px; }
.eg-postbox h3 {
background: none repeat scroll 0 0 #fff !important;
cursor: pointer !important;
height: 25px;
margin: 0;
padding: 10px;
position: relative;
font-weight: 600;
color:#2c3e50;
}
/******************************
- 3dmap -
********************************/
.eg-3dpp { position:absolute; top:0px;left:0px;
height:470px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0.0;
-khtml-opacity: 0.0;
opacity: 0.0;
}
#eg-3dpp-inner { position:absolute; top:0px;left:0px;padding:20px;background:url(../images/trans_tile2.png) repeat; width:100%;height:100%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.eg-3dmc { width:385px;height:300px; position:relative}
.eg-3dcc { width:385px; position:relative; padding:10px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.eg-3d-bg { width:100%;height:100%; left:0px; top:0px;position: absolute; background:url(../images/tp_placeholder.png); background-position: center center; background-size: cover;}
.eg-3d-cover{ width:100%;height:100%; left:0px; top:0px;position:absolute; background:rgb(52, 73, 94);background:rgba(52, 73, 94,0.6);}
.eg-3d-ccbg { background:#f1f1f1; width:100%;height:100%;left:0px; top:0px; position: absolute;}
.eg-3d-element { position:relative;}
.eg-3d-element i { border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; padding:20px; color:#34495e; background:#fff;}
.eg-3d-elements { position: relative; width:100%; text-align: center; position:absolute;top:100px;}
#eg-3d-description { position:absolute; bottom:25px; left:10px; }
#eg-3d-description span { position:absolute; top:0px;left:0px; visibility:hidden; font-size:20px; color:#000; background:#fff; padding:4px 8px; white-space: nowrap}
/******************************
- TRASH IT -
********************************/
.eg-trashdropzone,
.drop-to-stylechange { position: absolute;
right: 0px;
bottom: 0px;
border: 3px dotted #d5d5d5;
color: #d5d5d5;
padding: 17px;
font-size: 12px;
line-height: 16px;
text-align: center;
}
.drop-to-stylechange { bottom:-45px}
#cover-background-image-wrap {
border: 3px dotted #D5D5D5;
border-radius: 5px;
color: #D5D5D5;
font-size: 12px;
line-height: 16px;
padding: 15px;
position: absolute;
right: 92px;
text-align: center;
top: 140px;
}
#remove-cover-background-image-wrap {
position: absolute;
right: 20px;
top: 198px;
}
#cover-background-image-wrap { cursor:pointer;}
#remove-cover-background-image-wrap { cursor: pointer;}
.drop-to-stylereset { position: absolute;
right: 0px;
bottom: -53px;
cursor: pointer;
}
.eg-trashdropzone { top:3px; right:20px; padding:7px 7px 6px 0px; bottom:auto;}
.eg-trashdropzone i { font-size:22px;}
.eg-trashdropzone-hover { color:#999; border-color: #999; }
#eg-wrap label,
#eg-wrap p { line-height:28px;}
#eg-wrap .importantlabel { color:#e74c3c; font-weight: 800}
/******************************
- ToolBox -
********************************/
#eg-toolbox-wrapper { position: fixed;
top: 40px;
right: 15px;
z-index:300002;
}
.eg-toolbox {
padding: 20px 20px 20px 50px;
background: #333;
border: 1px solid #E5E5E5;
color: #ECF0F1;
max-width:400px;
cursor: pointer;
position:relative;
}
.eg-toolbox .eg-icon-info { color:#3498db; font-size:15px; position: absolute; top:50%;left:10px; margin-top:-13px;
border:2px solid #3498db; padding:3px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;
}
.eg-toolbox .eg-icon-cancel { color:#e74c3c; font-size:15px; position: absolute; top:50%;left:10px; margin-top:-13px;
border:2px solid #e74c3c; padding:3px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;
}
.eg-toolbox .eg-icon-ok { color:#2ecc71; font-size:15px; position: absolute; top:50%;left:10px; margin-top:-13px;
border:2px solid #2ecc71; padding:3px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;
}
/******************************
- GUIDE STEPS -
********************************/
#eg-wrap .fullwidthpostbox { width:1197px}
#eg-wrap .fullwidthpostbox2 { width:100%; max-width:1070px;}
#select-step-1 #show-custom { margin-top:15px;}
/******************************
- CUSTOM LAYOUT TYPE -
********************************/
.custom-layout-type { width:60px; height:60px; border:2px dotted #d5d5d5; background:#f5f5f5; margin-top:5px;float:left; margin-right:15px;
border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: relative; cursor: pointer;
}
.custom-layout-deko { border:2px dotted #d5d5d5; position:absolute; background:#fff;}
.clttopbottom .custom-layout-deko { width:100%; height:5px; top:27px;left:0px; border-left:none; border-right:none;}
.cltleftright .custom-layout-deko { height:100%; width:5px; left:27px;top:0px; border-top:none; border-bottom:none;}
.cltcenter .custom-layout-deko { height:50%; width:50%; left:24%;top:24%; }
.custom-layout-type.cltcenter { margin-right:0px;}
.custom-layout-type:hover { background:#e5e5e5; border-color:#d1d1d1}
.custom-layout-type i { font-size:30px; position:absolute; top:50%; left:50%; margin-top: -15px; margin-left: -20px;}
.custom-layout-type i.clt-shown { color:#2ecc71; display:none;}
.custom-layout-type i.clt-cancelled { color:#e74c3c; display:none;}
/******************************
- BACKEND STYLING -
********************************/
#eg-wrap .eg-postbox h3 span { font-size:14px; padding-left:7px;}
/*CONTENT FIELDS */
#eg-wrap textarea,
#eg-wrap input[type=text],
#eg-wrap input[type=password],
#eg-wrap input[type=email],
#eg-wrap input[type=number],
#eg-wrap input[type=search],
#eg-wrap input[type=tel],
#eg-wrap input[type=url],
#eg-wrap .titlewrap input, select { border-color: #DDD;
box-shadow: none !important;
border-radius: 4px;
border: 1px solid #DDD;
}
#eg-wrap input[type=text]#pages { width:152px; margin-top:0px;}
#eg-wrap #pages-wrap { margin:15px 0px;}
#eg-wrap #pages-wrap div {
padding: 5px 5px;
background: #EFEFEF;
margin-bottom:2px;
}
#eg-wrap .wp-picker-container { line-height:27px;}
#eg-wrap .wp-color-result { margin-bottom:0px;}
#eg-wrap .input-settings-small { margin-left:15px;}
#eg-wrap input[type=radio] { margin-left:15px;}
#eg-wrap .input-settings-small.firstinput,
#eg-wrap input[type=radio].firstinput { margin-left:0px}
#eg-wrap input.instagram-type-source { margin-left:15px }
#eg-wrap input.instagram-type-source.firstinput { margin-left:0 }
#eg-wrap input[type=radio] {
opacity: 1;
filter: alpha(opacity=100);
color: #2c3e50;
border:2px solid #2c3e50;
width:14px !important;
height:14px !important;
max-width:14px !important;
min-width: 0px !important;
}
#eg-wrap input[type=radio]:checked:before {
background-color: #2c3e50;
margin:2px;
width:6px;
height:6px;
}
#eg-wrap .eg-item-skin-overview-name{
color: #FFFFFF;
display: inline-block;
font-size: 17px;
line-height: 30px;
margin-left: 8px;
max-height: 24px;
width: 100%;
overflow: hidden;
}
/* BASIC LINEHEIGHT AND CHECKBOX LINEHEIGHTS */
#eg-wrap p,
#eg-wrap .wp_attachment_details label[for=content] ,
#eg-wrap .postbox .inside,
#eg-wrap .stuffbox .inside{ font-size: 13px;
}
#eg-wrap td>input[type=checkbox],
#eg-wrap p input[type=checkbox], #eg-wrap p input[type=radio] {
margin-top: -2px;
}
#eg-wrap .wp-picker-holder {
position: absolute;
z-index: 100;
}
/* SLIDER STYLING */
#eg-wrap .ui-slider-horizontal {
height: 5px;
border:none;
background:#bdc3c7;
vertical-align: middle;
}
#eg-wrap .slider-settings .ui-slider-handle{
background: #fff;
border:2px solid #2c3e50 !important;
border-radius: 50%;
cursor: pointer;
/*position: absolute;*/
z-index: 2;
text-decoration: none !important;
border: 0 none;
outline: 1px none;
cursor: pointer !important;
}
#eg-wrap .ui-slider-horizontal .ui-slider-handle {
top: -4px;
margin-left: -5px;
}
#eg-wrap .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 10px;
height: 10px;
}
#eg-wrap .iris-slider .ui-slider-handle { width:100%; height:10px; margin-bottom:-7px;}
#eg-wrap .eg-pre-slider {
display: block;
position: absolute;
z-index: 1;
background-color:#2c3e50;
top:0;
left:0;
height:100%;
border-radius: 4px;
}
#eg-wrap .image-holder-wrap-div {
height: auto;
max-height: 400px;
max-width: 400px;
width: auto;
}
/****************************
* Custom Button Styles
****************************/
#eg-wrap .button-primary,
#button_upload_plugin { border:none !important; text-shadow: none !important; border: none !important; outline: none !important;box-shadow: none !important;
line-height: 26px !important; height: 27px !important; margin:2px 3px 2px 0px!important;color:#fff !important;
background:transparent !important;
}
#eg-wrap .button-primary.button-fixed
{ height: auto !important;}
.multiple_text_add { text-decoration: none !important}
.egwithhover,
.egwithhover:link,
.egwithhover:visited { color:#27ae60; font-size:13px; text-decoration: none !important;}
.egwithhover:hover { color:#2ecc71; }
#remove_multiple_text,
.redicon.withhover { color:#e74c3c !important;width: 20px;height: 10px;position: absolute;right: -15px;top: 5px;font-size: 12px;}
#remove_multiple_text:hover,
.redicon.withhover:hover { color:#c0392b !important}
#eg-wrap .revblue,
#eg-wrap .revblue.button-disabled,
.revblue,
.revblue.button-disabled { background:#3498db !important}
#eg-wrap .revblue:hover,
.revblue:hover { background:#2c3e50 !important}
.revbluedark,
.revbluedark.button-disabled,
#eg-wrap .revbluedark,
#eg-wrap .revbluedark.button-disabled { background:#34495e !important}
#eg-wrap .revbluedark:hover,
.revbluedark:hover { background:#2c3e50 !important}
#button_upload_plugin.revgreen,
#eg-wrap .revgreen,
.revgreen { background:#27ae60 !important}
#button_upload_plugin.revgreen:hover,
.revgreen:hover,
.revgreen.ui-state-active,
#eg-wrap .revgreen:hover,
#eg-wrap .revgreen.ui-state-active { background:#2ecc71 !important}
.revred,
.revred.button-disabled,
#eg-wrap .revred,
#eg-wrap .revred.button-disabled { background: #e74c3c !important}
.revred:hover,
#eg-wrap .revred:hover { background: #c0392b !important}
#eg-wrap .revyellow,
#eg-wrap .revyellow.button-disabled { background: #f1c40f !important}
#eg-wrap .revyellow:hover { background: #f39c12 !important}
.revgray,
#eg-wrap .revgray { background: #95a5a6 !important}
.revgray:hover,
#eg-wrap .revgray:hover { background: #7f8c8d !important}
.revdarkblue,
#eg-wrap .revdarkblue { background: #34495e !important}
.revdarkblue:hover,
#eg-wrap .revdarkblue:hover { background: #2c3e50 !important}
.revcarrot,
.revcarrot.button-disabled,
#eg-wrap .revcarrot,
#eg-wrap .revcarrot.button-disabled { background: #e67e22 !important}
.revcarrot:hover,
#eg-wrap .revcarrot:hover { background: #d35400 !important}
#button_upload_plugin.revpurple,
#eg-wrap .revpurple,
.revpurple { background:#9b59b6 !important}
#button_upload_plugin.revpurple:hover,
.revpurple:hover,
.revpurple.ui-state-active,
#eg-wrap .revpurple:hover,
#eg-wrap .revpurple.ui-state-active { background:#8e44ad !important}
.eg-alert {
border-color: #C00 !important;
}
.eg-overview-button {
color: #FFFFFF;
display: inline-block;
font-size: 18px;
height: 30px;
line-height: 28px;
text-align: center;
width: 30px;
position: absolute;
top:0px;
}
.eg-ov-1 { right:90px; }
.eg-ov-2 { right:60px; }
.eg-ov-3 { right:30px; }
.eg-ov-4 { right:0px; }
.eg-ov-10 { left:0px; }
.eg-ov-11 { left:30px; }
.eg-ov-12 { left:60px; }
.eg-ov-13 { left:90px; }
.eg-overview-button:hover, .eg-overview-button:visited{
color: #FFF;
}
.font_headline {
display: block;
clear: both;
padding-top: 10px;
padding-bottom: 10px;
}
.eg-icon-chooser,
#dialog-eg-fakeicon-in,
#dialog-eg-fakeicon-out,
#eg-preview-icon {
padding: 8px;
float: left;
font-size: 14px;
border: 1px solid #F1F1F1;
cursor:pointer;
background:#fff;
position:relative;
}
#dialog-eg-fakeicon-in,
#dialog-eg-fakeicon-out { font-size:32px;position:absolute;visibility:hidden; position:absolute; z-index:1000; padding:10px 5px;}
.eg-transbackground { background:url(../images/trans_tile2.png) repeat !important; }
.eg-transbackground .esg-pagination { background:#EBEBEB}
#eg-preview-icon { width:30px;height:30px; padding:8px; line-height:30px; text-align: center; vertical-align: middle; background:url(../images/trans_tile2.png) repeat;}
#eg-source-icon-wrap { display:inline-block; }
.et-add-new-icon { font-size:22px; color:#d1d1d1; padding:10px;cursor:pointer; line-height:40px;}
.et-add-new-icon:hover { color:#555}
.eg-additional-parameters { width: 625px; }
#nextgen-tags {resize: vertical;}
/***************************************
- LAYER SETTINGS VERTICAL MENU -
***************************************/
.eg-lc-menu-wrapper { position: relative}
.eg-lc-vertical-menu { width:100%; height:52px; }
.eg-lc-vertical-menu ul { height:52px; padding:0px !important; margin:0 !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
background:#e1e1e1;border-right:1px solid transparent !important;
}
.eg-lc-vertical-menu li { float:left !important; margin-bottom:0px;
height:52px; cursor: pointer; background:transparent !important;
border:none !important;
padding:15px 13px !important; box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.eg-lc-vertical-menu i { float:left;font-size:13px; line-height:25px; color: #999; margin-right:5px; position: relative; }
.eg-lc-vertical-menu li p { float:left;font-size:12px !important; line-height:15px !important; font-weight:400; color: #999; margin-top:5px !important }
.eg-lc-vertical-menu li.selected-lc-setting { background:#fff !important; color:#2c3e50 !important;border-radius: 0 !important; -webkit-border-radius: 0 !important;
border:1px solid transparent !important; border-left:none !important; border-right:none !important;
}
.eg-lc-vertical-menu li:nth-child(3).selected-lc-setting { background:rgb(235,235,235) !important; border-bottom-color: rgb(235,235,235) !important}
.eg-lc-vertical-menu li:hover,
.eg-lc-vertical-menu li:hover *,
.eg-lc-vertical-menu li.selected-lc-setting *,
.selected-lc-menu,
.selected-lc-menu * { color:#2c3e50 !important; }
.esg-lc-settings-container { position:absolute; height:335px; width:100%; top:65px;left:0px;visibility:hidden; padding-left:20px; padding-top:5px;
}
.esg-lc-settings-container.active-esc { visibility:visible}
/******************************
- HORIZONTAL TABS -
********************************/
#settings-dz-elements-wrapper .ui-tabs-nav { width:100% !important;position: relative; background:rgb(225,225,225);height:50px; border-bottom:1px solid transparent;}
#settings-dz-elements-wrapper .ui-tabs-nav li { background:transparent; vertical-align: middle; margin:0 !important; padding:0 !important;}
#settings-dz-elements-wrapper .ui-tabs-nav li a { margin:0 !important;padding:15px !important; line-height:50px !important; font-size:12px !important;font-weight:400;}
#settings-dz-elements-wrapper .ui-tabs-nav li i { font-size:13px !important;}
#settings-dz-elements-wrapper .ui-tabs-nav li.ui-state-active { background:#fff; color:#2c3e50 !important;border:1px solid transparent; border-top:none !important; border-bottom: 1px solid #fff !important; margin-bottom:-1px;}
#settings-dz-elements-wrapper .ui-tabs-nav li.ui-state-active a,
#settings-dz-elements-wrapper .ui-tabs-nav li a:hover { color:#2c3e50 !important}
#settings-dz-elements-wrapper .ui-tabs-nav li:first-child { border-left:none !important}
#settings-dz-elements-wrapper .ui-tabs-nav li:last-child { border-rigth:none !important}
#settings-dz-elements-wrapper .ui-tabs-nav li:nth-child(2).ui-state-active { background:rgb(235,235,235); border-bottom-color: rgb(235,235,235) !important}
#eg-styling-idle-hover-tab .eg-submenu { margin:0; padding:10px 0px 0px 65px; width:100%;background:rgb(235,235,235);border-bottom:1px solid transparent;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#eg-lc-spaces .eg-submenu { margin:0; padding:10px 0px 0px 0px; width:100%;background:rgb(235,235,235);border-bottom:1px solid transparent;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.eg-submenu li { padding:0px 10px; margin:0px; line-height:25px; cursor: pointer;}
li.selected-submenu-setting { background-color:#fff; border:1px solid transparent; border-bottom:1px solid #fff;margin-bottom:-1px;}
#eg-style-hover { display:none}
#eg-style-idle,
#eg-style-hover { position: relative;}
/******************************
- SMALL VERTICAL MENU -
********************************/
.eg-small-vertical-menu { width:65px; height:360px;}
.eg-small-vertical-menu ul { height:100%;padding:0px !important; margin:0 !important;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
background:rgb(235,235,235);border-right:1px solid transparent !important;
}
.eg-small-vertical-menu i { font-size:15px; line-height:20px; color: #999; margin-right:0px; margin-top:3px; }
.eg-small-vertical-menu li { float:none !important; margin-bottom:0px;
line-height:15px; height:60px; padding:15px 0px !important;cursor: pointer; background:transparent !important;
border:none !important;
text-align: center;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
.eg-small-vertical-menu li p { font-size:10px !important; line-height:10px !important; margin:0px !important; padding:5px 0px 15px 0px !important; text-align: center; font-weight:600; color: #999; }
.eg-small-vertical-menu li.selected-el-setting { background:#fff !important; color:#2c3e50 !important;border-radius: 0 !important; -webkit-border-radius: 0 !important;
border:1px solid transparent !important; border-left:none !important; border-right:none !important;margin-right:-1px;
}
.eg-small-vertical-menu li:first-child { border-top:none !important}
.eg-small-vertical-menu li.selected-el-setting *,
.eg-small-vertical-menu li:hover,
.eg-small-vertical-menu li:hover *,
.selected-small-menu,
.selected-small-menu * { color:#2c3e50 !important; }
.esg-el-settings-container { position:absolute;left:95px; top:15px; height:340px;visibility:hidden; width:475px; }
.esg-el-settings-container.active-esc { visibility:visible}
#eg-element-style { padding:0px !important;}
.eg-delete-wrapper { margin-top:0px !important;border-top:1px solid transparent;padding:15px 15px 0px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
/****************************
* Box Styles
****************************/
.divider1 { height:1px; width:100%;}
.divider2 { height:2px; width:100%;}
.divider5 { height:5px; width:100%;}
#eg-dz-hover-wrap .skin-dz-elements.eg-special-element { font-size:10px; width:100% !important;height:9px !important;content:"" !important; line-height:5px !important;padding:0px !important;margin:2px 0px -1px!important;background:url(../images/eg_linebreak.png) !important; background-position:center center !important;}
#eg-dz-hover-wrap .skin-dz-elements.eg-special-blank-element { font-size:10px; width:100% !important;height:28px !important;content:"" !important; line-height:28px !important;padding:0px !important;margin:2px 0px -1px!important;background:url(../images/eg_blankhtml.png) !important; background-repeat: no-repeat !important; background-position:center center !important;}
#skin-dz-c-wrap .skin-dz-elements.ui-draggable,
#skin-dz-tl-wrap .skin-dz-elements.ui-draggable,
#skin-dz-br-wrap .skin-dz-elements.ui-draggable { display:none !important}
#eg-dz-hover-wrap .skin-dz-elements.selected:after { position: absolute;
top: -6px;
left: -10px;
font-family: 'eg-font';
content: "\e86c";
background-color: #8E44AD !important;
color: #FFF;
width: 16px;
height: 16px;
font-size: 9px !important;
line-height: 16px !important;
color: #FFF !important;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
text-align: center;
}
#esg-settings-actions { padding:0px 23px 10px; padding-left:70px;width:100%; max-width:1170px;min-width:755px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
#esg-settings-actions .postbox { border-top:1px solid #fff;}
#esg-settings-actions .inside { margin:11px 0px 0px; }
#eg-create-settings-wrap select { min-width:185px}
#eg-create-settings-menu { width:100%; }
#eg-create-settings-menu ul { padding:0px 0px 0px 150px; background:#e1e1e1;margin:0px; position: relative; z-index:98; width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#eg-create-settings-menu i { font-size:16px; line-height:42px; color: #999; margin-right:0px; float:left; margin-right:5px;}
#eg-create-settings-menu li { float:left;
line-height:30px; cursor: pointer;
text-align: center;margin-bottom:0px;
padding:7px 10px;vertical-align: middle;line-height:40px;
}
#eg-create-settings-menu li p { float:left; font-size:13px; line-height:16px; font-weight:400; color: #999; white-space: nowrap }
#eg-create-settings-menu li.selected-esg-setting { background:#fff; margin-left:0px;
z-index: 20;position: relative;
}
#eg-create-settings-menu li:last-child { clear:right;}
#eg-create-settings-menu li:hover,
#eg-create-settings-menu li:hover *,
.selected-esg-setting,
.selected-esg-setting * { color:#2c3e50 !important; }
.esg-settings-container { position:relative; width:100%;z-index:50;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
display:none;
background-color:#e1e1e1;
padding:0px 0px;
}
.esg-settings-container hr { margin:15px 0px; border:none; border-top:1px solid #f1f1f1;}
.esg-settings-container.active-esc { display:block}
.esg-settings-container h3 { font-size:14px !important; font-wegith:400 !important; line-height:20px !important;height:auto !important; background:#e1e1e1 !important; padding:15px 20px !important;margin:0px !important; border:none !important;
}
.esg-settings-container h3 span { padding:0px !important; float:none !important;}
.eg-creative-settings { padding:0px !important; margin:0px !important; display: table;}
.eg-cs-tbc { display:table-cell; margin:0px !important; padding:0px 0px 0px 15px;vertical-align: top;width:100%; background:#fff;}
.eg-cs-tbc-left { display:table-cell; vertical-align: top; min-width:150px; background: #e1e1e1}
.eg-cs-tbc-left h3 { background:#d5d5d5 !important;}
.eg-cs-tbc-left h3 span { color:#000 !important}
.esg-settings-container label { min-width:170px; float:left;}
.save-wrap-settings { visibility:hidden;padding:3px 3px 1px 3px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
position: relative;position:fixed; top:130px;right:0px;overflow:visible;
width:44px; border: 1px solid #F1F1F1;background: #F5F5F5;z-index: 5000;
}
.sws-toolbar-button { width:200px;position:relative;display: block; margin-bottom:2px; }
#eg-wrap .sws-toolbar-button a.button-primary { margin:0px !important; display:inline-block; width:100%;height:40px !important;
padding:0px 9px !important; font-size:14px;line-height: 40px !important;
}
#eg-wrap .sws-toolbar-button i { margin:0px 9px 0px 0px !important; font-size:16px; vertical-align: middle; line-height:40px !important; vertical-align: top;}
.save-wrap-settings-skin { padding:10px 20px 9px 20px; background: #e1e1e1; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
position: relative;
}
#eg-create-settings-wrap .slider-settings { width:50%}
#eg-create-settings-wrap p,
#eg-create-settings-wrap .wp_attachment_details label[for=content] { font-size:13px;}
.eg-postbox {
background: none repeat scroll 0 0 #fff;
}
.rs-icon-save-light {
background-image: url(../images/toolbar/icon-save-light.png);
background-size: 16px 16px;
min-width: 16px;
}
.eg-postbox h3.h3-eg-nodecor { background:none !important; background-color:transparent !important; border:none;}
#eg-wrap .postbox,
#eg-wrap .stuffbox {
margin-bottom:15px;
}
.eg-postbox h3 span {
color:#2c3e50;
display: block;
float: left;
line-height: 18px;
max-width: 450px;
padding-left: 5px;
padding-top: 5px;
}
.eg-postbox th {
background: none repeat scroll 0 0 #fff !important;
}
.eg-postbox tr {
height: 50px;
line-height: 23px;
}
.eg-postbox td {
vertical-align: middle !important;
}
.eg-postbox h3.box-closed .postbox-arrow {
background-position: right -66px;
}
.eg-postbox h3 .postbox-arrow {
background-image: url("../images/wp-arrows.png");
background-position: right 5px;
background-repeat: no-repeat;
float: right;
height: 25px;
margin-right: 4px;
width: 25px;
}
.eg-postbox label {
display: inline-block;
width: 150px;
}
/****************************
* Custom Dialog Styles
****************************/
.essential-dialog-wrap {
padding: 10px !important;
}
#global-settings-dialog-wrap.essential-dialog-wrap { padding:20px 30px !important; }
#global-settings-dialog-wrap { padding:20px 30px !important; background: #fff; }
#global-settings-dialog-wrap label { min-width:350px; font-weight:600; font-size:14px; display: inline-block; height:30px; line-height: 30px;}
#global-settings-dialog-wrap .button-primary { text-shadow: none !important;
border: none !important;
outline: none !important;
box-shadow: none !important;
line-height: 26px !important;
height: 27px !important;
margin: 2px 3px 2px 0px!important;
color: #FFF !important;}
#global-settings-dialog-wrap .esg-global-setting { margin-bottom:20px; border-bottom:1px dashed #ddd; padding-bottom:20px; display:table;width:100%;}
#global-settings-dialog-wrap .esg-global-setting.last-egs { padding-bottom: 0px; border-bottom: none; margin-bottom: 0px}
#global-settings-dialog-wrap .esg-gs-tc { display:table-cell; vertical-align: top}
#global-settings-dialog-wrap .esg-gs-tc:first-child { width:350px;}
#global-settings-dialog-wrap .esg-gs-tc:nth-child(2) { width:250px;}
#global-settings-dialog-wrap i { display:block;font-size:11px;line-height:14px;color:#aaa; }
#global-settings-dialog-wrap #ess-grid-delete-cache { display: inline-block; vertical-align: top; margin-left:10px !important;}
/****************************
* Custom Slider Styles
****************************/
.slider-settings {
display: inline-block;
width: 170px;
position: relative;
}
.slider-settings.eg-slider-small {
width: 44px;
}
.slider-settings.shortform { width:100px;}
/****************************
* General Styles
****************************/
.input-settings-small {
width: 50px;
}
.padding-10 {
padding: 10px;
}
.padding-15-nt {
padding: 0px 15px;
margin: 0px !important;
}
.del-page-entry {
cursor: pointer;
}
.columns-width, .columns-height {
display: none;
}
/****************************
* Grid Position Editor
****************************/
#eg-grid-editor-wrap{
}
#skin-dz-wrapper, #skin-dz-video-wrapper, #skin-dz-music-wrapper
{
background:transparent;
height: 400px;
width: 400px;
border:none;
margin-right: 20px;
position: relative;
display: block;
/* overflow: hidden;*/
}
#skin-dz-wrapper {
margin-right: 0;
z-index:20;
}
#skin-dz-m-wrap { z-index: 10;}
#skin-dz-media-bg { background:url(../images/tp_placeholder.png); background-position: center center; background-size: cover; width:100%;height:100%;top:0px;left:0px;position: absolute;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.eg-ul-tabs,
#eg-dz-selector { padding:0; border:none;}
#eg-element-settings-wrap { width:480px;}
.eg-ul-tabs ul li,
#eg-dz-selector ul li { float:left; margin-right:0px; padding: 7px 12px; }
.eg-ul-tabs ul li a,
#eg-dz-selector ul li a { color:#999;}
.eg-ul-tabs ul li a,
#eg-dz-selector ul li a { text-decoration: none !important}
#eg-dz-hover-wrap { overflow: visible;}
.eg-ul-tabs .ui-tabs-panel,
#eg-dz-hover-wrap,
#eg-dz-video-wrap,
#eg-dz-music-wrap { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; padding:15px;}
#eg-dz-hover-wrap,
#eg-dz-video-wrap,
#eg-dz-music-wrap { padding:0px}
#eg-dz-selector { width: 400px; }
.dropzonetext { position: absolute; top:3%;left:3%; width:94%;height:94%;
text-align: center; vertical-align: middle;
border:2px dashed #27ae60;
z-index:0;
background:rgb(39,174,96);
background:rgba(39,174,96,0.15);
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#skin-dz-m-wrap .dropzonetext { z-index:1}
.dropzoneinner { font-size:12px; color:#27ae60; position: absolute; top:50%;left:50%; margin-top:-6px; margin-left:-40px;}
#eg-dz-hover-wrap {
display: block;
position: relative;
margin-right:0px;
}
#skin-dz-m-wrap { width:100%; position:relative; height:auto;min-height:40px; display:none;}
#skin-dz-m { width: 100%;
height: 100%;
display: block;
padding: 0px;
min-height: 40px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
position: relative;
}
#eg-dz-selector {
display: inline-block;
float: left;
}
.draggable {
background-color: transparent;
border: 1px dotted #555555;
display: inline-block;
padding: 15px;
width: 100%;
}
.skin-dz {
background-color: transparent;
padding: 5px;
position: absolute;
height: auto;
}
#skin-dz-c, #skin-dz-vc, #skin-dz-mc {
display: inline-block;
height: auto;
min-height: 50px;
width: 100%;
z-index: 1;
position: relative;
}
#skin-dz-video-c, #skin-dz-music-c {
display: block;
height: auto;
min-height: 50px;
width: 100%;
}
.skin-dz-elements {
background-color: transparent;
border: 1px dotted #d5d5d5;
cursor: move;
display: inline-block;
font-size: 12px;
margin: 2px;
padding: 5px;
text-align: center;
z-index: 10;
position: relative;
color:#444;
}
/******************************
- Element Animation Preview -
********************************/
#eg-preview-stop-item-skin { display: none}
#eg-elements-container-grid .esg-entry-content { padding:0 !important; line-height: normal !important;
box-shadow: none; -webkit-box-shadow:none; -moz-box-shadow:none;
text-align: center;display: block !important;
}
#eg-elements-container-grid li { overflow: hidden !important}
#eg-elements-container-grid li,
#eg-elements-container-grid .esg-entry-content { background: transparent !important; }
#eg-elements-container-grid ul { }
.eg-element-cover { width:100%;height:100%;position:absolute; top:0px; left:0px;}
.eg-editor-inside-wrapper { position: relative; background:url(../images/trans_tile2.png) repeat; }
#settings-dz-wrapper.eg-draggable { position: absolute !important; width:460px;}
#settings-dz-wrapper.eg-draggable { z-index:10000; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 10px 2px;-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 10px 2px;}
#settings-dz-wrapper.eg-draggable .postbox { margin-bottom:0px}
.eg-draggable h3 { cursor:move !important;}
.eg-draggable .dragme { z-index:1000; width:100%;height:100%;top:0px;left:0px; cursor:move !important; background:#ff0000;}
.eg-draggable .dragme i { position: absolute; right:5px; top:10px; color:#999;}
#eg-element-text .skin-dz-elements { margin:0px 5px 5px 0px!important; display:inline-block !important; }
.skin-dz-elements.ui-draggable-dragging {
display: inline-block;
}
.skin-dz-elements.ui-draggable-dragging,
.skin-dz-elements.selected {
z-index:100;
position: relative;
}
.skin-dz-elements.floated {
float: left;
}
.skin-dz-elements.ui-sortable-helper,
.eg-state-highlight {
display: inline-block;height:auto !important; width:auto !important;
background:#f1c40f;
}
.eg-state-highlight { z-index:1000; position:relative;}
#skin-dz-wrapper .skin-dz-elements, #skin-dz-video-wrapper .skin-dz-elements, #skin-dz-music-wrapper .skin-dz-elements {
cursor: pointer;
/*display: block;
line-height: 120%;
position: relative;*/
z-index :10;
}
#element-toolbar {
display: none;
border: 1px dotted #000;
background-color: #FFF;
padding: 5px;
position: absolute;
}
#settings-dz-wrapper {
/* border: 1px solid #d5d5d5;*/
display: none;
float: left;
height: auto;
/* padding: 15px;*/
width: auto;
height:auto;
min-width:625px;
}
#settings-dz-wrapper-temp {
display: none;
}
#eg-google-font-input-wrapper{
max-height: 300px;
overflow-y: scroll;
width: 100%;
text-align: center;
}
/******************************
- esg ITEM CONTENT -
********************************/
/*.esg-layout-even .esg-entry-cover { box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
width:auto;height:auto;position:absolute;top:0px;left:0px;
}
.eec { display:block; width:auto; height:auto;position:absolute !important; }
*/
#eg-dz-padding-wrapper { position: relative; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; padding:15px;}
/* TOP CONTAINERS */
#eg-it-layout-wrap .eec { min-height:30% }
.eec.eg-filled-container,
#skin-dz-m-wrap.eg-filled-container { min-height:0px}
/* HIDER COVER TILL NO CONTENT INSIDE */
.eec.eg-filled-container .dropzonetext,
#skin-dz-m-wrap.eg-filled-container .dropzonetext { display:none}
#eg-it-layout-wrap .eec .eg-element-cover { display:none;}
#eg-it-layout-wrap .eec .eg-element-cover { display:none;}
/* SHOW COVER IF CONTENT INSDIE */
#eg-it-layout-wrap .eec.eg-filled-container .eg-element-cover { display: block}
/* IF FULL LAYOUT (NOT CONTENT BASED) CENTER COVER MUST BE SHONW */
#eg-dz-hover-wrap.eg-full-layout .esg-cc .eg-element-cover { display: block !important}
.esg-cc { top:0px;left:0px; width:100%;z-index:0}
.esg-tc { top:0px; left:0px; width:100%;z-index:2}
.esg-bc { bottom:0px;left:0px; width:100%;z-index:2}
.esg-rc { top:0px;right:0px; height:100%;z-index:2;width:auto;bottom:auto;right:auto;}
.esg-lc { top:0px;left:0px; height:100%;z-index:2;width:auto;bottom:auto;right:auto;}
#eg-element-centerme-c,
.esg-lc #eg-element-centerme-l,
.esg-rc #eg-element-centerme-r { position:absolute;top:0px;left:0px;width:100%;height:auto;}
#skin-dz-br,
#skin-dz-tl { width:100%; height:100%;position: absolute;}
#skin-dz-tl { top:0px;}
#skin-dz-br { bottom:0px;}
.eg-filled-container #skin-dz-br,
.eg-filled-container #skin-dz-tl { height:auto}
#skin-dz-c-wrap { width:100%; height:100%;z-index:1;}
#skin-dz-tl-wrap { width:100%; z-index:2;}
#skin-dz-br-wrap { width:100%; z-index:2;}
.esg-lc#skin-dz-tl-wrap { height:100%; width:auto;min-width:20px;z-index:2;}
.esg-rc#skin-dz-br-wrap { height:100%; width:auto;min-width:20px;z-index:2;}
#skin-dz-c-wrap,
#skin-dz-tl-wrap,
#skin-dz-br-wrap,
#skin-dz-m-wrap { line-height: 1;font-size:inherit}
/****************************
* Fix Broken WP Styles
****************************/
.iris-slider div {
background: transparent !important;
border: none !important;
bottom: 6px !important;
height: auto !important;
top: 5px !important;
width: auto !important;
}
.media-modal {
z-index: 300003;
}
/**********************************
- GROUP ANIMATION WARNING -
********************************/
#groupanimwarning { float:left;display:none;line-height:30px;font-size:11px; color:#e74c3c}
/*****************************************
- ADVANCED COLUMNS AND ROWS -
*****************************************/
#eg-wrap .button-primary#eg-add-column-advanced { margin-left:10px !important;}
#eg-remove-column-advanced { padding:0px 12px 1px !important}
/******************************
- MEDIA SOURCE ORDER -
********************************/
.eg-media-source-order-wrap { padding:20px 0px; min-width:200px; max-width: 300px; border:1px dashed #ddd; background: #F5F5F5; padding: 15px; }
.eg-media-source-order { display: block !important; position: relative}
.eg-media-source-order.notavailable { opacity:0.25; pointer-events: none;}
.eg-media-source-order.notavailable input { display:none !important; }
.eg-get-val.eg-filter-input { float: none !important;
position: absolute;
right: 0px;
top: 0px;
border: 6px solid #3498DB !important;
width: 26px !important;
height: 27px !important;
margin: 0 !important;
box-shadow: none !important;
}
.postbox.eg-postbox { border:none}
#eg-post-cat-wrap select[name="post_category"] { padding:2px 10px 2px 2px; resize: both;}
#media-source-sizes .eg-creative-settings label { min-width: 180px; }
/******************************
- IMPORT EXPORT PART -
********************************/
#eg-grid-export-import-wrapper ul li ul{
margin-left: 20px;
}
/******************************
- CodeMirror Styling -
********************************/
.eg-codemirror-border .CodeMirror{
border: 1px solid #DDD;
}
/****************************************
- PAGINATION FOR ESS GRID -
****************************************/
.ess-pagination-wrap { float:right; }
.ess-pagination-wrap .tablenav { line-height:27px; margin:0px;}
.ess-pagination-wrap .tablenav-pages { margin:0px !important;}
.ess-pagination-wrap .tablenav-pages a { color:#fff; background:#3498DB !important; padding: 2px 10px 3px;}
.ess-pagination-wrap .tablenav-pages a:hover { background:#2980b9 !important}
.ess-pagination-wrap .tablenav .tablenav-pages{ font-size:16px !important}
#ess-pagination-form { float:right; margin-left:10px}
.wp-core-ui .eg-media-source-order.revblue.button-primary { cursor:ns-resize !important}
/***************************************************************
- ESG VIDEO MEDIA IN PREVIEW NEED TO BE PUSHED -
***************************************************************/
#esg-preview-wrapper .esg-vimeo-frame,
#esg-preview-wrapper .esg-video-frame,
#esg-preview-wrapper .esg-youtube-frame { margin-top:30px;}
#esg-preview-wrapper .esg-atoolbar { background-color: #34495e !important}
/******************************************
- ADVANCED SHOW/HIDE RULES -
******************************************/
.ad-rules-main { padding: 10px 15px;background: #3498DB;color: #FFF;}
#ar-form-wrap select { border:none; box-shadow: none; box-shadow: none;}
#ar-form-wrap .ar-form-table-wrapper input,
#ar-form-wrap .ar-form-table-wrapper select { border:none; box-shadow: none; box-shadow:none; line-height:25px;height:25px;}
#ar-form-wrap .ar-form-table-wrapper .button,
#ar-form-wrap .ar-form-table-wrapper .button-primary,
#ar-form-wrap .ar-form-table-wrapper .button-secondary { line-height:25px;height:27px;}
.ar-form-table-wrapper { margin: 15px 0; padding:0px;}
.ar-form-table-wrapper table { border-spacing: 0px; }
.ar-form-table-wrapper table tr td { padding:10px 0px; vertical-align: middle; }
.ar-form-table-wrapper table tr { background: #ddd}
.ar-form-table-wrapper table tr:first-child { background: #2980b9; color:#fff;}
.ar-form-table-wrapper table tr:nth-child(3),
.ar-form-table-wrapper table tr:nth-child(5) { background:#f1f1f1;}
.ar-form-table-wrapper table tr:nth-child(3) td,
.ar-form-table-wrapper table tr:nth-child(5) td { padding:2px 0px;}
.ar-form-table-wrapper table tr:first-child td { text-align: center; font-weight:400; line-height:30px; padding:5px 0px;}
/******************************
- META AND SEARCH TABS -
********************************/
.es-grid-meta-tabs, .es-grid-search-tabs { padding:0px; margin:0px;}
.es-grid-meta-tabs li, .es-grid-search-tabs li { padding:10px 15px; margin:0px; display:inline-block; background: #95a5a6; color:#fff; cursor: pointer}
.es-grid-meta-tabs li a, .es-grid-search-tabs li a { color:#fff !important; text-decoration: none;}
.es-grid-meta-tabs li.ui-tabs-active, .es-grid-search-tabs li.ui-tabs-active { background:#bdc3c7}
#eg-custom-meta-wrap, #eg-search-settings-wrap, #eg-shortcode-search-wrap,
#eg-meta-links-wrap { padding:15px; background:#bdc3c7;}
.eg-custom-meta-toggle-visible p, .eg-search-settings-toggle-visible p { padding:0px;margin:0px;}
.eg-custom-meta-toggle-visible, .eg-search-settings-toggle-visible { display:none}
.eg-custom-meta-info-box, .eg-search-settings-info-box { cursor: pointer}
/******************************
- Grid Settings Tab -
********************************/
.eg-filter-options-wrap {
padding: 0 10px 10px;
background-color: #EEE;
border: 1px solid #DDD;
margin-right: 10px;
margin-bottom: 10px;
}
.eg-filter-input {
float:right;
margin: 5px 4px 0 0 !important;
}
.eg-remove-filter-tab {
position:absolute; top:4px;right:5px; color:#fff;z-index:100; cursor: pointer; display: block;
}
.eg-filter-header-block { display: block;
background: #34495E;
color: #FFF;
text-align: center;
padding: 10px;
margin:-1px -11px;
text-transform:uppercase;}
.eg-filter-header-block .eg-icon-megaphone { margin-right:10px }
.eg-filter-label { line-height: 25px !important;
font-weight: 600;
margin-bottom: 5px;
background: #DDD;
margin: 0px -10px;
padding: 5px;}
.eg-filter-options-wrap { position: relative; display: inline-block; float:none !important; vertical-align: top;}
.eg-filter-option-field input,
.eg-filter-option-field select { width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.eg-add-filter-box { text-align: center;cursor: pointer;border: 1px dashed #DDD;padding: 20px;background: #F1F1F1;margin-right: 15px; }
.eg-add-filter-box i { font-size: 45px;color: #DDD;border: 1px solid #DDD;border-radius: 50%;}
.eg-add-filter-box:hover i { color:#999; border-color:#999;}
input[name="navigation-special-class[]"], .filter-shortcode-filter {
}
#eg-external-drag-wrap {
float: left;
position: relative;
margin-right:15px;
}
#eg-custommeta-options .eg-cs-row-min img { max-width:100%; margin-top:15px; }
#eg-custommeta-options .eg-cs-row-min {
padding-bottom: 15px;
margin-bottom: 15px;
}
#eg-custommeta-options .eg-cs-row-min select { min-width:223px;}
/********************************
- COBBLES PATTERN STYLING -
********************************/
#eg-cobbles-options
.eg-cobbles-drop-wrap {
float: left; vertical-align: top; padding:5px 5px 5px 20px; margin-right:5px; margin-bottom:5px; position: relative; background: #eee;
}
.cob-sort-order { font-size:11px; position:absolute;left:5px; bottom:12px; color:#333;}
.eg-cobbles-drop-wrap select { vertical-align: top;}
#eg-wrap .button-primary.revred.eg-delete-cobbles { margin-left:5px !important; margin-right:0px !important; }
.eg-mini-sort-wrapper,
.eg-mini-sort-wrapper a { display: inline-block; -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none !important; border:none !important; box-shadow:none !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;cursor: pointer;
}
.eg-mini-sort-down,
.eg-mini-sort-up { display: inline-block; width:14px;height:20px;margin:0 ;padding:0; outline: none !important; border:none !important; box-shadow:none !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.eg-mini-sort-down { margin-right:-5px !important;}
.eg-mini-sort-down:before,
.eg-mini-sort-up:before { margin:0 !important; height:20px;width:14px; padding:0; line-height:20px !important; color:#333}
.eg-mini-sort-down.selected:before,
.eg-mini-sort-up.selected:before { color:#2980b9 !important}
.wp-list-table.widefat.fixed.eg-postbox thead tr th:first-child,
.wp-list-table.widefat.fixed.eg-postbox tbody tr td:first-child { text-align: center}
.wp-list-table.widefat.fixed.eg-postbox tbody tr td:first-child i:before { color:#f39c12 !important;}
/********************************
- NEWSLETTER STYLING -
********************************/
#eg-newsletter-wrapper{
border:1px solid #e5e5e5;
padding:15px 15px 15px 80px;
border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
position:relative;
overflow:hidden;
background:url(../images/tp_newsletter_bg.png) no-repeat 75px 10px #FFFFFF;
}
div.star_red { font-size:13px; font-weight:700; color:#222;line-height:18px;margin-top:30px;margin-bottom:10px;font-family: "Open Sans",sans; text-transform: uppercase;}
div.star_red:before { content: '\f155'; font-family: "dashicons"; color:#e03301; font-size:17px;margin-right:10px; vertical-align: middle;}
#why-subscribe-wrapper li {
list-style-type: disc;
margin-left: 20px;
}
.esg-note { padding:10px 15px; color:#fff; background:#e74c3c; display:inline-block; }
.esg-note a { color:#fff; font-weight: 800; }
/******************************
- WAIT A MINUTE -
******************************/
#waitaminute { box-sizing:border-box; -moz-box-sizing:border-box; display:none;position:fixed; top:0px; left:0px; z-index:100000; background:#000; background:rgba(0,0,0,0.7); width:100%;height:100%;}
.waitaminute-message { position:absolute; top:50%;width:100%;text-align: center; color:#fff; font-size:50px; font-weight: 600; line-height:60px; margin-top:-30px; font-family: "Open Sans",sans-serif;}
.waitaminute-message i { font-family:"eg-font";}
.waitaminute-message i.eg-icon-coffee,
.waitaminute-message i.eg-icon-coffee:before { color:#fff !important;margin-bottom:15px;}
/**********************************
- GRID SETTINGS STYLE -
**********************************/
#grid-columns-table input[type="text"] { text-align: right}
#eg-youtube-default-poster,
#eg-html5-default-poster,
#eg-vimeo-default-poster { border-bottom:1px solid #ddd;}
.eg-filter-add-custom-filter{
border: 1px solid #DDD;
border-radius: 50%;
color: #DDD;
font-size: 20px;
margin-top: 15px;
}
.eg-filter-add-custom-filter:hover{
color: #999;
border-color: #999;
}
.eg-filter-option-top-m {
text-align: center;
margin-top: 15px;
}
#inst-filter-grid { display: block;margin-top:5px; margin-bottom:10px;}
.inst-filter-griditem { cursor:pointer; position:relative;width:150px;height:150px; display:inline-block; margin-right:5px;margin-bottom:5px; border:5px solid transparent;}
.inst-filter-griditem .ifgname { background:rgba(0,0,0,0.5); color:#fff; font-size:12px; padding:5px 10px; position:absolute; bottom:5px;right:5px; z-index:4;}
.inst-filter-griditem-img { z-index:2;width:100%;height:100%;background-size:cover;background-position: center center; background-image:url(../images/effectimg_2.jpg); position:relative;}
.inst-filter-griditem-img-noeff { z-index:1;width:100%;height:100%;background-size:cover;background-position: center center; background-image:url(../images/effectimg_2.jpg); position:absolute; top:0px;left:0px;}
.inst-filter-griditem.selected { border:5px solid #3498db;padding:0; }
/* 2.1.6 */
/* color picker */
.rev-colorpickerspan {
line-height: 0;
vertical-align: top;
}
#eg-form-item-skin-layout-settings label {vertical-align: top}
body.hide-custom-options .eg-addnewitem-wrapper {display: none !important}
.esg-entry-cover .esg-open-edit-dialog {opacity: 0}
.esg-entry-cover:hover .esg-open-edit-dialog {transition: opacity 0.2s ease 0.2s; opacity: 1}
/* 2.2 */
.featured-img-hideable {display: none; margin-left: 30px}
.show-featured-img-settings .featured-img-hideable {display: block}