.elementor-9 .elementor-element.elementor-element-3960469{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-9 .elementor-element.elementor-element-3960469:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-3960469 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-9 .elementor-element.elementor-element-22377d7{--display:flex;--border-radius:16px 16px 16px 16px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-22377d7:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-22377d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-9 .elementor-element.elementor-element-ce0e17c{--display:flex;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-3960469{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-9 .elementor-element.elementor-element-22377d7{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-3960469{--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-9 .elementor-element.elementor-element-22377d7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-68427ea3 */div.jsst-main-up-wrapper {
    font-family: inter !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3960469 *//*left menu*/
div#js-dash-menu-link-wrp {
    border: unset !important;
    border-radius: 8px;
    background-color: #F6F6F6;
}
.js-section-heading {
    border: none !important;
    border-radius: 8px !important;
    margin: 10px !important;
    background-color: var(--e-global-color-3d1da0d) !important;
    width: -webkit-fill-available !important;
}
a.js-ticket-dash-menu {
    border: none !important;
    border-radius: 8px !important;
    margin: 10px !important;
    background-color: var(--e-global-color-3d1da0d) !important;
    width: -webkit-fill-available !important;
}
/*left menu*/

/*top menu*/
div#jsst-header {
    background-color: #f6f6f6;
    border-radius: 32px;
}
a.js-cp-menu-link {
    padding: 14px 70px !important;
    width: -webkit-fill-available !important;
    border-radius: 32px !important;
    background-color: var(--e-global-color-3d1da0d) !important;
}
a.js-cp-menu-link:hover {
    background-color: var(--e-global-color-primary) !important;
    color:var(--e-global-color-3d1da0d) !important;
}
/*top menu*/

/*ticket count bloks*/
.js-ticket-count {
    background: unset !important;
    border: unset !important;
    padding: unset !important;
}
.js-ticket-count a.js-ticket-link {
    background: unset !important;
    border-radius: 16px;
}
.js-ticket-green {
    color: #00D748 !important;
}
.js-ticket-count a.js-ticket-link.js-ticket-green:hover {
    border-color: #00D748 !important;
}
.js-ticket-open {
    background-color: #00D748 !important;
}

.js-ticket-red {
    color: #FF0004 !important;
}
.js-ticket-count a.js-ticket-link.js-ticket-red:hover {
    border-color: #FF0004 !important;
}
.js-ticket-close {
    background-color: #FF0004 !important;
}

.js-ticket-brown {
    color: #FCBF21 !important;
}
.js-ticket-count a.js-ticket-link.js-ticket-brown:hover {
    border-color: #FCBF21 !important;
}
.js-ticket-answer {
    background-color: #FCBF21 !important;
}

.js-ticket-blue {
    color: #00ACD7 !important;
}
.js-ticket-count a.js-ticket-link.js-ticket-orange:hover {
    border-color: #00ACD7 !important;
}
.js-ticket-allticket {
    background-color: #00ACD7 !important;
}
/*ticket count bloks*/

/*ticket wrapper*/

.js-ticket-latest-ticket-wrapper {
    border: unset !important;
    border-radius: 16px;
    background: #F6F6F6;
    padding: 10px;
}

.js-ticket-haeder {
    background-color: var(--e-global-color-3d1da0d) !important;
    border-radius: 16px;
}
div.js-ticket-haeder a.js-ticket-header-link {
    border: unset !important;
    border-radius: 32px;
    padding: 12px 14px !important;
    background: var(--e-global-color-primary) !important;
    color: var(--e-global-color-3d1da0d) !important;
}
div.js-ticket-latest-tickets-wrp {
    max-height: 1024px  !important;
    padding-top: 20px;
}
.js-ticket-row {
    background: var(--e-global-color-3d1da0d) !important;
    border: unset !important;
    border-radius: 16px;
    margin: 10px 0 !important;
}

a.js-ticket-data-link {
    color: var(--e-global-color-primary) !important;
}
span.js-ticket-status {
    border-color: var(--e-global-color-49ace8f) !important;
    border-radius: 32px;
    font-size: 14px !important;
    font-weight: 400 !important;
    background-color: var(--e-global-color-3d1da0d) !important;
}
span.js-ticket-priorty {
    border-radius: 32px;
    font-size: 14px;
    font-weight: 400 !important;
    color: var(--e-global-color-3d1da0d) !important;
    padding: 10px 20px !important;
}
/*ticket wrapper*/

/*ticket add form*/
.js-ticket-add-form-wrapper {
    background: #F6F6F6;
    margin: 10px 0;
    padding: 5px;
    border-radius: 16px;
}
div.js-ticket-add-form-wrapper div.js-ticket-from-field-wrp {
    width: calc(100% / 2 - 30px) !important;
    margin: 0px 15px 20px !important;
}
div.js-ticket-add-form-wrapper div.js-ticket-from-field-wrp div.js-ticket-from-field input.js-ticket-form-field-input {
    border: unset !important;
    border-radius: 16px !important;
}
div.js-ticket-add-form-wrapper div.js-ticket-from-field-wrp.js-ticket-from-field-wrp-full-width {
    width: calc(100% / 1 - 30px) !important;
    margin-bottom: 30px !important;
}
div.js-ticket-add-form-wrapper div.js-ticket-from-field-wrp div.js-ticket-from-field select.inputbox {
    border: unset !important;
    border-radius: 16px !important;
}

div.mce-toolbar-grp {
    border: unset !important;
    background: unset !important;
}
div#wp-jsticket_message-editor-container {
    margin-top: 20px;
}
#wp-jsticket_message-wrap button {
    border-radius: 8px 8px 0px 0px !important;
    border-bottom: unset;
}
.mce-widget {
    border-radius: 13px !important;
    border: unset !important;
    margin: 0 5px !important;
}
div.tk_attachment_value_wrapperform {
    border: unset !important;
    border-radius: 12px;
}
span.tk_attachment_value_text {
    border: unset !important;
    background-color: #FFFFFF !important;
    border-radius: 13px;
    width: -webkit-fill-available !important;
    margin: 10px !important;
}
input.inputbox.js-attachment-inputbox {
    padding: 150px;
    text-align-last: center;
}
input.inputbox.js-attachment-inputbox::before {
    content: url(/wp-content/uploads/2024/12/upload-cloud-02.svg);
    background-color: #ffffff;
    border: solid 1px;
    border-color: var(--e-global-color-49ace8f);
    border-radius: 12px;
    padding: 5px 10px;
    display: flow;
    margin: 10px;
    width: 50px;
    justify-self: center;
}
div.js-ticket-form-btn-wrp {
    border-top: unset !important;
}
div.js-ticket-form-btn-wrp input.js-ticket-save-button {
    background-color: var(--e-global-color-311a458) !important;
    border-radius: 32px !important;
    color: var(--e-global-color-3d1da0d) !important;
    padding: 12px !important;
}
div.js-ticket-form-btn-wrp a.js-ticket-cancel-button {
    background-color: #FF0004 !important;
    border-radius: 32px !important;
    color: var(--e-global-color-3d1da0d) !important;
    padding: 12px !important;
}
/*ticket add form*/


/*my tickets*/
div.js-myticket-link a.js-myticket-link span.js-ticket-circle-count-text.js-ticket-blue {
    color: #D79922 !important;
}
div.js-myticket-link a.js-myticket-link span.js-ticket-circle-count-text.js-ticket-brown {
    color: #5AB9EA !important;
}
div.js-ticket-myticket-link-myticket {
    padding: 10px !important;
}
div.js-myticket-link a.js-myticket-link {
    border-radius: 16px;
}
div.js-ticket-top-cirlce-count-wrp {
    border: unset !important;
}
div.js-ticket-search-wrp {
    border-radius: 32px;
    overflow: hidden;
}
div.js-ticket-search-wrp div.js-ticket-form-wrp form.js-filter-form div.js-filter-wrapper {
    background: #f6f6f6 !important;
    padding: 20px !important;
}
div.js-ticket-search-wrp input#jsst-ticketsearchkeys {
    border-radius: 32px;
}
div.js-ticket-search-wrp a#js-search-filter-toggle-btn {
    border-radius: 32px;
}
div.js-ticket-search-wrp input#jsst-go {
    border-radius: 32px;
    background-color: #fff !important;
}
div.js-ticket-search-wrp input#jsst-reset {
    border-radius: 32px;
    background-color: #fff !important;
}
div.js-ticket-sorting {
    border-radius: 32px;
    padding: 20px !important;
    color: #fff !important;
}


