h1, h2, h3, h4, h5, h6, p, span, ul, ol {
    margin: 0;
}
/* root start */ :root {
    --gpx-Dark-Gray: #333333;
    --gpx-Dark-Gray700: #707070;
    --gpx-Dark-Gray500: #999999;
    --gpx-Gray: #666666;
    --gpx-Gray700: #949494;
    --gpx-Gray500: #B2B2B2;
    --gpx-Green: #00A693;
    --gpx-Green700: #4DC1B3;
    --gpx-Green500: #80D3C9;
    --gpx-Green100: #E5F6F4;
    --gpx-Turquoise: #57C5C6;
    --gpx-Turquoise100: #EEF9F9;
    --gpx-Yellow: #EBB40F;
    --gpx-Yellow500: #F5D987;
    --gpx-Sunglow: #FFCC34;
    --gpx-Sunglow500: #FFE599;
    --gpx-Sunglow100: #FFFAEB;
    --gpx-white: #ffffff;
    --gpx-light: #EAEAEA;
    --gpx-Extra-light: #F8F8F8;
    --gpx-dark-grad: linear-gradient(257.51deg, #666666 0%, #333333 100%);
    --gpx-green-grad: linear-gradient(257.51deg, #57C5C6 0%, #00A693 100%);
    --gpx-yellow-grad: linear-gradient(257.51deg, #FFCC34 0%, #EBB40F 100%);
    --gpx-light-grad: linear-gradient(257.51deg, #F8F8F8 0%, #EAEAEA 100%);
    --gpx-border: 1px solid #EAEAEA;
    --gpx-shadow: 0px 8px 24px 0px #3333331A;
    --gpx-shadow-in: 0px 0px 16px 0px #6666661A inset;
    --gpx-8: 8px;
    --gpx-12: 12px;
    --gpx-16: 16px;
    --gpx-del: 0.3s;
}
/* root end */
.dp-add-ticket-but {
    display: inline-flex;
    padding: 8px 24px 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: var(--gpx-green-grad);
    color: var(--gpx-white);
    text-align: center;
    font-family: 'Kalameh';
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    transition: var(--gpx-del);
    position: relative;
}
.dp-add-ticket-but::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    visibility: hidden;
    transition: var(--gpx-del);
    clip-path: path(' M15.4916 18.125C16.425 18.125 17.0166 17.8083 17.3916 17.4333C18.125 16.7 18.6416 15.1417 16.9916 11.8333L16.2666 10.3917C16.175 10.2 16.175 9.8 16.2666 9.60833L16.9916 8.16667C18.65 4.85833 18.125 3.29167 17.3916 2.56667C16.6666 1.83333 15.1 1.30833 11.8 2.96667L4.66663 6.53333C2.89163 7.41667 1.91663 8.65 1.91663 10C1.91663 11.35 2.89163 12.5833 4.6583 13.4667L11.7916 17.0333C13.4083 17.8417 14.6083 18.125 15.4916 18.125ZM15.4916 3.125C15.9416 3.125 16.2916 3.23333 16.5083 3.45C17.1166 4.05 16.875 5.60833 15.875 7.6L15.15 9.05C14.8833 9.59167 14.8833 10.4083 15.15 10.95L15.875 12.3917C16.875 14.3917 17.1166 15.9417 16.5083 16.5417C15.9083 17.15 14.35 16.9083 12.35 15.9083L5.21663 12.3417C3.9083 11.6917 3.16663 10.8333 3.16663 9.99167C3.16663 9.15 3.91663 8.29167 5.22496 7.64167L12.3583 4.08333C13.625 3.45 14.7166 3.125 15.4916 3.125Z M10.9666 10.625H15.4666C15.8082 10.625 16.0916 10.3417 16.0916 10C16.0916 9.65833 15.8082 9.375 15.4666 9.375H10.9666C10.6249 9.375 10.3416 9.65833 10.3416 10C10.3416 10.3417 10.6249 10.625 10.9666 10.625Z');
    background: #ffffff;
    width: 22px;
    height: 22px;
    transform: translateX(0);
}
.dp-add-ticket-but:hover {
    padding-left: 51px !important;
}
.dp-add-ticket-but:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateX(20px);
}
.dp-tickets-status-box {
    align-items: center;
    gap: 16px;
}
.gp-tickets-status-card {
    display: flex;
    padding: 2px 16px 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--gpx-light);
    background: var(--gpx-Extra-light);
    transition: var(--gpx-del);
}
.gp-tickets-status-card-number {
    display: flex;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: var(--gpx-light-grad);
    color: var(--gpx-Gray500);
    font-family: 'rokh';
    font-size: 16px;
    font-weight: 600;
    line-height: 9px;
    height: 28px;
    width: 26px;
    transition: var(--gpx-del);
}
.gp-tickets-status-card-text {
    color: var(--gpx-Dark-Gray700);
    font-family: 'rokh';
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    transition: var(--gpx-del);
}
.gp-tickets-status-card:hover, .gp-tickets-status-card.dp-active-ticket-status {
    border: 1px solid var(--gpx-Green);
    background: var(--gpx-Green100);
}
.gp-tickets-status-card:hover .gp-tickets-status-card-number, .gp-tickets-status-card.dp-active-ticket-status .gp-tickets-status-card-number {
    background: var(--gpx-green-grad);
    color: var(--gpx-white);
}
.gp-tickets-status-card:hover .gp-tickets-status-card-text {
    color: var(--gpx-Green);
}
.gp-tickets-status-card.dp-active-ticket-status .gp-tickets-status-card-text {
    color: var(--gpx-Green);
    font-weight: 600;
}
.gp-ticket-head {
    margin: 26px 0 42px;
}
.kp-new-ticket-bg {
    border-radius: 8px;
    background: var(--gpx-Extra-light);
    padding: 24px;
    margin-top: 16px;
}
.dp-new-ticket-title {
    color: var(--gpx-Dark-Gray);
    font-family: 'rokh';
    font-size: 20px;
    font-weight: 700;
    line-height: 200%;
    width: 100%;
    border-bottom: 1px solid var(--gpx-light);
    padding-bottom: 8px;
    margin-bottom: 16px;
}
.dp-new-ticket-title strong {
    color: var(--gpx-Green);
}
.gp-ticket-form-1st {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 26px;
    justify-content: space-between;
}
.rad-ticket-form-part {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    max-width: 488px;
}
.rad-ticket-form-part label {
    color: var(--gpx-Dark-Gray700);
    font-family: 'rokh';
    font-size: 16px;
    font-weight: 700;
    line-height: 200%;
}
.rad-tickcustom-select, .rad-ticket-form-part textarea, .rad-ticket-form-part input {
    display: flex;
    padding: 4px 16px 8px 16px;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--gpx-light);
    background: var(--gpx-white);
    color: var(--gpx-Dark-Gray500);
    font-family: 'Kalameh';
    font-size: 14px;
    font-weight: 400;
    line-height: 200%;
}
.rad-ticket-form-part.rad-ticket-form-part-textarea {
    max-width: 100%;
}
.rad-ticket-form-part textarea {
    height: 124px;
    outline: none;
}
.rad-ticket-form-group-part {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 488px;
    gap: 26px;
}
.rad-tickcustom-select {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.rad-tickoptionss, .rad-tickoptions {
    position: absolute;
    top: 45px;
    right: 0;
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--gpx-light);
    background: var(--gpx-white);
    color: var(--gpx-Dark-Gray500);
    font-family: 'Kalameh';
    font-size: 14px;
    font-weight: 400;
    line-height: 200%;
    z-index: 99;
}
.radtickoptions, .radtickoption {
    padding: 4px 16px 8px 16px;
}
.dp-tickcustom-select-svg {
    color: var(--gpx-Green);
    transition: var(--gpx-del);
}
.dp-tickcustom-select-svg.dp-tickcustom-select-svg-open {
    transform: rotate(180deg) translateY(-5px);
}
.gp-add-ticket-footer {
    margin-top: 24px;
}
.upload-ticket-file {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    background: var(--gpx-yellow-grad);
    color: var(--gpx-white);
    text-align: center;
    text-shadow: 0 2px 0 rgba(0, 0, 0, 0.10);
    width: 155px;
    height: 36px;
    font-family: 'Kalameh';
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    cursor: pointer;
}
.gp-upload-file-mojazs {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 36px;
    border-radius: var(--gpx-8);
    background: var(--gpx-Gray700);
    color: var(--gpx-white);
    font-family: 'Kalameh';
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0);
    transition: var(--gpx-del);
}
.position-relative:hover .gp-upload-file-mojazs {
    transform: scale(1) translateY(-40px);
}
.rad-submit-new-ticket-part {
    gap: 12px;
}
.rad-submit-new-ticket {
    width: 155px;
    height: 36px;
    border-radius: var(--gpx-8);
    background: var(--gpx-Green);
    color: var(--gpx-white);
    font-family: 'Kalameh';
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.wast-alert {
    border: 1px solid var(--gpx-light) !important;
    background: var(--gpx-Extra-light) !important;
    color: var(--gpx-Gray) !important;
    padding: 15px 20px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: 'PeydaWebFaNum' !important;
    width: 100% !important;
    min-height: 65px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin-bottom: 20px !important;
}
.dp-ticket-main-bg {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.dp-tickets-head {
    padding: 0 24px;
}
.dp-tickets-head p {
    color: var(--gpx-Dark-Gray700);
    font-family: 'rokh';
    font-size: 16px;
    font-weight: 600;
    line-height: 200%;
    width: 15%;
}
.dp-tickets-table {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.dp-tickets-body {
    height: 60px;
    border-radius: 8px;
    border: 1px solid var(--gpx-Green500);
    background: var(--gpx-Turquoise100);
    padding: 12px 24px;
}
.dp-tickets-body .dp-tickets-head-sobject {
    max-width: 149px;
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
}
.dp-tickets-body a {
    width: 15%;
    text-align: left;
    color: var(--gpx-Green);
    font-family: 'Kalameh';
    font-size: 16px;
    font-weight: 400;
    line-height: 200%;
    gap: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.dp-tickets-body:nth-child(2n-2) {
    border: 1px solid var(--gpx-Yellow500);
    background: var(--gpx-Sunglow100);
}
.dp-tickets-body:nth-child(2n-2) .dp-tickets-main-act {
    color: var(--gpx-Yellow);
}
.rad-tickets-table-1st {
    border-radius: 8px;
    background: var(--gpx-Extra-light);
    padding: 16px 24px 24px;
    margin-top: 16px;
}
.rad-replay-tickets-table-head {
    display: flex;
    align-items: center;
    gap: 4px;
    border-bottom: 1px solid var(--gpx-light);
    padding-bottom: 7px;
    margin-bottom: 16px;
}
.rad-replay-tickets-table-head h4 {
    color: var(--gpx-Dark-Gray);
    font-size: 20px;
    font-weight: 700;
    line-height: 200%;
}
.rad-replay-tickets-table-head h4 span {
    color: var(--gpx-Green);
}
.rad-replay-tickets-table-head .info {
    color: var(--gpx-Gray);
    text-align: center;
    font-family: 'Kalameh';
    font-size: 16px;
    font-weight: 500;
    line-height: 200%;
    margin-bottom: 9px;
}
.gp-reply-ticket-main-data {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 26px;
    justify-content: space-between;
    border-bottom: 1px solid var(--gpx-light);
    padding-bottom: 24px;
    margin-bottom: 16px;
}
.gp-reply-ticket-main-data .rad-ticket-form-part p, .gp-reply-ticket-main-data .rad-ticket-form-part a, .gp-reply-ticket-main-data .rad-ticket-form-part span {
    display: flex;
    padding: 4px 16px 8px 16px;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--gpx-light);
    background: var(--gpx-white);
    color: var(--gpx-Dark-Gray500);
    font-family: 'Kalameh';
    font-size: 14px;
    font-weight: 400;
    line-height: 200%;
}
.box_answer_war_wpyar_ticket {
    position: relative;
    max-height: 480px;
    height: 100%;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.rad-tick-answer-card {
    border-radius: 8px;
    border: 1px solid var(--gpx-light);
    background: var(--gpx-white);
    padding: 24px;
}
.rad-tick-answer-card.kp-replay-ticket {
    margin-right: 40px;
}
.radform-textarea {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    margin-bottom: 16px;
    gap: 4px;
}
.radform-textarea label {
    color: var(--gpx-Dark-Gray700);
    font-family: 'rokh';
    font-size: 16px;
    font-weight: 700;
    line-height: 200%;
}
.radform-textarea textarea {
    border-radius: 8px;
    border: 1px solid var(--gpx-light);
    background: var(--gpx-white);
    outline: none;
    padding: 4px 16px 8px 16px;
    height: 124px;
    color: var(--gpx-Dark-Gray500);
    font-family: 'Kalameh';
    font-size: 14px;
    font-weight: 400;
    line-height: 200%;
}
.gp-ticket-reply-top {
    display: flex;
    align-items: center;
    gap: 8px;
}
.gp-ticket-reply-top .gp-ticket-reply-top-user-img {
    display: flex;
    padding: 4px;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: var(--gpx-Green100);
    color: var(--gpx-Green);
}
.gp-ticket-reply-top img {
    width: 24px !important;
    height: 24px !important;
    border-radius: 4px !important;
    object-fit: cover;
}
.gp-ticket-reply-top .gp-ticket-reply-top-user-name {
    color: var(--gpx-Dark-Gray700);
    font-family: 'Kalameh';
    font-size: 16px;
    font-weight: 500;
    line-height: 200%;
}
.gp-ticket-reply-top-user-date {
    color: var(--gpx-Gray500);
    font-family: 'Kalameh';
    font-size: 14px;
    font-weight: 500;
    line-height: 200%;
}
.rad-tick-answer-card .ticket-text {
    color: var(--gpx-Gray);
    text-align: justify;
    font-family: 'Kalameh';
    font-size: 14px;
    font-weight: 500;
    line-height: 200%;
}
.ticket-attachment {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid var(--gpx-Green500);
    background: var(--gpx-Green100);
    width: 125px;
    height: 32px;
    color: var(--gpx-Green);
    font-family: 'kalameh';
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 3px;
    margin-top: 20px;
}