:root {
	--primary-bg: #ffffff;
	--primary-color: #4592ff;
	--secondary-bg: #ffffff;
	/* #eee  */
  --secondary-color: rgb(60, 64, 67);
	/* #333  */
  --hover-bg: rgba(60, 64, 67, 0.08);
}
.main-content.edit *:not(.module *),
.main-content.edit *:not(.module *):hover {
	cursor: auto;
}
#mw-text-editor,
#mw-toolbar-right,
.mw-editor-default .mw-bar-row,
.toolbar-sections-tabs,
.square_map td .square_map_item,
.ed_item,
#liveedit_wysiwyg:before,
.ed_nobg:hover,
#modules-and-layouts-sidebar .mw-scroll-box,
#modules-and-layouts-sidebar .mw-ui-box::-webkit-scrollbar,
.wysiwyg-undo-redo,
.mw-ui-box-header.mw-accordion-title.active {
	background: var(--primary-bg);
	background-color: var(--primary-bg);
}
.mw-live-edit-sidebar-tabs-wrapper {
	border-radius: 0 25px 0 0;
	box-shadow: 0 0 0 1px rgb(218, 220, 224);
}
.mw-live-edit-sidebar-tabs-wrapper,
.mw-live-edit-tab-title,
#modules-and-layouts-sidebar .mw-scroll-box {
	background-color: var(--secondary-bg);
}
.mw-live-edit-sidebar-tabs-wrapper::after {
	background-color: #7b7b7b;
}
.mw-live-edit-tab-title h4,
.mw-live-edit-tab-title h6,
.modules-list li,
.modules-list h1,
.modules-list h2,
.modules-list h3,
.modules-list h4,
.modules-list h5,
.modules-list h6 {
	color: var(--secondary-color);
}
.mw-ui-navigation a:hover,
.mw-ui-navigation a:focus,
.mw-ui-navigation li:hover > a,
#toolbar-dropdown-actions .mw-ui-navigation li:hover > a {
	background-color: var(--primary-color);
	color: var(--secondary-bg);
	border-radius: 4px;
}
.toolbar-sections-tabs > ul > li > .mw-dropdown-list a:hover,
.mw-ui-manage-list li a:hover {
	background: var(--primary-color);
	color: var(--secondary-bg);
}
#toolbar-dropdown-actions a:hover {
	color: var(--secondary-bg);
	border-radius: 4px;
}
#mw-text-editor {
	box-shadow: 0 0 0 1px rgb(218, 220, 224);
	min-height: 60px;
	justify-content: space-between;
}
#live_edit_toolbar {
	border-bottom: none;
}
.mw-toolbar-btn-menu > a.mw-ui-btn {
	color: var(--primary-color);
	border-color: var(--primary-color);
	border: none;
}
#main-save-btn {
	border-color: var(--primary-color);
	background-color: var(--primary-color);
}
.mw-toolbar-add-new-content-ctrl i {
	color: var(--primary-color);
}
.mw-ui-btn {
	border-radius: 8px;
}
.mw-handle-type-default .mw-handle-handler {
	height: 45px;
	background: var(--bs-primary);
	color: #fff;
	line-height: 45px;
	border-radius: 25px;
	padding-right: 15px;
	padding-left: 15px;
	transition: all 0.3s ease-in-out;
	font-size: 16px;
	box-shadow: none;
}
.mw-handle-type-default.active .mw-handle-handler {
	border-radius: 25px;
}
.mw-handle-type-default::before,
.mw-handle-type-default::after {
	background: none;
}
.mw-handle-menu-default.mw-handle-menu::before,
.mw-handle-menu-default.mw-handle-menu::after {
	display: none !important;
}
.mw-handle-menu-default.mw-handle-menu {
	border-radius: 3px;
	box-shadow: none;
	left: -5px;
	transition: all 0.1s ease-in-out;
	color: #fff;
	border-top: none;
	background: none;
}
.mw-handle-type-default .mw-handle-handler-title {
	line-height: 45px;
	height: 45px;
}
.mw-handle-menu-item,
.mw-handle-menu-dynamic > *,
.mw-handle-menu-item:hover,
.mw-handle-menu-dynamic > :hover,
.mw-handle-menu-dynamic > :focus {
	color: #fff;
	padding: 10px 15px;
	margin: 7px;
	background: var(--bs-primary);
	border-radius: 25px;
	white-space: nowrap !important;
}
.mw-handle-handler .mw_module_settings_sidebar_icon {
	margin: 2px 4px 0 0;
}
.mw-handle-handler-icon.ui-draggable-handle svg {
	fill: #fff;
}
.mw-handle-type-default .mw-handle-menu-item + *,
.mw-handle-type-default .mw-handle-menu-dynamic + * {
	border-top: none;
}
.mw-handle-menu-default .mw-handle-menu-item:hover {
	background: var(--bs-primary);
}
.toolbar-sections-tabs
  > ul
  > li
  > .mw-dropdown-list.liveeditcreatecontentmenu
  li
  a:hover,
