:root {
	--dkel-primary-color: #3959f2;
	--dkel-primary-color-dark: #203fd5;
	--dkel-secondary-color: #f9f9f9;
	--dkel-border-color: #ebebeb;
	--dkel-text-color: #5f5f5f;
	--dkel-text-color-light: #a2a2a2;
}
body.elementor_page_dynamickit-settings {
	background: var(--dkel-secondary-color);
}
body.elementor_page_dynamickit-settings #e-admin-top-bar-root {
	display: none;
}
body.elementor_page_dynamickit-settings #wpbody-content {
	margin-top: 0 !important;
}
#wpcontent {
	padding: 0;
}
#footer-left {
	display: none;
}
.dkel-settings-wrap {
	margin: 0;
	padding: 0 !important;
}
.dkel-settings-wrap * {
	box-sizing: border-box;
}
.dkel-settings-wrap a {
	color: var(--dkel-primary-color);
}
.dkel-settings-wrap a:focus {
	outline-color: var(--dkel-primary-color);
	box-shadow: none;
}
.dkel-settings-wrap h2 {
	font-size: 1.8em;
	font-weight: 600;
}
.dkel-settings-wrap h2,
.dkel-settings-wrap h3,
.dkel-settings-wrap h4 {
	color: #333;
}
.dkel-settings-wrap h4 {
	margin-bottom: 5px;
}
.dkel-notices-target {
	margin: 0;
}
.dkel-settings-header {
	display: flex;
	align-items: center;
	gap: 40px;
	padding: 0 20px;
	padding-right: 0;
	background: #fff;
	border-bottom: 1px solid var(--dkel-border-color);
	height: 70px;
}
.dkel-settings-header h3 {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 20px;
	width: 220px;
	border-left: 1px solid var(--dkel-border-color);
	margin: 0;
	font-size: 18px;
	font-weight: 500;
}
.dkel-settings-header h3 .dashicons {
	color: #a2a2a2;
	vertical-align: text-bottom;
}
.dkel-settings-header .version {
	font-size: 12px;
	font-weight: 300;
	color: var(--dkel-text-color-light);
}
.dkel-settings-tabs {
	display: flex;
	flex-direction: column;
	width: 220px;
	min-width: 220px;
	background: #fff;
	min-height: 100vh;
	padding: 0 20px;
	border-left: 1px solid var(--dkel-border-color);
	padding-top: 25px;
}
.dkel-settings-tabs a {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	background: none;
	color: var(--dkel-text-color);
	border: none;
	box-shadow: none;
	border-radius: 5px;
	padding: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	position: relative;
	top: 1px;
}
.dkel-settings-tabs a:hover,
.dkel-settings-tabs a.nav-tab-active {
	background: var(--dkel-secondary-color);
	color: #000;
	border: none;
	box-shadow: none;
}
.dkel-settings-tabs a:hover .dashicons,
.dkel-settings-tabs a.nav-tab-active .dashicons {
	color: var(--dkel-primary-color);
}
.dkel-settings-tabs a > span {
	display: block;
}
.dkel-settings-tabs a.get-pro {
	color: var(--dkel-primary-color);
	font-weight: 500;
}
.dkel-settings-header-right {
	margin-right: auto;
}
.dkel-settings-header-right a {
	font-size: 14px;
	color: var(--dkel-text-color);
	text-decoration: none;
	margin-right: 10px;
}
.dkel-settings-header-right a .dashicons {
	font-size: 16px;
}
.dkel-settings-header-right a:hover {
	color: var(--dkel-primary-color);
}

