.selector_drop{ background: #FFFFFF;border: solid 1px #bcbcbc;border-radius: 4px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin: 0;position: absolute; z-index: 9999; overflow: hidden;list-style: none;max-height: 400px}
.selector_drop.inp_nh{ font-size: 12px!important; line-height: 20px!important; }
.selector_drop.inp_nh.mh200 { max-height: 200px!important; }
.selector_drop ul{margin: 4px 0;}
.selector_drop li { color: #231F20; padding: 3px 10px 4px; cursor: default; font-weight: normal; margin: 0px}
.selector_drop.inp_nh li{ padding: 1px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.selector_drop.inp_nh li .icons{margin:-1px 0}
.selector_drop li.separator, .selector_drop li.separator:hover {height: 1px!important;border-top: 1px solid #b6b6b6;background: transparent!important;padding: 0!important;margin: 5px!important;}
.selector_drop li:hover, .selector_drop li.selected { background: none repeat scroll 0 0 #21a567 !important; color: #FFFFFF; }
.selector_drop li:hover .icons, .selector_drop li.selected .icons { background-image: url(images/icons/icons_white.png); }
@media (-webkit-min-device-pixel-ratio: 2) { .selector_drop li:hover .icons, .selector_drop li.selected .icons { background-image: url(images/icons/icons_white_L.png); } }
.selector_drop li.disabled { color: #AAAAAA; }
.selector_drop li.disabled:hover { background: none repeat scroll 0 0 transparent!important; }
.selector_drop li.disabled:hover .icons, .selector_drop li.disabled .icons { background-image: url(images/icons/icons_grey.png); }
@media (-webkit-min-device-pixel-ratio: 2) { .selector_drop li:hover .icons, .selector_drop li.selected .icons { background-image: url(images/icons/icons_grey_L.png); } }

.color_drop{display:-ms-grid;display:grid;padding:5px 0 0 5px;background: #FFFFFF;border: solid 1px #bcbcbc;border-radius: 4px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin: 0;position: absolute; z-index: 9999}
.color_drop .c_item{width: 80px;height:26px;border-radius:2px;padding:2px;font-size:11px;line-height:13px;margin:0 5px 5px 0;cursor:pointer}
.selectbox { cursor: pointer;position: relative;float: left;display: block;font-weight: normal;}
.selectbox .select {background: linear-gradient(to bottom, #fff, #efefef 100%);border-radius: 4px;color: #000;height: 24px;margin:0;border: 1px solid #bcbcbc;display:flex;align-items: stretch;}
.selectbox .select:hover, .selectbox .select.dropped {background:#efefef}
.selectbox .select:active {background:#f5f5f5}

.selectbox.full_width{float:none}

.selectbox.inp_nh .select { height: 20px !important; font-size: 12px !important}
.selectbox.error .select, .error>.selectbox .select { background: linear-gradient(to bottom, #FFF4F4, #FFC9BB 100%); }

.selectbox .select .text {display: flex;align-items: center;overflow: hidden;white-space: nowrap;width: 100%;flex-grow: 1;flex-basis: 0;margin:0 2px 0 5px}
.selectbox .select .color {display: block;width: 16px;height: 16px;border: solid 1px #bcbcbc;margin: 3px 5px 0 5px;border-radius: 50%}
.selectbox.inp_nh .select .color { display:block;width:14px;height:14px;border: solid 1px #bcbcbc;margin-top: 2px}
.selectbox .drop {border-left: 1px solid #cccccc;background: no-repeat 50% 50% url('data:image/svg+xml;utf8,<svg width="7" height="5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h7l-3.5 5z" fill="%23434343"/></svg>');width: 19px}
.selectbox .open {border-left: 1px solid #cccccc;background: no-repeat 50% 50% url('data:image/svg+xml;utf8,<svg width="11" height="3" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1.5a1.5 1.5 0 0 0 3 0 1.5 1.5 0 0 0 -3 0zm4 0a1.5 1.5 0 0 0 3 0 1.5 1.5 0 0 0 -3 0zm4 0a1.5 1.5 0 0 0 3 0 1.5 1.5 0 0 0 -3 0z" fill="%23434343"/></svg>');width: 19px}

.selectbox ul.dropdown {background: #FFFFFF;border: solid 1px #bcbcbc;border-radius: 4px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin: 0;padding: 4px 0;position: absolute; z-index: 9999; overflow: auto; overflow-x: hidden; list-style: none}
.selectbox.inp_nh ul.dropdown{ font-size: 12px!important; line-height: 20px!important; }
.selectbox li { color: #231F20; padding: 3px 10px 4px; }
.selectbox li.separator, .selectbox li.separator:hover {height: 1px!important;border-top: 1px solid #b6b6b6;background: transparent!important;padding: 0!important;margin: 5px!important;}
.selectbox.inp_nh ul.dropdown li{ padding: 1px 10px 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.selectbox li:hover, .selectbox li.selected { background: none repeat scroll 0 0 #21a567 !important; color: #FFFFFF; }
.selectbox li:hover .icons, .selectbox li.selected .icons { background-image: url(images/icons/icons_white.png); }
@media (-webkit-min-device-pixel-ratio: 2) { .selectbox li:hover .icons, .selectbox li.selected .icons { background-image: url(images/icons/icons_white_L.png); } }
.selectbox li.disabled { color: #AAAAAA; }
.selectbox li.disabled:hover { background: none repeat scroll 0 0 transparent!important; }
.selectbox li.disabled:hover .icons, .selectbox li.disabled .icons { background-image: url(images/icons/icons_grey.png); }
@media (-webkit-min-device-pixel-ratio: 2) { .selectbox li:hover .icons, .selectbox li.selected .icons { background-image: url(images/icons/icons_grey_L.png); } }

.selectbox li.sel {  padding: 5px 0 0; display: none; }

.vv_select { cursor: pointer; min-width:20px;}
.vv_select:focus{background: #eee}
.vv_select .select {width:100%; box-sizing: border-box; padding: 0 15px 0 1px; margin: 0; border-bottom: 1px solid #000;}
.vv_select .select .text {overflow: hidden; display: block; white-space: nowrap;}
.vv_select .trigger { height: 100%; position: absolute; right: 0; top: 0; width: 15px;line-height:20px;overflow: hidden;}
.vv_select .trigger:after  { content: "\25BE"; font-family: arial, sans-serif; font-size: 24px; display:block;height:20px}
.vv_select ul.dropdown { width: 100%; background: #FFFFFF; border: solid 1px #000; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);  margin: 0; padding:0;font-weight: normal;font-size: 14px;font-family: sans-serif;}
.vv_select ul li{ padding: 2px; display: block;text-align: left;}
.vv_select ul li:before {content: "\200b";}
.vv_select ul li:hover{ background: #bbb;}

.bl_txt_check {user-select: none;cursor:pointer;background: #e0e0e0;border: 1px solid #9f9f9f;border-radius: 2px;width:22px;height:22px;line-height:22px;text-align:center}
.bl_txt_check.checked {background: #21a567;color: #fff;border-color: #187a4c}