.mw-toolbar-right-content
  .mw-dropdown-list.liveeditcreatecontentmenu
  li
  a:hover {
	background-color: var(--primary-color);
	color: var(--primary-bg);
}
.mw-dialog-skin-default .mw-dialog-holder,
.mw-dialog-skin-default .mw-dialog-header {
	border-radius: 0;
}
.mw-dialog-skin-default .mw-dialog-header {
	background-color: #000;
	min-height: 35px;
	color: var(--secondary-color);
}
.mw-dialog-skin-default .mw-dialog-close {
	border: none;
	height: 24px;
	width: 28px;
}
.mw-domtree-item-label {
	color: var(--secondary-color);
}
.mw-domtree-item-opener::after {
	color: var(--secondary-color);
}
#domtree .ui-resizable-s::after {
	color: var(--secondary-color);
}
#domtree .ui-resizable-s {
	background-color: transparent;
}
#settings-holder-template-settings span.btn-outline-secondary,
#settings-holder-stylesheet-compiler span.btn-outline-secondary {
	color: var(--secondary-color);
}
#settings-holder-template-settings span.btn-outline-secondary:hover,
#settings-holder-stylesheet-compiler span.btn-outline-secondary:hover {
	color: #333;
}
.mw-ui-box {
	border-radius: 0;
}
#mw-template-settings .mw-ui-box,
#css-editor-root .mw-ui-box {
	background-color: var(--secondary-bg);
	box-shadow: 0 0 0 1px rgb(218, 220, 224) !important;
}
#mw-template-settings .mw-ui-box-header,
#css-editor-root .mw-ui-box-header {
	background-color: var(--secondary-bg);
	border-color: var(--secondary-bg);
	color: var(--secondary-color);
}
#mw-template-settings .bootstrap3ns .form-control {
	background-color: var(--secondary-bg);
	border-color: var(--secondary-color);
	color: var(--secondary-color);
}
#mw-template-settings
  .bootstrap-select
  .dropdown-toggle:not(.btn-primary):not(.btn-secondary):not(.btn-info):not(
    .btn-success
  ):not(.btn-warning):not(.btn-danger) {
	background-color: var(--secondary-bg);
	border: 1px solid var(--secondary-color);
}
#mw-template-settings .bootstrap-select .dropdown-toggle::after {
	background-color: var(--secondary-color);
}
#mw-template-settings
  .bootstrap-select
  .dropdown-toggle
  .filter-option-inner-inner {
	color: var(--secondary-color);
}
#mw-template-settings .mw-ui-box-header.mw-accordion-title::after,
#css-editor-root .mw-ui-box-header.mw-accordion-title::after {
	color: var(--secondary-color);
}
#mw-template-settings .mw-ui-box-header.mw-accordion-title.active,
#mw-template-settings .mw-ui-box-header.mw-accordion-title.active:after,
#css-editor-root .mw-ui-box-header.mw-accordion-title.active {
	background-color: var(--primary-color);
	color: var(--primary-bg);
}
#mw-template-settings .mw-accordion-title.mw-ui-box-header:not(.active):hover,
#css-editor-root .mw-accordion-title.mw-ui-box-header:not(.active):hover {
	background-color: var(--hover-bg);
}
#css-editor-root .mw-ui-box-header.mw-accordion-title.active svg path {
	fill: var(--primary-bg);
}
#mw-template-settings .theme-color-selector,
#css-editor-root .theme-color-selector {
	color: var(--secondary-color);
}
#mw-template-settings .bootstrap3ns label,
#css-editor-root .bootstrap3ns label {
	color: var(--secondary-color);
}
#mw-template-settings .bootstrap3ns h5,
#css-editor-root .bootstrap3ns h5 {
	color: var(--secondary-color);
}
#css-editor-root .mw-field input,
#css-editor-root mw-field input,
#css-editor-root .mw-field select,
#css-editor-root mw-field select,
#css-editor-root .mw-field textarea,
#css-editor-root mw-field textarea {
	background-color: var(--secondary-bg);
	color: var(--secondary-color);
}
#css-editor-root .mw-element-spacing-editor .mw-ese-holder {
	background-color: var(--secondary-bg);
	border: 1px solid var(--secondary-color);
	color: var(--secondary-color);
}
#css-editor-root .mw-element-spacing-editor .mw-ese-holder .input input {
	background: var(--secondary-bg);
	color: var(--secondary-color);
	border-color: var(--secondary-color);
}
#css-editor-root label {
	color: var(--secondary-color);
}
#css-editor-root #classtags-accordion .mw-ui-field {
	background: var(--secondary-bg);
	color: var(--secondary-color);
	border-color: var(--secondary-color);
}
#css-editor-root #classtags-accordion .mw-ui-field span.tag-label-content {
	color: var(--secondary-color);
}
#css-editor-root #classtags-accordion .mw-ui-field .mw-icon-close {
	color: var(--secondary-color);
}
#mw-live-edit-editor .mw-editor-controller-button {
	color: var(--primary-color);
}
#live_edit_side_holder.mw-control-box-left
  .mw-live-edit-sidebar-tabs-wrapper::after {
	content: "\0138";
	left: 100%;
	border-radius: 0 25px 25px 0;
}
#live_edit_side_holder.mw-control-box-left:hover
  .mw-live-edit-sidebar-tabs-wrapper::after,
