Root Explorer PHP

Editing: esg-admin.css

/********************************
	- ESSENTIAL GRID 3.0.0 -
*********************************/

.eg-toggle-favorite i { color: #5d34af;}
.esg-btn.esg-help-button { position: absolute; right: 20px;top: 25px; }

#create_import_grid_wrap { text-align:center; height: 100px; width: 100%;position: relative; background: url(../images/gridlistbg.png) repeat; box-shadow: 0px 10px 30px rgba(0,0,0,0.05); box-sizing: border-box; padding:30px 0px;}

span.description { font-size: 12px; }

.cachenumbercheck { display: inline-block }

/*********************************
	- ESSENTIAL GRID PRE 3.0.0 -
**********************************/

.ui-dialog-titlebar					{	background:#fcfcfc; border-bottom:1px solid #dfdfdf}

#eg-wrap h2.topheader				{	padding:0px 20px 0px 240px; background: #fff; min-height:80px; line-height:80px; white-space:nowrap;position: relative}
#eg-wrap h2.topheader:before		{	content:" ";background:url(../images/logo.png) no-repeat; width:207px;height:80px; top:0px; position:absolute; left:20px; background-position:left center; background-size: 100%}

#eg-live-preview-wrap .esg-container-fullscreen-forcer {	width:100% !important; left:0px !important;}

.esg-box-inside { position: relative }

/******************************
	-	IMPORT / EXPORT 	-
********************************/

#eg-grid-export-import-wrapper ul									{	margin:0px !important}
#eg-grid-export-import-wrapper li									{	margin-bottom:0px;}
/*#eg-grid-export-import-wrapper ul input								{	display:none !important}*/
#eg-grid-export-import-wrapper ul input[type="radio"]					{	display:inline-block}

#eg-grid-export-import-wrapper .eg-expand-collapse					{	margin-right:15px; cursor: pointer;}

.eg-amount-of-lis								{	margin-left:5px}
.eg-li-intern-wrap								{	cursor: pointer;}

/******************************
	-	ELEMENT SETTINGS	-
********************************/

#edit-custom-element-dialog-wrap	{	padding:0px 0px 15px!important; overflow-x: hidden;}
.eg-elset-row						{	padding:5px 15px; clear:both; margin-bottom:2px; line-height:30px;}
.eg-elset-row-highlight				{	padding: 10px;
    margin: 10px -10px;
    border: 2px dashed #e2e1e5;
    border-radius: 3px; }

#edit-custom-element-form input,
#edit-custom-element-form select		{	width:305px; }

.ui-sortable-placeholder.itemtoshow	{	background: #d5d5d5; border:2px dashed rgba(0,0,0,0.15)}

#esg-preview-skinlevel .eg-order-nr	{	position:absolute; bottom:0px;left:0px;width:25px;height:25px;color:#fff;text-align: center; line-height:25px; background:#34495e; font-size:12px;}

/***********************************************
	-	ADD NEW ITEM IN CUSTOM GRID STYLE	-
**********************************************/
.eg-addnewitem-element-1 {
	font-size: 16px !important;
	line-height: 7px !important;
	color: #ffffff !important;
	font-weight:400 !important;
	text-decoration: none !important;
	text-transform: none !important;
	display: inline-block !important;
	float: none !important;
	text-align: center !important;
	clear: none !important;
	margin: 0px 0px 0px 0px  !important;
	padding: 15px 13px 15px 13px  !important;
	border-top-width: 2px !important;
	border-right-width: 2px !important;
	border-bottom-width: 2px !important;
	border-left-width: 2px !important;
	border-radius: 50% 50% 50% 50%  !important;
	border-color: #ffffff !important;
	border-style: solid !important;
	background-color: rgba(255, 255, 255, 0) !important;
	position: relative !important;
	z-index: 2 !important;
	cursor: pointer;
}

.eg-addnewitem-element-2 {
	font-size: 13px !important;
	line-height: 20px !important;
	color: #ffffff !important;
	font-weight:700 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	display: inline-block !important;
	float: none !important;
	text-align: center !important;
	clear: both !important;
	margin: 0px 0px 0px 0px  !important;
	padding: 5px 10px 5px 10px  !important;
	border-top-width: 0px !important;
	border-right-width: 0px !important;
	border-bottom-width: 0px !important;
	border-left-width: 0px !important;
	border-radius: 0px 0px 0px 0px  !important;
	border-color: transparent !important;
	border-style: none !important;
	background-color: rgba(0, 0, 0, 0.15) !important;
	position: relative !important;
	z-index: 2 !important;
}
.eg-addnewitem-element-3 {
	font-size: 16px !important;
	line-height: 22px !important;
	color: #ffffff !important;
	font-weight:400 !important;
	text-decoration: none !important;
	text-transform: none !important;
	display: inline-block !important;
	float: none !important;
	text-align: center !important;
	clear: none !important;
	margin: -30px 0px 0px -30px  !important;
	padding: 17px 17px 17px 17px  !important;
	border-top-width: 2px !important;
	border-right-width: 2px !important;
	border-bottom-width: 2px !important;
	border-left-width: 2px !important;
	border-radius: 60px 60px 60px 60px  !important;
	border-color: #ffffff !important;
	border-style: solid !important;
	background-color: rgba(255, 255, 255, 0) !important;
	position: absolute !important;
	height: auto !important;
	width: auto !important;
	top: 50% !important;
	left: 50% !important;
	z-index: 2 !important;
}

.eg-addnewitem-element-1:hover {
	font-size: 16px !important;
	line-height: 7px !important;
	color: #5d34af !important;
	font-weight:400 !important;
	text-decoration: none !important;
	text-transform: none !important;
	border-top-width: 2px !important;
	border-right-width: 2px !important;
	border-bottom-width: 2px !important;
	border-left-width: 2px !important;
	border-radius: 50px 50px 50px 50px  !important;
	border-color: #ffffff !important;
	border-style: solid !important;
	background-color: rgba(255, 255, 255, 1) !important;
}

.eg-addnewitem-element-space {
	margin:0px 10px !important;
}

.eg-addnewitem-element-5 {
	margin:0px 5px 0 10px !important;
}

.eg-addnewitem-element-6 {
	margin:0px 10px 0 5px !important;
}

.eg-addnewitem-container {
	background-color: #5d34af;
}

.eg-addnewitem-content {
	background-color: #d5d5d5;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	border-color: transparent;
	border-style: none;
	text-align: left;
}

li.eg-addnewitem-wrapper {
	background-color: #d5d5d5;
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
	border-color: transparent;
	border-style: none;
	overflow: hidden;
}

/********************************************
	-	SKIN EDITOR META LIST SELECTOR 	-
********************************************/

#meta-dialog-wrap table						{	width:100%;border-spacing: 0px; }
#meta-dialog-wrap table tr					{	cursor: pointer; line-height: 25px;}
#meta-dialog-wrap table td					{	padding:5px 15px}
#meta-dialog-wrap table td:nth-child(1)		{	font-weight:600;}
#meta-dialog-wrap table tr:nth-child(odd)	{	background:#d5d5d5}
#meta-dialog-wrap .eg-table-title			{	background:#5d34af !important; color:#fff; font-size:16px; font-weight:600;line-height: 30px }

#meta-dialog-wrap table tr:hover			{	background:#f7345e; color:#fff;}

/******************************
	-	SKIN SELECTOR	-
********************************/

#eg-selected-skins-wrapper .esg-pagination {	padding:0px 0px 15px !important;}
#eg-selected-skins-wrapper .esg-filters		{	padding:15px 0px !important;}

#eg-selected-skins-wrapper .esg-screenselect-toolbar	{	position: absolute !important; cursor: pointer;}
#eg-selected-skins-wrapper .esg-layout-masonry .esg-screenselect-toolbar	{	position: relative !important;}

.eg-photoshop-bg	{	background:url(../images/trans_tile2.png) repeat !important; padding-right:15px !important;box-sizing:border-box;

}

#eg-wrap #eg-selected-skins-wrapper input[type=radio] {
visibility: hidden;
}

#eg-wrap #eg-selected-skins-wrapper .eg-fakeinput {
color: #000;
background:#22c8e5;
width: 25px !important;
height: 25px !important;
border: none !important;
top:0px !important;right: 33px !important;
position:absolute;
cursor: pointer;
}

#eg-wrap #eg-selected-skins-wrapper .eg-edit-skin-button {
	color: #717072;
	position: absolute;
	width: 30px;
	height: 30px;
	top: 0;
	right: 0;
	font-size: 16px;
	line-height: 30px;
	z-index: 999;
	
}

#eg-wrap #eg-selected-skins-wrapper .eg-fakeinput:before {
	content:"\e80a";
	font-family: "eg-font";
	color:#fff;
	font-size:16px;
	line-height:25px;
	font-weight:600;
	text-indent: 0px;
	background-color:#22c8e5 !important;
	margin: 0px;
	width: 25px;
	height: 25px;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	position:absolute;
	text-align: center;
}

#eg-wrap #eg-selected-skins-wrapper .filter-selectedskin .eg-fakeinput:before	{
	content:"\e80d";
	font-family: "eg-font";
	color:#fff;
	font-size:16px;
	line-height:25px;
	font-weight:600;
	text-indent: 0px;
	background-color:#27AE60 !important;
	margin: 0px;
	width: 25px;
	height: 25px;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	position:absolute;
	text-align: center;
}
#eg-wrap #eg-selected-skins-wrapper .filter-selectedskin .eg-fakeinput  {
	background:#27AE60 !important;
}

#eg-selected-skins-wrapper .minimal-light .esg-navigationbutton,
#eg-selected-skins-wrapper .minimal-light .esg-filterbutton {
	color: #fff;
	margin-right: 5px;
	cursor: pointer;
	padding: 0px 10px;
	border: none;
	line-height: 38px;
	border-radius: 40px;		
	font-size: 12px;
	font-weight:700;
	font-family: "Open Sans",sans-serif;
	display: inline-block;
	background: rgba(0,0,0,0.2);
	margin-bottom: 5px;
	min-width: 20px
}

#eg-selected-skins-wrapper .minimal-light .esg-navigationbutton:hover,
#eg-selected-skins-wrapper .esg-filterbutton:hover,
#eg-selected-skins-wrapper .esg-filterbutton.selected {
	background: rgba(255,255,255,0.1);
	box-shadow: 0px 4px 4px 2px rgba(0,0,0,0.1);	
}

/**********************************
	-	CUSTOM META KEY STYLES	-
***********************************/

.eg-custommeta-row	{	line-height:25px; padding:20px 15px; border-bottom:1px solid #ddd; vertical-align: middle}

.eg-custommeta-row label	{	width:60px !important; font-weight:600; line-height:25px !important;}
.eg-custommeta-row input,
.eg-custommeta-row select	{	margin-right:20px;}

.eg-custommeta-row select	{	width:100px !important}
.eg-custommeta-textarea	{	line-height:25px; height:30px; vertical-align: top;}

.eg-widget-area-save-wrap-settings	{	padding:10px 20px 9px 20px; background: #e1e1e1; box-sizing:border-box;
										position: relative;
									}
.eg-cus-row-l				{	margin-bottom:5px;}

#custom-meta-dialog-wrap label,
#link-meta-dialog-wrap label	{	width:100px; display: inline-block}

#custom-meta-dialog-wrap.essential-dialog-wrap select,
#link-meta-dialog-wrap.essential-dialog-wrap select,
#custom-meta-dialog-wrap input,
#link-meta-dialog-wrap input	{	width:190px;}

/******************************
	-	GOOGLE FONTS	-
********************************/

#eg-grid-google-font-wrapper

.tp-googlefont-row	{	line-height:25px; padding:20px 15px; border-bottom:1px solid #ddd; vertical-align: middle}

.tp-googlefont-row label	{	width:100px !important; font-weight:600; line-height:25px !important;}
.tp-googlefont-row input,
.tp-googlefont-row select	{	margin-right:20px; width:400px;}

.tp-googlefont-row select	{	width:100px !important}
.tp-googlefont-textarea	{	line-height:25px; height:30px; vertical-align: top;}

.tp-googlefont-save-wrap-settings	{	padding:10px 20px 9px 20px; background: #e1e1e1; box-sizing:border-box;
										position: relative;
									}
.tp-googlefont-cus-row-l			{	margin-bottom:5px;}

#font-dialog-wrap label		{	width:100px; display: inline-block}
#font-dialog-wrap input		{	width:320px;}

/******************************
	-	ACTIVATION STYLING	-
********************************/

#eg-wrap .view_title {
font-size: 20px;
font-weight:600;
color: #000;
display: block;
line-height:50px;
}

#eg-wrap .validation-label {
font-weight:600;
line-height: 30px;
font-size: 17px;
margin-bottom: 10px;
}

#eg-wrap .validation-description {
color: #000;
margin-top: 5px;
margin-bottom: 15px;
}

#eg-wrap .validation-input { display: inline-block; }

/******************************
	-	UPDATE LOGS	-
********************************/

