
@import "~@dnnsoftware/dnn-react-common/styles/index";
:local(.activities) {
    .activities-topbar{
        border-bottom: solid 1px @alto;
        margin: 20px 25px 0 25px;
        padding: 0 0 15px 0;
        font-weight: bolder;
        color: @thunder;
     }   
    .activityItems {        
        display: inline-block;
        margin: 15px 25px 30px 25px;
        border: solid 1px @alto;        
        .activityHeader-wrapper {
            &:not(:last-child) {
                border-bottom: 1px solid @alto;
            }
            width: 100%;
            float: left;
            padding: 15px 0 15px 0;
            text-transform: uppercase;
            font-weight: bolder;
            .activityHeader-Username {
                padding: 0 0 0 25px;
                width: 34%;
                float: left;
            }
            .activityHeader-CreatedDate {
                width: 20%;
                float: left;
            }
            .activityHeader-LastLogin {
                width: 20%;
                float: left;
            }
            .activityHeader-LastActivityDate {
                width: 20%;
                float: left;
            }
        }
        .activityItem {
            display: table;
            width: 100%;
            padding: 15px 0;
            color: @thunder;
            &:not(:last-child) {
                border-bottom: 1px solid @alto;
            }
            .label-username {
                padding: 0 0 0 20px;
                width: 34%;
                float: left;
            }
            .label-createddate {
                width: 20%;
                float: left;
            }
            .label-lastlogindate {
                width: 20%;
                float: left;
            }
            .label-lastactivitydate {
                width: 20%;
                float: left;
            }
            .label-wrapper {
                padding: 0 5px 0 5px;
                overflow-wrap: break-word;
            }
        }
    }
}