/*** 11.08.2026 05:30:07 ***/
/***
scb_62
/allpack/modules/core/craft_box/bread/view/bread.css
/allpack/modules/core/craft_box/.general/form.css
/allpack/modules/core/fields/style-general/ft-general.css
/allpack/modules/core/fields/style-special/ft-special.css
/allpack/modules/core/craft_box/form/view/form.css
***/




/**** (/allpack/modules/core/fields/style-general/ft-general.css) 11.08.2026 05:30:07 ****/

	
.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;}


	
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;}






/**** (/allpack/modules/core/fields/style-special/ft-special.css) 11.08.2026 05:30:07 ****/
.access_form {float:left; padding:2px 2px 2px 0; background:#b2b2b6; border-radius: 3px;}
	.access_form .point {padding-left:2px;}
	.access_form .blank {width:4px;}

	.access_form .access {background-color:#ffffff; border-radius: 2px; padding:1px;}

	.access_form .lvl_0 div {background:url(img/access.png) 0 -16px; width:16px; height:16px;}
	.access_form .lvl_1 div {background:url(img/access.png) -16px -16px; width:16px; height:16px;}
	.access_form .lvl_2 div {background:url(img/access.png) -32px -16px; width:16px; height:16px;}
	.access_form .lvl_3 div {background:url(img/access.png) -48px -16px; width:16px; height:16px;}
	.access_form .lvl_4 div {background:url(img/access.png) -64px -16px; width:16px; height:16px;}

	.access_form .lvl_0_h div {background-position: 0 0;}
	.access_form .lvl_1_h div {background-position: -16px 0;}
	.access_form .lvl_2_h div {background-position: -32px 0;}
	.access_form .lvl_3_h div {background-position: -48px 0;}
	.access_form .lvl_4_h div {background-position: -64px 0;}


	.access_form .lvl_0_selected div {background-position: 0 0;}
	.access_form .lvl_1_selected div {background-position: -16px 0;}
	.access_form .lvl_2_selected div {background-position: -32px 0;}
	.access_form .lvl_3_selected div {background-position: -48px 0;}
	.access_form .lvl_4_selected div {background-position: -64px 0;}












.access_api_rule_field {}
	.access_api_rule_field .power_all {padding:0 0 5px 0;}
		.access_api_rule_field .power_all span {color:#000000; border-bottom:1px dashed #000000; cursor:pointer;}

	.access_api_rule_field .used {}
	.access_api_rule_field .not_used {display:none;}
	.access_api_rule_field .fman_name {vertical-align:top; text-align:right; padding:3px 0 0 0;}

	.access_api_rule_field .fjf_choice_source {vertical-align:top; padding:3px 10px;}
	.access_api_rule_field .fjf_form {vertical-align:top; padding:3px 0;}

		.access_api_rule_field .fjf_form .fjf_static {display:none;}
		.access_api_rule_field .fjf_form[source="static"] .fjf_static {display:block;}

		.access_api_rule_field .fjf_form .fjf_dd {display:none;}
		.access_api_rule_field .fjf_form[source="dd"] .fjf_dd {display:block;}

		.access_api_rule_field .fjf_form .fjf_akey {display:none;}
		.access_api_rule_field .fjf_form[source="akey"] .fjf_akey {display:block;}



.access_api_rule_field.display_all {}
	.access_api_rule_field.display_all .not_used {display:table-row;}




.ft_pass {width:250px;}
	.ft_pass .hand {}
	.ft_pass .input {display:none; padding:0 0 4px 0;}
	.ft_pass .input_c {display:none;}
	.ft_pass .gen {display:none; padding:4px 0 0 0;}
	.ft_pass .cancel {display:none; padding:4px 0 0 0;}

	.ft_pass.proc .hand {display:none;}
	.ft_pass.proc .input {display:block;}
	.ft_pass.proc .input_c {display:block;}
	.ft_pass.proc .gen {display:block;}
	.ft_pass.proc .cancel {display:block;}



/**** (/allpack/modules/core/craft_box/.general/form.css) 11.08.2026 05:30:07 ****/

	
.f .str {background:#ffffff; height:48px; width:100%; color:#000000; font-size:20px; outline:0px; border:1px solid #000000; padding:0px 20px;}
.f .str:focus {box-shadow:0px 0px 8px 0px #00000090;}
.f .str[er] {background:#ffe2e2; border-color:#ff0000;}

	
.f .num {background:#ffffff; height:48px; width:100%; color:#000000; font-size:20px; outline:0px; border:1px solid #000000; padding:0px 20px;}
.f .num:focus {box-shadow:0px 0px 8px 0px #00000090;}
.f .num[er] {background:#ffe2e2; border-color:#ff0000;}

	
.f .text {background:#ffffff; height:100px; width:100%; color:#000000; font-size:16px; outline:0px; border:1px solid #000000; padding:10px;}
.f .text:focus {box-shadow:0px 0px 8px 0px #00000090;}
.f .text[er] {background:#ffe2e2; border-color:#ff0000;}


	
.f .idate {height:48px; width:100%;}
	.f .idate .date {background:#ffffff; color:#000000; font-size:20px; outline:0px; width:100%; height:100%; border:1px solid #000000;}
	.f .idate .date:focus {box-shadow:0px 0px 8px 0px #00000090;}
	.f .idate .date[er] {background:#ffe2e2; border-color:#ff0000;}

	.f .idate .c {width:32px; height:32px;}


	
.f .ft_phone {display:inline-flex; align-items:stretch; justify-content:flex-start; background:none; white-space:nowrap; width:100%; height:48px; border:1px solid #000000;}

		
	.craft[id] .contt .f .ft_phone .lsrm[data-eve_ft_lsv],
	.craft[id] .f .ft_phone .lsrm[data-eve_ft_lsv] {width:64px; height:100%; min-height:unset; border:none; border-radius:inherit; border-top-right-radius:0px; border-bottom-right-radius:0px; padding:0px;}


	.f .ft_phone .lsrm::after {display:none;}
	.f .ft_phone .lsrm:hover {background:#e3e5eb;}
		.f .ft_phone .lsrm .slv {justify-content:center;}
			.f .ft_phone .lsrm .slv img {width:24px; height:24px; object-fit:contain;}

	.f .ft_phone input {background:#ffffff; height:100%; width:100%; color:#000000; font-size:20px; outline:0px;  padding:0px 20px 0px 10px; border-radius:inherit; border-top-left-radius:0px; border-bottom-left-radius:0px;}
	.f .ft_phone input:focus {box-shadow:0px 0px 8px 0px #00000090;}

.f .ft_phone[er] {border-color:#ff0000;}
	.f .ft_phone[er] input {background:#ffe2e2;}



	
.f .lsrm {background:#f5f5f5; width:100%; min-height:48px; height:auto; border:1px solid #000000; padding:0px 20px;}
.f .lsrm[er] {background:#ffe2e2; border-color:#ff0000;}
.f .lsrm:after {right:15px; top:50%; border:5px solid transparent; border-top:5px solid #989898; margin-top:-2px;}
	.f .lsrm .slv {color:#000000; font-size:20px;}
		.f .lsrm .slv img {height:16px; object-fit:contain; margin:0px 16px;}






	
.f .lsvb {}
	.f .lsvb .item {padding:8px;}

		.f .lsvb .item input[type=checkbox],
		.f .lsvb .item input[type=radio] {position:absolute; opacity:0; padding:0; margin:0; width:1px; height:1px; display:block;}
		.f .lsvb .item input[type=checkbox] + label,
		.f .lsvb .item input[type=radio] + label {position:relative; padding:0px; cursor:pointer; display:block;}

		.f .lsvb .item input[type=checkbox] + label:before {content:''; display:block; background:#ffffff; border:1px solid #000000; width:20px; height:20px; border-radius:3px; box-sizing:border-box;}
		.f .lsvb .item input[type=radio] + label:before {content:''; display:block; background:#ffffff; border:1px solid #000000; width:20px; height:20px; border-radius:100%; box-sizing:border-box;}

		.f .lsvb .item input[type=checkbox]:checked + label:after,
		.f .lsvb .item input[type=radio]:checked + label:after {content:''; position:absolute;}
		.f .lsvb .item input[type=checkbox]:checked + label:after {top:9px; left:1px; border:4px solid #000000; border-top:0; border-right:0; width:11px; height:6px; border-radius:1px; transform-origin:top left; transform:rotate(-45deg);}
		.f .lsvb .item input[type=radio]:checked + label:after {top:25%; left:25%; background:#000000; width:50%; height:50%; border-radius:100%; border:0; transform:unset;}


		.f .lsvb .item input[type=checkbox]:active + label:before,
		.f .lsvb .item input[type=radio]:active + label:before {box-shadow:0 0 8px 2px #bbbbbb;}
		.f .lsvb .item input[type=checkbox]:focus + label:before,
		.f .lsvb .item input[type=radio]:focus + label:before {box-shadow:0 0 8px 2px #bbbbbb;}



		.f .lsvb .item .name {color:#000000; font-size:16px; padding:0px 0px 0px 12px;}
		.f .lsvb .item .des {color:#777777; font-size:14px; padding:4px 0px 0px 0px;}

.f .lsvc {}
	.f .lsvc .area {}
	.f .lsvc .area::-webkit-scrollbar {display:none;}

	.f .lsvc .item {}
		.f .lsvc .item .mdi {width:16px; height:16px;}


	
.f .ft_pass {height:auto; width:100%;}
	.f .ft_pass input {background:#ffffff; height:40px; width:100%; color:#000000; text-align:left; font-size:16px; outline:0px; margin:0px; border:1px solid #000000; padding:0px 20px;}
	.f .ft_pass input:focus {box-shadow:0px 0px 8px 0px #00000090;}

	.f .ft_pass .hand {font-size:16px; color:#777777;}
		.f .ft_pass .hand a {text-decoration:underline dashed 1px;}
		.f .ft_pass .hand a:hover {text-decoration:underline solid;}

	.f .ft_pass .cancel {font-size:16px; color:#777777;}
		.f .ft_pass .cancel a {text-decoration:underline dashed 1px;}
		.f .ft_pass .cancel a:hover {text-decoration:underline solid;}


	.f .ft_pass .gen {font-size:16px; color:#777777;}
		.f .ft_pass .gen a {text-decoration:underline dashed 1px;}
		.f .ft_pass .gen a:hover {text-decoration:underline solid;}


.f .checkbox {position:absolute; opacity:0; left:-9999px; width:0px; height:0px;}
.f .checkbox + label {position:relative; width:auto; height:auto; color:#000000; font-size:15px; line-height:120%; padding:0px 0px 0px 22px; cursor:pointer;}
.f .checkbox + label:before {content:''; position:absolute; top:0px; left:0px; background:linear-gradient(135deg, #F3F3F3, #C8C8C8); border:1px solid #606060; width:16px; height:16px; border-radius:3px;}
.f .checkbox:checked + label:after {content:''; position:absolute; top:7px; left:0px; border:4px solid #1e8407; border-top:0; border-right:0; width:11px; height:6px; border-radius:1px; transform-origin:top left; transform:rotate(-45deg);}
.f .checkbox:active + label:before {box-shadow:0 0 0 1px #b9b9b9;}
.f .checkbox:focus + label:before {box-shadow:0 0 2px 1px #b9b9b9;}



/**** (/allpack/modules/core/craft_box/bread/view/bread.css) 11.08.2026 05:30:07 ****/
.bread {display:flex; flex-wrap:wrap; column-gap:8px; row-gap:8px; padding:8px;}
.contt.bread {padding:8px;}
	.bread .contt {height:100%;}

	.bread .back {display:flex; justify-content:inherit; align-items:inherit; column-gap:8px; row-gap:8px; list-style-type:none; color:#000000; font-size:14px; line-height:100%;}
		.bread .back .lrp {display:flex; flex-direction:inherit; flex-wrap:inherit; justify-content:inherit; align-items:inherit; column-gap:8px; row-gap:8px;}
		.bread .back .mdi {display:block; fill:#000000; width:16px; height:16px; object-fit:contain;}


	.bread .crumb {display:flex; justify-content:inherit; align-items:inherit; column-gap:8px; row-gap:8px; list-style-type:none; color:#000000; font-size:14px; line-height:100%;}
		.bread .crumb .lsv_clr {width:12px; height:12px; vertical-align:baseline;}

	.bread .main {}
		.bread .main .lrp {display:flex; flex-direction:inherit; flex-wrap:inherit; justify-content:inherit; align-items:inherit; column-gap:8px; row-gap:8px;}
		.bread .main .mdi {display:block; fill:#000000; width:16px; height:16px; object-fit:contain;}




/**** (/allpack/modules/core/craft_box/form/view/form.css) 11.08.2026 05:30:07 ****/
.form {display:flex; flex-direction:column; flex-wrap:nowrap; justify-content:flex-start; align-items:stretch; column-gap:32px; row-gap:32px; grid-template-columns:1fr; grid-template-rows:1fr;}
	.form .title {font-size:32px; font-weight:500; padding:20px 0px 32px 0px;}
	.form .description {font-size:24px; font-weight:300; padding:0px 0px 20px 0px;}


	.form .success {display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; column-gap:32px; row-gap:32px;}
		.form .success .msg {display:flex; justify-content:flex-start; align-items:center; column-gap:12px; row-gap:12px;}
			.form .success .msg .view {display:block; fill:#000000; width:32px; height:auto; object-fit:contain;}
				.form .success .msg .view path {fill:inherit;}
			.form .success .msg .t {font-size:24px; line-height:100%; font-weight:500;}

		.form .success .continue {display:flex; align-items:center; justify-content:center; background:#000000; min-height:48px; padding:0 20px; cursor:pointer;}
			.form .success .continue .n {color:#ffffff; font-size:16px; line-height:100%;}




	.form .error {color:#e60000; font-size:24px;}
		.form .error div {padding:0px 0px 15px;}

		
	.form .inar {display:grid; flex-direction:column; flex-wrap:nowrap; justify-content:flex-start; align-items:stretch; column-gap:32px; row-gap:32px; grid-template-columns:1fr; grid-template-rows:1fr;}

	.form .f {display:flex; grid-template-columns:1fr; grid-template-rows:1fr; flex-direction:column; justify-content:flex-start; align-items:stretch; flex-wrap:nowrap; column-gap:12px; row-gap:8px;}
	.form .f.hide {display:none;}

		.form .f .n {color:#000000; font-size:16px;}
		.form .f.er .n {color:#ff0000;}

		.form .f[confirm=y] .n:after {content:""; display:inline-block; width:24px; height:24px; background:url(img/confirm.svg) center center no-repeat;}
			.form .f .n .des {color:#000000; text-align:right; font-size:14px; padding:5px;}

		.form .f .v {display:flex; align-items:flex-start; justify-content:flex-start; min-width:25%; font-size:20px;}
			.form .f .v .clarify {white-space:nowrap;}



		.form .up_f {position:relative; z-index:10;}
		.form .up_f:before{content:""; position:absolute; z-index:20; animation:load_form_up_f 1.0s linear 1; top:-2px; bottom:-2px; left:100%; right:-1%; background:#26cc60; border-radius:2px; opacity:0.7;}

		.form .up_nf {position:relative;}
		.form .up_nf:before{content:""; position:absolute; top:-2px; bottom:-2px; left:100%; right:-1%; background:#26cc60; border-radius:2px; opacity:0.7;}



	.form .save {display:flex; align-items:flex-start; justify-content:flex-start;}
		.form .save .but {display:flex; align-items:center; justify-content:center; background:#000000; min-width:220px; min-height:48px;  cursor:pointer;}
		.form .save .but.wait {position:relative; color:transparent;}
		.form .save .but.wait:after {content:''; position:absolute; z-index:19; top:50%; left:50%; width:24px; height:24px; border:4px solid #ffffff52; border-top-color:#ffffff; border-radius:100%; margin:-12px 0 0 -12px; animation:rotation 0.9s linear infinite;}
			.form .save .but .n {color:#ffffff; font-size:16px; line-height:100%;}




@keyframes load_form_up_f {
	0% {left:-1%; right:100%; opacity:0.3;}
	45% {left:-1%; right:-1%;}
	90% {left:100%; right:-1%; opacity:0.3;}
	100% {opacity:0.7;}
}


/**** (scb_62) 11.08.2026 05:30:07 ****/

.b62.craft.stu {padding:10px 0px;}