#live_edit_side_holder.mw-control-box-left.active
  .mw-live-edit-sidebar-tabs-wrapper::after {
	left: 100%;
}
#live_edit_side_holder.mw-control-box-left.active
  .mw-live-edit-sidebar-tabs-wrapper::after {
	content: "\0137";
}
.mw-handle-type-default
  .mw-handle-handler-right.mw-handle-handler-title:before {
	content: "\0137";
	display: inline-block;
	border-radius: 5px;
	font-family: Microweber;
	text-align: center;
	transition: none;
	transition: transform 0.3s ease-in-out;
	margin-inline-end: 7px;
	transform-origin: center;
	font-size: 9px;
}
.mw-handle-type-default
  .mw-handle-item.active
  .mw-handle-handler-right.mw-handle-handler-title:before {
	transform: rotate(90deg);
}
.mw-handle-type-default.active
  .mw-handle-handler-right.mw-handle-handler-title:before,
.mw-handle-type-element.active
  .mw-handle-handler-right.mw-handle-handler-title:before {
	transform: rotate(-90deg);
	transition: transform 0.3s ease-in-out;
}
#mw-sidebar-modules-and-layouts-holder.mw-scroll-box {
	scrollbar-width: thin;
	scrollbar-color: var(--primary-color) var(--secondary-bg);
	direction: rtl;
}
.mw-liveedit-sidebar-search-wrapper input {
	direction: ltr;
	border-radius: 8px;
	color: var(--secondary-color);
	border: 1px solid var(--secondary-color);
}
.mw-live-edit-tab-title {
	direction: ltr;
	box-shadow: 0 0 0 1px rgb(218, 220, 224);
}
#live_edit_side_holder .mw-live-edit-sidebar-tabs a i {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	color: rgb(95, 99, 104);
}
.module-admin-modules-list-layouts .module_name {
	text-align: left;
}
#aw-edit-tools {
	background-color: var(--primary-color);
	color: var(--primary-bg);
	display: flex;
}
.aw-live-edit-nav-icons {
	font-size: 20px !important;
	color: #777777 !important;
	padding: 8px 10px !important;
	margin: 0 !important;
}
.aw-live-edit-nav-icons * {
	font-size: inherit !important;
	color: inherit !important;
}
.aw-live-edit-nav-icons:hover {
	color: #464646 !important;
}
#mw-toolbar-right {
	position: relative;
	display: flex;
	align-items: center;
}
.mw-editor-controller-button,
.mw-bar-row {
	padding: 0;
}
#mw-live-edit-editor .mw-editor-wrapper.mw-editor-default {
	margin: 0;
}
.mw-ui-box.mw-ui-navigation {
	background-color: #fafbfc;
}
#live-edit-dropdown-actions-content .mw-ui-box {
	border-radius: 4px;
}
.create-content-dropdown-list {
	border-radius: 8px;
}
.aw-top-bar {
	color: var(--secondary-color);
	font-size: 20px;
	padding: 4px 15px;
}
.mw-control-box-left .mw-live-edit-sidebar-tabs-wrapper {
	width: 100%;
	height: 60px;
	position: fixed;
	right: 0;
	z-index: 999999;
	background: var(--secondary-bg);
	border-radius: 0;
}
.mw-live-edit-sidebar-tabs-wrapper .mw-live-edit-sidebar-tabs {
	display: flex;
}
#modules-and-layouts-sidebar
  #mw-sidebar-modules-and-layouts-holder.mw-scroll-box {
	top: 60px;
}
#live_edit_side_holder.active .mw-live-edit-sidebar-tabs a.active:hover i,
#live_edit_side_holder.active .mw-live-edit-sidebar-tabs a:hover i,
#live_edit_side_holder.active .mw-live-edit-sidebar-tabs a.active i {
	color: unset;
	background-color: unset;
}
#live_edit_side_holder.active .mw-live-edit-sidebar-tabs a.active:hover,
#live_edit_side_holder.active .mw-live-edit-sidebar-tabs a:hover {
	background-color: var(--hover-bg);
}
#live_edit_side_holder.mw-control-box-left
  .mw-live-edit-sidebar-tabs-wrapper::after,
