@import "variables";

#roles-permissions{
    .permissions-attach-content {

        // main title
        &--title {
            font-weight: $lightweight;
            color: $main-color;
        }

        // grid style
        .main-info-container {

            //grids headers
            &--header-row {
                height: 4rem;
            }
            
            //grids rows
            &--row {
                min-height: 6.4rem;
                height: auto;
                padding-bottom: 0.5rem;
            }
        }        

        /*Column width classes*/
    
        .number {
            width: 5%;
        }
        
        .name {
            width: 15%;
        }
        
        .description {
            width: 40%;
        }
        
        .view-name {
            width: 20%;
        }
        
        .action {
            width: 20%;
        }
    }
}