.artbox_comment_reply_author, .artbox_comment_update_reply { position: relative; width: 25%; } .artbox_comment_update_reply { width: 25%; float: none; } .artbox_comment_reply_author:after, .artbox_comment_update_reply:after { content: ''; background-image: url('delete-ico.png'); display: block; position: absolute; right: -13px; width: 13px; height: 13px; top: 0; cursor: pointer; } .removeable { color: #a94442; background-color: #f2dede; border-color: #ebccd1; border-radius: 4px; padding: 15px; padding-right: 35px; position: relative; } .removeable::after { content: ' '; display: block; position: absolute; right: 5px; top: 5px; width: 15px; height: 15px; background: url('delete-ico.png'); background-size: cover; cursor: pointer; } /* For default styling */ .new-portf-comments-wr { margin-top: 28px } .new-portf-comm-count { font-size: 18px } .input-blocks-comm { width: 230px; float: left; margin-left: 34px; position: relative; } .input-blocks-comm:first-child { margin-left: 0 } .new-portf-add-comm { padding: 24px 20px 30px 20px; box-sizing: border-box; margin-top: 10px; background: #f1f1f1; } .input-blocks-comm.area-comm { width: 680px; margin-left: 0; margin-top: 10px; position: relative; } .tender_questions_ .input-blocks-comm.area-comm { margin-top: 15px; } .custom-input-4 { width: 230px; height: 32px; border: 0; box-sizing: border-box; outline: none; color: #333; font-size: 13px; line-height: 29px; padding-left: 8px; margin-top: 5px; } .custom-area-4 { min-height: 142px; max-height: 142px; resize: none; width: 100%; max-width: 100%; border: 0; box-sizing: border-box; outline: none; color: #636363; font-size: 13px; padding-left: 8px; padding-top: 8px; margin-top: 5px; } .input-blocks-comm label { font-size: 13px; color: #454545; font-weight: 700; } .custom-area-4:focus, .custom-input-4:focus { box-shadow: 1px 2px 2px 0px rgba(215, 215, 215, 0.75) inset; transition: 0.1s; outline: none } .input-blocks-comm-button { text-align: right; margin-top: 16px } .input-blocks-comm-button button { background: #0072bc; color: #fff; font-size: 13px; height: 27px; outline: none; cursor: pointer; border-radius: 4px; padding: 0 17px; border: 1px solid #0072bc; } .input-blocks-comm-button button:hover { background: none; color: #0072bc; transition: 0.2s; } .input-blocks-comm-button button:focus, .input-blocks-comm-button button:active { background: #035b94; color: #fff } .new-portf-comm-read-wr { margin-top: 29px } .new-portf-comm-read { width: 100%; float: left; padding-bottom: 13px; border-bottom: 1px solid #dcdcdc; margin-top: 30px; } .new-portf-comm-read:first-child { /*margin-top: 0*/ } .new-prof-wrapper-read { float: left; margin-left: 13px; } .new-portf-comm-read-title a { font-size: 13px; text-decoration: none; color: #0072bc; } .new-portf-comm-read-title a:hover { text-decoration: underline } .new-portf-comm-read-title { margin-top: -5px; } .new-portf-comm-read-rating { height: 30px; box-sizing: border-box; padding-top: 1px } .new-portf-comm-read-rating .rating { margin-top: 8px } .new-portf-comm-read-rating .vote-stars, .new-portf-comm-read-rating .vote-active, .new-portfolio-rating .vote-stars, .new-portfolio-rating .vote-active { cursor: pointer !important; } .new-portf-answer { width: 100%; float: left; font-size: 13px; line-height: 20px; margin-top: 10px; } .new-portf-answer p { width: 100%; float: left; font-size: 13px; line-height: 20px; } .new-portf-answer p:first-child { margin-top: 0 } .style { width: 100%; float: left; } /***proektant_comments***/ ul.proektant-comments { margin-top: 15px } .proektant-comments li { width: 100%; float: left; list-style: none; border-bottom: 1px solid #dcdcdc; padding-bottom: 20px; margin-top: 27px; } .proektant-comments li:first-child { margin-top: 0 } .proektant-comments li > div { float: left; width: 100%; font-size: 13px } .comments-name { font-weight: 700 } .comments-project-link a { color: #0073bc; text-decoration: underline; } .comments-status span { color: #0072bc; border-bottom: 1px dashed #0072bc; } .comments-status, .comments-date, .proektant-comments .rating { margin-top: 3px } .comments-content { line-height: 18px; margin-top: 11px } .comments-project-link { margin-top: 19px }