/* === General styles === */

.dbdb_no_active_outline:active {
    outline-style:none;
    box-shadow:none;
    border-color:transparent;	
}

/* === Settings form === */
.wtf-section-head { 
	font-weight:normal;
	border:1px solid #bbb;
	padding:15px 8px 16px 8px;
	background-color:#e9e9e9;
	margin-bottom:16px; 
}
.wtf-subheading { 
	background-color:#ded;
	margin-left:20px;
	margin-top:6px;
	display:none;
}
.wtf-subheading-group { 
	margin-left:20px !important;
	margin-bottom:16px !important;
	display:none;
}
.wtf-expanded-icon {
	height:16px;
	margin-right:8px;
	margin-bottom:-2px;
	transition: all 0.15s ease-in-out 0s;
}
.wtf-expanded-icon.rotated {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg);
}

.wtf-setting {
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.75em;
    padding-top: 1em;
}
.wtf-setting:first-child {
	border-top: 1px solid #ddd;
}

.wtf-setting-group {
	padding:0;
	margin:0;
	display: none;  
	overflow: hidden;
	position: relative !important;
}
.wtf-setting input[type=checkbox] { margin:8px 6px 10px 6px; }

.wtf-setting .techlink {
    font-size: 18pt;
    float: right;
    line-height: 1.4em;
    margin-right: 0.4em;
}

.db_subsetting { 
	margin: 5px 0px 10px 40px;
}

/* image picker */
.wtf-imagepicker-thumb { height:29px; vertical-align:top; margin:1px 2px 0; }
.wtf-imagepicker-thumb[src=""] { display: none; }

/* textbox picker */
.wtf-textbox { width:96%; margin-left:4%; box-sizing:border-box; height:80px; }

/* selectpicker */
.wtf-select { display:inline; }

/* responsive images */
.wtf-responsive { 
	width:100%;position:relative;height:0;
}
.wtf-responsive img { 
	position:absolute;top:0;left:0;width:100%;height:100%;
}

/* Color picker */
.wp-picker-container{ 
	vertical-align:middle; 
	display: inline-block;
	margin-top:4px;
    margin-left: 6px;
}

hr { clear: both; }


/* Suppress ads and updates from unrelated plugins on Divi Booster settings page */
.update-nag, .error, .updated, .notice { display:none !important; }

/* Show Divi Booster messages */
.wtf.error { display:block !important; }
.wtf.error p { 
	word-wrap: break-word;
}
.wtf.error a:focus { outline: 0; }

/* === CSS Manager === */

/* === sections === */
input.wtfdivi011_enabled { float:left; }
div.wtfdivi011_cssblock { width:100%; margin-bottom:16px; box-sizing:border-box; padding-right:30px; }
textarea.wtfdivi011_css { width:100%; box-sizing:border-box; min-height:100px; margin:2px 0px 2px 26px; overflow-y:hidden; line-height:1.4em; padding-top:0.3em; max-height: 500px; }

/* Hide first css block to use as template */
div.wtfdivi011_cssblock:nth-of-type(1) { display:none; }

/* Adjust line height so select box doesn't affect layout */
.wtfdivi011_selector { line-height:2.4em !important; float:left; padding:8px 8px; margin-left:30px; display:none; }
.wtfdivi011_selector td:nth-of-type(1) { padding-right:6px !important; height:2.4em; vertical-align:bottom;}
.wtfdivi011_selector td:nth-of-type(2) { width:260px;}

/* === actions === */
a.wtfdivi011_action { margin:6px; vertical-align:bottom; background-repeat:no-repeat; background-size:16px 16px; display:inline-block; text-decoration:none; background-position:left center; padding-left:24px; }
a.wtfdivi011_delete { background-image:url('../img/delete.png'); color:#c06; float:right; margin-right:-24px; }
a.dbdb_add_custom_css_box { background-image:url('../img/icon_plus_alt2.png'); }