.parrots-group-table-row {
    display: block; 
    height: 60px;
    width: 100%; 
    border: 0.5px solid transparent;  
    .drag-top-bottom {
        display: flex; 
        height: 5px; 
        width: 100%;
    } 
    .wrapper-group-row {
        display: flex; 
        height: 50px; 
        width: 100%;
        .wrapper-icon-deails {
        height: 100%;
        width: 4%; 
        cursor: pointer; 
        } 
        .icon-move {
            display: flex;  
            cursor: move;
            align-items: center; 
            justify-content: center;
            height: 100%;
            width: 5%; 
            &:before {  
                content: "G";
                font-family: 'PhloxGlyphicons';
                font-size: 20pt; 
            } 
        }
        .icon-right {
            display: flex;  
            height: 100%;
            justify-content: center;
            align-items: center; 
            &:before { 
                cursor: pointer;  
                content: "E";
                font-family: 'PhloxGlyphicons';
                font-size: 10pt; 
            } 
        }
        .icon-down {
            display: flex; 
            height: 100%;
            justify-content: center;
            align-items: center; 
            color: @CLR_BRAND;
            &:before { 
                cursor: pointer;  
                content: "K";
                font-family: 'PhloxGlyphicons';
                font-size: 10pt; 
            } 
        }
        .icon-sub {
            display: flex; 
            height: 100%;
            justify-content: center;
            align-items: center; 
            color: @CLR_BRAND;
            &:before { 
                cursor: pointer;  
                content: "z";
                font-family: 'PhloxGlyphicons';
                font-size: 15pt; 
            } 
        } 
        .label-value-group-name {
            display: flex;  
            position: absolute;
            width: 27%; 
            align-items: center; 
            height: 50px;
            font-weight: bold; 
            margin-left: 2px;
        } 
        .label-value-group-type-name {
            display: flex; 
            position: absolute;
            right: 47%;
            width: 20%; 
            height: 50px;
            align-items: center; 
            color: extract(@CLR_1, 3); 
        }
        .label-value-create {
            display: flex; 
            position: absolute;
            right: 32.625%;
            width: 14.375%;  
            height: 50px;
            align-items: center;  
        }
        .label-value-update {
            display: flex; 
            position: absolute;
            right: 18.25%;
            width: 14.375%; 
            height: 50px;
            align-items: center;  
        }
        .wrapper-switch-table {
            display: flex; 
            position: absolute;
            right: 11.25%;
            width: 7%; 
            height: 50px;
            align-items: center; 
            justify-content: center;
            font-weight: bold; 
            .phx-switch {
                display: flex;
            }
            .phx-switch input.toggle + label {
                margin-bottom: unset !important;
            }
            .phx-switch input.toggle + label:before {
                background: @CLR_BRAND;
            }
            .phx-switch input.toggle:checked + label:after {
                box-shadow: inset 0 0 0 1px @CLR_BRAND, 0 2px 4px rgba(0, 0, 0, 0.2);
            }
        } 
        .icon-edit {
            display: flex; 
            position: absolute;
            right: 7.5%;
            width: 3.75%; 
            height: 50px;
            cursor: pointer;
            justify-content: center;
            align-items: center; 
            &:before {  
                content: "w";
                font-family: 'PhloxGlyphicons';
                font-size: 23pt; 
            } 
        } 
        .icon-add-sub {
            display: flex; 
            position: absolute;
            right: 3.75%;
            justify-content: center; 
            align-items: center; 
            width: 3.75%;  
            height: 50px;
            cursor: pointer; 
            &:before { 
                cursor: pointer;  
                content: "R";
                font-family: 'PhloxGlyphicons';
                font-size: 18pt; 
            } 
        }
        .icon-del {
            display: flex; 
            position: absolute;
            right: 0;
            justify-content: center; 
            align-items: center; 
            width: 3.75%; 
            height: 50px;
            cursor: pointer; 
            &:before { 
                cursor: pointer;  
                content: "g";
                font-family: 'PhloxGlyphicons';
                font-size: 14pt; 
            } 
        }  
    } 
}