@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; }