/*| Copyright bt https://wpdone.ir |*/
.dashboard-item-ticket .dashboard-item-wrapper { border: solid 1px #e7e8ea; background: none;transition: all 0.2s ease; border-radius: 3px !important; } .dark .dashboard-item-ticket .dashboard-item-wrapper { border-color: #060606 !important; background: #060606 !important; } .dashboard-item-ticket { opacity: 1 !important; transition: all 0.2s ease; } .dashboard-item-ticket:hover .dashboard-item-wrapper { transform: translateY(-2px); box-shadow: 0 5px 15px rgb(0 0 0 / 8%); } .dashboard-item-ticket .dashboard-item-wrapper .dashboard-item-icon svg path {fill:#ffffff;} .dashboard-item-ticket-all .dashboard-item-wrapper { border-color: var(--color); } .dashboard-item-ticket-all .dashboard-item-wrapper .dashboard-item-icon svg { background: var(--color); } .dashboard-item-ticket-all .dashboard-item-wrapper .dashboard-item-title { color: var(--color); } .dashboard-item-ticket-answered .dashboard-item-wrapper { border-color: #606060; } .amzshyar-tickets-list-item.item-answered { border-right-color: #606060 !important; } .dashboard-item-ticket-answered .dashboard-item-wrapper .dashboard-item-title { color: #606060; } .dashboard-item-ticket-answered .dashboard-item-wrapper .dashboard-item-icon svg { background: #606060; } .dashboard-item-ticket-closed .dashboard-item-wrapper { border-color: #4caf50; } .dashboard-item-ticket-closed .dashboard-item-wrapper .dashboard-item-icon svg { background: #4caf50; } .dashboard-item-ticket-closed .dashboard-item-wrapper .dashboard-item-title { color: #4caf50; } .amzshyar-tickets-list-item.item-closed { border-right-color: #4caf50 !important; } .dashboard-item-ticket-open .dashboard-item-wrapper { border-color: #f44336; } .dashboard-item-ticket-open .dashboard-item-wrapper .dashboard-item-icon svg { background: #f44336; } .dashboard-item-ticket-open .dashboard-item-wrapper .dashboard-item-title { color: #f44336; } .amzshyar-tickets-list-item.item-open { border-right-color: #f44336 !important; } .amzshyar-tickets-list-container {gap: 14px;} .amzshyar-tickets-list-item { flex-wrap: wrap; background: #fff; border: solid 1px #f1f1f1; padding: 13px 22px; border-right: solid 3px #b5b5b5; user-select: none; transition: all 0.2s ease; color: inherit !important; opacity: 1 !important; border-radius: 6px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .dark .amzshyar-tickets-list-item { background: #060606; border-color: #060606; } .amzshyar-tickets-list-item:hover { box-shadow: 0 4px 10px rgb(0 0 0 / 7%); border-color: #e9e9e9; border-right-color: #b5b5b5; } .dark .amzshyar-tickets-list-item:hover {border-color: #060606;} .amzshyar-tickets-list-item .item-image {width: 65px;justify-content: flex-start;} .amzshyar-tickets-list-item .item-image img { width: 50px; height: 50px; border-radius: 50%; } .amzshyar-tickets-list-item .item-contents { flex: 1; font-size: 14px; line-height: normal; gap: 2px; } .amzshyar-tickets-list-item .item-details { font-size: 12px; gap: 13px; opacity: 0.7; font-weight: 500; } .amzshyar-tickets-list-item .item-title { font-size: 14px; font-weight: bold; } .amzshyar-tickets-list-item .item-last-reply { display: flex; flex-direction: row; justify-content: flex-start; padding-right: 10px; align-items: center; } @media screen and (max-width:700px) { .amzshyar-tickets-list-item .item-last-reply{ padding-right: 0; } } .amzshyar-tickets-list-item .item-last-reply-image { width: 25px; height: 25px; } .amzshyar-tickets-list-item .item-last-reply-image img { border-radius: 50%; } .amzshyar-tickets-list-item .item-last-reply-name { padding-right: 5px; font-size: 11px; font-weight: bold; max-width: 140px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .amzshyar-tickets-list-item .item-department-name { margin-left: 8px; font-weight: bold; } .amzshyar-tickets-list-item .item-extra { width: auto; gap: 14px; flex: 1; justify-content: center; align-items: center; } .amzshyar-tickets-list-item .item-product-title { flex: 1; text-align: center; font-size: 11px; opacity: 0.8; font-weight: 500; } .amzshyar-tickets-list-item .item-last-update { font-size: 11px; opacity: 0.8; font-weight: 500; } @media screen and (max-width:700px) { .amzshyar-tickets-list-item .item-extra { width: 100%; flex: 100%; border-top: solid 1px rgb(129 129 129 / 9%); margin-top: 15px; padding-top: 8px; } .amzshyar-tickets-list-item .item-product-title { text-align: right; } } .amzshyar-tickets-new-button { float: left; font-size: 13px; line-height: normal; font-weight: 500; border: solid 1px currentColor; padding: 4px 10px; border-radius: 2px; opacity: 1 !important; transition: all 0.2s ease; } .dark .amzshyar-tickets-new-button {color: #bdbdbd;} .amzshyar-tickets-new-button:hover, .amzshyar-tickets-new-button:active { background: var(--color); color: #ffffff; border-color: var(--color); } .amzshyar-tickets-list-noitems { height: 200px; user-select: none; } .amzshyar-tickets-list-noitems svg { width: 60px; height: 60px; opacity: 0.1; } .amzshyar-tickets-list-noitems span { font-size: 14px; font-weight: bold; opacity: 0.5; } .amzshyar-input-selection { display: flex; flex-direction: column; gap: 10px; line-height: normal; margin: 15px 0; padding-bottom: 30px; border-bottom: solid 1px #f1f1f1; margin-bottom: 26px; } .dark .amzshyar-input-selection { border-bottom-color: #262626; } .amzshyar-input-selection-label { font-size: 14px; font-weight: bold; } .amzshyar-input-selection-label small { font-weight: normal; opacity: 0.8; user-select: none; padding-right: 2px; } .amzshyar-input-selection-values { flex: 1; display: flex; flex-direction: row; flex-wrap: wrap; gap: 12px; } .amzshyar-input-selection-values-item { padding: 7px 6px; border-radius: 3px; user-select: none; cursor: pointer; flex: 30%; white-space: nowrap; text-align: center; font-weight: 500; transition: all 0.2s ease; background-color: #fff; border: solid 1px var(--color); color: var(--color); } .amzshyar-input-selection-values-item:hover { background-color: #f7f7f7; } .dark .amzshyar-input-selection-values-item { background: #2c2c2c; border: solid 1px #2c2c2c; color: #ffffff; } .amzshyar-input-selection-values-item.selected { background: var(--color); color: #ffffff; border-color: var(--color); } .amzshyar-ticket-file-upload-container { user-select:none; border-bottom: solid 1px #f1f1f1; padding-bottom: 18px; margin-bottom: 13px; display: flex; flex-direction: column; position: relative; } .dark .amzshyar-ticket-file-upload-container { border-bottom-color: #262626; } #amzshyar-ticket-file-add-button { color: #7e7e7e; display: flex; flex-direction: row; width: fit-content; padding: 5px 10px; border: 1px dashed currentColor; align-items: center; gap: 7px; font-size: 14px; line-height: normal; cursor: pointer; user-select: none; font-weight: 500; border-radius: 6px; position: relative; } #amzshyar-ticket-file-add-button svg { width: 20px; height: 20px; } #amzshyar-ticket-file-add-button:hover { color: var(--color); } #amzshyar-ticket-file-add-button:active { color: var(--color); opacity:.5 } #amzshyar-ticket-file-list { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin-top: 20px; } .amzshyar-ticket-file-item {position: relative;color: var(--color);border: 1px dashed currentColor;border-radius: 6px;font-size: 14px;line-height: normal;user-select: none;font-weight: 500;padding: 5px 10px;cursor: pointer;display: flex;flex-direction: column;justify-content: center;} #amzshyar-ticket-screenshots-list .amzshyar-ticket-file-item {margin-top:12px;} .amzshyar-ticket-file-item-close { position: absolute; top: -7px; right: -7px; background: #fff; height: 15px; cursor: pointer; } .dark .amzshyar-ticket-file-item-close { background: #161616; } .amzshyar-ticket-file-item-close svg { width: 18px; height: 18px; } .amzshyar-ticket-file-item-name { direction: ltr; display: flex; justify-content: center; } .amzshyar-ticket-file-item-close:hover { color: #F44336 } #ticket-form .button-submit[type=submit] { height: 43px; } .amzshyar-ticket-form.loading .button-submit[type=submit] { pointer-events: none; color: transparent !important; font-size: 0px !important; transition: none !important; opacity: 0.8 !important; } .amzshyar-ticket-form.loading .button-submit[type=submit]::before { content: ''; display: inline-block;width: 20px;height: 20px;border: solid 2px #f5f5f5;border-top-color: var(--color);border-radius: 50%; animation: loading 1s linear 0s infinite;} .amzshyar-ticket-form{transition: all 0.2s ease;} .amzshyar-ticket-form.loading {pointer-events: none;opacity: 0.5;} #tickets-files-container { display: none !important;} #amzshyar-ticket-file-upload-info { position: absolute; width: fit-content; white-space: nowrap; top: 4px; right: 150px; color: #7e7e7e; pointer-events: none; } .ticket-content-options { float: left; display: flex; flex-direction: row; gap: 10px; margin-top: 5px; } .ticket-content-options-item {cursor: pointer;color: #a4a6ab;position: relative;height: 18px;} .ticket-content-options-item svg { width: 18px; height: 18px; } .ticket-content-options-item:hover { color: #000000 } .dark .ticket-content-options-item:hover { color: #ffffff } .ticket-content-options-item:active { transform: scale(0.9); } .ticket-content-options-item::after { content: attr(data-tooltip); position: absolute; top: -22px; left: 50%; background: #4a4a4a; color: #fff; white-space: nowrap; line-height: normal; font-size: 11px; padding: 1px 8px; transform: translateX(-50%); border-radius: 4px; pointer-events: none; opacity: 0; transition: all 0.2s ease; } .ticket-content-options-item:hover::after { top: -20px; opacity: 1; } @media screen and (max-width:1000px) { .ticket-content-options-item::after {display: none !important;} } #amzshyar-ticket-screenshots-list { display: flex; flex-direction: row; flex-wrap: wrap; gap: 12px; } .amzshyar-ticket-file-item-name img { max-height: 100px; border-radius: 3px; } .ticket-fields-operator-options { border: solid 2px #8bc34a; border-radius: 5px; padding: 10px 18px; margin-bottom: 21px; } .ticket-fields-operator-options-title { font-weight: bold; border-bottom: solid 1px #f1f1f1; margin-bottom: 15px; color: #84bb44; } .dark .ticket-fields-operator-options-title { border-bottom-color: #161616; } .ticket-textarea-container { position: relative; } .ticket-textarea-preview { display: none; position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; background: #fff; overflow: auto; overflow-x: hidden; padding: 7px 13px; } #amzshyar-ticket-file-upload-info span { white-space: nowrap; } @media screen and (max-width:780px) { #amzshyar-ticket-file-add-button { margin-bottom: 8px; width: 100%; justify-content: center; } #amzshyar-ticket-file-upload-info { top: 0; right: 0; left: 0; white-space: pre-line; text-align: center; position: relative; } #amzshyar-ticket-file-list { justify-content: center; } } .ticket-product_empty-message { font-weight: bolder; border: solid 1px #f44336; padding: 5px 10px; border-radius: 3px; color: #f44336; margin-top: 6px; width: fit-content; } .ticket-product_empty-message svg { width: 16px; height: 16px; float: right; margin-top: 3px; margin-left: 5px; opacity: 0.4; } #ticket-success-message { display: none; flex-direction: column; justify-content: center; align-items: center; padding: 70px 0; } #ticket-success-message.show { display: flex !important; } #ticket-success-icon { color: #009688; } #ticket-success-icon svg { width: 80px; height: 80px; } #ticket-success-message.show #ticket-success-icon svg { animation: ticketSuccessIcon 1s ease 0s forwards; } #ticket-success-title { font-size: 15px; font-weight: bold; } #ticket-success-id { opacity: 0.8; } #ticket-success-id span {font-weight: bold;color: #009688;} #ticket-success-button { padding-top: 17px; } #ticket-success-button a { color: var(--color); opacity: 1 !important; font-weight: bold; border: solid 1px currentColor; padding: 5px 10px; border-radius: 4px; display: block; transition: all 0.2s ease; line-height: normal; } #ticket-success-button a:hover { background: var(--color); border-color: var(--color); color: #ffffff; transform: translateY(-2px); } @keyframes ticketSuccessIcon { 50% { transform: rotate(20deg); } 70% { transform: rotate(-20deg); } 100% { transform: rotate(0deg); } } .tickets-view-head { padding: 7px; border-bottom: solid 1px #f1f1f1; margin-bottom: 7px; } .dark .tickets-view-head { border-bottom-color: #242424; } .tickets-view-head-title { padding-bottom: 7px; } .tickets-title-string { font-size: 18px; font-weight: bold; } .tickets-title-status { color: #ffffff; background: #b5b5b5; padding: 0 7px; margin-right: 7px; border-radius: 4px; user-select: none; } .tickets-title-status.answered { background: #606060; } .tickets-title-status.closed { background: #4caf50; } .tickets-title-status.open { background: #f44336; } .tickets-view-items-container { display: flex; flex-direction: column; gap: 30px; padding: 20px 0; } .tickets-view-item { max-width: 670px; background: #edf0f8; align-self: flex-end; padding: 21px; border-radius: 10px; } .dark .tickets-view-item { background: #222222; } .tickets-view-item.operator { align-self: flex-start; background: #666666; color: #ffffff; } .dark .tickets-view-item.operator { background: #4e4e4e; } .tickets-view-item-head { display: flex; flex-direction: row; gap: 10px; font-size: 13px; padding-bottom: 15px; flex-wrap: wrap; } .tickets-view-item-avatar { width: 30px; height: 30px; display: flex; } .tickets-view-item-avatar img { border-radius: 50%; } .tickets-view-item-name { font-weight: bold; } .tickets-view-item-date { padding-right: 6px; } .amzshyar_top_btns_tickets_button { color: #4c5c84; padding: 3px 11px; font-size: 13px; line-height: normal; user-select: none; cursor: pointer; border-radius: 4px; box-shadow: 0 0 0 2px #edf0f8; background: #fff; font-weight: bold; height: 29px; } .dark .amzshyar_top_btns_tickets_button { color: #c3c3c3; box-shadow: 0 0 0 2px #222222; background: #222222; } .ticket-textarea-user { position: absolute; top: 1px; left: 1px; right: 1px; gap: 7px; padding-top: 9px; padding-right: 10px; align-items: center; border-bottom: solid 1px #ddd; padding-bottom: 8px; width: auto; pointer-events: none; user-select: none; background: #ffffff; border-top-right-radius: 5px; border-top-left-radius: 5px; } .dark .ticket-textarea-user { border-bottom-color: #1a1a1a; background: #121212; } .ticket-textarea-user span { font-size: 13px; } .ticket-textarea-user img { width: 25px; height: 25px; border-radius: 50%; } #ticket-form #ticket-content { padding-top: 61px; color: #576684; min-height: 230px; } .dark #ticket-form #ticket-content { color: #d9d9d9; } .amzshyar-input-selection.min { flex-direction: row; padding-bottom: 18px; } .amzshyar-input-selection.min .amzshyar-input-selection-values { flex: none; gap: 6px; } .amzshyar-input-selection.min .amzshyar-input-selection-values-item { width: auto; flex: auto; padding: 0 6px; font-size: 13px; min-width: 44px; text-align: center; } .amzshyar-ticket-reply-form { border-bottom: solid 1px #f1f1f1; padding-bottom: 14px; margin-bottom: 14px; } .dark .amzshyar-ticket-reply-form { border-bottom-color: #242424; } .ticket-content-style { line-height: normal; font-size: 14px; font-weight: normal; } .tickets-title-status-list-items { font-size: 12px; font-weight: normal; } .cancel-tickets-reply{ float: left; user-select: none; cursor: pointer; font-weight: bold; margin-top: 17px; opacity: 0.5; } .tickets-view-item-files, .tickets-view-item-images { display: flex; flex-direction: row; gap: 7px; padding-top: 19px; flex-wrap: wrap; justify-content: flex-start; align-items: center; } .tickets-view-item-images { flex-direction: row; align-items: flex-start; } .tickets-view-item-files-item { background: #dde1ed; color: inherit !important; line-height: normal; font-size: 12px; padding: 5px 10px; border-radius: 5px; user-select: none; cursor: pointer; direction: ltr; text-align: center; transition: all 0.2s ease; white-space: nowrap; } .tickets-view-item-files-item:hover { opacity: 0.8; } .tickets-view-item.operator .tickets-view-item-files-item { background: #7a7a7a; } .tickets-view-item-images .tickets-view-item-files-item { background: none !important; } .amzshyar-tickets-faqs-container { padding: 0; gap: 0; } .amzshyar-tickets-faqs-item { background: #ffffff; border-radius: 3px; line-height: normal; border-bottom: solid 1px #ebebeb; transition: all 0.2s ease; padding: 5px 0; } .amzshyar-tickets-faqs-item-title { padding: 12px 15px 12px 40px; font-weight: bold; font-size: 15px; user-select: none; cursor: pointer; transition: all 0.2s ease; position: relative; } .amzshyar-tickets-faqs-item-icon { position: absolute; width: 20px; height: 20px; top: 11px; left: 6px; } .amzshyar-tickets-faqs-item-icon::after, .amzshyar-tickets-faqs-item-icon::before { content: ''; position: absolute; top: 4px; bottom: 4px; left: 9px; width: 2px; background: #bfbfbf; transition: all 0.2s ease; } .amzshyar-tickets-faqs-item-icon::before { transform: rotate(90deg); } .amzshyar-tickets-faqs-item.active .amzshyar-tickets-faqs-item-icon::after { background: var(--color); transform: rotate(90deg); opacity: 0; } .amzshyar-tickets-faqs-item.active .amzshyar-tickets-faqs-item-icon::before { background: var(--color); } .amzshyar-tickets-faqs-item-content { padding: 0 15px; padding-bottom: 12px; display: none; } .amzshyar-tickets-faqs-desc { font-size: 15px; line-height: 30px; margin-bottom: 30px; } .amzshyar-tickets-faqs-item.active .amzshyar-tickets-faqs-item-title { color: var(--color); } .amzshyar-tickets-faqs-item.active{ border-bottom-color: var(--color); } .amzshyar-tickets-faqs-item-title span { font-weight: normal; margin-left: 10px; margin-right: 2px; opacity: 0.5; } #show-form-ticket-new-after-faqs { float: none; margin-top: 60px; margin-bottom: 30px; padding: 7px 30px; font-size: 15px; } .amzshyar-tickets-code { direction: ltr; text-align: left; background: #323232; color: #d1d1d1; padding: 2px 15px; margin: 16px 0; border-radius: 4px; } .amzshyar-tickets-code pre { font-family: consolas, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; font-size: 12px; display: block; } .amzshyar-tickets-code code { display: block; } .amzshyar-tickets-back-button { float: left; color: #95989a!important; display: flex; justify-content: center; align-items: center; gap: 1px; flex-direction: row-reverse; padding-left: 6px; padding-top: 6px; } .amzshyar-tickets-back-button svg { stroke: currentColor; transform: rotate(180deg); } .amzshyar-tickets-back-button::after{display: none!important;} .amzshyar-tickets-back-button:hover { color: var(--color) !important; }
.amzshyar_top_btns_tickets_button {margin-left: 10px;}
#amzshyar_send_reply_tickets_button {margin-left: 0;}
.amzshyar_top_btns_tickets_button.disabled {pointer-events: none;opacity: 0.5;}
.amzshyar_top_btns_tickets_button:hover {background: #edf0f8;}
.amzshyar_top_btns_tickets_button:active{transform: scale(0.95);}
.dark .amzshyar_top_btns_tickets_button:hover {background: #343434;box-shadow: 0 0 0 2px #343434;}
.ticket-reply-close-ticket-container {padding: 0 0 20px; font-weight: bold;}
.ticket-reply-close-ticket-container input {vertical-align: middle;}
.dark .amzshyar-tickets-faqs-item {background: #161616;border-bottom-color: #3a3a3a;}

#amzshyar-send-new-ticket-button {
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: 60px;
    height: 60px;
    background: var(--color);
    border-radius: 50%;
    box-shadow: 0 7px 15px 0 rgb(0 0 0 / 16%);
    cursor: pointer;
    user-select: none;
    z-index: 999999999;
}
#amzshyar-send-new-ticket-button.right {
    left: auto !important;
    right: 30px;
}
#amzshyar-send-new-ticket-button img {
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    top: 14px;
    left: 14px;
}
#amzshyar-send-new-ticket-button-tooltip {
    white-space: nowrap;
    position: absolute;
    left: 4px;
    top: -46px;
    font-size: 14px;
    background: #1c1c1c;
    color: #ffffff;
    padding: 4px 9px;
    line-height: normal;
    border-radius: 4px;
    transition: all 0.2s ease;
    opacity: 0;
    pointer-events: none;
}
#amzshyar-send-new-ticket-button.right #amzshyar-send-new-ticket-button-tooltip {
    left: auto !important;
    right: 4px;
}
#amzshyar-send-new-ticket-button-tooltip::before {content: '';position: absolute;bottom: -3px;left: 22px;width: 6px;height: 6px;background: inherit;transform: rotate(45deg);}
#amzshyar-send-new-ticket-button.right #amzshyar-send-new-ticket-button-tooltip::before {
    left: auto !important; right: 22px;
}
#amzshyar-send-new-ticket-button:hover #amzshyar-send-new-ticket-button-tooltip {
    top: -39px;
    opacity: 1;
}
#amzshyar_view_info_user_tickets_button {margin-left: 10px;}

