div.page_komentarji,
div.page_komentarji_anketa {

    //Splošni komentarji

    div#comment_question_note {
        margin-bottom: 16px;
        font-size: 20px;

        span {
            font-size: inherit;
        }
    }

    div.testni_vnos {
        margin-bottom: 16px;

        a {
            text-decoration: none;
        }

        .monitor {
            position: relative;

            &:after{
                content: "T";

                position: absolute;
                top: 2px;
                left: 37%;

                font-family: $font_family;
                font-size: 8px;
            }
        }
    }

    div.comment_checkboxes_wrap {
        display: flex;
        flex-direction: row;
        gap: 12px;

        div.setting_holder {
            display: flex;
            flex-direction: column;

            label {
                margin: 0;
            }
        }
    }

    div.komentarji_anketa_holder {
        margin-top: 32px;
        display: flex;
        flex-direction: row;
        gap: 32px;
        width: 100%;

        div.komentarji_anketa {
            width: 50%;

            fieldset {
                padding: 32px 24px;

                div.comment_box {
                    width: 100%;
                    display: flex;
                    flex-direction: column;

                    border-bottom: 1px solid $gray;

                    margin-bottom: 16px;

                    .by {
                        margin-bottom: 4px;
                        .user {
                            font-weight: $semi-bold;
                        }
                    }

                    .date {
                        font-size: 14px;
                        color: $very-dark-gray2;
                    }

                    .content {
                        margin: 16px 0;
                    }

                    .bottom_options {
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;
                        align-items: center;
                        margin-bottom: 16px;

                        .archive_comment,
                        .unarchive_comment {

                            cursor: pointer;
                            color: $blue;

                            transition: 0.2s;
                            &:hover {
                                $color: darken ($blue, 3%);
                            }
                        }

                        .archived_comment {
                            color: $very-dark-gray2
                        }
                    }
                }

                div.add_comment_toggle {
                    transition: 0.3s;
                }

                div.comment_wrapper {
                    display: none;
                    transition: 0.3s;

                    div.new_comment {
                        display: flex;
                        flex-direction: column;
    
                        textarea {
                            width: 100%;
                            height: 100px;
                        }
    
                        button {
                            width: fit-content;
                            margin-top: 8px;
                        }
                    }
                }

            }
        }
    }

    // Komentarji na vprašanja
    ul {
        list-style-type: none;
        padding: 0;
        margin: 32px 0 0 0;

        // V vprasanju tukaj odstranimo urejanje
        .spremenljivka_content{

            .icons_holder{
                display: none !important;
            }

            .add-variable{
                display: none !important;
            }
        }

        div.question_comment_holder {
            display: flex;
            flex-direction: row;
            margin-top: 16px;
            margin-bottom: 32px;

            div.question_comment {
                display: flex;
                flex-direction: column;

                width: 50%;

                &.editor {
                    border-right: 1px solid $gray;
                    padding-right: 62px;
                    margin-right: 62px;
                }

                div.comment_type {
                    font-weight: $semi-bold;
                    margin-bottom: 16px;
                    text-transform: uppercase;
                }

                div.comment_box {
                    width: 100%;
                    display: flex;
                    flex-direction: column;

                    border-bottom: 1px solid $gray;

                    margin-bottom: 16px;

                    .by {
                        margin-bottom: 4px;
                        .user {
                            font-weight: $semi-bold;
                        }
                    }

                    .date {
                        font-size: 14px;
                        color: $very-dark-gray2;
                    }

                    .content {
                        margin: 16px 0;
                    }

                    .bottom_options {
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;
                        align-items: center;
                        margin-bottom: 16px;

                        .archive_comment,
                        .unarchive_comment {
                            cursor: pointer;
                            color: $blue;

                            transition: 0.2s;
                            &:hover {
                                $color: darken ($blue, 3%);
                            }
                        }
    
                        .archived_comment {
                            color: $very-dark-gray2
                        }

                        .reply_to {
                            a {
                                text-decoration: none;
                            }
                        }
                    }
                }

                div.comment_wrapper {
                    display: none;
                    transition: 0.3s;
                }

                div.new_comment,
                div.reply_to_text {
                    display: flex;
                    flex-direction: column;

                    div.reply_to_who {
                        color: $very-dark-gray2;
                    }

                    textarea {
                        width: 100%;
                        height: 100px;
                    }

                    button {
                        width: fit-content;
                        margin-top: 8px;
                    }
                }
            }
        }
    }
}

////////////////////////////////

#placeholder.komentarji{
    margin: 0px;
}

.comment {
	font-style: italic;
	color: $red;
	width: auto;
	padding-right: 10px;
	padding-top: 3px;
	display: block;
	float: left;
}
.if_comment {
	font-style: italic;
	color: $gray;
	width: auto;
	margin: 0px 3px;
}
.spr_comment {
	font-style: italic;
	color: $gray;
	width: auto;
	margin: 0px 3px;
}
#quick_comments_link {
	a {
		span.link {
			display: inline-block;
			padding: 3px !important;
			padding-bottom: 5px !important;
			font-size: 11px;
			vertical-align: top;
		}
	}
}
#quick_comments_link.newCss {
	text-align: center;

	img {
		vertical-align: middle;
	}
}
.comments_on_alert {
	margin-bottom: 32px;
    padding: 16px 32px;

    border: 1px solid $gray;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);

    .title{
        font-weight: 600;
        font-size: 16px;
        text-transform: uppercase;

        padding-bottom: 8px;
        margin-bottom: 8px;

        border-bottom: 1px $gray solid;

        .faicon{
            margin-right: 8px;
            color: $blue;
        }
    }

    .text{

    }

    a{
        //color: white;
        font-weight: 500;

        &:hover{
            color: $blue;
        }
    }
}
.comment_qtip_title_secondLine {
	color: $gray;
	font-weight: normal !important;
	padding-top: 5px;
}
@mixin sub_settings_comments(){

    
}

#topSettingsHolder.komentarji,
#topSettingsHolder.komentarji_anketa {
    
    #additional_navigation {

		span.bold {
            margin: 0 0 0 8px;
            font-size: 14px;

            span{
                margin: 0;
                padding: 0;
                font-size: 14px;
            }
        }
	}
}