.group-right, .group-right-header, .group-right-detail { width:100%; height:40px;float:left; }
.group-right{border-bottom: solid 1px white;background-color:#F4F4F4; font-weight:bold; color:gray;}
.group-right-detail{border-bottom: solid 1px white;background-color:green; font-weight:bold; color:gray;}
.group-right-header{border-bottom: solid 1px lightgray;background-color:white; }
 

/*.group-right-lvl-0 {}*/
.group-right-lvl-1 {padding-left: 17px;} /*width: 303px !important;*/
.group-right-lvl-2 {padding-left: 34px;} /*width: 286px !important;*/

.box-group-rights-manager { position:initial!important; }
.box-group-rights-manager .box-body { position: absolute;
top: 53px;
bottom: 0;
left: 0px;
right: 0px;
overflow-y: auto;
padding-right: 3px !important; 
border-left: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}

.group-right-container:hover { background-color:#F0F0F0; }
.group-right-container:hover .group-right-label-container { background-color:#F0F0F0; }

.kpiright-elem:hover { background-color:#f0f0f0; }
.kpiright-elem:hover .kpiright-group-ico { background-color:#f0f0f0; }
.kpiright-elem:hover .kpiright-label { background-color:#f0f0f0; }
.kpiright-elem:hover .kpiright-status { background-color:#f0f0f0; }

/*.group-right-checkbox{ height:30px; width:70px; float:right; }*/

.group-right-label-container{height:33px; line-height:40px; float:left; width:320px; color:#333;}
.group-right-checkbox-container { text-align: center;
width: 24px;
position: relative;
float: right;
height: 38px;
border-bottom: 1px solid #E8E8E8;
margin-right: 11px;
} 
/*background-color: #F9F9F9;border-left: 1px solid #E8E8E8;border-right: 1px solid #E8E8E8;*/
.group-right-container { 
    width:100%; 
    float:left; 
    border-bottom: 1px solid #E5E5E5;
    /*background-color: #f9f9f9;*/ 
    height:34px; 
    position:relative;
    border-right: 1px solid #E5E5E5;
}

    .group-right-container:nth-child(even) {
        background-color: #f9f9f9;
    }


.group-right-label{line-height:34px; float:left;padding-left:10px;}
.group-right-label-container .fa { margin-top: 10px;  color: #333 !important; margin-left: 10px;}
.group-right-checkbox-container-add .fa { width:100%;text-align:center;font-size: 14px;}
.box-screenrights .box-header.with-border {border-bottom: 1px solid #E8E8E8 !important; background-color: #F9F9F9; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }

.group-right-container label {
    width: 24px;
    height: 22px;
    display: block;
    background: url("Images/checkbox-right-unchecked.png");
    position: absolute;
    top: 7px;
}

.group-right-container input:checked + label {
    background: url("Images/checkbox-right-checked.png");
}

.group-right-container input[type=checkbox] {
	visibility: hidden;
}

.group-right-checkbox-container-add {
    height: 100%;
    font-size: 12px;
    line-height: 33px;
    padding-top: 1px;
    cursor: pointer;
    position:relative;
}

.group-right-checkbox-container-add:nth-child(6)
{
    border-left:none;
}
.group-r-checked {
    /*background-color: #F0F0F0; color:black;*/
    color: #5F7D41;
}
.group-r-unchecked {
    /*background-color: white;*/
    color: #CDCDCD;
}

.rvisible.group-r-checked,
.rvisible.group-r-unchecked,
.rcanupdate.group-r-checked,
.rcanupdate.group-r-unchecked,
.rcandelete.group-r-checked,
.rcandelete.group-r-unchecked,
.rcaninsert.group-r-checked,
.rcaninsert.group-r-unchecked
{
    background-position-y: 6px;
    background-repeat: no-repeat;
    background-position-x: 3px;
}



.group-rights-container {
    position: absolute;
    top: 34px;
    bottom: 0;
    left: 0px;
    width: 100%;
    max-width:1032px;
    min-width:500px;
    overflow-y: scroll;
    padding-right: 0px !important;
    border-left: 1px solid #e1e5ed;
}

.group-right-container-header {
    background-color: white;
    border-left: 1px solid #E5E5E5;
    width: 1015px;
    float: left;
    border-bottom: 1px solid #E5E5E5;
    height: 34px;
    position: relative;
    border-right: 1px solid #E5E5E5;
}
.group-right-container-right {
    float: left;
    width: 521px;
    height: 100%;
    line-height: 33px;
    margin-left: 320px;
    border-left: 1px solid #E5E5E5;
}
.group-right-container-header-label {
    width: 89px;
    float: left;
    height: 100%;
    line-height: 33px;
    font-weight: bold;
    text-align: center;
}

.group-right-detail-container { float: left; border-left: 1px solid #E5E5E5; width: 89px; height: 100%; text-align: center; }

.group-other-right-detail-container {
    float: left;
    border-left: 1px solid #E5E5E5;
    height: 100%;
    text-align: center;
    position: absolute;
    right: 0;
    left: 680px;
    top: 0;
    padding-left:4px;
    overflow:visible;
}




.group-other-right-detail-container .group-right-checkbox-container-add .fa
{
    border-right:1px solid lightgray;
}

.group-other-right-detail-container .group-right-checkbox-container-add:last-child .fa
{
    border-right:0;
}

.rights-popup-line .fa-square { color: #CDCDCD !important; }

.group-r-allchecked { color: darkgreen;}
.group-r-allunchecked { color: lightgray;}
.group-r-somechecked { color: #E08E00;}

.rcustom { width:29px!important; float:left; text-align:center; }

.group-r-checked .fa-check-square, .group-r-unchecked .fa-square {  display: block;  margin-top: 8px; }
.group-r-unchecked .fa-check-square, .group-r-checked .fa-square { display:none; }

.group-right-container-left {
    display:none;
    position: absolute;
    background-color: orange;
    width: 320px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    top: 0px;
    left: 0px;
    color: white;
}

.rights-popup  {
    width:200px;
    background-color:white;
    border:1px solid lightgray;
    z-index:5;
    display:none;
    position:absolute;
    right: 0;
    top: 33px;
    border-bottom:0;
}

.dark-mode .rights-popup { background-color:var(--main-color); }
.dark-mode .rights-popup-line { color:white; }
.dark-mode .rights-popup-line:hover { background-color:var(--highlight-color); }

.rights-popup-line {
    width: 100%;
    border-bottom: 1px solid lightgray;
    height: 30px;
    line-height: 30px;
    text-align: left;
    color: #444;
}

.rights-popup-line:hover { background-color:#f4f4f4; }
.fa-cdm-popup-right
{
    float: left !important;
    width: 30px !important;
    border-right: 0 !important;
    height: 30px !important;
    margin-top: 0 !important;
    line-height: 30px !important;
    padding-left: 7px !important;
    padding-right: 14px !important;
}

.rights-popup-line .fa-check-square
{
    color: #5F7D41;
}