Authorization/assets/stylesheets/role.css

.btn-User {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #0088cc;
    border-color: #0088cc;
}

.btn-User:hover {
    border-color: #0099e6 !important;
    background-color: #0099e6;
    color: white;
}

.btn-User:disabled {
    background-color: #008ae6;
    border-color: #008ae6;
}

.btn-D-Editor {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #f8701b;
    border-color: #f8701b;
}

.btn-D-Editor:hover {
    border-color: #fa843f !important;
    background-color: #fa843f;
    color: white;
}

.btn-R-Editor {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #003cc8;
    border-color: #003cc8;
}

.btn-R-Editor:hover {
    border-color: #135aff !important;
    background-color: #135aff;
    color: white;
}
.btn-M-Editor {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #1b1b1b;
    border-color: #1b1b1b;
}

.btn-M-Editor:hover {
    border-color: #1b1b1bc5 !important;
    background-color: #1b1b1bc5;
    color: white;
}

.btn-Manager {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #400080;
    border-color: #400080;
}

.btn-Manager:hover {
    border-color: #7300e6 !important;
    background-color: #7300e6;
    color: white;
}

.btn-Guest {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #00b92e;
    border-color: #00b92e;
}

.btn-Guest:hover {
    border-color: #2dff62 !important;
    background-color: #2dff62;
    color: white;
}

.btn-Admin {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #E60086;
    border-color: #E60086;
}

.btn-Admin:hover {
    border-color: #e42795 !important;
    background-color: #e42795;
    color: white;
}



.dropdown-menu > .li-User > a{
    color: #0088cc;
}

.dropdown-menu >.li-D-Editor > a {
    color: #f8701b;
}
.dropdown-menu >.li-M-Editor > a {
    color: #1b1b1b;
}

.dropdown-menu > .li-R-Editor > a{
    color: #003cc8;
}

.dropdown-menu > .li-Manager > a{
    color: #400080;
}

.dropdown-menu > .li-Guest > a{
    color: #E60086;
}

.dropdown-menu > .li-Admin > a{
    color: #E60086;
}