// Flyttat från directives.less
fb-notes {
    display: block;
    @fullWidth: 100%;
    @backgroundGrey: #cbcbcb;

    .newNoteInput input {
        min-height: 30px;
    }

    .previousNotes {
        margin-top: 10px;

        .note {
            display: block;
            padding-bottom: 5px;
            padding-top: 5px;
            margin-top: 10px;

            @face-width: 50px;

            div.authoringData {
                padding-left: @face-width + 10px;
            }

            .face {
                img {
                    @size: @face-width - 10px;
                    width: @size;
                    height: @size;
                    border-radius: @size/2;
                }

                float: left;
                display: block;
                width: @face-width;
            }

            @radius: 5px;

            .text {
                width: calc(~"100% - " @face-width);
                float: left;
                background: inherit;
                position: relative;
                .border-standard();
                border-radius: @radius;
                .create-arrow-pointing-left-with-border(@fb-color-tenth-shade-of-grey, white, 6px, @face-width/2);
            }

            .textView {
                width: calc(~"100% - " @radius*2);
                margin: @radius;
                display: block;
                resize: none;
                overflow-y: visible;
                height: 30px;
                border: none;
                outline: 0;
                box-sizing:content-box;

                :focus {
                }
            }
        }
        .notessListShowMore {
            .showMoreDiv();
        }
    }
}

fb-anteckning {

    .anteckning__wrapper {
        &:extend(fb-notes all);

        .note {
            position: relative;

            .fb-popover {
                left: 140px;
                top: 90%;
            }
        }
    }

    .snabbNote {
        height: 102px;
        position: relative;
        float: left;
        width: calc(100% ~"- 61px");
    }

    .snabbButtonGroup {
        height: 102px;
        position: relative;
        float: right;
        margin-top: 15px;
        width: 46px;
    }

    .snabbButtons {
        width: 56px;
        height: 30px;
        margin-bottom: 6px;
        margin-left: -5px;
        text-align: center;
    }
    .noteHeight {
        height: 102px;
        margin-bottom: 25px;
    }
}