mor-card{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    box-shadow: 0 0 @borderRadius rgba(0, 0, 0, 0.2);
    border-radius: @borderRadius;
    position: relative;
    background: #FFF;

    & > .card-header,
    & > .card-footer{
        line-height: 1.5em;
        height: auto;
        padding: 0.5em 1em;
        border-radius: @borderRadius @borderRadius 0 0;
        font-size: @fontSize*0.875;
        flex-grow: 0;
        flex-shrink: 0;
    }

    & > .card-footer{
        border-radius: 0 0 @borderRadius @borderRadius;
        background: @colorNeutral1;
        color: @colorBlack;
        border-top: 1px solid @colorNeutral2;
    }

    & > .card-body{
        padding: 1em;
        box-sizing: border-box;
        width: 100%;
        flex-grow: 1;
        overflow-y: auto;
        word-break: break-all;

        .setup-hover-scrollbar();
    }

    &.co-t{
        & > .card-header {
            background-color: @colorTheme;
            color: @colorWhite;
        }
    }

    &.co-lt{
        & > .card-header {
            background-color: @colorLightTheme;
            color: @colorWhite;
        }
    }

    &.co-dt{
        & > .card-header {
            background-color: @colorDarkTheme;
            color: @colorWhite;
        }
    }

    &.co-s{
        & > .card-header {
            background-color: @colorSuccess;
        }
    }

    &.co-w{
        & > .card-header {
            background-color: @colorWarning;
            color: @colorWhite;
        }
    }

    &.co-d{
        & > .card-header {
            background-color: @colorDanger;
            color: @colorWhite;
        }
    }

    &.co-p{
        & > .card-header {
            background-color: @colorPrimary;
            color: @colorWhite;
        }
    }

    &.co-m{
        & > .card-header {
            background-color: @colorMinor;
            color: @colorWhite;
        }
    }

    &.co-i{
        & > .card-header {
            background-color: @colorInfo;
            color: @colorWhite;
        }
    }

    &.co-bk{
        & > .card-header {
            background-color: @colorBlack;
            color: @colorWhite;
        }
    }

    each(range(11), {
        @colorName : 'colorNeutral@{value}';

        &.co-n@{value}{
            & > .card-header {
                background-color: @@colorName;
                color: if((@value > 5), @colorWhite, @colorBlack);
            }

            & > .card-header when (@value = 2) {
                border-bottom: 1px @colorNeutral3 solid;
            }

            & > .card-header when (@value = 1) {
                border-bottom: 1px @colorNeutral2 solid;
            }
        }
    });

    &.co-wh{
        & > .card-header {
            background-color: @colorWhite;
            color: @colorBlack;
            border-bottom: 1px @colorNeutral2 solid;
        }
    }

    &.full > .card-body{
        padding: 0;
    }

    &.inside-padding{
        padding: 1em;

        > .card-header,
        > .card-footer{
            border-radius: @borderRadius;
            border-top: none;
        }
    }

    // default status
    &{
        .co-t;
    }
}