// settings
@color_text_head: #7c7b7b;
@color_text_content: #575757;
@color_blackLink: #000000;
@color_grayLink: #3a3a3a;
@color_blueLink: #0060a3;
@color_border: #c0c5cc;
@color_comments: #0e507e;
@color_comments_red: #b92544;
@color_precteno: #aaaaaa;

.CoseDejeBlock {
    .CoseDejeItem {
        border-bottom: 1px solid @color_border;
        padding: 20px 0;
        position: relative;
        // spoledne nastaveni
        &.Uzivatel, &.Spravce {
            .head {
                & > img {
                    position: absolute;
                    top: 20px;
                    left: 0px;
                    height: 46px;
                }
                .description {
                    top: 0px;
                    font-size: 12px;
                    color: @color_text_head;
                    .first {
                        position: relative;
                    }
                    .second, .third {
                        margin-top: 2.5px;
                        line-height: 13px;
                        height: 13px;
                    }
                    .blackLink {
                        font-weight: bold;
                        text-decoration: none;
                        color: @color_blackLink;
                    }
                    .blueLink {
                        font-weight: bold;
                        text-decoration: none;
                        color: @color_blueLink;
                    }
                    .grayLink {
                        font-weight: bold;
                        text-decoration: none;
                        color: @color_grayLink;
                    }
                    .textLink {
                        color: @color_text_head;
                        text-decoration: none;
                    }
                    /* skupinaPreview - start */
                    .skupinaPreview {
                        display: none;
                        position: absolute;
                        left: 30px;
                        top: 20px;
                        background-image: url(../images/title-bg.gif);
                        background-position: center 26px;
                        background-color: #FFFFFF;
                        background-repeat: no-repeat;
                        width: 440px;
                        border: 1px solid @color_border;
                        z-index: 1;
                        .title {
                            padding: 0px 8px;
                            line-height: 26px;
                            height: 26px;
                            color: black;
                            font-size: 15px;
                            background: url(../images/kupina-preview-title.jpg) bottom left repeat-x;
                            text-transform: uppercase;
                            font-weight: bold;
                        }
                        .subHead {
                            padding: 12px 9px;
                            .blueLink {
                                font-weight: normal;
                                color: @color_blueLink;
                            }
                            a.blueLink {
                                text-decoration: underline;
                            }
                        }
                        .content {
                            padding: 0 9px 12px;
                            margin: 0px;
                            position: relative;
                            min-height: 77px;
                            img {
                                position: absolute;
                                top: 0px;
                                left: 9px;
                                width: 102px;
                                height: 77px;
                            }
                            .text {
                                margin-left: 111px;
                            }
                        }
                        .like {
                            position: absolute;
                            top: 4px;
                            right: 7px;
                        }
                    }
                    /* skupinaPreview - end */
                    
                    /* diskusePreview - start */
                    .diskusePreview {
                        display: none;
                        position: absolute;
                        left: 30px;
                        top: 48px;
                        background-color: #FFFFFF;
                        width: 426px;
                        border: 1px solid @color_border;
                        padding: 0px;
                        z-index: 1;
                        .head {
                            padding: 7px 7px 7px 60px;
                            background-repeat: no-repeat;
                            background-position: center top;
                            background-image: url(../images/zalozky-bg.gif);
                            height: auto;
                            img.image {
                                position: absolute;
                                width: 50px;
                                height: 50px;
                                top: 7px;
                                left: 7px;
                            }
                            .title {
                                line-height: 26px;
                                height: auto;
                                color: black;
                                font-size: 15px;
                                text-transform: uppercase;
                                font-weight: bold;
                                width: 100%;
                                span.caption {
                                    font-weight: normal;
                                    text-transform: none;
                                }
                                .like {
                                    position: relative;
                                    float: right;
                                    font-size: 12px;
                                    font-weight: normal;
                                    .setFavorite {
                                        padding-right: 0px;
                                    }
                                    .agreeR {
                                        padding-top: 0px;
                                        line-height: 18px;
                                        margin-right: 6px;
                                        a {
                                            display: inline-block;
                                            img {
                                                width: 16px;
                                                height: 16px;
                                                position: relative;
                                            }
                                        }

                                    }
                                }
                            }
                            .info {
                                margin: 0px;
                                background: none;
                                border: 0px;
                                .blueLink {
                                    color: @color_blueLink;
                                    font-weight: normal;
                                }
                                .blackLink {
                                    color: @color_blackLink;
                                    font-weight: normal;
                                    width: auto;
                                }
                            }
                        }
                        .content {
                            padding: 5px 7px 7px;
                            margin: 0px;
                        }
                    }
                    /* diskusePreview - end */
                }
                .icons {
                    float: none;
                    position: absolute;
                    right: 0px;
                    top: 20px;
                    .precistBtn, .pretenoBtn {
                        width: 16px;
                        height: 15px;
                        display: block;
                        float: left;
                        margin-top: 1px;
                    }
                    .precistBtn {
                        background-image: url(../images/icons/eye.png);
                    }
                    .pretenoBtn {
                        cursor: default;
                        background-image: url(../images/icons/eye-black.png);
                    }
                    .setFavorite {
                        margin-left: 9px;
                        padding-right: 0px;
                    }
                }
            }
            .content {
                color: @color_text_content;
                font-size: 12px;
                margin-top: 13px;
                margin-bottom: 7px;
                .JSperex {
                    height: 30px;
                    line-height: 15px;
                    overflow: hidden;
                    margin-bottom: 7px;
                }
                p {
                    margin: 0px 0px 6px;
                    &:first-child {
                        margin-bottom: 0px;
                    }
                }
                ol {
                    margin-top: 0px !important;
                }
                .JSmoreLink  {
                    display: none;
                }
                .rolled {
                    
                }
            }
            .file {
                margin-top: 12px;
                margin-bottom: 6px;
                position: relative;
                .title {
                    padding-left: 18px;
                    background-image: url('../images/file-types/default.png');
                    background-repeat: no-repeat;
                    background-position: left center;
                    text-decoration: none;
                    &.png, &.jpg {
                        background-image: url('../images/file-types/jpg.png');
                    }
                    &.doc, &.docx {
                        background-image: url('../images/file-types/doc.png');
                    }
                    &.pdf {
                        background-image: url('../images/file-types/pdf.png');
                    }
                }
                .filePreview {
                    display: none;
                    position: absolute;
                    left: 20px;
                    top: 20px;
                    background-image: url(../images/title-bg.gif);
                    background-position: center 26px;
                    background-color: #FFFFFF;
                    background-repeat: no-repeat;
                    width: 440px;
                    border: 1px solid @color_border;
                    z-index: 1;
                    .title {
                        padding: 0px 8px;
                        line-height: 26px;
                        height: 26px;
                        color: black;
                        font-size: 15px;
                        background-image: url(../images/kupina-preview-title.jpg);
                        background-position: bottom left;
                        background-repeat: repeat-x;
                        text-transform: uppercase;
                        font-weight: bold;
                        span.icon {
                            display: block;
                            float: left;
                            width: 18px;
                            height: 26px;
                            background-image: url('../images/file-types/default.png');
                            background-repeat: no-repeat;
                            background-position: left center;
                            &.png, &.jpg {
                               background-image: url('../images/file-types/jpg.png');
                            }
                            &.doc, &.docx {
                               background-image: url('../images/file-types/doc.png');
                            }
                            &.pdf {
                                background-image: url('../images/file-types/pdf.png');
                            }
                        }
                    }
                    .subHead {
                        padding: 12px 9px;
                    }
                }
            }
            .comments {
                position: absolute;
                right: 0px;
                padding: 0px;
                bottom: 8px;
                color: @color_comments;
                a {
                    text-decoration: none;
                    color: @color_comments;
                    &.red {
                        color: @color_comments_red;
                    }
                }
                &.more {
                    background: none;
                }
            }
            &.precteno {
                color: @color_precteno;
                .head {
                    img {
                        filter: @color_precteno;
                        filter: grayscale(100%);
                        -webkit-filter: grayscale(100%);
                        opacity: 0.5;
                    }
                    .verified {
                        background-image: url('../images/overena_gray.png');
                    }
                }
                .description {
                    color: @color_precteno;
                    .blackLink, .blueLink, .textLink, .grayLink {
                        color: @color_precteno;
                    }
                }
                .content, .comments {
                    color: @color_precteno;
                    a {
                        color: @color_precteno;
                    }
                }
                .file {
                    .title {
                        background-image: url('../images/file-types/default-gray.png');
                        &.png, &.jpg {
                            background-image: url('../images/file-types/jpg-gray.png');
                        }
                        &.doc, &.docx {
                            background-image: url('../images/file-types/doc-gray.png');
                        }
                        &.pdf {
                            background-image: url('../images/file-types/pdf-gray.png');
                        }
                    }
                    .filePreview .title {
                        background-image: none;
                    }
                }
            }
        }
        // individualni nastaveni
        &.Uzivatel {
            .head {
                & > img {
                    width: 42px;
                }
                .description {
                    margin-left: 55px;
                    .second {
                        .grayLink {
                            white-space: nowrap;
                            display: inline-block;
                            max-width: 300px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            margin-bottom: -1.5px;
                        }
                    }
                    &.new {
                        .second {
                            .grayLink {
                                width: 292px;
                            }
                        }
                    }
                    .skupinaPreview {
                        top: 48px;
                    }
                    .diskusePreview {
                        top: 32px;
                    }
                }
            }
        }
        &.Spravce {
            .head {
                & > img {
                    width: 60px;
                }
                .verified {
                    background-image: url('../images/overena.png');
                    position: absolute;
                    width: 20px;
                    height: 20px;
                    top: 48px;
                    left: 45px;
                }
                .description {
                    margin-left: 73px;
                    .third {
                        .grayLink {
                            white-space: nowrap;
                            display: inline-block;
                            max-width: 100%;
                            overflow: hidden;
                            text-overflow: ellipsis;
                        }
                    }
                }
            }
        }
    }
}
.CoseDeje
.error {
    margin: -15px 0 30px;
    width: 100%;
}