.dkel-settings-body {
	display: flex;
	gap: 25px;
	color: #666;
}
.dkel-settings-content {
	margin: 25px auto;
	padding-left: 20px;
	min-width: 650px;
	max-width: 870px;
}
.dkel-settings--general .dkel-settings-content {
	max-width: 1220px;
}
.dkel-settings--general,
.dkel-settings--general p {
	font-size: 14px;
}
.dkel-settings--general ul {
	list-style: disc;
	padding-right: 12px;
}
.dkel-settings--general ul li {
	padding-right: 8px;
}
.dkel-settings--general ul li::marker {
	color: var(--dkel-primary-color);
	content: "→";
}
.dkel-settings--general .dkel-settings-body h3 {
	margin-top: 0;
}
.dkel-settings--general .dkel-settings-left {
	width: 55%;
	padding-left: 40px;
}
.dkel-settings--general .dkel-settings-right {
	align-self: flex-start;
}
.dkel-settings--general .dkel-settings-right img {
	position: absolute;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: top;
	   object-position: top;
	width: 130%;
	height: auto;
	border-radius: 10px;
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	-webkit-user-drag: none;
}
.dkel-grid {
	display: grid;
}
.dkel-grid.dkel-col-2 {
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.dkel-settings-colset {
	display: flex;
	gap: 25px;
}
.dkel-settings-columns {
	display: flex;
	flex-direction: column;
	gap: 25px;
}
.dkel-settings-column {
	background: #fff;
	margin-bottom: 0;
	padding: 30px 20px;
	border-radius: 8px;
	border: 1px solid var(--dkel-border-color);
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	position: relative;
	overflow: hidden;
}
.dkel-settings-column.welcome-banner {
	display: flex;
	align-items: center;
	min-height: 400px;
}
.dkel-settings-column.upgrade-banner {
	background: linear-gradient(-165deg, #fffbec, #ffffff);
	border-color: #f1eddb;
}
.dkel-settings-column p:last-of-type {
	margin-bottom: 0;
}
.dkel-settings-section {
	padding: 20px 0;
}
.dkel-settings-section:first-child {
	padding-top: 0;
}
.dkel-settings-section:last-of-type {
	padding-bottom: 0;
}
.dkel-settings-section .dkel-settings-section-title {
	font-size: 16px;
}
.dkel-settings-section-title-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #eee;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.dkel-settings-section-title-row .dkel-settings-section-title {
	padding-bottom: 0;
	margin-bottom: 0;
}
.dkel-settings-section-title-row .button {
	margin-bottom: 0;
}
.dkel-settings-section:first-child .dkel-settings-section-title {
	margin-top: 0;
}
.dkel-settings-section-header p:last-of-type {
	margin-bottom: 20px;
}
.dkel-settings-section .dkel-settings-elements-grid {
	max-width: 1220px;
}
.dkel-settings-wrap form .form-table th {
	font-weight: 500;
	width: 230px;
}
.dkel-settings-section .dkel-settings-elements-grid > tbody {
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
}
.dkel-settings-section .dkel-settings-elements-grid > tbody tr {
	background: #fff;
	padding: 12px;
	border: 1px solid var(--dkel-border-color);
	border-radius: 5px;
	width: calc((100% - 20px) / 3);
}
.dkel-settings-section .dkel-settings-elements-grid > tbody tr:hover,
.dkel-settings-section .dkel-settings-elements-grid > tbody tr:focus {
	background: var(--dkel-secondary-color);
}
.dkel-settings-section .dkel-settings-elements-grid > tbody tr th {
	font-size: 13px;
}
.dkel-settings-section .dkel-settings-elements-grid > tbody tr th,
.dkel-settings-section .dkel-settings-elements-grid > tbody tr td {
	padding: 0;
	vertical-align: top;
}
.dkel-settings-section .dkel-settings-elements-grid th > label {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	cursor: pointer;
}
.dkel-settings-section span.dkel-pro-label {
	font-size: 11px;
	text-transform: uppercase;
	background: #fff6dc;
	padding: 2px 4px;
	border-radius: 3px;
}
.dkel-settings-section p {
	font-weight: 400;
	margin-top: 6px;
}
.dkel-settings-section .toggle-all-widgets,
.dkel-settings-section .toggle-all-dynamic-tags {
	margin-bottom: 10px;
}
.dkel-settings-section .dkel-admin-field-toggle {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 16px;
}
.dkel-settings-section .dkel-admin-field-toggle input {
	opacity: 0;
	width: 0;
	height: 0;
}
.dkel-settings-section .dkel-admin-field-toggle .dkel-admin-field-toggle-slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: var(--dkel-border-color);
	border: 1px solid var(--dkel-border-color);
	border-radius: 34px;
	transition: 0.4s;
}
.dkel-settings-section .dkel-admin-field-toggle input[type="checkbox"]:checked + .dkel-admin-field-toggle-slider {
	background-color: var(--dkel-primary-color);
	border: 1px solid var(--dkel-primary-color);
}
.dkel-settings-section .dkel-admin-field-toggle .dkel-admin-field-toggle-slider:before {
	border-radius: 50%;
	position: absolute;
	content: "";
	height: 10px;
	width: 10px;
	right: 2px;
	bottom: 2px;
	background-color: #fff;
	box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.1);
	transition: 0.4s;
}
.dkel-settings-section
	.dkel-admin-field-toggle
	input[type="checkbox"]:checked
	+ .dkel-admin-field-toggle-slider:before {
	background-color: #fff;
	transform: translateX(-19px);
}

