/*!THIS IS AUTO GENERATED FILE !*/

label {cursor:pointer;-webkit-tap-highlight-color: transparent;}

/* CHECKBOX CLASSIC */
.kitui-checkbox{display:none;}
.kitui-checkbox + label {position:relative;display:inline-block;vertical-align:middle;width:20px;height:20px;border-radius:3px;background:var(--checkbox-bg);border:1px solid var(--kitui-checkbox-border);}
.kitui-checkbox + label:after {box-sizing:border-box;content:'';position:absolute;left:50%;top:50%;height:12px;width:7px;margin:-7px 0 0 -3px;border-bottom:3px solid var(--checkbox-check-bg);border-right:3px solid var(--checkbox-check-bg);transform:rotate(45deg);opacity:0;visibility:hidden;transition:all 0.1s linear;}
.kitui-checkbox:checked + label{background:var(--kitui-checked-bg);border:none;}
.kitui-checkbox:checked + label:after {visibility:visible;opacity:1;}

/* CHECKBOX SWITCHER */
.kitui-checkbox.switcher + label {position:relative;display:inline-block;vertical-align:middle;width:40px;height:20px;border-radius:10px;background:var(--checkbox-bg);border:1px solid var(--kitui-switcher-border);}
.kitui-checkbox.switcher + label:after {content:'';box-sizing:border-box;position:absolute;left:2px;top:50%;height:16px;width:16px;margin:-8px 0 0 0;border-radius:50%;background:var(--kitui-switcher-bg);border:1px solid var(--kitui-switcher-border);transition:all 0.1s linear;visibility:visible;opacity:1;transform:none;}
.kitui-checkbox.switcher:checked + label:after {left:20px;background: var(--kitui-switcher-active-bg);border:none;}

/* RADIO TYPE 1 */
.kitui-radio {display:none;}
.kitui-radio + label {position:relative;display:inline-block;vertical-align:middle;width:20px;height:20px;border-radius:10px;background:var(--radio-bg);border:1px solid var(--kitui-radio-border);}
.kitui-radio + label:after {content:'';position:absolute;left:50%;top:50%;height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--radio-check-bg);transition:all 0.1s linear;visibility:hidden;opacity:0;}
.kitui-radio:checked + label:after {visibility:visible;opacity:1;background:var(--kitui-radio-checked-bg);}

/* RADIO TYPE 2 */
.kitui-radio.type2 + label {position:relative;display:inline-block;vertical-align:middle;width:20px;height:20px;border-radius:3px;background:var(--radio-bg);border:1px solid var(--kitui-radio-border);margin-right:10px;}
.kitui-radio.type2 + label:after {box-sizing:border-box;content:'';position:absolute;left:50%;top:50%;height:12px;width:7px;margin:-7px 0 0 -3px;border-bottom:3px solid var(--radio-check-bg);border-right:3px solid var(--radio-check-bg);transform:rotate(45deg);opacity:0;visibility:hidden;transition:all 0.1s linear;}
.kitui-radio.type2:checked + label{background:var(--kitui-radio-checked-bg);border:none;}
.kitui-radio.type2:checked + label:after {visibility:visible;opacity:1;background: none;border-radius: 0;}

/* SELECT */
.kitui-select {position:relative;display:inline-block;width:300px;max-width:100%;}
.kitui-select-area-blocked .kitui-select {display: block}
.kitui-select .selected {width:100%;border:1px solid var(--kitui-select-border);border-radius:4px;background:var(--kitui-select-bg);padding:0 40px 0 10px;position:relative;height:35px;line-height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;}
.kitui-select .selected.placeholder {color:var(--kitui-placeholder-color);}
.kitui-select .selected::after {content:'';box-sizing:border-box;position:absolute;top:50%;margin-top:-4px;right:12px;border-top:8px solid var(--kitui-select-arrow-border);border-left:5px solid transparent;border-right:5px solid transparent;}
.kitui-select .selected i, .kitui-select .selected .path {display:none;}
.kitui-select .options {display:none;position:absolute;z-index:10;width:100%;background:var(--kitui-select-dropdown-bg);border:1px solid var(--kitui-dropdown-border);border-radius:0 0 4px 4px;}
.kitui-select.open .options{display:block;}
.kitui-select.open .selected::after {transform:rotate(180deg);}
.kitui-select .options > span {display:block;width:100%;padding:10px;height:50px;}
.kitui-select .options > span input {display:block;width:100%;padding:0 5px;height:30px;line-height:30px;border:1px solid var(--kitui-input-border);border-radius:3px;}
.kitui-select .options > ul {list-style:none;display:block;margin:0;padding:0;max-height:200px;overflow:auto;width:100%;}
.kitui-select .options > ul li {display:block;width:100%;cursor:pointer;position:relative;padding:5px 10px;}
.kitui-select .options > ul li.placeholder {color: var(--kitui-placeholder-color);}
.kitui-select .options > ul li:hover,.kitui-select .options > ul li.active {background: var(--kitui-select-hover-bg);}
.kitui-select .options > ul li.active {padding-left:25px;}
.kitui-select .options > ul li.placeholder.active {padding-left:10px;background:var(--select-active-bg);}
.kitui-select .options > ul li.placeholder:hover {background: var(--kitui-select-hover-bg);}
.kitui-select .options > ul li.active::before {content:'';box-sizing:border-box;position:absolute;left:12px;top:50%;height:8px;width:5px;margin:-5px 0 0 0;border-bottom:2px solid var(--kitui-select-check-color);border-right:2px solid var(--kitui-select-check-color);transform:rotate(45deg);}
.kitui-select .options > ul li.placeholder.active::before {display:none;}
.kitui-select .options > ul li.optgroup {font-weight:bold;cursor:default;}
.kitui-select .options > ul li.optgroup:hover {background:var(--select-active-bg);}
.kitui-select .options > ul li.hidden {display:none;}
.kitui-select .options > ul li i, .kitui-select .options > ul li .path {font-style:italic;font-size:12px;color:var(--dropdown-info-color);}
.kitui-select .options .close {display:none;}
.kitui-select .options .apply {display:none;}

