/* Modal__dialog */
.ui-dialog {
	text-align: left;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 370px;
	border-radius: 16px;
	box-shadow: 0 8px 40px -10px rgb(0 0 0 / 30%);
	/* padding: 20px; */
	border: 1px solid transparent;
	border-color: var(---cmt-outline-color);
	background-color: var(---cmt-background-color);
	background-clip: padding-box;
	font-weight: 500;
	outline: none;
}
.ui-dialog-titlebar {
	padding: 20px 20px;
	position: relative;
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
}
.ui-dialog-title {
	float: left;
	font-weight: 700;
	font-size: 19px;
	color: var(---cmt-black-color);
}
.ui-dialog-titlebar-close span.ui-button-text {
	display: none;
}
.ui-dialog-titlebar-close {
	position: absolute;
	top: auto;
	right: 15px;
	height: 28px !important;
	width: 28px;
	padding: 0px !important;
	margin-top: -4px !important;
	border: 0 none !important;
	background-color: aqua !important;
	background-image: none !important;
	background: #fff url("../images/other/cmt_cross_delete.svg") no-repeat 50% 50% !important;
	background-size: cover;
	box-shadow: none !important;
	opacity: 0.8;
	transition: opacity 0.3s ease;
}
.ui-dialog-titlebar-close:hover,
.ui-dialog-titlebar-close:focus,
.ui-dialog-titlebar-close:active {
	opacity: 1;
}
.ui-dialog-content {
	border: 0;
}
.xfieldsrow {
	padding-top: 24px;
}
.xfieldsrow label {
	display: inline-block;
	margin: 4px 0;
}
.xfieldsrow label > input[type=radio],
.xfieldsrow label > input[type=checkbox] {
	display: unset;
}
.xfieldsrow label {
	display: inline-block;
	width: 100%;
	padding: 0 15px;

	border: 1px solid;
	border-radius: 8px;
	border-color: var(---cmt-outline-color);

	background-color: var(---cmt-background-color);

	font-size: 16px;
	font-weight: 500;
	line-height: 2.17;
	user-select: none;
	cursor: pointer;

	transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.xfieldsrow input[type=radio]:checked + label,
.xfieldsrow input[type=checkbox]:checked + label {
	border-color: var(---cmt-green-color);

	background-color: var(---cmt-green-color);

	color: var(---cmt-white-color);
}
.xfieldsrow label:hover {
	border-color: var(---cmt-Doutline-color);

	background-color: var(---cmt-Dgreen-color);

	color: var(---cmt-white-color);
} 
.xfieldsrow input[type=radio]:disabled + label
.xfieldsrow input[type=checkbox]:disabled + label {
	background-color: var(---cmt-lightsilver-color);

	color: var(---cmt-black-color);
}
select.quick-edit-text,
textarea.quick-edit-text,
input[type="text"].quick-edit-text,
input[type="name"].quick-edit-text,
input[type="password"].quick-edit-text,
input[type="file"].quick-edit-text,
input[type="datetime"].quick-edit-text,
input[type="datetime-local"].quick-edit-text,
input[type="date"].quick-edit-text,
input[type="month"].quick-edit-text,
input[type="time"].quick-edit-text,
input[type="week"].quick-edit-text,
input[type="number"].quick-edit-text,
input[type="email"].quick-edit-text,
input[type="url"].quick-edit-text,
input[type="search"].quick-edit-text,
input[type="tel"].quick-edit-text,
input[type="color"].quick-edit-text {
	width: 100%;
	height: 40px;
	padding: 6px;

	border: 2px solid var(---cmt-secondary-color);
	border-radius: 8px;

	background: var(---cmt-background-color);
	box-shadow: 0 0 0 0;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	line-height: inherit;
	font-size: 16px;
	font-weight: 500;
	color: var(---cmt-black-color) !important;

	transition: color .3s ease, background-color .3s ease, border-color .3s ease;

}
textarea.quick-edit-text {
	height: auto;
}
select:active.quick-edit-text,
textarea:active.quick-edit-text,
input[type="text"]:active.quick-edit-text,
input[type="name"]:active.quick-edit-text,
input[type="password"]:active.quick-edit-text,
input[type="file"]:active.quick-edit-text,
input[type="datetime"]:active.quick-edit-text,
input[type="datetime-local"]:active.quick-edit-text,
input[type="date"]:active.quick-edit-text,
input[type="month"]:active.quick-edit-text,
input[type="time"]:active.quick-edit-text,
input[type="week"]:active.quick-edit-text,
input[type="number"]:active.quick-edit-text,
input[type="email"]:active.quick-edit-text,
input[type="url"]:active.quick-edit-text,
input[type="search"]:active.quick-edit-text,
input[type="tel"]:active.quick-edit-text,
input[type="color"]:active.quick-edit-text {
	border-color: var(---cmt-green-color);
	background-color: var(---cmt-green-color);
}
select:not(:disabled):not(:active):hover.quick-edit-text,
textarea:not(:disabled):not(:active):hover.quick-edit-text,
input[type="text"]:not(:disabled):not(:active):hover.quick-edit-text,
input[type="name"]:not(:disabled):not(:active):hover.quick-edit-text,
input[type="password"]:not(:disabled):not(:active):hover.quick-edit-text,
input[type="file"]:not(:disabled):not(:active):hover.quick-edit-text,
input[type="datetime"]:not(:disabled):not(:active):hover.quick-edit-text,
input[type="datetime-local"]:not(:disabled):not(:active):hover.quick-edit-text,
input[type="date"]:not(:disabled):not(:active):hover.quick-edit-text,
input[type="month"]:not(:disabled):not(:active):hover.quick-edit-text,
input[type="time"]:not(:disabled):not(:active):hover.quick-edit-text,
input[type="week"]:not(:disabled):not(:active):hover.quick-edit-text,
input[type="number"]:not(:disabled):not(:active):hover.quick-edit-text,
input[type="email"]:not(:disabled):not(:active):hover.quick-edit-text,
input[type="url"]:not(:disabled):not(:active):hover.quick-edit-text,
input[type="search"]:not(:disabled):not(:active):hover.quick-edit-text,
input[type="tel"]:not(:disabled):not(:active):hover.quick-edit-text,
input[type="color"]:not(:disabled):not(:active):hover.quick-edit-text {
	border-color: var(---cmt-green-color);
}
select:not(:disabled):active.quick-edit-text,
textarea:not(:disabled):active.quick-edit-text,
input[type="text"]:not(:disabled):active.quick-edit-text,
input[type="name"]:not(:disabled):active.quick-edit-text,
input[type="password"]:not(:disabled):active.quick-edit-text,
input[type="file"]:not(:disabled):active.quick-edit-text,
input[type="datetime"]:not(:disabled):active.quick-edit-text,
input[type="datetime-local"]:not(:disabled):active.quick-edit-text,
input[type="date"]:not(:disabled):active.quick-edit-text,
input[type="month"]:not(:disabled):active.quick-edit-text,
input[type="time"]:not(:disabled):active.quick-edit-text,
input[type="week"]:not(:disabled):active.quick-edit-text,
input[type="number"]:not(:disabled):active.quick-edit-text,
input[type="email"]:not(:disabled):active.quick-edit-text,
input[type="url"]:not(:disabled):active.quick-edit-text,
input[type="search"]:not(:disabled):active.quick-edit-text,
input[type="tel"]:not(:disabled):active.quick-edit-text,
input[type="color"]:not(:disabled):active.quick-edit-text {
	background-color: transparent;
	border-color: var(---cmt-green-color);
}
select:focus.quick-edit-text,
textarea:focus.quick-edit-text,
input[type="text"]:focus.quick-edit-text,
input[type="name"]:focus.quick-edit-text,
input[type="password"]:focus.quick-edit-text,
input[type="file"]:focus.quick-edit-text,
input[type="datetime"]:focus.quick-edit-text,
input[type="datetime-local"]:focus.quick-edit-text,
input[type="date"]:focus.quick-edit-text,
input[type="month"]:focus.quick-edit-text,
input[type="time"]:focus.quick-edit-text,
input[type="week"]:focus.quick-edit-text,
input[type="number"]:focus.quick-edit-text,
input[type="email"]:focus.quick-edit-text,
input[type="url"]:focus.quick-edit-text,
input[type="search"]:focus.quick-edit-text,
input[type="tel"]:focus.quick-edit-text,
input[type="color"]:focus.quick-edit-text {
	box-shadow: 0 0 0 0 rgba(127, 140, 141, 0.0);
}
select:focus:not(:active).quick-edit-text,
textarea:focus:not(:active).quick-edit-text,
input[type="text"]:focus:not(:active).quick-edit-text,
input[type="name"]:focus:not(:active).quick-edit-text,
input[type="password"]:focus:not(:active).quick-edit-text,
input[type="file"]:focus:not(:active).quick-edit-text,
input[type="datetime"]:focus:not(:active).quick-edit-text,
input[type="datetime-local"]:focus:not(:active).quick-edit-text,
input[type="date"]:focus:not(:active).quick-edit-text,
input[type="month"]:focus:not(:active).quick-edit-text,
input[type="time"]:focus:not(:active).quick-edit-text,
input[type="week"]:focus:not(:active).quick-edit-text,
input[type="number"]:focus:not(:active).quick-edit-text,
input[type="email"]:focus:not(:active).quick-edit-text,
input[type="url"]:focus:not(:active).quick-edit-text,
input[type="search"]:focus:not(:active).quick-edit-text,
input[type="tel"]:focus:not(:active).quick-edit-text,
input[type="color"]:focus:not(:active).quick-edit-text {
	border-color: var(---cmt-green-color);
}
select:disabled.quick-edit-text,
textarea:disabled.quick-edit-text,
input[type="text"]:disabled.quick-edit-text,
input[type="name"]:disabled.quick-edit-text,
input[type="password"]:disabled.quick-edit-text,
input[type="file"]:disabled.quick-edit-text,
input[type="datetime"]:disabled.quick-edit-text,
input[type="datetime-local"]:disabled.quick-edit-text,
input[type="date"]:disabled.quick-edit-text,
input[type="month"]:disabled.quick-edit-text,
input[type="time"]:disabled.quick-edit-text,
input[type="week"]:disabled.quick-edit-text,
input[type="number"]:disabled.quick-edit-text,
input[type="email"]:disabled.quick-edit-text,
input[type="url"]:disabled.quick-edit-text,
input[type="search"]:disabled.quick-edit-text,
input[type="tel"]:disabled.quick-edit-text,
input[type="color"]:disabled .quick-edit-text {
	background-color: var(---cmt-lightsilver-color);
}
input[type="number"]::-webkit-outer-spin-button.quick-edit-text,
input[type="number"]::-webkit-inner-spin-button.quick-edit-text {
  -webkit-appearance: none;
  margin: 0;
}
.ui-widget-content textarea {
	width: 100%;
	height: 40px;
	padding: 6px;
	margin: 8px 0;

	border: 2px solid var(---cmt-secondary-color);
	border-radius: 8px;

	background: var(---cmt-background-color);
	box-shadow: 0 0 0 0;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	line-height: inherit;
	font-size: 16px;
	font-weight: 500;
	color: var(---cmt-black-color) !important;

	transition: color .3s ease, background-color .3s ease, border-color .3s ease;

}
.ui-widget-content textarea {
	height: auto;
}
.ui-widget-content textarea:active {
	border-color: var(---cmt-green-color);
	background-color: var(---cmt-green-color);
}
.ui-widget-content textarea:not(:disabled):not(:active):hover {
	border-color: var(---cmt-green-color);
}
.ui-widget-content textarea:not(:disabled):active {
	background-color: transparent;
	border-color: var(---cmt-green-color);
}
.ui-widget-content textarea:focus {
	box-shadow: 0 0 0 0 rgba(127, 140, 141, 0.0);
}
.ui-widget-content textarea:focus:not(:active) {
	border-color: var(---cmt-green-color);
}
.ui-widget-content textarea:disabled {
	background-color: var(---cmt-lightsilver-color);
}
.dle-popup-quickedit {
	top: 40px !important;
}

.ui-button {
    margin: 0 4px;
}

.ui-dialog-buttonset button {
    margin: 0 4px;
}

.ui-dialog-buttonset button {
	float: right;
	border: 0 none;
	vertical-align: middle;
	cursor: pointer;
	height: 36px;
	border-radius: 8px;
	line-height: 16px;
	outline: none;
	background-color: transparent;
	color: var(---cmt-black-color);
	/*border: 2px solid var(---cmt-black-color);*/
	opacity: 0.8;
	padding: 7px 22px;
	font-weight: 500;
	font-size: 16px;
	text-decoration: none !important;
	box-shadow: none;
	box-sizing: border-box;
	transition: all ease .3s;
}
.ui-dialog-buttonset button:hover {
    background-color: var(---cmt-primary-color);
    color: var(---cmt-white-color);
    /*border-color: var(---cmt-primary-color);*/
    opacity: 1;
}

@media only screen and (min-width: 992px) {
	.ui-dialog-content::-webkit-scrollbar {
		width: 10px;
	}
	.ui-dialog-content::-webkit-scrollbar-track {
		-webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
		background-color: var(---cmt-outline-color);
	}
	.ui-dialog-content::-webkit-scrollbar-thumb {
		background-color: var(---cmt-primary-color);
		background-image: -webkit-gradient(linear, 0 0, 0 100%,
						color-stop(.5, rgba(255, 255, 255, .25)),
						color-stop(.5, transparent), to(transparent));
	}
}
@media only screen and (max-width: 600px) {
	.ui-dialog {
		left: unset !important;
	}
}
/* Modal__dialog */



/*---Выпадающее меню кнопки редактировать---*/
#dropmenudiv {
		padding: 10px 0;
		min-width: 140px;
		width: auto !important;
		opacity: 1 !important;
		display: none;

		border-radius: 8px;
		border: 1px solid transparent;
		border-color: var(---cmt-outline-color);

		box-shadow: 0px 5px 10px 2px rgb(34 60 80 / 20%);
		background-clip: padding-box;

		font-size: 14px;

		transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
	}
	#dropmenudiv {
		background-color: var(---cmt-background-color);
	}
	#dropmenudiv a {
		text-decoration: none !important;
		display: block;
		padding: 5px 20px;

		border-top: 1px solid transparent;
		border-color: var(---cmt-outline-color);

		white-space: nowrap;
		color: var(---cmt-black-color);
		font-weight: 500;

		transition: box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease, width 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
	}
	#dropmenudiv a:last-child {
		border-bottom: 1px solid transparent;
		border-color: var(---cmt-outline-color);
	}
	#dropmenudiv a:hover {
		border-color: var(---cmt-Doutline-color);

		background-color: var(---cmt-primary-color);

		color: var(---cmt-white-color);
	}
/*---Выпадающее меню кнопки редактировать---*/