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-B-Editor {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #003cc8;
    border-color: #003cc8;
}

.btn-B-Editor:hover {
    border-color: #135aff !important;
    background-color: #135aff;
    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;
}



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

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

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

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

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