#live_edit_side_holder.mw-control-box-left.active
  .mw-live-edit-sidebar-tabs-wrapper::after {
	height: 100%;
	top: 0;
	margin-top: 0;
	font-size: 15px;
	line-height: 55px;
}
body.mw-live-edit .mw-control-box-top,
body.mw-live-edit .mw-control-box-right,
body.mw-live-edit .mw-control-box-left {
	top: 60px;
}
.mw-live-edit-sidebar-tabs a {
	padding: 0 10px;
	line-height: 45px;
	padding-top: 10px;
}
.mw-live-edit-sidebar-tabs a .aw-active-tab {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	-moz-box-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
}
#live_edit_side_holder .mw-live-edit-sidebar-tabs {
	height: 100%;
}
#live_edit_side_holder.active
  .mw-live-edit-sidebar-tabs
  a.active
  .aw-active-tab
  span {
	border-top: 3px solid var(--primary-color);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	align-self: flex-end;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 80%;
}
.mw-toolbar-right-content .mw-dropdown-list {
	min-width: 200px;
	left: unset;
	right: 100px;
	background-color: #fff;
	border: 1px solid #ccc;
}
.mw-toolbar-right-content .mw-dropdown-list li a {
	display: block;
	background-color: white;
	background-repeat: no-repeat;
	background-position: 15px 50%;
	padding: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border: 1px solid #eaeaea;
	border-top: none;
	font-size: 12px;
	color: #595959;
}
.mw-toolbar-right-content .mw-dropdown-list li a [class*="mai-"] {
	font-family: "admin" !important;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	text-transform: none;
	margin-inline-end: 14px;
}
.toolbar-sections-tabs .aw-content-dropdown {
	height: 100%;
	display: inline-flex;
	align-items: center;
}
.aw-live-edit-nav-icons .material-icons {
	width: 100%;
	padding: 0;
}
.aw-live-edit-nav-icons .mwiconlist-icon:hover {
	background-color: unset;
}
#domtree {
	scrollbar-width: thin;
	scrollbar-color: var(--secondary-bg) var(--secondary-bg);
	direction: rtl;
}
.module-item-module {
	width: 100%;
	direction: ltr;
	padding: 10px 0;
}
.module-item-module:hover {
	background-color: var(--hover-bg);
}
.module-item-module:hover .mw_module_hold {
	border-color: transparent;
	background-color: transparent;
}
.module-item-module .mw_module_hold {
	display: flex;
	-moz-box-pack: start;
	justify-content: flex-start;
	text-align: left;
	width: 100%;
}
.module-item-module .module_name {
	font-size: 13px;
}
.module-item-module .mw_module_hold .mw_module_image {
	margin: 0;
	margin: 0 20px;
}
.mw-ui-box-content {
	padding-left: 0;
	padding-right: 0;
}
#mw-sidebar-modules-and-layouts-holder ul.modules-list.list-elements {
	padding: 0 20px;
}
.modules-list.list-elements .module-item-layout {
	min-height: 150px;
	border-radius: 16px;
}
.modules-list.list-elements .mw_module_image {
	margin: 0;
	height: 100%;
}
.modules-list.list-elements
  .module-item-layout
  .mw_module_image
  .mw_module_image_holder {
	height: 100%;
}
.modules-list.list-elements .mw_module_image img {
	border-radius: 16px;
	object-fit: contain;
	object-position: center;
	height: 100%;
}
.modules-list.list-elements .module-item-layout .mw_module_hold {
	height: 150px;
	display: block;
	border-radius: 16px;
	box-shadow: 0 0 10px rgb(193, 193, 193);
	position: relative;
}
.modules-list.list-elements .module_name {
	position: absolute;
	width: 100%;
	bottom: 0;
	z-index: 1;
	height: 0;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 4px;
	border-radius: 0 0 16px 16px;
	text-align: center;
	transition: all 0.2s ease-in-out;
}
.modules-list.list-elements .module-item-layout:hover .module_name {
	height: 100%;
	font-size: 18px;
	border-radius: 16px;
}
.mw-dialog-skin-advance .mw-dialog-holder {
	background: rgba(239, 242, 246, 1);
	border-radius: 8px;
}
.mw-dialog-skin-advance .mw-dialog-holder .mw-dialog-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	letter-spacing: 0.1px;
	line-height: 24px;
	font-size: 16px;
	font-weight: 500;
	margin-top: 8px;
	min-height: 35px;
	position: relative;
}
.mw-dialog-skin-advance .mw-dialog-close {
	border-radius: 50%;
	margin-right: 5px;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mw-dialog-skin-advance .mw-dialog-close:hover {
	background-color: var(--hover-bg);
}
.mw-dialog-skin-advance .mw-dialog-close::after {
	content: "\f2d7";
	font-family: Microweber;
	font-size: 14px;
	padding: 0 25px;
	cursor: pointer;
	color: var(--secondary-color);
}
.mw-dialog-skin-advance .module-modal-settings-menu-holder {
	position: absolute;
	right: 40px;
	top: 50%;
	opacity: 1;
	transition: opacity 0.3s;
	transform: translateY(-50%);
	margin-inline-end: 10px;
	color: var(--secondary-color);
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
}
.mw-dialog-skin-advance
  .mw-dropdown-default
  .mw-dropdown-value.mw-ui-btn::after,
.mw-dropdown-button::after {
	color: var(--secondary-color);
}
.mw-dialog-skin-advance .module-modal-settings-menu-holder:hover {
	background-color: var(--hover-bg);
}
.mw-dialog-skin-advance
  .module-modal-settings-menu-holder
  .css-preset-dropdown:hover {
	border: none !important;
}
.mw-dialog-skin-advance .mw-dialog-title {
	color: var(--secondary-color);
	padding-left: 16px;
}
.mw-dialog-skin-advance .mw-module-dialog-icon {
	filter: unset;
}
.mw-dialog-skin-advance .mw-dialog-container {
	padding: 16px;
}
.mw-dialog-skin-advance .mw-dialog-container table {
	background-color: var(--primary-bg);
	border-radius: 8px;
}
.mw-dialog-skin-advance .mw-dialog-footer {
	padding: 16px;
	display: flex;
	gap: 1rem;
	justify-content: end;
}
#mw-handle-item-module-active,
#mw-handle-item-module {
	box-shadow: none;
}
.mw-ui-form-controllers-footer {
	padding: 15px 10px 10px;
}
.mw-handle-type-default
  .mw-handle-handler-right.mw-handle-handler-title::before {
	font-size: 14px;
}
.mw-handle-type-default .mw-handle-handler-icon {
	height: 100%;
}
.ht-0 {
	min-height: 0 !important;
	height: 0 !important;
}
.edit-icon-on-hover {
	position: relative;
	transition: all 0.3s ease-in-out;
}
.edit-icon-on-hover:hover > a {
	background: #fff;
	opacity: 0.3;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}
