.ti {
    cursor: pointer;
}

.task {
    cursor: pointer;
}

.card-highlight-blue {
    border-left: 2px solid rgb(192, 216, 70);
}

.card-highlight-red {
    border-left: 2px solid rgb(52, 163, 183);
}

.card-highlight-green {
    border-left: 2px solid rgb(171, 45, 210);
}
.button-border-blue {
    border: 2px solid rgb(192, 216, 70);
}

.button-border-red {
    border: 2px solid rgb(52, 163, 183);
}

.button-border-green {
    border: 2px solid rgb(171, 45, 210);
}

.card-highlight-yourtasks1 {
    border-left: 2px solid rgb(70, 216, 121);
}

.card-highlight-yourtasks2 {
    border-left: 2px solid rgb(176, 39, 135);
}

.card-highlight-yourtasks3 {
    border-left: 2px solid rgb(158, 210, 45);
}
.button-border-yourtasks1 {
    border: 2px solid rgb(70, 216, 121);
}

.button-border-yourtasks2 {
    border: 2px solid rgb(176, 39, 135);
}

.button-border-yourtasks3 {
    border: 2px solid rgb(158, 210, 45);
}

.bootstrap-tagsinput .tag {
    border:0;
    background-color: #4b49ac;
}

.bootstrap-tagsinput {
    border: 0;
    border: none;
    outline:0;
    border-bottom: 1px solid grey;
    outline:none;
    box-shadow: none;
    border-width: 0px;
    appearance: none;
    -webkit-appearance: none;
}

input:focus {
    outline:none;
}   

.center {
    margin: auto;
    width: 50%;
    border: 3px solid green;
    padding: 10px;
}