.admin-functionalities {
    .module-container {
        max-width: 900px;
        width: 100%;
    }
    .module {
        align-content: center;
        align-items: flex-start;
        border-bottom: 1px solid $whitish;
        display: flex;
        padding: 1rem 0;
        &.active {
            .module-icon .icon,
            .module-name {
                color: $primary;
                fill: $primary;
            }
        }
    }
    .module-icon {
        flex-basis: 2rem;
        flex-shrink: 0;
        margin: 0 .5rem 0 0;
        .icon {
            @include svg-size(3rem);
            fill: $gray-light;
        }
    }
    .module-name {
        @extend %bold;
        @extend %large;
        color: $gray-light;
        flex-basis: 100px;
        flex-shrink: 0;
        margin: 0 .5rem;
    }
    .module-desc {
        @extend %small;
        color: $gray-light;
        flex: 1;
        margin: 0 2rem 0 0;
        p {
            margin: 0;
        }
    }
    .module-desc-options,
    .videoconference-attributes {
        align-items: flex-start;
        display: flex;
        margin-top: .5rem;
        fieldset,
        .icon {
            margin: 0 .5rem;
        }
        .icon {
            @include svg-size(2.5rem);
            align-self: center;
            cursor: pointer;
            fill: $gray-light;
            &:hover {
                fill: $primary;
            }
        }
    }
    .module-scrum {
        .icon {
            align-self: flex-end;
        }
    }
    .module-videoconference {
        .icon {
            align-self: flex-start;
        }
    }
}