.trader-store-support-btn { margin-top: 3px; width: 100%; } .trader-store-support-btn-product { width: auto; margin-left: 3px !important; } .trader-support-login-wrapper { width: 430px !important; padding: 16px !important; margin: 0 auto !important; } .trader-support-login-wrapper h2 { border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; } .trader-support-table .trader-support-customer-name img { float: left; margin-right: 10px; } .trader-support-intro-text { padding: 10px 0px; font-size: 1.5em; margin-bottom: 15px; border-bottom: 1px solid #ddd; } .trader-support-topic-counts { padding-left: 0px !important; } .trader-support-topic-counts li{ display: inline-block; } .trader-support-topic-counts li.active a { color: #999; } .trader-support-topic-wrapper .trader-support-single-title { margin-bottom: 30px; } .trader-support-topic-wrapper .trader-support-topic-header { background: #222; color: #fff; padding: 10px; } .trader-support-topic-wrapper .trader-suppport-topic-body { margin-top: 20px; border: 2px solid #eee; margin-bottom: 0px; } .trader-support-topic-wrapper .trader-suppport-topic-body * { box-sizing: border-box; } .trader-support-topic-wrapper .trader-support-user-image { text-align: center; padding: 15px 0px; background: #eee; } .trader-support-topic-wrapper .trader-support-user-image img { margin-bottom: 6px; } .trader-support-topic-wrapper .trader-support-user-image h4, .trader-support-topic-wrapper .trader-support-user-image p { margin: 0; } .trader-support-topic-wrapper .trader-support-date-time { font-size: 12px; font-style: italic; } .trader-support-topic-wrapper .trader-support-reply { padding: 0px 20px; } .trader-support-topic-wrapper .trader-support-user-image { _border-right: 2px solid #eee; } .trader-support-topic-wrapper ul.trader-support-commentlist { padding-left: 0px; list-style: none; } .trader-support-topic-wrapper ul.trader-support-commentlist li { padding: 0; margin: 0; } .trader-support-topic-wrapper .comment-reply-title { display: none; } .trader-support-topic-wrapper .trader-dss-comment-textarea { width: 100%; } .trader-support-topic-wrapper .trader-support-topic-select { margin-bottom: 10px; margin-right: 10px; } .trader-support-reply-form #respond, .trader-support-reply-form #respond form { margin: 0; } .trader-single-store .trader-store-tabs ul li.trader-store-support-btn-wrap{ margin-right: 5px; } .trader-dss-chat-box { width: 100%; display: flex; justify-content: space-between; margin-top: 20px; } .trader-main-topic { width: 98%; background-color: white; } .trader-main-topic { border-bottom: 1px solid #F0F0F1; margin-bottom: 10px; padding-bottom: 30px; } .trader-dss-chat-box .trader-chat-image-box { width: 8%; display: flex; justify-content: center; align-content: stretch; } .trader-dss-chat-box .trader-chat-image-box .trader-chat-image-container { display: inline-block; position: relative; width: 30px; height: 30px; overflow: hidden; border-radius: 50%; } .trader-dss-chat-box .trader-chat-image-box .trader-chat-image-container .trader-chat-image { width: auto; height: 100%; } .trader-dss-chat-box .trader-chat-info-box { width: 100%; } .trader-dss-chat-box .trader-chat-info-box .trader-chat-sender-info { display: flex; justify-content: space-between; height: 28px; align-items: center; } .trader-dss-chat-box .trader-chat-info-box .trader-chat-sender-info .trader-chat-user-box { color: #717171; font-weight: 600; font-size: 0.9rem; } .trader-dss-chat-box .trader-chat-info-box .trader-chat-time-box { color: rgba(120, 129, 143, 0.5); font-weight: 400; float: right; margin-top: 9px; } .trader-dss-chat-box .trader-chat-info-box .trader-chat-text { border-radius: 0px 10px 10px 10px; display: flex; align-items: center; padding: 20px; margin-top: 9px; } .trader-dss-chat-box .trader-chat-info-box .trader-customer-chat-text { background: #f6f6f6; color: #717171; } .trader-dss-chat-box .trader-chat-info-box .trader-people-chat-text { background: #5353bb25; color: #5353bb; } .trader-dss-chat-box .trader-chat-info-box .trader-admin-chat-text { background: #f2faff; color: #1a9ed4; } .trader-dss-chat-box .trader-chat-info-box .trader-chat-text p { margin: 0; } .trader-dss-chat-box .trader-chat-action-box { width: 6%; display: flex; justify-content: center; align-items: center; } @media only screen and (max-width: 1000px) { .trader-dss-chat-box { width: 100%; display: flex; justify-content: space-between; margin-top: 20px; } .trader-dss-chat-box .trader-chat-image-box { width: 13%; display: flex; justify-content: center; align-content: stretch; } .trader-dss-chat-box .trader-chat-image-box .trader-chat-image-container { display: inline-block; position: relative; width: 30px; height: 30px; overflow: hidden; border-radius: 50%; } .trader-dss-chat-box .trader-chat-image-box .trader-chat-image-container .trader-chat-image { width: auto; height: 100%; } .trader-dss-chat-box .trader-chat-info-box { width: 77%; } .trader-dss-chat-box .trader-chat-info-box .trader-chat-sender-info { display: flex; justify-content: space-between; height: 28px; align-items: center; } .trader-dss-chat-box .trader-chat-info-box .trader-chat-sender-info .trader-chat-user-box { color: #717171; font-weight: 600; font-size: 0.9rem; } .trader-dss-chat-box .trader-chat-info-box .trader-chat-time-box { color: rgba(120, 129, 143, 0.5); font-weight: 400; float: right; margin-top: 9px; } .trader-dss-chat-box .trader-chat-info-box .trader-chat-text { background: #f2faff; border-radius: 0px 10px 10px 10px; display: flex; align-items: center; padding: 20px; color: #1a9ed4; margin-top: 10px; } .trader-dss-chat-box .trader-chat-info-box .trader-chat-text p { margin: 0; } .trader-dss-chat-box .trader-chat-action-box { width: 10%; display: flex; justify-content: center; align-items: center; } .trader-dss-chat-box .trader-chat-action-box .trader-chat-delete { margin-top: 35px; display: none; visibility: hidden; color: #e0e6f0; cursor: pointer; } .trader-dss-chat-box .trader-chat-action-box .trader-chat-delete:hover { color: #f2624d; } .trader-dss-chat-box:hover .trader-chat-delete { display: block; visibility: visible; } } .trader-support-commentlist { width: 100%; max-height: 400px; overflow-x: hidden; overflow-y: auto; scroll-behavior: smooth; margin: 20px 0 0 0; } .trader-support-commentlist::-webkit-scrollbar { width: 5px; } .trader-support-commentlist::-webkit-scrollbar-track { background: #FFFFFF; } .trader-support-commentlist::-webkit-scrollbar-thumb { background: rgba(241, 133, 29, 0.3); border-radius: 3px; } .trader-support-commentlist::-webkit-scrollbar-thumb:hover { background: #f1851d; } .trader-support-topic-wrapper ul.trader-support-commentlist li .chat-box { padding-right: 10px; } .trader-dss-chat-header { width: 100%; display: flex; border-bottom: 1px solid #F0F0F1; } .trader-dss-chat-header .trader-chat-title-box { width: 50%; display: block; } .trader-dss-chat-header .trader-chat-title-box .trader-chat-title { float: left; padding: 20px 20px 20px 0; font-size: 1rem; font-weight: 700; } .trader-dss-chat-header .trader-chat-title-box .trader-chat-status { color: rgb(201, 201, 201); } .trader-dss-chat-header .trader-chat-status-box { width: 50%; display: block; } .trader-dss-chat-header .trader-chat-status-box .trader-chat-status { float: right; margin: 15px 20px; padding: 5px 15px; border-radius: 3px; } .trader-dss-chat-header .trader-chat-status-box .trader-chat-open { background-color: rgba(46, 204, 113, 0.15); color: #039440; } .trader-dss-chat-header .trader-chat-status-box .trader-chat-closed { background-color: rgba(168, 168, 168, 0.1); color: #828282; } .trader-dss-panel-default { border: none; margin-top: 20px; } .trader-dss-panel-default .trader-dss-panel-heading { background-color: white; padding: 0; border: none; } .trader-dss-panel-default .trader-dss-panel-body { padding: 0; } .trader-dss-panel-default .trader-dss-panel-body .comment-respond { background-color: white !important; padding: 0 5px 0 0 !important; margin-top: 20px !important; } .trader-dss-panel-default .trader-dss-panel-body .comment-respond .comment-form .comment-form-comment .trader-dss-comment-textarea { background: #FFFFFF; border: 1px solid rgba(225, 233, 248, 0.945); box-sizing: border-box; border-radius: 3px; box-shadow: none; } .trader-dss-panel-default .trader-dss-panel-body .comment-respond .comment-form .form-submit .submit { background: #3D566E !important; color: #FFFFFF !important; border: none; } .trader-store-support-ticket-search-form #trader-search-support-customers { width:220px; } .trader-store-support-ticket-search-form #support_ticket_date_filter { min-width: 180px; padding: 4px 10px; } .trader-store-support-ticket-search-form #trader-support-ticket-search-input { width: 160px; padding: 4px 10px; }