#duplicateError {display: inline-block;}
#duplicateError .alert{padding: 3px 10px; margin-bottom: 0; text-align: left;}
#duplicateError .close{right: 0; top: 5px; margin-left: 20px;} 
.h-100p {height: 100%;}
.color-picker-item-box {float: left; display: flex; align-items: center; margin-right: 16px;}
.color-picker-item {width: 14px; height: 14px; margin-right: 4px; border-radius: 50% 50%; cursor: pointer; text-align: center; line-height: 14px; display: inline-block;}
.color-picker-item > .icon {color: #fff; display: none; font-size: 10px; font-weight: 900;}
.checked > .icon {display: inline-block;}
.backgroup-color-red {background: #ea644a;}
.backgroup-color-yellow {background: #f1a325;}
.backgroup-color-green {background: #38b03f;}
.backgroup-color-gray {background: #aaa;}