.dkel-settings-wrap input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),
.dkel-settings-wrap select,
.dkel-settings-wrap textarea {
	padding: 3px 10px;
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	background: #fff;
	color: var(--dkel-text-color);
	font-size: 14px;
	width: 100%;
}
.dkel-settings-wrap select {
	background: #fff
		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")
		no-repeat left 5px top 55%;
}
.dkel-settings-wrap select:hover,
.dkel-settings-wrap select:focus {
	color: var(--dkel-primary-color);
}
.dkel-settings-wrap input:not([type="button"]):not([type="submit"]):focus,
.dkel-settings-wrap select:focus,
.dkel-settings-wrap textarea:focus {
	border-color: var(--dkel-primary-color);
	box-shadow: 0 0 0 1px var(--dkel-primary-color);
}
.dkel-settings-wrap input[type="checkbox"],
.dkel-settings-wrap input[type="raadio"] {
	border-radius: 2px;
	box-shadow: none;
}
.dkel-settings-wrap .button {
	padding: 4px 18px;
	font-size: 14px;
	border: none;
}
.dkel-settings-wrap .button.has-icon {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.dkel-settings-wrap .button-primary {
	background: var(--dkel-primary-color);
	border: 1px solid var(--dkel-primary-color);
	color: #fff;
}
.dkel-settings-wrap .button-primary:hover,
.dkel-settings-wrap .button-primary:focus,
.dkel-settings-wrap .button-primary:active {
	background: var(--dkel-primary-color-dark);
	border: 1px solid var(--dkel-primary-color-dark);
}
.dkel-settings-wrap .button-primary:focus {
	box-shadow: 0 0 2px 1px var(--dkel-primary-color);
}
.dkel-settings-wrap .button-secondary {
	color: var(--dkel-primary-color);
}
.dkel-settings-wrap .button-secondary:hover,
.dkel-settings-wrap .button-secondary:focus,
.dkel-settings-wrap .button-secondary:active {
	color: var(--dkel-primary-color-dark);
}
.dkel-settings-wrap .button-secondary:focus {
	box-shadow: 0 0 2px 1px var(--dkel-primary-color);
}
.dkel-settings-wrap p.submit {
	padding: 0;
	margin-top: 30px;
}
.dkel-settings-wrap .updated {
	background: #ecffee;
	border-color: #b8e4bb;
	border-right-width: 1px;
	border-radius: 5px;
	box-shadow: none;
}
.dkel-settings-wrap .error {
	background: #ffeeee;
	border-color: #eab3b3;
	border-right-width: 1px;
	border-radius: 5px;
	box-shadow: none;
}
.dkel-settings-buttons {
	display: flex;
	gap: 10px;
	margin-top: 20px;
}
.review-stars {
	text-decoration: none;
}
@media (max-width: 1400px) {
	.dkel-settings-colset {
		flex-direction: column;
	}
}
@media (max-width: 1080px) {
	.dkel-settings-header h3 {
		width: 80px;
		justify-content: center;
	}
	.dkel-settings-header h3 span {
		display: none;
	}
	.dkel-settings-content {
		min-width: 1px;
		width: 100%;
	}
	.dkel-settings-tabs {
		min-width: 1px;
		width: 80px;
	}
	.dkel-settings-tabs a span:not(.dashicons) {
		display: none;
	}
}