@charset "utf-8";

/* OPTION */
.option{
	overflow:initial!important;
	color:#333333;
	position:relative;
	display:inline-block;
	border-radius:5px;
	cursor:pointer;
	padding:0px!important;
	min-width:80px;
	text-align:left;
}
.option > div{
	font-size:12px;
	line-height:12px;
}
.option.block{
	display:block;
}
.option.fullw{
	width:100%;
}
.option.no_w{
	width:inherit;
}
.option.active .current{
	box-shadow:inset 0px 2px 7px #eaeaea, 0px 0px 0px 1px #cdcdcd;
}
.option .current:hover{
	border-color:#e7d343!important;
	box-shadow:inset 0px 2px 7px #eaeaea, 0px 0px 0px 1px #9e9e9e;
}
.option select{
	display:none;
}
.option .current{
	position:relative;
	border-radius:5px;
	background-color:#ffffff;
	padding:6px 15px 5px;
	padding-right:30px!important;
	box-shadow:inset 0px 0px 0px 1px rgba(100,100,100,0.1);
	white-space:nowrap;
	box-sizing:border-box;
	line-height:16px;
	cursor:pointer;
	min-width:100px;
	min-height:25px;
}
.option .current div, .option .current{
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.option .current:hover:empty::before {
	color:#186e77;
}
.option .current:empty::before {
  content:attr(data-placeholder);
  color:#a6b7b6;
}
.option .current::after{
	border-right:1px solid #b5b5b5;
	border-bottom:1px solid #b5b5b5;
	content:"";
	display:inline-block;
	padding:3px;
	transform:translateY(-80%) rotate(45deg);
	top:50%;
	position:absolute;
	right:10px;
}
.option .current:hover::after{
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}

.option .opt_list{
	border-radius:5px;
	background-color:#ffffff;
	z-index:1000;
	position:absolute!important;
	max-height:0px;
	opacity:0;
	overflow:hidden;
	overflow-y:auto;
	left:0px;
	right:0px;
	top:30px;
	/*border:1px solid rgba(0,0,0,0.1);*/
	box-shadow:0px 0px 0px 0.5px #73c5af, 0px 0px 1px 0px #efefef;
	white-space:nowrap;
}
.option .opt_list:hover{
	box-shadow:0px 0px 0px 1px #27c7c0, 0px -1px 0px 1px #bce0dd;
}

.option .opt_list > div{
	display:flex;
	position:relative;
	padding:8px 15px!important;
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding-right:25px;
	color:#285f5f;
	cursor:pointer;
}
.option .opt_list > div:nth-last-child(1){
	border-bottom:none;
}
.option .opt_list > div:hover{
	background-color:#FF9;
	background-color:#e9f7f5;
	background-color:#f3f7f7;
	color:#285f5f;
}
.option .opt_list > div.selected{
	background-color:#32cccc; /*#3CC;#789f00;#2fa3a3*/
	background-color:#39c5bf;
	background-color:#7accc8;
	background-color:#5cb3ae;
	background-color:#113e3e;
	background-color:#2fa79b;
	color:#ffffff;
	/*text-shadow:0px 0.5px 0px #166363,0px 0.5px 0px #166363, 0px 1px 1px #166363;*/
}

.option .opt_list > div::after{
	content:"";
	position:absolute;
	width:0px;
	height:5px;
	border-radius:10px 0px 0px 10px;
	right:0px;
	top:50%;
	transform:translateY(-50%);
	/*background-color:#f9da00;*/
}
.option .opt_list > div.selected::after, .option .opt_list > div:hover::after{
	right:0px;
	width:15px;
}

.option .opt_list > div[disabled]{
	max-height:50px!important;
}
.option .opt_list > div[disabled]:hover{
	background:none;
	color:#d3d3d3;
}
.option .opt_list > div > div:nth-last-child(1){
	padding-right:25px;
}

.option.active .opt_list{
	max-height:350px;
	opacity:1;
	top:0px;
}

.option .opt_list.multiple > div > div:before{
	position:absolute;
	z-index:10;
	content:"";
	right:10px;
	top:6px;
	width:12px;
	height:12px;
	border-radius:50%;
	top:50%;
	transform:translateY(-50%);
}
.option .opt_list.multiple > div.disabled > div:before{
	visibility: hidden;
}

.option .opt_list.multiple > div:hover > div:before{
	background-color:#3CC;
	box-shadow:inset 0px 0px 0px 3px #ffffff;
}
.option .opt_list.multiple > div.selected > div:before{
	background-color:#ffffff;
	border:none;
}
.option .opt_list.multiple > div.selected:hover > div:before{
	background-color:#F33;
	box-shadow:inset 0px 0px 0px 3px #ffffff;
}
.option .opt_list.multiple > div > div:nth-last-child(1){
	padding-right:50px;
}
.option .opt_list.multiple > div{
	padding-top:5px!important;
	padding-bottom:5px!important;
	cursor:pointer;
	border-bottom:none!important;
}

.checkbox{
	display:inline-block;
	position:relative;
	margin:5px;
	margin-top:0px;
	padding:9px;
	background-color:#ffffff;
	border-radius:2px;
	box-shadow:none;
	cursor:pointer;
	box-shadow:0px 0px 1px 1px #cccccc,0px 0px 0px 1px #888888;
}
.checkbox_container{
	line-height:0px!important;
}
.checkbox_container > div{
	margin:5px!important;
	padding:5px!important;
}
.action_box .checkbox_container{
	padding:0px!important;
}
.checkbox_container .checkbox{
	box-shadow:0px 0px 1px 1px #efefef,0px 0px 0px 1px #dadada;
	margin:0px!important;
	float:left;
}
.checkbox_container .opt_list{
	display:flex;
	flex-wrap:wrap;
}
.checkbox_container.boxed .opt_list{
	max-height:180px;
	overflow:auto;
}
.checkbox_container .opt_list > div{
	cursor:pointer;
	display:flex;
	flex-wrap:nowrap;
	margin-bottom:10px;
}

.checkbox_container .opt_list > div:nth-last-of-type(1){
	margin-bottom:0px;
}
.checkbox_container input[type='checkbox']{
	display:none;
}
.checkbox_container .msg{
	padding:1px 10px;
}
.checkbox_container .opt_list > div{
	color:#616769;
	font-size:12px;
	line-height:16px;
	
}
.checkbox_container .opt_list > div:hover .checkbox{
	box-shadow:0px 0px 1px 1px #999999,0px 0px 0px 1px #888888;
}
.checkbox_container .checkbox.active+div{
	color:#4fc58f;
}

.checkbox_container .checkbox::before{
	border:0px!important;
	transform:translate(150%,-50%) rotate(45deg);
	width:0px;
	height:0px;
	background-color:#19c3ac;
	border-radius:2px;
}
.checkbox_container .checkbox.active::before{
	width:9.5px;
	height:9px;
	transform:translate(-50%,-50%);
}
.checkbox_container .checkbox.active{
	box-shadow:0px 0px 1px 1px #3bfbd8,0px 0px 0px 1px #888888!important;
}
.checkbox.active{
	box-shadow:0px 0px 1px 1px #4fc58f,0px 0px 0px 1px #888888!important;
}
.checkbox.active::before{
	border-color:#333333;
	padding:3.5px 2px;
}
.checkbox::before{
	content:"";
	border-bottom:1px solid;
	border-right:1px solid;
	border-color:#ffffff;
	position:absolute;
	padding:0px;
	left:50%;
	top:50%;
	transform:translate(-50%,-60%) rotate(45deg);
}
.toggle{
	border-radius:5px;
	background-color:#d0dada;
	box-shadow:inset 0px 2px 5px #919ea0;
	display:table-caption;
	position:relative;
	padding:2px;
	min-width:35px;
	min-height:18px;
	cursor:pointer;
}
.toggle::before{
	content:"";
	position:absolute;
	top:3px;
	bottom:2.5px;
	left:8%;
	right:55%;
	border-radius:3px;
	background-color:#ffffff;
}

.toggle.active{
	box-shadow:inset 0px 2px 5px #1a4d00;
	background-color:#79a730;
}
.toggle.t2.active{
	box-shadow:inset 0px 2px 5px #33000c;
	background-color:#ff1b50;
}
.toggle.active::before{
	left:55%;
	right:8%;
}