@charset "utf-8";


/* input-label */
.input-label{position:relative;display:inline-block;}
.input-label:after{display:block;visibility:hidden;clear:both;content:""}
.input-label:not(:first-child){margin-left:5px;}
.input-label.span + .input-label.span{margin-left:0;margin-top:10px;}

.input-label:not(.span) .label{position:relative;display:inline-block;float:left;vertical-align:top;height:48px;line-height:48px;padding:0 10px;color:rgba(53,57,69,0.8);font-size:13px;font-weight:400;border:1px solid rgba(0,0,0,0.35);background:rgba(53,57,69,0.02);z-index:2;}
.input-label:not(.span).focus .label{color:#fff;background:rgba(71,78,103,0.85);}

.input-label:not(.span) .label:first-child{border-right:0;border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:0;border-bottom-right-radius:0;}
.input-label:not(.span) .label:last-child{border-left:0;float:right;border-top-right-radius:3px;border-bottom-right-radius:3px;border-top-left-radius:0;border-bottom-left-radius:0;}
.input-label.left-label input, .input-label.left-label .bootstrap-select .btn{border-top-left-radius:0;border-bottom-left-radius:0;}
.input-label.right-label input, .input-label.right-label .bootstrap-select .btn{border-top-right-radius:0;border-bottom-right-radius:0;}

.input-label.focus span{background:rgba(53,57,69,0.4);color:#fff;}
.input-label.mini span, .input-label .label.mini{height:25px;line-height:26px;padding:0 4px;}
.input-label.small span, .input-label .label.small{height:28px;line-height:28px;padding:0 5px;}
.input-label.large span, .input-label .label.large{height:42px;line-height:42px;padding:0 10px;font-size:14px;font-weight:600;}
.input-label .label.yellow{color:#614531;background:#fff8a5;}
.input-label .label.light{color:#50505d;background:#fff;}

.input-label .label.dark{color:#fff;background:#a3a6b3;}
.input-label.left-label .label.dark + .bootstrap-select .btn{border-left:0;}

.input-label.span{position:relative;display:inline-block;display:inline-flex;align-items:center;border:1px solid rgba(0,0,0,0.35);background:#fff;border-radius:3px;}
.input-label.span input{border:0 !important;box-shadow:none !important;padding-left:0 !important;}
.input-label.span.focus{border-color:rgba(0,0,0,0.65);box-shadow:0 4px 4px rgba(0,0,0,0.05);}
.input-label.span:after{display:block;visibility:hidden;clear:both;content:""}
.input-label.span:not(:first-child){margin-left:5px;}

.input-label.span .label{position:relative;display:inline-flex;align-items:center;height:20px;padding:0 5px;margin:0 10px;color:#fff;background:rgba(71,78,103,0.25);font-size:10px;font-weight:400;border-radius:3px;z-index:2;}
.input-label.span .label:last-child{float:right;}

.input-label.span{display:flex;}
.input-label.span input{flex:1;}


/*──────────────── mySelect ────────────────*/
.mySelect:not(.default){text-decoration:none;display:flex;align-items:center;position:relative;border:1px solid rgba(0,0,0,0.4);background:#fff;border-radius:3px;height:48px;}
.mySelect:not(.default):after{content:'\e3d9';font-family:'intaeFont';display:block;position:absolute;right:0;top:0;z-index:6;width:40px;height:100%;padding:0;margin:0;font-size:20px;color:#818283;
text-align:center;display:flex;align-items:center;justify-content:center;pointer-events:none;}
.mySelect:not(.default) select{padding-right:43px;flex:1;border:0 !important;background:transparent;box-shadow:none !important;}
.mySelect:not(.default) .label + select{padding-left:0 !important;}
.mySelect:not(.default) select::-ms-expand{display:none;}
.mySelect:not(.default) .label{position:relative;display:inline-flex;align-items:center;height:20px;padding:0 5px;margin:0 10px;color:#fff;background:rgba(71,78,103,0.25);font-size:10px;font-weight:400;border-radius:3px;z-index:2;}



/*──────────────── Radio & Checkbox ────────────────*/
input[type="checkbox"] {margin-right:10px;display:none;}
input[type="radio"] {margin-right:10px;display:none;}

input[type="checkbox"] + span{display:inline-block;vertical-align:middle;width:23px;height:23px;background:#cacaca;border-radius:5px;cursor:pointer;text-align:center;color:rgba(255,255,255,0.6);display:inline-flex;align-items:center;justify-content:center;}
input[type="checkbox"].large + span{width:24px;height:24px;line-height:24px;border-radius:7px;}
input[type="checkbox"] + span:before{content:'\e306';font-family:'intaeFont';font-size:17px;font-weight:bold;}
input[type="checkbox"]:hover + span{color:rgba(255,255,255,1);}
input[type="checkbox"]:checked + span{color:rgba(255,255,255,1);background:#1abc9c;}

input[type="checkbox"].round + span{display:inline-block;vertical-align:middle;width:20px;height:20px;background:#fff;border:1px solid rgba(71,78,103,0.2);border-radius:9px;cursor:pointer;text-align:center;color:rgba(71,78,103,0.25);}
input[type="checkbox"].round + span:before{content:'\e306';font-family:'intaeFont';font-size:14px;font-weight:bold;}
input[type="checkbox"].round:hover + span{line-height:22px;color:#fff;background:rgba(71,78,103,0.2);border:0;}
input[type="checkbox"].round:checked + span{line-height:22px;color:#fff;background:#1abc9c;border:0;}
input[type="checkbox"].round.large + span{display:inline-block;vertical-align:middle;width:24px;height:24px;background:#fff;border:1px solid rgba(71,78,103,0.2);border-radius:11px;cursor:pointer;text-align:center;color:rgba(71,78,103,0.25);}
input[type="checkbox"].round.large + span:before{content:'\e306';font-family:'intaeFont';font-size:15px;font-weight:bold;}
input[type="checkbox"].round.large:hover + span{line-height:24px;color:#fff;background:rgba(71,78,103,0.2);border:0;}
input[type="checkbox"].round.large:checked + span{line-height:24px;color:#fff;background:#1abc9c;border:0;}

input[type="checkbox"] + span.num{font-size:14px;font-weight:400;line-height:17px;}
label input[type="checkbox"] + span.num:after{content:attr(data-num);}
label:hover input[type="checkbox"] + span.num:after,
input[type="checkbox"]:checked + span.num:after{display:none;}

input[type="radio"] + span{position:relative;vertical-align:middle;width:22px;height:22px;background:#cacaca;border-radius:50%;cursor:pointer;text-align:center;display:inline-flex;align-items:center;justify-content:center;}
input[type="radio"] + span:before{content:'';display:inline-block;width:7px;height:7px;background:rgba(255,255,255,0.4);border-radius:50%;}
input[type="radio"]:checked + span{background:#1abc9c;}
input[type="radio"]:checked + span:before, label:hover input[type="radio"]:checked + span:before{background:rgba(255,255,255,0.9);}



label.checkbox-btn{position:relative;float:left;width:auto;margin-right:5px;}
label.checkbox-btn input[type="checkbox"] + span:before{font-size:13px;margin-left:-4px;margin-right:4px;}
label.checkbox-btn input[type="checkbox"] + span{position:relative;margin-right:0 !important;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:76px;height:32px;line-height:1em;padding:0 15px;color:#fff;
	font-size:13px;background:rgba(55,71,79,0.2);border-radius:3px;transition:all .2s ease-in-out;}
label.checkbox-btn:hover input[type="checkbox"] + span{background:rgba(55,71,79,0.3);}
label.checkbox-btn:not(:last-child) input[type="checkbox"] + span:after{content:'';position:absolute;top:10px;right:0;display:inline-block;width:1px;height:12px;background:rgba(55,71,79,0.1);}
label.checkbox-btn:hover input[type="checkbox"] + span:after, label.checkbox-btn input[type="checkbox"]:checked + span:after{}
label.checkbox-btn.gray input[type="checkbox"]:checked + span{background:#79909c;}
label.checkbox-btn.blue input[type="checkbox"]:checked + span{background:#4075fb;}
label.checkbox-btn.red input[type="checkbox"]:checked + span{background:#ff5050;}


label.radio-btn{position:relative;float:left;width:auto;}
label.radio-btn input[type="radio"] + span:before{display:none;}
label.radio-btn input[type="radio"] + span{position:relative;margin-right:0 !important;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:76px;height:32px;line-height:1em;padding:0 15px;color:#fff;
	font-size:13px;background:rgba(55,71,79,0.2);border-radius:0;transition:all .2s ease-in-out;}
label.radio-btn:first-child input[type="radio"] + span{border-top-left-radius:4px;border-bottom-left-radius:4px;}
label.radio-btn:last-child input[type="radio"] + span{border-top-right-radius:4px;border-bottom-right-radius:4px;}
label.radio-btn:hover input[type="radio"] + span{background:rgba(55,71,79,0.3);}
label.radio-btn:not(:last-child) input[type="radio"] + span:after{content:'';position:absolute;top:10px;right:0;display:inline-block;width:1px;height:12px;background:rgba(55,71,79,0.1);}
label.radio-btn:hover input[type="radio"] + span:after, label.radio-btn input[type="radio"]:checked + span:after{}
label.radio-btn.gray input[type="radio"]:checked + span{background:#79909c;}
label.radio-btn.blue input[type="radio"]:checked + span{background:#4075fb;}
label.radio-btn.red input[type="radio"]:checked + span{background:#ff5050;}



/*──────────────── input file ────────────────*/
.filebox{font-size:0;position:relative;}
.filebox:after{display:block;visibility:hidden;clear:both;content:""}
.file-info{font-size:13px;color:rgba(71,78,103,0.8);display:inline-block;max-width:calc(100% - 100px);overflow :hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px;}
.file-info + .label-del{margin-left:10px;}



.filebox input[type="file"]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.filebox label.upload-btn{
	font-size:14px;
	font-weight:400;
	height:50px;
	padding:0 15px;	
	text-align:center;
	border:1px solid rgba(71,78,103,0.85);
	background:#fff;
	border-radius:2px;
	overflow:hidden;
	display:inline-flex;align-items:center;justify-content:center;
	}
.filebox label.upload-btn:before{content:'\e0e8';font-family:'intaeFont';font-size:18px;display:inline-block;vertical-align:middle;margin-top:-3px;margin-right:7px;}




.filebox .upImg{clear:both;display:block;max-width:260px;position:relative;overflow:none;}
.filebox .upImg img{max-width:260px;margin-top:5px;}

.filebox .upImg .file-info{position:absolute;bottom:0px;left:265px;font-size:11px;font-weight:200;color:#fff;display:inline-block;height:21px;line-height:22px;padding:0 8px;margin:0;
	background:rgba(71,78,103,0.3);border-radius:2px;/*opacity:0;visibility:hidden;*/transition:all .2s ease-in-out;word-break:keep-all;}
.filebox .upImg .file-info:after{content:'';width:0;height:0;font-size:12px;border-left:4px solid transparent;border-right:4px solid rgba(71,78,103,0.3);border-top:4px solid transparent;border-bottom:4px solid transparent;
	position:absolute;top:50%;right:100%;margin-top:-5px;z-index:2;transition:all .2s ease-in-out;}
.filebox .upImg .file-info:hover{background:rgba(71,78,103,0.6);}
.filebox .upImg .file-info:hover:after{border-right-color:rgba(71,78,103,0.6);}

.filebox .upImg .label-del{position:absolute;top:5px;right:0px;}
.filebox .upImg .label-del input[type="checkbox"] + span{width:30px;height:30px;line-height:31px;margin:0;background:rgba(186,186,186,0.6);border-radius:2px;color:rgba(255,255,255,0.7);}
.filebox .upImg .label-del input[type="checkbox"] + span:before{content:'\e2ba';font-family:'intaeFont';font-size:16px;font-weight:normal;}
.filebox .upImg .label-del input[type="checkbox"]:hover + span{color:#fff;background:rgba(174,174,174,1);}
.filebox .upImg .label-del input[type="checkbox"]:checked + span{color:#fff;background:#ff5757;}


.filebox.btnCamera{}
.filebox.btnCamera .upload-name{display:none;}
.filebox.btnCamera label.upload-btn{display:inline-block;vertical-align:top;padding:0 12px;width:auto;height:34px;line-height:36px;font-weight:bold;text-align:center;color:#fff;
		border:0;border-radius:2px;background:rgba(71,78,103,0.5);transition:all .2s ease-in-out;margin:0;}
.filebox.btnCamera label.upload-btn:hover{background:#1bc8a6;}
.filebox.btnCamera label.upload-btn:before{content:'\e09d';font-family:'intaeFont';font-size:15px;vertical-align:middle;font-weight:normal;display:inline-block;margin-top:0;margin-right:8px;}
.filebox.btnCamera .upImg img{margin-top:10;}


.filebox.btnCamera.large label.upload-btn{display:inline-block;vertical-align:top;padding:0 12px;width:auto;height:46px;line-height:48px;padding:0 15px;font-weight:bold;text-align:center;color:#fff;
		border:0;border-radius:2px;background:rgba(71,78,103,0.5);transition:all .2s ease-in-out;margin:0;}
.filebox.btnCamera.large label.upload-btn:hover{background:#1bc8a6;}
.filebox.btnCamera.large label.upload-btn:before{content:'\e09d';font-family:'intaeFont';font-size:15px;vertical-align:middle;font-weight:normal;display:inline-block;margin-top:0;margin-right:8px;}
.filebox.btnCamera.large .upImg{display:inline-block;margin-left:10px;}
.filebox.btnCamera.large .upImg img{margin-top:0;}
.filebox.btnCamera.large .upImg .label-del{top:0;}



.filebox .upImg.icon{display:inline-block;width:auto;margin-left:10px;}
.filebox .upImg.icon img{width:auto;margin:0;display:inline-block;vertical-align:top;}
.filebox .upImg.icon .label-del{position:relative;top:-8px;left:2px;}
.filebox .upImg.icon .label-del input[type="checkbox"] + span{width:16px;height:16px;line-height:16px;margin:0;background:rgba(186,186,186,0.6);border-radius:2px;color:rgba(255,255,255,0.7);}
.filebox .upImg.icon .label-del input[type="checkbox"] + span:before{content:'\e2ba';font-family:'intaeFont';font-size:12px;font-weight:normal;}
.filebox .upImg.icon .label-del input[type="checkbox"]:hover + span{color:#fff;background:rgba(174,174,174,1);}
.filebox .upImg.icon .label-del input[type="checkbox"]:checked + span{color:#fff;background:#ff5757;}
.filebox .upImg.icon .file-info{left:65px;vertical-align:bottom;}