body{margin:0;padding:0;font-family:sans-serif}.dropdowncomponent{width:200px;display:inline-block;color:#909090;position:relative;margin:10px}.heading{text-align:left;position:relative;border:2px solid #e2e2e2;padding:5px;border-radius:3px}.heading:after{background-image:url(https://d30y9cdsu7xlg0.cloudfront.net/png/551749-200.png);background-size:cover;content:"";width:15px;display:inline-block;height:15px;position:absolute;right:5px;bottom:6px}.dropdowncomponent ul{list-style:none;padding:0}li div.groupDiv{padding:10px;background-color:#ededed}.dropdowncomponent li.groupLi li.list-item label{padding-left:20px}.dropdowncomponent ul.mainUl{padding:5px 0;margin:5px 0;background-color:#fff;list-style:none;border:2px solid #e2e2e2;border-radius:3px;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:200px;z-index:10}.dropdowncomponent ul li.list-item{padding:5px}.dropdowncomponent ul li.list-item:hover,.dropdowncomponent ul li label:hover{background-color:#f7f7f7;cursor:pointer}.active{background-color:#f7f7f7}.ellipse{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;padding-right:21px}.dropdowncomponent ul li label{display:block;padding:0}.dropdowncomponent li.select-all{border-bottom:1px solid #edebeb;padding:5px}.dropdowncomponent span.checkbox{display:inline-block;width:15px;height:15px;border:2px solid #e2e2e2;border-radius:4px;margin-right:5px;margin-bottom:-1px;-webkit-box-sizing:border-box;box-sizing:border-box}.styled-checkbox:checked+label:before{background:#1f1310;border:2px solid #1f1310}.styled-checkbox+label{position:relative;cursor:pointer;padding:0}.styled-checkbox:checked+label:after{content:"";position:absolute;left:5px;top:9px;background:#fff;width:2px;height:2px;-webkit-box-shadow:2px 0 0 #fff,4px 0 0 #fff,4px -2px 0 #fff,4px -4px 0 #fff,4px -6px 0 #fff,4px -8px 0 #fff;box-shadow:2px 0 0 #fff,4px 0 0 #fff,4px -2px 0 #fff,4px -4px 0 #fff,4px -6px 0 #fff,4px -8px 0 #fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-box-sizing:border-box;box-sizing:border-box}.styled-checkbox{position:absolute;opacity:0}.styled-checkbox+label:before{content:"";margin-right:10px;display:inline-block;vertical-align:text-top;width:15px;height:15px;background:#fff;border:2px solid #e2e2e2}div.App{-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px}
/*# sourceMappingURL=main.c49969cf.css.map*/