.sticky-first-col tbody > tr > td:first-child {
    background-color: #ffffff;
    border-right: 1px solid #e0e0e0 !important;
}

.sticky-first-col tr.info td:first-child {
    background-color: #75caeb !important;
}

.permission-btn.active {
    color: #ffffff !important;
    background-color: #28b62c;
    border-color: #23a127;
}

.permission-btn.active:hover {
    color: #ffffff;
    background-color: #1f8c22;
    border-color: #186f1b;
}

/* remove chrome 84 black default outline */
.btn {
    outline: none !important;
}

.btn-default:focus {
    box-shadow: 0 0 0 0.2rem rgba(209, 209, 209, 0.5);
}

.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(56, 157, 196, 0.5);
}

.btn-success:focus {
    box-shadow: 0 0 0 0.2rem rgba(72, 193, 76, 0.5);
}

.btn-danger:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 94, 84, 0.5);
}

.btn-warning:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 151, 61, 0.5);
}

.btn-info:focus {
    box-shadow: 0 0 0 0.2rem rgba(138, 210, 238, 0.5);
}

button.close {
    height: 30px;
    width: 30px;
    outline: none !important;
    margin-top: -5px !important;
    border-radius: 50%;
    transition: 0.15s background-color ease-in-out;
    transform: scale(1.1);
}

button.close:hover {
    background-color: rgba(32,33,36,0.059);
}

button.close:active {
    background-color: rgba(32,33,36, 0.15);
}