.amzshyar-tickets-view-info-popbox-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 77%);
    z-index: 999999999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.amzshyar-tickets-view-info-popbox-wrapper {
    width: 100%;
    max-width: 420px;
    background: #ffffff;
    overflow: auto;
    border-radius: 2px;
    max-height: 90vh;
    box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
    position: relative;
}
.amzshyar-tickets-view-info-popbox-list {
    padding: 14px;
}
.amzshyar-tickets-view-info-popbox-item {
    font-size: 14px;
    border-bottom: solid 1px rgb(129 129 129 / 10%);
    padding: 11px;
    word-break: break-all;
}
.amzshyar-tickets-view-info-popbox-item.user-name {
    font-weight: bold;
    font-size: 17px;
}
a.amzshyar-tickets-view-info-popbox-item::after,a.amzshyar-tickets-view-info-popbox-product::after {display: none!important;}
.amzshyar-tickets-view-info-popbox-item.avatar-img {
    border-bottom: none;
    padding-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.amzshyar-tickets-view-info-popbox-item.avatar-img img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
}
.amzshyar-tickets-view-info-popbox-item.products {
    padding-bottom: 0;
    border-bottom: none;
}
.amzshyar-tickets-view-info-popbox-product-title {
    font-weight: bold;
    border-right: solid 2px var(--color);
    padding-right: 12px;
    line-height: normal;
    margin-bottom: 9px;
    margin-right: -12px;
    color: var(--color);
}
a.amzshyar-tickets-view-info-popbox-product {
    color: #4e5d85;
    padding: 2px 0;
    font-weight: 500;
}
.amzshyar-tickets-view-info-popbox-item.svg-icon svg {
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    margin-top: 3px;
    margin-right: 10px;
    pointer-events: none;
    color: #d5d5d5;
}
.amzshyar-tickets-view-info-popbox-item.svg-icon svg path {fill: currentColor;}
.amzshyar-tickets-view-info-popbox-item.user-email {border-bottom: none;padding-bottom: 6px;}
.amzshyar-tickets-view-info-popbox-close {position: absolute; top: 7px; left: 7px; width: 30px; height: 30px; cursor: pointer; display: flex; justify-content: center; align-items: center; border-radius: 50%; transition: all 0.2s ease; color: #c1c1c1;}
.amzshyar-tickets-view-info-popbox-close:hover{color: #525252;}
.amzshyar-tickets-view-info-popbox-close svg {width: 12px;height: 12px;}
.amzshyar-tickets-view-info-popbox-close svg path, .amzshyar-tickets-view-info-popbox-close svg polygon {fill: currentColor;}
.ticket-item-delete-button {display: flex;justify-content: center;align-items: center;padding-right: 16px;}
.ticket-item-delete-button span {font-size: 11px; background: #f3f3f3; color: #a3a3a3; padding: 2px 7px; border-radius: 2px; line-height: normal; transition: all 0.2s ease;}
.dark .ticket-item-delete-button span {background: #141414;color: #898989;}
.ticket-item-delete-button span:hover {background: #f44336;color: #ffffff;}
.tickets-view-item-delete span {user-select: none; cursor: pointer; opacity: 0.5; font-size: 11px; padding-right: 10px; transition: all 0.2s ease;}
.tickets-view-item-delete span:hover {opacity: 1;}
.ticket-item-delete-button span.disabled, .tickets-view-item-delete span.disabled {opacity: 0.2;pointer-events: none;}
#amzshyar-ticket-file-add-button.disabled {opacity: 0.4;pointer-events: none;}
#ticket-form.on-edit {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 998999999;
    width: 100%;
    box-sizing: border-box;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background: rgb(0 0 0 / 62%);
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
}
#ticket-form.on-edit .amzshyar-ticket-file-upload-container, #ticket-form.on-edit .ticket-fields-operator-options, .on-edit .cancel-tickets-reply,
.on-edit .ticket-reply-close-ticket-container {
    display: none !important;
}
.on-edit .ticket-form-view-container {
    width: 100%;
    background: #ffffff;
    max-width: 510px;
    padding: 7px 20px 0px 20px;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgb(0 0 0 / 34%);
}
.dark .on-edit .ticket-form-view-container {
    background: #000000;
}
.on-edit .ticket-form-view-container textarea {resize:none;height: 50vh !important;}
#cancel-tickets-edit-form{display: none !important;}
.on-edit #cancel-tickets-edit-form{display: block !important;}