.essential-grid-revolution-update-list .version-number { font-size:18px; font-weight:600; color:#222; margin-top:40px; font-family: "Open Sans",sans;}
.essential-grid-revolution-update-list .version-number:first-child { margin-top:0px;}
.essential-grid-revolution-update-list ul	{ font-size:13px; font-weight:400;line-height:18px; color:#222; padding:0px 0px 0px 20px;font-family: "Open Sans",sans; }
.essential-grid-revolution-update-list li	{ list-style-type:disc; padding:0px;font-family: "Open Sans",sans;}
div.newfeature, div.bugfix, div.change { font-size:13px; font-weight:700; color:#222;line-height:18px;margin-top:30px;margin-bottom:10px;font-family: "Open Sans",sans;}

div.newfeature:before { content: '\f155'; font-family: "dashicons"; color:#5d34af; font-size:17px;margin-right:10px; vertical-align: top;}
div.change:before 	  { content: '\f463'; font-family: "dashicons"; color:#5d34af; font-size:17px;margin-right:10px;vertical-align: top;}
div.bugfix:before 	  {  content: '\f308'; font-family: "dashicons"; color:#5d34af; font-size:17px;margin-right:10px;vertical-align: top;}

.essential-grid-revolution-update-list hr	{	margin-top:30px;margin-bottom:30px;border:none; border-top:1px solid #e5e5e5;}

/* Fixes that are causes by other plugins */
.ui-front {
	z-index: 99999 !important;
}

.form-table td, .form-table th {
	padding: 5px;
	vertical-align: top;
}

/*************************************
	-	LIBRARY AREA FOR GRIDS	-
*************************************/

#esg-close-template		{	position:absolute; cursor:pointer; top:25px;right:35px; font-size:15px;  text-align:center;   font-size:25px;line-height:35px;width:35px;  height:35px; background:url(../images/toolbar/icon-close-big.png) center center no-repeat;  }

#esg-close-template:hover {	color:#fff;}
#esg-libary-wrapper		{	position: fixed;
						top: 0;
						left: 100%;
						z-index: 99999;
						width: 100%;
						height: 100%;
						overflow-y: hidden;
						overflow-x: hidden;
						background: #E2E1E5;
						text-align: left;
						-webkit-transition: -webkit-transform 0.5s;
						transition: transform 0.5s;
						-webkit-transform: translate3d(0px,0,0);
						transform: translate3d(0px,0,0);
						padding-top:0px;
					}

#esg-libary-wrapper h2			{	padding:0px 40px; color:#222; margin:0px; background:#FFF;}	
#esg-libary-wrapper h2 strong	{	font-weight:700;}

#esg-libary-wrapper > h2 {
	-webkit-transition: -webkit-transform 0.4s 0.1s;
	transition: transform 0.4s 0.1s;
	-webkit-transform: translate3d(100px,0,0);
	transform: translate3d(100px,0,0);
}

#esg-libary-wrapper .esg-library-switcher
{
	-webkit-transition: -webkit-transform 0.4s 0.15s;
	transition: transform 0.4s 0.15s;
	-webkit-transform: translate3d(150px,0,0);
	transform: translate3d(150px,0,0);
}

#esg-libary-wrapper .revolution-template-subtitle {
	-webkit-transition: -webkit-transform 0.4s 0.20s;
	transition: transform 0.4s 0.20s;
	-webkit-transform: translate3d(250px,0,0);
	transform: translate3d(250px,0,0);
}

#esg-libary-wrapper > div,
#esg-libary-wrapper #h3 {
	-webkit-transition: -webkit-transform 0.4s 0.25s;
	transition: transform 0.4s 0.25s;
	-webkit-transform: translate3d(350px,0,0);
	transform: translate3d(350px,0,0);
}

#esg-libary-wrapper.show .revolution-template-subtitle,
#esg-libary-wrapper.show > h2,
#esg-libary-wrapper.show .esg-library-switcher,
#esg-libary-wrapper.show > div,
#esg-libary-wrapper.show h3 {	
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#esg-libary-wrapper.show {
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

#esg-libary-wrapper .library_item 	{
	margin-right:10px;
	
}

#esg-libary-wrapper .library_item,
#esg-libary-wrapper .library_grid_item,
#esg-libary-wrapper .library_grid_item_import
 {
	position: relative;
	display: inline-block;	
	width: 270px;
	height: 270px;
	text-align: left;	
	cursor:pointer; 	
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	vertical-align: top;
	margin:0;
	z-index: 1;
}

#esg-libary-wrapper .library_title	{
	position: relative;		
	display:block;
	width:270px;
	line-height: 40px;
	padding:0px 10px;
	-webkit-backface-visibility: hidden;
	font-weight:400;
	color:#fff;
	font-size:14px;
	text-align:left;
	background:#222;	
	box-sizing: border-box;	
	margin-bottom:15px;
}

#esg-libary-wrapper .library_item:hover .library_title,
#esg-libary-wrapper .library_grid_item:hover .library_title,
#esg-libary-wrapper .library_grid_item_import:hover .library_title	{	color:#fff;}

.esg-library-groups,
#esg-library-grids			{	padding:50px 25px 50px 40px; overflow: hidden; width:100%;position: relative; box-sizing: border-box;}

#esg-libary-wrapper .library_thumb_title {	font-size:13px; color:#444; font-weight:400; background:#fff; line-height:40px;margin-bottom:20px; border-top:1px solid #E2E1E5; padding:0px 12px; position: relative;z-index: 2}

.esglogo-mini					{	background:url(../images/logo.png); width:208px;height:46px; display:inline-block; background-position: left center; background-repeat: no-repeat; background-size: 100%}
#esg-libary-wrapper .esglogo-mini	{	height:80px; vertical-align: middle;margin-right:5px;}

.esg-library-switcher	{	background:#fff;  cursor:pointer; line-height: 41px;vertical-align: middle; padding:7px 40px; display: table;width: 100%;box-sizing: border-box;}

.esg-reload-show i,
.revolution-templatebutton.premium-templatebutton i { margin-right:5px;}
.revolution-templatebutton.premium-templatebutton i:before,
.revolution-templatebutton.premium-templatebutton	{	color:#2a96f3;}

#update_obect_library,
#licence_obect_library,

#up-lic-ob-lib {	position: absolute; top:15px; right:30px;}

.revolution-template-subtitle			{	color: #222;font-size: 25px;font-weight:400;line-height: 60px;border-bottom: 1px solid #ddd;padding: 10px 40px;}
#esg-libary-wrapper .library_grid_title	{	color:#222;font-size:20px; font-weight:400; line-height:35px; margin-bottom:15px;}

#esg-libary-wrapper .esg_group_wrappers	{	display:inline-block;margin-right:15px;position: relative;}

.esg_library_filter_button.esg-btn:not(.esg-purple) { color: #717072; }

.esg_library_filter_button.esg-btn.selected,
.esg_library_filter_button.esg-btn:hover { color: #fff; background-color: #5d34af; }

#esg-libary-wrapper .esg_group_wrappers.library_package 			{	display:inline-block;}
#esg-libary-wrapper .esg_group_wrappers.library_package_parent:after {
	content: " ";
	position: absolute;
	top: -5px;
	left: 5px;
	width: 100%;
	height: 215px;
	background: #d5d5d5;
	z-index: 0;
}

#esg-libary-wrapper .esg_group_wrappers.library_package_parent:before {
	content: " ";
	position: absolute;
	top: -10px;
	left: 10px;
	width: 100%;
	height: 215px;
	background: #bbb;
	z-index: 0;
}

.esg-visit-store	{	background:url(../images/visitstore.png); width:267px; height:50px; display:inline-block;}

.library_meta_line {	background:#fff; line-height:18px; padding:6px 6px; box-sizing: border-box; display: block; position: relative; z-index: 2;}
.library_meta_line .library_new,
.library_meta_line .library_local,
.library_meta_line .library_free,
.library_meta_line .library_premium,
.library_meta_line .library_installed,
.library_meta_line .library_notinstalled	{	font-size:10px; line-height: 16px;  color:#fff; padding:0px 6px; text-transform: uppercase; font-weight:400; margin-right:0px; display: inline-block;}

.library_meta_line .library_installed,
.library_meta_line .library_notinstalled 	{	float:right;margin-right: 0px; margin-top:2px;}

.library_meta_line .library_installed i:before {	color:#fff; font-size: 10px}

.library_meta_line .library_new 			{	background:#9b59b6;}
.library_meta_line .library_free 			{	background:#009cdd;}
.library_meta_line .library_premium 		{	background:#393056;}
.library_meta_line .library_local,
.library_meta_line .library_installed 	{	background:#27ae60;}
.library_meta_line .library_notinstalled 	{	background:#bbbbbb;}

.library_thumb_more 	{	    position: absolute;
    background: #fff;
    z-index: 10;
    left: 100%;
    top: 0px;
    padding: 30px;
    width: 107%;
    box-sizing: border-box;
    box-shadow: 15px 15px 40px 0px rgba(0,0,0,0.15);
    font-size: 13px;
    color:#444;
    line-height:16px;
    display: none;
}

.show_more_to_left .library_thumb_more {	left:auto;right:100%;}

.ttm_label,
.ttm_label_direct  {	font-size:13px; font-weight:bold; display: block; line-height: 16px; margin-bottom:10px;}

.ttm_label_direct	{	margin-bottom:0px;}
.ttm_label_half {	display: inline-block; width:50%;}

.library_thumb_more a,
.library_thumb_more a:visited {	color:#009cdd; text-decoration: underline;}
.library_thumb_more a:hover 	{	text-decoration: none; color:#009cdd;}

ul.ttm_requirements { margin-bottom:0px}
.ttm_requirements li 			{	list-style: none; margin-left:0px; line-height: 16px; margin-bottom: 0px; vertical-align: middle;}
.ttm_requirements li .eg-icon-check:before { color:#2db065; font-size:11px; }
.ttm_requirements li .eg-icon-cancel:before { color:#d50000; font-size:11px; }

.ttm_requirements li i:first-child    		{	display:inline-block; width:15px;margin-right:5px;}

.ttm_space 						{	display: block; height:30px;widht:100%;}

.install_library_grid,
.install_library_grid_package,
.add_library_grid_item,
.add_library_grid_item_package,
.dontadd_library_grid_item 			{	background:#009cdd; color:#fff; font-weight:600; cursor: pointer; border-radius: 3px; font-size:12px; line-height: 25px; padding:0px 5px; display: inline-block;}

.dontadd_library_grid_item 			{	background:#d50000; cursor: default;}

.dontadd_library_grid_item i 		{	width:12px;height:12px; background-size:cover;}

.install_library_grid i:before,
.install_library_grid_package i:before,
.add_library_grid_item i:before,
.add_library_grid_item_package i:before,
.dontadd_library_grid_item i:before {	color:#fff;margin-right:5px;}

.install_library_grid:hover,
.install_library_grid_package:hover,
.add_library_grid_item:hover,
.add_library_grid_item_package:hover  			{	background: #2980b9}

.library_preview_add_wrapper  			{	opacity:0;transition:all 0.5s;-webkit-transition:all 0.5s;position:absolute; width:100%; height:35px; top:120px; left:0px; line-height: 35px;z-index: 10;text-align: center}

.library_group_opener,
.preview_library_grid,
.show_more_library_grid 				{	width:35px;height:35px; display: inline-block;line-height: 35px; text-align: center; cursor: pointer;}

.library_group_opener 				{	display: none}

.library_group_opener i:before,
.preview_library_grid i:before,
.show_more_library_grid i:before 				{	color:#fff; font-size:18px;}

.library_package_parent .library_group_opener {	display:inline-block !important;}

.library_thumb_overview 			 	{	z-index:2;opacity:0;transition:all 0.5s;-webkit-transition:all 0.5s;background:rgba(0,0,0,0.75); position:absolute;top:0px;left:0px; width:100%; height:100%;}

.esg_group_wrappers:hover .library_preview_add_wrapper,
.esg_group_wrappers:hover .library_thumb_overview {	opacity: 1}

#library_bigoverlay 					{	cursor:pointer; background:rgba(238,238,238,0.85);width:100%;height:100%;z-index:5; position: absolute;top:0px;left:0px;display:none;}

div.library_thumb_title span.library_new {float:right; margin-top: 8px;background:#5d34af;color:#fff;padding:0px 10px;line-height: 25px}

.benefits-title-right 					{	margin-left:20px; box-sizing: border-box; display: inline-block; vertical-align: top;}
.esg-premium-benefits-dialogtitle 		{ 	font-size:30px; line-height:35px; font-weight:600; color:#00263b;display: block}
.esg-premium-benefits-dialogsubtitle		{	font-size:14px; font-weight:600; color:#00263b;opacity:0.4; display:block;}

.esg-premium-benefits-dialogtitles .oppps-icon { vertical-align: top; background:url(../images/oops/oopps_blue.png); width:60px;height:60px; display: inline-block; }
.esg-premium-benefits-dialogtitles .oppps-icon-red { vertical-align: top; background:url(../images/oops/oopps.png); width:60px;height:60px; display: inline-block; }

.esg-open-premium-benefits-dialog-container .ui-dialog-titlebar-close { height:22px; width:20px; background:url(../images/oops/close_cross_x.png); top:30px; right:30px; }
.esg-open-premium-benefits-dialog-container .ui-dialog-titlebar-close:before { display:none; }

.esg-open-premium-benefits-dialog-container .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix { height:auto; padding:30px 30px 20px; border-bottom:1px solid #9fadb4 !important; background: #e5e5e5}
#esg-premium-benefits-dialog 			{	min-height:715px !important; padding:0px; background: #f5f5f5;  background-image:url(../images/oops/getpurchasecode_deko.png);background-position: bottom -50px center; background-repeat: no-repeat;}

#esg-premium-benefits-dialog.nomainbg 	{	background:#fff !important;}
#esg-premium-benefits-dialog.cachbg 		{	background: url(../images/oops/cachemodalbg.jpg) center bottom;   background-repeat: no-repeat; max-height: 650px !important; min-height: 650px !important;  }

.esg-premium-benefits-block  			{	padding: 20px 30px 30px; }
.esg-premium-benefits-block .big_present { 	vertical-align: top; background:url(../images/oops/gift_big.png); width:48px;height:52px; display: inline-block; margin-right: 25px; } 
.esg-premium-benefits-block .big_diamond { 	vertical-align: top; background:url(../images/oops/diamond_big.png); width:52px;height:48px; display: inline-block; margin-right: 25px; } 
.esg-premium-benefits-block .big_light { 	vertical-align: top; background:url(../images/oops/light_big.png); width:40px;height:58px; display: inline-block; margin-right: 25px; } 
.esg-premium-benefits-block h3 			{	font-size:20px; line-height:52px; font-weight:600; color:#00263b; margin-top:10px;margin-bottom:10px;}

.esgpb-withborder 						{	border-bottom:1px solid #9fadb4 !important;}

.instant_access 						{	width:168px; height:30px; background:url(../images/oops/instantaccess.png); display: inline-block; vertical-align: middle;margin-top:9px;}

a.get_purchase_code 					{	letter-spacing:1px;text-decoration:none; margin:auto;display: block; width:700px; border-radius: 6px; background: #009aee; color:#fff; text-align: center; font-size:17px; text-transform: uppercase;; line-height: 60px; font-weight:700;  box-shadow: none !important; text-shadow: none !important}
a.get_purchase_code:hover 				{	background:#2980b9;}

.esg-premium-benefits-dialogsubtitle a,
.esg-premium-benefits-dialogsubtitle a:visited 				{	font-size:14px; font-weight:600; color:#00263b; text-decoration: underline;outline: none; box-shadow: none !important; text-shadow: none !important}
.esg-premium-benefits-dialogsubtitle a:hover 				{	text-decoration: none;}

#basic_objectlibrary_license_block 		{	padding:30px;}

.license_obj_library_cats_filter		{	letter-spacing:1px; border:1px solid #ddd; color:#34495e; line-height:24px; padding:0px 12px; cursor: pointer; margin-right:5px; border-radius: 3px; display: inline-block;margin-bottom:4px; font-size: 11px; font-weight:600}

.license_obj_library_cats_filter:hover,
.license_obj_library_cats_filter.selected	{	border-color:#22c8e5; color:#fff; background:#22c8e5;}

.license_scroll_window 						{	width:100%;height:200px; overflow: scroll; font-size:12px; color:#00263b; font-weight:400; padding:20px; box-sizing: border-box;border:1px solid #ddd;}

#basic_objectlibrary_license_block h3 	{	font-size:24px; line-height:52px; font-weight:600; color:#00263b; margin-top:25px;margin-bottom:15px;}
#basic_objectlibrary_license_block h3 i { 	font-size: 60px;margin-right: 13px;vertical-align: top; }

#basic_objectlibrary_license_block ul,
.esg-premium-benefits-block ul 			{	margin-top:0px;margin-bottom:0px;}

#basic_objectlibrary_license_block ul li,
.esg-premium-benefits-block ul li 		{	font-size:18px; color:#00263b; font-weight:400; line-height: 32px; padding-left:75px; position: relative; margin:0px;}

#basic_objectlibrary_license_block ul li:before,
.esg-premium-benefits-block ul li:before { 	content:"";position:absolute; left:35px;top:10px; background:url(../images/oops/right-bold-arrow.png); width:15px;height:16px; }

/*************************************
	-	NAVIGATION CONSTRUCTOR	-
**************************************/

#eg-navigations-drag-wrap	{width:395px; display: inline-block;vertical-align: top;}

.eg-navigation-drop-wrapper	{ width:100%;height:35px; background:transparent;margin:5px 0px; border:2px dashed rgba(0,0,0,0.15);  text-align: center;line-height: 35px;color: #717072;font-size: 10px;
							  position: relative;border-radius: 3px; font-weight: 600;}

.eg-navigation-drop-inner	{	width:100%;height:100%;position:absolute; top:0px;left:0px; padding: 2px}

.eg-navigation-drop-inner-hovered	{	background:rgba(0,0,0,0.2);}

#eg-navigations-sort-left,
#eg-navigations-sort-right	{	width: 65px;height: 40px;left: 0px;position: absolute;z-index: 10;top: 40px;line-height: 20px;padding: 5px;background:#fff;}
#eg-navigations-sort-right	{	left:auto;right:0px; }

#eg-navigations-sort-right .eg-navigation-drop-inner,
#eg-navigations-sort-left .eg-navigation-drop-inner	{	padding:5px 0px; box-sizing:border-box;

}
#eg-navigations-items-bg 		{ width:100%;height:150px; position: relative;}

#eg-navigations-sort-center {}

#eg-navigations-sort-external .eg-navigation-drop-inner {

}

#eg-navigations-sort-external .eg-navigation-drop-inner>div {
	display: block !important;
	padding: 0 5px !important;
	line-height: 25px !important;
	margin: 0 !important;
	text-align: left !important;
}

#eg-navigations-sort-external .eg-navigations-cons {
	top:0 !important;
	left:0 !important;

}

.eg-filter-sc {
	display: inline !important;
	position: absolute;
    right: 5px;
	font-size: 13px !important;
	text-transform: none;
	padding-left:10px;	
	top: 5px;
}

.eg-filter-sc select { padding:0px;  vertical-align: baseline; }
.eg-filter-sc input	{	margin-right:5px;}

.eg-filter-sc input,
.eg-filter-sc select	{	display:inline-block; width:158px !important;  box-sizing:border-box;}
.eg-filter-sc input.filter-shortcode-filter	{	width:153px !important}
.eg-navconstrctor-pi1,
.eg-navconstrctor-pi2,
.eg-navconstrctor-pi3,
.eg-navconstrctor-pi4,
.eg-navconstrctor-pi5,
.eg-navconstrctor-pi6		{	width:125px;height:60px; margin:10px 10px 0px 0px ;background:#fff; float:left; }

.eg-navconstrctor-pi1		{	background: url(../images/demoimage1.jpg) no-repeat center center; background-size: cover; }
.eg-navconstrctor-pi2		{	background: url(../images/demoimage2.jpg) no-repeat center center; background-size: cover; }
.eg-navconstrctor-pi3		{	background: url(../images/demoimage3.jpg) no-repeat center center; background-size: cover; margin-right:0px; }
.eg-navconstrctor-pi4		{	background: url(../images/demoimage4.jpg) no-repeat center center; background-size: cover; }
.eg-navconstrctor-pi5		{	background: url(../images/demoimage5.jpg) no-repeat center center; background-size: cover; }
.eg-navconstrctor-pi6		{	background: url(../images/demoimage6.jpg) no-repeat center center; background-size: cover; margin-right:0px;}

.eg-navigation-cons			{	white-space:nowrap; color: #fff; background:#ddd; line-height:30px; border-radius:15px; padding:0px 10px; display:inline-block; text-decoration: none;margin-right:5px; margin-bottom:5px;outline:none;box-shadow: none; transition:none; font-weight:600;font-size:13px; cursor: pointer; background-color: #22c8e5; vertical-align: top; text-transform: uppercase}

.eg-navigation-cons.ui-sortable-helper 	{ z-index:300; vertical-align: top} /* width:auto !important; height:auto !important; */

.eg-navigation-cons	i			{	margin-right:10px;}
.eg-navigation-cons	i:before	{	display:inline;}

.eg-navigation-cons .eg-icon-right-open,
.eg-navigation-cons .eg-icon-left-open	{	margin-right:0px; margin-left:0px;}

.eg-navigation-cons-outter		{	 height:auto;margin-right:20px; width:100%; padding-right:15px; box-sizing:border-box;}
.eg-navigation-cons-wrapper		{ 	background:transparent; border:2px dashed rgba(0,0,0,0.15); padding:15px; width:100%; text-align: left;  box-sizing:border-box; border-radius: 3px;}

.eg-dropconfigger				{	cursor:pointer; position: absolute; right:5px;top:5px; background:#7f8c8d; padding:2px;border-radius:2px;color:#ecf0f1;font-size:14px; line-height:20px;}
.eg-navigation-drop-wrapper:hover .eg-dropconfigger	{	display:block}

#eg-navigations-drag-wrap	{	margin-right:15px;}

#eg-navigation-external-description	{	border-radius:3px 3px 0px 0px; overflow:hidden;background: #E2E1E5;margin: 5px 0px;border:none;line-height: 35px;color: #717072;font-size: 10px;position: relative;padding:0px 0px;border-bottom:none;margin-bottom:0;}

.eg-ext-nav-desc					{	font-size:13px; color:#717072; font-weight:400; display: inline-block;  background:#e5e5e5;padding:0px 10px;box-sizing:border-box;}
#eg-navigations-sort-external		{	margin-top:0; padding-top:5px;}

#eg-external-drag-wrap .eg-navigation-cons			{	float:none; clear:both;}
#eg-external-drag-wrap .eg-navigation-drop-inner .eg-navigation-cons {
	display: block !important;
	padding: 0px 0px 0px 10px!important;
	line-height: 40px !important;
	margin: 0 0 5px !important;
	text-align: left !important;
	border-radius: 3px;
	position: relative;
}

#eg-external-drag-wrap #eg-navigations-sort-external	{	width:635px !important; height:auto !important; min-height: 281px;}
#eg-navigations-sort-external .eg-navigation-drop-inner.ui-sortable { padding: 5px !important; box-sizing: border-box }

/******************************
	-	CSS EDITOR DIALOG	-
********************************/
#global-css-edit-dialog-wrap, #navigation-skin-css-edit-dialog-wrap
 {
    padding: 0 !important;
    overflow: hidden !important;
}

#navigation-skin-css-selector-dialog-wrap {
	padding: 20px !important;
}

#eg-wrap					{	position: relative;}
#eg-tool-panel				{	
								box-sizing: border-box;
								position: fixed;
								top: 32px;
								right: 0px;
								overflow: visible;
								width: 44px;
								border: none;
								background: #e2e1e5;
								z-index: 5000;
								visibility:hidden;
								box-shadow: 0px 30px 10px rgba(0,0,0,0.1);
							}

#eg-wrap #eg-tool-panel .eg-side-buttons,
#eg-wrap #eg-tool-panel a.eg-side-buttons  {
position:relative;
margin: 0px !important;
display: inline-block;
width: 200px;
height: 40px !important;
padding: 0px !important;
font-size: 14px;
line-height: 40px !important;
color:#fff;
text-decoration: none !important;
 cursor: pointer
}

#eg-wrap #eg-tool-panel .eg-side-buttons i {
margin-right: 5px;
margin-left: 2px;
font-size: 17px;
vertical-align: top;
line-height: 40px !important;
width: 40px;
text-align: center;
background-position: center center;
vertical-align: top;
display: inline-block;
height: 40px;
background-repeat: no-repeat;
}

#eg-tool-panel h3			{	line-height:35px;font-weight:600; color:#333;float:left;margin:0px 20px 0px 0px;padding:0px;}

/******************************
	-	SPINNER	-
********************************/

#eg-wrap #spinner_preview	{
	width:165px;height:88px;position:relative;background:#E2E1E5;  border-radius: 3px;
}

#eg-wrap .esg-loader.esg-demo		{	left:50% !important;position:absolute;top:50% !important; margin-top: -20px;}

/*********************************************************
	-	PREVIEW GRID IN SKIN EDITOR MODIFICATIONS	-
*********************************************************/

#eg-grid-even-item-skin-wrapper .esg-media-cover-wrapper	{	margin-top:0px;}

/******************************
	-	PIN IT 	-
********************************/
#eg-wrap .eg-pin:after	{
	content: "+";
	position: absolute;
	right: -13px;
	top: 2px;
	background: url(../images/pin.png);
	line-height: 11px;
	font-size: 14px;
	color: #FFF;
	z-index: 1000;
	background-repeat: no-repeat;
	padding: 8px 25px;
}

.eg-element-setter,
.eg-cover-setter,
.eg-group-setter					{	position: relative}

.eg-element-setter.eg-pin:after		{	left:110% !important; right:auto !important; top:0px !important}

.eg-element-setter.eg-pin.eg-tor-250:after	{	left:auto !important; right:-250px !important;}

#skin-editor-wrapper { line-height: 30px;  min-width:1135px; position: relative;}

/*#skin-editor-wrapper h3.box-closed { background:#999 !important;}
#skin-editor-wrapper h3.box-closed span { color:#fff !important}*/

#eg-wrap,
#eg-wrap * { -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-touch-callout: none;text-rendering: optimizeLegibility;}

.divide15					{	width:100%; height:15px;}
.esg-description			{ font-style: italic; font-size: 10px; color: #777;}

#eg-wrap					{	padding-right:35px;}

.essential-dialog-wrap select,
#eg-wrap select				{	font-size: 14px;

}
.select_wrapper select		{								  
							  opacity: 0;position: relative; z-index:5;
							  width:150px;cursor: pointer;
							 }

#eg-wrap .select_wrapper	{	position: relative; }
#eg-wrap .select_fake		{	width:130px; border:1px solid #ccc; padding:0px 5px; background-color:#fff; font-size:11px;position: absolute; z-index:1;
								color:#555;border-radius: 3px; background-color:#f7f7f7; font-weight:400;
								box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);cursor: pointer; line-height:24px; padding-left:10px; max-height: 24px; overflow: hidden;
							}
#eg-wrap .select_fake span	{	font-size:11px !important; line-height:24px !important; margin:0 !important; padding: 0 !important;}
#eg-wrap .select_wrapper:hover .select_fake,
#eg-wrap .select_wrapper:hover .select_fake i {	border-color:#999 !important}
#eg-wrap .select_fake i		{	position: absolute; right:0px;bottom:0px; padding:0px 5px; background:#fff; border-left:1px solid #ccc;border-radius:0px 4px 4px 0px; }

/*********************************
	-	ELEMENT FILTER STYLING	-
**********************************/

#eg-wrap .backend-flat .esg-filters				{ 	background:#e2e1e5;text-align: center; border:none;margin-bottom:15px;}
#eg-wrap .backend-flat .esg-pagination			{	text-align: center;}

#eg-wrap .backend-flat .esg-filterbutton		{	display:inline-block; padding:8px 20px; cursor: pointer; color:#717072; font-size: 13px; white-space: nowrap;line-height: 40px;font-weight: 400}
#eg-wrap .backend-flat .esg-filterbutton:hover  { color: #000; }
#eg-wrap .backend-flat .esg-sortbutton			{	display: inline-block}
#eg-wrap .backend-flat .esg-sortbutton span		{	float:left; margin-right:5px;}
#eg-wrap .backend-flat .esg-sortbutton-order	{	float:left;cursor: pointer;line-height: 25px;}
#eg-wrap .backend-flat .esg-sortbutton-wrapper	{	vertical-align: middle;line-height:10px;}
#eg-wrap .backend-flat .esg-filterbutton.selected	{	background:#fff; color:#000;}

#eg.wrap .backend-flat .esg-overflowtrick		{	margin-bottom:20px;}

@media only screen and (min-width: 0px) and (max-width: 479px) {
		#eg-wrap .backend-flat .esg-sortbutton-wrapper	{	display:none}
    }

.eg-special		{	position:absolute; top:-35px; right:15px;z-index: 1000}
.eg-special .skin-dz-elements	{	background:transparent; background:#00ceab; border:none; line-height:25px; text-transform:lowercase; color:#fff; text-shadow: none; padding:0px 10px; border-radius: 3px}

.eg-special .skin-dz-elements i		{	 font-size:14px; line-height:12px; }

/******************************
	-	3dmap	-
********************************/
.eg-3dpp	{	position:absolute; top:0px;left:0px;
				height:470px;								 				
				opacity: 0;
			}

#eg-3dpp-inner	{	position:absolute; top:0px;left:0px;padding:20px;background:url(../images/trans_tile2.png) repeat; width:100%;height:100%;
					box-sizing:border-box;
				
				
				}
.eg-3dmc	{	width:385px;height:300px; position:relative}
.eg-3dcc	{	width:385px; position:relative; padding:10px;
				box-sizing:border-box;
				
				
			}
.eg-3d-bg	{	width:100%;height:100%; left:0px; top:0px;position: absolute; background:url(../images/tp_placeholder.png); background-position: center center; background-size: cover;}
.eg-3d-cover{   width:100%;height:100%; left:0px; top:0px;position:absolute; background:rgb(52, 73, 94);background:rgba(52, 73, 94,0.6);}
.eg-3d-ccbg	{	background:#f1f1f1; width:100%;height:100%;left:0px; top:0px; position: absolute;}

.eg-3d-element		{	position:relative;}
.eg-3d-element i	{	 border-radius:50%; padding:20px; color:#34495e; background:#fff;}

.eg-3d-elements		{	position: relative; width:100%; text-align: center; position:absolute;top:100px;}

#eg-3d-description			{	position:absolute; bottom:25px; left:10px; }
#eg-3d-description span		{	position:absolute; top:0px;left:0px; visibility:hidden;  font-size:20px;  color:#000; background:#fff; padding:4px 8px; white-space: nowrap}

/******************************
	-	TRASH IT	-
********************************/

.eg-trashdropzone,
.drop-to-stylechange {	position: absolute;												
						border: 1px dotted rgba(255,255,255,0.6);
						color: rgba(255,255,255,0.6);						
						font-size: 12px;
						line-height: 20px;
						border-radius: 3px;
						text-align: center;
						vertical-align: top;
					}
.drop-to-stylechange 		{	
	top: auto;
    right: 5px;
    left: auto;
    bottom: 20px;
    color: #00ceab;
    border-color: #00ceab;
    padding: 5px;
    font-size: 12px;
    font-weight: 600;
    border-width: 2px;
    border-radius: 5px;
    width: 100px;
}
#cover-background-image-wrap {
	border: 3px dotted #D5D5D5;
	border-radius: 5px;
	color: #D5D5D5;
	font-size: 12px;
	line-height: 16px;
	padding: 15px;
	position: absolute;
	right: 92px;
	text-align: center;
	top: 140px;
}

#remove-cover-background-image-wrap {
	position: absolute;
	right: 20px;
	top: 198px;
}

#cover-background-image-wrap		{	cursor:pointer;}
#remove-cover-background-image-wrap	{	cursor: pointer;}

.drop-to-stylereset			{	position: absolute;
								right: 0px;
								bottom: -53px;
								cursor: pointer;
							}

.eg-trashdropzone			{	top:10px; right:15px; padding:0px 10px; bottom:auto;}

.eg-trashdropzone i			{	font-size:14px; margin-right: 5px;}
.eg-trashdropzone-hover		{	color:#fff; border-color: #fff; }

.drop-to-stylechange.eg-trashdropzone-hover {
	color: #00ceab;
    border-color: #00ceab;
    filter: brightness(110%);
}

#eg-wrap label				{	line-height:30px;}

#eg-wrap .importantlabel 	{	color:#f7345e; font-weight:600; font-size: 12px}

/******************************
	-	GUIDE STEPS	-
********************************/

#eg-wrap .fullwidtheg-pbox	{	width:1197px}
#eg-wrap .fullwidtheg-pbox2	{	width:100%; max-width:1070px;}

#select-step-1 #show-custom	{	margin-top:15px;}

/******************************
	-	CUSTOM LAYOUT TYPE	-
********************************/
.custom-layout-type					{	width:60px; height:60px; border:2px dotted #d5d5d5; background:#f5f5f5; margin-top:5px;float:left; margin-right:15px;
										border-radius:5px; position: relative; cursor: pointer;
}

.custom-layout-deko					{	border:2px dotted #d5d5d5; position:absolute; background:#fff;}
.clttopbottom .custom-layout-deko	{	width:100%; height:5px;  top:27px;left:0px; border-left:none; border-right:none;}
.cltleftright .custom-layout-deko	{	height:100%; width:5px;  left:27px;top:0px; border-top:none; border-bottom:none;}
.cltcenter .custom-layout-deko		{	height:50%; width:50%;   left:24%;top:24%; }

.custom-layout-type.cltcenter		{	margin-right:0px;}

.custom-layout-type:hover			{	background:#e5e5e5; border-color:#d1d1d1}

.custom-layout-type i				{	font-size:30px; position:absolute; top:50%; left:50%; margin-top: -15px; margin-left: -20px;}
.custom-layout-type i.clt-shown		{ 	color:#2ecc71; display:none;}
.custom-layout-type i.clt-cancelled	{ 	color:#f7345e; display:none;}

/* SLIDER STYLING */

#eg-wrap .ui-slider-horizontal {
					height: 5px;
					border:none;
					background:#E2E1E5;
					vertical-align: middle;
					
					}

#eg-wrap tr .ui-slider-horizontal.slider-settings { margin-right:18px;}	
#eg-wrap .slider-settings .ui-slider-handle{

background: #fff;
					border:2px solid #000 !important;
					border-radius: 50%;
					cursor: pointer;
					/*position: absolute;*/
					z-index: 2;
					text-decoration: none !important;
					border: 0 none;
					outline: 1px none;
					cursor: pointer !important;
					}

#eg-wrap .ui-slider-horizontal .ui-slider-handle {
					top: -4px;
					
}

#eg-wrap .ui-slider .ui-slider-handle {
					position: absolute;
					z-index: 2;
					width: 10px;
					height: 10px;
					}

#eg-wrap .iris-slider .ui-slider-handle	{ width:100%; height:10px; margin-bottom:-7px;}

#eg-wrap .eg-pre-slider {
    display: block;
    position: absolute;
    z-index: 1;
    background-color:#000;
    top:0;
    left:0;
    height:100%;
    border-radius: 3px;

}

#eg-wrap .image-holder-wrap-div {
	height: auto;
	max-height: 400px;
	max-width: 400px;
	width: auto;
}

/****************************
* Custom Button Styles
****************************/

#button_upload_plugin		{	border:none !important; text-shadow: none !important; border: none !important; outline: none !important;box-shadow: none !important;
										line-height: 26px !important; height: 27px !important; margin:2px 3px 2px 0px!important;color:#fff !important;
										background:transparent !important;
									}

.multiple_text_add			{	text-decoration: none !important}
.egwithhover,
.egwithhover:link,
.egwithhover:visited		{	color:#27ae60; font-size:13px; text-decoration: none !important;}
.egwithhover:hover			{	color:#2ecc71; }

#remove_multiple_text,
.redicon.withhover			{	color:#f7345e !important;width: 20px;height: 10px;position: absolute;right: -15px;top: 5px;font-size: 12px;}

.eg-overview-button {
    color: #FFFFFF;
    display: inline-block;
    font-size: 18px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    width: 30px;
    position: absolute;
    top:0px;
    cursor: pointer;
}

.eg-ov-1 	{	right:90px; }
.eg-ov-2 	{	right:60px; }
.eg-ov-3 	{	right:30px; }
.eg-ov-4 	{	right:0px; }
.eg-ov-10 	{	left:0px; }
.eg-ov-11 	{	left:30px; }
.eg-ov-12	{	left:60px; }
.eg-ov-13	{	left:90px; }

.eg-overview-button:hover, .eg-overview-button:visited {
    color: #FFF;
    filter: brightness(110%);
}

.eg-overview-button:focus {
	box-shadow: none;
	color: #FFF;
	filter: brightness(110%);
}

.font_headline {
    display: block;
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
}

.eg-icon-chooser,
#dialog-eg-fakeicon-in,
#dialog-eg-fakeicon-out,
#eg-preview-icon {
	padding: 8px;	
	font-size: 14px;
	border: 1px solid #F1F1F1;
	cursor:pointer;
	background:#fff;
	position:relative;
	display: inline-block;
}

#dialog-eg-fakeicon-in,
#dialog-eg-fakeicon-out	{	font-size:32px;position:absolute;visibility:hidden; position:absolute; z-index:1000; padding:10px 5px;}

.eg-transbackground		{	background:url(../images/trans_tile2.png) repeat !important; }
.eg-transbackground .esg-pagination	{	background:#EBEBEB}

#eg-preview-icon 		{	width:30px;height:30px; padding:8px; line-height:30px; text-align: center; vertical-align: middle; background:url(../images/trans_tile2.png) repeat;}
#eg-source-icon-wrap	{	display:inline-block; }

.et-add-new-icon		{	font-size:22px; color:#d1d1d1; padding:10px;cursor:pointer; line-height:40px;}
.et-add-new-icon:hover	{	color:#555}

.eg-additional-parameters { width: 625px; }
#nextgen-tags {resize: vertical;}

#show-fontello-dialog { display: inline-block; border-radius: 3px; overflow: hidden }

/***************************************
	-	LAYER SETTINGS VERTICAL MENU	-
***************************************/

.eg-lc-menu-wrapper				{	position: relative}

.eg-lc-vertical-menu			{	width:100%; height:52px; }

.eg-lc-vertical-menu ul			{	height:56px; padding:0px !important; margin:0 !important;box-sizing:border-box;
									background:#5d34af;
								}

.eg-lc-vertical-menu li			{	margin-bottom:0px;display: inline-block; line-height: 56px;
									height:56px; cursor: pointer; background:transparent !important;
									border:none !important;
									padding:0px 10px !important;	box-sizing:border-box;
									color: rgba(255,255,255,0.6);vertical-align: top;
								}

.eg-submenu	li i,
.eg-lc-vertical-menu i 			{	display:inline-block;font-size:15px; line-height:56px; color: rgba(255,255,255,0.6); margin-right:5px;  position: relative; vertical-align: top;}

.eg-submenu	li i				{	line-height: 36px; color:#717072;}
.eg-submenu	li * 				{	color:#717072;}
#eg-wrap  .eg-submenu li input[type=checkbox] { border: 2px solid #717072;color: #717072; }
#eg-wrap  .eg-submenu li:hover input[type=checkbox],
#eg-wrap  .eg-submenu li.selected-submenu-setting input[type=checkbox]  { border-color: #000; color:#000;}

.eg-lc-vertical-menu li.selected-lc-setting	{	background:#6b52b3 !important;  color:#fff !important;border-radius: 0 !important; -webkit-border-radius: 0 !important;	border:none !important;}

.eg-lc-vertical-menu li:hover,
.eg-lc-vertical-menu li:hover *,
.eg-lc-vertical-menu li.selected-lc-setting	 *,
.selected-lc-menu,
.selected-lc-menu *				{	color:#fff !important; }

.eg-submenu li:hover,
.eg-submenu li:hover * 			{ 	color: #000 !important; }

.esg-lc-settings-container		{	position:absolute; height:335px; width:100%; top:56px;left:0px;visibility:hidden;  padding: 0px; margin: 0px; box-sizing: border-box; padding:20px;}

.esg-lc-settings-container.active-esc	{	visibility:visible}

/******************************
	-	HORIZONTAL TABS	-
********************************/

#settings-dz-elements-wrapper .ui-tabs-nav		{	width:100% !important;position: relative; background:#5d34af;height:50px; padding: 0px;border-radius: 0px;outline: none;border: none;}
#settings-dz-elements-wrapper .ui-tabs-nav li	{	background:transparent;  vertical-align: middle; margin:0 !important; padding:0 !important;border:none !important;}
#settings-dz-elements-wrapper .ui-tabs-nav li a	{	margin:0 !important;padding:0px 15px !important; line-height:50px !important; display: inline-block; font-size:12px !important;font-weight:400; vertical-align: top}
#settings-dz-elements-wrapper .ui-tabs-nav li i	{	font-size:13px !important; vertical-align: top;}
#settings-dz-elements-wrapper .ui-tabs-nav li.ui-state-active	{	background:#6b52b3;  color:#fff !important;border:none !important;}

#settings-dz-elements-wrapper .ui-tabs-nav li a:hover	{	color:#fff !important;}

#settings-dz-elements-wrapper .ui-tabs-nav li.ui-state-active a {	color:#fff !important; background:#6b52b3;}

#settings-dz-elements-wrapper .ui-tabs-nav li:first-child		{	border-left:none !important}
#settings-dz-elements-wrapper .ui-tabs-nav li:last-child		{	border-rigth:none !important}

#settings-dz-elements-wrapper .ui-tabs-nav li:nth-child(2).ui-state-active	{	background:#fff;}

#eg-styling-idle-hover-tab .eg-submenu	{	margin:0; width:100%;background:#e2e1e5;box-sizing:border-box;}

#eg-lc-spaces .eg-submenu				{	margin:0px -20px; background:#e2e1e5;
											box-sizing:border-box;line-height: 36px;
											
											
										}
.eg-submenu	li							{	padding:5px 10px; margin:0px; line-height:36px; cursor: pointer; display: inline-block; color:#717072;}

#eg-wrap .eg-submenu li input[type=checkbox] { line-height: 36px;margin-top: 9px; position: relative; line-height: 36px; display: inline-block;vertical-align: top; }

.eg-submenu li.selected-submenu-setting				{	background-color:#fff; color:#000;}
.eg-submenu li.selected-submenu-setting * 			{ color: #000; }
#eg-style-hover							{	display:none}

#eg-style-idle,
#eg-style-hover							{	position: relative;}

/******************************
	-	SMALL VERTICAL MENU	-
********************************/

.eg-small-vertical-menu				{	width:65px; height:360px;}

.eg-small-vertical-menu ul			{	height:100%;padding:0px !important;  margin:0 !important;box-sizing:border-box;
										background:rgb(235,235,235);border-right:1px solid transparent !important;
									}
.eg-small-vertical-menu i 			{	font-size:15px; line-height:20px; color: #717072; margin-right:0px; margin-bottom:3px; display: inline-block;width:65px;}

.eg-small-vertical-menu li			{	float:none !important; margin-bottom:0px;
										line-height:15px;  height:60px; padding:15px 0px !important;cursor: pointer; background:transparent !important;
										border:none !important;
										text-align: center;
										box-sizing:border-box;
										width: 65px;
										font-size:10px !important; 
										font-weight:600; color: #717072; 
									}

.eg-small-vertical-menu li.selected-el-setting	{	background:#fff !important;  color:#000 !important;}

.eg-small-vertical-menu li.selected-el-setting *,
.eg-small-vertical-menu li:hover,
.eg-small-vertical-menu li:hover *,
.selected-small-menu,
.selected-small-menu *				{	color:#000 !important; }

.esg-el-settings-container			{	position:absolute;left:95px; top:15px; height:420px;visibility:hidden; width:560px; }

.esg-el-settings-container.active-esc	{	visibility:visible}

#eg-element-style					{	padding:0px !important;}

.eg-delete-wrapper					{	padding: 15px; position: relative;z-index: 500;box-sizing: border-box }

/****************************
* Box Styles
****************************/

.divider1							{	height:1px; width:100%;}
.divider2							{	height:2px; width:100%;}
.divider5							{	height:5px; width:100%;}

#eg-dz-hover-wrap .skin-dz-elements.eg-special-element	{	font-size:10px; width:100% !important;height:9px !important;content:"" !important; line-height:5px !important;padding:0px !important;margin:2px 0px -1px!important;background:url(../images/eg_linebreak.png) !important; background-position:center center !important;}
#eg-dz-hover-wrap .skin-dz-elements.eg-special-blank-element	{	font-size:10px; width:100% !important;height:28px !important;content:"" !important; line-height:28px !important;padding:0px !important;margin:2px 0px -1px!important;background:url(../images/eg_blankhtml.png) !important; background-repeat: no-repeat !important; background-position:center center !important;}

#skin-dz-c-wrap .skin-dz-elements.ui-draggable,
#skin-dz-tl-wrap .skin-dz-elements.ui-draggable,
#skin-dz-br-wrap .skin-dz-elements.ui-draggable {	display:none !important}

/*#eg-dz-hover-wrap .skin-dz-elements.selected:after	{	position: absolute;
														top: -6px;
														left: -10px;
														font-family: 'eg-font';
														content: "\e86c";
														background-color: #8E44AD !important;
														color: #FFF;
														width: 16px;
														height: 16px;
														font-size: 9px !important;
														line-height: 16px !important;
														color: #FFF !important;
														border-radius: 15px;														
														text-align: center;
													}*/
#eg-dz-hover-wrap .skin-dz-elements.selected {
	outline: 2px dashed rgba(255,255,255,0.5);
}

#esg-settings-actions				{	padding:0px 23px 10px; padding-left:70px;width:100%; max-width:1170px;min-width:755px; box-sizing:border-box; }
#esg-settings-actions .eg-pbox		{	border-top:1px solid #fff;}
#esg-settings-actions .esg-box-inside		{	margin:11px 0px 0px; }
#eg-create-settings-wrap  select	{	min-width:185px}

#eg-global-settings-menu,
#eg-create-settings-menu			{	width:100%; position: relative }

#eg-global-settings-menu ul,
#eg-create-settings-menu ul,
.es-grid-meta-tabs, .es-grid-search-tabs	{ padding:0px 0px 0px 150px; background:#E2E1E5;margin:0px; position: relative; z-index:98; width:100%;box-sizing:border-box;}
.es-grid-meta-tabs, .es-grid-search-tabs 	{ padding-left: 0px; }

#eg-global-settings-menu i,
#eg-create-settings-menu i 			{	font-size:16px; line-height:56px; color: #717072; margin-right:5px; display: inline-block}

.es-grid-meta-tabs li, 
.es-grid-search-tabs li,
#eg-global-settings-menu li,
#eg-create-settings-menu li {	display: inline-block;
										cursor: pointer;
										position: relative;
										text-align: center;margin-bottom:0px;
										padding:0px 10px;vertical-align: middle;line-height:56px;										
									}
#eg-global-settings-menu li p,
#eg-create-settings-menu li p,
.es-grid-meta-tabs li a, .es-grid-search-tabs li a	{	display: inline-block; font-size:13px; line-height:56px; font-weight:400; color: #717072; white-space: nowrap ; text-decoration: none; margin:0px;}

.es-grid-meta-tabs li, .es-grid-search-tabs li { padding: 0px; }
.es-grid-meta-tabs li a, .es-grid-search-tabs li a { padding: 0px 10px; }

.es-grid-meta-tabs li.ui-tabs-active, .es-grid-search-tabs li.ui-tabs-active,
#eg-global-settings-menu li.selected-esg-setting,
#eg-create-settings-menu li.selected-esg-setting	{	background:#fff; margin-left:0px;
														z-index: 20;position: relative;
													}

#eg-global-settings-menu li:last-child,
#eg-create-settings-menu li:last-child	{	clear:right;}

.es-grid-meta-tabs li.ui-tabs-active a, .es-grid-search-tabs li.ui-tabs-active a,
.es-grid-meta-tabs li:hover a, .es-grid-search-tabs li:hover a,
#eg-global-settings-menu li:hover,
#eg-global-settings-menu li:hover *,
#eg-create-settings-menu li:hover,
#eg-create-settings-menu li:hover *,
.selected-esg-setting,
.selected-esg-setting *				{	color:#000 !important; }

#eg-global-settings-menu ul li.eg-menu-placeholder,
#eg-create-settings-menu ul li.eg-menu-placeholder { width:150px; background:#5d34af;position:absolute;height:100%;top:0px;left:0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

#eg-wrap #eg-global-settings-menu .material-icons {
	font-size: 25px;
	line-height: 56px
}

.sws-toolbar-button							{	width:200px;position:relative;display: block;  }
#eg-wrap .sws-toolbar-button a.esg-btn		{	margin:0px !important; display:inline-block; width:100%;height:40px !important;font-size:14px;line-height: 40px !important; border-radius: 0px; height:40px;margin:0px; padding:0px;}
#eg-wrap .sws-toolbar-button i				{  
	font-size: 20px;
    vertical-align: top;
    line-height: 40px !important;
    width: 40px;
    text-align: center;
    height: 40px;
    background-position: center center;
    margin-right: 5px;
    padding-left: 2px;
    display: inline-block;
    background-repeat: no-repeat;

}

.save-wrap-settings-skin			{	padding:10px 20px 9px 20px; background: #e1e1e1; box-sizing:border-box;
										position: relative;
}

#eg-create-settings-wrap .slider-settings	{	width:50%}

#eg-create-settings-wrap  p,
#eg-create-settings-wrap .wp_attachment_details label[for=content]	{	font-size:13px;}

.esg-box {
    background: none repeat scroll 0 0 #fff;
}

.rs-icon-save-light {
background-image: url(../images/toolbar/icon-save-light.png);
background-size: 16px 16px;
min-width: 16px;
}

#eg-wrap .eg-pbox,
#eg-wrap .stuffbox	{
	margin-bottom:15px;
}

.esg-box th {
	background: none repeat scroll 0 0 #fff !important;
}

.esg-box tr {
	height: 40px;
	line-height: 30px;
}

.esg-box td {
    vertical-align: top;
}

.esg-box .esg-box-title .eg-pbox-arrow {
    background-image: url(../images/dropdown.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
}

.esg-box .esg-box-title.box-closed .eg-pbox-arrow {
    transform: rotateZ(90deg);
}

.esg-box .eg-cs-tbc label { margin-left: -170px }

.esg-msow-inner { display:inline-block; min-width:305px;margin-left:-170px;}

.eg-custom-meta-info-box,
.eg-search-settings-info-box { margin-bottom:15px; background:transparent; color:#000;font-size: 12px; /*border-bottom:1px solid rgba(0,0,0,0.15);*/}

#eg-wrap  .metabox-title { font-size: 15px; font-weight: 500; line-height: 25px; padding: 0px; vertical-align: top; margin-bottom: 15px;}

#eg-wrap .metabox-title .material-icons { line-height: 25px; vertical-align: top; margin-right: 15px;font-size: 17px}
/*.eg-custom-meta-toggle-visible { display: none }*/

/****************************
* Custom Dialog Styles
****************************/

.essential-dialog-wrap {
	padding: 0px;
}

#custom-element-image-dialog-wrap { padding: 20px; }

/****************************
* Custom Slider Styles
****************************/

.slider-settings {
	display: inline-block;
	width: 170px;
	position: relative;
}

.slider-settings.eg-slider-small {
	width: 44px;
}

.slider-settings.shortform	{	width:100px;}

/****************************
* General Styles
****************************/

#eg-wrap .input-settings-small,
#eg-wrap input[type=number].input-settings-small,
.input-settings-small {
	width: 50px;
}

.padding-10 {
	padding: 10px;
}

.padding-15-nt {
	padding: 0px 15px;
	margin: 0px !important;

}

.del-page-entry {
	cursor: pointer;
}

.columns-width, .columns-height {
	display: none;
}

/****************************
* Grid Position Editor
****************************/
#eg-grid-editor-wrap{

}

#skin-dz-wrapper, #skin-dz-video-wrapper, #skin-dz-music-wrapper
 {
	background:transparent;
	height: 400px;
	width: 400px;
	border:none;
	margin-right: 20px;
	position: relative;
	display: block;
/*	overflow: hidden;*/
}

#skin-dz-wrapper {
    margin-right: 0;
    z-index:20;
}
#skin-dz-m-wrap	{	z-index: 10;}

#skin-dz-media-bg		{	background:url(../images/tp_placeholder.png); background-position: center center; background-size: cover; width:100%;height:100%;top:0px;left:0px;position: absolute;
							box-sizing:border-box;

}

.eg-ul-tabs,
#eg-dz-selector						{	padding:0; border:none;}

#eg-element-settings-wrap			{	width:480px;}

.eg-ul-tabs ul li,
#eg-dz-selector ul li 				{ 	display: inline-block; }
.eg-ul-tabs ul li a,
#eg-dz-selector ul li a,
.eg-ul-tabs .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited	{	color:rgba(255,255,255,0.6);}

.eg-ul-tabs ul li a,
#eg-dz-selector ul li a				{	text-decoration: none !important}

#eg-dz-hover-wrap				{	overflow: visible;}

.eg-ul-tabs .ui-tabs-panel,
#eg-dz-hover-wrap,
#eg-dz-video-wrap,
#eg-dz-music-wrap				{	 border-radius: 0px; padding:15px;}

#eg-dz-hover-wrap,
#eg-dz-video-wrap,
#eg-dz-music-wrap				{	padding:0px}
#eg-dz-selector 				{	width: 400px; }

.dropzonetext					{	position: absolute; top:5px;left:5px; right:5px;bottom:5px;}
.dropzonebg						{	width: 100%;height: 100%;position: absolute; top:0px; left:0px;
									text-align: center; vertical-align: middle;
									border: 2px dashed rgba(34,200,229,1);
								    z-index: 0;
								    background: rgba(34,200,229,0.3);
								    box-sizing: border-box;
								    border-radius: 3px;																		
								}

#skin-dz-m-wrap .dropzonetext	{	z-index:1}
.dropzoneinner					{	font-size:12px; color:#22c8e5; position: absolute; top:50%;left:50%; margin-top:-6px; margin-left:-40px;}

#eg-dz-hover-wrap {
    display: block;
	position: relative;
    margin-right:0px;
}

#skin-dz-m-wrap					{	width:100%; position:relative; height:auto;min-height:40px; display:none;}
#skin-dz-m						{	width: 100%;
									height: 100%;
									display: block;
									padding: 0px;
									min-height: 40px;
									box-sizing:border-box;
									
									
									position: relative;

}

#eg-dz-selector {
	display: inline-block;
	float: left;
}

.draggable {
	background-color: transparent;
	border: 1px dotted #555555;
	display: inline-block;
	padding: 15px;
	width: 100%;
}

.skin-dz {
	background-color: transparent;
	padding: 5px;
	position: absolute;
	height: auto;

}

#skin-dz-c, #skin-dz-vc, #skin-dz-mc {
	display: inline-block;
	height: auto;
	min-height: 50px;
	width: 100%;
	z-index: 1;
	position: relative;

}

#skin-dz-video-c, #skin-dz-music-c {
	display: block;
	height: auto;
	min-height: 50px;
	width: 100%;
}

.skin-dz-elements {
	background-color: transparent;
	/*border: 1px dotted #d5d5d5;*/
	cursor: move;
	display: inline-block;
	font-size: 12px;
	margin: 2px;
	padding: 5px;
	text-align: center;
	z-index: 100000;
	position: relative;
	color:#fff;
}

/******************************
	-	Element Animation Preview	-
********************************/

#eg-preview-stop-item-skin	{	display: none}

#eg-elements-container-grid .esg-entry-content	{	padding:0 !important; line-height: normal !important;
													box-shadow: none; 
													text-align: center;display: block !important;
												}
#eg-elements-container-grid li					{	overflow: hidden !important}

#eg-elements-container-grid li,
#eg-elements-container-grid .esg-entry-content	{	background: transparent !important; }

#eg-elements-container-grid ul					{	background-color: #444}

.eg-element-cover					{	width:100%;height:100%;position:absolute; top:0px; left:0px;}

.eg-editor-inside-wrapper			{	position: relative; background:url(../images/trans_tile2.png) repeat; }

#settings-dz-wrapper.eg-draggable	{	position: absolute !important; width:460px;}
#settings-dz-wrapper.eg-draggable	{	z-index:10000; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 0px 10px 2px;}
#settings-dz-wrapper.eg-draggable .eg-pbox {	margin-bottom:0px}

.eg-draggable h3	  {	cursor:move !important;}
.eg-draggable .dragme { z-index:100000; width:100%;height:100%;top:0px;left:0px; cursor:move !important; background:#ff0000;}
.eg-draggable .dragme i {	position: absolute; right:5px; top:10px; color:#999;}

#eg-element-text .skin-dz-elements	{	margin:0px 5px 5px 0px!important; display:inline-block !important; }

.skin-dz-elements.ui-draggable-dragging {
	display: inline-block;
}

.skin-dz-elements.ui-draggable-dragging,
.skin-dz-elements.selected {
	z-index:100000;
	position: relative;
}

.skin-dz-elements.floated {
	float: left;
}

.skin-dz-elements.ui-sortable-helper,
.eg-state-highlight {
	display: inline-block;height:auto !important; width:auto !important;
	background:#5d34af;
}

.eg-state-highlight {	z-index:10000; position:relative;}

#skin-dz-wrapper .skin-dz-elements, #skin-dz-video-wrapper .skin-dz-elements, #skin-dz-music-wrapper .skin-dz-elements {
	cursor: pointer;	
	z-index	:10;
}

#element-toolbar {
	display: none;
	border: 1px dotted #000;
	background-color: #FFF;
	padding: 5px;
	position: absolute;
}

#settings-dz-wrapper {
	display: none;
	float: left;
	height: auto;
	width: auto;
	height:auto;
	min-width:625px;
}

#settings-dz-wrapper-temp {
	display: none;
}

#eg-google-font-input-wrapper{
	max-height: 300px;
	overflow-y: scroll;
	width: 100%;
	text-align: center;
}

/******************************
	-	esg ITEM CONTENT	-
********************************/

/*.esg-layout-even .esg-entry-cover		{	box-sizing:border-box;
											width:auto;height:auto;position:absolute;top:0px;left:0px;
										}

.eec								{	display:block; width:auto; height:auto;position:absolute !important; }

*/
#eg-dz-padding-wrapper						{	position: relative; box-sizing:border-box; padding:15px;}

/* TOP CONTAINERS */

#eg-it-layout-wrap .eec						{	min-height:30% }
.eec.eg-filled-container,
#skin-dz-m-wrap.eg-filled-container			{	min-height:0px}

/* HIDER COVER TILL NO CONTENT INSIDE */
.eec.eg-filled-container .dropzonetext,
#skin-dz-m-wrap.eg-filled-container .dropzonetext		{	display:none}
#eg-it-layout-wrap .eec .eg-element-cover	{	display:none;}
#eg-it-layout-wrap .eec .eg-element-cover	{	display:none;}

/* SHOW COVER IF CONTENT INSDIE */
#eg-it-layout-wrap .eec.eg-filled-container .eg-element-cover	{	display: block}

/* IF FULL LAYOUT (NOT CONTENT BASED) CENTER COVER MUST BE SHONW */
#eg-dz-hover-wrap.eg-full-layout .esg-cc .eg-element-cover	{	display: block !important}

.esg-cc 		{	top:0px;left:0px; width:100%;z-index:0}

.esg-tc 		{	top:0px; left:0px; width:100%;z-index:2}
.esg-bc 		{	bottom:0px;left:0px; width:100%;z-index:2}

.esg-rc 		{	top:0px;right:0px; height:100%;z-index:2;width:auto;bottom:auto;right:auto;}
.esg-lc 		{	top:0px;left:0px; height:100%;z-index:2;width:auto;bottom:auto;right:auto;}

#eg-element-centerme-c,
.esg-lc #eg-element-centerme-l,
.esg-rc #eg-element-centerme-r	{	position:absolute;top:0px;left:0px;width:100%;height:auto;}

#skin-dz-br,
#skin-dz-tl			{	width:100%; height:100%;position: absolute;}

#skin-dz-tl			{	top:0px;}
#skin-dz-br			{	bottom:0px;}

.eg-filled-container #skin-dz-br,
.eg-filled-container #skin-dz-tl	{	height:auto}

#skin-dz-c-wrap		{	width:100%; height:100%;z-index:1;}

#skin-dz-tl-wrap	{	width:100%; z-index:2;}
#skin-dz-br-wrap	{	width:100%; z-index:2;}

.esg-lc#skin-dz-tl-wrap	{	height:100%; width:auto;min-width:20px;z-index:2;}
.esg-rc#skin-dz-br-wrap	{	height:100%; width:auto;min-width:20px;z-index:2;}

#skin-dz-c-wrap,
#skin-dz-tl-wrap,
#skin-dz-br-wrap,
#skin-dz-m-wrap	{	line-height: 1;font-size:inherit}

/****************************
* Fix Broken WP Styles
****************************/

.iris-slider div {
	background: transparent !important;
	border: none !important;
	bottom: 6px !important;
	height: auto !important;
	top: 5px !important;
	width: auto !important;
}

.media-modal {
	z-index: 300003;
}

/**********************************
	-	GROUP ANIMATION WARNING	-
********************************/

#groupanimwarning	{	float:left;display:none;line-height:30px;font-size:11px; color:#f7345e}

/*****************************************
	-	ADVANCED COLUMNS AND ROWS	-
*****************************************/

#eg-wrap .esg-btn#eg-add-column-advanced		{	margin-left:10px !important;}

#eg-wrap .esg-btn#eg-add-column-advanced .material-icons,
#eg-wrap .esg-btn#eg-remove-column-advanced .material-icons  { margin: 0px !important; }

#eg-it-layout-wrap { display:inline-block; }

/******************************
	-	MEDIA SOURCE ORDER	-
********************************/

.eg-media-source-order-wrap 	{	
    background: transparent;
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px; 
    border:2px dashed rgba(0,0,0,0.15);
}

.esg-prewrap {
	padding: 15px;
	background: #e2e1e5;
	border-radius: 3px; 
    border:none;
    margin-left: -170px;
}

.esg-prewrap pre code {
	background: transparent;padding: 0px; line-height: 25px; color: #000;
}

#lbo-btn-list,
#ajo-list,
#lbo-list { display: inline-block; width: 305px; margin-bottom: 15px; }

.eg-media-source-order-wrap .esg-btn { margin-bottom: 2px; margin-right: 0px; }

.eg-media-source-order			{	display: block !important; position: relative}
.eg-media-source-order i { margin-right: 10px; }
.eg-media-source-order.notavailable {	opacity:0.25; pointer-events: none;}
.eg-media-source-order.notavailable input { display:none !important; }

.eg-media-source-order input[type=checkbox],
.eg-media-source-order input[type=radio] { 
	float: right; 	
}

.eg-media-source-order:hover { filter: brightness(110%); }

.eg-media-source-order:hover input[type=checkbox],
.eg-media-source-order:hover input[type=radio] { color: #22c8e5; }

.eg-pbox.esg-box	{	border:none; position: relative; vertical-align: top}

#eg-post-cat-wrap select[name="post_category"]	{	resize: both;}

/******************************
	-	IMPORT EXPORT PART	-
********************************/
#eg-grid-export-import-wrapper ul li ul{
	margin-left: 20px;
}

input[type="file" i]::-webkit-file-upload-button {
	border: none;
	border-right: 10px solid #fff;
	line-height: 30px;
	padding: 0px 20px;
	color: #fff;
	background: #22c8e5;
	outline: none !important;
	box-shadow: none !important;
	cursor: pointer
}

/******************************
	-	CodeMirror Styling	-
********************************/
.eg-codemirror-border .CodeMirror{
	
}

/****************************************
	-	PAGINATION FOR ESS GRID	-
****************************************/

.ess-pagination-wrap   {line-height:30px; margin:15px 0px 0px; text-align: right}
.ess-pagination-wrap  .page-numbers			{	display:inline-block;color:#555; background:#E2E1E5;text-align: center; min-width: 30px; text-decoration: none; line-height: 30px; font-size:13px; border-radius: 3px}
.ess-pagination-wrap  .page-numbers.dots { background: transparent; }
.ess-pagination-wrap  .page-numbers:hover,
.ess-pagination-wrap  .page-numbers.current	{	background:#22c8e5; color:#fff;}

#ess-pagination-form {	float:right; margin-left:10px}

.wp-core-ui .eg-media-source-order.esg-blue.esg-btn	{	cursor:ns-resize !important}

/***************************************************************
	-	ESG VIDEO MEDIA IN PREVIEW NEED TO BE PUSHED	-
***************************************************************/
#esg-preview-wrapper .esg-vimeo-frame,
#esg-preview-wrapper .esg-video-frame,
#esg-preview-wrapper .esg-youtube-frame	{	margin-top:30px;}
#esg-preview-wrapper .esg-atoolbar		{	background-color: #e2e1e5 !important}

.esg-skineditor-toolbar,
.esg-atoolbar { display:block;width:100%;height:30px;top:0px;left:0px;position:absolute;z-index:10; padding: 0; background:#e2e1e5;}

.esg-screenselect-toolbar {display:block;width:100%;height:30px;top:0px;left:0px;position:relative;z-index:10;background-color: #e2e1e5; padding: 0;}
#eg-wrap #eg-selected-skins-wrapper .filter-selectedskin .esg-screenselect-toolbar	{background:#5d34af;}

#eg-grid-even-item-skin-wrapper .tp-esg-item:hover .eg-edit-skin-button, 
#eg-grid-even-item-skin-wrapper .tp-esg-item:hover .eg-item-skin-overview-name,
#eg-wrap #eg-selected-skins-wrapper .tp-esg-item:hover .eg-edit-skin-button, 
#eg-wrap #eg-selected-skins-wrapper .tp-esg-item:hover .eg-item-skin-overview-name { color: #000; }

#eg-wrap #eg-selected-skins-wrapper .filter-selectedskin .eg-edit-skin-button, 
#eg-wrap #eg-selected-skins-wrapper .filter-selectedskin .eg-item-skin-overview-name { color: #fff !important; }

/******************************************
	-	ADVANCED SHOW/HIDE RULES	-
******************************************/

.ad-rules-main				{	
	padding:10px 15px; /*background: #22c8e5;color: #FFF;*/
	text-align:center; line-height: 30px;
	background: #fff;	
	width: 100%;	
	z-index: 210;
}
.ar-open-meta { z-index: 100;
    position: absolute;
    right: 0px;
    background: #5d34af;
    color: #fff;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    top: 15px;
    font-size: 12px;
    border-radius: 0px 3px 3px 0px;
   }
.ar-open-meta i.material-icons { font-size: 12px; line-height: 30px}

#ar-form-wrap .ar-form-table-wrapper .button,
#ar-form-wrap .ar-form-table-wrapper .esg-btn 	{	line-height:25px;height:27px;}

.ar-form-table-wrapper table					{ border-spacing: 0px;	}
.ar-form-table-wrapper table tr td				{ padding:15px 0px 15px 15px; vertical-align: top; line-height: 30px; position: relative }

.ar-form-table-wrapper table tr				 	{	background: #fff}

.ar-form-table-wrapper table tr:nth-child(2) td,
.ar-form-table-wrapper table tr:nth-child(4) td	{	padding:2px 0px; background: #fff}

/******************************
	-	Grid Settings Tab	-
********************************/

.eg-original-filter-options-holder {
	position: relative;
	margin-left: -170px;
	margin-top: 15px;
}
.eg-filter-options-wrap {
	padding: 0 10px 10px;
	background-color: #f0f0f2;
	border: 2px solid #5d34af;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 400px;
	border-radius: 3px;
	display: inline-block;
	overflow: hidden;
}

.eg-filter-input {
	float:right;
	margin: 5px 4px 0 0 !important;
}

.eg-remove-filter-tab {
	position:absolute; top:4px;right:5px; color:#fff;z-index:100; cursor: pointer; display: block;
}

#eg-wrap .eg-filter-options-wrap textarea,
#eg-wrap .eg-filter-options-wrap input[type=text]:not(.eg-search-input), 
#eg-wrap .eg-filter-options-wrap input[type=password], 
#eg-wrap .eg-filter-options-wrap input[type=email], 
#eg-wrap .eg-filter-options-wrap input[type=number], 
#eg-wrap .eg-filter-options-wrap input[type=search], 
#eg-wrap .eg-filter-options-wrap input[type=tel], 
#eg-wrap .eg-filter-options-wrap input[type=url], 
#eg-wrap .eg-filter-options-wrap select
{ width: 100%; }

.eg-filter-header-block	{	display: block;
							background: #5d34af;
							color: #FFF;
							text-align: center;
							padding: 10px;
							margin:-1px -11px;
							text-transform:uppercase;}
.eg-filter-header-block	.eg-icon-megaphone	{	margin-right:10px	}

.eg-filter-label		{	line-height: 25px !important;
							font-weight:600;
							margin-bottom: 5px;
							background: #6b52b3;
							margin: 0px -10px;
							padding: 5px;
							color: #fff;
						}

.eg-filter-options-wrap	{	position: relative; display: inline-block; float:none !important; vertical-align: top;}

.eg-filter-option-field { padding: 10px 0px; }
.eg-filter-option-field input,
.eg-filter-option-field select 	{	width:100%;box-sizing:border-box;}

.eg-add-filter-box				{	text-align: center;cursor: pointer;padding:10px;background: #f0f0f2; margin-left: -170px; min-width: 100%; box-sizing: border-box;margin-top:5px;border-radius: 3px}
.eg-add-filter-box i			{	font-size: 45px;color: #fff;background:#5a40aa; border-radius: 50%; vertical-align: top;display: inline-block; line-height: 60px;}
.eg-add-filter-box:hover i		{	filter:brightness(110%);}

input[name="navigation-special-class[]"], .filter-shortcode-filter {

}

#eg-external-drag-wrap {
	display: inline-block;
	position: relative;
	margin-right:15px;
	vertical-align: top;
}

#eg-custommeta-options	.eg-cs-row-min img {	max-width:100%; margin-top:15px;	}

#eg-custommeta-options	.eg-cs-row-min {
											padding-bottom: 15px;
											margin-bottom: 15px;
										}

#eg-custommeta-options	.eg-cs-row-min select	{	min-width:223px;}

/********************************
	-	COBBLES PATTERN STYLING	-
********************************/

#eg-cobbles-options
.eg-cobbles-drop-wrap { display:inline-block;vertical-align: top; padding: 5px; height: 40px; margin-right:5px; margin-bottom:5px; position: relative; background: #E2E1E5; box-sizing: border-box; border-radius:3px;}

.cob-sort-order	{	display:none; font-size:11px; position:absolute;left:5px; bottom:12px; color:#000;}

#eg-wrap .eg-cobbles-drop-wrap select {	vertical-align: top; width:75px;}

.eg-mini-sort-wrapper,
.eg-mini-sort-wrapper a,
.eg-mini-sort-wrapper a:visited,
.eg-mini-sort-wrapper a:focus,
.eg-mini-sort-wrapper a:hover	{	display: inline-block; -webkit-touch-callout: none;
							    -webkit-user-select: none;
							    -khtml-user-select: none;
							    -moz-user-select: none;
							    -ms-user-select: none;
							    user-select: none;
							    outline: none !; border:none ; box-shadow:none ;cursor: pointer;text-decoration: none; 	
							    color: #000;	
							    					    
							  }

.eg-mini-sort-down,
.eg-mini-sort-up			{	display: inline-block; width:8px;height:20px;margin:0 ;padding:0; outline: none !important; border:none !important; box-shadow:none !important;cursor: pointer;
								-webkit-touch-callout: none;
							    -webkit-user-select: none;
							    -khtml-user-select: none;
							    -moz-user-select: none;
							    -ms-user-select: none;
							    user-select: none;
							}

.eg-mini-sort-down:before,
.eg-mini-sort-up:before		{	margin:0 !important; height:20px;width:14px; padding:0; line-height:20px !important; color:#000; font-size: 14px}

/********************************
	-	NEWSLETTER STYLING		-
********************************/

div.star_red { font-size:13px; font-weight:700; color:#222;line-height:18px;margin-top:30px;margin-bottom:10px;font-family: "Open Sans",sans; text-transform: uppercase;}
div.star_red:before { content: '\f155'; font-family: "dashicons"; color:#f7345e; font-size:17px;margin-right:10px; vertical-align: top;}

#why-subscribe-wrapper li {
	list-style-type: disc;
	margin-left: 20px;
}

/******************************
	-  WAIT A MINUTE  -
******************************/

#waitaminute			{	box-sizing:border-box;  display:none;position:fixed; top:0px; left:0px; z-index:100000; background:#000; background:rgba(0,0,0,0.7); width:100%;height:100%;}
.waitaminute-message	{	position:absolute; top:50%;width:100%;text-align: center; color:#fff; font-size:50px; font-weight:600; line-height:60px; margin-top:-30px; font-family: "Open Sans",sans-serif;}

.waitaminute-message i  {	font-family:"eg-font";}
.waitaminute-message i.eg-icon-coffee,
.waitaminute-message i.eg-icon-coffee:before {	color:#fff !important;margin-bottom:15px;}

/**********************************
	-	GRID SETTINGS STYLE		  -
**********************************/

#grid-columns-table { margin-left:-170px;position:relative;border-spacing:0px }
#grid-columns-table tr,
#grid-columns-table td { padding: 0px !important; }
#grid-columns-table input[type="text"]	{	text-align: right; }

#grid-columns-table label { margin-left: 0px; }

.esg-adv-row-title { vertical-align:top !important}
.esg-adv-row-title-span { display:inline-block; vertical-align:top;width:100px; line-height: 20px; text-align: center;}
.esg-adv-row-title-span-small { display:inline-block; vertical-align:top;width:50px; line-height: 20px; text-align: center; margin-right:5px;}

.eg-filter-add-custom-filter{
	color: #fff;background:#5a40aa; border-radius: 50%;	
	border-radius: 50%;
	color: #fff;
	font-size: 20px;
	margin-top: 15px;
	    line-height: 30px;
    text-align: center;
    vertical-align: top;
    left: 50%;
    position: absolute;
    bottom: 5px;
    margin-left: -15px;
    width: 30px;
}

.eg-filter-add-custom-filter:hover{
	filter: brightness(110%);
	color: #fff;
}

.eg-filter-option-top-m {
	text-align: center;
	margin-top: 15px;
}

#inst-filter-grid 				{	display: block;}

.inst-filter-griditem  			{	cursor:pointer; position:relative;width:150px;height:150px; display:inline-block; margin-right:5px;margin-bottom:0px; border:5px solid transparent;}
.inst-filter-griditem .ifgname 	{	background:rgba(0,0,0,0.5); color:#fff; font-size:12px; padding:5px 10px; position:absolute; bottom:5px;right:5px; z-index:4;}
.inst-filter-griditem-img 		{	z-index:2;width:100%;height:100%;background-size:cover;background-position: center center; background-image:url(../images/effectimg_2.jpg); position:relative;}
.inst-filter-griditem-img-noeff {	z-index:1;width:100%;height:100%;background-size:cover;background-position: center center; background-image:url(../images/effectimg_2.jpg); position:absolute; top:0px;left:0px;}
.inst-filter-griditem.selected 	{ border:5px solid #22c8e5;padding:0; }

#eg-form-item-skin-layout-settings label {vertical-align: top}
body.hide-custom-options .eg-addnewitem-wrapper {display: none !important}

/* 2.2.5 */
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn,
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn.focus, 
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn:focus,
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn.active, 
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn.active:focus, 
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn.active:hover, 
.wp-core-ui #edit-custom-element-dialog-wrap .esg-btn:active {
    box-shadow: none;
    text-shadow: none;
    vertical-align: bottom
}

/* 2.2 */
.featured-img-hideable {display: none; margin-left: 30px}
.show-featured-img-settings .featured-img-hideable {display: block}

/* 2.2.5 */
.hide-esg-item-settings .esg-atoolbar {
	
	display: none !important;
	
}

/* 3.0.0 */
#search_and_amount { position: absolute; top: 3px; right: 0px; }
#esg-search-grids { position:relative; display: inline-block}

/* 2.2.6 */
#esg-search-grids, 
#ess-pagination-form {
	
	visibility: hidden;
	opacity: 0;	
	
}

#esg-search-grids.visible, 
#ess-pagination-form.visible {
	
	visibility: visible;
	opacity: 1;
	
}

/* 2.2.3 */
.esg-custom-dialog-blank .esg-item-skin-media-title,
.esg-custom-dialog-blank .esg-blank-hide-meta-notice,
.esg-custom-dialog-blank .esg-blank-hideable,
.esg-custom-dialog-blank #eg-custom-item-options > div:not(.for-blank),
.esg-custom-dialog-blank #esg-item-skin-elements-settings > div:not(.for-blank) {display: none}
.eg-esgblankskin-wrapper * {visibility: hidden !important}
.eg-esgblankskin-wrapper .esg-atoolbar,
.eg-esgblankskin-wrapper .esg-atoolbar * {visibility: visible !important}
.eg-esgblankskin-wrapper:after {

content: "\f335";
	display: inline-block;
    font-size: 64px;
	color: #CCC;
    line-height: 1;
    font-family: dashicons;
    text-decoration: inherit;
    font-weight:400;
    font-style: normal;
    vertical-align: top;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	z-index: 99999;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	visibility: visible !important;
	
}

.input-animation-delay {}

/* 2.2.6 */
.cover-animation-color-wrap {}
.cover-animation-color-hide {display:none;}
.esg-hide-option {display: none !important}
.eg-custom-meta-setting-wrap > * {vertical-align: top !important; margin-right: 4px !important}

/* 2.3 - pretty skin previews */
.ess-grid_page_essential-grid-item-skin #esg-grid-1-1 .eg-facebookstream-element-33,
.toplevel_page_essential-grid  #esg-grid-even-1 .eg-facebookstream-element-33,
.ess-grid_page_essential-grid-item-skin #esg-grid-1-1 .eg-facebookstream-element-3,
.toplevel_page_essential-grid  #esg-grid-even-1 .eg-facebookstream-element-3,
.ess-grid_page_essential-grid-item-skin #esg-grid-1-1 .eg-richard-nixon-element-0,
.toplevel_page_essential-grid  #esg-grid-even-1 .eg-richard-nixon-element-0,
.ess-grid_page_essential-grid-item-skin #esg-grid-1-1 .eg-gerald-ford-element-11,
.toplevel_page_essential-grid  #esg-grid-even-1 .eg-gerald-ford-element-11 {

white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    max-height: 50px;

}

.esg_logo_rotating  {	width:45px;height:45px; display:block; margin:20px auto; position: relative}

#import_dialog_box_action,#nowinstalling_label,
#import_dialog_box 	{	text-align: center; font-weight:300; color:#888; font-size: 12px;line-height:20px;}
.import_failure 	{	font-weight:600; color:#888; font-size: 12px; color:#d50000;}

#import_dialog_box  { font-weight:600; font-size:14px;}

.esgcycle {
 position: absolute;
 background-position: center center;
 background-repeat: no-repeat;
 width: 45px;
 height: 45px;
 top: 10px;
 left: 10px;
}

.import-spinner {
    width: 45px;
    height: 45px;
    border-radius: 3px;
    background: #f7345e;
    position: absolute;
}

.import-spinner div {
    width: 45px;
    height: 45px;
    margin: 0;
    position: absolute;
    transform-origin: center;
    top: 8px;
    left: 8px;
}

.import-spinner span {
    display: block;
    float: left;
    width: 9px;
    height: 9px;
    background: #fff;
    border-radius: 2px;
    margin: 2px 5px 5px 2px;
    animation: logo-rotate infinite 3s;
    transition: all 0.5s ease;
}

.import-spinner span:nth-child(2) {
    animation: logo-rotate2 infinite 3s;
}

.import-spinner span:nth-child(3) {
    animation: logo-rotate4 infinite 3s;
}

.import-spinner span:nth-child(4) {
    animation: logo-rotate3 infinite 3s;
}

@keyframes logo-rotate {
    0% {
        transform: scale(0)
    }
    20% {
        transform: scale(1)
    }
    100% {
        transform: scale(0)
    }
}

@keyframes logo-rotate2 {
    0% {
        transform: scale(0)
    }
    20% {
        transform: scale(0)
    }
    40% {
        transform: scale(1)
    }
    100% {
        transform: scale(0)
    }
}

@keyframes logo-rotate3 {
    0% {
        transform: scale(0)
    }
    40% {
        transform: scale(0)
    }
    60% {
        transform: scale(1)
    }
    100% {
        transform: scale(0)
    }
}

@keyframes logo-rotate4 {
    0% {
        transform: scale(0)
    }
    60% {
        transform: scale(0)
    }
    80% {
        transform: scale(1)
    }
    100% {
        transform: scale(0)
    }
}
/*.import-spinner {
	position: absolute;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	left: 10px;
    top: 10px;
  }
  .import-spinner span {
	display: block;
	position: absolute;
	top: 0px;
	left: 40px;
	height: 100px;
	width: 20px;
  }
  .import-spinner span::before {
	content: "";
	display: inline-block;
	height: 20px;
	width: 20px;
	border-radius: 10px;
	background-color: #fff;
	transform: scale(0);
	animation: bloop infinite 2s;
  }
  .import-spinner span:nth-child(0) {
	transform: rotate(0deg);
  }
  .import-spinner span:nth-child(0)::before {
	animation-delay: 0ms;
  }
  .import-spinner span:nth-child(1) {
	transform: rotate(36deg);
  }
  .import-spinner span:nth-child(1)::before {
	animation-delay: 200ms;
  }
  .import-spinner span:nth-child(2) {
	transform: rotate(72deg);
  }
  .import-spinner span:nth-child(2)::before {
	animation-delay: 400ms;
  }
  .import-spinner span:nth-child(3) {
	transform: rotate(108deg);
  }
  .import-spinner span:nth-child(3)::before {
	animation-delay: 600ms;
  }
  .import-spinner span:nth-child(4) {
	transform: rotate(144deg);
  }
  .import-spinner span:nth-child(4)::before {
	animation-delay: 800ms;
  }
  .import-spinner span:nth-child(5) {
	transform: rotate(180deg);
  }
  .import-spinner span:nth-child(5)::before {
	animation-delay: 1000ms;
  }
  .import-spinner span:nth-child(6) {
	transform: rotate(216deg);
  }
  .import-spinner span:nth-child(6)::before {
	animation-delay: 1200ms;
  }
  .import-spinner span:nth-child(7) {
	transform: rotate(252deg);
  }
  .import-spinner span:nth-child(7)::before {
	animation-delay: 1400ms;
  }
  .import-spinner span:nth-child(8) {
	transform: rotate(288deg);
  }
  .import-spinner span:nth-child(8)::before {
	animation-delay: 1600ms;
  }
  .import-spinner span:nth-child(9) {
	transform: rotate(324deg);
  }
  .import-spinner span:nth-child(9)::before {
	animation-delay: 1800ms;
  }
  .import-spinner span:nth-child(10) {
	transform: rotate(0deg);
  }
  .import-spinner span:nth-child(10)::before {
	animation-delay: 2000ms;
  }
  
  @keyframes bloop {
	0% {
	  transform: scale(0);
	}
	50% {
	  transform: scale(1);
	}
	100% {
	  transform: scale(0);
	}
  }*/

#esg-libary-wrapper h2.topheader {padding: 0px 20px 0px 260px}
#esg-libary-wrapper h2.topheader:before {left: 40px}
#esg-libary-wrapper #esg-close-template {width: 22px; height: 22px; background-size: 22px 22px; right: 40px; top: 40px}
#esg-libary-wrapper #esg-close-template:hover {opacity: 0.5}
#import_dialog_box div {color: #000}

.esg-open-premium-benefits-dialog-container .esg-premium-benefits-block .big_present,
.esg-open-premium-benefits-dialog-container .esg-premium-benefits-block .big_diamond {transform: scale(0.5); margin-left: 18px; margin-right: 10px}
.esg-open-premium-benefits-dialog-container .esg-premium-benefits-block .big_diamond {margin-right: 5px}
#esg-premium-benefits-dialog {background-image: url(../images/oops/getpurchasecode_deko-EG.jpg); background-position: bottom center; background-size: contain}

#eg-elements-container-grid .mainul {filter: brightness(90%);}

#eg-elements-container-grid,
#eg-wrap .backend-flat #eg-elements-container-grid .esg-filters,
#eg-wrap .backend-flat #eg-elements-container-grid .esg-pagination{background: #5d34af !important; margin-bottom: 0px;}
#eg-wrap .backend-flat  #eg-elements-container-grid .esg-filterbutton { padding: 0px 15px; color: rgba(255,255,255,0.6); line-height: 50px}
#eg-wrap .backend-flat  #eg-elements-container-grid .esg-filterbutton:hover { color: #fff; }
#eg-wrap .backend-flat  #eg-elements-container-grid .esg-filterbutton.selected { background: #6b52b3; color:#fff; }

/*
Ver 2.3.7 - 08.06.2020
*/

/*
NAVIGATION BETWEEN THE DIFFERENT ITEM SKINS IN GRID EDITOR
*/

#eg-selected-skins-wrapper { min-height: 360px; padding-top: 15px; }

#eg-selected-skins-default #main_skin_selector_nav_area {
	position: absolute;
	left: -171px;
	top: 17px;
	text-align: center;
	width: 150px;
}

#eg-selected-skins-default #esg-grid-even-1 >div>.esg-filters.esg-singlefilters .esg-filterbutton { 
	width: 105px;
    text-align: center;
    margin-right: 0px;
    border-radius: 25px;
    color: #fff;
    font-weight: 700;
    background: rgba(0,0,0,0.15);
    padding: 5px 10px;
    margin-bottom: 5px; 
    cursor: pointer;
}

#eg-selected-skins-default #esg-grid-even-1 .esg-pagination .esg-navigationbutton {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: #fff;
	font-weight: 700; 
	background: rgba(0,0,0,0.15);
	line-height: 40px;
    margin-right: 5px;    
    margin-bottom: 5px;
    cursor: pointer;
}

#eg-selected-skins-default #esg-grid-even-1 .esg-pagination .esg-navigationbutton.selected,
#eg-selected-skins-default #esg-grid-even-1 .esg-pagination .esg-navigationbutton:hover,
#eg-selected-skins-default #esg-grid-even-1 >div>.esg-filters.esg-singlefilters .esg-filterbutton.selected,
#eg-selected-skins-default #esg-grid-even-1 >div>.esg-filters.esg-singlefilters .esg-filterbutton:hover {
	background: rgba(255,255,255,0.15);
}
#navigation-skin-css-class-name {  font-style: italic;  display: inline-block;line-height: 1.5; }
.esg-simp-row { line-height: 30px; font-size: 13px; color: #444;margin-bottom: 15px; }

#navigation-skin-select { max-width: 200px }

.esg-needattention {
	z-index: 10000;
}
.esg-needattention:after {
	content: "!";
	position: absolute;
	right: -5px;
	top: -5px;
	background: #f7345e;
	border-radius: 15px;
	width: 15px;
	height: 15px;
	color: #fff;
	text-align: center;
	line-height: 15px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

.esg-needattention_item:after {
	content: "!";
	position: absolute;
	left: -8px;
	top: 50%;
	margin-top: -8px;
	font-size: 12px;
	background: #f7345e;
	border-radius: 15px;
	width: 15px;
	height: 15px;
	color: #fff;
	text-align: center;
	line-height: 15px;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

#nav_skin_preview_wrap { position: relative; margin-top: 15px; width:100%; top:0px;left:0px; z-index: 1000}
#nav_skin_preview { padding: 15px; position:relative;background-image:url(../images/trans_tile2.png);background-repeat:repeat; width:100%;box-sizing: border-box}
#nav_skin_preview_content { position: relative;z-index: 100; }
#nav_skin_preview_colored{		
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 0;
}

#filter-select-dialog-save { position: absolute; left: 0px; }

#nav_skin_preview .esg-filter-wrapper { visibility: visible !important }
#post_meta_dialog_update_button,
#create_nav_skin_from_template,
#single_image_addition,
#bulk_image_addition,
#custom_element_edit_close,
#custom_element_edit_save,
#custom_element_edit_save_norefresh,
#add-link-meta,
#add-custom-meta-add,
#filter-select-dialog-save,
#filter-select-dialog-close,
#adv_rules_reset_btn,
#reset_to_nav_skin_button { background: #5d34af}
#reset_to_nav_skin_button { position: absolute; left: 0px;  }
#adv_rules_save_btn,
#save_navigation_skin_button { background-color: #00ceab; box-shadow: none; color: #fff; }

#adv_rules_disc_btn { background: #f7345e; }

#esg-settings-ajax-settings .mce-toolbar-grp,
#esg-settings-ajax-settings .quicktags-toolbar
 {
	background: #e2e1e5;
}

#esg-settings-ajax-settings .html-active .switch-html, 
#esg-settings-ajax-settings .tmce-active .switch-tmce {
	background: #e2e1e5;
	border: 1px solid #e2e1e5;
}

.esg-pinme {     
	position: absolute;
    right: 15px;
    top: 0px;
    cursor: pointer;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: #000;    
    transform-origin: 50% 50%;
    vertical-align: top; 
    transform: rotate(90deg);
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
     -khtml-user-select: none; 
       -moz-user-select: none; 
        -ms-user-select: none; 
            user-select: none;
 }

.pinneable.pinned .esg-pinme { transform: rotate(0deg); }

#eg-wrap .esg-box .esg-box-title .esg-pinme i.material-icons {margin: 0px;}
.eg-pbox.esg-box.pinneable  {position: relative;z-index: 100;top: auto;}
.eg-pbox.esg-box.pinneable.pinned:not(.inunpinneablerange) { position: fixed;z-index: 100000; top: 40px; margin-left:3px;}

[ CANCEL ]

Name	Type	Actions
.. (Parent Directory)
📄 codemirror.css	FILE	[EDIT]
📄 esg-admin.css	FILE	[EDIT]
📄 esg-global.css	FILE	[EDIT]
📄 index.php	FILE	[EDIT]
📄 select2ESG.css	FILE	[EDIT]
📄 tooltipster.css	FILE	[EDIT]
📄 tp-color-picker.css	FILE	[EDIT]

[ Root System Explorer ]

Editing: esg-admin.css