/******************************
	ESSENTIAL GRID V3.0.0
*******************************/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

.wp-core-ui #esg-settings-ajax-settings .button, 
.wp-core-ui #esg-settings-ajax-settings .button-secondary {
    font-family: "Open Sans";    
    vertical-align: top;
    background: rgba(0,0,0,0.1);
    border: none;
    color: #555;
    font-weight: 600;
}

.wp-core-ui #esg-settings-ajax-settings .button:hover, 
.wp-core-ui #esg-settings-ajax-settings .button-secondary:hover { filter: brightness(110%); }

#eg-wrap  { font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px;}
#eg-wrap .material-icons { font-size: 14px; line-height: 30px; vertical-align: top }

.esg-btn,
.esg_dialog button.ui-button,
#eg-wrap .button.insert-media.add_media { color: #fff; background:#ddd; line-height:30px; border-radius:15px; padding:0px 15px; 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; vertical-align: top;border:none;position: relative; font-family:"Open Sans", sans-serif;}
.esg_dialog .ui-button.ui-dialog-titlebar-close,
.esg_dialog .ui-button.ui-dialog-titlebar-close:focus { color: #fff !important; }
.esg-btn-big	{ color: #fff; background:#ddd; line-height:40px; border-radius:20px; padding:0px 20px; display:inline-block; text-decoration: none;margin-right:10px; outline:none;box-shadow: none; transition:none; font-weight:600;font-size:15px;cursor: pointer}

.esg_dialog button.ui-button { height: 30px; margin-bottom: 0px; }
.esg_dialog button.ui-button.ui-dialog-titlebar-close {border-radius: 0;margin: 0px;text-align: center;padding: 0px;background: #22c8e5;vertical-align: top; width:46px;height:46px; position: absolute; top: 0px;border-radius: 0px; right:0px;}
.esg_dialog button.ui-button.ui-dialog-titlebar-close:before { line-height: 46px }
.esg_dialog button.ui-button .ui-button-text,esg-btntxt { display: inline-block; line-height: 30px; font-size: 12px; color: #fff; vertical-align: top; padding:0px;}
.esg_dialog button.ui-button.ui-dialog-titlebar-close .ui-button-text { display: none; }
.esg_dialog button.ui-button { border: none; box-shadow: none; }

#eg-wrap .esg-btn .material-icons { margin-right: 5px; }

.toplevel_page_essential-grid .ui-widget-overlay {
	background: #000;
	opacity: 0.7;
}

.esg-purple { background: #5d34af; }
.esg-green { background: #00ceab; }
.esg-red { background: #f7345e; }
.esg-blue { background: #22c8e5; }


#eg-wrap .button.insert-media.add_media { background:#5d34af ; }
.esg-btn:focus,
.esg-btn-big:focus,
.esg_dialog button.ui-button:focus { box-shadow: none }

.esg_dialog button.ui-button:hover,
.esg-btn:hover,
.esg-btn-big:hover { filter: brightness(110%); color:#fff;}

.esg-btn-big:focus,
.esg-btn-big:visited,
.esg-btn:focus,
.esg-btn:visited { color: #fff; }

#create_import_grid_wrap .esg-btn-big.esg-purple { box-shadow: 0px 10px 30px rgba(93,52,175,0.05); }
#create_import_grid_wrap .esg-btn-big.esg-red { box-shadow: 0px 10px 30px rgba(247,52,94,0.05); }

.esg-btn i { font-size: 14px; line-height: 30px;vertical-align: top; margin-right: 5px}
.cell_4 .esg-btn i { font-size: 15px }

#eg-wrap .esg-btn-big i.material-icons { font-size: 20px; line-height: 40px;margin-right: 5px; }

#eg-wrap { color: #000; min-width:940px;}
#eg-wrap a,
#eg-wrap a:focus,
#eg-wrap a:hover,
#eg-wrap a:visited { outline: none; box-shadow: none; border: none; }

.esgs-info { line-height: 16px;
    font-size: 11px;
    font-weight: 400;
    display: inline-block;    
    color: #000;
    text-decoration: none;
}

.esgs-info a,
.esgs-info a:visited {
	color: #5d34af;	
}

.esgs-info a:hover {
	text-decoration: underline;
}



esg-row { display: table; width: 100%;  vertical-align: middle; font-size: 12px; line-height: 30px; }
esg-row .esg-btn {font-size: 13px}
esg-cell { display:table-cell; box-sizing: border-box;padding: 10px 0px;}
esg-row.esg_table_labels { font-size: 13px; font-weight:600; border-bottom: 1px solid #f1f1f1; }

esg-cell.cell_0 { width:50px;text-align: center; }
esg-cell.cell_1 { width:50px; }
esg-cell.cell_2 { width:15%; }
esg-cell.cell_3 { width:18%; }
esg-cell.cell_4 { width:28%; }
esg-cell.cell_5 { width:18%; }
esg-cell.cell_6 {  }

esg-cell.cell_4 .esg-btn i { margin-right: 0px }
esg-cell.cell_4 .esg-btn esg-btntxt { margin-left: 5px }

.toplevel_page_essential-grid .ui-autocomplete,
#es-wrap .ui-autocomplete {
	padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    z-index: 10000;
    border: 1px solid #e2e1e5;
    box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
    background-color: #E2E1E5;
    border-radius: 3px;
}


@media only screen and (min-width: 0px) and (max-width: 1400px) {
	esg-cell esg-btntxt { display: none }
	esg-cell.cell_0,
	esg-cell.cell_1 { width: 40px; padding-right: 0px; }
	esg-cell.cell_3 { width:22%; }
	esg-cell.cell_4 { width:250px; }	
	esg-cell.cell_5 { width:18%; }
	
}

@media only screen and (min-width: 0px) and (max-width: 1250px) {
	esg-cell.cell_2 { width:20%; }
	esg-cell.cell_3 { width:25%; }
	esg-cell.cell_4 { width:200px; }
	esg-cell.cell_5 { width:20%; }
	esg-cell.cell_6 { display: none }
}

@media only screen and (min-width: 0px) and (max-width: 1072px) {
	esg-cell.cell_3 { width:35%; }
	esg-cell.cell_5 { display: none; }
}

#eg-grid-overview-wrapper	{	background:#fff;}


.div5 { display: block;height: 5px; }
.div10 { display: block;height: 10px; }
.div13 { display: block;height: 13px; }
.div15 { display: block;height: 15px; }
.div20 { display: block;height: 20px; }
.div30 { display: block;height: 30px; }
.div35 { display: block;height: 35px; }
.div40 { display: block;height: 40px; }
.div50 { display: block;height: 50px; }

.space5 { display: inline-block; width: 5px;height: auto; }
.space10 { display: inline-block; width: 10px;height: auto; }
.space15 { display: inline-block; width: 15px;height: auto; }
.space18 { display: inline-block; width: 18px;height: auto; }
.space20 { display: inline-block; width: 20px;height: auto; }
.space30 { display: inline-block; width: 30px;height: auto; }
.space36 { display: inline-block; width: 36px;height: auto; }
.space50 { display: inline-block; width: 50px;height: auto; }
.space100 { display: inline-block; width: 100px;height: auto; }


.esg_info_box { background: #fff; display: block; padding: 30px 30px 30px 80px; position: relative; line-height: 25px; font-size: 13px; box-sizing: border-box;}
.esg_info_box_decor {left:0px;top:0px;position:absolute;height:100%;padding:27px 10px;box-sizing: border-box;}
.esg_info_box_decor i {color:#fff;font-size:25px;}


.esg-staytog { white-space: nowrap; display:inline-block }

#eg-wrap .esg_info_box a:not(.esg-btn),
span.description a { color:#5d34af}
#eg-wrap .esg_info_box a:hover,
span.description a:hover { text-decoration: none }

/***
Visual Composer Icon
***/
.wpb-layout-element-button .icon-wpb-ess-grid,
.wpb_Essential_Grid .wpb_element_wrapper  { background-image: url("../images/vc-icon.png") !important;}

.wpb_ess_grid.wpb_content_element .wpb_element_wrapper { background-image: url("../images/vc-icon.png") !important; background-position: contain !important; }

/*
Update fix for Visual Composer
*/
.wpb-layout-element-button .icon-wpb-ess-grid  { background-image: url("../images/vc-icon.png") !important;}
.vc_element-icon.icon-wpb-ess-grid { background-image: url("../images/vc-icon.png") !important; background-size:contain; }


/***
TinyMCE add option to use dashicons
***/
i.mce-i-icon {
	font: 400 20px/1 dashicons;
	padding: 0;
	vertical-align: top;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: -2px;
	padding-right: 2px
}

div[aria-describedby="ess-grid-tiny-mce-dialog"]   	{	font-family: sans-serif}

div[aria-describedby="ess-grid-tiny-mce-dialog"].ui-dialog.ui-widget.ui-widget-content { padding:0px !important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
div[aria-describedby="ess-grid-tiny-mce-dialog"] .ui-widget-header	{	background:transparent !important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border:none !important; border-bottom:1px solid #ddd !important; padding:0px !important}

div[aria-describedby="ess-grid-tiny-mce-dialog"] .ui-dialog-titlebar-close	{	background:transparent; padding:0px; width:20px !important;height:20px !important; right:10px; top:10px; position: absolute; border:1px solid #aaa;}
div[aria-describedby="ess-grid-tiny-mce-dialog"] .ui-dialog-titlebar-close:before	{	width:20px; height:20px; line-height: 20px; top:-1px;left:-1px; position: absolute; }

div[aria-describedby="ess-grid-tiny-mce-dialog"] .ui-dialog-titlebar {	height:50px; }
div[aria-describedby="ess-grid-tiny-mce-dialog"] .ui-dialog-title	{
background: url(../images/logo.png) no-repeat;
width: 207px;
height: 50px;
top: 0px;
position: absolute;
left: 20px;
background-position: left center;
padding-left:225px;
line-height:50px;
background-size: 207px;
}

div[aria-describedby="ess-grid-tiny-mce-dialog"] .ui-button.ui-dialog-titlebar-close	{	height:50px;}

#ess-grid-tiny-mce-dialog					{	position: relative; padding:0px !important}

#ess-grid-tiny-grid-settings-wrap.notselectable	{	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  filter: alpha(opacity=50);  -moz-opacity: 0.5;  -khtml-opacity: 0.5;  opacity: 0.5;}

#ess-grid-tiny-mce-dialog input					{	border:1px solid #d5d5d5; box-shadow: none !important; max-width:160px; margin:0px; vertical-align: middle;}
#ess-grid-tiny-mce-dialog input[type="radio"]	{	margin:0px 5px 0px 10px}
#ess-grid-tiny-mce-dialog input[type="radio"]:first-child	{	margin-left:0px;}

.eg-add-custom-element a,
.eg-add-custom-element						{	font-size: 13px;}

.ess-mediaselector.collapseall				{	background:#34495e}
.ess-mediaselector.collapseall:hover,
.ess-mediaselector.collapseall.collapsed	{	background:#e74c3c !important}
#ess-grid-tiny-mce-dialog a,
#ess-grid-tiny-mce-dialog a:hover			{	text-decoration: none !important}
.ess-stepnavigator								{	background:#d5d5d5;  height:50px; width:100%; text-align: center; position: relative; line-height:50px;}
.ess-stepnavigator .dashicons					{	line-height: 40px !important}
.ess-stepnavigator .ess-currentstep					{	font-size:12px; font-weight:600; display: inline-block; line-height:40px;}
.ess-stepbutton-left,
.ess-stepbutton-right							{	width:355px;position:absolute;right:5px;height:40px; top:5px; background:#7f8c8d !important;line-height:40px; text-align: center; color:#fff; font-size:12px; font-weight:600}
.ess-stepbutton-left							{	left:5px; right:auto; width:354px;}

.ess-stepbutton-left:hover,
.ess-stepbutton-right:hover						{	background: #c0392b !important; }

.ess-stepbutton-left .dashicons					{	position: absolute; left:5px;}
.ess-stepbutton-right .dashicons				{	position: absolute; right:5px;}

/***
Step 1 ShortCode Generator
***/
#ess-grid-tiny-dialog-step-1 				{	text-align: center; }

#ess-grid-tiny-mce-dialog .esg-btn  {	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;
											}

.ess-esg-green 									{ 	background: #27AE60 !important;}


#ess-grid-tiny-mce-dialog .esg-btn 	{	border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; }

#ess-grid-tiny-dialog-step-1 .ess-top_half,
#ess-grid-tiny-dialog-step-1 .ess-bottom_half	{	padding:20px 0px 30px;}

#ess-grid-tiny-dialog-step-1 .ess-top_half		{	 border-bottom:2px dashed #d5d5d5}

.ess-quicktitle,
.ess-grid-tiny-elset-title					{	font-weight:600;font-size: 14px;height: 30px;line-height: 26px; text-transform:uppercase;}
.ess-grid-tiny-elset-title,
.ess-grid-tiny-custom-wrapper .ess-quicktitle	{	 border-bottom:1px solid #d1d1d1; margin-bottom:10px; margin-top:10px;}
.ess-grid-tiny-elset-label						{	display:inline-block; min-width:100px; max-width:100px;font-size:12px;font-weight:400; line-height:25px;vertical-align: top; margin-bottom:1px;}

.ess-customgridwrap								{	width:130px;height:110px; background:#e5e5e5; position:relative; display: inline-block; border:2px dashed #d5d5d5; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.ess-customgridicon								{	font-size:50px; width:50px;height:50px; color:#fff; text-decoration: none !important; margin-top:15px;}
.ess-customonbutton								{	position:absolute; bottom:-2px; left:-2px; width:130px; background: #27AE60; height:28px;line-height: 28px; font-size:12px; font-weight:600; color:#fff;}

.ess-customgridwrap:hover .ess-customonbutton		{	background:#2ecc71 !important}

.ess-rowdivider { clear:both; margin-top:5px; }

.esg-wp-gallery .media-frame:not(.hide-router) .media-menu .media-menu-item {pointer-events: none; opacity: 0.5}
.esg-wp-gallery .media-menu .media-menu-item:nth-child(2) {opacity: 1 !important}

/***
STEP 2
***/


#ess-grid-tiny-dialog-step-2 .ess-top_half		{	 border-bottom:2px dashed #d5d5d5}



#ess-grid-tiny-dialog-step-2					{	padding:30px 0px 0px;}
#ess-grid-tiny-dialog-step-2-5					{	padding:30px 0px 0px;}
#esg-tiny-shortcode-analyze-wrap				{	padding:0px 30px}
#ess-grid-tiny-dialog-step-2 label				{	min-width:200px; font-weight:600; font-size:14px; display: inline-block; height:30px; line-height: 30px;}
#ess-grid-tiny-dialog-step-2 p 					{	padding:10px 25px; margin:0px; height:30px; line-height: 30px; vertical-align: middle;}
#ess-grid-tiny-dialog-step-2 .ess-bottom_half p:nth-child(even)	{	background: #f1f1f1;  }

/***
STEP 3
****/
#ess-grid-tiny-dialog-step-3					{	padding:0px}

.ess-grid-tiny-custom-wrapper					{	float:left; width:50%; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
													padding:0px 20px; }

.ess-mediaselector 								{	display: inline-block;background: #2980b9;color: #FFF !important;}
.ess-mediaselector a							{	padding: 10px; display: inline-block}
.ess-mediaselector:hover						{	background: #3498db !important}

.ess-mediaselector *							{	color: #fff !important}

.ess-mediaselector .dashicons					{	margin-right:10px;}


.esg-tiny-element 				{	padding: 35px 15px 0px;margin: 10px 0px 0px;background: #E5E5E5;position: relative; }
.esg-tiny-img-placeholder 		{	font-size: 12px;font-weight:600;}
.esg-tiny-img-placeholder img	{	max-width:200px; padding:5px; border:1px solid #d5d5d5;}
.esg-toolbutton					{	color:#fff !important; cursor: pointer; padding:4px 3px 2px; background: #2980b9; display: inline-block; margin-bottom:10px; }
.esg-toolbutton:hover			{	background: #e74c3c}

.esg-delete-item				{	position: absolute; top:4px;right:34px; padding:4px; margin-bottom:0px;}
.esg-collapsme-item				{	position: absolute; top:4px;right:4px; padding:4px; margin-bottom:0px;}

.esg-toolbutton a				{	color:#fff !important}
.esg-delete-item:hover 			{	background-color:#e74c3c !important}
.esg-collapsme-item:hover,
.esg-collapsme-item.collapsed 	{	background-color:#e74c3c !important}

.ess-grid-tiny-custom-pictogram				{	cursor:move; position: absolute;top: 0px;left: 0px;width: 100%;height: 36px;background: #3498db;}
.ess-grid-tiny-custom-pictogram .dashicons	{	position: absolute; left:5px;  top:8px; color:#fff;}

.esg-toolbarimg					{	display:none; position: absolute; top:3px;left:35px; width:auto; height:30px;}
.esg-toolbarimg.collapsed		{	display:block; }


/***
 ShortCode Generator Fixes
 ***/
 
.ui-dialog {
	z-index: 100102 !important;
}


/******************************
	-	BACKEND STYLING	-
********************************/

#eg-wrap .esg-box h3 span	{	font-size:14px; padding-left:7px; }

.esg_dialog..ui-widget input, 
.esg_dialog..ui-widget select, 
.esg_dialog..ui-widget textarea, 
.esg_dialog..ui-widget button { font-family: 'Open Sans', sans-serif; }

.esg_dialog .ui-dialog-titlebar.ui-widget-header {
	height: 45px; line-height: 45px; padding: 0px; border-radius: 0px;border: none;
}

.esg_dialog .ui-dialog-title,
.esg-box .esg-box-title {
    background: #fff;
    cursor: pointer ;
    line-height: 45px;    
    padding: 0px 15px;
    position: relative;
    font-weight:600;
    color:#000;
    font-size: 14px;    
}

.esg_dialog .ui-dialog-title {
	float: none !important;
	background: transparent;
	padding-left: 140px;
	font-size: 13px;
	border: none;
}

.esg-dialog.ui-widget .ui-dialog-titlebar {
	background-color: #fcfcfc; 
    border: none;
    border-radius: 0px;
 }

.esg_dialog.ui-widget {
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	padding: 0px;
    border:none;
    border-radius: 0px;
}

.esg_dialog.ui-widget .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
	background: #fcfcfc;
    border-top: 1px solid #dfdfdf;
    padding: 16px;
    line-height: 18px;
    margin-top: 0px;

}

.esg_dialog .ui-dialog-titlebar.ui-widget-header {
	background-position: 10px 14px;	
	background-size: 120px 20px;
	background-repeat: no-repeat;
	background-image: url(../images/logo.png);
	min-width: 207px;
	background-color: #fcfcfc; 	
	border-bottom: 1px solid #dfdfdf;	
}

.esg-dialog .ui-widget-content,
.essential-dialog-wrap.ui-widget-content {
	border: none;	
}

.esg_dialog.esg_dialog_nopadding .ui-dialog-content {
	padding: 0px;
}
 
.ui-dialog .ui-dialog-buttonpane button {
	margin-left: 16px;
}

#eg-wrap .esg-box .esg-box-title i.material-icons { line-height: 45px; margin-right: 10px; font-size: 17px;vertical-align: top; display: inline-block }

.esg_dialog textarea:not(.wp-editor-area),
.esg_dialog input[type=text]:not(.eg-search-input),
.esg_dialog input[type=password],
.esg_dialog input[type=email],
.esg_dialog input[type=number],
.esg_dialog input[type=search],
.esg_dialog input[type=tel],
.esg_dialog input[type=url],
.esg_dialog .titlewrap input, 
.esg_dialog select ,

.esg-meta-rule textarea:not(.wp-editor-area),
.esg-meta-rule input[type=text]:not(.eg-search-input),
.esg-meta-rule input[type=password],
.esg-meta-rule input[type=email],
.esg-meta-rule input[type=number],
.esg-meta-rule input[type=search],
.esg-meta-rule input[type=tel],
.esg-meta-rule input[type=url],
.esg-meta-rule .titlewrap input, 
.esg-meta-rule select ,

#eg-grid-search-wrapper textarea:not(.wp-editor-area),
#eg-grid-search-wrapper input[type=text]:not(.eg-search-input),
#eg-grid-search-wrapper input[type=password],
#eg-grid-search-wrapper input[type=email],
#eg-grid-search-wrapper input[type=number],
#eg-grid-search-wrapper input[type=search],
#eg-grid-search-wrapper input[type=tel],
#eg-grid-search-wrapper input[type=url],
#eg-grid-search-wrapper .titlewrap input, 
#eg-grid-search-wrapper select ,

/*CONTENT FIELDS */
#eg-wrap textarea:not(.wp-editor-area),
#eg-wrap input[type=text]:not(.eg-search-input),
#eg-wrap input[type=password],
#eg-wrap input[type=email],
#eg-wrap input[type=number],
#eg-wrap input[type=search],
#eg-wrap input[type=tel],
#eg-wrap input[type=url],
#eg-wrap .titlewrap input, 
#eg-wrap select ,
 
#eg-meta-box textarea:not(.wp-editor-area),
#eg-meta-box input[type=text]:not(.eg-search-input),
#eg-meta-box input[type=password],
#eg-meta-box input[type=email],
#eg-meta-box input[type=number],
#eg-meta-box input[type=search],
#eg-meta-box input[type=tel],
#eg-meta-box input[type=url],
#eg-meta-box .titlewrap input, 
#eg-meta-box select,

.essential-dialog-wrap textarea:not(.wp-editor-area),
.essential-dialog-wrap input[type=text]:not(.eg-search-input),
.essential-dialog-wrap input[type=password],
.essential-dialog-wrap input[type=email],
.essential-dialog-wrap input[type=number],
.essential-dialog-wrap input[type=search],
.essential-dialog-wrap input[type=tel],
.essential-dialog-wrap input[type=url],
.essential-dialog-wrap .titlewrap input, 
.essential-dialog-wrap select { 	
					border: none;
					box-shadow: none !important;
					border-radius: 3px;
					background: #E2E1E5;
					color: #555;
					font-size: 13px;
					line-height: 30px;
					vertical-align: top;
					padding: 0px 10px;
					min-height: auto;
					width: 165px;
				  }

#eg-wrap input[type=text]:not(.eg-search-input).input-settings-small {width: 50px; }

.esg_dialog select,
#eg-wrap select,
.essential-dialog-wrap select,
#eg-meta-box select,

#eg-wrap select.disabled,
.esg_dialog  select.disabled,
.essential-dialog-wrap select.disabled,
#eg-meta-box select.disabled,

.esg_dialog  select:disabled,
#eg-wrap select:disabled,
.essential-dialog-wrap select:disabled,
#eg-meta-box select:disabled
 {
	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
  	color: #555;
  	background:#E2E1E5 url(../images/dropdown.png) no-repeat right 10px top 12px;
  	min-width: 45px;
  	padding-left: 10px;
  	padding-right: 25px;
  	display: inline-block;
  	border-radius: 3px;
  	width: 165px;
  	border: none !important;
  	box-shadow: none !important;
  	outline: none !important;
  	vertical-align: top;
}
#eg-meta-box select[multiple],
.essential-dialog-wrap select[multiple],
#eg-wrap select[multiple] {
	padding: 10px 0px;
	background: #E2E1E5;
	min-width: 305px;
}


.wp-core-ui .essential-dialog-wrap select:hover,
.wp-core-ui #eg-wrap select:hover {
	color: #32373c;
}
 
#eg-wrap input[type=checkbox] { 	
	line-height: 30px;
    background: #fff;
    border-radius: 3px;
    height: 15px;
    width: 15px;    
    display: inline-block;
    margin: 7px 0px 0px;
    color: #22c8e5;
    border: none;
    box-shadow: none;
}

#eg-wrap input[type=checkbox] { 	
	line-height: 30px;
    background: transparent;
    border-radius: 3px;
    height: 18px;
    width: 18px;    
    display: inline-block;      
    box-sizing: border-box;
    box-shadow: none;
    border: 2px solid #000;
    vertical-align: top;
    margin-top: 6px;
    margin-right: 10px;
    color: #000;
    position: relative;
}

#eg-wrap .sort-inmove input[type=checkbox],
#eg-wrap .esg-blue input[type=checkbox] {
	color: #22c8e5;
}

#eg-wrap .eg-media-source-order input[type=checkbox] { 
	border-color: transparent;
	margin: 6px 0px 0px;
	background: #fff;	
}

#eg-wrap input[type=checkbox]:checked:before {
	content: "done";
    font-family: 'Material Icons';    
    font-style: normal;        
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-weight: 800;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    width: 18px;
    height: 18px;
    margin: 0px;
    box-sizing: border-box;
    padding: 0px;
    position: absolute;
    top: -2px;
    left: -2px;
    float: none;
}

.esg-btn.esg_libr_new_udpated {
	color: #5d34af;
    border: 1px solid #5d34af;
    background: #fff;
    box-sizing: border-box;
    line-height: 28px;
}

#eg-wrap #ess-pagination-form  select { width: auto; }
.essential-dialog-wrap select[multiple] option,
#eg-meta-box select[multiple] option,
#eg-wrap select[multiple] option { padding: 0px 10px; height: 20px; }

.essential-dialog-wrap select[multiple] option:hover,
#eg-meta-box select[multiple] option:hover,

.essential-dialog-wrap select[multiple] option:focus,
#eg-meta-box select[multiple] option:focus,

.essential-dialog-wrap select[multiple] option:active,
#eg-meta-box select[multiple] option:active,

#eg-meta-box select[multiple] option:hover,
#eg-meta-box select[multiple] option:focus,
#eg-meta-box select[multiple] option:active { background-color: #22c8e5; color: #fff;  }

.essential-dialog-wrap select[multiple]:focus option[selected],
.essential-dialog-wrap select[multiple] option[selected],
.essential-dialog-wrap select[multiple] option:checked,

#eg-wrap select[multiple]:focus option[selected],
#eg-wrap select[multiple] option[selected],
#eg-wrap select[multiple] option:checked,

#eg-wrap select[multiple]:focus option[selected],
#eg-wrap select[multiple] option[selected],
#eg-wrap select[multiple] option:checked {
	background: #22c8e5  linear-gradient(0deg, #22c8e5 0%, #22c8e5 100%);
	color: #fff !important;
}

 
.esg-meta-rule textarea:focus,
.esg-meta-rule input[type=text]:focus:not(.eg-search-input),
.esg-meta-rule input[type=password]:focus,
.esg-meta-rule input[type=email]:focus,
.esg-meta-rule input[type=number]:focus,
.esg-meta-rule input[type=search]:focus,
.esg-meta-rule input[type=tel]:focus,
.esg-meta-rule input[type=url]:focus,
.esg-meta-rule .titlewrap input:focus, 
.esg-meta-rule select:focus, 

#eg-grid-search-wrapper textarea:focus,
#eg-grid-search-wrapper input[type=text]:focus:not(.eg-search-input),
#eg-grid-search-wrapper input[type=password]:focus,
#eg-grid-search-wrapper input[type=email]:focus,
#eg-grid-search-wrapper input[type=number]:focus,
#eg-grid-search-wrapper input[type=search]:focus,
#eg-grid-search-wrapper input[type=tel]:focus,
#eg-grid-search-wrapper input[type=url]:focus,
#eg-grid-search-wrapper .titlewrap input:focus, 
#eg-grid-search-wrapper select:focus,

#eg-wrap textarea:focus,
#eg-wrap input[type=text]:focus:not(.eg-search-input),
#eg-wrap input[type=password]:focus,
#eg-wrap input[type=email]:focus,
#eg-wrap input[type=number]:focus,
#eg-wrap input[type=search]:focus,
#eg-wrap input[type=tel]:focus,
#eg-wrap input[type=url]:focus,
#eg-wrap .titlewrap input:focus, 
#eg-wrap select:focus,

#eg-meta-box textarea:focus,
#eg-meta-box input[type=text]:focus:not(.eg-search-input),
#eg-meta-box input[type=password]:focus,
#eg-meta-box input[type=email]:focus,
#eg-meta-box input[type=number]:focus,
#eg-meta-box input[type=search]:focus,
#eg-meta-box input[type=tel]:focus,
#eg-meta-box input[type=url]:focus,
#eg-meta-box .titlewrap input:focus, 
#eg-meta-box select:focus,

.essential-dialog-wrap textarea:focus,
.essential-dialog-wrap input[type=text]:focus:not(.eg-search-input),
.essential-dialog-wrap input[type=password]:focus,
.essential-dialog-wrap input[type=email]:focus,
.essential-dialog-wrap input[type=number]:focus,
.essential-dialog-wrap input[type=search]:focus,
.essential-dialog-wrap input[type=tel]:focus,
.essential-dialog-wrap input[type=url]:focus,
.essential-dialog-wrap .titlewrap input:focus, 
.essential-dialog-wrap select:focus { color: #000; }			  

#eg-wrap input[type=text]#pages	{	width:305px;}
#eg-wrap #pages-wrap			{	padding-left: 0px;}
#eg-wrap #pages-wrap .esg-page-list-element		{
									padding: 5px 10px;
									background: #E2E1E5;
									margin-bottom:2px;
									border-radius: 3px;
									line-height: 20px;
									margin-right: 5px;
									width: 305px;    
    								box-sizing: border-box;
}

.esg-page-list-element-wrap .esg-btn { vertical-align: top  }
.esg-page-list-element { display: inline-block }
#eg-wrap .wp-picker-container	{	line-height:27px;}
#eg-wrap .wp-color-result		{	margin-bottom:0px;}

.esg_dialog input[type=radio],
#eg-wrap input[type=radio] {
			margin: 0;
			opacity: 1;			
			color: #000;
			border:2px solid #000;
			width:14px;
			height:14px;
			max-width:14px;
			min-width: 0px;
			margin-right: 8px;
			margin-top: -2px;
			box-shadow: none;
			outline: none;
}

.esg_dialog input[type=radio]:checked:before,
#eg-wrap input[type=radio]:checked:before {
			background-color: #000;
			margin:2px;
			width:6px;
			height:6px;
}

#eg-wrap .eg-item-skin-overview-name{
    color: #939295;
    display: inline-block;
    font-size: 13px;
    line-height: 30px;
    padding-left: 10px;    
    width: 100%;
    overflow: hidden;
    vertical-align: top;
}

#eg-wrap .wp-picker-holder {
    position: absolute;
    z-index: 100;
}

.esg-meta-rule label,
#eg-grid-search-wrapper label,
#eg-meta-box label,
.esg-box label,
.essential-dialog-wrap label {
	display: inline-block;
	width: 170px;
	vertical-align: top;
	line-height: 30px;
	font-weight:400;
}

#edit-custom-element-dialog-wrap.essential-dialog-wrap label { width: 250px; }
#eg-grid-search-wrapper { position: relative;line-height: 30px  }
#eg-search-enable-disable { position: absolute; right: 10px; top: 15px;z-index: 200 }

#eg-search-settings-wrap { min-height: 50px }

#eg-btn-save-settings { position: absolute;bottom: 15px;right: 0px; }

.esg-search-rule,
.esg-meta-rule {  }
/*****************************
	- META BOX SETTINGS -
*****************************/
.eg-option-tabber-wrapper {
	padding: 0px;
    background: #E2E1E5;
    margin: 0px;
    position: relative;
    z-index: 98;
    width: 100%;
    box-sizing: border-box;
}

.eg-option-tabber-wrapper li {
    display: inline-block;
    cursor: pointer;
    position: relative;
    text-align: center;
    margin-bottom: 0px;
    padding: 7px 10px;
    vertical-align: middle;
    line-height: 40px;
    color: #939295;
    font-size: 13px;
}

.eg-option-tabber-wrapper span.dashicons {
	line-height: 40px;
    margin-right: 10px;
}

.eg-option-tabber-wrapper li:hover {
	color: #000;
}
.eg-option-tabber-wrapper li.selected {
    background: #fff;
    color: #000;
}

.eg-options-tab { padding: 20px 0px;box-sizing: border-box; display: none; }
.esg_dialog .eg-options-tab { padding: 20px; }

.esg-note,
.esg-note-b	{	padding:10px 15px; color:#fff; background:#f7345e; display:inline-block;position: relative; border-radius: 3px }
.esg-note a,
.esg-note-b a	{	color:#fff; font-weight:800; }

.esg-note-b { padding-left: 40px; }
.esg-note-b .dashicons { position: absolute; left: 10px;top: 10px; }

.eg-custom-meta-setting-wrap-parent {
    border: 2px dashed #e2e1e5;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 3px;
}



.esg-settings-container				{	position:relative; width:100%;z-index:50;
										box-sizing:border-box;
										
										
										display:none;
										background-color:#e1e1e1;
										padding:0px 0px;
									}
.esg-settings-container hr			{	margin:15px 0px; border:none; border-top:1px solid #f1f1f1;}

.esg-settings-container.active-esc	{	display:block}

.esg-settings-container h3			{	font-size:14px !important; font-wegith:400 !important; line-height:20px !important;height:auto !important; background:#e1e1e1 !important; padding:15px 20px !important;margin:0px !important; border:none !important;
										}

.esg-settings-container h3 span		{	padding:0px !important; float:none !important;}


.eg-cs-tbc							{	display:table-cell; margin:0px !important; vertical-align: top;width:100%; background:#fff; line-height: 30px; border-bottom:2px solid #f3f2f6; padding:13px 20px 13px 190px;position: relative}
.eg-cs-tbc-left						{	display:table-cell; vertical-align: top;  min-width:150px; background: #5d34af}

.eg-cs-tbc-left h3					{	background:#d5d5d5 !important;}
.eg-cs-tbc-left h3 span				{	color:#000 !important}

esg-llabel 							{	background:#6e49b7; color:#fff; display: block; padding:15px 20px; box-sizing: border-box; line-height: 20px; font-size: 13px;font-weight:700;}
.esg-settings-container label		{	min-width:170px; }

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

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

#eg-back-to-overview { background: #f7345e; position: absolute; left: 0px}
#eg-openimportedgrid,
#eg-font-add-button,
#esg_insert_shortcode,
#esg_read_shortcode,
#update_shortcode_item { background: #5d34af; }

#esg_import_shortcode {
	background: #00ceab;
	position: absolute;
	left: 0px;
	right: auto;
}

/******************************
	-	ToolBox	-
********************************/

							           
#eg-wrap #eg-toolbox-wrapper         {position: fixed;top: 40px;right: 15px;z-index:1900002;border: none;outline: none;box-shadow: none;}
#eg-wrap .eg-toolbox                 {padding: 15px 20px 15px 60px;background: #3f444a;color: #fff;max-width:400px;cursor: pointer;position:relative;font-weight: 400;font-size: 14px;box-shadow:0px 3px 10px 0px rgba(0,0,0,0.25);font-family: "Roboto";}
#eg-wrap .eg-toolbox>.material-icons { font-size: 20px; position:absolute;top:50%;left:15px;transform:translateY(-50%); color:#fff; width:30px; height:30px; text-align: center; line-height: 30px !important; border-radius: 15px;}
#eg-wrap .eg-toolbox .material-icons.goodtoknow { background-color:#5e35b1; font-size: 16px}
#eg-wrap .eg-toolbox .material-icons.info { background-color:#22c8e5;}
#eg-wrap .eg-toolbox .material-icons.cancel { background-color:#f7345e}
#eg-wrap .eg-toolbox .material-icons.ok   { background-color:#00ceab}



.esg-custom-shortcode-item { width: 165px; height: 103px; background: #E2E1E5; margin-right: 5px; margin-bottom: 5px; overflow: hidden; position: relative;display: inline-block;vertical-align: top}
.esg-csi-spec:hover { background: #5d34af; }

.esg-csi-spec i,
.esg-custom-shortcode-item i.eg-esg-single {
	font-size: 17px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    line-height: 38px;
    border: 2px solid #fff;
    border-radius: 50%;    
    vertical-align: top;
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    box-sizing: border-box;  
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

.esg-csi-spec i:hover,
.esg-custom-shortcode-item i.eg-esg-single {
	color: #5d34af;
	background: #fff;
	box-shadow:0px 0px 10px 3px rgba(0,0,0,0.15)
}



.esg-csi-spec i.material-icons.esg-add-shortcode-items,
.esg-custom-shortcode-item i.eg-esg-single {
	position: absolute;
    top: 50%;
    left: 50%;   
    transform: translate(-50%, -50%);    
}

.esg-csi-spec i.material-icons.esg-add-shortcode-items{
	font-size: 25px;
}

.esg-custom-shortcode-functions {
	position: absolute;
	display: none;
    top: 0px;
    left: 0px;
    padding: 10px 20px;
    width: 135px;
    height: 100%;
    text-align: center;
}

.esg-custom-shortcode-item i.eg-esg-single[class^="eg-icon-"]:before, 
.esg-custom-shortcode-item i.eg-esg-single[class*=" eg-icon-"]:before, 
.esg-csi-toolbar [class^="eg-icon-"]:before, 
.esg-csi-toolbar [class*=" eg-icon-"]:before, 
.esg-custom-shortcode-functions [class^="eg-icon-"]:before, 
.esg-custom-shortcode-functions [class*=" eg-icon-"]:before {
    font-family: "eg-font";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    /* font-size: 120%; */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.esg-csi-spec:hover i.material-icons.esg-add-shortcode-items { display: none }
.esg-csi-spec:hover .esg-custom-shortcode-functions { display: block }

.esg-custom-shortcode-item input,
.esg-custom-shortcode-item select { display: none !important }

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

.esg-csi-delete,
.esg-csi-edit,
.esg-csi-move {
	color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    position: absolute;
    top: 0px;
    cursor: pointer;
}
.esg-csi-move {
	cursor: move;
}

.esg-csi-delete:hover,
.esg-csi-edit:hover,
.esg-csi-move:hover {
	filter: brightness(110%);
}

.esg-csi-delete { right: 0px; }
.esg-csi-edit { right: 20px; }
.esg-csi-move { left: 0px; }

#esg_shortcode_custom_items {
	position: relative;
}

#eesgShortCodeBuilder {
	position: relative;
}

#eesgShortCodeBuilder:before {
	content: " ";
	position: absolute;
	left: 0px;
	top: 0px;
	background: #5d34af;
	width: 150px;
	height: 100%;
}


/*
SOLUTION SIDEBAR ISSUES IN WORDPRESS
 */
.esg-custom-iblock-src-wrapper {display:inline-block; width:355px;margin-right:30px;}

.postbox-container #side-sortables .esg-custom-iblock-src-wrapper,
.block-editor-editor-skeleton__sidebar .esg-custom-iblock-src-wrapper,
.interface-interface-skeleton__sidebar .esg-custom-iblock-src-wrapper {
	display: block;
	width: auto;
	margin-right: 0px;
}

.postbox-container #side-sortables .eg-option-tabber-wrapper,
.block-editor-editor-skeleton__sidebar .eg-option-tabber-wrapper,
.interface-interface-skeleton__sidebar .eg-option-tabber-wrapper  {
	background: transparent;
	margin-top: 15px;
}

.postbox-container #side-sortables .eg-option-tabber-wrapper li,
.block-editor-editor-skeleton__sidebar .eg-option-tabber-wrapper li, 
.interface-interface-skeleton__sidebar .eg-option-tabber-wrapper li {
	width: 100%;
	text-align: left;
	line-height: 20px;
    font-size: 13px;
    border-bottom:1px solid #e2e4e7;
    box-sizing: border-box;
}


.interface-interface-skeleton__sidebar .eg-option-tabber-wrapper li
{
	border-bottom: 1px solid #f0f0f0;
}


.interface-interface-skeleton__sidebar #eg-meta-box {
	margin-top: -2px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
     margin-bottom: -2px;
}
.block-editor-editor-skeleton__sidebar #eg-meta-box {
	margin-top: -2px;
    border-top: 1px solid #e2e4e7;
    border-bottom: 1px solid #e2e4e7;
    margin-bottom: -2px;
}

.postbox-container #side-sortables .eg-option-tabber-wrapper li.selected, 
.block-editor-editor-skeleton__sidebar .eg-option-tabber-wrapper li.selected, 
.interface-interface-skeleton__sidebar .eg-option-tabber-wrapper li.selected {
	background:#22c8e5;
	color: #fff;
	border-bottom: none;
}

.edit-post-meta-boxes-area #poststuff h2.hndle,
.interface-interface-skeleton__sidebar #eg-meta-box .postbox-header {
	border-bottom: none;
}
.postbox-container #side-sortables .eg-option-tabber-wrapper li span.dashicons,
.interface-interface-skeleton__sidebar .eg-option-tabber-wrapper li span.dashicons,
.block-editor-editor-skeleton__sidebar .eg-option-tabber-wrapper li span.dashicons {
	line-height: 20px;
	font-size: 14px;
}

.postbox-container #side-sortables div img,
.interface-interface-skeleton__sidebar div img,
.block-editor-editor-skeleton__sidebar div img
 {
	width: 100% !important;
	padding-left: 0px !important;
	margin-top: 5px;
}

.postbox-container #side-sortables .esg-btn,
.interface-interface-skeleton__sidebar .esg-btn,
.block-editor-editor-skeleton__sidebar .esg-btn {
	font-size: 10px;
	padding: 0px 10px;
}

.postbox-container #side-sortables .space18,
.interface-interface-skeleton__sidebar .space18,
.block-editor-editor-skeleton__sidebar .space18 {
	width: 5px;
}

.postbox-container #side-sortables  .esgbuilder-colorpicker,
.interface-interface-skeleton__sidebar .esgbuilder-colorpicker,
.block-editor-editor-skeleton__sidebar .esgbuilder-colorpicker { display: block; margin-top: -6px; }

.postbox-container #side-sortables .esg-colorpicker,
.interface-interface-skeleton__sidebar .esg-colorpicker,
.block-editor-editor-skeleton__sidebar .esg-colorpicker {
	margin-top: 10px;
}



.postbox-container #side-sortables #eg-meta-box input[type=text]:not(.eg-search-input),
.interface-interface-skeleton__sidebar #eg-meta-box input[type=text]:not(.eg-search-input),
.block-editor-editor-skeleton__sidebar #eg-meta-box input[type=text]:not(.eg-search-input),
.postbox-container #side-sortables #eg-meta-box select,
.interface-interface-skeleton__sidebar #eg-meta-box select,
.block-editor-editor-skeleton__sidebar #eg-meta-box select

 {
	width: 100% !important;
}

.interface-interface-skeleton__sidebar .edit-post-meta-boxes-area #poststuff h2.hndle {
	border-bottom: none;
	font-size: 13px;
	color: #1e1e1e;
	font-weight: 500;
}

.interface-interface-skeleton__sidebar #eg-meta-box button.handlediv .toggle-indicator,
.block-editor-editor-skeleton__sidebar #eg-meta-box >button .toggle-indicator 
{
	display: none;
}

.interface-interface-skeleton__sidebar #eg-meta-box button.handlediv,
.block-editor-editor-skeleton__sidebar #eg-meta-box >button
 {
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) !important;
    transform: rotateZ(180deg) !important;
 	box-shadow: none !important;   
 	position: relative;
    z-index: 10;
}

.block-editor-editor-skeleton__sidebar #eg-meta-box:hover h2.hndle,
.interface-interface-skeleton__sidebar #eg-meta-box:hover .postbox-header
{
	background-color: #f3f4f5!important;
}

.interface-interface-skeleton__sidebar #eg-meta-box button.handlediv {
	width: 57px;
}

.interface-interface-skeleton__sidebar #eg-meta-box.closed button.handlediv,
.block-editor-editor-skeleton__sidebar #eg-meta-box.closed >button {
    transform: rotateZ(0deg) !important;
}

.interface-interface-skeleton__sidebar #eg-meta-box h2.hndle.ui-sortable-handle span,
.block-editor-editor-skeleton__sidebar #eg-meta-box h2.hndle.ui-sortable-handle span
{
	position: relative;    
    outline: none;    
    font-weight: 600;
    text-align: left;
    color: #191e23;
    font-size: 13px;
}

.interface-interface-skeleton__sidebar #eg-meta-box .handle-order-higher,
.interface-interface-skeleton__sidebar #eg-meta-box .handle-order-lower {
	display: none !important;
}

.block-editor-editor-skeleton__sidebar #eg-meta-box:not(.closed) h2.hndle,
.interface-interface-skeleton__sidebar #eg-meta-box:not(.closed) h2.hndle {
	border-bottom: none;
}
