/***
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;
}

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 .button-primary  {	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-revgreen 									{ 	background: #27AE60 !important;}


#ess-grid-tiny-mce-dialog .button-primary 	{	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}


/***
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;
}