@charset "utf-8";
  .DOPSelect.dopselect-single{
height: 30px;
margin: 0;
width: 170px;
}
.DOPSelect.dopselect-single .dopselect-select{
background: #ffffff;
border: 1px solid #c9c9c9;
-webkit-box-sizing: content-box; 
-moz-box-sizing: content-box;
box-sizing: content-box;
cursor: pointer;
overflow: hidden;
height: 28px;
}
.DOPSelect.dopselect-single .dopselect-select .dopselect-selection{
color: #acacac;
float: left;
font-size: 13px;
font-weight: 300;
height: 28px;
line-height: 28px;
overflow: hidden;
padding: 0 0 0 10px;
width: 130px;
word-break: break-all;
-webkit-transition: color 300ms linear;
-moz-transition: color 300ms linear;
-o-transition: color 300ms linear;
transition: color 300ms linear;
}
.DOPSelect.dopselect-single .dopselect-select .dopselect-icon{
color: #c9c9c9;
float: right;
line-height: 28px;
height: 28px;
text-align: center;
width: 28px;
-webkit-transition: color 300ms linear;
-moz-transition: color 300ms linear;
-o-transition: color 300ms linear;
transition: color 300ms linear;
}
.DOPSelect.dopselect-single .dopselect-select:hover .dopselect-icon{
color: #464646;
} .DOPSelect.dopselect-single ul{
background: #ffffff;
border: 1px solid #464646;
-webkit-box-sizing: content-box; 
-moz-box-sizing: content-box;
box-sizing: content-box;
display: none;
list-style: none;
margin: 2px 0 0 0 !important;
max-height: 218px;
padding: 8px 0;
position: absolute;
overflow-y: scroll !important;
overflow-x: hidden;
width: 168px;
z-index: 10000;
}
.DOPSelect.dopselect-single ul li{
background: #ffffff;
color: #acacac;
cursor: pointer;
font-size: 12px;
font-weight: 300;
height: 30px;
line-height: 30px;
list-style: none;
overflow: hidden;
margin: 0 !important;
padding: 0 9px;
width: 150px;
word-break: break-all;
-webkit-transition: background-color 300ms linear, color 300ms linear;
-moz-transition: background-color 300ms linear, color 300ms linear;
-o-transition: background-color 300ms linear, color 300ms linear;
transition: background-color 300ms linear, color 300ms linear;
}
.DOPSelect.dopselect-single ul li:hover,
.DOPSelect.dopselect-single ul li.dopselect-selected{
background: #464646;
color: #ffffff;
}  .DOPSelect.dopselect-multiple{
margin: 0;
overflow: hidden;
width: 170px;
} .DOPSelect.dopselect-multiple ul{
background: #ffffff;
border: 1px solid #c9c9c9;
list-style: none;
margin: 0 !important;
max-height: 80px;
overflow-y: scroll !important;
padding: 9px;
}
.DOPSelect.dopselect-multiple ul li{
list-style: none;
margin: 0 !important;
overflow: hidden;
} .DOPSelect.dopselect-multiple ul li input[type=checkbox]{
-webkit-appearance: none !important;
background: #ffffff;
border: 1px solid #acacac;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
float: left;
height: auto;
margin: 1px 5px 1px 0;
outline: none !important;
padding: 8px !important;
position: relative;
width: auto;
}
.DOPSelect.dopselect-multiple ul li input[type=checkbox]:hover{
border: 1px solid #464646;
color: #464646;
}
.DOPSelect.dopselect-multiple ul li input[type=checkbox]:checked:before,
.DOPSelect.dopselect-multiple ul li input[type=checkbox]:checked:after{
background: #464646;
border: 1px solid #464646;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #464646;
content: ' ' !important;
font-size: 16px !important;
left: -1px !important;
height: 16px !important;
line-height: 16px !important;
margin: 0 !important;
padding: 0 !important;
position: absolute !important;
top: -1px !important;
width: 16px !important;
}
.DOPSelect.dopselect-multiple ul li input[type=checkbox]:disabled{
opacity: 0.5;
}  .DOPSelect.dopselect-multiple ul li label{
color: #acacac;
display: block;
cursor: pointer;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 300;
line-height: 20px;
margin: 0;
width: auto;
text-decoration: none !important;
-webkit-transition: color 300ms linear;
-moz-transition: color 300ms linear;
-o-transition: color 300ms linear;
transition: color 300ms linear;
}
.DOPSelect.dopselect-multiple ul li label:hover{
color: #464646;
}   .DOPSelect.dopselect-disabled{
opacity: 0.5;
}
.DOPSelect.dopselect-single.dopselect-disabled .dopselect-select{
cursor: default;
}
.DOPSelect.dopselect-multiple.dopselect-disabled ul{
overflow: hidden;
}
.DOPSelect.dopselect-multiple.dopselect-disabled ul li input[type=checkbox]:hover{
border: 1px solid #acacac;
color: #acacac;
cursor: default;
}
.DOPSelect.dopselect-multiple.dopselect-disabled ul li label{
cursor: default;
}
.DOPSelect.dopselect-multiple.dopselect-disabled ul li label:hover{
color: #acacac;
}