.tag-avatar {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 3px 0 0 3px;
    margin: 0 .5rem 0 -.5rem
}

.tag-primary {
    background-color: #2185d0;
    color: #fff
}

.tag-secondary {
    background-color: #4D5052;
    color: #fff
}

.tag-success {
    background-color: #21ba45;
    color: #fff
}

.tag-info {
    background-color: #17a2b8;
    color: #fff
}

.tag-warning {
    background-color: #fbbd08;
    color: #fff
}

.tag-danger {
    background-color: #db2828;
    color: #fff
}

.tag-light {
    background-color: #E8E9E9;
    color: #fff
}

.tag-dark {
    background-color: #292b30;
    color: #fff
}







.tag-blue {
    background-color: #2185d0;
    color: #fff
}

.taskboard .tag-blue_task .dd-handle::after {
    color: #2185d0;
}

.taskboard .tag-blue_task:hover {
    border: 1px solid #2185d0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.taskboard .tag-blue_task {
    border: 1px solid #fff;
}
.ka-tagblue {
    border: 10px solid #2185d0;
    border-top: 10px solid #2185d0;
    border-left: 10px solid #2185d0;
    border-right: 10px solid #2185d0;
    box-shadow: inset 0 0 10px 0px #2185d0, 0 0 0 2px #2185d0;
}



.tag-azure {
    background-color: #45aaf2;
    color: #fff
}

.taskboard .tag-azure_task .dd-handle::after {
    color: #45aaf2;
}

.taskboard .tag-azure_task:hover {
    border: 1px solid #45aaf2;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.taskboard .tag-azure_task {
    border: 1px solid #fff;
}

.ka-tagazure {
    border: 10px solid #45aaf2;
    border-top: 10px solid #45aaf2;
    border-left: 10px solid #45aaf2;
    border-right: 10px solid #45aaf2;
    box-shadow: inset 0 0 10px 0px #45aaf2, 0 0 0 2px #45aaf2;
}





.tag-indigo {
    background-color: #6435c9;
    color: #fff
}

.taskboard .tag-indigo_task .dd-handle::after {
    color: #6435c9;
}

.taskboard .tag-indigo_task:hover {
    border: 1px solid #6435c9;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.taskboard .tag-indigo_task {
    border: 1px solid #fff;
}

.ka-tagindigo {
    border: 10px solid #6435c9;
    border-top: 10px solid #6435c9;
    border-left: 10px solid #6435c9;
    border-right: 10px solid #6435c9;
    box-shadow: inset 0 0 10px 0px #6435c9, 0 0 0 2px #6435c9;
}





.tag-purple {
    background-color: #a333c8;
    color: #fff
}

.taskboard .tag-purple_task .dd-handle::after {
    color: #a333c8;
}

.taskboard .tag-purple_task:hover {
    border: 1px solid #a333c8;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.taskboard .tag-purple_task {
    border: 1px solid #fff;
}

.ka-tagpurple {
    border: 10px solid #a333c8;
    border-top: 10px solid #a333c8;
    border-left: 10px solid #a333c8;
    border-right: 10px solid #a333c8;
    box-shadow: inset 0 0 10px 0px #a333c8, 0 0 0 2px #a333c8;
}





.tag-pink {
    background-color: #e03997;
    color: #fff
}

.taskboard .tag-pink_task .dd-handle::after {
    color: #e03997;
}

.taskboard .tag-pink_task:hover {
    border: 1px solid #e03997;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.taskboard .tag-pink_task {
    border: 1px solid #fff;
}

.ka-tagpink {
    border: 10px solid #e03997;
    border-top: 10px solid #e03997;
    border-left: 10px solid #e03997;
    border-right: 10px solid #e03997;
    box-shadow: inset 0 0 10px 0px #e03997, 0 0 0 2px #e03997;
}





.tag-red {
    background-color: #db2828;
    color: #fff
}

.taskboard .tag-red_task .dd-handle::after {
    color: #db2828;
}

.taskboard .tag-red_task:hover {
    border: 1px solid #db2828;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.taskboard .tag-red_task {
    border: 1px solid #fff;
}

.ka-tagred {
    border: 10px solid #db2828;
    border-top: 10px solid #db2828;
    border-left: 10px solid #db2828;
    border-right: 10px solid #db2828;
    box-shadow: inset 0 0 10px 0px #db2828, 0 0 0 2px #db2828;
}





.tag-orange {
    background-color: #f2711c;
    color: #fff
}

.taskboard .tag-orange_task .dd-handle::after {
    color: #f2711c;
}

.taskboard .tag-orange_task:hover {
    border: 1px solid #f2711c;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.taskboard .tag-orange_task {
    border: 1px solid #fff;
}

.ka-tagorange {
    border: 10px solid #f2711c;
    border-top: 10px solid #f2711c;
    border-left: 10px solid #f2711c;
    border-right: 10px solid #f2711c;
    box-shadow: inset 0 0 10px 0px #f2711c, 0 0 0 2px #f2711c;
}




.tag-yellow {
    background-color: #fbbd08;
    color: #fff
}