/* FILE */
.kitui-filename {position:relative;display:inline-block;width:300px;}
.kitui-filename label {display:flex;justify-content:space-between;width:100%;border:1px solid var(--kitui-filename-border);border-radius:3px;background:var(--kitui-file-label);padding:0 40px 0 10px;position:relative;height:40px;line-height:40px;overflow:hidden;cursor:pointer;}
.kitui-filename label .value {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: var(--kitui-file-value);}
.kitui-filename.active label .value {color:inherit;}
.kitui-filename label .size {font-size:80%;margin-left:10px;font-style:italic;white-space:nowrap;color: var(--kitui-file-size);}
.kitui-filename .clear {position:absolute;right:0;top:0;width:40px;height:40px;cursor:pointer;display:none;}
.kitui-filename .clear::before {content:'\00D7'/*'\0274c'*/;height:40px;line-height:40px;width:40px;display:block;text-align:center;font-size:20px;color:var(--kitui-close-color);}
.kitui-filename.active .clear {display:block;}

@media (max-width: 720px) {

	.kitui-select .options {z-index:10000;position:fixed;top:0;left:0;width:100%;height:100%;padding:10px 0 65px 0;border:none;}
	.kitui-select.with-search .options {padding-bottom:115px;}
	.kitui-select .options > span {padding-right:55px;}
	.kitui-select .options > ul {max-height:100%;}
	.kitui-select .options > ul li,.kitui-select .options > ul li.active {padding:9px 45px 9px 36px;background:none;}
	.kitui-select .options > ul li:hover {background:var(--kitui-select-hover-bg);}
	.kitui-select .options > ul li.active::before {z-index:2;left:16px;top:50%;height:12px;width:7px;margin:-7px 0 0 -2px;border-bottom:3px solid var(--kitui-mobile-select-check-bg);border-right:3px solid var(--kitui-mobile-select-check-bg);transform:rotate(45deg);}
	.kitui-select .options > ul li::after {z-index:1;content:'';box-sizing:border-box;position:absolute;left:8px;top:50%;margin-top:-10px;width:20px;height:20px;border-radius:3px;background:var(--kitui-mobile-select-check-bg);border:1px solid var(--kitui-checkbox-border);}
	.kitui-select .options > ul li.active::after {background:var(--kitui-mobile-select-checked-bg);border:none;}
	.kitui-select .options > ul li.placeholder {padding-left:8px;}
	.kitui-select .options > ul li.placeholder::before,.kitui-select .options > ul li.placeholder::after {display:none;}

	.kitui-select .options .close {display:block;position:absolute;cursor:pointer;width:42px;height:42px;top:10px;right:10px;transform:rotate(45deg);z-index:100;-webkit-tap-highlight-color: rgba(0,0,0,0);}
	.kitui-select .options .close::before{content:'';position:absolute;top:50%;left:50%;margin:-1px 0 0 -11px;height:2px;width:22px;background:var(--kitui-mobile-close-color);}
	.kitui-select .options .close::after{content:'';position:absolute;left:50%;top:50%;margin:-11px 0 0-1px;width:2px;height:22px;background:var(--kitui-mobile-close-color);}
	.kitui-select .options .apply {display:block;position:absolute;bottom:15px;width:100%;padding:0 8px;}
	.kitui-select .options .apply .button {display:inline-block;padding:0 15px;border-radius:4px;color:var(--kitui-mobile-select-button-color);background:var(--kitui-mobile-select-button-bg);font-size:16px;font-weight:bold;text-align:center;height:35px;line-height:35px;text-decoration:none;-webkit-appearance: unset; -moz-appearance: unset; border: 0; box-shadow: unset; cursor: pointer; width:100%;}

	}