/********************** ЧИСЛОВОЕ ПОЛЕ **********************/
	/* ПОЛЗУНОК */
.ft_num {height:20px; bo rder:1px solid #000000; display:inline-block;}
	.ft_num .slider_block {background:#BBBBBB; height:3px; width:200px; display:inline-block; vert ical-align:sub; ove rflow:hidden; padding-right:8px; box-sizing:border-box;}
	.ft_num .slider_val {background:#00B000; height:3px; width:50%;}
	.ft_num .slider_view {float:right; background:#9A9A9A; width:8px; height:17px; margin:-7px -8px 0 0; border-radius:4px; cursor:pointer;}
	.ft_num .val_view {display:inline-block; vertical-align:middle; padding:0 0 0 10px;}


.ft_num.step {display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; column-gap:0px;}
	.ft_num.step .item {}
	.ft_num.step .item[v] {cursor:pointer;}
		.ft_num.step .item .mdi {display:block; width:24px; height:24px;}
			.ft_num.step .item .mdi *[fill=currentColor] {fill:#cccccc;}
			.ft_num.step .item.fill .mdi *[fill=currentColor] {fill:#ff8800;}


input.num {width:80px;}


textarea {padding:1px;}

/********************** СТРОКОВОЕ ПОЛЕ **********************/
	/* Метка - измененно внешним источником (changed external source) */
input[type=text][ches],
input[type=number][ches],
.cp_tbl > tbody > tr f > input[type=text][ches],
.cp_tbl > tbody > tr f > input[type=number][ches] {border-bottom-color:#469cce; box-shadow:0px 0px 2px 1px #469cce;}


.form_str_error_mess {position:absolute; color:#9b9b9b; border:1px solid #636618; background:#fbfbe2; padding:1px 3px; border-radius:3px; font-size:12px; color:#1B1B1B; white-space:nowrap;}

#ft_str_vls {position:absolute; z-index:9500; padding:1px; max-width:600px; background:#ffffff; padding:0px; border:0px solid #555555; border-radius:2px; box-shadow:2px 2px 8px #00000090; font-family:arial; font-size:14px;}
	#ft_str_vls hr {margin:2px 0;}
	#ft_str_vls .val {border:0px solid transparent; padding-left:1px; cursor:pointer; color:#1a1a1a; padding:5px 10px 5px 10px; min-width:80px}
	#ft_str_vls .val_h {border:0px solid #b5d5ff; background:#dcebff; border-radius:2px;}

	#ft_str_vls .l1 {display:flex; flex-direction:row; justify-content:space-between;}
		#ft_str_vls .l1 .v {padding-right:8px;}
		#ft_str_vls .l1 .r_note {color:#999999; text-align:right;}
	#ft_str_vls .des {width:100%; color:#777777; padding:3px 0 0 0;}

.form_str_print_size {position:absolute; z-index:9500; padding:0 4px; background:#fbfbf6; border:1px solid #9d9860; border-bottom:0;}
.form_str_print_size0 {background:#e75d5d; border-color:#5d0d0d; color:#FFFFFF; font-weight:bold;}




.str_copy_source {box-shadow:0 0 2px 0px #00ff00;}
.str_copy_val {box-shadow:0 0 2px 0px #ff0000; animation:blik_str_copy_val 0.5s linear 1;}
@keyframes blik_str_copy_val {
	0% {box-shadow:0 0 0px 0px #ff0000;}
	30% {box-shadow:0 0 10px 3px #ff0000;}
	100% {box-shadow:0 0 2px 0px #ff0000;}
}




.rsee[mode="telegram"] {white-space:pre-line;}

/********************** Да/Нет **********************/

.tg_onoff {height:20px; width:40px; padding:1px; border:1px solid #c1c4cb; background:#ffffff; border-radius:10px; display:inline-block; vertical-align:sub; overflow:hidden; box-sizing:border-box; transition:all, 0.3s ease-in-out;}
	.tg_onoff div {height:16px; width:16px; bor der:1px solid #c1c4cb; background:#ffffff; border-radius:8px; box-sizing:border-box; transition:all, 0.3s ease-in-out;}

.tg_onoff[onClick] {cursor:pointer;}

.tg_onoff.v0 {background:#ffffff;}
	.tg_onoff.v0 div {box-shadow:1px 0px 5px #9c9c9c;}

.tg_onoff.v10 {border:1px solid #bbbb00; background:#dddd00; padding-left:12px;}
	.tg_onoff.v10 div {box-shadow:0px 0px 5px #9c9c9c;}

.tg_onoff.v1 {border:1px solid #49b24c; background:#49b24c; padding-left:21px;}
	.tg_onoff.v1 div {box-shadow:-1px 0px 5px #9c9c9c;}


	/* реверсивная логика */
.tg_onoff.reverse.v0 {background:#49b24c; border:1px solid #49b24c; padding-left:21px;}
	.tg_onoff.reverse.v0 div {box-shadow:-1px 0px 5px #9c9c9c;}
.tg_onoff.reverse.v1 {background:#ffffff; border:1px solid #c1c4cb; padding-left:1px;}
	.tg_onoff.reverse.v1 div {box-shadow:1px 0px 5px #9c9c9c;}

	/* присутствуют внешние факторы */
.tg_onoff.external.v0 {background:#aaaaaa; border-color:#aaaaaa;}
.tg_onoff.external.v1 {background:#b29449; border-color:#b29449;}
	/* реверсивная логика */
.tg_onoff.reverse.external.v0 {background:#b29449; border-color:#b29449;}
.tg_onoff.reverse.external.v1 {background:#aaaaaa; border-color:#aaaaaa;}







/********************** Выбор цвета **********************/
.ft_color {display:inline-block;}
	.ft_color > .clr_area {float:left; background:url(/allpack/modules/core/fields/style-general/img/ft_color_not.svg); border:2px solid #000000; border-radius:4px;}
		.ft_color > .clr_area .my_clr {position:relative; width:32px; height:16px;}

	.ft_color .types_tab {padding:0 0 10px 0;}
		.ft_color .types_tab > div {display:inline-block; padding:2px 10px 2px 10px; text-decoration:underline; border:1px solid #00000000; text-decoration-style:dashed; cursor:pointer;}
		.ft_color .types_tab > div:hover {text-decoration-style:solid;}

		.ft_color[t="0"] .types_tab > div[t="0"],
		.ft_color[t="1"] .types_tab > div[t="1"],
		.ft_color[t="2"] .types_tab > div[t="2"],
		.ft_color[t="3"] .types_tab > div[t="3"],
		.ft_color[t="4"] .types_tab > div[t="4"],
		.ft_color[t="5"] .types_tab > div[t="5"] {border:1px solid #000000; background:#ffffff; text-decoration:none;}


	.ft_color .types_clr {}
		.ft_color .types_clr .type {display:none;}
		.ft_color[t="0"] .types_clr .type[t="0"],
		.ft_color[t="1"] .types_clr .type[t="1"],
		.ft_color[t="2"] .types_clr .type[t="2"],
		.ft_color[t="3"] .types_clr .type[t="3"],
		.ft_color[t="4"] .types_clr .type[t="4"],
		.ft_color[t="5"] .types_clr .type[t="5"] {display:block;}

		.ft_color .types_clr .type {}
			.ft_color .types_clr .type .clr {width:32px; height:16px;}
			.ft_color .types_clr .ready_clr {cursor:pointer; width:32px; height:16px;}
			.ft_color .types_clr .ready_clr.select {}
			.ft_color .types_clr .ready_clr.select:before {content:''; position:absolute; left:-3px; top:-3px; width:32px; height:16px; padding:2px; border:1px solid #000000; border-radius:5px; box-sizing:content-box;}

			.ft_color .types_clr .clr_area {float:left; position:relative; background:url(/allpack/modules/core/fields/style-general/img/ft_color_not.svg); border:2px solid #000000; border-radius:4px; margin-right:5px; cursor:pointer;}
			.ft_color .types_clr .clr_area:last-child {margin-right:0;}
				.ft_color .types_clr .clr_area .my_clr {}
				.ft_color .types_clr .clr_area .my_clr:after {content:''; position:absolute; right:-2px; bottom:-2px; border:5px solid transparent; border-right:5px solid #000000; border-bottom:5px solid #000000;}
				.ft_color .types_clr .clr_area .my_clr.select {}
				.ft_color .types_clr .clr_area .my_clr.select:before {content:''; display:none; position:absolute; left:-3px; top:-3px; width:32px; height:16px; padding:2px; border:1px solid #000000; border-radius:5px; box-sizing:content-box;}

					/* Эффект выбора соего значения только если есть набор готовых значений */
				.ft_color .types_clr .ready_clr + .my_clr.select {}
				.ft_color .types_clr .ready_clr + .my_clr.select:before {display:block;}


	.ft_color .choice_win {display:none; position:fixed; z-index:9990; background:#f6f6f5; border:1px solid #4b4b4b; border-radius:4px; box-shadow:2px 2px 5px #9c9c9c; padding:20px; box-sizing:border-box;}
		.ft_color .choice_win .part {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start;}

			/* Оттенок */
		.ft_color .choice_win .shade {border:1px solid #000000; margin:0 20px 0 0;}
			.ft_color .choice_win .shade .shade_view {background:linear-gradient(to left, #ff0000, #ffffff); width:252px; height:252px;}
			.ft_color .choice_win .shade .shade_black {background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); width:inherit; height:inherit;}
				.ft_color .choice_win .shade .shade_black .runner {position:relative; background:none; height:1px; width:1px; top:0; left:0;}
				.ft_color .choice_win .shade .shade_black .runner:after {content:''; position:absolute; height:5px; width:5px; border:1px solid #FFFFFF; margin:-3px 0 0 -3px; border-radius:4px;}
				.ft_color .choice_win .shade .shade_black .runner:before {content:''; position:absolute; height:7px; width:7px; border:1px solid #000000; margin:-4px 0 0 -4px; border-radius:5px;}

			/* Палитра */
		.ft_color .choice_win .hue {border:1px solid #000000; margin:0 20px 0 0;}
			.ft_color .choice_win .hue .hue_view {background:linear-gradient(to bottom, #ff0000, #ff00ff, #0000ff, #00ffff, #00ff00, #ffff00, #ff0000); width:20px; height:252px;}
				.ft_color .choice_win .hue .hue_view .runner {position:relative; background:none; height:3px; width:20px;}
				.ft_color .choice_win .hue .hue_view .runner:after {content:''; position:absolute; height:3px; width:20px; border:1px solid #FFFFFF; margin:-1px 0 0 -1px;}
				.ft_color .choice_win .hue .hue_view .runner:before {content:''; position:absolute; height:5px; width:22px; border:1px solid #000000; margin:-2px 0 0 -2px;}




			/* Прозрачность */
		.ft_color .choice_win .alfa {background:url(/allpack/modules/core/fields/style-general/img/ft_color_not.svg); border:1px solid #000000; margin:0 20px 0 0;}
			.ft_color .choice_win .alfa .alfa_scale {position:relative; background:linear-gradient(to bottom, #ffffff, rgba(0, 0, 0, 0)); width:20px; height:252px;} 
				.ft_color .choice_win .alfa .alfa_scale .runner {position:absolute; background:none; height:3px; width:20px;}
				.ft_color .choice_win .alfa .alfa_scale .runner:after {content:''; position:absolute; height:3px; width:20px; border:1px solid #FFFFFF; margin:-1px 0 0 -1px;}
				.ft_color .choice_win .alfa .alfa_scale .runner:before {content:''; position:absolute; height:5px; width:22px; border:1px solid #000000; margin:-2px 0 0 -2px;}

			.ft_color .choice_win .alfa .val {display:none; width:45px; padding:0 0 7px 0; text-align:center} 







		.ft_color .choice_win .man {padding:0; width:min-content;}
			.ft_color .choice_win .man .action {overflow:hidden;}
				.ft_color .choice_win .man .action btn {width:100%; justify-content:center; margin-bottom:10px;}
				.ft_color[force='1'] .choice_win .man .action btn[action="clean"] {display:none;}

			.ft_color .choice_win .man .info {padding:5px 0 0 0;}
				.ft_color .choice_win .man .info .color_16 {display:flex; padding:3px 3px 3px 3px; border:1px solid #a5a5a500; cursor:pointer; border-radius:3px;}
				.ft_color .choice_win .man .info .color_16:hover {border:1px solid #a5a5a5;}
				.ft_color .choice_win .man .info .color_16[grad_choice="Y"] {border:1px solid #a5a5a5; background-color:rgba(0,0,0, 0.1); }
					.ft_color .choice_win .man .info .color_16 .in {font-size:12px; white-space:nowrap;}
						.ft_color .choice_win .man .info .color_16 .in input {width:68px; height:24px; font-size:13px; padding:0 0 0 1px; margin:0 0 0 1px; border:1px solid #000000; border-radius:3px 0 0 3px;}
						.ft_color .choice_win .man .info .color_16 .in input:focus {outline:none;}
					.ft_color .choice_win .man .info .color_16 .res {}
						.ft_color .choice_win .man .info .color_16 .res .view {background:url(/allpack/modules/core/fields/style-general/img/ft_color_not.svg); width:24px; height:24px; border:1px solid #000000; border-left:0; border-radius:0 3px 3px 0; box-siz ing:border-box; overflow:hidden;}
							.ft_color .choice_win .man .info .color_16 .res .view .clr {width:inherit; height:inherit;}


					.ft_color .choice_win .man .info .color_10 {padding:10px 0 0 0; font-size:12px;}
						.ft_color .choice_win .man .info .color_10 div {display:inline-block; font-weight:bold; width:37px;}
						.ft_color .choice_win .man .info .color_10 div[r] {color:#ff0000;}
						.ft_color .choice_win .man .info .color_10 div[g] {color:#008000;}
						.ft_color .choice_win .man .info .color_10 div[b] {color:#0000ff;}
							.ft_color .choice_win .man .info .color_10 div span {display:inline-block; font-weight:normal; color:#000000;}

					.ft_color .choice_win .man .info .kit {display:flex; flex-wrap:wrap;}
						.ft_color .choice_win .man .info .kit .view {background:url(/allpack/modules/core/fields/style-general/img/ft_color_not.svg); border:1px solid #000000; margin-top:3px; margin-right:3px; border-radius:100%;}
						.ft_color .choice_win .man .info .kit .view:hover {box-shadow:0px 0px 3px 0px #000000;}
							.ft_color .choice_win .man .info .kit .view .clr {width:16px; height:16px; border-radius:100%; cursor:pointer;}



@media screen and (max-width:480px) {
	.ft_color .choice_win {padding:10px;}
		.ft_color .choice_win .shade {margin-right:10px;}
			.ft_color .choice_win .shade .shade_view {width:150px; height:150px;}
		.ft_color .choice_win .hue {margin-right:10px;}
			.ft_color .choice_win .hue .hue_view {width:20px; height:150px;}

		.ft_color .choice_win .alfa {margin-right:10px;}
			.ft_color .choice_win .alfa .alfa_scale {width:20px; height:150px;}


		.ft_color .choice_win .man .info .color_16 .in input {width:55px; height:16px; font-size:11px;}
		.ft_color .choice_win .man .info .color_16 .res .view {width:16px; height:16px;}

		.ft_color .choice_win .man .info .color_10 {font-size:10px;}
			.ft_color .choice_win .man .info .color_10 div {width:30px;}
}	






.ft_box_cell {display:flex; flex-direction:column; column-gap:80px; row-gap:80px; width:100%;}




	/* Круглая форма выбора цвета */
.ft_color.circle {}
	.ft_color.circle .types_clr {}
		.ft_color.circle .types_clr .type {}
			.ft_color.circle .types_clr .type .clr {width:16px; height:16px; border-radius:8px;}
		.ft_color.circle .types_clr .clr_area {border-radius:100%; border:2px solid #000000;}




/********************** КАЛЕНДАРЬ **********************/
.picker {}
	.picker .view {border:1px solid #aaaaaa; line-height:100%; padding:4px 8px; cursor:pointer;}


	.picker .cld {position:absolute; z-index:9500; padding:12px; margin:0px; background:#ffffff; border:1px solid #cccccc; border-radius:8px; box-shadow:0 0 24px #00000040;}
		.picker .cld .header {display:flex; column-gap:12px; justify-content:space-between; align-items:center;}
			.picker .cld .header .buttons {display:flex; column-gap:4px;}
				.picker .cld .header .buttons .but {display:flex; align-items:center; justify-content:center; background:#eeeeee; line-height:100%; color:#000000; width:32px; height:32px; margin:0px; padding:0px; border-radius:50%; cursor:pointer;}
				.picker .cld .header .buttons .but:hover {background:#dddddd;}
				.picker .cld .header .buttons .but.prev {}
				.picker .cld .header .buttons .but.next {}
				.picker .cld .header .buttons .mdi {width:24px; height:24px;}


			.picker .cld .header .selected {display:flex; column-gap:8px; width:100%;}
				.picker .cld .header .selected .mm {font-size:18px; font-weight:500;}
				.picker .cld .header .selected .yy {font-size:18px; font-weight:500;}


			.picker .cld .header .close {cursor:pointer;}
				.picker .cld .header .close .mdi {width:28px; height:28px;}




		.picker .cld .week {background:#dddddd; display:grid; grid-template-columns:repeat(7, 1fr); column-gap:4px; border-radius:4px; margin:16px 0 0 0;}
			.picker .cld .week .day {text-align:center; font-size:14px; line-height:28px; font-weight:600;}
			.picker .cld .week .day.weekend {color:#ff0000;}

		.picker .cld .date-picker {display:grid; grid-template-columns:repeat(7, 1fr); row-gap:4px; column-gap:4px; font-size:14px; margin:16px 0 0 0;}
			.picker .cld .date-picker .day {display:flex; align-items:center; justify-content:center; width:32px; height:32px; font-weight:400; line-height:100%; border-radius:8px; box-shadow:inset 0 0 0 1px #cccccc; transition:all 0.2s ease-out;}
			.picker .cld .date-picker .day.prev {box-shadow:none;}
			.picker .cld .date-picker .day.next {box-shadow:none;}
			.picker .cld .date-picker .day.past {opacity:0.5;}

			.picker .cld .date-picker .day.today {outline:2px solid #00aa00; box-shadow:none;}

			.picker .cld .date-picker .day:hover {box-shadow:inset 0 0 0 4px #bbbbbb; border-radius:20px;}

			.picker .cld .date-picker .day.selected {box-shadow:inset 0 0 0 20px #3b82f6; color:#ffffff; border-radius:20px;}

			.picker .cld .date-picker .day[onclick] {cursor:pointer;}
				.picker .cld .date-picker .day * {transition:inherit;}

		.picker .cld .footer {display:flex; margin:16px 0 0 0;}
			.picker .cld .footer .time-picker {font-size:20px;}

			.picker .cld .footer .dash {display:flex; justify-content:center; column-gap:4px; flex-grow:1;}
				.picker .cld .footer .dash .but {background:#eeeeee; line-height:100%; font-size:16px; color:#555555; padding:8px 12px; border-radius:8px; cursor:pointer;}
				.picker .cld .footer .dash .but:hover {background:#dddddd;}



.time-picker {display:flex; align-items:center; width:100%; font-size:14px; color:#444444;}
	.time-picker .select {text-decoration:underline; text-decoration-color:#888888; text-decoration-style:dotted; text-decoration-thickness:1px; cursor:pointer;}
	.time-picker .select:hover {text-decoration-color:#ff0000; text-decoration-style:solid;}
	.time-picker .hh {padding:0 2px 0 0;}
	.time-picker .mi {padding:0 0 0 2px;}

	.time-picker .up_time {display:grid; grid-template-columns:repeat(6, 1fr); position:absolute; z-index:9500; padding:12px; margin:0px; background:#ffffff; border:1px solid #cccccc; border-radius:8px; box-shadow:0 0 24px #00000040;}
		.time-picker .up_time .time {display:flex; justify-content:flex-end; align-items:flex-end; column-gap:2px; padding:12px 20px; border-radius:8px; cursor:pointer;}
		.time-picker .up_time .time.now {outline:2px solid #00aa00; box-shadow:none;}
		.time-picker .up_time .time:hover {background:#eeeeee;}
		.time-picker .up_time .time.selected {box-shadow:inset 0 0 0 24px #3b82f6; border-radius:24px;}

			.time-picker .up_time .time .hour {font-size:14px; color:#888888; line-height:100%;}
			.time-picker .up_time .time .colon {font-size:14px; color:#555555; line-height:100%;}
			.time-picker .up_time .time .minute {font-size:14px; color:#888888; line-height:100%;}
			.time-picker .up_time .time .main {font-size:20px; color:#555555;}

			.time-picker .up_time .time.selected .hour,
			.time-picker .up_time .time.selected .colon,
			.time-picker .up_time .time.selected .minute,
			.time-picker .up_time .time.selected .main {color:#ffffff;}














.is_on[is='1'] {font-weight:bold; color:#009900;}




.measure {display:flex; flex-direction:row; align-items:stretch; justify-content:flex-start; height:24px;}

	.measure .num {display:flex; align-items:center; justify-content:flex-end; font-size:14px; line-height:100%; padding:0 2px; min-width:24px; cursor:text; box-sizing:border-box;}
	.measure .num:hover {box-shadow:0px 0px 1px 1px #00000060;}
	.measure .num:focus {box-shadow:0px 0px 1px 2px #ff0000b0; outline:none;}
	.measure .unit {display:flex; align-items:center; justify-content:flex-start; font-size:14px; line-height:100%; text-decoration:underline dotted; text-decoration-color:#aaaaaa; padding:0 2px; cursor:pointer;}
	.measure .unit:hover {text-decoration:underline solid; color:#ff0000;}

	.measure .unit_ls {background:#ffffff; position:absolute; z-index:7500; display:flex; flex-direction:column; box-shadow:0px 0px 12px 0px #00000050;}
		.measure .unit_ls:after {content:""; position:absolute; z-index:1; top:-20px; right:-20px; bottom:-20px; left:0px;}
		.measure .unit_ls .item {position:relative; z-index:2; display:flex; flex-direction:row; align-items:center; column-gap:4px; row-gap:4px; padding:10px 16px; cursor:pointer;}
		.measure .unit_ls .item:hover {background:#eeeeee;}
		.measure .unit_ls .item.use {background:#555555;}
			.measure .unit_ls .item .title {font-size:14px; line-height:100%; color:#000000;}
			.measure .unit_ls .item.use .title {color:#ffffff;}


	.measure input[value="0"] ~ .num,
	.measure input[value="0"] ~ .unit {opacity:0.4;}

	.measure input[value="0"] ~ .num:focus,
	.measure input[value="0"] ~ .num:focus ~ .unit {opacity:1;}

.cp_dtl .lsf .f_group > f > .measure {margin:-3px 0 -3px -2px;}



.measure_copy_source {box-shadow:0 0 2px 0px #00ff00;}
.measure_copy_val {box-shadow:0 0 2px 0px #ff0000; animation:blik_measure_copy_val 0.5s linear 1;}

@keyframes blik_measure_copy_val {
	0% {box-shadow:0 0 0px 0px #ff0000;}
	30% {box-shadow:0 0 10px 3px #ff0000;}
	100% {box-shadow:0 0 2px 0px #ff0000;}
}







.map {}
	.map .mode {}
		.map .mode .item {display:inline-block; cursor:pointer; text-decoration:underline; text-decoration-style:dashed;}
		.map .mode .item + .item {margin-left:30px;}
		.map .mode .item:hover {color:#ff0000; text-decoration-style:solid;}

		.map .mode .item.open {text-decoration-style:solid;}
	.map .include {}
		.map .include iframe {margin:15px 0 0 0;}
		.map .include iframe[src=""] {display:none;}