.parrots-page-access-group {
    height: 100%;
    width: 73%;
    position: absolute;  
    .wrapper-access-group-list {
        display: flex;
        width: 100%;
        height: 9%;
        background-color: extract(@CLR_1, 9); 
        font-weight: unset;
        align-items: center;
        margin-bottom: unset;
        cursor: pointer;
        border-bottom: 1px solid extract(@CLR_1, 7);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; 
        >.wrapper-space-first {
            display: flex; 
            width: 8%; 
        }
        >.wrapper-space {
            display: flex; 
            width: 2%; 
        }
        
        >.label-description-access-group {
            color: extract(@CLR_1, 3);
            position: absolute;
            right: 0;
            width: 55%;
        }
    } 
    .wrapper-access-group-list input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    } 
    .checkmark {
        position: absolute;
        left: 17px;
        height: 18px;
        width: 18px;
        background-color: #eee;
    } 
    .wrapper-access-group-list:hover input~.checkmark {
        background-color: #ccc;
    } 
    .wrapper-access-group-list input:checked~.checkmark {
        background-color: @CLR_BRAND;
    } 
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    } 
    .wrapper-access-group-list input:checked~.checkmark:after {
        display: block;
    } 
    .wrapper-access-group-list .checkmark:after {
        left: 5.5px;
        top: 1px;
        width: 6px;
        height: 13px;
        border: solid extract(@CLR_1, 9);
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    } 
    .icon-status-show {
        display: flex; 
        width: 2%; 
        height: 100%;
        align-items: center;  
        &:before { 
            cursor: pointer;  
            content: "K";
            font-family: 'PhloxGlyphicons';
            font-size: 10pt; 
        } 
    }
    .icon-sub-group {
        display: flex; 
        justify-content: center; 
        width: 2%; 
        align-items: center; 
        height: 100%; 
        &:before { 
            cursor: pointer;  
            content: "z";
            font-family: 'PhloxGlyphicons';
            font-size: 15pt; 
        } 
    } 
}