/var/www/vhosts/ihelp.ro/ajutam.ro/wp-content/plugins/essential-grid/admin/assets/css
Edit: /var/www/vhosts/ihelp.ro/ajutam.ro/wp-content/plugins/essential-grid/admin/assets/css/esg-admin.css (107909B)
/********************************
- 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: 0 10px 30px rgba(0, 0, 0, 0.05);
box-sizing: border-box;
padding: 30px 0;
}
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: 0 20px 0 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: 0;
position: absolute;
left: 20px;
background-position: left center;
background-size: 100%
}
#eg-live-preview-wrap .esg-container-fullscreen-forcer {
width: 100% !important;
left: 0 !important;
}
.esg-box-inside {
position: relative;
}
.esg-box-inside-p-20 {
padding: 20px;
}
.esg-box-inside-layout {
padding: 0 !important;
margin: 0 !important;
height: 100%;
position: relative;
background: #e1e1e1;
}
.esg-box-inside-item-layout {
padding: 20px;
z-index: 1000;
position: relative;
}
/******************************
- IMPORT / EXPORT -
********************************/
#eg-grid-export-import-wrapper ul {
margin: 0 !important
}
#eg-grid-export-import-wrapper li {
margin-bottom: 0;
}
#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: 0 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: 0;
left: 0;
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: 0 0px 0 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: 0 0px 0 0px !important;
padding: 5px 10px 5px 10px !important;
border-top-width: 0 !important;
border-right-width: 0 !important;
border-bottom-width: 0 !important;
border-left-width: 0 !important;
border-radius: 0 0px 0 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 0 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-4 {
height: 5px;
visibility: hidden;
}
.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: 0 10px !important;
}
.eg-addnewitem-element-5 {
margin: 0 5px 0 10px !important;
}
.eg-addnewitem-element-6 {
margin: 0 10px 0 5px !important;
}
.eg-addnewitem-container {
background-color: #5d34af;
}
.eg-addnewitem-content {
background-color: #d5d5d5;
padding: 0 0px 0 0;
border-width: 0 0px 0 0;
border-radius: 0 0px 0 0;
border-color: transparent;
border-style: none;
text-align: left;
}
li.eg-addnewitem-wrapper {
background-color: #d5d5d5;
padding: 0 0px 0 0;
border-width: 0 0px 0 0;
border-radius: 0 0px 0 0;
border-color: transparent;
border-style: none;
overflow: hidden;
}
/********************************************
- SKIN EDITOR META LIST SELECTOR -
********************************************/
#meta-dialog-wrap table {
width: 100%;
border-spacing: 0;
}
#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: 0 0px 15px !important;
background-color: transparent;
}
#eg-selected-skins-wrapper .esg-filters {
padding: 15px 0 !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: 13px 15px 13px 20px !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: 0 !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: 0;
background-color: #22c8e5 !important;
margin: 0;
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: 0;
background-color: #27AE60 !important;
margin: 0;
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: 0 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: 0 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: 0;
}
.essential-grid-revolution-update-list ul {
font-size: 13px;
font-weight: 400;
line-height: 18px;
color: #222;
padding: 0 0px 0 20px;
font-family: "Open Sans", sans;
}
.essential-grid-revolution-update-list li {
list-style-type: disc;
padding: 0;
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: 0;
}
#esg-libary-wrapper h2 {
padding: 0 40px;
color: #222;
margin: 0;
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: 0 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: 0 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_notice {
color: #F00;
font-size: 20px
}
.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/transparent.png); /* missing image - ../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: 0 6px;
text-transform: uppercase;
font-weight: 400;
margin-right: 0;
display: inline-block;
}
.library_meta_line .library_installed,
.library_meta_line .library_notinstalled {
float: right;
margin-right: 0;
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: 0;
padding: 30px;
width: 107%;
box-sizing: border-box;
box-shadow: 15px 15px 40px 0 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: 0;
}
.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: 0;
line-height: 16px;
margin-bottom: 0;
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;
width: 100%;
}
.esg-editor-space {
height: 20px;
width: 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: 0 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: 0;
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: 0;
left: 0;
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: 0;
left: 0;
display: none;
}
div.library_thumb_title span.library_new {
float: right;
margin-top: 8px;
background: #5d34af;
color: #fff;
padding: 0 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_blue.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;
font-size: 0;
}
.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: 0;
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: 0 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: 0;
margin-bottom: 0;
}
#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: 0;
}
#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 0;
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: 0;
left: 0;
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: 0;
position: absolute;
z-index: 10;
top: 40px;
line-height: 20px;
padding: 5px;
background: #fff;
}
#eg-navigations-sort-right {
left: auto;
right: 0;
}
#eg-navigations-sort-right .eg-navigation-drop-inner,
#eg-navigations-sort-left .eg-navigation-drop-inner {
padding: 5px 0;
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: 0;
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 0 0;
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: 0;
}
.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: 0;
}
.eg-navigation-cons {
white-space: nowrap;
color: #fff;
background: #ddd;
line-height: 30px;
border-radius: 15px;
padding: 0 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: 0;
margin-left: 0;
}
.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 0 0;
overflow: hidden;
background: #E2E1E5;
margin: 5px 0;
border: none;
line-height: 35px;
color: #717072;
font-size: 10px;
position: relative;
padding: 0 0;
border-bottom: none;
margin-bottom: 0;
}
.eg-ext-nav-desc {
width: 164px;
font-size: 13px;
color: #717072;
font-weight: 400;
display: inline-block;
background: #e5e5e5;
padding: 0 10px;
box-sizing: border-box;
}
#eg-navigation-external-description .eg-ext-nav-desc:first-child {
width: 132px;
}
#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: 0 0px 0 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: 0;
overflow: visible;
width: 44px;
border: none;
background: #e2e1e5;
z-index: 5000;
visibility: hidden;
box-shadow: 0 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: 0 !important;
display: inline-block;
width: 200px;
height: 40px !important;
padding: 0 !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: 0 20px 0 0;
padding: 0;
}
/******************************
- 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: 0;
}
/******************************
- 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: 0 !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;
}
.esg-item-skin-name{
display: inline-block;
display: inline-block;
line-height: 20px;
vertical-align: top;
padding: 20px 0 15px;
}
.esg-item-skin-name-notice {
font-size: 12px;
font-weight: 600;
}
.esg-item-skin-form-wrapper {
display: inline-block;
width: 670px;
margin-right: 15px;
}
.esg-item-skin-form-wrapper .esg-box-inside {
padding: 0;
margin: 0;
min-height: 455px;
}
.esg-item-skin-form-wrapper .eg-lc-menu-wrapper,
.esg-item-skin-form-wrapper .eg-lc-vertical-menu {
height: 100%;
}
.esg-item-skin-form-wrapper .esg-element-source-text {
width: 350px;
height: 150px;
}
#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: 0 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: 0;
bottom: 0;
padding: 0 5px;
background: #fff;
border-left: 1px solid #ccc;
border-radius: 0 4px 4px 0;
}
/*********************************
- 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: 0 10px;
border-radius: 3px
}
.eg-special .skin-dz-elements.eg-special-element-margin {
margin-left: 15px;
}
.eg-special .skin-dz-elements i {
font-size: 14px;
line-height: 12px;
}
/******************************
- 3dmap -
********************************/
.eg-3dpp {
position: absolute;
top: 0;
left: 0;
height: 470px;
opacity: 0;
}
#eg-3dpp-inner {
position: absolute;
top: 0;
left: 0;
padding: 20px;
background: url(../images/trans_tile2.png) repeat;
width: 100%;
height: 100%;
box-sizing: border-box;
}
#eg-3dpp-inner.esg-relative {
position: relative;
}
.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: 0;
top: 0;
position: absolute;
background: url(../images/tp_placeholder.png);
background-position: center center;
background-size: cover;
}
.eg-3d-cover {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
background: rgb(52, 73, 94);
background: rgba(52, 73, 94, 0.6);
}
.eg-3d-ccbg {
background: #f1f1f1;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
}
.eg-3d-element {
position: relative;
}
.eg-3d-element-title {
margin-top: 30px;
color: #34495e;
background: #fff;
padding: 5px 10px;
font-size: 12px;
display: inline-block;
}
.eg-3d-element-spacer {
width: 100%;
height: 5px;
}
.eg-3d-element-date {
color: #000;
background: #fff;
padding: 3px 7px;
font-size: 12px;
display: inline-block;
}
.eg-3d-element-title-cc {
font-size: 14px;
font-weight: 600;
color: #34495e;
background: #fff;
padding: 3px 7px;
}
.eg-3d-element-desc-cc {
font-size: 12px;
line-height: 14px;
color: #34495e;
background: #fff;
padding: 3px 7px;
font-weight: 400;
margin-top: 5px;
}
.eg-3d-element-lorem-cc {
margin-top: 10px;
font-size: 11px;
color: #333;
font-weight: 600;
background: #34495e;
padding: 3px 5px;
float: right;
color: #fff;
font-wieght: 600;
}
.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: 0;
left: 0;
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: 0;
bottom: -53px;
cursor: pointer;
}
.esg-el-settings-container .drop-to-stylereset {
position: absolute;
bottom: auto;
top: -53px;
right: 0;
}
.eg-trashdropzone {
top: 10px;
right: 15px;
padding: 0 10px;
bottom: auto;
}
.eg-trashdropzone .esg-text-container {
line-height: 30px;
display: inline-block;
}
.eg-trashdropzone .esg-text-container span {
font-size: 10px;
white-space: nowrap;
}
.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: 0;
border-left: none;
border-right: none;
}
.cltleftright .custom-layout-deko {
height: 100%;
width: 5px;
left: 27px;
top: 0;
border-top: none;
border-bottom: none;
}
.cltcenter .custom-layout-deko {
height: 50%;
width: 50%;
left: 24%;
top: 24%;
}
.custom-layout-type.cltcenter {
margin-right: 0;
}
.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;
}
#eg-wrap .watermarks-image-holder-wrap-div {
height: auto;
max-height: 100px;
max-width: 200px;
width: auto;
}
.eg-default-image-container {
margin-bottom: -7px;
}
/****************************
* 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 0 !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: 0;
cursor: pointer;
}
.eg-ov-1 {
right: 90px;
}
.eg-ov-2 {
right: 60px;
}
.eg-ov-3 {
right: 30px;
}
.eg-ov-4 {
right: 0;
}
.eg-ov-10 {
left: 0;
}
.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%);
}
.eg-fontello-icons-dialog-wrap {
width: 602px;
height: 405px;
margin-left: 15px;
overflow: scroll;
display: none;
}
.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: 0 !important;
margin: 0 !important;
box-sizing: border-box;
background: #5d34af;
}
.eg-lc-vertical-menu li {
margin-bottom: 0;
display: inline-block;
line-height: 56px;
height: 56px;
cursor: pointer;
background: transparent !important;
border: none !important;
padding: 0 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: 0;
visibility: hidden;
margin: 0;
box-sizing: border-box;
padding: 20px;
}
#eg-lc-spaces.esg-lc-settings-container {
padding-top: 0;
}
.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: 0;
border-radius: 0;
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: 0 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: 0 -20px;
background: #e2e1e5;
box-sizing: border-box;
line-height: 36px;
}
.eg-submenu li {
padding: 5px 10px;
margin: 0;
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;
}
#eg-style-idle .eg-small-vertical-menu,
#eg-style-hover .eg-small-vertical-menu {
height: 420px;
}
/******************************
- SMALL VERTICAL MENU -
********************************/
.eg-small-vertical-menu {
width: 65px;
height: 360px;
}
.eg-small-vertical-menu ul {
height: 100%;
padding: 0 !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: 0;
margin-bottom: 3px;
display: inline-block;
width: 65px;
}
.eg-small-vertical-menu li {
float: none !important;
margin-bottom: 0;
line-height: 15px;
height: 60px;
padding: 15px 0 !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 {
position: relative;
height: 470px;
padding: 0 !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: 0 !important;
margin: 2px 0 -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: 0 !important;
margin: 2px 0 -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 {
outline: 2px dashed rgba(255, 255, 255, 0.5);
}
#esg-settings-actions {
padding: 0 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 0 0;
}
#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: 0 0px 0 150px;
background: #E2E1E5;
margin: 0;
position: relative;
z-index: 98;
width: 100%;
box-sizing: border-box;
}
.es-grid-meta-tabs, .es-grid-search-tabs {
padding-left: 0;
}
#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: 0;
padding: 0 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: 0;
}
.es-grid-meta-tabs li, .es-grid-search-tabs li {
padding: 0;
}
.es-grid-meta-tabs li a, .es-grid-search-tabs li a {
padding: 0 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: 0;
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;
}
.esg-font-settings{}
.esg-font-settings i.material-icons,
#eg-wrap #eg-global-settings-menu .esg-font-settings i.material-icons {
font-size: 20px;
line-height: 56px;
}
#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: 0;
left: 0;
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
}
#eg-wrap #eg-global-settings-menu .esg-rightclick-settings .material-icons {
font-size: 22px;
}
.sws-toolbar-button {
width: 200px;
position: relative;
display: block;
}
.sws-toolbar-button-transform {
transform: translate(0px, 0px);
}
#eg-wrap .sws-toolbar-button a.esg-btn {
margin: 0 !important;
display: inline-block;
width: 100%;
height: 40px !important;
font-size: 14px;
line-height: 40px !important;
border-radius: 0;
height: 40px;
margin: 0;
padding: 0;
}
#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;
}
#eg-wrap .sws-toolbar-button i.rs-icon-save-light {
padding-left: 4px;
}
.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;
}
.esg-box-min-width {
width: 100%;
min-width: 500px;
}
.rs-icon-save-light {
background-image: url(../images/toolbar/icon-save-light.png);
background-size: 16px 16px;
min-width: 16px;
}
.sws-toolbar-button-transform .rs-icon-save-light {
padding-left: 4px;
}
#eg-wrap .eg-pbox,
#eg-wrap .stuffbox {
margin-bottom: 15px;
}
#eg-grid-even-item-skin-wrapper .eg-pbox {
margin-bottom: 0;
}
.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;
}
.esg-msow-inner-container {
min-width: 305px;
margin-right: 15px;
display: inline-block;
margin-bottom: 15px;
}
.eg-custom-meta-info-box,
.eg-search-settings-info-box {
margin-bottom: 15px;
background: transparent;
color: #000;
font-size: 12px;
}
#eg-wrap .metabox-title {
font-size: 15px;
font-weight: 500;
line-height: 25px;
padding: 0;
vertical-align: top;
margin-bottom: 15px;
}
#eg-wrap .metabox-title .material-icons {
line-height: 25px;
vertical-align: top;
margin-right: 15px;
font-size: 17px
}
/****************************
* General Styles
****************************/
#eg-wrap .input-settings-small,
#eg-wrap input[type=number].input-settings-small,
.input-settings-small {
width: 50px;
}
.input-settings-small-viewport-buffer {
display: inline-block;
vertical-align: middle;
margin-left: 0;
}
.padding-10 {
padding: 10px;
}
.padding-15-nt {
padding: 0 15px;
margin: 0 !important;
}
.del-page-entry {
cursor: pointer;
}
.columns-width, .columns-height {
display: none;
}
.grid-columns-input,
#eg-wrap input[type=text]:not(.eg-search-input).input-settings-small.grid-columns-input {
margin-right: 5px;
width: 100px;
}
/****************************
* 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: 0;
left: 0;
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: 0;
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: 0;
left: 0;
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: 0;
}
#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: 0;
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: 0;
left: 0;
}
.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) 0 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: 0;
left: 0;
cursor: move !important;
background: #ff0000;
}
.eg-draggable .dragme i {
position: absolute;
right: 5px;
top: 10px;
color: #999;
}
#eg-element-text .skin-dz-elements {
margin: 0 5px 5px 0 !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: 0;
left: 0;
width: 100%;
z-index: 0
}
.esg-tc {
top: 0;
left: 0;
width: 100%;
z-index: 2
}
.esg-bc {
bottom: 0;
left: 0;
width: 100%;
z-index: 2
}
.esg-rc {
top: 0;
right: 0;
height: 100%;
z-index: 2;
width: auto;
bottom: auto;
right: auto;
}
.esg-lc {
top: 0;
left: 0;
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: 0;
left: 0;
width: 100%;
height: auto;
}
#skin-dz-br,
#skin-dz-tl {
width: 100%;
height: 100%;
position: absolute;
}
#skin-dz-tl {
top: 0;
}
#skin-dz-br {
bottom: 0;
}
.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: 0 !important;
}
#eg-it-layout-wrap {
display: inline-block;
}
/******************************
- MEDIA SOURCE ORDER -
********************************/
.eg_edit_custom_category {
position: absolute;
width: 20px;
height: 30px;
right: 60px;
top: 0;
cursor: pointer;
opacity: 0.5;
display: none;
font-size: 16px !important;
}
.eg_delete_custom_category {
position: absolute;
width: 20px;
height: 30px;
right: 40px;
top: 0;
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);
}
.eg-media-source-order-wrap-margin {
margin-bottom: 15px;
}
.eg-media-source-order-wrap-additional {
height: auto;
margin-top: 10px;
}
.eg-media-source-order-wrap .eg-filter-selected-span {
display: inline-block;
max-width: 300px;
}
.eg-poster-media-source-container {
display: inline-block;
min-width: 305px;
vertical-align: top;
margin-bottom: 15px;
}
.esg-prewrap {
padding: 15px;
background: #e2e1e5;
border-radius: 3px;
border: none;
margin-left: -170px;
}
.esg-prewrap pre code {
background: transparent;
padding: 0;
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: 0;
}
.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
}
.esg-box-grid-widget-area {
width: 100%;
min-width: 500px;
}
.esg-box-grid-widget-area .esg-box-inside {
display: none;
padding: 0 !important;
margin: 0 !important;
height: 100%;
position: relative;
background: #ebebeb;
}
#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: 0 20px;
color: #fff;
background: #22c8e5;
outline: none !important;
box-shadow: none !important;
cursor: pointer
}
/******************************
- ESGMirror Styling -
********************************/
.eg-esgmirror-border .ESGMirror {
}
/****************************************
- PAGINATION FOR ESS GRID -
****************************************/
.ess-pagination-wrap {
line-height: 30px;
margin: 15px 0 0;
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: 0;
}
#esg-preview-wrapper .esg-atoolbar {
background-color: rgba(226, 225, 229, 0.85) !important
}
/*#e2e1e5 !important*/
.esg-skineditor-toolbar,
.esg-atoolbar {
display: block;
width: 100%;
height: 30px;
top: 0;
left: 0;
position: absolute;
z-index: 10;
padding: 0;
background: #e2e1e5;
}
.esg-atoolbar-transparent {
background-color: transparent;
}
.esg-screenselect-toolbar {
display: block;
width: 100%;
height: 30px;
top: 0;
left: 0;
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;
text-align: center;
line-height: 30px;
background: #fff;
z-index: 210;
}
.ar-open-meta {
z-index: 100;
position: absolute;
right: 0;
background: #5d34af;
color: #fff;
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
cursor: pointer;
top: 15px;
font-size: 12px;
border-radius: 0 3px 3px 0;
}
.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: 0;
}
.ar-form-table-wrapper table tr td {
padding: 15px 0 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 0;
background: #fff
}
.essential-dialog-wrap .ar-form-table-heading-wrapper table {
text-align: center;
width: 100%;
z-index: 200;
}
.essential-dialog-wrap .ar-form-table-heading-wrapper table tr {
text-align: center;
background: #5d34af;
color: #fff;
}
.essential-dialog-wrap .ar-form-table-heading-wrapper table tr td {
padding: 15px 0;
}
.essential-dialog-wrap .ar-form-table-data-wrapper {
height: 345px;
width: 100%;
overflow: scroll;
}
/******************************
- 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: 0 -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 0;
}
.eg-filter-option-field input,
.eg-filter-option-field select {
width: 100%;
box-sizing: border-box;
}
.eg-filter-option-field input.filter-all-first,
.esg_dialog input[type=radio].filter-all-first,
#eg-wrap input[type=radio].filter-all-first {
margin-left: 5px;
}
.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-left: 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 !important;
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: 0;
left: 0;
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: 0 !important;
}
#grid-columns-table input[type="text"] {
text-align: right;
}
#grid-columns-table label {
margin-left: 0;
}
.esg-adv-row-actions {
position: absolute;
top: 11px;
white-space: nowrap;
left: 100%;
}
.esg-adv-row-title {
vertical-align: top !important
}
.esg-adv-row-title-span {
display: inline-block;
vertical-align: top;
width: 100px;
margin-left: 5px;
line-height: 20px;
text-align: center;
}
.esg-adv-row-title-span:first-child {
margin-left: 0;
}
.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 {
position: relative;
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: 0;
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: 0;
left: 0;
}
.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: 0;
}
#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)
}
}
#esg-libary-wrapper h2.topheader {
padding: 0 20px 0 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: 0;
}
#eg-wrap .backend-flat #eg-elements-container-grid .esg-filterbutton {
padding: 0 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: 0;
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: 0 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: 0 3px 5px rgba(0, 0, 0, 0.2);
}
#nav_skin_preview_wrap {
position: relative;
margin-top: 15px;
width: 100%;
top: 0;
left: 0;
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: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
#filter-select-dialog-save {
position: absolute;
left: 0;
}
#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: 0;
}
#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: 0;
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: 0;
}
.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;
}
.esg-notices-button-container {
text-align: right;
vertical-align: middle;
display: table-cell;
min-width: 225px;
border-left: 1px solid #ddd;
padding-left: 15px;
}
.esg-notices-button {
color: #999;
text-decoration: none !important;
font-size: 14px;
font-weight: 400;
}
.esg-notices-button:hover {
color: #3498DB !important;
}
.esg-notices-button b {
font-weight: 800;
vertical-align: bottom;
line-height: 15px;
font-size: 10px;
margin-left: 10px;
margin-right: 10px;
border: 2px solid #999;
display: inline-block;
width: 15px;
height: 15px;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.esg-notices-button:hover b {
border-color: #3498DB;
}
.esg-update-notice-wrap {
clear: both;
display: block;
position: relative;
margin: 35px 20px 25px 0;
}
.esg-update-notice-table {
display: table;
width: 100%;
}
.esg-update-notice-table-cell {
vertical-align: middle;
display: table-cell;
min-width: 100%;
padding-right: 15px;
}
.ess-grid-gallery-setting-title-separator {
z-index: -1;
}
.media-sidebar .setting input[type=text],
.media-sidebar .setting select {
width: 55%;
}
.collection-settings .setting span {
min-width: 105px;
}
.eg-tooltip-wrap-position {
position: absolute;
right: 0;
top: 0;
}
.esg-dropzone-margin-label {
display: inline-block;
min-width: 90px;
text-align: right;
}
.esg-dropzone-spacer {
width: 100%;
height: 25px;
clear: both
}
.esg-meta-box-spacer {
width: 100%;
height: 1px;
display: block;
}
.eg-cobbles-pattern-wrap {
margin: 15px 0;
}
#eg-ratio-wrapper {
display: inline-block;
}
.esg-cursor-move {
cursor: move;
}
.esg-font-size-12 {
font-size: 12px;
}
.esg-font-size-14 {
font-size: 14px;
}
.esg-font-w-400 {
font-weight: 400 !important;
}
.esg-font-w-700 {
font-weight: 700 !important;
}
.esg-w-100p {
width: 100% !important;
}
.esg-w-50 {
width: 50px !important;
}
.esg-w-60 {
width: 60px !important;
}
.esg-w-70 {
width: 70px !important;
}
.esg-w-78 {
width: 78px !important;
}
.esg-w-85 {
width: 85px !important;
}
.esg-w-100 {
width: 100px !important;
}
.esg-w-105 {
width: 105px !important;
}
.esg-w-110 {
width: 110px !important;
}
.esg-w-120 {
width: 120px !important;
}
.esg-w-140 {
width: 140px !important;
}
.esg-w-145 {
width: 145px !important;
}
.esg-w-150 {
width: 150px !important;
}
.esg-w-180 {
width: 180px !important;
}
.esg-w-250 {
width: 250px !important;
}
.esg-w-260 {
width: 260px !important;
}
.esg-w-305 {
width: 305px !important;
}
.esg-w-335 {
width: 335px !important;
}
.esg-w-350 {
width: 350px !important;
}
.esg-w-400 {
width: 400px !important;
}
.esg-w-670 {
width: 670px !important;
}
.esg-watermarks-position-container {
direction: ltr;
display: inline-block;
position: relative;
width: 200px;
height: 200px;
padding: 0;
margin: 0;
border: none;
border-radius: 3px;
background: #E2E1E5;
}
.esg-watermarks-position-handle {
position: relative;
width: 60px;
height: 60px;
padding: 0;
margin: 0;
border: none;
border-radius: 3px;
background-color: #555;
cursor: move;
}
.esg-watermarks-position-handle .ui-resizable-se {
background-image: url(../images/ui-icons_222222_256x240.png);
background-position: -64px -224px;
}
.esg-watermarks-position-description {
display: inline-block;
vertical-align: top;
}
/* fix footer in wp-admin on esg pages */
.toplevel_page_essential-grid #wpfooter {
position: relative;
bottom: 40px;
}
/* RTL MODE START */
.rtl {}
.rtl #eg-wrap {
padding: 0 0 0 35px;
}
.rtl #eg-wrap h2.topheader {
padding: 0 240px 0 20px;
}
.rtl #eg-wrap h2.topheader:before {
left: auto;
right: 20px;
}
.rtl .esg_dialog input[type=radio],
.rtl #eg-wrap input[type=radio] {
margin: -2px 0 0 8px;
}
.rtl #eg-wrap input[type=checkbox] {
margin: 6px 0 0 10px;
}
.rtl #eg-wrap .esg-btn-big i.material-icons {
margin-right: 0;
margin-left: 5px;
}
.rtl .esg-btn,
.rtl .esg_dialog button.ui-button,
.rtl #eg-wrap .button.insert-media.add_media {
margin-right: 0;
margin-left: 5px;
}
.rtl .esg-btn i {
margin-right: 0;
margin-left: 5px;
}
.rtl #eg-global-settings-menu ul li.eg-menu-placeholder,
.rtl #eg-create-settings-menu ul li.eg-menu-placeholder {
position: relative;
height: 57px;
line-height: 57px;
}
.rtl #eg-global-settings-menu i, .rtl #eg-create-settings-menu i {
margin: 0 0 0 5px;
}
.rtl .esg-item-skin-form-wrapper {
margin-right: 0;
margin-left: 15px;
}
.rtl #eg-wrap .esg-box .esg-box-title i.material-icons {
margin-left: 10px;
margin-right: 0;
}
.rtl .eg-submenu li i, .eg-lc-vertical-menu i {
margin-left: 5px;
margin-right: 0;
}
.rtl .esg-pinme {
left: 15px;
right: auto;
}
.rtl .eg-special {
right: auto;
left: 15px;
}
.rtl .eg-special .skin-dz-elements.eg-special-element-margin {
margin-left: 0;
margin-right: 15px;
}
.rtl #eg-wrap .eg-item-skin-overview-name {
padding-left: 0;
padding-right: 10px;
}
.rtl .eg-ov-1 {
right: auto;
left: 90px;
}
.rtl .eg-ov-2 {
right: auto;
left: 60px;
}
.rtl .eg-ov-3 {
right: auto;
left: 30px;
}
.rtl .eg-ov-4 {
right: auto;
left: 0px;
}
.rtl .esg-el-settings-container {
left: auto;
right: 95px;
}
.rtl .drop-to-stylechange {
left: 5px;
right: auto;
}
.rtl .esg-radio-overwrite {
display: inline-block;
}
.rtl .eg-option-tabber-wrapper span.dashicons {
margin-right: 0;
margin-left: 10px;
}
.rtl .esg-msow-inner-container {
margin-right: 0;
margin-left: 15px;
}
.rtl .eg-media-source-order input[type="checkbox"],
.rtl .eg-media-source-order input[type="radio"] {
float: left;
}
.rtl .eg-addnewitem-element-5 {
margin: 0 10px 0 5px !important;
}
.rtl .eg-addnewitem-element-6 {
margin: 0 5px 0 10px !important;
}
.rtl span.inplabel,
.rtl span.eg-tooltip-wrap {
display: inline-block;
}
.rtl .esg-adv-row-actions {
left: auto;
right: 100%;
}
.rtl .eg-navigation-cons-wrapper {
text-align: right;
}
.rtl .eg-navigation-cons {
margin-right: 0;
margin-left: 5px;
}
.rtl #eg-navigations-drag-wrap {
margin-right: 0;
margin-left: 15px;
}
.rtl #eg-external-drag-wrap {
margin-right: 15px;
margin-left: 0;
}
.rtl #eg-external-drag-wrap .eg-navigation-drop-inner .eg-navigation-cons {
padding: 0 10px 0 0 !important;
text-align: right !important;
}
.rtl #eg-wrap #eg-selected-skins-wrapper .eg-edit-skin-button {
right: auto;
left: 0;
}
.rtl #nav_skin_preview_content.simple-light .esg-filter-wrapper.dropdownstyle>.esg-selected-filterbutton,
.rtl #nav_skin_preview_content.simple-light input.eg-search-input,
.rtl #nav_skin_preview_content.simple-light .esg-filterbutton,
.rtl #nav_skin_preview_content.simple-light .esg-navigationbutton,
.rtl #nav_skin_preview_content.simple-light .esg-sortbutton,
.rtl #nav_skin_preview_content.simple-light .esg-cartbutton,
.rtl #nav_skin_preview_content.simple-light .esg-sortbutton-order,
.rtl #nav_skin_preview_content.simple-light .esg-cartbutton-order,
.rtl #nav_skin_preview_content.simple-light .esg-filter-wrapper.eg-search-wrapper .eg-search-clean,
.rtl #nav_skin_preview_content.simple-light .esg-filter-wrapper.eg-search-wrapper .eg-search-submit .rtl .eg-navigation-cons {
margin-right: 0;
margin-left: 5px;
}
.rtl #reset_to_nav_skin_button {
left: auto;
right: 0;
margin-right: 16px;
}
.rtl #eg-selected-skins-default #main_skin_selector_nav_area {
left: auto;
right: -164px;
}
.rtl #eg-wrap select.esg-lighbox-effect-select {
margin-right: 0;
margin-left: 20px;
}
.rtl .esg-prewrap {
margin-left: 0;
margin-right: -170px;
}
.rtl .eg-filter-sc {
right: auto;
left: 5px;
padding-left: 0;
padding-right: 5px;
}
.rtl .eg-filter-sc input {
margin-right: 0;
margin-left: 5px;
}
.rtl .eg-cs-tbc {
padding: 13px 190px 13px 20px;
}
.rtl .eg-cs-tbc-padding {
padding-right: 15px;
}
.rtl .esg-box .eg-cs-tbc label {
margin-left: 0;
margin-right: -170px;
}
.rtl .ui-dialog {
right: auto;
}
.rtl .esg_dialog .ui-dialog-title {
padding: 0 140px 0 15px
}
.rtl .esg_dialog .ui-dialog-titlebar.ui-widget-header {
background-position: right 10px top 14px;
}
.rtl .esg_dialog button.ui-button.ui-dialog-titlebar-close {
left: 0;
right: auto;
}
.rtl .esg-btn.esg-help-button {
left: 20px;
right: auto;
}
.rtl #search_and_amount {
left: 0;
right: auto;
}
.rtl #ess-pagination-form {
float: left;
margin-left: 0;
margin-right: 10px;
}
.rtl .esg_info_box {
padding: 30px 80px 30px 30px;
}
.rtl .esg_info_box .esg-btn {
margin-left: 0;
margin-right: 15px;
}
.rtl .esg_info_box_decor {
left: auto;
right: 0;
}
.rtl #why-subscribe-wrapper li {
margin-left: 0;
margin-right: 20px;
}
.rtl #esg-libary-wrapper {
text-align: right;
}
.rtl #esg-libary-wrapper h2.topheader {
padding: 0 260px 0 20px;
}
.rtl #esg-libary-wrapper h2.topheader:before {
left: auto;
right: 40px;
}
.rtl #esg-libary-wrapper #esg-close-template {
left: 40px;
right: auto;
}
.rtl div.library_thumb_title span.library_new {
float: left;
}
.rtl .esg-f-left {
float: right !important;
}
.rtl .esg-f-right {
float: left !important;
}
.rtl .esg-margin-r-5 {
margin-left: 5px;
margin-right: 0;
}
.rtl .esg-margin-l-5 {
margin-left: 0;
margin-right: 5px;
}
.rtl .esg-margin-r-10 {
margin-left: 10px;
margin-right: 0;
}
.rtl .esg-margin-l-10 {
margin-left: 0;
margin-right: 10px;
}
.rtl .esg-padding-l-15 {
padding-left: 0;
padding-right: 15px;
}
.rtl .esg-padding-r-15 {
padding-left: 15px;
padding-right: 0;
}
.rtl .esg-text-left {
text-align: right;
}
.rtl .esg-text-right {
text-align: left;
}
/* RTL MODE END */