.commentsBlock {
    margin-top: 20px;
    margin-bottom: 20px;
}
.commentItem {
    padding: 1em;
    border: 1px solid rgb(225, 227, 236);
    border-radius: 5px;
    margin-top: 10px;
}
.commentItemNew {
    background-color: #FFC0CB;
}
.commentItemSon {
    background-color: #c7ffc0;
}
.commentPanel {
    margin-top: 15px;
}

.commentUserName {
    font-weight: 900;
    display: inline-block;
}
.commentDate {
    display: inline-block;
}
.commentText {
    margin-top: 15px;
}
.commentTitle {
    font-size: 28px;
}
.commentLink {
    font-size: 24px;
    color: #0073f5;
    text-decoration: solid;
    margin-top: 15px;
}

.commentInput {
    width: 100%;
    height: 45px;
    margin-top: 10px;
        padding: 1em;
    border: 1px solid rgb(225, 227, 236);
    border-radius: 5px;
}
.commentTextarea {
    width: 100%;
    height: 100px;
    margin-top: 10px;
        padding: 1em;
    border: 1px solid rgb(225, 227, 236);
    border-radius: 5px;
}

.commentInput:focus, .commentTextarea:focus {
    outline-width:0rem;
    border-color: #f3a505;
}

.commentBtn {
    margin-top: 10px;
    margin-bottom: 10px;
}

input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

textarea::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
textarea::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
textarea:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
textarea:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

.commentCompParams {
    display: none;
}

#responceOfComment {
    padding: 1em;
    border: 1px solid #54a348;
    border-radius: 1em;
    margin-top: 10px;
    display: none;
}

.titleGreen {
    color: #54a348; font-weight: normal; font-size: 18px;
}


.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    border-color: rgb(182, 187, 214) !important;
}