textarea[name="reply_content"] { width: 99% !important; } .divTable{ border-spacing: 0px; border-collapse: collapse; width: 100%; } .divTableRow { } .divTableHeading { background-color: #EEE; display: table-header-group; } .divTableCell, .divTableHead { border: 1px solid #0F1A26; padding: 5px 10px; } .divTableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; } .divTableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; } .infoblock_ticket { width: 20%; background-color: #0f1a26; text-align: right; } .contentblock_ticket { } .ticket_ReplyBox { margin-top:12px; border-bottom: 1px dashed #0F1A26; } input[name="ticket_close"] { background-color: #e74c3c !important; border: 2px solid #e74c3c !important; } input[name="ticket_close"]:hover { background-color: #c0392b !important; border: 2px solid #c0392b !important; } .ticket_button { margin: 8px 0 6px 0 !important; } .ticket_admin_button { margin: 8px 0 4px 0 !important; float: right; clear: both; } .no_ticket_replies { padding: 12px; background-color: #e75630; font-weight: bold; text-align: center; border-radius: 3px; } .ticket_reply .user:after { content: "\f007"; font: normal normal normal 40px/1 FontAwesome; position: absolute; } .ticket_reply .admin:after { content: "\f2be"; font: normal normal normal 38px/1 FontAwesome; position: absolute; margin-left: -40px; margin-top: 4px; } .ticket_reply { margin: 10px 0 20px 0; padding: 0; } .ticket_reply.admin { text-align: right; } .ticket_reply.admin .message{ margin-right: 60px; margin-left: 0; } .ticket_reply .date:after { content: "\f017"; font: normal normal normal 14px/1 FontAwesome; margin-left: 5px; } .ticket_reply .date { float: right; padding: 8px 10px; font-size: .9em; color: #aaa; } .ticket_reply.admin .date { float: left; } .ticket_reply .admin { text-align: right; } .ticket_reply .user { padding: 5px 10px; } .ticket_reply .admin { padding: 5px 10px; } .ticket_reply .user .name { display: block; font-size: .9em; } .ticket_reply .admin .name { display: block; font-size: .9em; } .ticket_reply .user .type { display: block; font-weight: 700; font-size: .8em; color: #ffa139; } .ticket_reply .admin .type { display: block; font-weight: 700; font-size: .8em; color: #03f888; } .ticket_reply .message:before { border-width: 6px !important; margin-top: -6px !important; } .ticket_reply.admin .message:before { right: auto; left: 100%; border-right-color: transparent; border-left-color: #00a65a; } .ticket_reply .message:before { position: absolute; right: 100%; top: 15px; border: solid transparent; border-right-color: #e07600; content: ' '; height: 0; width: 0; } .ticket_reply.admin .message { background-color: #00a65a; border-color: #00a65a; } .ticket_reply .message { border-radius: 5px; position: relative; padding: 5px 10px; background: #e07600; border: 1px solid #e07600; margin: 0px 0 0 50px; color: #fff; display: inline-block; } .ticket_footer { margin-top:15px; padding: 8px 10px; border-bottom: 1px solid #0F1A26; } .ticketErrorHolder { padding: 15px; margin-bottom: 20px; margin-top: 20px; border: 1px solid transparent; border-radius: 4px; border-color: #d73925; background-color: #dd4b39 !important; } .ticketErrorHolder .failure { color: #fff; font-weight: bold } .ticketErrorList li { list-style-type: none; } .ticketError { text-align: left; } div.stars { width: 270px; display: inline-block; } input.star { display: none; } label.star { float: right; color: #444; transition: all .2s; font-size: 18px; padding: 1px; } input.star:checked ~ label.star:before { content: '\2605'; color: #FD4; transition: all .25s; } input.star-5:checked ~ label.star:before { } input.star-1:checked ~ label.star:before { color: #F62; } label.star:hover { transform: rotate(-15deg) scale(1.3); } label.star:before { content: '\2605'; } .ticket_closed { padding: 12px; margin: 8px 0; background-color: #96979b; color: #fff; text-align: center; font-weight: bold; border-radius: 3px; } .ticket_ReplyBox.status_ticket_closed { display: none; } .ticket_reply_notice { cursor: pointer; right: 0; text-align: center; background-color: #0073b7; color: #fff; padding: 12px; font-size: 14px; margin: 8px 0; border-radius: 3px; font-weight: bold; } .ticket_reply_notice .left, .ticket_reply_notice .center, .ticket_reply_notice .right { display: inline-block; } .ticket_reply_notice .left { float: left; } .ticket_reply_notice .right { font-weight: bold; font-size: 25px; float: right; height: 0; margin-top: -7px; } .clear { clear: both; } #jsErrorBox { display: none; margin-bottom: 24px; } .attachment_container { width: 100%; margin-top: 6px; } .attachment_header { margin-bottom: 6px; font-weight: bold; font-size: 14px; } .attachment_add { float: right; } .attachment_add button { padding: 10px 24px; } .attachment_add button:disabled { cursor: not-allowed; } .attachment_inputs { float: left; width: 80%; } .attachment_inputs input[type="file"] { display: block; width: 100%; padding: 10px 10px; margin-bottom: 6px; background-color: rgba(55,138,183,0.101); font-size: 16px; color: #a6a7a9; border-radius: 3px; } .attachment_info { clear: both; margin-bottom: 6px; color: #777; }