/*CSS Multi Select 1.0*/
/*===========================
*           DESKTOP
=============================*/
@media only screen and (min-width: 1366px) {
	.multiselect-container {
		background: #fff url("./images/icon_select.png") no-repeat scroll calc(100% - 5px) center;
		border: 1px solid #777777;
		border-radius: 5px;
		color: #333;
		cursor: pointer;
		height: 27px;
		padding: 0 25px 0 0;
		box-sizing: border-box;
		line-height: 27px;
		font-size: 1em;
		font-family: Arial;
		position: relative;
		text-align:left;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}
	.multiselect-container span {
		padding-left: 10px;
	}
	.multiselect-item-container {
		background: #fff;
		position: absolute;
		z-index: 10000;
		width: 100%;
		padding: 0;
		margin: -1px 0 0 0;
		border: 1px solid #000;
	}
	.multiselect-item-container li {
		list-style: none;
		padding: 0 7px;
		box-sizing: border-box;
		margin: 1px 0 0 0;
	}
	.multiselect-item-container li:hover {
		color:#fff;
		background:#61b0ff;
	}
	.multiselect-item-container li.selected {
		color:#fff;
		background:#1e90ff;
	}
	.multiselect-item-container{
		display:none;
		
	}
	.open > .multiselect-item-container{
		display:block;
	}
}

/*===========================
*           MOBILE
=============================*/
@media only screen and (max-width: 1365px) {
	.multiselect-container {
		background: #fff url("./images/icon_select.png") no-repeat scroll calc(100% - 0.4vw) center/auto 70%;
		border: 0.08vw solid #777777;
		border-radius: 0.4vw;
		color: #333;
		cursor: pointer;
		height: 2.16vw;
		padding: 0 2.0vw 0 0;
		box-sizing: border-box;
		line-height: 2.16vw;
		font-size: 1em;
		font-family: Arial;
		position: relative;
		text-align: left;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}
	.multiselect-container span {
		padding-left: 0.8vw;
	}
	.multiselect-item-container {
		background: #fff;
		position: absolute;
		z-index: 10000;
		width: 100%;
		padding: 0;
		margin: -0.08vw 0 0 0;
		border: 0.08vw solid #000;
	}
	.multiselect-item-container li {
		list-style: none;
		padding: 0 0.56vw;
		box-sizing: border-box;
		margin: 0.08vw 0 0 0;
	}
	.multiselect-item-container li:hover {
		color: #fff;
		background: #61b0ff;
	}
	.multiselect-item-container li.selected {
		color: #fff;
		background: #1e90ff;
	}
	.multiselect-item-container{
		display: none;
		
	}
	.open > .multiselect-item-container{
		display: block;
	}
}