.edit-icon-on-hover:hover:after {
	display: block;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.edit-icon-on-hover:after {
	content: "\f14b";
	position: absolute;
	background: #fff;
	border-radius: 3px;
	display: none;
	transition: all 0.3s ease-in-out;
	font: normal normal normal 25px FontAwesome;
	color: #222;
	line-height: 1;
	top: 35%;
	left: 45%;
}
.aw-custom-wrapper-class {
	position: absolute;
	padding: 5px 25px;
	background-color: #ffffff;
	border: 1px solid #7a7a7a;
	box-shadow: 0 5px 10px #7a7a7a;
	z-index: 9999;
	border-radius: 4px;
	cursor: pointer;
}
.module-item-layout:hover .module_name {
	background: #2a2a2a9c;
	border-top: 1px solid #2a2a2a;
}
.showCustomSettings,
.noSettings {
	position: relative;
}
.custom-mod-settings-btn-box {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	position: absolute;
	width: 100%;
	z-index: 99999;
	top: 10px;
	left: 0;
}
.custom-mod-settings-btn-box button {
	width: 50px;
	max-width: 50px;
	overflow: hidden;
	white-space: nowrap;
	padding: 5px 16px;
	height: 50px;
	transition: 0.3s all ease-in-out;
	text-align: left;
	background: #fff;
}
.custom-mod-settings-btn-box button.btn-avtivate {
	width: auto;
	max-width: 200px;
	transition: 0.3s all ease-in-out;
	background: var(--bs-primary);
	color: #fff;
}
.custom-mod-settings-btn-box button:hover {
	width: auto;
	max-width: 200px;
	transition: 0.3s all ease-in-out;
}
.custom-mod-settings-btn-box button span {
	display: none;
	transition: 0.3s all ease-in-out;
}
.custom-mod-settings-btn-box button:hover span,
.custom-mod-settings-btn-box button.btn-avtivate span {
	display: inline;
	transition: 0.3s all ease-in-out;
}
#mw-selector-1712996744611 {
	background-color: #4e5661;
}
#mw-selector-1712996744627 {
	background-image: none;
}
#mw-selector-1712996744624 {
	background-image: none;
}
#mw-selector-1712996744621 {
	background-color: #c88946;
}