.taskboard .tag-yellow_task .dd-handle::after {
    color: #fbbd08;
}

.taskboard .tag-yellow_task:hover {
    border: 1px solid #fbbd08;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.taskboard .tag-yellow_task {
    border: 1px solid #fff;
}

.ka-tagyellow {
    border: 10px solid #fbbd08;
    border-top: 10px solid #fbbd08;
    border-left: 10px solid #fbbd08;
    border-right: 10px solid #fbbd08;
    box-shadow: inset 0 0 10px 0px #fbbd08, 0 0 0 2px #fbbd08;
}





.tag-lime {
    background-color: #b5cc18;
    color: #fff
}

.taskboard .tag-lime_task .dd-handle::after {
    color: #b5cc18;
}

.taskboard .tag-lime_task:hover {
    border: 1px solid #b5cc18;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.taskboard .tag-lime_task {
    border: 1px solid #fff;
}

.ka-taglime {
    border: 10px solid #b5cc18;
    border-top: 10px solid #b5cc18;
    border-left: 10px solid #b5cc18;
    border-right: 10px solid #b5cc18;
    box-shadow: inset 0 0 10px 0px #b5cc18, 0 0 0 2px #b5cc18;
}





.tag-green {
    background-color: #21ba45;
    color: #fff
}

.taskboard .tag-green_task .dd-handle::after {
    color: #21ba45;
}

.taskboard .tag-green_task:hover {
    border: 1px solid #21ba45;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.taskboard .tag-green_task {
    border: 1px solid #fff;
}

.ka-taggreen {
    border: 10px solid #21ba45;
    border-top: 10px solid #21ba45;
    border-left: 10px solid #21ba45;
    border-right: 10px solid #21ba45;
    box-shadow: inset 0 0 10px 0px #21ba45, 0 0 0 2px #21ba45;
}






.tag-teal {
    background-color: #00b5ad;
    color: #fff
}

.taskboard .tag-teal_task .dd-handle::after {
    color: #00b5ad;
}

.taskboard .tag-teal_task:hover {
    border: 1px solid #00b5ad;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.taskboard .tag-teal_task {
    border: 1px solid #fff;
}

.ka-tagteal {
    border: 10px solid #00b5ad;
    border-top: 10px solid #00b5ad;
    border-left: 10px solid #00b5ad;
    border-right: 10px solid #00b5ad;
    box-shadow: inset 0 0 10px 0px #00b5ad, 0 0 0 2px #00b5ad;
}







.tag-cyan {
    background-color: #17a2b8;
    color: #fff
}

.taskboard .tag-cyan_task .dd-handle::after {
    color: #17a2b8;
}

.taskboard .tag-cyan_task:hover {
    border: 1px solid #17a2b8;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.taskboard .tag-cyan_task {
    border: 1px solid #fff;
}

.ka-tagcyan {
    border: 10px solid #17a2b8;
    border-top: 10px solid #17a2b8;
    border-left: 10px solid #17a2b8;
    border-right: 10px solid #17a2b8;
    box-shadow: inset 0 0 10px 0px #17a2b8, 0 0 0 2px #17a2b8;
}







.tag-white {
    background-color: #fff;
    color: #fff
}

.taskboard .tag-white_task .dd-handle::after {
    color: #fff;
}

.taskboard .tag-white_task:hover {
    border: 1px solid #fff;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.taskboard .tag-white_task {
    border: 1px solid #fff;
}

.ka-tagwhite {
    border: 10px solid #fff;
    border-top: 10px solid #fff;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    box-shadow: inset 0 0 10px 0px #fff, 0 0 0 2px #fff;
}





.tag-gray {
    background-color: #4D5052;
    color: #fff
}

.taskboard .tag-gray_task .dd-handle::after {
    color: #4D5052;
}

.taskboard .tag-gray_task:hover {
    border: 1px solid #4D5052;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.taskboard .tag-gray_task {
    border: 1px solid #fff;
}

.ka-taggray {
    border: 10px solid #4D5052;
    border-top: 10px solid #4D5052;
    border-left: 10px solid #4D5052;
    border-right: 10px solid #4D5052;
    box-shadow: inset 0 0 10px 0px #4D5052, 0 0 0 2px #4D5052;
}






.tag-gray-dark {
    background-color: #292b30;
    color: #fff
}

.taskboard .tag-gray-dark_task .dd-handle::after {
    color: #292b30;
}

.taskboard .tag-gray-dark_task:hover {
    border: 1px solid #292b30;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.taskboard .tag-gray-dark_task {
    border: 1px solid #fff;
}

.ka-taggray-dark {
    border: 10px solid #292b30;
    border-top: 10px solid #292b30;
    border-left: 10px solid #292b30;
    border-right: 10px solid #292b30;
    box-shadow: inset 0 0 10px 0px #292b30, 0 0 0 2px #292b30;
}


.ka-tagbase {
    border: 10px solid #ff6188;
    border-top: 10px solid #ff6188;
    border-left: 10px solid #ff6188;
    border-right: 10px solid #ff6188;
    box-shadow: inset 0 0 10px 0px #ff6188, 0 0 0 2px #ff6188;
}