react-multiselect-box/build/css/index.css

A multiselect box component for React.

.multi-select{display:-ms-flexbox;display:flex;width:100%;-ms-flex-direction:row;flex-direction:row;border:1px solid #dbdbdb;position:relative}.multi-select button{padding:2px 8px;font-size:11px;height:auto;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:700;overflow:hidden;white-space:nowrap}.available-list,.selected-list{width:50%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.available-list{border-right:1px solid #dbdbdb!important}.available-list>.header,.selected-list>.header{display:-ms-flexbox;display:flex;height:25px;border-bottom:1px solid #dbdbdb!important;background:transparent;border:none;font-size:11px;color:#787878;width:100%}.available-list>.header>.input{-ms-flex-positive:1;flex-grow:1;-webkit-box-sizing:border-box;box-sizing:border-box;height:24px;line-height:24px;font-weight:400;background-color:transparent;border:none;padding:2px 4px;color:#787878;min-width:0}.available-list>.header>button,.selected-list>.header>button{text-decoration:none;text-align:center;width:100px;color:#fff;text-shadow:none;border:none;margin:0!important;min-width:0}.available-list>.header>button{background-image:-webkit-gradient(linear,left top,left bottom,from(#35aa47),to(#35aa47));background-image:-webkit-linear-gradient(#35aa47,#35aa47);background-image:-o-linear-gradient(#35aa47,#35aa47);background-image:linear-gradient(#35aa47,#35aa47);background-color:#69e092}.available-list>.header>.input:active,.available-list>.header>.input:focus{outline:none!important}.available-list>.header>button:hover{background-color:#1d943b;background-image:-webkit-gradient(linear,left top,left bottom,from(#1d943b),to(#1d943b));background-image:-webkit-linear-gradient(#1d943b,#1d943b);background-image:-o-linear-gradient(#1d943b,#1d943b);background-image:linear-gradient(#1d943b,#1d943b)}.available-list>.header>button:active{background-color:#35aa47;background-image:-webkit-gradient(linear,left top,left bottom,from(#35aa47),to(#1d943b));background-image:-webkit-linear-gradient(#35aa47,#1d943b);background-image:-o-linear-gradient(#35aa47,#1d943b);background-image:linear-gradient(#35aa47,#1d943b)}.selected-list>.header>button{background-image:-webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836));background-image:-webkit-linear-gradient(#dd4b39,#d14836);background-image:-o-linear-gradient(#dd4b39,#d14836);background-image:linear-gradient(#dd4b39,#d14836);background-color:#d84a38}.selected-list>.header>button:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(#c53727),to(#c53727));background-image:-webkit-linear-gradient(#c53727,#c53727);background-image:-o-linear-gradient(#c53727,#c53727);background-image:linear-gradient(#c53727,#c53727);background-color:#c53727}.selected-list>.header>button:active{background-image:-webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#c53727));background-image:-webkit-linear-gradient(#dd4b39,#c53727);background-image:-o-linear-gradient(#dd4b39,#c53727);background-image:linear-gradient(#dd4b39,#c53727);background-color:#dd4b39}.selected-list>.header>.count{-ms-flex-positive:1;flex-grow:1;height:25px;line-height:25px;padding:0 .5em;color:#313131;background-color:transparent;cursor:default;white-space:nowrap}.available-list .list-container,.selected-list .list-container{outline:none;height:173px}.available-list .item,.selected-list .item{padding:2px 0 2px 10px;font-weight:400;background:transparent;border-bottom:1px solid #dbdbdb;height:auto!important;color:#000;cursor:pointer;display:list-item;line-height:20px;display:-ms-flexbox;display:flex}.available-list .item:hover{background-color:rgba(0,255,0,.2)}.selected-list .item:hover{background-color:rgba(255,0,0,.2)}.available-list .item>span,.selected-list .item>span{-ms-flex-positive:1;flex-grow:1;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.available-list .item>a,.selected-list .item>a{padding:0 25px;background:transparent}.icon{position:relative;width:16px;height:16px;margin:16px}.icon-minus:after{left:3.5px;z-index:4}.icon-minus:after,.icon-plus:after{background-color:#000;width:8px;height:2px;border-radius:1px;position:absolute;top:7px;content:""}.icon-plus:after{left:4px}.icon-plus:before{background-color:#000;width:2px;height:8px;border-radius:1px;position:absolute;top:4px;left:7px;content:""}
/*# sourceMappingURL=index.css.map*/