/*!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:#fff;border:1px solid #ccc;}
.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 #fff;border-right:3px solid #fff;transform:rotate(45deg);opacity:0;visibility:hidden;transition:all 0.1s linear;}
.kitui-checkbox:checked + label{background:#F72561;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:#fff;border:1px solid #ccc;}
.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:#ebebeb;border:1px solid #ccc;transition:all 0.1s linear;visibility:visible;opacity:1;transform:none;}
.kitui-checkbox.switcher:checked + label:after {left:20px;background:#3390ff;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:#fff;border:1px solid #ccc}
.kitui-radio + label:after {content:'';position:absolute;left:50%;top:50%;height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;transition:all 0.1s linear;visibility:hidden;opacity:0;}
.kitui-radio:checked + label:after {visibility:visible;opacity:1;background:#F72561;}

/* RADIO TYPE 2 */
.kitui-radio.type2 + label {position:relative;display:inline-block;vertical-align:middle;width:20px;height:20px;border-radius:3px;background:#fff;border:1px solid #ccc;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 #fff;border-right:3px solid #fff;transform:rotate(45deg);opacity:0;visibility:hidden;transition:all 0.1s linear;}
.kitui-radio.type2:checked + label{background:#F72561;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 .selected {width:100%;border:1px solid #ccc;border-radius:4px;background:#fff;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:#888;}
.kitui-select .selected::after {content:'';box-sizing:border-box;position:absolute;top:50%;margin-top:-4px;right:12px;border-top:8px solid #ccc;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:#fff;border:1px solid #ccc;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 #ccc;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:#888;}
.kitui-select .options > ul li:hover,.kitui-select .options > ul li.active {background:#ebebeb;}
.kitui-select .options > ul li.active {padding-left:25px;}
.kitui-select .options > ul li.placeholder.active {padding-left:10px;background:#fff;}
.kitui-select .options > ul li.placeholder:hover {background:#ebebeb;}
.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 #333;border-right:2px solid #333;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:#fff;}
.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:#7e7e7e;}
.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 #ccc;border-radius:3px;background:#fff;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:#888;}
.kitui-filename.active label .value {color:inherit;}
.kitui-filename label .size {font-size:80%;margin-left:10px;font-style:italic;white-space:nowrap;color:#888;}
.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:#ccc;}
.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:#ebebeb;}
	.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 #fff;border-right:3px solid #fff;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:#fff;border:1px solid #ccc;}
	.kitui-select .options > ul li.active::after {background:#F72561;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:#9b9b9b;}
	.kitui-select .options .close::after{content:'';position:absolute;left:50%;top:50%;margin:-11px 0 0-1px;width:2px;height:22px;background:#9b9b9b;}
	.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:#fff;background:#F72561;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%;}

	}