body {
	--gwel-primary-c: #D3E65B;
	&.admin-color-light {
		--gwel-primary-c: #04a4cc;
	}

	&.admin-color-blue {
		--gwel-primary-c: #096484;
	}

	&.admin-color-coffee {
		--gwel-primary-c: #c7a589;
	}

	&.admin-color-ectoplasm {
		--gwel-primary-c: #a3b745;
	}

	&.admin-color-midnight {
		--gwel-primary-c: #e14d43;
	}

	&.admin-color-ocean {
		--gwel-primary-c: #9ebaa0;
	}

	&.admin-color-sunrise {
		--gwel-primary-c: #dd823b;
	}

}

#gwel-admin-wrap {
	width: 90%;
	max-width: 1170px;
	padding: 2% 5%;

	.gwel-admin-header {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 90px;
		a {
			color: #000;
			text-decoration: none;
		}
	}
	.gwel-widgets-wrapper {
		display: flex;
		flex-direction: column;
		gap: 80px;
		margin-bottom: 60px;
	}
	.gwel-widget-section {
		.gwel-widget-title-wrapper {
			padding: 0 0 20px;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 20px;
			border-bottom: 1px solid #dedee1;
			margin-bottom: 36px;
			.gwel-title {
				font-size: 22px;
				margin: 0;
			}
			.gwel-switch-wrapper {
				gap: 10px;
			}	
		}
		.gwel-switch-wrapper {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			.gwel-title {
				font-size: 16px;
				margin: 0;
			}
			.gwel-switch {
				position: relative;
				font-size: 12px;
				width: 3.000em;
				height: 1.625em;
				&.gwel-switch-text {
					width: auto;
				}
				.gwel-switch-slider {
					position: absolute;
					cursor: pointer;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					background-color: #E2E2E8;
					transition: .4s;
					border-radius: 1.625em;
					width: 3.000em;
					&:before {
						position: absolute;
						content: "";
						height: 1.125em;
						width: 1.125em;
						left: 0.250em;
						bottom: 0.250em;
						background-color: #7d7d7d;
						transition: .4s;
						border-radius: 50%;
					}
				}
				input[type='checkbox'] {
					font-size: inherit;
					position: relative;
					z-index: 2;
					opacity: 0;
					cursor: pointer;
					width: 3.000em;
					height: 1.625em;
					margin: 0;
				}
				input[type='checkbox']:checked + .gwel-switch-slider {
					background-color: #000;
				}
				input[type='checkbox']:checked + .gwel-switch-slider:before {
					-ms-transform: translateX(1.375em);
					transform: translateX(1.375em);
					background-color: var(--gwel-primary-c);
				}
			}
		}
		.gwel-widgets-list {
			display: grid;
			grid-auto-flow: row;
			grid-template-columns: repeat(3, 1fr);
			gap: 5px;
			.gwel-widget {
				padding: 20px;
				background-color: #F7F7FB;
				border: 1px solid #F0F0F6;
				border-radius: 0px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				gap: 3px;
				min-height: 50px;
			}
			.gwel-widget-buttons {
				display: flex;
				align-items: flex-start;
				gap: 10px;
				a {
					color: #9F9FA6;
					text-decoration: none;
					transition: color .3s ease;
					&:hover {
						color: #000;
					}
				}
			}
		}
		@media screen and (max-width: 1024px) {
			.gwel-widgets-list {
				grid-template-columns: repeat(2, 1fr);
			}
		}
		@media screen and (max-width: 768px) {
			.gwel-widgets-list {
				grid-template-columns: repeat(1, 1fr);
			}
		}		
	}
}