/** default and google theme **/
.mvsSelect { position: relative; background-color: #FFF; width: 100%; border-radius: 4px; }
.mvsSelect-display {
	margin: 0; vertical-align: top; color: #595959; border: 1px solid #cbcbcb; border-radius: 4px; width: 100%; cursor: pointer;
	text-decoration: none; background: none; padding: 0px 30px 0px 10px; overflow: hidden; clear: both; height: 35px;
	font-size: 14px; font-weight: bold; word-break: break-all; display: flex; flex-wrap: nowrap; align-items: center;
}
.mvsSelect-display:after {
	content: ''; position: absolute; top: 0px; right: 0px; width: 30px; height: 35px;
	background-size: 20px 20px; background-position: center right 10px; background-repeat: no-repeat;

	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 307.053 307.053'%3E%3Cpath fill='%23444' d='M302.445 80.796l-11.1-11.103c-6.124-6.13-16.075-6.13-22.21 0L153.67 183.707 37.907 67.96c-6.134-6.13-16.08-6.13-22.21 0l-11.1 11.1c-6.13 6.133-6.13 16.067 0 22.2l137.83 137.83c6.13 6.136 16.067 6.136 22.203 0l137.815-136.096c6.144-6.13 6.144-16.068 0-22.198z'/%3E%3C/svg%3E");
}
.mvsSelect-display img { display: block; width: 24px; height: 24px; margin-right: 10px; margin-top: 0px; }
.mvsSelect-display span { display: block; flex: 1; text-overflow: ellipsis; text-indent: 0; white-space: nowrap; overflow: hidden; }


.mvsSelect-options {
	display: none; list-style: none; width: 100%; z-index: 100;
	margin: 0; position: absolute; top: 0px; left: 0px; background: #fff; border: 1px solid #ccc;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.1); -webkit-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1); box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);
}

.mvsSelect-options-list { padding: 8px 0; overflow: auto; overflow-x: hidden; margin-top: 35px; z-index:2; }
.mvsSelect-options-searcher { margin-top: 0px; overflow: hidden; }

.mvsSelect-options-searcher .mvsSelect-options-list {
	display: block; position: relative; margin-top: 0; border: none;
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
	border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;
}
.mvsSelect-options-searcher .mvsSelect-input-searcher { border-bottom: 1px solid #ccc; padding: 0; height: 35px; }
.mvsSelect-options-searcher .mvsSelect-input-searcher input {
	background: #FFF; border: none; height:35px; line-height: 35px; padding:0px 30px 0px 15px; outline: none; font-size:14px; width: 100%;
	background:url('./images/ful_grid_img.png') no-repeat; background-position: top 8px right 6px;
}
.mvsSelect-options-searcher .mvsSelect-input-searcher input:focus { outline: none; }
.mvsSelect-options-searcher .nosearch { text-align: center; font-size: 12px; padding-bottom: 10px; background: #fff; }

.mvsSelect-options-list li {
	padding: 8px 10px; cursor:pointer; border:none; text-align:left; color:#595959; font-size:14px;
	display: flex; flex-wrap: nowrap; align-items: center;
	transition-duration:.3s; -moz-transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s;
}
.mvsSelect-options-list li:hover { border: none; background: #eee; }
.mvsSelect-options-list li .mvsSelect-option-text {  }
.mvsSelect-options-list li .mvsSelect-option-image { width: 24px; height: 24px; margin-right: 10px; margin-top: 0px; }
.mvsSelect-options-list li .mvsSelect-option-image img{ width: 24px; height: 24px;}
.mvsSelect-options-list::-webkit-scrollbar {width:10px;}
.mvsSelect-options-list::-webkit-scrollbar:horizontal{height:10px;}
.mvsSelect-options-list::-webkit-scrollbar-track {border-left:1px solid #D3D3D3;background:#F5F5F5;}
.mvsSelect-options-list::-webkit-scrollbar-thumb {background:#C4C4C4;}



.ss_dib{
	display:inline-block;
	vertical-align:top;
}
.ss_button{margin:0;vertical-align:top;color:#595959;border: 1px solid #cbcbcb;border-radius:3px;width:100%;cursor:pointer;text-decoration:none;background:none;padding:10px;overflow:hidden;clear:both;display:inline-block;vertical-align:top;font-size:12px;font-weight:bold;word-break:break-all;}
.ss_text{ width: 100%; white-space:normal; text-overflow:ellipsis; text-indent:0; white-space:nowrap; overflow:hidden; }
.ss_image{position:absolute;width:7px;height:11px;background:url('./images/google.png') no-repeat;}
.ss_ul{list-style:none;padding:8px 0; margin:0; position:absolute;background:#fff;border:1px solid #ccc;-moz-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);box-shadow:0 1px 5px 1px rgba(0,0,0,0.1); border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; display:none;overflow:auto;z-index:100; width: 100%; }
.ss_ulsearch{width: 100%; margin:0; margin-top:-35px;position:absolute;background:#fff;border:1px solid #ccc;-moz-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 5px 1px rgba(0,0,0,0.1);box-shadow:0 1px 5px 1px rgba(0,0,0,0.1); border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;overflow:auto;z-index:100;display:none;}
.ss_ulsearch .ss_ul{display:block;position:relative;margin-top:0;border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
.ss_ulsearch .search{border-bottom:1px solid #ccc;padding:0;}
.ss_ulsearch .search input{
	background:inherit; border:none; height:100%; padding:10px 30px 10px 15px; outline:none; font-size:14px; width: 100%;
	background:url('./images/ful_grid_img.png') no-repeat; background-position: top 8px right 6px;
}
.ss_ulsearch .search input:focus{outline:none;}
.ss_ulsearch .nosearch{text-align:center;font-size:12px;padding-bottom:10px;background:#fff;}
.ss_ul li{
	padding:8px 10px; cursor:pointer; border:none; text-align:left; color:#595959; font-size:14px;
	display: flex; flex-wrap: nowrap; align-items: center;
	transition-duration:.3s; -moz-transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s;
}
.ss_ul li:hover{border:none;background:#eee;}
.ss_ul li .mvsselect-option-text {  }
.ss_ul li .ssli_image{ width: 24px; height: 24px; margin-right: 10px; margin-top: 0px; }
.ss_ul li .ssli_image img{ width: 24px; height: 24px;}
.ss_ul::-webkit-scrollbar {width:10px;}
.ss_ul::-webkit-scrollbar:horizontal{height:10px;}
.ss_ul::-webkit-scrollbar-track {border-left:1px solid #D3D3D3;background:#F5F5F5;}
.ss_ul::-webkit-scrollbar-thumb {background:#C4C4C4;}


/** Dark theme **/
.selectstyle.dark{position:relative;}
.selectstyle.dark .ss_button{color:#eee;border: 1px solid #ccc;background:#5B5B5B;}
.selectstyle.dark .ss_image{width:16px;height:16px;background:url('./images/br_down.png') no-repeat;margin-left:-8px;margin-top:-2px;}
.selectstyle.dark .ss_ul{background:#777;border-color:#333;-moz-box-shadow:0 1px 5px 1px rgba(255,255,255,0.15);-webkit-box-shadow:0 1px 5px 1px rgba(255,255,255,0.15);box-shadow:0 1px 5px 1px rgba(255,255,255,0.15);}
.selectstyle.dark .ss_ulsearch .ss_ul{display:block;position:relative;margin-top:0;border:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
.selectstyle.dark .ss_ulsearch{background:#5B5B5B;border-color:#333;-moz-box-shadow:0 1px 5px 1px rgba(255,255,255,0.15);-webkit-box-shadow:0 1px 5px 1px rgba(255,255,255,0.15);box-shadow:0 1px 5px 1px rgba(255,255,255,0.15);}
.selectstyle.dark .ss_ulsearch .search{border-bottom-color:#333;}
.selectstyle.dark .ss_ulsearch .search input{background:url('./images/search.png') no-repeat;background-position: top 8px right 6px;background-size:24px 24px;color:#eee;}
.selectstyle.dark .ss_ulsearch .nosearch{background:#777;}
.selectstyle.dark .ss_ul li{color:#ddd;}
.selectstyle.dark .ss_ul li:hover{border:none;background:#444;color:#eee;}
.selectstyle.dark .ss_ul::-webkit-scrollbar-track {border-left:1px solid #333;background:#888;}
.selectstyle.dark .ss_ul::-webkit-scrollbar-thumb {background:#5B5B5B;}