.colorpicker {
    min-width: 30px;
    width: 40px;
    padding: 0px;
    border: 1px solid #ccc !important;
    border-radius: 20px !important;
    cursor: pointer !important;
    font-size: 9px;
    color: transparent !important;
}

    .colorpicker.dropdown-menu {
        width: 180px;
        padding: 15px;
    }

.colorpicker-color {
    display: none;
}

.colorpicker-hue {
    width: 40px;
}

.ruleDetailBt.active > td {
    background: #4999DF !important;
    color: #FFF !important;
}

#ModalCategoryList,
#ModalRuleIdentifierGroupList {
    margin: 0px;
    padding: 0px;
}

    #ModalCategoryList li,
    #ModalRuleIdentifierGroupList li {
        list-style: none;
        display: block;
        clear: both;
        padding: 2px 0px;
    }

        #ModalCategoryList li .form-control,
        #ModalRuleIdentifierGroupList li .form-control {
            display: inline;
        }



#AddRuleIdentifierGroup_Bt {
    margin-top: 5px;
}

#RuleIdentifierGroupName {
    color: #4999DF;
    font-size: 23px;
    padding:0px;
    background: none;
    border:none;
    cursor:default;
}


#RuleForm .form-group.form-md-line-input .form-control.input-sm {
    padding: 0px !important;
}

#RuleForm #clr {
    height: 50px;
    width: 50px;
    border-radius: 50px !important;
    margin-top: -20px;
    top: 0px;
    left: 0px;
}