.yellow-header {
    background-color: #ffcb2f;
    height: 8px;
    border-bottom: 1px solid #d3a222;
}

.back-button-container {
    height: 50px;
    background-color: #eeeeee;
    border-bottom: 1px solid #c4c0bd;
    padding: 0 0 0 20px;
}

.back-button-container a {
    line-height: 50px;
    text-decoration: none;
    color: #666666;
    font-size: 14px;
}

.item-title-container {
    margin: 0;
    font-size: 16px;
    height: 36px;
    background-color: #eeeeee;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #dddddd;
    line-height: 36px;
    padding: 0 0 0 20px;
    color: #35991d;
    font-weight: bold;
    overflow: hidden;
}

.item-title-container.without-border {
    border: none;
}

.empty-comments {
    background-color: #eeeeee;
    padding: 5px 0 5px 20px;
    color: #666666;
    font-size: 14px;
}

.comments-container .comment {
    padding: 15px 10px;
    border-bottom: 1px solid #dddddd;
}

.comments-container .comment.last {
    border: none;
}

.comments-container .comment .left {
    overflow: hidden;
}

.comments-container .comment .right {
    float: right;
    margin: 5px 0 0 0;
}

.comments-container .comment .title .owner-comment {
    color: #35991d;
    font-weight: bold;
}

.comments-container .comment .title .separator {
    color: #f2f2f2;
}

.comments-container .comment .title .name {
    color: #000000;
    font-weight: bold;
}

.comments-container .comment .title .date {
    color: #666666;
}

.comment-form {
    background-color: #eeeeee;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 20px;
}

.comment-form.without-border {
    border: none;
}

.comment-form .input-container {
    margin: 0 0 15px 0;
}

.comment-form .input-container label {
    display: block;
    color: #666666;
    font-size: 14px;
    margin: 0 0 5px 0;
}

.comment-form .input-container input, .comment-form .input-container textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #dbdad9;
    padding: 5px;
}

.comment-form .input-container input {
    height: 31px;
}

.comment-form button {
    padding: 15px 25px;
    border: 0;
    background-color: #39991b;
    color: #ffffff;
    display:inline-block;
}
.button-grid{
    display: grid;
    grid-template-columns: 150px auto;
}
.agree-with-rules{
    padding-left:10px;
    display: inline-block;
    color: #666666;
    vertical-align:top;
    font-size: 14px;
    line-height:20px;
    position:relative;
    top:50%;
    transform: translateY(-50%);
}

.agree-with-rules a{
    color: #666666;
}

.comment-form.login-form h2,
.comment-form.verify-acc-form h2,
.comment-form.blocked-form h2 {
    color: #333333;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

.comment-form.login-form .login-button,
.comment-form.verify-acc-form .verify-acc-button {
    text-align: center;
}

.comment-form.login-form .login-button a,
.comment-form.verify-acc-form .verify-acc-button a {
    display: inline-block;
    background-color: #339900;
    color: #FFFFFF;
    line-height: 40px;
    text-decoration: none;
    height: 40px;
    min-width: 300px;
    border-radius: 3px;
    margin: 20px 0 0 0;
    font-size: 16px;
    font-weight: bold;
}

.comment-form.login-form .register-button {
    text-align: center;
    margin: 20px 0 0 0;
}

.comment-form.login-form .register-button a {
    color: #339900;
    text-decoration: none;
    font-size: 16px;
    line-height: 22px;
}