File: /home/clinicamaciel/www/wp-content/plugins/essential-grid/admin/assets/css/esg-admin.css
/********************************
- ESSENTIAL GRID 3.0.0 -
*********************************/
.eg-toggle-favorite i { color: #5d34af;}
.esg-btn.esg-help-button { position: absolute; right: 20px;top: 25px; }
#create_import_grid_wrap { text-align:center; height: 100px; width: 100%;position: relative; background: url(../images/gridlistbg.png) repeat; box-shadow: 0px 10px 30px rgba(0,0,0,0.05); box-sizing: border-box; padding:30px 0px;}
span.description { font-size: 12px; }
.cachenumbercheck { display: inline-block }
/*********************************
- ESSENTIAL GRID PRE 3.0.0 -
**********************************/
.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;position: relative}
#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; background-size: 100%}
#eg-live-preview-wrap .esg-container-fullscreen-forcer { width:100% !important; left:0px !important;}
.esg-box-inside { position: relative }
/******************************
- IMPORT / EXPORT -
********************************/
#eg-grid-export-import-wrapper ul { margin:0px !important}
#eg-grid-export-import-wrapper li { margin-bottom:0px;}
/*#eg-grid-export-import-wrapper ul input { display:none !important}*/
#eg-grid-export-import-wrapper ul input[type="radio"] { display:inline-block}
#eg-grid-export-import-wrapper .eg-expand-collapse { margin-right:15px; cursor: pointer;}
.eg-amount-of-lis { margin-left:5px}
.eg-li-intern-wrap { cursor: pointer;}
/******************************
- ELEMENT SETTINGS -
********************************/
#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 { padding: 10px;
margin: 10px -10px;
border: 2px dashed #e2e1e5;
border-radius: 3px; }
#edit-custom-element-form input,
#edit-custom-element-form select { width:305px; }
.ui-sortable-placeholder.itemtoshow { background: #d5d5d5; border:2px dashed rgba(0,0,0,0.15)}
#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: #5d34af !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-space {
margin:0px 10px !important;
}
.eg-addnewitem-element-5 {
margin:0px 5px 0 10px !important;
}
.eg-addnewitem-element-6 {
margin:0px 10px 0 5px !important;
}
.eg-addnewitem-container {
background-color: #5d34af;
}
.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%;border-spacing: 0px; }
#meta-dialog-wrap table tr { cursor: pointer; line-height: 25px;}
#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 { background:#5d34af !important; color:#fff; font-size:16px; font-weight:600;line-height: 30px }
#meta-dialog-wrap table tr:hover { background:#f7345e; color:#fff;}
/******************************
- 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-layout-masonry .esg-screenselect-toolbar { position: relative !important;}
.eg-photoshop-bg { background:url(../images/trans_tile2.png) repeat !important; padding-right:15px !important;box-sizing:border-box;
}
#eg-wrap #eg-selected-skins-wrapper input[type=radio] {
visibility: hidden;
}
#eg-wrap #eg-selected-skins-wrapper .eg-fakeinput {
color: #000;
background:#22c8e5;
width: 25px !important;
height: 25px !important;
border: none !important;
top:0px !important;right: 33px !important;
position:absolute;
cursor: pointer;
}
#eg-wrap #eg-selected-skins-wrapper .eg-edit-skin-button {
color: #717072;
position: absolute;
width: 30px;
height: 30px;
top: 0;
right: 0;
font-size: 16px;
line-height: 30px;
z-index: 999;
}
#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:#22c8e5 !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-selected-skins-wrapper .minimal-light .esg-navigationbutton,
#eg-selected-skins-wrapper .minimal-light .esg-filterbutton {
color: #fff;
margin-right: 5px;
cursor: pointer;
padding: 0px 10px;
border: none;
line-height: 38px;
border-radius: 40px;
font-size: 12px;
font-weight:700;
font-family: "Open Sans",sans-serif;
display: inline-block;
background: rgba(0,0,0,0.2);
margin-bottom: 5px;
min-width: 20px
}
#eg-selected-skins-wrapper .minimal-light .esg-navigationbutton:hover,
#eg-selected-skins-wrapper .esg-filterbutton:hover,
#eg-selected-skins-wrapper .esg-filterbutton.selected {
background: rgba(255,255,255,0.1);
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-widget-area-save-wrap-settings { padding:10px 20px 9px 20px; background: #e1e1e1; 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.essential-dialog-wrap select,
#link-meta-dialog-wrap.essential-dialog-wrap select,
#custom-meta-dialog-wrap input,
#link-meta-dialog-wrap input { width:190px;}
/******************************
- 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;
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: 20px;
font-weight:600;
color: #000;
display: block;
line-height:50px;
}
#eg-wrap .validation-label {
font-weight:600;
line-height: 30px;
font-size: 17px;
margin-bottom: 10px;
}
#eg-wrap .validation-description {
color: #000;
margin-top: 5px;
margin-bottom: 15px;
}
#eg-wrap .validation-input { display: inline-block; }
/******************************
- 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:#5d34af; font-size:17px;margin-right:10px; vertical-align: top;}
div.change:before { content: '\f463'; font-family: "dashicons"; color:#5d34af; font-size:17px;margin-right:10px;vertical-align: top;}
div.bugfix:before { content: '\f308'; font-family: "dashicons"; color:#5d34af; font-size:17px;margin-right:10px;vertical-align: top;}
.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: 99999 !important;
}
.form-table td, .form-table th {
padding: 5px;
vertical-align: top;
}
/*************************************
- LIBRARY AREA FOR GRIDS -
*************************************/
#esg-close-template { position:absolute; cursor:pointer; top:25px;right:35px; font-size:15px; text-align:center; font-size:25px;line-height:35px;width:35px; height:35px; background:url(../images/toolbar/icon-close-big.png) center center no-repeat; }
#esg-close-template:hover { color:#fff;}
#esg-libary-wrapper { position: fixed;
top: 0;
left: 100%;
z-index: 99999;
width: 100%;
height: 100%;
overflow-y: hidden;
overflow-x: hidden;
background: #E2E1E5;
text-align: left;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transform: translate3d(0px,0,0);
transform: translate3d(0px,0,0);
padding-top:0px;
}
#esg-libary-wrapper h2 { padding:0px 40px; color:#222; margin:0px; background:#FFF;}
#esg-libary-wrapper h2 strong { font-weight:700;}
#esg-libary-wrapper > h2 {
-webkit-transition: -webkit-transform 0.4s 0.1s;
transition: transform 0.4s 0.1s;
-webkit-transform: translate3d(100px,0,0);
transform: translate3d(100px,0,0);
}
#esg-libary-wrapper .esg-library-switcher
{
-webkit-transition: -webkit-transform 0.4s 0.15s;
transition: transform 0.4s 0.15s;
-webkit-transform: translate3d(150px,0,0);
transform: translate3d(150px,0,0);
}
#esg-libary-wrapper .revolution-template-subtitle {
-webkit-transition: -webkit-transform 0.4s 0.20s;
transition: transform 0.4s 0.20s;
-webkit-transform: translate3d(250px,0,0);
transform: translate3d(250px,0,0);
}
#esg-libary-wrapper > div,
#esg-libary-wrapper #h3 {
-webkit-transition: -webkit-transform 0.4s 0.25s;
transition: transform 0.4s 0.25s;
-webkit-transform: translate3d(350px,0,0);
transform: translate3d(350px,0,0);
}
#esg-libary-wrapper.show .revolution-template-subtitle,
#esg-libary-wrapper.show > h2,
#esg-libary-wrapper.show .esg-library-switcher,
#esg-libary-wrapper.show > div,
#esg-libary-wrapper.show h3 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
#esg-libary-wrapper.show {
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
#esg-libary-wrapper .library_item {
margin-right:10px;
}
#esg-libary-wrapper .library_item,
#esg-libary-wrapper .library_grid_item,
#esg-libary-wrapper .library_grid_item_import
{
position: relative;
display: inline-block;
width: 270px;
height: 270px;
text-align: left;
cursor:pointer;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
vertical-align: top;
margin:0;
z-index: 1;
}
#esg-libary-wrapper .library_title {
position: relative;
display:block;
width:270px;
line-height: 40px;
padding:0px 10px;
-webkit-backface-visibility: hidden;
font-weight:400;
color:#fff;
font-size:14px;
text-align:left;
background:#222;
box-sizing: border-box;
margin-bottom:15px;
}
#esg-libary-wrapper .library_item:hover .library_title,
#esg-libary-wrapper .library_grid_item:hover .library_title,
#esg-libary-wrapper .library_grid_item_import:hover .library_title { color:#fff;}
.esg-library-groups,
#esg-library-grids { padding:50px 25px 50px 40px; overflow: hidden; width:100%;position: relative; box-sizing: border-box;}
#esg-libary-wrapper .library_thumb_title { font-size:13px; color:#444; font-weight:400; background:#fff; line-height:40px;margin-bottom:20px; border-top:1px solid #E2E1E5; padding:0px 12px; position: relative;z-index: 2}
.esglogo-mini { background:url(../images/logo.png); width:208px;height:46px; display:inline-block; background-position: left center; background-repeat: no-repeat; background-size: 100%}
#esg-libary-wrapper .esglogo-mini { height:80px; vertical-align: middle;margin-right:5px;}
.esg-library-switcher { background:#fff; cursor:pointer; line-height: 41px;vertical-align: middle; padding:7px 40px; display: table;width: 100%;box-sizing: border-box;}
.esg-reload-show i,
.revolution-templatebutton.premium-templatebutton i { margin-right:5px;}
.revolution-templatebutton.premium-templatebutton i:before,
.revolution-templatebutton.premium-templatebutton { color:#2a96f3;}
#update_obect_library,
#licence_obect_library,
#up-lic-ob-lib { position: absolute; top:15px; right:30px;}
.revolution-template-subtitle { color: #222;font-size: 25px;font-weight:400;line-height: 60px;border-bottom: 1px solid #ddd;padding: 10px 40px;}
#esg-libary-wrapper .library_grid_title { color:#222;font-size:20px; font-weight:400; line-height:35px; margin-bottom:15px;}
#esg-libary-wrapper .esg_group_wrappers { display:inline-block;margin-right:15px;position: relative;}
.esg_library_filter_button.esg-btn:not(.esg-purple) { color: #717072; }
.esg_library_filter_button.esg-btn.selected,
.esg_library_filter_button.esg-btn:hover { color: #fff; background-color: #5d34af; }
#esg-libary-wrapper .esg_group_wrappers.library_package { display:inline-block;}
#esg-libary-wrapper .esg_group_wrappers.library_package_parent:after {
content: " ";
position: absolute;
top: -5px;
left: 5px;
width: 100%;
height: 215px;
background: #d5d5d5;
z-index: 0;
}
#esg-libary-wrapper .esg_group_wrappers.library_package_parent:before {
content: " ";
position: absolute;
top: -10px;
left: 10px;
width: 100%;
height: 215px;
background: #bbb;
z-index: 0;
}
.esg-visit-store { background:url(../images/visitstore.png); width:267px; height:50px; display:inline-block;}
.library_meta_line { background:#fff; line-height:18px; padding:6px 6px; box-sizing: border-box; display: block; position: relative; z-index: 2;}
.library_meta_line .library_new,
.library_meta_line .library_local,
.library_meta_line .library_free,
.library_meta_line .library_premium,
.library_meta_line .library_installed,
.library_meta_line .library_notinstalled { font-size:10px; line-height: 16px; color:#fff; padding:0px 6px; text-transform: uppercase; font-weight:400; margin-right:0px; display: inline-block;}
.library_meta_line .library_installed,
.library_meta_line .library_notinstalled { float:right;margin-right: 0px; margin-top:2px;}
.library_meta_line .library_installed i:before { color:#fff; font-size: 10px}
.library_meta_line .library_new { background:#9b59b6;}
.library_meta_line .library_free { background:#009cdd;}
.library_meta_line .library_premium { background:#393056;}
.library_meta_line .library_local,
.library_meta_line .library_installed { background:#27ae60;}
.library_meta_line .library_notinstalled { background:#bbbbbb;}
.library_thumb_more { position: absolute;
background: #fff;
z-index: 10;
left: 100%;
top: 0px;
padding: 30px;
width: 107%;
box-sizing: border-box;
box-shadow: 15px 15px 40px 0px rgba(0,0,0,0.15);
font-size: 13px;
color:#444;
line-height:16px;
display: none;
}
.show_more_to_left .library_thumb_more { left:auto;right:100%;}
.ttm_label,
.ttm_label_direct { font-size:13px; font-weight:bold; display: block; line-height: 16px; margin-bottom:10px;}
.ttm_label_direct { margin-bottom:0px;}
.ttm_label_half { display: inline-block; width:50%;}
.library_thumb_more a,
.library_thumb_more a:visited { color:#009cdd; text-decoration: underline;}
.library_thumb_more a:hover { text-decoration: none; color:#009cdd;}
ul.ttm_requirements { margin-bottom:0px}
.ttm_requirements li { list-style: none; margin-left:0px; line-height: 16px; margin-bottom: 0px; vertical-align: middle;}
.ttm_requirements li .eg-icon-check:before { color:#2db065; font-size:11px; }
.ttm_requirements li .eg-icon-cancel:before { color:#d50000; font-size:11px; }
.ttm_requirements li i:first-child { display:inline-block; width:15px;margin-right:5px;}
.ttm_space { display: block; height:30px;widht:100%;}
.install_library_grid,
.install_library_grid_package,
.add_library_grid_item,
.add_library_grid_item_package,
.dontadd_library_grid_item { background:#009cdd; color:#fff; font-weight:600; cursor: pointer; border-radius: 3px; font-size:12px; line-height: 25px; padding:0px 5px; display: inline-block;}
.dontadd_library_grid_item { background:#d50000; cursor: default;}
.dontadd_library_grid_item i { width:12px;height:12px; background-size:cover;}
.install_library_grid i:before,
.install_library_grid_package i:before,
.add_library_grid_item i:before,
.add_library_grid_item_package i:before,
.dontadd_library_grid_item i:before { color:#fff;margin-right:5px;}
.install_library_grid:hover,
.install_library_grid_package:hover,
.add_library_grid_item:hover,
.add_library_grid_item_package:hover { background: #2980b9}
.library_preview_add_wrapper { opacity:0;transition:all 0.5s;-webkit-transition:all 0.5s;position:absolute; width:100%; height:35px; top:120px; left:0px; line-height: 35px;z-index: 10;text-align: center}
.library_group_opener,
.preview_library_grid,
.show_more_library_grid { width:35px;height:35px; display: inline-block;line-height: 35px; text-align: center; cursor: pointer;}
.library_group_opener { display: none}
.library_group_opener i:before,
.preview_library_grid i:before,
.show_more_library_grid i:before { color:#fff; font-size:18px;}
.library_package_parent .library_group_opener { display:inline-block !important;}
.library_thumb_overview { z-index:2;opacity:0;transition:all 0.5s;-webkit-transition:all 0.5s;background:rgba(0,0,0,0.75); position:absolute;top:0px;left:0px; width:100%; height:100%;}
.esg_group_wrappers:hover .library_preview_add_wrapper,
.esg_group_wrappers:hover .library_thumb_overview { opacity: 1}
#library_bigoverlay { cursor:pointer; background:rgba(238,238,238,0.85);width:100%;height:100%;z-index:5; position: absolute;top:0px;left:0px;display:none;}
div.library_thumb_title span.library_new {float:right; margin-top: 8px;background:#5d34af;color:#fff;padding:0px 10px;line-height: 25px}
.benefits-title-right { margin-left:20px; box-sizing: border-box; display: inline-block; vertical-align: top;}
.esg-premium-benefits-dialogtitle { font-size:30px; line-height:35px; font-weight:600; color:#00263b;display: block}
.esg-premium-benefits-dialogsubtitle { font-size:14px; font-weight:600; color:#00263b;opacity:0.4; display:block;}
.esg-premium-benefits-dialogtitles .oppps-icon { vertical-align: top; background:url(../images/oops/oopps_blue.png); width:60px;height:60px; display: inline-block; }
.esg-premium-benefits-dialogtitles .oppps-icon-red { vertical-align: top; background:url(../images/oops/oopps.png); width:60px;height:60px; display: inline-block; }
.esg-open-premium-benefits-dialog-container .ui-dialog-titlebar-close { height:22px; width:20px; background:url(../images/oops/close_cross_x.png); top:30px; right:30px; }
.esg-open-premium-benefits-dialog-container .ui-dialog-titlebar-close:before { display:none; }
.esg-open-premium-benefits-dialog-container .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix { height:auto; padding:30px 30px 20px; border-bottom:1px solid #9fadb4 !important; background: #e5e5e5}
#esg-premium-benefits-dialog { min-height:715px !important; padding:0px; background: #f5f5f5; background-image:url(../images/oops/getpurchasecode_deko.png);background-position: bottom -50px center; background-repeat: no-repeat;}
#esg-premium-benefits-dialog.nomainbg { background:#fff !important;}
#esg-premium-benefits-dialog.cachbg { background: url(../images/oops/cachemodalbg.jpg) center bottom; background-repeat: no-repeat; max-height: 650px !important; min-height: 650px !important; }
.esg-premium-benefits-block { padding: 20px 30px 30px; }
.esg-premium-benefits-block .big_present { vertical-align: top; background:url(../images/oops/gift_big.png); width:48px;height:52px; display: inline-block; margin-right: 25px; }
.esg-premium-benefits-block .big_diamond { vertical-align: top; background:url(../images/oops/diamond_big.png); width:52px;height:48px; display: inline-block; margin-right: 25px; }
.esg-premium-benefits-block .big_light { vertical-align: top; background:url(../images/oops/light_big.png); width:40px;height:58px; display: inline-block; margin-right: 25px; }
.esg-premium-benefits-block h3 { font-size:20px; line-height:52px; font-weight:600; color:#00263b; margin-top:10px;margin-bottom:10px;}
.esgpb-withborder { border-bottom:1px solid #9fadb4 !important;}
.instant_access { width:168px; height:30px; background:url(../images/oops/instantaccess.png); display: inline-block; vertical-align: middle;margin-top:9px;}
a.get_purchase_code { letter-spacing:1px;text-decoration:none; margin:auto;display: block; width:700px; border-radius: 6px; background: #009aee; color:#fff; text-align: center; font-size:17px; text-transform: uppercase;; line-height: 60px; font-weight:700; box-shadow: none !important; text-shadow: none !important}
a.get_purchase_code:hover { background:#2980b9;}
.esg-premium-benefits-dialogsubtitle a,
.esg-premium-benefits-dialogsubtitle a:visited { font-size:14px; font-weight:600; color:#00263b; text-decoration: underline;outline: none; box-shadow: none !important; text-shadow: none !important}
.esg-premium-benefits-dialogsubtitle a:hover { text-decoration: none;}
#basic_objectlibrary_license_block { padding:30px;}
.license_obj_library_cats_filter { letter-spacing:1px; border:1px solid #ddd; color:#34495e; line-height:24px; padding:0px 12px; cursor: pointer; margin-right:5px; border-radius: 3px; display: inline-block;margin-bottom:4px; font-size: 11px; font-weight:600}
.license_obj_library_cats_filter:hover,
.license_obj_library_cats_filter.selected { border-color:#22c8e5; color:#fff; background:#22c8e5;}
.license_scroll_window { width:100%;height:200px; overflow: scroll; font-size:12px; color:#00263b; font-weight:400; padding:20px; box-sizing: border-box;border:1px solid #ddd;}
#basic_objectlibrary_license_block h3 { font-size:24px; line-height:52px; font-weight:600; color:#00263b; margin-top:25px;margin-bottom:15px;}
#basic_objectlibrary_license_block h3 i { font-size: 60px;margin-right: 13px;vertical-align: top; }
#basic_objectlibrary_license_block ul,
.esg-premium-benefits-block ul { margin-top:0px;margin-bottom:0px;}
#basic_objectlibrary_license_block ul li,
.esg-premium-benefits-block ul li { font-size:18px; color:#00263b; font-weight:400; line-height: 32px; padding-left:75px; position: relative; margin:0px;}
#basic_objectlibrary_license_block ul li:before,
.esg-premium-benefits-block ul li:before { content:"";position:absolute; left:35px;top:10px; background:url(../images/oops/right-bold-arrow.png); width:15px;height:16px; }
/*************************************
- NAVIGATION CONSTRUCTOR -
**************************************/
#eg-navigations-drag-wrap {width:395px; display: inline-block;vertical-align: top;}
.eg-navigation-drop-wrapper { width:100%;height:35px; background:transparent;margin:5px 0px; border:2px dashed rgba(0,0,0,0.15); text-align: center;line-height: 35px;color: #717072;font-size: 10px;
position: relative;border-radius: 3px; font-weight: 600;}
.eg-navigation-drop-inner { width:100%;height:100%;position:absolute; top:0px;left:0px; padding: 2px}
.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;background:#fff;}
#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;
}
#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-navigations-sort-external .eg-navigations-cons {
top:0 !important;
left:0 !important;
}
.eg-filter-sc {
display: inline !important;
position: absolute;
right: 5px;
font-size: 13px !important;
text-transform: none;
padding-left:10px;
top: 5px;
}
.eg-filter-sc select { padding:0px; vertical-align: baseline; }
.eg-filter-sc input { margin-right:5px;}
.eg-filter-sc input,
.eg-filter-sc select { display:inline-block; width:158px !important; 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/demoimage5.jpg) no-repeat center center; background-size: cover; }
.eg-navconstrctor-pi6 { background: url(../images/demoimage6.jpg) no-repeat center center; background-size: cover; margin-right:0px;}
.eg-navigation-cons { white-space:nowrap; color: #fff; background:#ddd; line-height:30px; border-radius:15px; padding:0px 10px; display:inline-block; text-decoration: none;margin-right:5px; margin-bottom:5px;outline:none;box-shadow: none; transition:none; font-weight:600;font-size:13px; cursor: pointer; background-color: #22c8e5; vertical-align: top; text-transform: uppercase}
.eg-navigation-cons.ui-sortable-helper { z-index:300; vertical-align: top} /* 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-outter { height:auto;margin-right:20px; width:100%; padding-right:15px; box-sizing:border-box;}
.eg-navigation-cons-wrapper { background:transparent; border:2px dashed rgba(0,0,0,0.15); padding:15px; width:100%; text-align: left; box-sizing:border-box; border-radius: 3px;}
.eg-dropconfigger { cursor:pointer; position: absolute; right:5px;top:5px; background:#7f8c8d; padding:2px;border-radius:2px;color:#ecf0f1;font-size:14px; line-height:20px;}
.eg-navigation-drop-wrapper:hover .eg-dropconfigger { display:block}
#eg-navigations-drag-wrap { margin-right:15px;}
#eg-navigation-external-description { border-radius:3px 3px 0px 0px; overflow:hidden;background: #E2E1E5;margin: 5px 0px;border:none;line-height: 35px;color: #717072;font-size: 10px;position: relative;padding:0px 0px;border-bottom:none;margin-bottom:0;}
.eg-ext-nav-desc { font-size:13px; color:#717072; font-weight:400; display: inline-block; background:#e5e5e5;padding:0px 10px;box-sizing:border-box;}
#eg-navigations-sort-external { 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 0px 0px 10px!important;
line-height: 40px !important;
margin: 0 0 5px !important;
text-align: left !important;
border-radius: 3px;
position: relative;
}
#eg-external-drag-wrap #eg-navigations-sort-external { width:635px !important; height:auto !important; min-height: 281px;}
#eg-navigations-sort-external .eg-navigation-drop-inner.ui-sortable { padding: 5px !important; box-sizing: border-box }
/******************************
- CSS EDITOR DIALOG -
********************************/
#global-css-edit-dialog-wrap, #navigation-skin-css-edit-dialog-wrap
{
padding: 0 !important;
overflow: hidden !important;
}
#navigation-skin-css-selector-dialog-wrap {
padding: 20px !important;
}
#eg-wrap { position: relative;}
#eg-tool-panel {
box-sizing: border-box;
position: fixed;
top: 32px;
right: 0px;
overflow: visible;
width: 44px;
border: none;
background: #e2e1e5;
z-index: 5000;
visibility:hidden;
box-shadow: 0px 30px 10px rgba(0,0,0,0.1);
}
#eg-wrap #eg-tool-panel .eg-side-buttons,
#eg-wrap #eg-tool-panel a.eg-side-buttons {
position:relative;
margin: 0px !important;
display: inline-block;
width: 200px;
height: 40px !important;
padding: 0px !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-right: 5px;
margin-left: 2px;
font-size: 17px;
vertical-align: top;
line-height: 40px !important;
width: 40px;
text-align: center;
background-position: center center;
vertical-align: top;
display: inline-block;
height: 40px;
background-repeat: no-repeat;
}
#eg-tool-panel h3 { line-height:35px;font-weight:600; color:#333;float:left;margin:0px 20px 0px 0px;padding:0px;}
/******************************
- SPINNER -
********************************/
#eg-wrap #spinner_preview {
width:165px;height:88px;position:relative;background:#E2E1E5; border-radius: 3px;
}
#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 { line-height: 30px; min-width:1135px; position: relative;}
/*#skin-editor-wrapper h3.box-closed { background:#999 !important;}
#skin-editor-wrapper h3.box-closed span { color:#fff !important}*/
#eg-wrap,
#eg-wrap * { -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-touch-callout: none;text-rendering: optimizeLegibility;}
.divide15 { width:100%; height:15px;}
.esg-description { font-style: italic; font-size: 10px; color: #777;}
#eg-wrap { padding-right:35px;}
.essential-dialog-wrap select,
#eg-wrap select { font-size: 14px;
}
.select_wrapper select {
opacity: 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;
color:#555;border-radius: 3px; 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:#e2e1e5;text-align: center; border:none;margin-bottom:15px;}
#eg-wrap .backend-flat .esg-pagination { text-align: center;}
#eg-wrap .backend-flat .esg-filterbutton { display:inline-block; padding:8px 20px; cursor: pointer; color:#717072; font-size: 13px; white-space: nowrap;line-height: 40px;font-weight: 400}
#eg-wrap .backend-flat .esg-filterbutton:hover { color: #000; }
#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; color:#000;}
#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:-35px; right:15px;z-index: 1000}
.eg-special .skin-dz-elements { background:transparent; background:#00ceab; border:none; line-height:25px; text-transform:lowercase; color:#fff; text-shadow: none; padding:0px 10px; border-radius: 3px}
.eg-special .skin-dz-elements i { font-size:14px; line-height:12px; }
/******************************
- 3dmap -
********************************/
.eg-3dpp { position:absolute; top:0px;left:0px;
height:470px;
opacity: 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;
}
.eg-3dmc { width:385px;height:300px; position:relative}
.eg-3dcc { width:385px; position:relative; padding:10px;
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%; 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;
border: 1px dotted rgba(255,255,255,0.6);
color: rgba(255,255,255,0.6);
font-size: 12px;
line-height: 20px;
border-radius: 3px;
text-align: center;
vertical-align: top;
}
.drop-to-stylechange {
top: auto;
right: 5px;
left: auto;
bottom: 20px;
color: #00ceab;
border-color: #00ceab;
padding: 5px;
font-size: 12px;
font-weight: 600;
border-width: 2px;
border-radius: 5px;
width: 100px;
}
#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:10px; right:15px; padding:0px 10px; bottom:auto;}
.eg-trashdropzone i { font-size:14px; margin-right: 5px;}
.eg-trashdropzone-hover { color:#fff; border-color: #fff; }
.drop-to-stylechange.eg-trashdropzone-hover {
color: #00ceab;
border-color: #00ceab;
filter: brightness(110%);
}
#eg-wrap label { line-height:30px;}
#eg-wrap .importantlabel { color:#f7345e; font-weight:600; font-size: 12px}
/******************************
- GUIDE STEPS -
********************************/
#eg-wrap .fullwidtheg-pbox { width:1197px}
#eg-wrap .fullwidtheg-pbox2 { 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; 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:#f7345e; display:none;}
/* SLIDER STYLING */
#eg-wrap .ui-slider-horizontal {
height: 5px;
border:none;
background:#E2E1E5;
vertical-align: middle;
}
#eg-wrap tr .ui-slider-horizontal.slider-settings { margin-right:18px;}
#eg-wrap .slider-settings .ui-slider-handle{
background: #fff;
border:2px solid #000 !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;
}
#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:#000;
top:0;
left:0;
height:100%;
border-radius: 3px;
}
#eg-wrap .image-holder-wrap-div {
height: auto;
max-height: 400px;
max-width: 400px;
width: auto;
}
/****************************
* Custom Button Styles
****************************/
#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;
}
.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:#f7345e !important;width: 20px;height: 10px;position: absolute;right: -15px;top: 5px;font-size: 12px;}
.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;
cursor: pointer;
}
.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;
filter: brightness(110%);
}
.eg-overview-button:focus {
box-shadow: none;
color: #FFF;
filter: brightness(110%);
}
.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;
font-size: 14px;
border: 1px solid #F1F1F1;
cursor:pointer;
background:#fff;
position:relative;
display: inline-block;
}
#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;}
#show-fontello-dialog { display: inline-block; border-radius: 3px; overflow: hidden }
/***************************************
- LAYER SETTINGS VERTICAL MENU -
***************************************/
.eg-lc-menu-wrapper { position: relative}
.eg-lc-vertical-menu { width:100%; height:52px; }
.eg-lc-vertical-menu ul { height:56px; padding:0px !important; margin:0 !important;box-sizing:border-box;
background:#5d34af;
}
.eg-lc-vertical-menu li { margin-bottom:0px;display: inline-block; line-height: 56px;
height:56px; cursor: pointer; background:transparent !important;
border:none !important;
padding:0px 10px !important; box-sizing:border-box;
color: rgba(255,255,255,0.6);vertical-align: top;
}
.eg-submenu li i,
.eg-lc-vertical-menu i { display:inline-block;font-size:15px; line-height:56px; color: rgba(255,255,255,0.6); margin-right:5px; position: relative; vertical-align: top;}
.eg-submenu li i { line-height: 36px; color:#717072;}
.eg-submenu li * { color:#717072;}
#eg-wrap .eg-submenu li input[type=checkbox] { border: 2px solid #717072;color: #717072; }
#eg-wrap .eg-submenu li:hover input[type=checkbox],
#eg-wrap .eg-submenu li.selected-submenu-setting input[type=checkbox] { border-color: #000; color:#000;}
.eg-lc-vertical-menu li.selected-lc-setting { background:#6b52b3 !important; color:#fff !important;border-radius: 0 !important; -webkit-border-radius: 0 !important; border:none !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:#fff !important; }
.eg-submenu li:hover,
.eg-submenu li:hover * { color: #000 !important; }
.esg-lc-settings-container { position:absolute; height:335px; width:100%; top:56px;left:0px;visibility:hidden; padding: 0px; margin: 0px; box-sizing: border-box; padding:20px;}
.esg-lc-settings-container.active-esc { visibility:visible}
/******************************
- HORIZONTAL TABS -
********************************/
#settings-dz-elements-wrapper .ui-tabs-nav { width:100% !important;position: relative; background:#5d34af;height:50px; padding: 0px;border-radius: 0px;outline: none;border: none;}
#settings-dz-elements-wrapper .ui-tabs-nav li { background:transparent; vertical-align: middle; margin:0 !important; padding:0 !important;border:none !important;}
#settings-dz-elements-wrapper .ui-tabs-nav li a { margin:0 !important;padding:0px 15px !important; line-height:50px !important; display: inline-block; font-size:12px !important;font-weight:400; vertical-align: top}
#settings-dz-elements-wrapper .ui-tabs-nav li i { font-size:13px !important; vertical-align: top;}
#settings-dz-elements-wrapper .ui-tabs-nav li.ui-state-active { background:#6b52b3; color:#fff !important;border:none !important;}
#settings-dz-elements-wrapper .ui-tabs-nav li a:hover { color:#fff !important;}
#settings-dz-elements-wrapper .ui-tabs-nav li.ui-state-active a { color:#fff !important; background:#6b52b3;}
#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:#fff;}
#eg-styling-idle-hover-tab .eg-submenu { margin:0; width:100%;background:#e2e1e5;box-sizing:border-box;}
#eg-lc-spaces .eg-submenu { margin:0px -20px; background:#e2e1e5;
box-sizing:border-box;line-height: 36px;
}
.eg-submenu li { padding:5px 10px; margin:0px; line-height:36px; cursor: pointer; display: inline-block; color:#717072;}
#eg-wrap .eg-submenu li input[type=checkbox] { line-height: 36px;margin-top: 9px; position: relative; line-height: 36px; display: inline-block;vertical-align: top; }
.eg-submenu li.selected-submenu-setting { background-color:#fff; color:#000;}
.eg-submenu li.selected-submenu-setting * { color: #000; }
#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;
background:rgb(235,235,235);border-right:1px solid transparent !important;
}
.eg-small-vertical-menu i { font-size:15px; line-height:20px; color: #717072; margin-right:0px; margin-bottom:3px; display: inline-block;width:65px;}
.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;
width: 65px;
font-size:10px !important;
font-weight:600; color: #717072;
}
.eg-small-vertical-menu li.selected-el-setting { background:#fff !important; color:#000 !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:#000 !important; }
.esg-el-settings-container { position:absolute;left:95px; top:15px; height:420px;visibility:hidden; width:560px; }
.esg-el-settings-container.active-esc { visibility:visible}
#eg-element-style { padding:0px !important;}
.eg-delete-wrapper { padding: 15px; position: relative;z-index: 500;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;
text-align: center;
}*/
#eg-dz-hover-wrap .skin-dz-elements.selected {
outline: 2px dashed rgba(255,255,255,0.5);
}
#esg-settings-actions { padding:0px 23px 10px; padding-left:70px;width:100%; max-width:1170px;min-width:755px; box-sizing:border-box; }
#esg-settings-actions .eg-pbox { border-top:1px solid #fff;}
#esg-settings-actions .esg-box-inside { margin:11px 0px 0px; }
#eg-create-settings-wrap select { min-width:185px}
#eg-global-settings-menu,
#eg-create-settings-menu { width:100%; position: relative }
#eg-global-settings-menu ul,
#eg-create-settings-menu ul,
.es-grid-meta-tabs, .es-grid-search-tabs { padding:0px 0px 0px 150px; background:#E2E1E5;margin:0px; position: relative; z-index:98; width:100%;box-sizing:border-box;}
.es-grid-meta-tabs, .es-grid-search-tabs { padding-left: 0px; }
#eg-global-settings-menu i,
#eg-create-settings-menu i { font-size:16px; line-height:56px; color: #717072; margin-right:5px; display: inline-block}
.es-grid-meta-tabs li,
.es-grid-search-tabs li,
#eg-global-settings-menu li,
#eg-create-settings-menu li { display: inline-block;
cursor: pointer;
position: relative;
text-align: center;margin-bottom:0px;
padding:0px 10px;vertical-align: middle;line-height:56px;
}
#eg-global-settings-menu li p,
#eg-create-settings-menu li p,
.es-grid-meta-tabs li a, .es-grid-search-tabs li a { display: inline-block; font-size:13px; line-height:56px; font-weight:400; color: #717072; white-space: nowrap ; text-decoration: none; margin:0px;}
.es-grid-meta-tabs li, .es-grid-search-tabs li { padding: 0px; }
.es-grid-meta-tabs li a, .es-grid-search-tabs li a { padding: 0px 10px; }
.es-grid-meta-tabs li.ui-tabs-active, .es-grid-search-tabs li.ui-tabs-active,
#eg-global-settings-menu li.selected-esg-setting,
#eg-create-settings-menu li.selected-esg-setting { background:#fff; margin-left:0px;
z-index: 20;position: relative;
}
#eg-global-settings-menu li:last-child,
#eg-create-settings-menu li:last-child { clear:right;}
.es-grid-meta-tabs li.ui-tabs-active a, .es-grid-search-tabs li.ui-tabs-active a,
.es-grid-meta-tabs li:hover a, .es-grid-search-tabs li:hover a,
#eg-global-settings-menu li:hover,
#eg-global-settings-menu li:hover *,
#eg-create-settings-menu li:hover,
#eg-create-settings-menu li:hover *,
.selected-esg-setting,
.selected-esg-setting * { color:#000 !important; }
#eg-global-settings-menu ul li.eg-menu-placeholder,
#eg-create-settings-menu ul li.eg-menu-placeholder { width:150px; background:#5d34af;position:absolute;height:100%;top:0px;left:0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#eg-wrap #eg-global-settings-menu .material-icons {
font-size: 25px;
line-height: 56px
}
.sws-toolbar-button { width:200px;position:relative;display: block; }
#eg-wrap .sws-toolbar-button a.esg-btn { margin:0px !important; display:inline-block; width:100%;height:40px !important;font-size:14px;line-height: 40px !important; border-radius: 0px; height:40px;margin:0px; padding:0px;}
#eg-wrap .sws-toolbar-button i {
font-size: 20px;
vertical-align: top;
line-height: 40px !important;
width: 40px;
text-align: center;
height: 40px;
background-position: center center;
margin-right: 5px;
padding-left: 2px;
display: inline-block;
background-repeat: no-repeat;
}
.save-wrap-settings-skin { padding:10px 20px 9px 20px; background: #e1e1e1; 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;}
.esg-box {
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-wrap .eg-pbox,
#eg-wrap .stuffbox {
margin-bottom:15px;
}
.esg-box th {
background: none repeat scroll 0 0 #fff !important;
}
.esg-box tr {
height: 40px;
line-height: 30px;
}
.esg-box td {
vertical-align: top;
}
.esg-box .esg-box-title .eg-pbox-arrow {
background-image: url(../images/dropdown.png);
background-position: center;
background-repeat: no-repeat;
height: 15px;
width: 15px;
position: absolute;
right: 15px;
top: 15px;
}
.esg-box .esg-box-title.box-closed .eg-pbox-arrow {
transform: rotateZ(90deg);
}
.esg-box .eg-cs-tbc label { margin-left: -170px }
.esg-msow-inner { display:inline-block; min-width:305px;margin-left:-170px;}
.eg-custom-meta-info-box,
.eg-search-settings-info-box { margin-bottom:15px; background:transparent; color:#000;font-size: 12px; /*border-bottom:1px solid rgba(0,0,0,0.15);*/}
#eg-wrap .metabox-title { font-size: 15px; font-weight: 500; line-height: 25px; padding: 0px; vertical-align: top; margin-bottom: 15px;}
#eg-wrap .metabox-title .material-icons { line-height: 25px; vertical-align: top; margin-right: 15px;font-size: 17px}
/*.eg-custom-meta-toggle-visible { display: none }*/
/****************************
* Custom Dialog Styles
****************************/
.essential-dialog-wrap {
padding: 0px;
}
#custom-element-image-dialog-wrap { padding: 20px; }
/****************************
* 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
****************************/
#eg-wrap .input-settings-small,
#eg-wrap input[type=number].input-settings-small,
.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;
}
.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 { display: inline-block; }
.eg-ul-tabs ul li a,
#eg-dz-selector ul li a,
.eg-ul-tabs .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:rgba(255,255,255,0.6);}
.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; 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:5px;left:5px; right:5px;bottom:5px;}
.dropzonebg { width: 100%;height: 100%;position: absolute; top:0px; left:0px;
text-align: center; vertical-align: middle;
border: 2px dashed rgba(34,200,229,1);
z-index: 0;
background: rgba(34,200,229,0.3);
box-sizing: border-box;
border-radius: 3px;
}
#skin-dz-m-wrap .dropzonetext { z-index:1}
.dropzoneinner { font-size:12px; color:#22c8e5; 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;
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: 100000;
position: relative;
color:#fff;
}
/******************************
- 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;
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 { background-color: #444}
.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;}
#settings-dz-wrapper.eg-draggable .eg-pbox { margin-bottom:0px}
.eg-draggable h3 { cursor:move !important;}
.eg-draggable .dragme { z-index:100000; 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:100000;
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:#5d34af;
}
.eg-state-highlight { z-index:10000; position:relative;}
#skin-dz-wrapper .skin-dz-elements, #skin-dz-video-wrapper .skin-dz-elements, #skin-dz-music-wrapper .skin-dz-elements {
cursor: pointer;
z-index :10;
}
#element-toolbar {
display: none;
border: 1px dotted #000;
background-color: #FFF;
padding: 5px;
position: absolute;
}
#settings-dz-wrapper {
display: none;
float: left;
height: auto;
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;
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; 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:#f7345e}
/*****************************************
- ADVANCED COLUMNS AND ROWS -
*****************************************/
#eg-wrap .esg-btn#eg-add-column-advanced { margin-left:10px !important;}
#eg-wrap .esg-btn#eg-add-column-advanced .material-icons,
#eg-wrap .esg-btn#eg-remove-column-advanced .material-icons { margin: 0px !important; }
#eg-it-layout-wrap { display:inline-block; }
/******************************
- MEDIA SOURCE ORDER -
********************************/
.eg_edit_custom_category { position: absolute; width: 20px; height: 30px; right:60px; top:0px; cursor:pointer; opacity: 0.5; display:none; font-size: 16px !important;}
.eg_delete_custom_category { position: absolute; width: 20px; height: 30px; right:40px; top:0px; cursor:pointer; opacity: 0.5; display:none;font-size: 16px !important;}
.eg-media-source-order:hover .eg_edit_custom_category,
.eg-media-source-order:hover .eg_delete_custom_category { display: block; }
.eg_edit_custom_category:hover,
.eg_delete_custom_category:hover {opacity: 1}
.eg-media-source-order-wrap {
background: transparent;
padding: 15px;
width: 100%;
box-sizing: border-box;
border-radius: 3px;
border:2px dashed rgba(0,0,0,0.15);
}
.esg-prewrap {
padding: 15px;
background: #e2e1e5;
border-radius: 3px;
border:none;
margin-left: -170px;
}
.esg-prewrap pre code {
background: transparent;padding: 0px; line-height: 25px; color: #000;
}
#lbo-btn-list,
#ajo-list,
#lbo-list { display: inline-block; width: 305px; margin-bottom: 15px; }
.eg-media-source-order-wrap .esg-btn { margin-bottom: 2px; margin-right: 0px; }
.eg-media-source-order { display: block !important; position: relative}
.eg-media-source-order i { margin-right: 10px; }
.eg-media-source-order.notavailable { opacity:0.25; pointer-events: none;}
.eg-media-source-order.notavailable input { display:none !important; }
.eg-media-source-order input[type=checkbox],
.eg-media-source-order input[type=radio] {
float: right;
}
.eg-media-source-order:hover { filter: brightness(110%); }
.eg-media-source-order:hover input[type=checkbox],
.eg-media-source-order:hover input[type=radio] { color: #22c8e5; }
.eg-pbox.esg-box { border:none; position: relative; vertical-align: top}
#eg-post-cat-wrap select[name="post_category"] { resize: both;}
/******************************
- IMPORT EXPORT PART -
********************************/
#eg-grid-export-import-wrapper ul li ul{
margin-left: 20px;
}
input[type="file" i]::-webkit-file-upload-button {
border: none;
border-right: 10px solid #fff;
line-height: 30px;
padding: 0px 20px;
color: #fff;
background: #22c8e5;
outline: none !important;
box-shadow: none !important;
cursor: pointer
}
/******************************
- CodeMirror Styling -
********************************/
.eg-codemirror-border .CodeMirror{
}
/****************************************
- PAGINATION FOR ESS GRID -
****************************************/
.ess-pagination-wrap {line-height:30px; margin:15px 0px 0px; text-align: right}
.ess-pagination-wrap .page-numbers { display:inline-block;color:#555; background:#E2E1E5;text-align: center; min-width: 30px; text-decoration: none; line-height: 30px; font-size:13px; border-radius: 3px}
.ess-pagination-wrap .page-numbers.dots { background: transparent; }
.ess-pagination-wrap .page-numbers:hover,
.ess-pagination-wrap .page-numbers.current { background:#22c8e5; color:#fff;}
#ess-pagination-form { float:right; margin-left:10px}
.wp-core-ui .eg-media-source-order.esg-blue.esg-btn { 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: #e2e1e5 !important}
.esg-skineditor-toolbar,
.esg-atoolbar { display:block;width:100%;height:30px;top:0px;left:0px;position:absolute;z-index:10; padding: 0; background:#e2e1e5;}
.esg-screenselect-toolbar {display:block;width:100%;height:30px;top:0px;left:0px;position:relative;z-index:10;background-color: #e2e1e5; padding: 0;}
#eg-wrap #eg-selected-skins-wrapper .filter-selectedskin .esg-screenselect-toolbar {background:#5d34af;}
#eg-grid-even-item-skin-wrapper .tp-esg-item:hover .eg-edit-skin-button,
#eg-grid-even-item-skin-wrapper .tp-esg-item:hover .eg-item-skin-overview-name,
#eg-wrap #eg-selected-skins-wrapper .tp-esg-item:hover .eg-edit-skin-button,
#eg-wrap #eg-selected-skins-wrapper .tp-esg-item:hover .eg-item-skin-overview-name { color: #000; }
#eg-wrap #eg-selected-skins-wrapper .filter-selectedskin .eg-edit-skin-button,
#eg-wrap #eg-selected-skins-wrapper .filter-selectedskin .eg-item-skin-overview-name { color: #fff !important; }
/******************************************
- ADVANCED SHOW/HIDE RULES -
******************************************/
.ad-rules-main {
padding:10px 15px; /*background: #22c8e5;color: #FFF;*/
text-align:center; line-height: 30px;
background: #fff;
width: 100%;
z-index: 210;
}
.ar-open-meta { z-index: 100;
position: absolute;
right: 0px;
background: #5d34af;
color: #fff;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
cursor: pointer;
top: 15px;
font-size: 12px;
border-radius: 0px 3px 3px 0px;
}
.ar-open-meta i.material-icons { font-size: 12px; line-height: 30px}
#ar-form-wrap .ar-form-table-wrapper .button,
#ar-form-wrap .ar-form-table-wrapper .esg-btn { line-height:25px;height:27px;}
.ar-form-table-wrapper table { border-spacing: 0px; }
.ar-form-table-wrapper table tr td { padding:15px 0px 15px 15px; vertical-align: top; line-height: 30px; position: relative }
.ar-form-table-wrapper table tr { background: #fff}
.ar-form-table-wrapper table tr:nth-child(2) td,
.ar-form-table-wrapper table tr:nth-child(4) td { padding:2px 0px; background: #fff}
/******************************
- Grid Settings Tab -
********************************/
.eg-original-filter-options-holder {
position: relative;
margin-left: -170px;
margin-top: 15px;
}
.eg-filter-options-wrap {
padding: 0 10px 10px;
background-color: #f0f0f2;
border: 2px solid #5d34af;
margin-right: 5px;
margin-bottom: 5px;
width: 400px;
border-radius: 3px;
display: inline-block;
overflow: hidden;
}
.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-wrap .eg-filter-options-wrap textarea,
#eg-wrap .eg-filter-options-wrap input[type=text]:not(.eg-search-input),
#eg-wrap .eg-filter-options-wrap input[type=password],
#eg-wrap .eg-filter-options-wrap input[type=email],
#eg-wrap .eg-filter-options-wrap input[type=number],
#eg-wrap .eg-filter-options-wrap input[type=search],
#eg-wrap .eg-filter-options-wrap input[type=tel],
#eg-wrap .eg-filter-options-wrap input[type=url],
#eg-wrap .eg-filter-options-wrap select
{ width: 100%; }
.eg-filter-header-block { display: block;
background: #5d34af;
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: #6b52b3;
margin: 0px -10px;
padding: 5px;
color: #fff;
}
.eg-filter-options-wrap { position: relative; display: inline-block; float:none !important; vertical-align: top;}
.eg-filter-option-field { padding: 10px 0px; }
.eg-filter-option-field input,
.eg-filter-option-field select { width:100%;box-sizing:border-box;}
.eg-add-filter-box { text-align: center;cursor: pointer;padding:10px;background: #f0f0f2; margin-left: -170px; min-width: 100%; box-sizing: border-box;margin-top:5px;border-radius: 3px}
.eg-add-filter-box i { font-size: 45px;color: #fff;background:#5a40aa; border-radius: 50%; vertical-align: top;display: inline-block; line-height: 60px;}
.eg-add-filter-box:hover i { filter:brightness(110%);}
input[name="navigation-special-class[]"], .filter-shortcode-filter {
}
#eg-external-drag-wrap {
display: inline-block;
position: relative;
margin-right:15px;
vertical-align: top;
}
#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 { display:inline-block;vertical-align: top; padding: 5px; height: 40px; margin-right:5px; margin-bottom:5px; position: relative; background: #E2E1E5; box-sizing: border-box; border-radius:3px;}
.cob-sort-order { display:none; font-size:11px; position:absolute;left:5px; bottom:12px; color:#000;}
#eg-wrap .eg-cobbles-drop-wrap select { vertical-align: top; width:75px;}
.eg-mini-sort-wrapper,
.eg-mini-sort-wrapper a,
.eg-mini-sort-wrapper a:visited,
.eg-mini-sort-wrapper a:focus,
.eg-mini-sort-wrapper a:hover { 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 !; border:none ; box-shadow:none ;cursor: pointer;text-decoration: none;
color: #000;
}
.eg-mini-sort-down,
.eg-mini-sort-up { display: inline-block; width:8px;height:20px;margin:0 ;padding:0; outline: none !important; border:none !important; 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:before,
.eg-mini-sort-up:before { margin:0 !important; height:20px;width:14px; padding:0; line-height:20px !important; color:#000; font-size: 14px}
/********************************
- NEWSLETTER STYLING -
********************************/
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:#f7345e; font-size:17px;margin-right:10px; vertical-align: top;}
#why-subscribe-wrapper li {
list-style-type: disc;
margin-left: 20px;
}
/******************************
- WAIT A MINUTE -
******************************/
#waitaminute { 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 { margin-left:-170px;position:relative;border-spacing:0px }
#grid-columns-table tr,
#grid-columns-table td { padding: 0px !important; }
#grid-columns-table input[type="text"] { text-align: right; }
#grid-columns-table label { margin-left: 0px; }
.esg-adv-row-title { vertical-align:top !important}
.esg-adv-row-title-span { display:inline-block; vertical-align:top;width:100px; line-height: 20px; text-align: center;}
.esg-adv-row-title-span-small { display:inline-block; vertical-align:top;width:50px; line-height: 20px; text-align: center; margin-right:5px;}
.eg-filter-add-custom-filter{
color: #fff;background:#5a40aa; border-radius: 50%;
border-radius: 50%;
color: #fff;
font-size: 20px;
margin-top: 15px;
line-height: 30px;
text-align: center;
vertical-align: top;
left: 50%;
position: absolute;
bottom: 5px;
margin-left: -15px;
width: 30px;
}
.eg-filter-add-custom-filter:hover{
filter: brightness(110%);
color: #fff;
}
.eg-filter-option-top-m {
text-align: center;
margin-top: 15px;
}
#inst-filter-grid { display: block;}
.inst-filter-griditem { cursor:pointer; position:relative;width:150px;height:150px; display:inline-block; margin-right:5px;margin-bottom:0px; 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 #22c8e5;padding:0; }
#eg-form-item-skin-layout-settings label {vertical-align: top}
body.hide-custom-options .eg-addnewitem-wrapper {display: none !important}
/* 2.2.5 */
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn,
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn.focus,
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn:focus,
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn.active,
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn.active:focus,
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn.active:hover,
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn:active {
box-shadow: none;
text-shadow: none;
vertical-align: bottom
}
/* 2.2 */
.featured-img-hideable {display: none; margin-left: 30px}
.show-featured-img-settings .featured-img-hideable {display: block}
/* 2.2.5 */
.hide-esg-item-settings .esg-atoolbar {
display: none !important;
}
/* 3.0.0 */
#search_and_amount { position: absolute; top: 3px; right: 0px; }
#esg-search-grids { position:relative; display: inline-block}
/* 2.2.6 */
#esg-search-grids,
#ess-pagination-form {
visibility: hidden;
opacity: 0;
}
#esg-search-grids.visible,
#ess-pagination-form.visible {
visibility: visible;
opacity: 1;
}
/* 2.2.3 */
.esg-custom-dialog-blank .esg-item-skin-media-title,
.esg-custom-dialog-blank .esg-blank-hide-meta-notice,
.esg-custom-dialog-blank .esg-blank-hideable,
.esg-custom-dialog-blank #eg-custom-item-options > div:not(.for-blank),
.esg-custom-dialog-blank #esg-item-skin-elements-settings > div:not(.for-blank) {display: none}
.eg-esgblankskin-wrapper * {visibility: hidden !important}
.eg-esgblankskin-wrapper .esg-atoolbar,
.eg-esgblankskin-wrapper .esg-atoolbar * {visibility: visible !important}
.eg-esgblankskin-wrapper:after {
content: "\f335";
display: inline-block;
font-size: 64px;
color: #CCC;
line-height: 1;
font-family: dashicons;
text-decoration: inherit;
font-weight:400;
font-style: normal;
vertical-align: top;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
z-index: 99999;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
visibility: visible !important;
}
.input-animation-delay {}
/* 2.2.6 */
.cover-animation-color-wrap {}
.cover-animation-color-hide {display:none;}
.esg-hide-option {display: none !important}
.eg-custom-meta-setting-wrap > * {vertical-align: top !important; margin-right: 4px !important}
/* 2.3 - pretty skin previews */
.ess-grid_page_essential-grid-item-skin #esg-grid-1-1 .eg-facebookstream-element-33,
.toplevel_page_essential-grid #esg-grid-even-1 .eg-facebookstream-element-33,
.ess-grid_page_essential-grid-item-skin #esg-grid-1-1 .eg-facebookstream-element-3,
.toplevel_page_essential-grid #esg-grid-even-1 .eg-facebookstream-element-3,
.ess-grid_page_essential-grid-item-skin #esg-grid-1-1 .eg-richard-nixon-element-0,
.toplevel_page_essential-grid #esg-grid-even-1 .eg-richard-nixon-element-0,
.ess-grid_page_essential-grid-item-skin #esg-grid-1-1 .eg-gerald-ford-element-11,
.toplevel_page_essential-grid #esg-grid-even-1 .eg-gerald-ford-element-11 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
max-height: 50px;
}
.esg_logo_rotating { width:45px;height:45px; display:block; margin:20px auto; position: relative}
#import_dialog_box_action,#nowinstalling_label,
#import_dialog_box { text-align: center; font-weight:300; color:#888; font-size: 12px;line-height:20px;}
.import_failure { font-weight:600; color:#888; font-size: 12px; color:#d50000;}
#import_dialog_box { font-weight:600; font-size:14px;}
.esgcycle {
position: absolute;
background-position: center center;
background-repeat: no-repeat;
width: 45px;
height: 45px;
top: 10px;
left: 10px;
}
.import-spinner {
width: 45px;
height: 45px;
border-radius: 3px;
background: #f7345e;
position: absolute;
}
.import-spinner div {
width: 45px;
height: 45px;
margin: 0;
position: absolute;
transform-origin: center;
top: 8px;
left: 8px;
}
.import-spinner span {
display: block;
float: left;
width: 9px;
height: 9px;
background: #fff;
border-radius: 2px;
margin: 2px 5px 5px 2px;
animation: logo-rotate infinite 3s;
transition: all 0.5s ease;
}
.import-spinner span:nth-child(2) {
animation: logo-rotate2 infinite 3s;
}
.import-spinner span:nth-child(3) {
animation: logo-rotate4 infinite 3s;
}
.import-spinner span:nth-child(4) {
animation: logo-rotate3 infinite 3s;
}
@keyframes logo-rotate {
0% {
transform: scale(0)
}
20% {
transform: scale(1)
}
100% {
transform: scale(0)
}
}
@keyframes logo-rotate2 {
0% {
transform: scale(0)
}
20% {
transform: scale(0)
}
40% {
transform: scale(1)
}
100% {
transform: scale(0)
}
}
@keyframes logo-rotate3 {
0% {
transform: scale(0)
}
40% {
transform: scale(0)
}
60% {
transform: scale(1)
}
100% {
transform: scale(0)
}
}
@keyframes logo-rotate4 {
0% {
transform: scale(0)
}
60% {
transform: scale(0)
}
80% {
transform: scale(1)
}
100% {
transform: scale(0)
}
}
/*.import-spinner {
position: absolute;
width: 100px;
height: 100px;
border-radius: 50px;
left: 10px;
top: 10px;
}
.import-spinner span {
display: block;
position: absolute;
top: 0px;
left: 40px;
height: 100px;
width: 20px;
}
.import-spinner span::before {
content: "";
display: inline-block;
height: 20px;
width: 20px;
border-radius: 10px;
background-color: #fff;
transform: scale(0);
animation: bloop infinite 2s;
}
.import-spinner span:nth-child(0) {
transform: rotate(0deg);
}
.import-spinner span:nth-child(0)::before {
animation-delay: 0ms;
}
.import-spinner span:nth-child(1) {
transform: rotate(36deg);
}
.import-spinner span:nth-child(1)::before {
animation-delay: 200ms;
}
.import-spinner span:nth-child(2) {
transform: rotate(72deg);
}
.import-spinner span:nth-child(2)::before {
animation-delay: 400ms;
}
.import-spinner span:nth-child(3) {
transform: rotate(108deg);
}
.import-spinner span:nth-child(3)::before {
animation-delay: 600ms;
}
.import-spinner span:nth-child(4) {
transform: rotate(144deg);
}
.import-spinner span:nth-child(4)::before {
animation-delay: 800ms;
}
.import-spinner span:nth-child(5) {
transform: rotate(180deg);
}
.import-spinner span:nth-child(5)::before {
animation-delay: 1000ms;
}
.import-spinner span:nth-child(6) {
transform: rotate(216deg);
}
.import-spinner span:nth-child(6)::before {
animation-delay: 1200ms;
}
.import-spinner span:nth-child(7) {
transform: rotate(252deg);
}
.import-spinner span:nth-child(7)::before {
animation-delay: 1400ms;
}
.import-spinner span:nth-child(8) {
transform: rotate(288deg);
}
.import-spinner span:nth-child(8)::before {
animation-delay: 1600ms;
}
.import-spinner span:nth-child(9) {
transform: rotate(324deg);
}
.import-spinner span:nth-child(9)::before {
animation-delay: 1800ms;
}
.import-spinner span:nth-child(10) {
transform: rotate(0deg);
}
.import-spinner span:nth-child(10)::before {
animation-delay: 2000ms;
}
@keyframes bloop {
0% {
transform: scale(0);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}*/
#esg-libary-wrapper h2.topheader {padding: 0px 20px 0px 260px}
#esg-libary-wrapper h2.topheader:before {left: 40px}
#esg-libary-wrapper #esg-close-template {width: 22px; height: 22px; background-size: 22px 22px; right: 40px; top: 40px}
#esg-libary-wrapper #esg-close-template:hover {opacity: 0.5}
#import_dialog_box div {color: #000}
.esg-open-premium-benefits-dialog-container .esg-premium-benefits-block .big_present,
.esg-open-premium-benefits-dialog-container .esg-premium-benefits-block .big_diamond {transform: scale(0.5); margin-left: 18px; margin-right: 10px}
.esg-open-premium-benefits-dialog-container .esg-premium-benefits-block .big_diamond {margin-right: 5px}
#esg-premium-benefits-dialog {background-image: url(../images/oops/getpurchasecode_deko-EG.jpg); background-position: bottom center; background-size: contain}
#eg-elements-container-grid .mainul {filter: brightness(90%);}
#eg-elements-container-grid,
#eg-wrap .backend-flat #eg-elements-container-grid .esg-filters,
#eg-wrap .backend-flat #eg-elements-container-grid .esg-pagination{background: #5d34af !important; margin-bottom: 0px;}
#eg-wrap .backend-flat #eg-elements-container-grid .esg-filterbutton { padding: 0px 15px; color: rgba(255,255,255,0.6); line-height: 50px}
#eg-wrap .backend-flat #eg-elements-container-grid .esg-filterbutton:hover { color: #fff; }
#eg-wrap .backend-flat #eg-elements-container-grid .esg-filterbutton.selected { background: #6b52b3; color:#fff; }
/*
Ver 2.3.7 - 08.06.2020
*/
/*
NAVIGATION BETWEEN THE DIFFERENT ITEM SKINS IN GRID EDITOR
*/
#eg-selected-skins-wrapper { min-height: 360px; padding-top: 15px; }
#eg-selected-skins-default #main_skin_selector_nav_area {
position: absolute;
left: -171px;
top: 17px;
text-align: center;
width: 150px;
}
#eg-selected-skins-default #esg-grid-even-1 >div>.esg-filters.esg-singlefilters .esg-filterbutton {
width: 105px;
text-align: center;
margin-right: 0px;
border-radius: 25px;
color: #fff;
font-weight: 700;
background: rgba(0,0,0,0.15);
padding: 5px 10px;
margin-bottom: 5px;
cursor: pointer;
}
#eg-selected-skins-default #esg-grid-even-1 .esg-pagination .esg-navigationbutton {
width: 40px;
height: 40px;
border-radius: 50%;
color: #fff;
font-weight: 700;
background: rgba(0,0,0,0.15);
line-height: 40px;
margin-right: 5px;
margin-bottom: 5px;
cursor: pointer;
}
#eg-selected-skins-default #esg-grid-even-1 .esg-pagination .esg-navigationbutton.selected,
#eg-selected-skins-default #esg-grid-even-1 .esg-pagination .esg-navigationbutton:hover,
#eg-selected-skins-default #esg-grid-even-1 >div>.esg-filters.esg-singlefilters .esg-filterbutton.selected,
#eg-selected-skins-default #esg-grid-even-1 >div>.esg-filters.esg-singlefilters .esg-filterbutton:hover {
background: rgba(255,255,255,0.15);
}
#navigation-skin-css-class-name { font-style: italic; display: inline-block;line-height: 1.5; }
.esg-simp-row { line-height: 30px; font-size: 13px; color: #444;margin-bottom: 15px; }
#navigation-skin-select { max-width: 200px }
.esg-needattention {
z-index: 10000;
}
.esg-needattention:after {
content: "!";
position: absolute;
right: -5px;
top: -5px;
background: #f7345e;
border-radius: 15px;
width: 15px;
height: 15px;
color: #fff;
text-align: center;
line-height: 15px;
box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}
.esg-needattention_item:after {
content: "!";
position: absolute;
left: -8px;
top: 50%;
margin-top: -8px;
font-size: 12px;
background: #f7345e;
border-radius: 15px;
width: 15px;
height: 15px;
color: #fff;
text-align: center;
line-height: 15px;
box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}
#nav_skin_preview_wrap { position: relative; margin-top: 15px; width:100%; top:0px;left:0px; z-index: 1000}
#nav_skin_preview { padding: 15px; position:relative;background-image:url(../images/trans_tile2.png);background-repeat:repeat; width:100%;box-sizing: border-box}
#nav_skin_preview_content { position: relative;z-index: 100; }
#nav_skin_preview_colored{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 0;
}
#filter-select-dialog-save { position: absolute; left: 0px; }
#nav_skin_preview .esg-filter-wrapper { visibility: visible !important }
#post_meta_dialog_update_button,
#create_nav_skin_from_template,
#single_image_addition,
#bulk_image_addition,
#custom_element_edit_close,
#custom_element_edit_save,
#custom_element_edit_save_norefresh,
#add-link-meta,
#add-custom-meta-add,
#filter-select-dialog-save,
#filter-custom-dialog-save,
#filter-select-dialog-close,
#filter-custom-dialog-edit,
#filter-custom-dialog-delete,
#eg_pages_add_selected,
#adv_rules_reset_btn,
#reset_to_nav_skin_button { background: #5d34af}
#reset_to_nav_skin_button { position: absolute; left: 0px; }
#adv_rules_save_btn,
#save_navigation_skin_button { background-color: #00ceab; box-shadow: none; color: #fff; }
#adv_rules_disc_btn { background: #f7345e; }
#esg-settings-ajax-settings .mce-toolbar-grp,
#esg-settings-ajax-settings .quicktags-toolbar
{
background: #e2e1e5;
}
#esg-settings-ajax-settings .html-active .switch-html,
#esg-settings-ajax-settings .tmce-active .switch-tmce {
background: #e2e1e5;
border: 1px solid #e2e1e5;
}
.esg-pinme {
position: absolute;
right: 15px;
top: 0px;
cursor: pointer;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
color: #000;
transform-origin: 50% 50%;
vertical-align: top;
transform: rotate(90deg);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pinneable.pinned .esg-pinme { transform: rotate(0deg); }
#eg-wrap .esg-box .esg-box-title .esg-pinme i.material-icons {margin: 0px;}
.eg-pbox.esg-box.pinneable {position: relative;z-index: 100;top: auto;}
.eg-pbox.esg-box.pinneable.pinned:not(.inunpinneablerange) { position: fixed;z-index: 100000; top: 40px; margin-left:3px;}