div.js-ticket-wrapper {
    background: var(--e-global-color-3d1da0d) !important;
    border-radius: 16px;
    margin: 10px 0 !important;
}
a.js-ticket-title-anchor {
    color: var(--e-global-color-primary) !important;
}
span.js-ticket-wrapper-textcolor {
    border-radius: 32px;
    font-size: 14px;
    font-weight: 400 !important;
    color: var(--e-global-color-3d1da0d) !important;
    padding: 10px 20px !important;
}
@media (min-width: 992px) {
    .js-col-md-5 {
        width: 41.66666667% !important;
    }
}
 @media (max-width: 782px) {
    div.js-ticket-search-wrp div.js-ticket-form-wrp form.js-filter-form div.js-filter-button-wrp {
    width: 100% !important;
    }
}
/*my tickets*/


/*Ticket Status*/
/*left*/
.js-tkt-det-left {
    background-color: #F6F6F6 !important;
    padding: 20px !important;
    margin-right: 2%;
    width: 68% !important;
    border-radius: 16px;
}
.js-tkt-det-cnt {
    background: var(--e-global-color-3d1da0d) !important;
    box-shadow: unset !important;
    border-radius: 16px;
}
.js-tkt-det-user .js-tkt-det-user-cnt .js-tkt-det-user-data.name {
    color: #000000 !important;
    font-family: Poppins;
    font-weight: 600;
}
.js-tkt-det-user .js-tkt-det-user-cnt .js-tkt-det-user-data.subject {
    color: var(--e-global-color-primary) !important;
}
.js-tkt-det-other-tkt {
    background: #FFE3E3 !important;
    border: unset !important;
    border-radius: 8px;
    width: 98% !important;
    margin: 1%;
}
.js-tkt-det-other-tkt .js-tkt-det-other-tkt-btn {
    color: var(--e-global-color-primary) !important;
}
.js-tkt-det-user .js-tkt-det-user-cnt .js-tkt-det-user-data {
    color: #808080 !important;
}
a.js-tkt-det-actn-btn {
    background: unset !important;
    border-radius: 8px;
    padding: 8px 16px !important;
}
.js-tkt-det-user .js-tkt-det-user-image {
    height: 100px !important;
}
.js-tkt-det-title {
    background: #FFE3E3 !important;
    border: unset !important;
    border-radius: 8px;
    color: var(--e-global-color-primary);
    font-size: 16.51px;
}
.js-tkt-det-actn-btn-wrp {
    border: unset !important;
}
.js-ticket-thread {
    background: var(--e-global-color-3d1da0d) !important;
    box-shadow: unset !important;
    border-radius: 16px;
}
span.js-ticket-thread-person {
    color: #000000 !important;
    font-family: Poppins;
    font-weight: 600;
}
div.js-ticket-reply-forms-wrapper div.js-ticket-reply-forms-heading {
    background-color: var(--e-global-color-3d1da0d) !important;
    border-radius: 8px;
}
div#wp-jsticket_message-wrap {
    overflow: hidden;
    border-radius: 0 0 8px 8px;
}
div.js-ticket-closeonreply-wrp div.js-form-title-position-reletive-left {
    width: -webkit-fill-available !important;
    border: unset !important;
    border-radius: 8px;
}
label#forcloseonreply {
    margin: 10px !important;
}
div.js-ticket-reply-form-button-wrp {
    border: unset !important;
}
input#postreplybutton {
    width: -webkit-fill-available !important;
    border: unset !important;
    border-radius: 32px;
    background-color: var(--e-global-color-311a458) !important;
    color: var(--e-global-color-3d1da0d) !important;
}
span.tk_attachments_addform {
    width: -webkit-fill-available !important;
    border: unset !important;
    border-radius: 32px;
    background-color: var(--e-global-color-311a458) !important;
    color: var(--e-global-color-3d1da0d) !important;
    padding: 15px;
}
div.js-ticket-attachments-wrp div.js_ticketattachment {
    background-color: #ffffff !important;
}
/*left*/
/*right*/
.js-tkt-det-right .js-tkt-det-cnt {
    background-color: #F6F6F6 !important;
}
.js-tkt-det-right .js-tkt-det-cnt.js-tkt-det-tkt-info .js-tkt-det-status {
    background-color: var(--e-global-color-3d1da0d) !important;
    padding: 20px;
    font-size: 13.37px;
    font-weight: 600;
    text-align: left;
    border-radius: 8px;
}
.js-tkt-det-right .js-tkt-det-cnt .js-tkt-det-hdg {
    background-color: var(--e-global-color-3d1da0d) !important;
    padding: 20px;
    font-size: 13.37px;
    font-weight: 600;
    text-align: left;
    border-radius: 8px;
    margin: 10px 0;
}
.js-tkt-det-right .js-tkt-det-cnt.js-tkt-det-user-tkts {
    padding: 15px;
}
.js-tkt-det-right .js-tkt-det-user {
    background-color: var(--e-global-color-3d1da0d) !important;
    padding: 20px;
    font-size: 13.37px;
    font-weight: 600;
    text-align: left;
    border: unset !important;
    border-radius: 8px;
    margin: 10px 0;
}
.js-tkt-det-right span.js-tkt-det-prty {
    border-color: var(--e-global-color-49ace8f) !important;
    border-radius: 32px;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: var(--e-global-color-3d1da0d) !important;
}
.js-tkt-det-right span.js-tkt-det-status {
    border-color: var(--e-global-color-49ace8f) !important;
    border-radius: 32px;
    font-size: 14px !important;
    font-weight: 400 !important;
    background-color: var(--e-global-color-3d1da0d) !important;
}

/*right*/
/*Ticket Status*/

/*User Data*/
div.js-ticket-search-heading-wrp {
    color: #ffffff !important;
}
div.js-ticket-search-heading-wrp.second-style div.js-ticket-heading-right a.js-ticket-add-download-btn {
    color: #ffffff !important;
}
/*User Data*/

/*phone*/
@media only screen and (max-width: 480px) {
div.js-ticket-add-form-wrapper div.js-ticket-from-field-wrp {
    width: calc(100% / 1 - 10px) !important;
}
/*phone*/

/*tap*/
}
@media only screen and (max-width: 782px) {
    .js-tkt-det-left {
        width: 100% !important;
    }
    input.inputbox.js-attachment-inputbox {
    padding: 90px;
}
a.js-cp-menu-link {
    padding: 14px 20px  !important;
}

}
/*tap*//* End custom CSS */
/* Start custom CSS */.ui-datepicker {
    display: none !important;
}/* End custom CSS */