#role_group_form .panel-role .role_name {
    font-weight: 900;
    padding-left: 10px;

}

#role_group_form .panel-role .role_groups {
    margin-left: 30px;
    opacity: 0.6;
    padding-bottom: 10px;
    padding-top: 5px;
}

#role_group_form .panel-roles {
    height: calc(100% - 25px);
    overflow-y: auto;
    margin-bottom: 20px;
    padding-top: 15px;
}
#role_group_form .panel-role {
    background: var(--secondary-background);
    border-radius: var(--main-border-radius);
    padding-top: 10px;
}

.droppable-panel-role {
    outline: 1px solid orange;
}

.droppable-group-list {
    outline: 1px solid orange;
}

#groups_list {
    list-style: none
}

#groups_list td:hover {
    cursor: pointer;
}


.role_groups {
    list-style: none;
    width: 100%
}

.role_groups .role_group {
    cursor: pointer;
}

.role_groups .role_group:hover {
    color: var(--activated-color);
}

#affected_groups {
    list-style: none;
    width: 100%;
    padding: 5px 5px 5px 15px;
}

#affected_groups li:hover {
    color: var(--activated-color);
    cursor: pointer;
}

#affected_groups li .remove_group {
    opacity: 0;
    float: right;
    font-size: 11px;
}

#affected_groups li:hover .remove_group {
    opacity: 1;
}

.drag_group_helper {
    min-width: 200px;
    height: 25px;
}

.drag_group_helper td {
    padding-top: 7px;
}


#ldap_groups_filter, #roles_filter {
    display: inline;
    float: right;
    margin-left: 40px;
    margin-top: 5px;
    margin-right: 25px
}
#ldap_groups_filter label{
    display: flex;
}
.tab-content-container {
    width: 100%;
    padding: 5px;
    display: inline-block;
}


#roles_permission_list .permissions_set_tr {
    font-weight: 900;
    font-size: 13px;
    height: 32.5px;
}

#roles_permission_list .toggle_permissions_set_tr {
    margin-right: 10px;
    font-size: 11px;
    opacity: 0.5;
    cursor: pointer;
}

#roles_permission_list .toggle_permissions_set_tr:hover {
    opacity: 1;
}
#roles_permission_list .permissions_set_role_container ,
#roles_permission_list .permissions_role_container {
    outline: 1px solid var(--panel-heading-background);
    margin-left: 4px;
    margin-right: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
}
#roles_permission_list .permissions_role_container{
    margin-left: 16px;
    margin-right: 16px;
}
#roles_permission_list .permissions_set_role_td input {
    width: 100%;
}

#roles_permission_list .permission_role_td input {
    transform: scale(0.9);
    width: 100%;
}

#roles_permission_list .permission_role_td input:hover {
    transform: scale(1);
}


#roles_permission_list .permissions_set_role_td, #roles_permission_list .permission_role_td {
    text-align: center;
    padding: 0;
}

#roles_permission_list tr.hovered{
    background: var(--table-selection-background);
    color: white
}
#roles_permission_list .permission_tr {
    display: none;
    height: 32.5px;
    background: var(--secondary-background);
}

#roles_permission_list .permission_tr>td {
    padding-top: 0;
    padding-bottom: 0;
}



#roles_permission_list .permission_tr input {
    font-size: 0.8em;

}

#roles_permission_list th {
    font-size: 13px;
    min-width: 120px;
    max-width: 120px;
    text-align: center;
    vertical-align: top;
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
}
#roles_permission_list th.role_th{
    height: 30px;
}
#roles_permission_list th.role_th_empty {
    vertical-align: bottom;
    text-align: left;
}
#roles_permission_list th input[type=search]{
    width: 125px;
    float: right;
    margin-right: 30px;
}
#roles_permission_list th input[type=search]:focus{
    outline: none;
}
#roles_permission_list .role_select_all_th .btn_role {
    cursor: pointer;
    opacity: 0.4;
    padding-left: 5px;
    padding-right: 5px;
}

#roles_permission_list .role_select_all_th{
    height: 36px;
}
#roles_permission_list .role_select_all_th:hover .btn_delete_role {
    opacity: 1;
    cursor: pointer;
}

#roles_permission_list {
    overflow-x: auto;
    white-space: nowrap;
}

#roles_permission_list col:nth-child(even) {
}


#roles_permission_list [role_type="custom"] .role_checkbox {
}

#roles_permission_list .role_checkbox_spinner {
    position: relative !important;
    zoom: 0.6;
    margin-top: 7px;
}

.btn-role.active, .btn-role.active:hover , .btn-role.active:focus {
    background: var(--control-background) !important;
    font-weight: 600;
    outline: none;
    opacity: 1;
}

.btn-role {
    width: auto;
    font-size: 14px;
    padding: 10px;
    color: #878787;
    margin-left: 5px;
    margin-right: 5px;
}