/* remove this in the 3.0.3 */
.jsst-admin-alert {
    background: #fff7ed;
    border-left: 6px solid #ea580c;
    padding: 16px 20px;
    margin: 20px 0;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    border-radius: 8px;
}

.jsst-alert-content {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.jsst-alert-icon {
    font-size: 34px;
    line-height: 1;
}

.jsst-alert-text h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #9a3412;
}

.jsst-alert-text p {
    margin: 4px 0 0;
    color: #7c2d12;
    font-size: 14px;
}

.jsst-alert-action {
    margin-left: auto;
}

.jsst-alert-btn {
    background: #ea580c;
    color: #fff;
    padding: 10px 18px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.jsst-alert-btn:hover {
    background: #c2410c;
    color: #fff;
}
/* remove this in the 3.0.3 */
/* common */
div#jsstadmin-wrapper {position: relative;float: left;width: 100%;margin-top: 10px;display: flex;}
div#jsstadmin-wrapper * {box-sizing: border-box;}
.p0 {padding: 0 !important;}
.mt0 {margin-top: 0 !important;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.halfwidth {width: 50%;}
.bg-n {background: transparent !important;}
.bs-n {box-shadow: unset !important;}
div#jsstadmin-wrapper img {display: inline-block;max-width: 100%;height: auto;vertical-align: middle;}
a {box-shadow: unset !important;}
.jsst-order-grab-column{width: 50px;cursor: move; /* fallback if grab cursor is unsupported */cursor: grab;}
.ui-sortable-helper {display: table;}
.orange-bg {background: #feac47 !important;}
.black-bg {background: #23282d !important;border: 1px solid #23282d !important;padding: 7.5px 15px !important}
.js-form-ticket-readonly {pointer-events: none !important;}
div#jsstadmin-data {display: flex;flex-direction: column;width: 100%;}

div#jsstadmin-data .jsst_updated,
div#jsstadmin-data .jsst_error,
div#jsstadmin-data .jsst_update-nag {margin:0px;margin-bottom: 5px;}
#jsstadmin-wrapper .visible{display: none;}
.js-ticket-configuration-img a{text-decoration: underline;cursor: pointer;}
#jsstadmin-wrapper .iris-border .iris-picker-inner {z-index: 999}
#jsstadmin-wrapper .iris-picker {margin-top: 45px;}
#jsstadmin-wrapper .iris-picker .iris-picker-inner .iris-square {margin-right: 10px !important;}
form.jsstadmin-form div.js-form-wpuser-data-wrapper{float: left;width: calc(100% - 20px);padding: 18px 13px 20px;border: 1px solid #88b2da;background-color: #dfeefb;border-radius: 7px;margin: 0 10px 20px;}
form.jsstadmin-form div.js-form-wpuser-data-wrapper div.js-form-wrapper {width: calc(100% / 4 - 20px);margin-bottom: 5px;}
form.jsstadmin-form div.js-form-wpuser-data-wrapper div.js-form-wrapper .js-form-input-field { background: #fff;border: 1px solid #99c6f0; }
form.jsstadmin-form div.js-form-wpuser-data-wrapper div.js-form-wrapper .js-form-wpuser-data-img {display: inline-block;margin-left: 5px;}
form.jsstadmin-form div.js-form-wpuser-data-wrapper div.js-form-wrapper .js-form-wpuser-data-img img {width: 15px;}
/* admin-addons-status */
div.jsstadmin-addons-list-data{font-size:16px;color: #4b4b4d;}
div#msadmin-data-wrp div.jsstadmin-addons-list-wrp{float: left;width: 100%;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status{float: left;width: 100%;padding:20px 10px;border: 1px solid #e0e1e0;display: flex; align-items: center;margin-bottom: 20px;background: #f0f0f1;flex-wrap: wrap;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status.jsst-admin-addons-status-update-wrp{background-color:#d6ece2;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status.jsst-admin-addons-status-expired-wrp{background-color:#ffe3e3;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-addon-status-image-wrp{float: left;width: 5%;text-align: center;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-addon-status-image-wrp img{width: 80%;margin: auto;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-title-wrp{float: left;width:calc(45% - 20px);margin:0 10px 0 10px;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-title-wrp h2{float: left;margin: 5px 0 16px 0;width: 100%;color: #4b4b4d;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-title-wrp .jsst-admin-adons-status-Deactive{ font-weight: bold;color: #8c0202;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-addonstatus-wrp .jsst-admin-adons-status-Deactive{ font-weight: bold;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-title-wrp .jsst-admin-adons-status-Active{color:#235700;font-weight: bold;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-title-wrp .jsst-admin-adons-status-Install{color:#2a1abf;font-weight: bold;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-title-wrp span#jsst-admin-addon-status-cdnversion{font-size:13px;color:#357e61;border: 1px solid #138b5b;padding:4px 8px;border-radius:5px;margin-left: 10px;background: #ffff;font-weight: bold;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-addonstatus-wrp{float: left;width:20%;font-weight: bold;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-addonsversion-wrp{float: left;width:15%;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-addonstatusbtn-wrp{float:left;width:15%;text-align:right;padding: 10px;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-addonstatusbtn-wrp a{padding: 10px 20px;border-radius: 30px;border: 1px solid #e0e1e0;background-color: white;color: #4b4b4d;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-addonstatusbtn-wrp .jsst-admin-addons-update-btn{padding: 13px 20px;border-radius:10px;border: 2px solid #e0e1e0;background-color:#0f7d4b;color: white;font-weight: bold;display: inline-block;cursor: pointer;text-decoration: unset;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-addonstatusbtn-wrp .jsst-admin-addons-buy-btn{padding: 13px 20px;border-radius:10px;border: 2px solid #2a1abf;background-color:#2a1abf;color: white;font-weight: bold;display: inline-block;text-decoration: unset;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-addonstatusbtn-wrp .jsst-admin-addons-expired-btn{color:#c03437;border-color: #c03437;font-weight: bold;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-msg{font-size: 14px;padding: 10px 12px;background: #ffff;font-weight: 500;float: left;width: 99%;margin-top: 15px;margin-left: 0.5%;display: none;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-msg.jsst_admin_success{color: #0C6E45;border: 1px solid #0C6E45;background-color: #d6ece2;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-msg.jsst_admin_error{color: #FF4F4E;border: 1px solid #FF4F4E;background-color: #fae1e1;}
div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-msg .jsst-admin-addon-status-msg-txt{margin: 2px 5px 0;}
/* autoupdte */
div.jsstadmin-addons-list-data .jsstadmin-autoupdte-addons-title{padding-bottom: 25px;font-size: 22px;line-height: 35px;font-weight: bold;}
div.jsstadmin-addons-list-data .jsstadmin-autoupdte-addons-cardwrp{display: flex;align-items: center;gap: 30px;padding: 10px;border:1px solid #4b87d2;background-color: #f5faff;}
div.jsstadmin-addons-list-data .jsstadmin-autoupdte-addons-cardwrp .jsstadmin-autoupdte-addons-cardlogo{width: 80px;height: auto;border: 1px solid #1562c3;min-width: 80px;background-color: #fff;}
div.jsstadmin-addons-list-data .jsstadmin-autoupdte-addons-cardwrp .jsstadmin-autoupdte-addons-cardlogo img{max-width: 100%;height: auto;padding: 10px;}
div.jsstadmin-addons-list-data .jsstadmin-autoupdte-addons-cardwrp .jsstadmin-autoupdte-addons-cardwrp-rightwrp{display: flex;align-items: center;flex: 1 1 auto;flex-wrap: wrap;justify-content: space-between;gap: 15px;padding-top: 5px;}
div.jsstadmin-addons-list-data .jsstadmin-autoupdte-addons-cardwrp .jsstadmin-autoupdte-addons-card-btn{margin-right:10px;padding: 13px 20px;border: 2px solid #057a43;background-color: #00a859;color: white;font-weight: bold;display: inline-block;text-decoration: unset;}
div.jsstadmin-addons-list-data .jsstadmin-autoupdte-addons-cardwrp .jsstadmin-autoupdte-addons-card-btn:hover{background-color:#fff;color: #00a859;}
div.jsstadmin-addons-list-data .jsstadmin-autoupdte-addons-cardwrp .jsstadmin-autoupdte-addons-card-btn.jsstadmin-autoupdte-addons-card-offbtn{border: 2px solid #832a2c;background-color: #c03437;}
div.jsstadmin-addons-list-data .jsstadmin-autoupdte-addons-cardwrp .jsstadmin-autoupdte-addons-card-btn.jsstadmin-autoupdte-addons-card-offbtn:hover{color: #c03437;background-color: #fff;}
div.jsstadmin-addons-list-data .jsstadmin-addons-alladdon-title{padding:40px 0 25px;margin-top: 20px;font-size: 22px;line-height: 35px;font-weight: bold;margin-top: 30px;border-top: 1px solid #e0e1e0;}
div.jsstadmin-addons-list-data .jsstadmin-autoupdte-addons-cardwrp .jsstadmin-autoupdte-addons-card-title{line-height: 26px;}

/* left menu */
/* .menu-collapsed div#jsstadmin-data {width: calc(100% - 98px);float: left;position: relative;transition: all 500ms;}
div#jsstadmin-data {transition: all 500ms;width: calc(100% - 290px);} */

/* user popup */
div#multiformpopupblack, div#black_wrapper_ai_reply {background: rgba(0,0,0,0.5);position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 9989;}
div#multiformpopup * {box-sizing: border-box;}
div#multiformpopup{position: fixed;top:50%;left:50%;width:50%;z-index: 9999999999;transform: translate(-50%, -50%);background: #fff;box-sizing: border-box;max-height: 70%;overflow-x: hidden;overflow-y: auto;}
div#multiformpopup .multiformpopup-top {float: left;width: 100%;background: #4f46e5;padding: 15px;}
div#multiformpopup .multiformpopup-top .multiformpopup-heading {float: left;color: #fff;font-weight: bold;font-size: 20px;line-height: initial;text-transform: capitalize;}
div#multiformpopup .multiformpopup-top .multiformpopup-close {float: right;cursor: pointer;}
div#multiformpopup .multiformpopup-search {float: left;width: 100%;}
div#multiformpopup .multiformpopup-search form .multiformpopup-fields-wrp {float: left;width: 100%;padding: 10px;}
div#multiformpopup .multiformpopup-search form .multiformpopup-fields-wrp .multiformpopup-fields {float: left;width: calc(100% / 3 - 10px);margin: 0 5px;}
div#multiformpopup .multiformpopup-search form .multiformpopup-fields-wrp .multiformpopup-fields input {display: inline-block;width: 100%;padding: 10px;height: 40px;border: 1px solid #ebecec;background: #f8fafc;color: #6c757d;box-shadow: unset;}
div#multiformpopup .multiformpopup-search form .multiformpopup-fields-wrp .multiformpopup-btn-wrp {float: left;width: 100%;}
div#multiformpopup .multiformpopup-search form .multiformpopup-fields-wrp .multiformpopup-btn-wrp input {float: left;padding: 10px 35px;border: 1px solid;margin: 8px 0 0 5px;cursor: pointer;}
div#multiformpopup .multiformpopup-search form .multiformpopup-fields-wrp .multiformpopup-btn-wrp .multiformpopup-search-btn {background: #4f46e5;border-color: #4f46e5;color: #fff;}
div#multiformpopup .multiformpopup-search form .multiformpopup-fields-wrp .multiformpopup-btn-wrp .multiformpopup-search-btn:hover {background: #fff;color: #4f46e5;}
div#multiformpopup .multiformpopup-search form .multiformpopup-fields-wrp .multiformpopup-btn-wrp .multiformpopup-reset-btn {background: #32373c;border-color: #32373c;color: #fff;}
div#multiformpopup .multiformpopup-search form .multiformpopup-fields-wrp .multiformpopup-btn-wrp .multiformpopup-reset-btn:hover {background: #fff;color: #32373c;}
div#multiformpopup #multiformpopup-records-wrp {float: left;width: 100%;}
div#multiformpopup #multiformpopup-records-wrp #multiformpopup-records .multiformpopup-records-desc {text-align: center;padding: 50px 15px;color: #23282d;}
div#multiformpopup div.jsst-multiformpopup-header {width: 100%;font-size: 20px;float: left;padding: 20px 10px;font-weight: bold;line-height: initial;}
div#multiformpopup div.jsst-multiformpopup-header{width:100%;font-size:20px;float:left;padding: 20px 10px; font-weight: bold;line-height: initial;}
div#multiformpopup div.multiformpopup-header-close-img{position: absolute;top:22px;right: 22px;background-size: 100%;width:20px;height: 20px;opacity: 1;cursor: pointer;}
div#multiformpopup div.jsst-multiformpopup-header{background: #4f46e5;color:#fff;}
div#multiformpopup #records{float: left;width: 100%;padding: 20px 35px;}
div#multiformpopup div.js-ticket-table-wrp{float: left;width: 100%;padding: 0;}
div#multiformpopup div.js-ticket-table-body div.js-ticket-multiform-row {border: 1px solid #d1d1d1;background: #f5f5f5;}
div#multiformpopup div.js-ticket-table-body div.js-ticket-multiform-row:hover {box-shadow: 4px 4px 4px 0 rgba(0,0,0,0.2);border: 1px solid #4f46e5;background: #fff;}
div#multiformpopup div.js-ticket-table-body div.js-ticket-multiform-row.selected {border: 1px solid #4f46e5;background: #fff;}
div#multiformpopup div.js-ticket-table-body{float: left;width: 100%;margin: 0px}
div#multiformpopup div.js-ticket-table-body div.js-ticket-multiform-row{float: left;width: 100%;margin: 10px 0;padding: 0 15px;cursor: pointer;}
div#multiformpopup div.js-ticket-table-body div.js-ticket-multiform-row div.js-ticket-table-body-col{padding: 15px;text-align: left;float: left;width: 100%;line-height: initial;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-top: 1px solid #d1d1d1;}
div#multiformpopup div.js-ticket-table-body div.js-ticket-multiform-row div.js-ticket-table-body-col {color: #4f46e5;}
div#multiformpopup div.js-ticket-table-body div.js-ticket-multiform-row.selected div.js-ticket-table-body-col {color: #2b2b2b;}
div#multiformpopup div.js-ticket-table-body div.js-ticket-multiform-row div.js-ticket-table-body-col:first-child{color: #2b2b2b;font-weight: 900;border: none;}
div#multiformpopup div.js-ticket-table-body div.js-ticket-multiform-row.selected div.js-ticket-table-body-col:first-child{color: #4f46e5;font-weight: 900;}
div#multiformpopup div.js-ticket-table-body div.js-ticket-multiform-row div.js-ticket-table-body-col:last-child{color: #6c757d;border-bottom: unset;}
div#multiformpopup div.js-ticket-table-body div.js-multiformpopup-link-wrp{float: left;width: 100%;text-align: center;margin-top: 20px;border-top: 1px solid #d1d1d1;display: none;}
div#multiformpopup div.js-ticket-table-body div.js-multiformpopup-link-wrp a.js-multiformpopup-link{padding: 15px 35px;min-width: 120px;border-radius: 0px;line-height: initial;background-color: #4f46e5;color: #ffffff;border: 1px solid #d1d1d1;display: inline-block;margin-top: 25px;cursor: pointer;}
div#multiformpopup div.js-ticket-table-body div.js-multiformpopup-link-wrp a.js-multiformpopup-link:hover{background-color: #ffffff;color: #4f46e5;border: 1px solid #4f46e5;}

/* page top */
div#jsstadmin-wrapper-top {float: left;width: 100%;padding: 10px;position: relative;background: #4f46e5;box-shadow: 0 1px 5px 0px rgba(0,0,0,0.6);}
div#jsstadmin-wrapper-top-left {float: left;}
div#jsstadmin-wrapper-top-right {float: right;}
a.jsst-anchor {display: inline-block;}
div#jsstadmin-breadcrunbs {float: left;}
div#jsstadmin-breadcrunbs ul {padding: 7px 0;margin: 0;}
div#jsstadmin-breadcrunbs ul li {display: inline-block;margin: 0;color: #fff;}
div#jsstadmin-breadcrunbs ul li a {text-decoration: underline;color: #fff;}
div#jsstadmin-breadcrunbs ul li:last-child a {text-decoration: none;}
div#jsstadmin-breadcrunbs ul li::before {padding: 0 5px;color: #fff;content: "/\00a0";}
div#jsstadmin-breadcrunbs ul li:first-child::before {display: none;}
div#jsstadmin-config-btn {float: left;background: #352db8;color: #fff;padding: 7px 7px 8px;}
div.jssticketadmin-help-btn {margin-left: 5px;}
div#jsstadmin-vers-txt {float: left;background: #352db8;color: #fff;padding: 9px 20px;margin-left: 5px;}

/* main content */
div#jsstadmin-head {float: left;width: 100%;background-color: #352db8;padding: 40px 25px 70px;color: #fff;background-size: cover;}
div#jsstadmin-head .jsstadmin-head-text {color: #fff;font-size: 36px;line-height: initial;float: left;margin: 0;}
div#jsstadmin-head .jsstadmin-head-text span.jsstadmin-head-sub-text {font-size: 25px;}
div#jsstadmin-head a.jsstadmin-add-link {float: right;border-radius: 0;height: auto;line-height: initial;padding: 10px 15px;margin-top: -2px;margin-left: 8px;background: #209e24;border: 1px solid #368534;color: #fff;box-shadow: 0 0 4px 1px rgba(0,0,0,0.2) !important;font-size: 16px;}
div#jsstadmin-head a.jsstadmin-add-link img {margin-right: 3px;}
div#jsstadmin-data-wrp {width: calc(100% - 40px);float: left;margin: -35px 20px 0;padding: 25px;background: #fff;box-shadow: 0 0 3px 2px rgba(0,0,0,0.2);}

/* form */
form.jsstadmin-form {float: left;width: 100%;}
form.jsstadmin-form input.js-form-delrow {float: right;margin-top: -15px;background: none;border: none;color: #FF0000;text-decoration: underline;cursor: pointer;margin-right: 5px;font-size: 14px !important;}
form.jsstadmin-form input.js-form-delrow:hover {text-decoration: none;}
form.jsstadmin-form div.js-form-addmore-btn-wrp {float: left;margin-bottom: 15px;margin-top: -15px;}
form.jsstadmin-form div.js-form-addmore-btn-wrp input.js-form-addmore{float: left;background: none;border: none;color: #4f46e5;text-decoration: underline;cursor: pointer;margin-left: 7px;font-size: 14px !important}
form.jsstadmin-form div.js-form-addmore-btn-wrp input.js-form-addmore:hover{text-decoration: none;}
form.jsstadmin-form div.js-form-wrapper {float: left;width: calc(100% / 2 - 20px);margin: 0px 10px 20px;}
form.jsstadmin-form div.js-form-wrapper.js-form-emailcc-wrapper {width: calc(100% / 3 - 20px);}
form.jsstadmin-form div.js-form-wrapper.fullwidth {width: calc(100% - 20px);margin: 0px 10px 20px;}
form.jsstadmin-form div.js-form-wrapper div.js-form-title {float: left;width: 100%;margin-bottom: 10px;color: #23282d;}
form.jsstadmin-form div.js-form-wrapper span.js-form-subtitle {color: #23282d;background: #d9f0fa;border: 1px solid #80c7e8;padding: 5px 7px;}
form.jsstadmin-form div.js-form-wrapper div.js-form-value {float: left;width: 100%;margin-bottom: 10px;position: relative;}
form.jsstadmin-form div.js-form-wrapper div.js-form-value .js-form-prioritycolor-wrp {float: left;width: 40px;height: 45px;border-radius: 4px;margin-right: 4px;}
form.jsstadmin-form div.js-form-wrapper div.js-form-value .js-form-statuscolor-wrp {float: left;width: 40px;height: 45px;border-radius: 4px;margin-right: 4px;}
form.jsstadmin-form div.js-form-wrapper div.js-form-value .js-form-statusbgcolor-wrp {float: left;width: 40px;height: 45px;border-radius: 4px;margin-right: 4px;}
form.jsstadmin-form div.js-form-wrapper div.js-form-description {float: left;width: 100%;padding: 5px 5px 0;color: #606062;}
form.jsstadmin-form div.js-form-wrapper .js-visible-conditions-addbtn-wrp .js-form-visible-addmore{cursor: pointer;float: left;border: unset;font-size: 15px !important;padding: 2px 13px 2px 10px;margin-left: 5px;height: 45px;display: flex;align-items: center;background-color: #000;color: #fff;font-weight: bold;}
form.jsstadmin-form div.js-form-wrapper .js-visible-conditions-addbtn-wrp .js-form-visible-addmore:hover{background-color: #4f46e5;}
form.jsstadmin-form div.js-form-wrapper .js-visible-conditions-body-value .js-visible-conditions-delbtn{cursor: pointer;float: left;background-color: #fff;border: 1px solid #ebecec;border-radius: 3px; height: 45px;display: flex;align-items: center;padding: 0 5px;margin:0 5px;}
form.jsstadmin-form div.js-visible-conditions-addbtn-wrp .js-form-visible-addmore{cursor: pointer;float: left;border: unset;font-size: 15px !important;padding: 2px 13px 2px 10px;margin-left: 5px;min-height: 45px;display: flex;align-items: center;background-color: #4f46e5;color: #fff;font-weight: bold;}
form.jsstadmin-form div.js-visible-conditions-addbtn-wrp .js-form-visible-addmore:hover{background-color: #000;}
form.jsstadmin-form.has-validation-callback .js-visible-conditions-addbtn-wrp{float:left;width: 100%;margin: 0 0 10px 5px;}
/*remove later*/
.jsst_hide{display: none;}
form.jsstadmin-form div.js-form-wrapper a.js-form-link {float: right;color: #4f46e5;text-decoration: none;}
form.jsstadmin-form div.js-form-wrapper div.js-form-value .form-error {display: inline-block;position: absolute;font-size: 11px;color: red;color: red;bottom: -22px;right: 0;}
form.jsstadmin-form div.js-form-wrapper .js-form-desc {float: left;width: 100%;color: #606062;}
form.jsstadmin-form div.js-form-wrapper .js-form-desc.js-form-status-desc {min-height: 19px;}
form.jsstadmin-form div.js-form-wrapper .js-form-diabled-field {float: left;width: 100%;height: 45px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;}
form.jsstadmin-form div.js-form-wrapper .js-form-input-field {float: left;width: 100%;height: 45px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;}
form.jsstadmin-form div.js-form-wrapper .js-form-input-field.js-form-prioritycolor-field {width: calc(100% - 45px);}
form.jsstadmin-form div.js-form-wrapper .js-form-input-field.js-form-statuscolor-field {width: calc(100% - 45px);}
form.jsstadmin-form div.js-form-wrapper .js-form-input-field.js-form-statusbgcolor-field {width: calc(100% - 45px);}
form.jsstadmin-form div.js-form-wrapper .js-form-input-field.loading {background-image: url("../images/spinning-wheel.gif");background-size: 25px 25px;background-position:right center;background-repeat: no-repeat;}
form.jsstadmin-form div.js-form-wrapper div.js-form-value  span.jsst_product_found{background-image: url("../images/good.png");background-size: 25px 25px;background-position:right center;background-repeat: no-repeat;width:30px;height:30px;top:10px;right:10px;position:absolute;}
form.jsstadmin-form div.js-form-wrapper div.js-form-value  span.jsst_product_not_found{background-image: url("../images/close.png");background-size: 25px 25px;background-position:right center;background-repeat: no-repeat;width:30px;height:30px;top:10px;right:10px;position:absolute;}
form.jsstadmin-form .js-form-visible-subheading {float: left;width: calc(100% - 20px);padding: 0px 13px 20px;text-align: center;color: #000;font-size: 20px;font-weight: 500;}
form.jsstadmin-form div.js-form-wrapper.js-form-visible-wrapper {float: left;width: calc(100% - 20px);padding: 25px 13px 20px;border: 1px solid #d0e5f9;background-color: #f2f9ff;border-radius: 7px;}
form.jsstadmin-form div.js-form-wrapper.js-form-visible-wrapper .js-form-title{font-weight: 400;font-size: 16px;margin: 0 5px 15px;}
form.jsstadmin-form div.js-form-wrapper.js-form-visible-wrapper .js-form-input-field,
form.jsstadmin-form div.js-form-wrapper.js-form-visible-wrapper .js-form-select-field{width: calc(100% / 3 - 26px);margin:0 5px 5px;}
form.jsstadmin-form div.js-form-wrapper.js-form-visible-wrapper .js-form-desc{margin:0 5px;}
form.jsstadmin-form div.js-form-wrapper.js-form-visible-wrapper #visibleValue div{width: calc(100% / 3 - 10px);margin: 0 5px 5px;float: left;padding: 10px;color: #6c757d;}

form.jsstadmin-form div.js-form-wrapper .js-form-chkbox-field {float: left;width: 100%;height: 45px;padding: 10px;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;}
form.jsstadmin-form div.js-form-wrapper .js-form-chkbox-field .radiobutton {margin-right: 5px;}
form.jsstadmin-form div.js-form-wrapper .jsst-formfield-radio-button-wrap {float: left;padding: 10px;height: 45px;margin-right: 5px;width: calc(33.33% - 5px);color: #6c757d;border: 1px solid #ebecec;background: #f8fafc;}
form.jsstadmin-form div.js-form-wrapper .jsst-formfield-radio-button-wrap input {margin-right: 5px;margin-top: 1px;}
form.jsstadmin-form div.js-form-wrapper .jsst-formfield-radio-button-wrap.fullwidth {width: 100%;margin-right: 0;margin-bottom: 20px;}
form.jsstadmin-form div.js-form-wrapper .jsst-formfield-radio-button-wrap.js-ticket-custom-terms-and-condition-box {width: 100%;margin-right: 0px;}
form.jsstadmin-form div.js-form-wrapper .js-form-textarea-field {display: block;width: 100%;min-height: 100px;padding: 10px;color: #6c757d;border: 1px solid #ebecec;background: #f8fafc;}
form.jsstadmin-form div.js-form-wrapper .ticket_overdue_type_text {display: inline-block;width: 100%;margin-top: 5px;color: #6c757d;}
form.jsstadmin-form div.js-form-wrapper .js-form-date-field {float: left;width: 100%;margin: 0;height: 45px;padding: 10px;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;}
form.jsstadmin-form div.js-form-wrapper .js-form-select-field,
div.js-email-body div.js-form-wrapper div.a-js-form-field select.js-ticket-select-field {float: left;width: 100%;height: 45px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;background-image: url('../images/selecticon.png');background-repeat: no-repeat;background-position: calc(100% - 15px);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size: 16px;max-width: 100%;}
select.js-form-select-field.jsstadmin-select-link{float: right;height: 40px;margin-top: -2px;border-radius: 0;}
form.jsstadmin-form div.js-form-wrapper #userpopup {position: absolute;top: 0;right: 0;padding: 12px;text-decoration: none;min-width: 30%;text-align: center;height: 44px;background: #4f46e5;border: 1px solid #4f46e5;color: #fff;}
form.jsstadmin-form div.js-form-wrapper #userpopup:hover {background: #fff;color: #4f46e5;}
.js-form-append-field .js-form-value .js-form-select-field {width: 65%;}
.js-admin-form-head {float: left;width: 100%;margin-bottom: 20px;padding: 20px;font-size: 20px;background: #32373c;color: #fff;}
::placeholder {color: #6c757d;opacity: 1; /* Firefox */}
.tk_attachment_value_wrapperform {float: left;width: 100%;}
#adminTicketform .tk_attachment_value_wrapperform .tk_attachment_value_text,
#adminDwnldform .tk_attachment_value_wrapperform .tk_attachment_value_text,
#adminKbform .tk_attachment_value_wrapperform .tk_attachment_value_text {width: calc(33.33% - 10px);margin-right: 10px;}
.tk_attachment_value_wrapperform .tk_attachment_value_text {width: 100%;margin-bottom: 10px;height: 45px;border: 1px solid #ebecec;background: #f8fafc;padding: 6px 10px;float: left;position: relative;}
.tk_attachment_value_wrapperform .tk_attachment_value_text input {display: inline-block;text-overflow: ellipsis;width: 100%;padding: 0;}
.tk_attachment_value_wrapperform .tk_attachment_value_text .tk_attachment_remove {position: absolute;display: inline-block;top: 9px;right: 0;background-image: url('../images/close.png');background-repeat: no-repeat;background-position: calc(100% - 5px);height: 25px;width: 25px;background-size: 100%;cursor: pointer;}
.js_ticketattachment {width: calc(50% - 10px);margin-bottom: 10px;border: 1px solid #ebecec;background: #f8fafc;padding: 8px 5px;margin-right: 10px;float: left;position: relative;line-height: 22px;}
.jsticketstafflogo {width: 150px;}
.js_ticketattachment .js_ticketattachment_fname {float: left;width: calc(100% - 125px);overflow: hidden;text-overflow: ellipsis;height: 25px;white-space: nowrap;}
.js_ticketattachment a {float: right;}
.tk_attachments_desc {float: left;width: 100%;}
.tk_attachments_configform {display: inline-block;width: 100%;}
.jsstadmin-add-user-fields-title {padding: 20px 15px;margin: 0 0 15px;background: #4f46e5;color: #fff;}
.jsstadmin-add-user-fields-wrp {float: left;width: calc(100% - 20px);margin: 0 10px 20px;}
.page-actions {float: left;width: 100%;}
#user-field-values {float: left;width: 100%;}
.input-field-wrapper {display: inline-block;float: left;position: relative;margin-right: 10px;margin-bottom: 10px;}
.input-field-wrapper input {display: inline-block;width: auto;margin: 0;vertical-align: middle;height: 45px;padding: 10px;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;}
.input-field-wrapper .input-field-remove-img {display: inline-block;vertical-align: middle;cursor: pointer;}
.jsst-button-link {display: inline-block;padding: 10px 15px;line-height: inherit;border-radius: 0;height: auto;border: 1px solid #ebecec;color: #6c757d;background: #f8fafc;cursor: pointer;margin: 10px 0;}
.jsst-button-bg-link {color: #fff;background: #4f46e5;}
.jsst-button-bg-link:hover {color: #4f46e5;border-color: #4f46e5;background: #fff;}
.jsst-button-link.user-field-val-button {height: auto;border-radius: 0;float: left;line-height: inherit;border: 1px solid #ebecec;color: #6c757d;background: #f8fafc;padding: 10px 15px;box-shadow: unset;margin-top: 3px;}
#tk_attachment_add {margin: 10px 0;}
#for-combo-options {float: left;width: calc(100% - 20px);margin: 0 10px 20px;}
#for-combo-options .jsst-user-dd-field-wrap {float: left;width: 100%;margin-bottom: 10px;}
#for-combo-options .jsst-user-dd-field-wrap .jsst-user-dd-field-title {float: left;width: 100%;margin-bottom: 10px;color: #23282d;}
#for-combo-options .jsst-user-dd-field-wrap .jsst-user-dd-field-value {float: left;width: 100%;}
.js-form-button {float: left;width: 100%;text-align: center;padding: 20px 0;border-top: 2px solid #32373c;}
.js-form-button .button {display: inline-block;padding: 15px;text-align: center;border-radius: 0;height: auto;font-size: 16px !important;min-width: 150px;line-height: initial;box-shadow: unset;}
.js-form-button .button.js-form-save {background: #209e24;border: 1px solid #368534;color: #fff;}
.js-form-button .button.js-form-save:hover {background: #fff;color: #209e24;}
form.jsstadmin-form div.js-form-wrapper div.js-form-perm-msg {float: left;margin: 0 8px 8px 0;}
form.jsstadmin-form div.js-form-wrapper div.js-form-perm-msg a {display: inline-block;width: 100%;text-decoration: none;padding: 10px;border: 1px solid #ebecec;background: #fff;color: #575455;}
form.jsstadmin-form div.js-form-wrapper div.js-form-perm-msg a:hover {border-color: #4f46e5;color: #4f46e5;}
form.jsstadmin-form div.js-form-wrapper .js-form-append {float: left;padding: 10px;border: 1px solid #ebecec;background: #fff;color: #575455;}
form.jsstadmin-form div.js-form-wrapper .js-form-append input {margin: 0 5px;}
form.jsstadmin-form div.js-form-wrapper #helptopic {background: #fff;color: #575455;}
form.jsstadmin-form div.js-form-wrapper #helptopic .helptopic-no-rec {background: #fff;color: #575455;padding: 10px;height: 45px;}
form.jsstadmin-form div.js-form-wrapper #premade .premade-no-rec {background: #fff;color: #575455;padding: 10px;height: 45px;}
form.jsstadmin-form div.js-form-wrapper #helptopic select {float: left;width: 100%;height: 45px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;background-image: url('../images/selecticon.png');background-repeat: no-repeat;background-position: calc(100% - 15px);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size: 16px;}
/*agent auto assign*/
.js-conditions-main-wrapper{float: left;width: 100%;border: 1px solid #ebecec;margin-bottom: 25px;}
.js-conditions-main-wrapper .js-conditions-head{float: left;width: 100%;margin: 0px;font-size: 20px;font-weight: normal;background: #32373c;color: #fff;}
.js-conditions-main-wrapper .js-conditions-head .js-conditions-head-items{float: left;width: calc(100% / 4);border-right:1px solid #fff;padding: 20px;}
.js-conditions-main-wrapper .js-conditions-head .js-conditions-head-items:last-child{border-right:none;}
.js-conditions-main-wrapper .js-conditions-body{float: left;width: 100%;padding-top: 20px; }
.js-conditions-main-wrapper .js-conditions-body .js-conditions-body-row-wrapper{float: left;width: 100%;padding: 0 20px 20px 20px;}
.js-conditions-main-wrapper .js-conditions-body .js-conditions-body-row-wrapper .js-conditions-body-row{float: left;width: calc(100% / 4);margin: 0px;padding: 15px 12px !important;border: 1px solid #ebecec;background: #f8fafc;min-height: 77px;}
.js-conditions-main-wrapper .js-conditions-body .js-conditions-body-row-wrapper .js-conditions-body-row .js-conditions-body-value{float: left;width: 100%;text-align: center;}
.js-conditions-main-wrapper .js-conditions-body .js-conditions-body-row-wrapper .js-conditions-body-row .js-conditions-body-value select {width: 100%;height: 45px;padding: 10px;box-shadow: unset;color: #6c757d;background: #fff;border: 1px solid #ebecec;background-image: url(../images/selecticon.png);background-repeat: no-repeat;background-position: calc(100% - 15px);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size: 16px;}
.js-conditions-main-wrapper .js-conditions-body .js-conditions-body-row-wrapper .js-conditions-body-row .js-conditions-body-value input:not(.js-conditions-delbtn) {width: 100%;height: 45px;padding: 10px;box-shadow: unset;color: #6c757d;background: #fff;border: 1px solid #ebecec;}
.js-conditions-main-wrapper .js-conditions-body .js-conditions-addbtn-wrp{float: left;width: auto;margin: 0 20px 20px 20px;}
.js-conditions-main-wrapper .js-conditions-body .js-conditions-addbtn-wrp input{padding: 15px 20px;cursor: pointer;color: #fff;background: #4f46e5;border-color: #4f46e5;float: left;border: 1px solid;font-size: 15px !important}
.js-conditions-main-wrapper .js-conditions-body .js-conditions-addbtn-wrp input:hover{color: #4f46e5;background: #fff;}
.js-conditions-main-wrapper .js-conditions-body .js-conditions-delbtn{padding: 12px 20px;cursor: pointer;color: #FF0000;background: #fff;border-color: #FF0000;border: 1px solid;font-size: 15px !important;}
.js-conditions-main-wrapper .js-conditions-body .js-conditions-delbtn:hover{text-decoration: underline;}

/* custom fields */
.js-form-custm-flds-wrp .jsst-formfield-radio-button-wrap {margin-bottom: 10px !important;}
.js-form-custm-flds-wrp .js-attachment-file-box {width: 100%;height: 45px;border: 1px solid #ebecec;background: #f8fafc;padding: 4px 10px;float: left;position: relative;}
form.js-filter-form .js-form-cust-rad-fld-wrp {float: left;height: 45px;width: 227px;padding: 10px;margin: 3px;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;}
form.js-filter-form .js-form-cust-rad-fld-wrp input {margin: -3px 0 0 0;display: inline-block;vertical-align: middle;}
form.js-filter-form .js-form-cust-rad-fld-wrp label {display: inline-block;margin: 0 10px 0 3px;}
form.js-filter-form .js-form-cust-rad-fld-wrp .jsst-formfield-radio-button-wrap {float: left;}
.js-tkt-custm-flds-wrp .js_ticketattachment {width: 100%;margin: 0;padding: 0 0;border: 0;background: transparent;}
.js-tkt-custm-flds-wrp .js_ticketattachment a.button {margin-left: 10px;}
.js-tkt-custm-flds-wrp div.js-ticket-data-row-rec .js-ticket-title {vertical-align: middle;}
.js-tkt-custm-flds-wrp div.js-ticket-data-row-rec span.js-ticket-value {vertical-align: middle;}
.js-tkt-det-tkt-custm-flds {float: left;width: 100%;padding: 15px;border-top: 1px solid #ebecec;}
.js-tkt-det-tkt-custm-flds .js-tkt-det-tkt-custm-flds-rec {float: left;width: 100%;padding-bottom: 10px;}
.js-tkt-det-tkt-custm-flds .js-tkt-det-tkt-custm-flds-rec .js-tkt-det-tkt-custm-flds-tit {display: inline-block;margin-right: 8px;color: #23282d;vertical-align: middle;}
.js-tkt-det-tkt-custm-flds .js-tkt-det-tkt-custm-flds-rec .js-tkt-det-tkt-custm-flds-val {display: inline-block;color: #606262;vertical-align: middle;}
.js-tkt-det-tkt-custm-flds .js_ticketattachment {width: 100%;margin: 0;padding: 0 0;border: 0;background: transparent;}
.js-tkt-det-tkt-custm-flds .js_ticketattachment a.button {margin-left: 10px;}

/* user popup */
div#userpopupblack {background: rgba(0,0,0,0.5);position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 9989;}
div#internalnotespopupblack {background: rgba(0,0,0,0.5);position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 9988;}
div#userpopup * {box-sizing: border-box;}
div#userpopup{position: fixed;top:50%;left:50%;width:50%;z-index: 9999999999;transform: translate(-50%, -50%);background: #fff;box-sizing: border-box;max-height: 70%;overflow-x: hidden;overflow-y: auto;}
div#userpopup .userpopup-top {float: left;width: 100%;background: #4f46e5;padding: 15px;}
div#userpopup .userpopup-top .userpopup-heading {float: left;color: #fff;font-weight: bold;font-size: 20px;line-height: initial;text-transform: capitalize;}
div#userpopup .userpopup-top .userpopup-close {float: right;cursor: pointer;}
div#userpopup .userpopup-search {float: left;width: 100%;}
div#userpopup .userpopup-search form .userpopup-fields-wrp {float: left;width: 100%;padding: 10px;}
div#userpopup .userpopup-search form .userpopup-fields-wrp .userpopup-fields {float: left;width: calc(100% / 3 - 10px);margin: 0 5px;}
div#userpopup .userpopup-search form .userpopup-fields-wrp .userpopup-fields input {display: inline-block;width: 100%;padding: 10px;height: 40px;border: 1px solid #ebecec;background: #f8fafc;color: #6c757d;box-shadow: unset;}
div#userpopup .userpopup-search form .userpopup-fields-wrp .userpopup-btn-wrp {float: left;width: 100%;}
div#userpopup .userpopup-search form .userpopup-fields-wrp .userpopup-btn-wrp input {float: left;padding: 10px 35px;border: 1px solid;margin: 8px 0 0 5px;cursor: pointer;}
div#userpopup .userpopup-search form .userpopup-fields-wrp .userpopup-btn-wrp .userpopup-search-btn {background: #4f46e5;border-color: #4f46e5;color: #fff;}
div#userpopup .userpopup-search form .userpopup-fields-wrp .userpopup-btn-wrp .userpopup-search-btn:hover {background: #fff;color: #4f46e5;}
div#userpopup .userpopup-search form .userpopup-fields-wrp .userpopup-btn-wrp .userpopup-reset-btn {background: #32373c;border-color: #32373c;color: #fff;}
div#userpopup .userpopup-search form .userpopup-fields-wrp .userpopup-btn-wrp .userpopup-reset-btn:hover {background: #fff;color: #32373c;}
div#userpopup .userpopup-search div.popup-field-title {float: left;width: 100%;padding: 10px;}
div#userpopup .userpopup-search div.popup-field-obj {float: left;width: 100%;padding: 0 10px;}
div#userpopup .userpopup-search div.popup-field-obj input {float: left;width: 100%;height: 45px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #d1d3d3;}
div#userpopup div.popup-act-btn-wrp {float: left;width: 100%;text-align: center;padding: 15px;}
div#userpopup div.popup-act-btn-wrp .popup-act-btn {display: inline-block;padding: 10px 35px;border-radius: unset;height: auto;line-height: auto;font-size: 14px;border: 1px solid #4f46e5;color: #fff;background-color: #4f46e5;}
div#userpopup #userpopup-records-wrp {float: left;width: 100%;}
div#userpopup #userpopup-records-wrp #userpopup-records .userpopup-records-desc {text-align: center;padding: 50px 15px;color: #23282d;}
#jssupportticketform #userpopup {float: left;height: 45px;line-height: initial;border-radius: unset;box-shadow: unset;margin: 3px 3px;padding: 15px 10px;text-decoration: underline;color: #23282d;}
#jssupportticketform #userpopup:hover {color: #23282d;text-decoration: none;}

/* message */
.js-admin-content-button {float: left;width: 100%;padding: 15px;margin-bottom: 20px;background: #fff;border: 1px solid #ebecec;}
.js-admin-content-button .js-add-link {float: left;padding: 10px 18px;margin-right: 3px;text-align: center;height: auto;border-radius: 0;border: 1px solid #ebecec;background: #32373c;color: #fff;box-shadow: unset !important;transform: unset !important;}
.js-admin-content-button .js-add-link:active,
.js-admin-content-button .js-add-link:hover {border-color: #ebecec;background: #32373c;color: #fff;}
.js-admin-content-button .js-add-link.active {background: #4f46e5;border-color: #4f46e5;color: #fff;}
.js-admin-content-button .js-add-link.active:active,
.js-admin-content-button .js-add-link.active:hover {background: #4f46e5;border-color: #4f46e5;color: #fff;}
.js-admin-content-button .js-add-link img {margin-right: 3px;vertical-align: inherit;}
.js-admin-content-button + font {display: inline-block;margin: 15px 0;}
.js-formmessage {padding: 15px;background: #fff;border: 1px solid #ebecec;}
.js-ticket-thread-upperpart {float: left;width: 100%;margin-bottom: 15px;}
.js-ticket-thread-upperpart .js-ticket-thread-top {float: left;width: 100%;padding-bottom: 10px;}
.js-ticket-thread-upperpart .js-ticket-thread-top span {float: left;margin-right: 5px;}
.js-ticket-thread-upperpart .js-ticket-thread-top .js-ticket-thread-replied {color: #23282d;}
.js-ticket-thread-upperpart .js-ticket-thread-top .js-ticket-thread-person,
.js-ticket-thread-upperpart .js-ticket-thread-top .js-ticket-thread-date {color: #606062;}
.js-ticket-thread-upperpart .js-ticket-thread-middlepart {float: left;width: 100%;}
.js-ticket-thread-upperpart .js-ticket-thread-middlepart .js-ticket-thread-title {float: left;margin-right: 5px;padding-bottom: 5px;color: #23282d;}
.js-ticket-thread-upperpart .js-ticket-thread-middlepart .js-ticket-thread-msg {float: left;color: #606062;}
.js-ticket-thread-upperpart .js-ticket-thread-middlepart .js-ticket-thread-msg p {margin: 0;}
.js-ticket-thread-reply {float: left;width: 100%;margin-bottom: 15px;padding: 20px;border: 1px solid #ebecec;padding: 20px 10px 20px 0;background: #f8fafc;}
.js-ticket-thread-reply .js-ticket-thread-pic {float: left;width: 15%;text-align: center;}
.js-ticket-thread-reply .js-ticket-thread-wrapper {float: left;width: 85%;}
.js-admin-msg-title {float: left;width: 100%;padding: 15px;margin-bottom: 20px;background: #32373c;color: #fff;}

/* table */ 
.js-ticket-table-wrp {float: left;width: 100%;}
.js-ticket-table-wrp .js-ticket-table-header {float: left;width: 100%;padding: 10px 15px;border-top: 1px solid #ebecec;border-bottom: 1px solid #ebecec;}
.js-ticket-table-wrp .js-ticket-table-header .js-ticket-table-header-col {float: left;width: calc(100% / 4);font-weight: bold;color: #23282d;}
.js-ticket-table-wrp .js-ticket-table-body {float: left;width: 100%;}
.js-ticket-table-wrp .js-ticket-table-body div.js-ticket-data-row {float: left;width: 100%;padding: 10px 15px;border-bottom: 1px solid #ebecec;}
.js-ticket-table-wrp .js-ticket-table-body div.js-ticket-data-row .js-ticket-table-body-col {float: left;width: calc(100% / 4);color: #23282d;}
.js-ticket-table-wrp .js-ticket-table-body div.js-ticket-data-row .js-ticket-table-body-col .js-userpopup-link {color: #4f46e5;}
.js-ticket-table-wrp .js-ticket-table-body div.js-ticket-data-row .js-ticket-table-body-col .js-userpopup-link:hover {color: #4f46e5;}
.js-ticket-table-wrp .js-ticket-table-body div.js-ticket-data-row .js-ticket-table-body-col .js-ticket-display-block {display: none;}
.js-ticket-table-wrp .js-ticket-table-header div:nth-child(1),
.js-ticket-table-wrp .js-ticket-table-body div.js-ticket-data-row div:nth-child(1) {width: 10% !important;padding: 5px 0;}
.js-ticket-table-wrp .js-ticket-table-header div:nth-child(2),
.js-ticket-table-wrp .js-ticket-table-body div.js-ticket-data-row div:nth-child(2) {width: 25% !important;padding: 5px 0;}
.js-ticket-table-wrp .js-ticket-table-header div:nth-child(3),
.js-ticket-table-wrp .js-ticket-table-body div.js-ticket-data-row div:nth-child(3) {width: 40% !important;padding: 5px 0;}
.js-ticket-table-wrp .js-ticket-table-header div:nth-child(4),
.js-ticket-table-wrp .js-ticket-table-body div.js-ticket-data-row div:nth-child(4) {width: 25% !important;padding: 5px 0;}
table#js-support-ticket-table {width: 100%;border-spacing: unset;background: #fff;}
table#js-support-ticket-table tr {border-bottom: 1px solid #ebecec;}
table#js-support-ticket-table tr th {padding: 20px;text-align: center;background: #32373c;color: #fff;border-right: 1px solid #ebecec;}
table#js-support-ticket-table tr th:last-child{border-right: 0;}
table#js-support-ticket-table tr td {padding: 15px;margin-bottom: 5px;text-align: center;background: #fff;color: #23282d;border-right: 1px solid #ebecec;border-bottom: 1px solid #ebecec;}
table#js-support-ticket-table tr td:last-child{border-right: 0;}
table#js-support-ticket-table tr td span.js-support-ticket-table-responsive-heading {display: none;}
table#js-support-ticket-table tr td a {display: inline-block;color: #23282d;width: auto;}
table#js-support-ticket-table tr td a.action-btn {display: inline-block;padding: 3px;background: #fff;border: 1px solid #ebecec;}
table#js-support-ticket-table tr td a.action-btn:hover {border-color: #4f46e5;}
table#js-support-ticket-table tr td img {display: inline-block;max-width: 100%;height: auto;width: auto;vertical-align: middle;}
table#js-support-ticket-table tr .left {text-align: left;}
table#js-support-ticket-table tr span.js-ticket-admin-prirrity-color {display: inline-block;padding: 7px 12px;}
div.jsstadmin-help-msg {float: left;width: 100%;padding: 20px 15px;}
div#js-field-ordering-notice {width: calc(100% - 40px);display: inline-block;padding: 8px 10px;float: left;border: 1px solid #ddd;background: #FFF;color: #333333;margin: 10px 20px 5px;box-shadow: 0 0 3px 1px rgba(0,0,0,0.2)}
table#js-support-ticket-table.js-admin-report-tickets tr td a {display: inline-block;color: #23282d;width: auto !important;}

/* error message */
.js-ticket-error-message-wrapper {float: left;width: 100%;padding: 40px;text-align: center;background: #fff;border: 1px solid #ebecec;}
.js-ticket-error-message-wrapper .js-ticket-message-image-wrapper {width: 100%;display: inline-block;}
.js-ticket-error-message-wrapper .js-ticket-message-image-wrapper .js-ticket-message-image {display: inline-block;margin: auto;}
.js-ticket-error-message-wrapper .js-ticket-messages-data-wrapper {padding: 15px 0;}
.js-ticket-error-message-wrapper .js-ticket-messages-data-wrapper .js-ticket-messages-main-text {display: inline-block;width: 100%;margin: 15px 0;font-size: 36px;font-weight: bold;color: #23282d;line-height: initial;}
.js-ticket-error-message-wrapper .js-ticket-messages-data-wrapper .js-ticket-messages-block_text {display: inline-block;width: 100%;color: #606062;}

/* pagination */
.jsst_userpages {float: left;width: 100%;padding: 10px 15px;text-align: right;}
.jsst_userpages .jsst_userlink {display: inline-block;text-decoration: none;padding: 5px 10px;margin-left: 5px;background: #f8fafc;color: #4f46e5;}
.jsst_userpages .jsst_userlink:hover {background: #4f46e5;color: #fff;}
.jsst_userpages .jsst_userlink.selected {color: #23282d;background: transparent;}
.jsst_userpages .jsst_userlink.selected:hover {color: #23282d;background: transparent;}

/* tabs */
.tabs {float: left;width: 100%;}
.tabs.config-tabs {background: #fff;border: 1px solid #ebecec;margin-bottom: 20px;}
.config-tabs .jsst_tabs .tab-link a{text-decoration: none;}
.tabs .jsst_tabs {float: left;width: 100%;margin: 15px 0;padding: 0 15px;list-style: none;}
.tabs .jsst_tabs .tab-link {margin: 0 1px 3px;float: left;text-align: center;background: #32373c;border: 1px solid;}
.tabs .jsst_tabs .tab-link:hover {background: #fff;color: #32373c;}
.tabs .jsst_tabs .tab-link a {display: inline-block;padding: 17px 25px;width: 100%;cursor: pointer;color: #fff;}
.tabs .jsst_tabs .tab-link:hover a {color: #32373c;}
.tabs .jsst_tabs .tab-link.jsst_current_tab {background: #4f46e5;border-color: #4f46e5;}
.tabs .jsst_tabs .tab-link.jsst_current_tab:hover {background: #fff;color: #4f46e5;}
.tabs .jsst_tabs .tab-link.jsst_current_tab:hover a {color: #4f46e5;}
.tabInner {float: left;width: 100%;}
.tabInner div {height: auto;padding: 0px;}
#cp_wraper .tabs ul {float: left;width: 100%;margin: 0 0 15px;}
#cp_wraper .tabs ul li {text-align: center;margin: 0 3px 0 0;float: left;display: block;background: #4f46e5;border: 1px solid #4f46e5;}
#cp_wraper .tabs ul li:hover {background: #fff;color: #4f46e5;}
#cp_wraper .tabs ul li.ui-tabs-active {background: #32373c;border-color: #32373c;}
#cp_wraper .tabs ul li.ui-tabs-active:hover {background: #fff;color: #32373c;}
#cp_wraper .tabs ul li a {color: #fff;text-decoration: none;padding: 17px 25px;display: inline-block;box-shadow: unset;}
#cp_wraper .tabs ul li:hover a {color: #4f46e5;}
#cp_wraper .tabs ul li.ui-tabs-active:hover a {color: #32373c;}
#cron_job {float: left;width: 100%;line-height: 1.8;}
#cron_job .crown_text {float: left;width: 100%;padding: 10px 0;font-size: 16px;border-bottom: 1px solid #ebecec;color:  #23282d;}
#cron_job .crown_text_left {float: left;width: 14%;padding-left: 1%;color:  #23282d;}
#cron_job .crown_text_right {float: right;text-align: left;width: 84%;padding-right: 1%;color: #6c757d;}
#cron_job #cron_job_detail_wrapper {display: block;width: 100%;float: left;padding: 10px 0px;}
#cron_job #cron_job_detail_wrapper.even {background: #f8fafc;}
#cron_job .cron_job_help_txt {display: inline-block;margin: 5px 0;color:  #23282d;}
.jsst_gen_tabs,.jsst_gen_body{float: left;width: 100%;}
.jsst_gen_tabs,.jsst_gen_body{background: #fff;padding: 0 15px;}
.jsst_gen_tabs{margin-bottom: 20px;padding: 20px !important;background: #fff;border: 1px solid #ebecec;}
.jsst_gen_body{margin-bottom: 30px;border: 1px solid #ebecec; scroll-margin-top: 100px;padding-bottom: 15px}
.jsst_gen_body h2{font-size: 30px;padding: 0 0 20px 0;}
.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-value input,.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-value select,.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-value textarea{background-color: #f2f6ff !important;width: 100% !important;max-width: 100% !important;}
.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-value .js-ticket-configuration-description{font-size: 12px;}
.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-video{float: left;width: 40%;}
.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-btn{float: left;margin-left: 15px;border: 1px solid #4f46e5;padding: 11px 15px;text-decoration: none;height: 45px;border-radius: 3px;background-color: #4f46e5;color: #fff;box-shadow: 0 0 4px 1px rgba(0,0,0,0.2) !important;font-size: 15px;line-height: initial;}
.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-btn:hover{text-decoration: underline;}
.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-video a.js-tkt-det-hdg-img {margin-left: 5px;float: left;display: inline-block;border: 2px solid #efced5;padding: 12px 15px;text-decoration: none;color: #606062;background-color: #fff6f6;width: auto;height: 45px;margin-top:0;border-radius: 4px}
.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-video a.js-tkt-det-hdg-img img {margin-top: -4px;margin-right: 0px;}
#jsstadmin-data-wrp .js-support-ticket-configurations .jsstadmin-hide-config{display: none;float: left;width: 100%;}

/* permissions */
#tk_form_wraper {float: left;width: 100%;}
.tk_permission_wraper {float: left;width: 100%;}
.tk_permission_heading {float: left;width: 100%;background: #32373c;padding: 15px;margin: 15px 0;}
.tk_permission_heading:first-child {margin-top: 0;}
.tk_permission_heading .tk_permission_heading_text {float: left;width: 65%;font-size: 16px;color: #fff;}
.tk_permission_heading .tk_permission_heading_sd_select {float: left;width: 35%;color: #fff;text-align: right;}
.tk_permission_heading .tk_permission_heading_sd_select label {display: inline-block;margin: 0 0 0 5px;vertical-align: middle;}
.tk_permission_task_wraper {float: left;width: 100%;padding: 4px 10px;}
.tk_permission_task_wraper .tk_permission_task_data {display: inline-block;float: left;padding: 10px 0;width: 32.3%;margin: 0 0 0 5px;background: #f8fafc;color: #6c757d;border: 1px solid #ebecec;}
.tk_permission_task_data input {display: inline-block;margin: 0 3px 0 10px;}
.tk_permission_wraper .js-form-button {margin-top: 15px;}

/* roles */
#tk_form_wraper .js-form-wrapper {float: left;width: 32.3%;margin-bottom: 15px;padding: 10px;}
#tk_form_wraper .js-form-wrapper .js-form-title {float: left;width: 100%;color: #23282d;margin-bottom: 7px;}
#tk_form_wraper .js-form-wrapper .js-form-value {float: left;width: 100%;}
#tk_form_wraper .js-form-wrapper .js-form-value input {display: inline-block;width: 100%;height: 41px;padding: 10px;border: 1px solid #ebecec;background: #f8fafc;color: #6c757d;box-shadow: unset;}

/* configurations */
.js-ticket-font-bold{font-weight: bold;}
.js-support-ticket-configurations {float: left;width: 100%;}
.js-support-ticket-configurations .js-support-ticket-configurations-left{float: left;width: 260px;display: inline-block;background: #fff;box-shadow: 4px 4px 4px 0 rgb(0 0 0 / 20%);transition: all 500ms;height: calc(100% - 125px);min-height: 1000px;padding-top: 8px;}
.js-support-ticket-configurations .js-support-ticket-configurations-left ul.jsstadmin-sidebar-menu li.treeview.active ul.jsstadmin-sidebar-submenu {display: block !important;}
.js-support-ticket-configurations .js-support-ticket-configurations-left .treeview.js-support-ticket-active-menu .jsstadmin-sidebar-submenu{display: inline-block;}
.js-support-ticket-configurations .js-support-ticket-configurations-left ul.jsstadmin-sidebar-menu > li > a:not(.jsst_js-install-btn):hover,
.js-support-ticket-configurations .js-support-ticket-configurations-left ul.jsstadmin-sidebar-menu > li.active > a:not(.jsst_js-install-btn){border-left: 3px solid transparent}
.js-support-ticket-configurations .js-support-ticket-configurations-right{width: calc(100% - 280px);float: left;position: relative;padding-left: 20px;transition: all 500ms;}
.js-support-ticket-configurations .js-form-button{width: calc(100% - 280px);margin-left: 280px;}
.js-support-ticket-configurations-toggle {display: none;}

.js-support-ticket-configurations .tabs .jsst_tab_content {display: none;float: left;width: 100%;}
.js-support-ticket-configurations .tabs .jsst_tab_content.jsst_current_tab {display: inherit;}
.js-ticket-configuration-heading-main {float: left;width: 100%;margin: 0 0 20px;padding: 20px;font-size: 20px;font-weight: normal;background: #32373c;color: #fff;}
.js-ticket-configuration-row {float: left;width: 100%;margin: 0 10px;padding: 13px !important;}
.js-ticket-configuration-row .js-ticket-configuration-title {float: left;width: 20%;padding: 10px 20px 0 0;color: #23282d;text-transform: capitalize;font-weight: 600;}
.js-ticket-configuration-row .js-ticket-configuration-link {float: right;font-weight: normal;color: #4f46e5;}
.js-ticket-configuration-row .js-ticket-configuration-value {float: left;width: 40%;}
.js-ticket-configuration-row .js-ticket-configuration-value.full-width {width: calc(80% - 50px);}
.js-ticket-configuration-row .js-ticket-configuration-value.childfield{width: 100%;}
.js-ticket-configuration-row .js-ticket-configuration-value input {width: 100%;height: 45px;padding: 10px;box-shadow: unset;color: #6c757d;background: #fff;border: 1px solid #ebecec;}
.js-ticket-configuration-row .js-ticket-configuration-value input.ed_button {width: auto !important;height: auto !important;max-width: auto !important}
.js-ticket-configuration-row .js-ticket-configuration-value.childfield input {margin-top: 5px;}
.js-ticket-configuration-row .js-ticket-configuration-value select {width: 100%;height: 45px;padding: 10px;box-shadow: unset;color: #6c757d;background: #fff;border: 1px solid #ebecec;background-image: url('../images/selecticon.png');background-repeat: no-repeat;background-position: calc(100% - 15px);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size: 16px;}
.js-ticket-configuration-row .js-ticket-configuration-value .form-error {display: inline-block;width: 100%;padding: 5px 5px 0;color: red;font-size: 11px;}
.js-ticket-configuration-row .js-ticket-configuration-description {float: left;width: 100%;padding: 10px 5px 5px;;color: #606062;}
.js-ticket-configuration-row .js-ticket-configuration-description input[name=del_logo_for_desktop_notfication]{width: 17px !important;height: 17px !important;}
.js-ticket-configuration-row .js-ticket-configuration-sml-txt {display: inline-block;width: 100%;padding-bottom: 5px;color: #606062;}
.js-admin-ticketviaemail-wrapper-checksetting {float: left;width: calc(100% - 20px);margin: 0 10px 25px;}
.js-admin-ticketviaemail-wrapper-checksetting #js-admin-ticketviaemail {float: left;border: 1px solid #ebecec;padding: 8px 15px 8px 40px;background: #4f46e5;color: #ffffff;font-weight: bold;border-radius: 4px;text-decoration: none;position: relative;}
.js-admin-ticketviaemail-wrapper-checksetting #js-admin-ticketviaemail img {position: absolute;top: 3px;left: 5px;}
#js-admin-ticketviaemail-bar {display: none;float: left;height: 25px;width: 35%;background: url('../images/progress_bar.gif');background-size: 100% 100%;margin-left: 20px;margin-top: 5px;}
#js-admin-ticketviaemail-text {display: none;padding: 10px 0px;float: left;width: 100%;}
#js-admin-ticketviaemail-msg {padding: 10px;display: inline-block;float: none;margin-top: 5px;border-radius: 4px;margin-bottom: 10px;}
#js-admin-ticketviaemail-msg.imap-error {background: #FEEFB3;color: #B98324;border: 1px solid #B98324;}
.js-admin-ticketviaemail-btn {float: left;width: 100%;}
#wp-new_ticket_message-wrap,
#wp-visitor_message-wrap,
#wp-feedback_thanks_message-wrap,
#wp-offline_message-wrap {float: left;width: calc(50% - 10px);margin: 0 5px 25px;}
.jsst_gen_body #wp-new_ticket_message-wrap,
.jsst_gen_body #wp-visitor_message-wrap,
.jsst_gen_body #wp-feedback_thanks_message-wrap,
.jsst_gen_body #wp-offline_message-wrap {width: 100%;margin: 0 5px 5px;}
#pushnotification .jsst_error_messages {float: left;width: 100%;text-align: center;}
.jsst_error_messages .jsst_msg {display: inline-block;width: 98%;padding: 12px 0 12px 40px;margin: auto;text-align: left;border: 1px solid #Ce4242;background-color: #f8fafc;background-image: url('../images/icon.png');background-repeat: no-repeat;background-position: 5px 8px;color: #fff;font-size: 15px;line-height: 20px;}
.jsst_error_messages .jsst_warning_msg {display: inline-block;width: 98%;padding: 12px 0 12px 40px;margin: auto;text-align: left;border: 1px solid 	#ffcc00;background-color: #f8fafc;background-image: url('../images/warning-icon.png');background-repeat: no-repeat;background-position: 5px 8px;color: #fff;font-size: 15px;line-height: 20px;}
.jsst_error_messages .jsst_msg a,
.jsst_error_messages .jsst_warning_msg a {color: #4f46e5;display: inline-block;margin-left: 5px;}
.js-ticket-configuration-row-mail {float: left;width: calc(100% - 20px);padding-bottom: 20px !important;margin: 0 10px;}
.js-ticket-configuration-row-mail .js-ticket-conf-text-sub {float: left;width: 25%;color: #23282d;padding: 0 9px;font-weight: bold;} 
.js-ticket-configuration-row-mail .js-ticket-conf-text-sub:first-child {margin-left: 25%;} 
.js-ticket-configuration-row-mail .js-ticket-conf-text-sub:last-child {text-align: center;} 
.js-ticket-configuration-row-mail .js-ticket-configuration-title {float: left;width: 25%;text-align: center;padding: 14px;color: #23282d;text-transform: capitalize;}
.js-ticket-configuration-row-mail .js-ticket-configuration-value {float: left;width: 25%;padding: 0 5px;}
.js-ticket-configuration-row-mail .js-ticket-config-xs-show-hide {display: none;}
.js-ticket-configuration-row-mail .js-ticket-configuration-value input {width: 100%;height: 45px;padding: 10px;box-shadow: unset;color: #6c757d;background: #fff;border: 1px solid #ebecec;}
.js-ticket-configuration-row-mail .js-ticket-configuration-value select {width: 100%;height: 45px;padding: 10px;box-shadow: unset;color: #6c757d;background: #fff;border: 1px solid #ebecec;background-image: url('../images/selecticon.png');background-repeat: no-repeat;background-position: calc(100% - 15px);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size: 16px;}
.js-ticket-configuration-row-mail .js-ticket-configuration-no-rec {display: inline-block;width: 100%;text-align: center;padding: 14px;}

/* filter form */
form.js-filter-form {float: left;width: 100%;padding: 20px;margin-bottom: 20px;background: #fff;border: 1px solid #ebecec;}
form.js-filter-form .js-form-input-field {float: left;height: 45px;width: 227px;padding: 10px;margin: 3px;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;}
form.js-filter-form .js-form-select-field {float: left;height: 45px;width: 227px;padding: 10px;margin: 3px;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;background-image: url('../images/selecticon.png');background-repeat: no-repeat;background-position: calc(100% - 15px);-webkit-appearance: none;-moz-appearance: none;   appearance: none;background-size: 16px;}
form.js-filter-form .js-form-input-field.js-right{float:right;}
form.js-filter-form .js-form-date-field {float: left;height: 45px;width: 227px;padding: 10px;margin: 3px;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;}
form.js-filter-form .js-form-multi-select-field {float: left;height: 45px !important;width: 227px;padding: 10px;margin: 3px;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;}
form.js-filter-form .button {float: left;height: 45px;line-height: initial;border-radius: unset;box-shadow: unset;margin: 3px 2px;border: 1px solid #ebecec;}
form.js-filter-form .js-form-search {padding: 0 22px;color: #fff;background: #4f46e5;}
form.js-filter-form .js-form-search:hover {color: #4f46e5;background: #fff;border-color: #4f46e5;}
form.js-filter-form .js-form-reset {padding: 0 15px;color: #23282d;background: #f8fafc;}
form.js-filter-form .js-form-reset:hover {color: #23282d;border-color:  #23282d}
form.js-filter-form .js-form-show {padding: 0 9px;color: #6c757d;background: #fff;text-decoration: underline;}
form.js-filter-form .js-form-show:hover {text-decoration: none;}
form.js-filter-form div.js-form-help-text {float: left;width: 100%;padding: 10px 5px;color: #6c757d;}
form.js-filter-form div.js-form-help-text img {margin-bottom: 5px;}
div.js-filter-form-action-wrp {float: left;width: 100%;padding: 20px;margin: 20px 0;text-align: center;background: #fff;border: 1px solid #ebecec;}
div.js-filter-form-action-wrp .js-form-act-btn {display: inline-block;height: 45px;line-height: initial;border-radius: unset;box-shadow: unset;margin: 3px 2px;padding: 10px 35px;background: #4f46e5;color: #fff;border: 1px solid #d1d3d3;}
div.js-filter-form-action-wrp div.js-form-act-msg {padding-top: 5px;color: #6c757d;}
span#js-systemail.js-admin-infotitle {float: left;width: 100%;margin-bottom: 20px;padding: 5px 10px;border: 1px solid #B4D2F6;background: #DBECFF;}
span#js-systemail.js-admin-infotitle img {display: inline-block;vertical-align: middle;margin-right: 3px;}

/* table nav */
/*div.tablenav {float: left;width: 100%;padding: 15px;height: auto;margin: 0;background: #fff;}
div.tablenav div.tablenav-pages {float: right;margin: 0;}
div.tablenav div.tablenav-pages .page-numbers {display: inline-block;padding: 10px 15px;text-decoration: none;color: #23282d;border: 1px solid #ebecec;background: #f8fafc;}
div.tablenav div.tablenav-pages .page-numbers:hover {background: #fff;}
div.tablenav div.tablenav-pages .page-numbers.current {border-color: #4f46e5;background: #fff;}
div.tablenav div.tablenav-pages .page-numbers.next {background: #4f46e5;color: #fff;}
div.tablenav div.tablenav-pages .page-numbers.prev {background: #32373c;color: #fff;}*/

#jsstadmin-wrapper div.tablenav {float: left;width: 100%;padding: 15px;height: auto;margin: 0;background: #fff;}
#jsstadmin-wrapper div.tablenav div.tablenav-pages {float: right;margin: 0;}
#jsstadmin-wrapper div.tablenav div.tablenav-pages .page-numbers {display: inline-block;padding: 10px 15px;text-decoration: none;color: #23282d;border: 1px solid #ebecec;background: #f8fafc;}
#jsstadmin-wrapper div.tablenav div.tablenav-pages .page-numbers:hover {background: #fff;}
#jsstadmin-wrapper div.tablenav div.tablenav-pages .page-numbers.current {border-color: #4f46e5;background: #fff;}
#jsstadmin-wrapper div.tablenav div.tablenav-pages .page-numbers.next {background: #4f46e5;color: #fff;}
#jsstadmin-wrapper div.tablenav div.tablenav-pages .page-numbers.prev {background: #32373c;color: #fff;}

/* my tickets */
.js-ticket-brown {color: #d89922;} 
.js-ticket-red {color: #e92d3e;} 
.js-ticket-blue {color: #5ab9ea;} 
.js-ticket-green {color: #14a76c;} 
.js-ticket-orange {color: #ff652f;}
.js-ticket-mariner {color: #2265D8;}
.js-ticket-purple {color: #9922D8;}
.js-ticket-open {background-color: #14a76c;} 
.js-ticket-close {background-color: #e92d3e;}
.js-ticket-answer {background-color: #d89922;}
.js-ticket-overdue {background-color: #ff652f;}
.js-ticket-allticket {background-color: #5ab9ea;}
div.js-ticket-count {float: left;width: 100%;margin-bottom: 20px;padding: 20px;background: #fff;border: 1px solid #ebecec;}
div.js-ticket-count div.js-ticket-link {float: left;width: calc(100% / 5);text-align: center;padding: 0 5px;}
div.js-ticket-count a.js-ticket-link {display: inline-block;padding: 15px 0px;text-decoration: none;min-width: 100%;background-color: #fdfdfd;border: 1px solid #b8b8b8;}
div.js-ticket-count a.js-ticket-link:hover {box-shadow: 0 1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px rgba(60,64,67,0.149);}
div.js-ticket-count a.js-ticket-link.js-ticket-brown.active {border-color: #d89922;}
div.js-ticket-count a.js-ticket-link.js-ticket-brown:hover{border-color: #d89922;}
div.js-ticket-count a.js-ticket-link.js-ticket-red.active {border-color: #e92d3e;}
div.js-ticket-count a.js-ticket-link.js-ticket-red:hover{border-color: #e92d3e;}
div.js-ticket-count a.js-ticket-link.js-ticket-blue.active {border-color: #5ab9ea;}
div.js-ticket-count a.js-ticket-link.js-ticket-blue:hover{border-color: #5ab9ea;}
div.js-ticket-count a.js-ticket-link.js-ticket-green.active {border-color: #14a76c;}
div.js-ticket-count a.js-ticket-link.js-ticket-green:hover{border-color: #14a76c;}
div.js-ticket-count a.js-ticket-link.js-ticket-orange.active {border-color: #ff652f;}
div.js-ticket-count a.js-ticket-link.js-ticket-orange:hover{border-color: #ff652f;}
div.js-ticket-count a.js-ticket-link.js-ticket-mariner:hover{border-color: #2265d8;}
div.js-ticket-count a.js-ticket-link.js-ticket-purple:hover{border-color: #9922d9;}
div.js-ticket-count a.js-ticket-link.js-ticket-mariner .js-report-box-title {color: #2265d8;}
div.js-ticket-count a.js-ticket-link.js-ticket-purple .js-report-box-title {color: #9922d9;}
div.js-ticket-count div.js-ticket-cricle-wrp {float: left;width: 100%;margin-bottom: 10px;}
div.js-ticket-count div.js-ticket-cricle-wrp div.js-mr-rp {margin: auto;}
div.js-ticket-count .js-myticket-link-text {float: left;width: 100%;}
div.js-ticket-count .js-ticket-link-text {float: left;width: 100%;}
div.js-ticket-count div.js-ticket-cricle-wrp div.js-mr-rp {width: 100px;height: 100px;}
div.js-ticket-count div.js-ticket-cricle-wrp div.js-mr-rp .circle .mask {clip: rect(0px, 100px, 100px, 50px);}
div.js-ticket-count div.js-ticket-cricle-wrp div.js-mr-rp .circle .mask, 
div.js-ticket-count div.js-ticket-cricle-wrp div.js-mr-rp .circle .fill, 
div.js-ticket-count div.js-ticket-cricle-wrp div.js-mr-rp .circle .shadow {height: 100px;width: 100px;}
div.js-ticket-count div.js-ticket-cricle-wrp div.js-mr-rp .circle .mask .fill {clip: rect(0px, 50px, 100px, 0px);}
div.js-ticket-count div.js-ticket-cricle-wrp div.js-mr-rp .inset {height: 70px;width: 70px;}

/* sorting */
div.js-admin-heading {float: left;width: 100%;margin-bottom: 20px;padding: 10px 15px;background: #32373c;border: 1px solid #ebecec;}
div.js-admin-heading div.js-admin-head-txt {float: left;font-size: 20px;padding: 14px 0;color: #fff;}
div.js-admin-sorting {float: right;}
div.js-admin-sorting select.js-admin-sort-select {float: left;width: 100px;height: 45px;padding: 10px;background: #fff;-webkit-appearance: none;-moz-appearance: none;   appearance: none;}
div.js-admin-sorting a.js-admin-sort-btn {float: left;padding: 12px 7px;background: #4f46e5;}

/* ticket list */
div.js-ticket-wrapper {float: left;width: 100%;margin-bottom: 20px;background: #fff;border: 1px solid #ebecec;}
div.js-ticket-wrapper div.js-ticket-toparea {float: left;width: 100%;padding: 10px 15px;border-bottom: 1px solid #ebecec;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-pic {float: left;width: 100px;height: 80px;border-radius: 100%;text-align: center;position: relative;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-pic img {border-radius: 100%;width: 80px;height: 80px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data {float: left;width: calc(100% - 100px);padding: 0px 0 0 5px;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-left {float: left;width: 40%;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-left div.js-ticket-data-row {float: left;width: 100%;padding-bottom: 8px;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-left div.js-ticket-data-row:last-child {padding-bottom: 0px;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-left div.js-ticket-data-row div.js-ticket-data-row-rec {float: left;margin: 0 30px 7px 0;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-left div.js-ticket-data-row div.js-ticket-data-row-rec:last-child {margin: 0px;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-left div.js-ticket-data-row span.js-ticket-user {display: inline-block;color: #6c757d;text-transform: capitalize;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-left div.js-ticket-data-row span.js-ticket-closedby-wrp{position: relative;font-size: 14px;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-left div.js-ticket-data-row span.js-ticket-closedby{display: inline-block;color: #463e8f;text-transform: capitalize;border: 1px solid #817cb3;padding: 0 8px;cursor:pointer;margin-left: 5px;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-left div.js-ticket-data-row span.js-ticket-closed-date{color: #3f3f41;border: 1px solid #e6e5e5;padding: 0 8px;position: absolute;background-image: linear-gradient(to top, #d3d3d2, #f6f6f6);top: 30px;display:none;min-width: 160px;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-left div.js-ticket-data-row a.js-ticket-det-link {display: inline-block;width: 95%;height: 17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 15px;text-decoration: underline;text-transform: capitalize;color: #4f46e5;font-weight: 500;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-left div.js-ticket-data-row span.js-ticket-title {display: inline-block;margin-right: 5px;color: #23282d;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-left div.js-ticket-data-row span.js-ticket-value {display: inline-block;color: #6c757d;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data1 {float: right;width: 50%;padding: 0 20px;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data1 div.js-ticket-data1-row {float: left;width: 100%;padding-bottom: 8px;text-align: left;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data1 div.js-ticket-data1-row:last-child {padding-bottom: 0;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data1 div.js-ticket-data1-row div.js-ticket-data1-title {display: inline-block;margin-right: 5px;color: #23282d;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data1 div.js-ticket-data1-row div.js-ticket-data1-value {display: inline-block;color: #6c757d;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-right {float: left;width: 60%;text-align: center;padding: 4px 0;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-right .ticketstatusimage {margin-right: 5px;width: 30px;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-right span.js-ticket-status {display: inline-block;padding: 6px 10px;margin-top: 25px;font-weight: bold;border: 1px solid #ebecec;background: #f8fcfe;}
div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-right span.js-ticket-priority {display: inline-block;padding: 6px 15px;text-transform: uppercase;font-weight: bold;margin-top: 25px;margin-left: 5px;color: #fff;}
div.js-ticket-wrapper div.js-ticket-bottom-data-part {float: left;width: 100%;padding: 10px;}
div.js-ticket-wrapper div.js-ticket-bottom-data-part div.js-ticket-datapart-buttons-action {float: left;}
div.js-ticket-wrapper div.js-ticket-bottom-data-part div.js-ticket-datapart-buttons-action a.js-ticket-datapart-action-btn {float: left;padding: 0 10px;margin-right: 5px;height: auto;line-height: 36px;vertical-align: middle;border-radius: 0;border: 1px solid #ebecec;background: #fff;color: #575455;}
div.js-ticket-wrapper div.js-ticket-bottom-data-part div.js-ticket-datapart-buttons-action a.js-ticket-datapart-action-btn:hover {border-color: #4f46e5;}
div.js-ticket-wrapper div.js-ticket-bottom-data-part div.js-ticket-datapart-buttons-action a.js-ticket-datapart-action-btn img {margin-right: 3px;}

/* ticket detail */
div.js-ticket-detail-wrapper {float: left;width: 100%;}
div.js-tkt-det-left {float: left;width: 70%;padding-right: 30px;}
div.js-tkt-det-cnt {float: left;width: 100%;margin-bottom: 20px;background: #fff;border: 1px solid #ebecec;box-shadow: 0 0 3px 2px rgba(0,0,0,0.2);}
div.js-tkt-det-user {float: left;width: 100%;padding: 15px;}
div.js-tkt-det-user div.js-tkt-det-user-image {float: left;width: 100px;height: 80px;text-align: center;border-radius: 100%;}
div.js-tkt-det-user div.js-tkt-det-user-image img {border-radius: 100%;height: 80px;width: 80px;}
div.js-tkt-det-user div.js-tkt-det-user-cnt {float: left;width: calc(100% - 100px);padding: 0 0 0 10px;}
div.js-tkt-det-user div.js-tkt-det-user-cnt div.js-tkt-det-user-data {float: left;width: 100%;padding-bottom: 8px;}
div.js-tkt-det-user div.js-tkt-det-user-cnt div.js-tkt-det-user-data:last-child {padding-bottom: 0;}
div.js-tkt-det-user div.js-tkt-det-user-cnt div.js-tkt-det-user-data.name {color: #4f46e5;font-size: 15px;text-decoration: underline;text-transform: capitalize;}
div.js-tkt-det-user div.js-tkt-det-user-cnt div.js-tkt-det-user-data.agent {word-break: break-all;}
div.js-tkt-det-user div.js-tkt-det-user-cnt div.js-tkt-det-user-data.subject {color: #23282d;font-weight: bold;}
div.js-tkt-det-user div.js-tkt-det-user-cnt div.js-tkt-det-user-data {color: #6c757d;}
div.js-tkt-det-other-tkt {float: left;width: 100%;padding: 15px;background: #fef1e6;border: #ebecec;}
div.js-tkt-det-other-tkt a.js-tkt-det-other-tkt-btn {display: inline-block;text-decoration: underline;color: #4f46e5;vertical-align: middle;}
div.js-tkt-det-other-tkt a.js-tkt-det-other-tkt-img {display: inline-block;margin-left: 7px;vertical-align: middle;}
div.js-tkt-det-other-tkt a.js-tkt-det-other-tkt-img img {width: 15px;}
div.js-tkt-det-tkt-msg {float: left;width: 100%;padding: 15px;line-height: 1.8;color: #575455;}
div.js-tkt-det-tkt-msg p {line-height: 1.8;color: #575455;}
div.js-tkt-det-actn-btn-wrp {float: left;width: 100%;padding: 15px;border-top: 1px solid #ebecec;}
div.js-tkt-det-actn-btn-wrp a.js-tkt-det-actn-btn {float: left;padding: 5px;margin: 2px;text-decoration: none;border: 1px solid #ebecec;}
div.js-tkt-det-actn-btn-wrp a.js-tkt-det-actn-btn:hover {border-color:  #4f46e5;}
div.js-tkt-det-actn-btn-wrp a.js-tkt-det-actn-btn span {display: inline-block;vertical-align: middle;color: #575455;}
div.js-tkt-det-right {float: left;width: 30%;}
div.js-tkt-det-right div.js-tkt-det-cnt {padding: 15px;}
div.js-tkt-det-hdg {float: left;width: 100%;padding-bottom: 15px;}
a.js-tkt-det-hdg-img {float: left;margin-right: 8px;width: 25px;height: 20px;margin-top: -4px}
div.js-tkt-det-hdg div.js-tkt-det-hdg-txt {float: left;color: #373435;font-size: 20px;line-height: initial;}
div.js-tkt-det-hdg a.js-tkt-det-hdg-btn {float: right;color: #0073aa;}
.js-tkt-det-status {float: left;width: 100%;padding: 25px 10px;margin-bottom: 15px;text-align: center;font-size: 20px;font-weight: bold;background: #5bb02f;color: #fff;}
.js-tkt-det-info-cnt {float: left;width: 100%;}
.js-tkt-det-info-data {float: left;width: 100%;padding-bottom: 10px;}
.js-tkt-det-info-data .js-tkt-det-info-tit {float: left;margin-right: 8px;color: #373435;}
.js-tkt-det-info-data .js-tkt-det-info-val {float: left;color: #6a6a70;}
.js-tkt-det-copy-id {display: inline-block;color: #0073aa;margin-left: 3px;cursor: pointer;}
.js-tkt-det-tkt-prty-txt {float: left;width: 100%;text-align: center;padding: 15px;color: #fff;margin-bottom: 10px;font-size: 18px;}
.js-tkt-det-tkt-prty-error-txt {float: left;color: #7e797a;font-size: 15px;line-height: initial;}
.js-tkt-det-tkt-asgn-cnt div.js-tkt-det-hdg .js-tkt-det-hdg-txt {color: #7e797a;font-size: 15px;}
.js-tkt-det-tkt-asgn-cnt div.js-tkt-det-user {padding: 10px 0;}
.js-tkt-det-trsfer-dep {float: left;width: 100%;border-top: 1px solid #ebecec;padding: 15px 0 7px;}
.js-tkt-det-trsfer-dep .js-tkt-det-trsfer-dep-txt {float: left;width: calc(80% - 33px);color: #a6a4a4;}
.js-tkt-det-trsfer-dep .js-tkt-det-hdg-btn {float: right;width: 20%;text-align: right;}
div.js-tkt-det-right .js-tkt-det-user-tkts {padding: 0;}
.js-tkt-det-user-tkts div.js-tkt-det-hdg {padding: 15px;}
.js-tkt-det-usr-tkt-list {float: left;width: 100%;}
.js-tkt-det-usr-tkt-list div.js-tkt-det-user {border-bottom: 1px solid #ebecec;}
.js-tkt-det-usr-tkt-list .js-tkt-det-user:last-child {border-bottom: 0;padding-bottom: 20px;}
.js-tkt-det-usr-tkt-list div.js-tkt-det-user div.js-tkt-det-user-cnt div.js-tkt-det-user-data.name {text-decoration: none;font-size: inherit;}
.js-tkt-det-usr-tkt-list div.js-tkt-det-user div.js-tkt-det-user-cnt div.js-tkt-det-user-data a {text-decoration: none;}
.js-tkt-det-usr-tkt-list div.js-tkt-det-user div.js-tkt-det-user-image {height: 60px;width: 80px;}
.js-tkt-det-usr-tkt-list div.js-tkt-det-user div.js-tkt-det-user-image img {height: 60px;width: 60px;}
.js-tkt-det-usr-tkt-list div.js-tkt-det-user div.js-tkt-det-user-cnt {width: calc(100% - 80px);}
div.js-tkt-det-user div.js-tkt-det-user-cnt div.js-tkt-det-user-data .js-tkt-det-user-val {color: #373435;}
.js-tkt-det-usr-tkt-list .js-tkt-det-prty {float: left;padding: 5px 10px;margin-right: 3px;font-size: 14px;color: #fff;font-weight: bold;text-transform: uppercase;}
.js-tkt-det-usr-tkt-list .js-tkt-det-status {float: left;padding: 5px 10px;margin: 0;width: auto;font-size: 14px;font-weight: normal;color: #575455;background: #f8fafc;border: 1px solid #ebecec;}
.js-tkt-det-title {float: left;width: 100%;padding: 20px;font-size: 20px;margin-bottom: 20px;color: #fff;background: #32373c;}
.js-ticket-thread {float: left;width: 100%;padding: 20px;margin-bottom: 20px;border: 1px solid #ebecec;background: #fff;box-shadow: 0 0 3px 2px rgba(0,0,0,0.2);}
.js-ticket-thread .js-ticket-thread-image {float: left;width: 100px;height: 80px;border-radius: 100%;text-align: center;}
.js-ticket-thread .js-ticket-thread-image img {border-radius: 100%;height: 80px;width: 80px;}
.js-ticket-thread .js-ticket-thread-cnt {float: left;width: calc(100% - 100px);padding: 10px 0 0 15px;}
.js-ticket-thread .js-ticket-thread-cnt .js-ticket-thread-data {float: left;width: 100%;padding-bottom: 8px;}
.js-ticket-thread .js-ticket-thread-cnt .js-ticket-thread-data:last-child {padding-bottom: 0;}
.js-ticket-thread .js-ticket-thread-cnt .js-ticket-thread-data .js-ticket-thread-person {float: left;color: #4f46e5;text-decoration: underline;text-transform: capitalize;font-size: 15px;}
.js-ticket-thread .js-ticket-thread-cnt .js-ticket-thread-data .js-ticket-thread-note {float: left;color: #6c757d;text-transform: capitalize;padding-top: 5px;}
.js-ticket-thread .js-ticket-thread-cnt .js-ticket-thread-data .js-ticket-thread-email {float: left;color: #6c757d;padding-top: 5px;}
.js-ticket-thread .js-ticket-thread-cnt .js-ticket-thread-data .js-ticket-thread-date {float: right;color: #6c757d;}
.js-ticket-thread .js-ticket-thread-cnt .js-ticket-thread-data .js-ticket-thread-time {float: left;color: #6c757d;margin-left: 10px;}
.js-ticket-thread .js-ticket-thread-cnt .js-ticket-thread-data .js-ticket-thread-read-status-wrp {float: right;margin-left: 10px;cursor: pointer;position: relative;margin-top: -10px;}
.js-ticket-thread .js-ticket-thread-cnt .js-ticket-thread-data .js-ticket-thread-read-status-btn {float: right;padding: 5px 5px;border: 1px solid #ebecec;}
.js-ticket-thread .js-ticket-thread-cnt .js-ticket-thread-data .js-ticket-thread-read-status-detail {position: absolute;top: 45px;right: 0;color: #6c757d;border: 1px solid #ebecec;box-shadow: 0px 3px 6px #aaa7a7;padding: 0px 8px;padding: 10px;min-width: 280px;display: none;background-color: #FFF;}
.js-ticket-thread .js-ticket-thread-cnt .js-ticket-thread-data .js-ticket-thread-read-status-detail .js-ticket-thread-read-status-row {float: left;width: 100%;color: #575455;line-height: 1.8;}
.js-ticket-thread .js-ticket-thread-cnt .js-ticket-thread-data.note-msg {color: #575455;line-height: 1.8;}
.js-ticket-thread .js-ticket-thread-cnt .js-ticket-thread-data.note-msg p {color: #575455;line-height: 1.8;margin: 10px 0 20px;}
.js-ticket-thread .js-ticket-thread-cnt-btm {float: left;width: 100%;padding: 10px 0 0;border-top: 1px solid #ebecec;}
.js-ticket-thread .js-ticket-thread-cnt-btm .js-ticket-thread-date {float: left;padding: 10px 0;}
.js-ticket-thread .js-ticket-thread-actions {float: right;}
.js-ticket-thread .js-ticket-thread-actions .js-ticket-thread-actn-btn {display: inline-block;margin: 0 2px;color: #6c757d;border: 1px solid #ebecec;padding: 5px;text-decoration: none;}
.js-ticket-thread .js-ticket-thread-actions .js-ticket-thread-actn-btn span {display: inline-block;margin-left: 2px;vertical-align: middle;}
.js-ticket-thread .js-ticket-thread-actions .js-ticket-thread-actn-btn:hover {border-color: #4f46e5;}
.js-tkt-det-time-tracker {background: #f8fafc;}
.js-tkt-det-timer-wrp {float: left;width: 100%;padding: 15px 0;}
.js-tkt-det-timer-wrp .timer {float: left;width: 100%;font-size: 50px;line-height: initial;color: #575455;}
.js-tkt-det-timer-wrp .timer .timer-box {display: inline-block;width: calc(100% / 3 - 24px);padding: 20px 15px;text-align: center;color: #a6a4a4;background: #fff;border: 1px solid #ebecec;}
.js-tkt-det-timer-wrp .timer-buttons {float: left;width: 100%;text-align: center;padding: 20px 0;}
.js-tkt-det-timer-wrp .timer-buttons .timer-button {display: inline-block;cursor: pointer;padding: 9px 18px;background: #fff;border: 1px solid #ebecec;color: #575455;}
.js-tkt-det-timer-wrp .timer-buttons .timer-button.active {background: #4f46e5;color: #fff;}
.js-tkt-det-timer-wrp .timer-total-time  {float: left;width: 100%;}
.js-tkt-det-timer-wrp .timer-total-time .timer-total-time-title {float: left;margin-right: 5px;color: #575455;}
.js-tkt-det-timer-wrp .timer-total-time .timer-total-time-value {float: left;width: 100%;color: #575455;font-size: 35px;line-height: initial;}
.js-tkt-det-timer-wrp .timer-total-time .timer-total-time-value .timer-box {display: inline-block;width: calc(100% / 3 - 10px);padding: 20px 5px;text-align: center;color: #a6a4a4;background: #fff;border: 1px solid #ebecec;float: left;margin-right: 15px;position: relative;}
.js-tkt-det-timer-wrp .timer-total-time .timer-total-time-value .timer-box:last-child {margin-right: 0;}
.js-tkt-det-timer-wrp .timer-total-time .timer-total-time-value .timer-box::after {content: ':';display: block;position: absolute;top: 20px;right: -14px;}
.js-tkt-det-timer-wrp .timer-total-time .timer-total-time-value .timer-box:last-child::after {display: none;}
.js-ticket-thread-add-btn {float: left;width: 100%;margin-bottom: 20px;}
.js-ticket-thread-add-btn .js-ticket-thread-add-btn-link {display: inline-block;text-decoration: none;padding: 7px 12px;color: #fff;background: #4f46e5;border: 1px solid #4f46e5;}
.js-ticket-thread-add-btn .js-ticket-thread-add-btn-link img {margin-right: 3px;}
.js-ticket-thread-add-btn .js-ticket-thread-add-btn-link span {display: inline-block;vertical-align: middle;}
.js-det-tkt-frm {float: left;width: 100%;}
.jsst-ticket-detail-timer-wrapper {float: left;width: 100%;margin-bottom: 20px;background: #fff;border: 1px solid #ebecec;}
.jsst-ticket-detail-timer-wrapper .timer-left {float: left;font-weight: bold;padding: 20px;}
.jsst-ticket-detail-timer-wrapper .timer-right {float: right;}
.jsst-ticket-detail-timer-wrapper .timer-total-time {float: left;font-size: 15px;color: #575455;}
.jsst-ticket-detail-timer-wrapper .timer {padding: 20px 5px;font-weight: bold;float: left;min-width: 120px;text-align: center;font-size: 17px;color: #575455;}
.jsst-ticket-detail-timer-wrapper .timer-buttons {float: left;padding: 10px 15px;}
.jsst-ticket-detail-timer-wrapper .timer-buttons .timer-button {float: left;margin-left: 5px;cursor: pointer;background: #fff;border: 1px solid #ebecec;}
.jsst-ticket-detail-timer-wrapper .timer-buttons .timer-button img {padding: 5px;}
.jsst-ticket-detail-timer-wrapper .timer-buttons .timer-button:hover {background: #4f46e5;}
.jsst-ticket-detail-timer-wrapper .timer-buttons .timer-button.selected {background: #4f46e5;}
div#jsstadmin-wrapper .jsst-ticket-detail-timer-wrapper .timer-buttons .timer-button img.default-hide {display: none;}
div#jsstadmin-wrapper .jsst-ticket-detail-timer-wrapper .timer-buttons .timer-button:hover img.default-hide {display: inline-block;}
div#jsstadmin-wrapper .jsst-ticket-detail-timer-wrapper .timer-buttons .timer-button:hover img.default-show {display: none;}
.js-det-tkt-form .js-form-wrapper {float: left;width: 100%;margin-bottom: 20px;}
.js-det-tkt-form .js-form-wrapper .js-form-title {float: left;width: 100%;margin-bottom: 8px;color: #575455;}
.js-det-tkt-form .js-form-wrapper .js-form-value {float: left;width: 100%;color: #a6a4a4;}
.js-det-tkt-form .js-form-wrapper .js-form-value .js-admin-popup-input-field {display: inline-block;width: 100%;height: 45px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;}
.js-det-tkt-form .js-form-wrapper .js-form-value .js-admin-popup-select-field {display: inline-block;width: 100%;height: 45px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;background-image: url('../images/selecticon.png');background-repeat: no-repeat;background-position: calc(100% - 15px);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size: 16px;}
.js-det-tkt-form .js-form-wrapper .tk_attachment_value_wrapperform .tk_attachment_value_text {float: left;width: calc(33.33% - 5px);margin-right: 5px;background: #fff;}
.js-det-tkt-form .js-form-wrapper .tk_attachments_configform {float: left;width: 100%;}
.js-det-tkt-form .js-form-wrapper .tk_attachments_addform {display: inline-block;padding: 10px 15px;line-height: inherit;border-radius: 0;height: auto;border: 1px solid #ebecec;color: #fff;background: #4f46e5;cursor: pointer;margin: 10px 0;}
.js-det-tkt-form .js-form-wrapper .jsst-formfield-radio-button-wrap {float: left;padding: 10px;height: 45px;margin-right: 5px;width: calc(33.33% - 5px);color: #6c757d;border: 1px solid #ebecec;background: #fff;}
.js-det-tkt-form .js-form-wrapper .jsst-formfield-radio-button-wrap input {margin-right: 5px;margin-top: 1px;}
.js-det-tkt-form .js-form-wrapper .js-tkt-det-perm-msg {float: left;margin: 0 5px 5px 0;}
.js-det-tkt-form .js-form-wrapper .js-tkt-det-perm-msg a {display: inline-block;width: 100%;text-decoration: none;padding: 10px;border: 1px solid #ebecec;background: #fff;color: #575455;}
.js-det-tkt-form .js-form-wrapper .js-tkt-det-perm-msg a:hover {border-color: #4f46e5;background: #fff;color: #4f46e5;}
.js-det-tkt-form .js-form-wrapper .js-ticket-detail-append-signature-xs {float: left;padding: 10px;border: 1px solid #ebecec;background: #fff;color: #575455;}
.js-det-tkt-form .js-form-wrapper .js-ticket-detail-append-signature-xs input {margin: 0 5px;}
.js-add-signature {float: left;padding: 10px 15px;line-height: inherit;border-radius: 0;border: 1px solid #ebecec;color: #fff;background: #4f46e5;text-decoration: none;margin-top: 12px;}
.js-add-signature:active,
.js-add-signature:hover {color: #fff;}
/* === Auto Cleanup === */
#jsstadmin-wrapper .jsst-attachment-purged {display: flex;align-items: flex-start;background-color: #f8f9fa;color: #6c757d;border: 1px dashed #ced4da;padding: 8px 12px;border-radius: 4px;margin-top: 5px;margin-bottom: 5px;font-size: 13px;line-height: 1.4;transition: background-color 0.2s ease;}
#jsstadmin-wrapper .jsst-attachment-purged:hover {background-color: #f1f3f5;}
#jsstadmin-wrapper .jsst-attachment-purged .jsst-purged-icon {flex-shrink: 0;margin-right: 8px;margin-top: 2px;color: #dc3545;fill: currentColor;width: 16px;height: 16px;}
#jsstadmin-wrapper .jsst-attachment-purged span {flex-grow: 1;}
#jsstadmin-wrapper .jsst-purged-filename {font-weight: 600;color: #495057;word-break: break-word;}
#jsstadmin-wrapper .jsst-purged-reason {font-style: italic;color: #868e96;margin-left: 4px;}

/* ticket detail popups */ 
.jsst-popup-wrapper {position: fixed;top:50%;left:50%;width:50%;max-height: 70%;z-index: 99999;transform: translate(-50%, -50%);background: #fff;box-sizing: border-box;overflow-y: auto;overflow-x: hidden;}
.jsst-popup-wrapper.jsst-merge-popup-wrapper {width:70%;}
.jsst-popup-wrapper * {box-sizing: border-box;}
.jsst-popup-background {background: rgba(0,0,0,0.5);position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 9989;}
.jsst-popup-wrapper .userpopup-top {background: #4f46e5;padding: 15px;}
.jsst-popup-wrapper .userpopup-top .userpopup-heading {display: inline-block;color: #fff;font-weight: bold;font-size: 20px;line-height: initial;text-transform: capitalize;}
.jsst-popup-wrapper .userpopup-top .userpopup-close {float: right;cursor: pointer;}
.jsst-popup-wrapper .userpopup-top .internalnotespopup-close {float: right;cursor: pointer;}
.jsst-popup-wrapper .js-admin-popup-cnt {float: left;width: 100%;padding: 10px;}
.jsst-popup-wrapper .js-admin-popup-cnt .js-form-button {border-top: 0;padding: 0;}
.jsst-popup-wrapper .js-admin-popup-cnt .js-form-button .button {background: #4f46e5;color: #fff;border: 1px solid #4f46e5;}
.jsst-popup-wrapper .js-admin-popup-cnt .js-form-button .button:hover {background: #fff;color: #4f46e5;border-color: #4f46e5;}
.jsst-popup-wrapper .js-admin-popup-cnt .js-form-button .button.js-admin-pop-btn-block {width: 100%;}
.userpopup-search-history {float: left;width: 100%;padding: 10px;}
.userpopup-search-history .userpopup-search-history-row {float: left;width: 100%;border-bottom: 1px solid #ebecec;}
.userpopup-search-history-row .userpopup-search-history-col {float: left;width: 15%;color: #606262;border-right: 1px solid #ebecec;padding: 10px 0;text-align: center;}
.userpopup-search-history-row .userpopup-search-history-col:last-child {width: 70%;border: 0;padding: 10px;text-align: left;}
.js-ticket-usercredentails-wrp {float: left;width: 100%;padding: 15px;}
.js-ticket-usercredentails-wrp .js-ticket-usercredentails-credentails-wrp {float: left;width: 100%;padding-bottom: 10px;}
.js-ticket-usercredentails-credentails-wrp .js-ticket-usercredentails-single {display: inline-block;width: 100%;padding: 15px 10px 20px;background: #fff;border: 1px solid #d1d1d1;margin-bottom: 15px;}
.js-ticket-usercredentails-credentails-wrp .js-ticket-usercredentails-single .js-ticket-usercredentail-title,
.js-ticket-usercredentails-credentails-wrp .js-ticket-usercredentails-single .js-ticket-usercredentail-data {padding-bottom: 10px;}
.js-ticket-usercredentails-credentails-wrp .js-ticket-usercredentails-single .js-ticket-usercredentail-data div.js-ticket-usercredentail-data-label {display: inline-block;margin-right: 5px;color: #23282d;}
.js-ticket-usercredentails-credentails-wrp .js-ticket-usercredentails-single .js-ticket-usercredentail-data div.js-ticket-usercredentail-data-value {display: inline-block;color: #606062;}
div.js-ticket-usercredentail-data-button-wrap {padding: 10px 0;}
div.js-ticket-usercredentail-data-button-wrap button {padding: 10px 15px;display: inline-block;margin-right: 5px;border: 1px solid #ebecec;}
div.js-ticket-usercredentail-data-button-wrap button.js-ticket-usercredentail-data-button-edit {background: #4f46e5;border: 1px solid #4f46e5;color: #fff;}
div.js-ticket-usercredentail-data-button-wrap button.js-ticket-usercredentail-data-button-delete {background: #23282d;color: #fff;}
.js-ticket-usercredentail-data-add-new-button-wrap {float: left;width: 100%;}
.js-ticket-usercredentail-data-add-new-button-wrap .js-ticket-usercredentail-data-add-new-button {display: inline-block;padding: 15px;width: auto;cursor: pointer;background: #4f46e5;border: 1px solid #4f46e5;color: #fff;}
.js-ticket-usercredentail-data-add-new-button-wrap .js-ticket-usercredentail-data-add-new-button:hover {background: #fff;border-color: #4f46e5;color: #4f46e5;}
.js-ticket-usercredentails-form-wrap {float: left;width: 100%;padding: 15px;}
.js-ticket-usercredentails-form {float: left;width: 100%;}
.js-ticket-usercredentails-form .js-ticket-usercredentails-fields-wrp {float: left;width: 100%;}
.js-ticket-select-usercredentails {float: left;width: 100%;margin-bottom: 15px;}
.js-ticket-select-usercredentails .js-ticket-select-usercredentails-label {float: left;width: 100%;margin-bottom: 8px;color: #23282d;}
.js-ticket-select-usercredentails .jsst-popup-credentials-fields {float: left;width: 100%;height: 45px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;}
.js-ticket-usercredentails-btn-wrp {float: left;width: 100%;}
.js-ticket-usercredentails-btn-wrp input {display: inline-block;padding: 15px;cursor: pointer;text-align: center;border-radius: 0;height: auto;min-width: 120px;line-height: initial;box-shadow: unset;border: 1px solid;}
.js-ticket-usercredentails-btn-wrp .js-ticket-usercredentails-save {background: #4f46e5;color: #fff;border-color: #4f46e5;}
.js-ticket-usercredentails-btn-wrp .js-ticket-usercredentails-save:hover {background: #fff;color: #4f46e5;}
.js-ticket-usercredentails-btn-wrp .js-ticket-usercredentails-cancel {background: #f5f5f5;color: #606262;border-color: #d1d1d1;}
.js-ticket-usercredentails-btn-wrp .js-ticket-usercredentails-cancel:hover {color: #23282d;}
#jsst-time-edit-form,
#jsst-note-edit-form {float: left;width: 100%;}
#jsst-time-edit-form .js-form-wrapper-popup,
#jsst-note-edit-form .js-form-wrapper-popup {float: left;width: 100%;margin-bottom: 15px;}
#jsst-time-edit-form .js-form-wrapper-popup .js-form-title-popup,
#jsst-note-edit-form .js-form-wrapper-popup .js-form-title-popup {float: left;width: 100%;margin-bottom: 8px;color: #23282d;}
#jsst-time-edit-form .js-form-wrapper-popup .js-form-field-popup input,
#jsst-note-edit-form .js-form-wrapper-popup .js-form-field-popup input {float: left;width: 100%;height: 45px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;}
#jsst-time-edit-form .js-form-wrapper-popup .js-form-field-popup textarea,
#jsst-note-edit-form .js-form-wrapper-popup .js-form-field-popup textarea {float: left;width: 100%;height: 100px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;}
#jsst-time-edit-form .js-form-wrapper-popup .js-form-field-popup select,
#jsst-note-edit-form .js-form-wrapper-popup .js-form-field-popup select {float: left;width: 100%;height: 45px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;background-image: url('../images/selecticon.png');background-repeat: no-repeat;background-position: calc(100% - 15px);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size: 16px;}
#jsst-time-edit-form .js-form-button-wrapper,
#jsst-note-edit-form .js-form-button-wrapper {float: left;width: 100%;margin: 0;}
#jsst-time-edit-form .js-form-button-wrapper .button,
#jsst-note-edit-form .js-form-button-wrapper .button,
#jsst-reply-form .js-form-button-wrapper .button {display: inline-block;padding: 15px;cursor: pointer;text-align: center;border-radius: 0;height: auto;min-width: 120px;line-height: initial;box-shadow: unset;border: 1px solid;}
#jsst-time-edit-form .js-form-button-wrapper #ok.button,
#jsst-note-edit-form .js-form-button-wrapper #ok.button,
#jsst-reply-form .js-form-button-wrapper #ok.button {background: #4f46e5;color: #fff;border-color: #4f46e5;}
#jsst-time-edit-form .js-form-button-wrapper #ok.button:hover,
#jsst-note-edit-form .js-form-button-wrapper #ok.button:hover,
#jsst-reply-form .js-form-button-wrapper #ok.button:hover {background: #fff;color: #4f46e5;}
#jsst-note-edit-form .js-form-button-wrapper #cancel.button,
#jsst-time-edit-form .js-form-button-wrapper #cancel.button,
#jsst-reply-form .js-form-button-wrapper #cancel.button {background: #fff;color: #606262;border-color: #ebecec;}
#jsst-time-edit-form .js-form-button-wrapper #cancel.button:hover,
#jsst-note-edit-form .js-form-button-wrapper #cancel.button:hover,
#jsst-reply-form .js-form-button-wrapper #cancel.button:hover {color: #23282d;}
.js-ticket-edit-form-wrp {float: left;width: 100%;}
.js-ticket-edit-form-wrp .js-ticket-edit-form-row {float: left;width: 100%;margin-bottom: 15px;}
.js-ticket-edit-form-wrp .js-ticket-edit-form-row .js-ticket-edit-field-title {float: left;width: 100%;margin-bottom: 8px;color: #23282d;}
.js-ticket-edit-form-wrp .js-ticket-edit-form-row .js-ticket-edit-field-wrp {float: left;width: 100%;color: #606062;text-align: left;}
.js-ticket-edit-form-wrp .js-ticket-edit-form-row .js-ticket-edit-field-wrp .js-ticket-edit-field-input {float: left;width: 100%;height: 45px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;text-align: left;}
.js-ticket-edit-form-wrp .js-ticket-edit-form-row .js-ticket-edit-field-wrp input {display: inline-block;padding: 15px;cursor: pointer;text-align: center;border-radius: 0;height: auto;min-width: 120px;line-height: initial;box-shadow: unset;border: 1px solid;}
.js-ticket-edit-form-wrp .js-ticket-edit-form-row .js-ticket-edit-field-wrp textarea {float: left;width: 100%;height: 100px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;}
.js-ticket-edit-form-wrp .js-ticket-priorty-btn-wrp  {float: left;width: 100%;}
.js-ticket-edit-form-wrp .js-ticket-priorty-btn-wrp  input {display: inline-block;padding: 15px;cursor: pointer;text-align: center;border-radius: 0;height: auto;min-width: 120px;line-height: initial;box-shadow: unset;border: 1px solid;}
.js-ticket-edit-form-wrp .js-ticket-priorty-btn-wrp .js-ticket-priorty-save {background: #4f46e5;color: #fff;border-color: #4f46e5;}
.js-ticket-edit-form-wrp .js-ticket-priorty-btn-wrp .js-ticket-priorty-save:hover {background: #fff;color: #4f46e5;}
.js-ticket-edit-form-wrp .js-ticket-priorty-btn-wrp .js-ticket-priorty-cancel {background: #fff;color: #606262;border-color: #ebecec;}
.js-ticket-edit-form-wrp .js-ticket-priorty-btn-wrp .js-ticket-priorty-cancel:hover {color: #23282d;}
.js-ticket-merge-ticket-wrapper {float: left;width: 100%;}
div.jsst-merge-popup-wrapper div.js-ticket-wrapper {float: left;width: 100%;padding: 0;margin: 5px 0px;border: 1px solid #ebecec;background: #ffffff;}
div.jsst-merge-popup-wrapper div.js-ticket-wrapper div.js-ticket-toparea {padding: 0;}
div.jsst-merge-popup-wrapper div.js-ticket-wrapper div.js-ticket-pic {margin: 10px 0px;border-right: 1px solid #ebecec;padding: 0px;width: 100px;height: auto;border-radius: unset;height: 80px;}
div.jsst-merge-popup-wrapper div.js-ticket-wrapper div.js-ticket-pic img {width: 80px;height: 80px;margin: 0 10%;max-height: 100%;max-width: 90px;}
div.jsst-merge-popup-wrapper div.js-ticket-wrapper div.js-ticket-data {margin: 10px 0px;position: relative;width: calc(66.66% - 100px);}
div.jsst-merge-popup-wrapper div.js-ticket-wrapper div.js-ticket-data .js-ticket-body-data-elipses {padding-bottom: 8px;}
div.jsst-merge-popup-wrapper div.js-ticket-wrapper div.js-ticket-data .js-ticket-title {display: inline-block;margin-right: 3px;color: #23282d;}
div.jsst-merge-popup-wrapper div.js-ticket-wrapper div.js-ticket-data .js-ticket-value {display: inline-block;color: #606262;}
div.jsst-merge-popup-wrapper div.js-ticket-wrapper div.js-ticket-data .js-ticket-merge-ticket-title {display: inline-block;color: #4f46e5;}
div.jsst-merge-popup-wrapper div.js-ticket-wrapper div.js-ticket-data1 {margin: 10px 0px;border-left: 1px solid #ebecec;width: 33.33333333%;}
div.jsst-merge-popup-wrapper div.js-ticket-wrapper div.js-ticket-data1 .js-row {float: left;width: 100%;padding-bottom: 8px;}
div.jsst-merge-popup-wrapper div.js-ticket-wrapper div.js-ticket-data1 .js-row .js-col-md-6 {float: left;width: 50%;}
div.jsst-merge-popup-wrapper div.js-ticket-wrapper div.js-ticket-data1 .js-row .js-col-md-6:first-child {color: #23282d;}
div.jsst-merge-popup-wrapper div.js-ticket-wrapper div.js-ticket-data1 .js-row .js-col-md-6:last-child {color: #606262;}
div.jsst-merge-popup-wrapper div.js-ticket-wrapper div.js-ticket-data1 .js-ticket-wrapper-textcolor {display: inline-block;padding: 7px 12px;color: #fff;min-width: 70px;text-align: center;}
div.jsst-merge-popup-wrapper .js-tickets-list-wrp {float: left;width: 100%;border-top: 2px solid #d4d4d5;padding-top: 10px;background-color: #f0f0f0;border-bottom: 1px solid #4f46e5;padding-bottom: 25px;}
div.jsst-merge-popup-wrapper form {display: inline-block;width: 100%;padding: 0 15px;}
div.jsst-merge-popup-wrapper form .js-form-wrapper {display: inline-block;width: 100%;padding: 5px 10px;}
div.jsst-merge-popup-wrapper form .js-form-wrapper .js-form-title {display: inline-block;width: 100%;float: left;color: #23282d;margin-bottom: 10px;}
div.jsst-merge-popup-wrapper form .js-form-wrapper .js-merge-form-wrp {float: left;width: 73%;}
div.jsst-merge-popup-wrapper form .js-form-wrapper .js-merge-form-wrp .js-merge-form-value {float: left;width: calc(100% / 2 - 5px);padding: 0;margin-right: 5px;}
div.jsst-merge-popup-wrapper form .js-form-wrapper .js-merge-form-wrp .js-merge-form-value .js-merge-field {padding: 15px;border-radius: 0px;border: 1px solid #ebecec;display: inline-block;width: 100%;}
div.jsst-merge-popup-wrapper form .js-form-wrapper .js-merge-form-btn-wrp {float: left;width: 26%;}
div.jsst-merge-popup-wrapper form .js-form-wrapper .js-merge-form-btn-wrp .js-merge-btn {float: left;display: inline-block;width: calc(100% / 2 - 5px);margin-right: 5px;}
div.jsst-merge-popup-wrapper form .js-form-wrapper .js-merge-form-btn-wrp .js-merge-btn .js-merge-button {padding: 10px 0px;width: 100%;margin: 0 5px;height: 100%;box-shadow: unset;}
div.jsst-merge-popup-wrapper form .js-form-wrapper .js-merge-form-btn-wrp .js-merge-btn .js-merge-button.js-search {background-color: #4f46e5;color: #fff;}
div.jsst-merge-popup-wrapper .js-view-tickets {float: left;width: calc(100% - 30px);border-top: 1px solid #4f46e5;margin-top: 23px;margin-left: 15px;margin-right: 15px;padding: 10px 0px 0px 0px;}
div.jsst-merge-popup-wrapper .js-merge-ticket-overlay {position: relative;}
div.jsst-merge-popup-wrapper .js-merge-ticket-overlay .js-over-lay {height: 100%;background: rgba(0,0,0,.5);text-align: center;padding: 0;opacity: 0;-webkit-transition: opacity .25s ease;-moz-transition: opacity .25s ease;position: absolute;top: 0;left: 0;width: 100%;}
div.jsst-merge-popup-wrapper .js-merge-ticket-overlay .js-over-lay .js-merge-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #fff;background-color: #4f46e5;display: inline-block;padding: 5px 10px;min-width: 100px;text-decoration: none;}
div.jsst-merge-popup-wrapper .js-merge-ticket-overlay:hover .js-over-lay {opacity: 1;}
div.jsst-merge-popup-wrapper .js-view-last-tickets .js-heading-text {float: left;width: 100%;margin-bottom: 10px;color: #23282d;}
div.jsst-merge-popup-wrapper .js-edit-msg-field-wrp {float: left;width: 100%;}
div.jsst-merge-popup-wrapper .js-edit-msg-field-wrp .js-edit-msg-heading {float: left;width: 100%;color: #23282d;margin-bottom: 10px;}
div.jsst-merge-popup-wrapper .js-edit-msg-field-wrp textarea.js-merge-field {display: inline-block;min-height: 100px;width: 100%;}
div.jsst-merge-popup-wrapper .jsst_userpages {float: left;width: calc(100% - 30px);border-top: 1px solid #4f46e5;margin-top: 23px;margin-left: 15px;margin-right: 15px;padding: 10px 0px 0px 0px;text-align: center;}
div.jsst-merge-popup-wrapper .jsst_userpages .jsst_userlink {display: inline-block;margin-right: 5px;padding: 5px 15px;border: 1px solid #ebecec;}
div.jsst-merge-popup-wrapper .jsst_userpages .jsst_userlink.selected {background: #4f46e5;color: #ffffff;}
div.jsst-merge-popup-wrapper .js-form-button-wrapper {text-align: center;border-top: 1px solid #ebecec;width: 94%;margin: 0px 3%;}
div.jsst-merge-popup-wrapper .js-form-button-wrapper.js-form-button-wrapper-merge {border-top: none !important;margin-top: 0px !important;display: inline-block;}
div.jsst-merge-popup-wrapper .js-form-button-wrapper input.button {display: inline-block;float: none;padding: 5px 20px;border-radius: 2px;margin-top: 15px;margin-bottom: 15px;min-width: 100px;}
div.jsst-merge-popup-wrapper .js-form-button-wrapper input.button.js-merge-cancel-btn {padding: 0px;}
.popup-field-from {float: left;width: 100%;padding: 10px;}
.popup-field-from .popup-field-wrapper {float: left;width: 100%;margin-bottom: 20px;}
.popup-field-from .popup-field-wrapper .popup-field-title {float: left;width: 100%;margin-bottom: 8px;color: #23282d;}
.popup-field-from .popup-field-wrapper .popup-field-obj {float: left;width: 100%;}
.popup-field-from .popup-field-wrapper .popup-field-obj input {float: left;width: 100%;height: 45px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;}
.popup-field-from .popup-field-wrapper .popup-field-obj select {float: left;width: 100%;height: 45px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;background-image: url('../images/selecticon.png');background-repeat: no-repeat;background-position: calc(100% - 15px);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size: 16px;}
.popup-field-from .js-submit-container {float: left;width: 100%;text-align: center;border-top: 1px solid #ebecec;padding: 15px 0 10px;}
.popup-field-from .js-submit-container input {display: inline-block;padding: 15px;cursor: pointer;text-align: center;border-radius: 0;height: auto;min-width: 120px;line-height: initial;box-shadow: unset;border: 1px solid;}
.popup-field-from .js-submit-container input#save {background: #4f46e5;color: #fff;border-color: #4f46e5;}
.popup-field-from .js-submit-container input#save:hover {background: #fff;color: #4f46e5;}
.popup-field-from .js-submit-container a#user-field-anchor {display: inline-block;padding: 15px;cursor: pointer;text-align: center;border-radius: 0;height: auto;min-width: 120px;line-height: initial;box-shadow: unset;border: 1px solid;}

/* ticket detail AI Powered Reply */ 
.js-ticket-container {background-color: #ffffff;padding: 24px;border-radius: 12px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);width: 100%;max-width: 100%;border: 1px solid #e2e8f0;margin-top: 20px;margin-bottom: 20px;display: none;}
/* Headings */
.js-ticket-heading {font-size: 24px;font-weight: 700;color: #1a202c;margin-bottom: 24px;text-align: center;}
/* Section containers (e.g., Current Ticket, Matching Tickets, Replies) */
.js-ticket-section {padding: 16px;border-radius: 8px;/*margin-bottom: 24px;*/border: 1px solid;}
.js-ticket-current-ticket-section {background-color: #eff6ff;border-color: #bfdbfe;}
.js-ticket-current-ticket-title {display: none;}
.js-ticket-current-ticket-id {display: none;}
.js-ticket-current-ticket-description {font-size: 14px;color: #1d4ed8;}
.js-ticket-post-reply-section .js-ticket-section-heading {font-size: 20px;font-weight: 600;color: #4a5568;margin-bottom: 16px;}
.js-ticket-textarea {width: 100%;padding: 16px;border: 1px solid #cbd5e1;border-radius: 8px;resize: vertical;min-height: 150px;transition: border-color 0.2s ease, box-shadow 0.2s ease;}
.js-ticket-textarea:focus {outline: none;border-color: #3b82f6;box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5);}
.js-ticket-button-group {display: flex;flex-direction: column;gap: 12px;margin-top: 16px;}

/* ============================================================
   ZYWRAP CORE & GLOBAL COMPONENTS
   ============================================================ */
.js-ticket-zywrap-btn-primary { background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; border-radius: 6px; padding: 0 12px; height: 30px; font-size: 12px; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 6px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); transition: all 0.2s; white-space: nowrap; }
.js-ticket-zywrap-btn-primary:hover { background: #dbeafe; border-color: #93c5fd; }
.js-ticket-zywrap-btn-icon { background: #fff; color: #64748b; border: 1px solid #e2e8f0; border-radius: 6px; width: 30px; height: 30px; padding: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.02); }
.js-ticket-zywrap-btn-icon:hover { background: #f1f5f9; border-color: #cbd5e1; color: #0f172a; }
.js-ticket-zywrap-btn-icon .dashicons { font-size: 16px; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; }

.js-ticket-zywrap-inline-actions { width: 100%; margin-top: 20px; margin-bottom: 10px; padding-top: 12px; border-top: 1px dashed #cbd5e1; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; box-sizing: border-box; }
.js-ticket-zywrap-divider { width: 1px; height: 18px; background: #cbd5e1; margin: 0 4px; display: inline-block; }
.js-ticket-zywrap-inline-result { width: 100%; margin-top: 12px; background: #f8fafc; border: 1px solid #e2e8f0; border-left: 4px solid #3b82f6; padding: 15px; font-size: 13px; color: #334155; border-radius: 6px; line-height: 1.6; box-sizing: border-box; }

.js-ticket-zywrap-btn-primary .dashicons,
.js-ticket-zywrap-open-tab-btn .dashicons { font-size: 16px; width: 16px; height: 16px; vertical-align: middle; margin-right: 4px; }
.js-ticket-zywrap-screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }

/* Form Components */
.js-ticket-zywrap-form-title { padding-bottom: 10px; }
.js-ticket-zywrap-required { color: #dc2626; margin-left: 4px; }
.js-ticket-zywrap-text-center { text-align: center !important; }
.js-ticket-zywrap-text-red { color: #dc2626 !important; }
.js-ticket-zywrap-text-green { color: #16a34a !important; }

/* ============================================================
   ZYWRAP DASHBOARD & HERO
   ============================================================ */
.js-ticket-zywrap-dashboard { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; color: #334155; }
.js-ticket-zywrap-main-content { padding: 25px; }
.js-ticket-zywrap-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 25px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-bottom: 0; }
.js-ticket-zywrap-card:hover { transform: translateY(-2px); box-shadow: 0 10px 15px -3px rgba(0,0,0,0.05); }
.js-ticket-zywrap-p24 { padding: 24px; }
.js-ticket-zywrap-overflow-hidden { overflow: hidden; }

.js-ticket-zywrap-hero { position: relative; overflow: hidden; background: linear-gradient(135deg, #020617 0%, #0f172a 100%); border-radius: 16px; padding: 45px 50px; color: #fff; margin-bottom: 30px; border: 1px solid #1e293b; }
.js-ticket-zywrap-hero-bg { position: absolute; top: -50%; right: -10%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(59,130,246,0.15) 0%, rgba(0,0,0,0) 70%); border-radius: 50%; pointer-events: none; }
.js-ticket-zywrap-hero-content { position: relative; z-index: 10; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 30px; }
.js-ticket-zywrap-hero-text { max-width: 650px; }
.js-ticket-zywrap-hero-h2 { margin: 0 0 15px 0; font-size: 34px; font-weight: 800; color: #f8fafc; letter-spacing: -0.5px; line-height: 1.2; }
.js-ticket-zywrap-hero-p { margin: 0 0 25px 0; font-size: 15.5px; color: #cbd5e1; font-weight: 400; line-height: 1.6; }
.js-ticket-zywrap-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.2); color: #60a5fa; padding: 6px 14px; border-radius: 999px; font-size: 11px; font-weight: 700; text-transform: uppercase; margin-bottom: 18px; }
.js-ticket-zywrap-text-blue { color: #60a5fa; }

/* Status Indicators */
.js-ticket-zywrap-status-wrapper { text-align: right; min-width: 220px; }
.js-ticket-zywrap-status-card { padding: 25px; text-align: center; border-radius: 14px; backdrop-filter: blur(8px); }
.js-ticket-zywrap-status-active { background: rgba(16, 185, 129, 0.08); border: 1px solid rgba(16, 185, 129, 0.2); }
.js-ticket-zywrap-status-inactive { background: rgba(255,255,255,0.02); border: 1px dashed rgba(255,255,255,0.15); }
.js-ticket-zywrap-status-icon { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; margin-bottom: 15px; }
.js-ticket-zywrap-status-active .js-ticket-zywrap-status-icon { background: rgba(16, 185, 129, 0.15); box-shadow: 0 0 15px rgba(16, 185, 129, 0.2); }
.js-ticket-zywrap-status-active .dashicons { color: #34d399; font-size: 32px; width: 32px; height: 32px; }
.js-ticket-zywrap-status-label { font-size: 15px; font-weight: 700; margin-bottom: 6px; letter-spacing: 0.5px; text-transform: uppercase; }
.js-ticket-zywrap-status-subtext { font-size: 13px; color: #94a3b8; font-weight: 500; }

/* Dashboard Stat Boxes */
.js-ticket-zywrap-stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; margin-bottom: 30px; }
.js-ticket-zywrap-stat-box { padding: 24px; display: flex; align-items: center; justify-content: space-between; }
.js-ticket-zywrap-stat-label { color: #64748b; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; }
.js-ticket-zywrap-stat-number { font-size: 32px; font-weight: 800; color: #0f172a; letter-spacing: -0.5px; }
.js-ticket-zywrap-stat-icon-wrap { width: 56px; height: 56px; border-radius: 14px; display: flex; align-items: center; justify-content: center; }
.js-ticket-zywrap-bg-blue { background: #eff6ff; color: #3b82f6; }
.js-ticket-zywrap-bg-green { background: #f0fdf4; color: #16a34a; }
.js-ticket-zywrap-bg-red { background: #fef2f2; color: #dc2626; }

/* ============================================================
   ZYWRAP SETTING PAGE
   ============================================================ */
.js-ticket-zywrap-settings-page { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.js-ticket-zywrap-padding-25 { padding: 25px; }
.js-ticket-zywrap-settings-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 25px; }
.js-ticket-zywrap-flex-align { display: flex; align-items: center; gap: 8px; }

.js-ticket-zywrap-info-box { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px; }
.js-ticket-zywrap-info-title { font-size: 14px; margin: 0 0 15px 0; color: #1e293b; display: flex; align-items: center; }
.js-ticket-zywrap-info-list { margin: 0 0 0 20px; font-size: 13px; color: #475569; line-height: 1.6; }
.js-ticket-zywrap-info-list li { margin-bottom: 8px; }
.js-ticket-zywrap-info-list li a { text-decoration: none; font-weight: 600; color: #2563eb; }

.js-ticket-zywrap-card-title { margin-top: 0; font-size: 16px; border-bottom: 1px solid #f1f5f9; padding-bottom: 10px; margin-bottom: 20px; display: flex; align-items: center; }
.js-ticket-zywrap-step-number { background: #2563eb; color: #fff; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 12px; margin-right: 8px; flex-shrink: 0; }

.js-ticket-zywrap-form-group { margin-bottom: 15px; }
.js-ticket-zywrap-label { display: block; font-weight: 600; margin-bottom: 6px; color: #334155; }
.js-ticket-zywrap-input-group { display: flex; gap: 10px; max-width: 500px; }
.js-ticket-zywrap-input-group input { width: 100%; padding: 8px 12px; border: 1px solid #cbd5e1; border-radius: 4px; font-family: monospace; }
.js-ticket-zywrap-prefs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 15px; }
.js-ticket-zywrap-prefs-grid select { width: 100%; padding: 8px 12px; border: 1px solid #cbd5e1; border-radius: 4px; background: #f8fafc; }
.js-ticket-zywrap-hint { font-size: 12px; color: #64748b; margin-top: 6px; margin-bottom: 0; }
.js-ticket-zywrap-footer-actions { margin-top: 20px; padding-top: 15px; border-top: 1px solid #f1f5f9; display: flex; align-items: center; gap: 15px; }

.js-ticket-zywrap-warning-box { background: #fffbeb; border-left: 3px solid #f59e0b; padding: 12px 15px; border-radius: 4px; margin-bottom: 22px; font-size: 12.5px; color: #92400e; display: flex; gap: 10px; align-items: flex-start; }
.js-ticket-zywrap-progress-wrap { display: none; margin-top: 15px; text-align: left; width: 100%; max-width: 400px; }
.js-ticket-zywrap-progress-bar { width: 100%; background: #e2e8f0; border-radius: 999px; height: 8px; overflow: hidden; margin-bottom: 8px; }
.js-ticket-zywrap-progress-fill { width: 0%; height: 100%; background: #2563eb; transition: width 1s linear; }
.js-ticket-zywrap-progress-meta { display: flex; justify-content: space-between; font-size: 12px; font-weight: 600; color: #64748b; }

.js-ticket-zywrap-sidebar-column { display: flex; flex-direction: column; gap: 20px; }
.js-ticket-zywrap-mini-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 30px 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); text-align: center; }
.js-ticket-zywrap-mini-val { font-size: 32px; font-weight: 700; color: #0f172a; margin-bottom: 20px; }
.js-ticket-zywrap-mini-label { font-size: 12px; font-weight: 600; color: #64748b; text-transform: uppercase; letter-spacing: 0.5px; }

.js-ticket-zywrap-dimmed { opacity: 0.5; pointer-events: none; transition: opacity 0.3s; }
.js-ticket-zywrap-font-small { font-size: 14px !important; }
.js-ticket-zywrap-btn-large { height: 48px; width: 100%; font-size: 15px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.js-ticket-zywrap-form-column { display: flex; flex-direction: column; gap: 25px; }
.js-ticket-zywrap-form-column > div { width: 100%; box-sizing: border-box; }
.js-ticket-zywrap-sync-action-area { text-align: left; width: 100%; max-width: 400px; }
.js-ticket-zywrap-msg { margin-top: 10px; font-size: 13px; font-weight: 600; }

/* ============================================================
   ZYWRAP COPILOT BANNER
   ============================================================ */
.js-ticket-zywrap-copilot-banner { background: #eff6ff; border: 1px solid #bfdbfe; border-radius: 8px; padding: 16px 20px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 1px 3px rgba(0,0,0,0.02); clear: both; }
.js-ticket-zywrap-copilot-info { display: flex; align-items: center; gap: 15px; }
.js-ticket-zywrap-copilot-icon-box { background: #2563eb; color: #fff; width: 42px; height: 42px; border-radius: 10px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.3); }
.js-ticket-zywrap-copilot-icon-box .dashicons { font-size: 22px; width: 22px; height: 22px; }
.js-ticket-zywrap-copilot-title { font-weight: 700; font-size: 15px; color: #1e3a8a; margin-bottom: 2px; }
.js-ticket-zywrap-copilot-subtitle { font-size: 12px; color: #3b82f6; font-weight: 500; }
.js-ticket-zywrap-open-tab-btn.button-primary { background: #2563eb !important; border-color: #1d4ed8 !important; box-shadow: 0 2px 4px rgba(37,99,235,0.2); display: flex; align-items: center; gap: 6px; padding: 0 20px !important; height: 38px !important; line-height: 36px !important; border-radius: 6px; font-weight: 600; text-shadow: none; transition: all 0.2s ease; }
.js-ticket-zywrap-open-tab-btn.button-primary:hover { background: #1d4ed8 !important; border-color: #1e40af !important; transform: translateY(-1px); }

/* ============================================================
   ZYWRAP PLAYGROUND PAGE
   ============================================================ */
.js-ticket-zywrap-padding-20 { padding: 20px; }
.js-ticket-zywrap-playground-grid { display: grid; grid-template-columns: 1fr 1.8fr; gap: 30px; }
.js-ticket-zywrap-column { display: flex; flex-direction: column; gap: 0; }
.js-ticket-zywrap-pg-card { background: #fff; border-radius: 8px; border: 1px solid #e2e8f0; box-shadow: 0 1px 3px rgba(0,0,0,0.05); padding: 20px; margin-bottom: 20px; }
.js-ticket-zywrap-pg-title { font-size: 16px; font-weight: 600; margin-top: 0; margin-bottom: 15px; color: #0f172a; border-bottom: 1px solid #f1f5f9; padding-bottom: 10px; }
.js-ticket-zywrap-pg-form-group { margin-bottom: 15px; }
.js-ticket-zywrap-pg-label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 5px; color: #334155; }
.js-ticket-zywrap-pg-select, 
.js-ticket-zywrap-pg-input, 
.js-ticket-zywrap-pg-textarea { width: 100%; padding: 8px 12px; border: 1px solid #cbd5e1; border-radius: 6px; font-size: 13px; background: #f8fafc; box-sizing: border-box; }
.js-ticket-zywrap-pg-select:focus, 
.js-ticket-zywrap-pg-input:focus, 
.js-ticket-zywrap-pg-textarea:focus { outline: none; border-color: #2563eb; background: #fff; }
.js-ticket-zywrap-pg-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.js-ticket-zywrap-pg-schema-section { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 6px; padding: 15px; margin-bottom: 15px; }
.js-ticket-zywrap-pg-schema-title { font-size: 13px; font-weight: 600; border-bottom: 1px solid #cbd5e1; padding-bottom: 8px; margin-top: 0; margin-bottom: 12px; color: #475569; }
.js-ticket-zywrap-pg-run-btn { width: 100%; height: 42px !important; background: #2563eb !important; border-color: #1d4ed8 !important; font-size: 15px !important; display: flex !important; align-items: center; justify-content: center; gap: 8px; }
.js-ticket-zywrap-pg-output-box { background: #1e293b; color: #f8fafc; padding: 20px; border-radius: 6px; font-family: monospace; font-size: 13px; min-height: 250px; white-space: pre-wrap; margin: 0; overflow-x: auto; }

/* ============================================================
   ZYWRAP LOGS & TABLES
   ============================================================ */
.js-ticket-zywrap-table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.js-ticket-zywrap-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 13px; }
.js-ticket-zywrap-table th{ background: #f8fafc;color: #64748b; font-weight: 600; text-transform: uppercase; font-size: 11px; letter-spacing: 0.5px; padding: 14px 24px; border-bottom: 1px solid #e2e8f0; }
.js-ticket-zywrap-table td{ padding: 16px 24px; border-bottom: 1px solid #f1f5f9; vertical-align: middle; transition: background 0.1s; }
.js-ticket-zywrap-table td.js-ticket-zywrap-empty-td{ padding: 50px; text-align: center; color: #94a3b8; font-size: 14px;background: #fff; }
.js-ticket-zywrap-table td span.dashicons.dashicons-format-aside{ font-size: 32px;width: 32px; height: 32px; margin-bottom: 10px; color: #cbd5e1; }
.js-ticket-zywrap-trace-cell { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important; color: #475569 !important; font-size: 12px !important; }
.js-ticket-zywrap-log-title { display: block; color: #1e293b; font-size: 14px; font-weight: 600; margin-bottom: 3px; }
.js-ticket-zywrap-log-code { font-size: 11px; color: #94a3b8; margin-top: 2px; font-family: monospace; }
.js-ticket-zywrap-model-tag { background: #f1f5f9; border: 1px solid #e2e8f0; padding: 3px 8px; border-radius: 12px; font-size: 11px; color: #475569; display: inline-block; white-space: nowrap; font-weight: 500; }
.js-ticket-zywrap-token-tag { background: #eff6ff; color: #1d4ed8; padding: 3px 8px; border-radius: 12px; font-size: 11px; font-weight: 600; display: inline-block; }
.js-ticket-zywrap-latency-cell { font-size: 13px; color: #64748b; white-space: nowrap; }
.js-ticket-zywrap-date-cell { font-size: 12px; color: #64748b; white-space: nowrap; }
.js-filter-form { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 20px; }
.js-right { margin-left: auto; }

/* Dashboard Activity Log Header */
.js-ticket-zywrap-content-grid { display: grid; grid-template-columns: 3.2fr 1fr; gap: 30px; }
.js-ticket-zywrap-card-header { padding: 20px 24px; border-bottom: 1px solid #f1f5f9; display: flex; justify-content: space-between; align-items: center; }
.js-ticket-zywrap-card-h2 { margin: 0; font-size: 16px; color: #0f172a; font-weight: 700; }
.js-ticket-zywrap-btn-small { font-size: 13px; text-decoration: none; color: #2563eb; font-weight: 600; background: #eff6ff; padding: 6px 12px; border-radius: 6px; transition: background 0.2s; }
.js-ticket-zywrap-btn-small:hover { background: #dbeafe; }

/* Status Tags */
.js-ticket-zywrap-status-tag { display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; border-radius: 6px; font-size: 11px; font-weight: 700; }
.js-ticket-zywrap-status-tag-success { background: #dcfce7; color: #166534; }
.js-ticket-zywrap-status-tag-error { background: #fee2e2; color: #991b1b; cursor: help; border-bottom: 1px dotted #991b1b; }
.js-ticket-zywrap-empty-td { padding: 50px !important; text-align: center; color: #94a3b8; font-size: 14px; background: #fff; }

/* Sidebar Navigation */
.js-ticket-zywrap-sidebar { display: flex; flex-direction: column; gap: 25px; }
.js-ticket-zywrap-sidebar-h3 { margin-top: 0; font-size: 14px; font-weight: 700; margin-bottom: 15px; color: #0f172a; text-transform: uppercase; letter-spacing: 0.5px; }
.js-ticket-zywrap-sidebar-links { display: flex; flex-direction: column; gap: 8px; }
.js-ticket-zywrap-link-card { display: flex; align-items: center; gap: 12px; text-decoration: none; color: #475569; padding: 14px 16px; border-radius: 8px; transition: all 0.2s; border: 1px solid transparent; font-weight: 500; font-size: 13.5px; }
.js-ticket-zywrap-link-card:hover { background: #f8fafc; border-color: #e2e8f0; color: #2563eb; }
.js-ticket-zywrap-link-card .dashicons { color: #64748b; transition: color 0.2s; }
.js-ticket-zywrap-link-card:hover .dashicons { color: #2563eb; }
.js-ticket-zywrap-bg-gradient-sync { background: linear-gradient(180deg, #fff 0%, #f8fafc 100%); text-align: center; }
.js-ticket-zywrap-sync-icon-box { width: 48px; height: 48px; background: #e2e8f0; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-bottom: 15px; }
.js-ticket-zywrap-sync-text { font-size: 12.5px; color: #64748b; margin-bottom: 18px; line-height: 1.5; }
.js-ticket-zywrap-text-slate { color: #475569; }
.js-ticket-zywrap-btn-sync { display: inline-block; width: 100%; font-size: 13px; font-weight: 600; color: #2563eb; text-decoration: none; border: 1px solid #bfdbfe; background: #eff6ff; padding: 10px 0; border-radius: 8px; transition: background 0.2s; text-align: center; }
.js-ticket-zywrap-btn-sync:hover { background: #dbeafe; }

/* Error Page Specifics */
.js-ticket-zywrap-wrapper-code { color: #1e293b; font-size: 13px; }
.js-ticket-zywrap-error-msg-box { background: #fee2e2; color: #991b1b; padding: 6px 10px; border-radius: 4px; font-size: 12px; border-left: 3px solid #dc2626; line-height: 1.5; }
.js-ticket-zywrap-empty-success-state { padding: 40px; text-align: center; color: #16a34a; font-size: 16px; background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; margin-top: 20px; }
.js-ticket-zywrap-empty-success-state .dashicons { font-size: 32px; width: 32px; height: 32px; margin-bottom: 10px; }

/* Modal Layout */
.js-ticket-zywrap-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15, 23, 42, 0.75); z-index: 99998; backdrop-filter: blur(3px); }
.js-ticket-zywrap-modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1250px; max-width: 95vw; height: 85vh; max-height: 850px; z-index: 99999; }
.js-ticket-zywrap-modal-inner { background: #f8fafc; border-radius: 12px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; overflow: hidden; width: 100%; height: 100%; }
.js-ticket-zywrap-modal-header { background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%); padding: 15px 25px; color: #fff; display: flex; justify-content: space-between; align-items: center; flex-shrink: 0; }
.js-ticket-zywrap-modal-title { margin: 0 0 4px 0; color: #fff !important; font-size: 18px; font-weight: 600; display: flex; align-items: center; gap: 8px; }
.js-ticket-zywrap-modal-subtitle { font-size: 12px; color: #bfdbfe; font-weight: 500; }
.js-ticket-zywrap-modal-close { color: #fff !important; text-decoration: none; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; background: rgba(255,255,255,0.15); transition: background 0.2s; }
.js-ticket-zywrap-modal-close:hover { background: rgba(255,255,255,0.25) !important; }
.js-ticket-zywrap-modal-body { display: flex; flex-grow: 1; overflow: hidden; }
.js-ticket-zywrap-modal-sidebar { width: 380px; background: #fff; border-right: 1px solid #e2e8f0; display: flex; flex-direction: column; flex-shrink: 0; }
.js-ticket-zywrap-intent-header { padding: 20px; border-bottom: 1px solid #f1f5f9; background: #f8fafc; }
.js-ticket-zywrap-intent-label { font-weight: 600; display: block; margin-bottom: 10px; color: #64748b; font-size: 12px; text-transform: uppercase; letter-spacing: 0.5px; }
.js-ticket-zywrap-intent-tabs { display: flex; gap: 8px; flex-wrap: wrap; }
.js-ticket-zywrap-action-list { overflow-y: auto; flex-grow: 1; padding: 15px; }
.js-ticket-zywrap-card-featured { border: 2px solid #2563eb; background: #eff6ff; padding: 12px 15px; border-radius: 8px; cursor: pointer; margin-bottom: 10px; position: relative; }
.js-ticket-zywrap-badge-default { position: absolute; top: -8px; right: 12px; background: #2563eb; color: #fff; font-size: 10px; font-weight: bold; padding: 2px 8px; border-radius: 10px; text-transform: uppercase; }
.js-ticket-zywrap-action-title { margin: 0 0 4px 0; color: #1e3a8a; font-size: 14px; display: flex; align-items: center; gap: 6px; }
.js-ticket-zywrap-action-desc { margin: 0; font-size: 12px; color: #3b82f6; line-height: 1.4; }
.js-ticket-zywrap-card-list { border: 1px solid #cbd5e1; background: #fff; padding: 10px 15px; border-radius: 6px; cursor: pointer; transition: all 0.2s; }
.js-ticket-zywrap-card-compact { padding: 10px; border-bottom: 1px solid #f1f5f9; cursor: pointer; }
.js-ticket-zywrap-action-title-small { margin: 0; color: #334155; font-size: 13px; }
.js-ticket-zywrap-modal-workspace { flex: 1; display: flex; flex-direction: column; background: #f8fafc; overflow: hidden; }
.js-ticket-zywrap-workspace-header { padding: 15px 25px; background: #fff; border-bottom: 1px solid #e2e8f0; display: flex; justify-content: space-between; align-items: center; }
.js-ticket-zywrap-workspace-h2 { margin: 0; font-size: 16px; color: #0f172a; font-weight: 600; }
.js-ticket-zywrap-modal-select { padding: 6px 12px !important; border: 1px solid #cbd5e1 !important; border-radius: 6px !important; font-size: 12px !important; background: #f8fafc !important; box-shadow: none !important; }
.js-ticket-zywrap-workspace-content { flex-grow: 1; padding: 25px; overflow-y: auto; display: flex; flex-direction: column; gap: 20px; }
.js-ticket-zywrap-empty-prompt { text-align: center; padding: 30px; color: #64748b; background: #f1f5f9; border-radius: 8px; border: 1px dashed #cbd5e1; }
.js-ticket-zywrap-instructions-card { background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px; box-shadow: 0 1px 2px rgba(0,0,0,0.05); }
.js-ticket-zywrap-textarea-small { width: 100%; padding: 10px; border: 1px solid #cbd5e1; border-radius: 6px; font-family: inherit; font-size: 13px; resize: vertical; background: #f8fafc; box-sizing: border-box; }
.js-ticket-zywrap-textarea-draft { flex-grow: 1; min-height: 150px; width: 100%; padding: 20px; font-family: monospace; border: 1px solid #cbd5e1; border-radius: 8px; resize: none; background: #fff; box-shadow: inset 0 1px 3px rgba(0,0,0,0.05); box-sizing: border-box; line-height: 1.6; font-size: 13px; }
.js-ticket-zywrap-modal-footer { padding: 15px 25px; background: #fff; border-top: 1px solid #e2e8f0; display: flex; justify-content: space-between; align-items: center; }
.js-ticket-zywrap-btn-gen { padding: 0 25px !important; height: 42px !important; font-size: 14px !important; }
.js-ticket-zywrap-btn-insert { background: #2563eb !important; border-color: #1d4ed8 !important; padding: 0 30px !important; height: 42px !important; font-size: 14px !important; display: flex; align-items: center; gap: 8px; }
.js-ticket-zywrap-hide { display: none; }
.js-ticket-zywrap-flex-align { display: flex; align-items: center; gap: 10px; }
.js-ticket-zywrap-flex-gap-10 { display: flex; gap: 10px; }
.js-ticket-zywrap-flex-gap-12 { display: flex; gap: 12px; }
.js-ticket-zywrap-flex-column-gap { display: flex; flex-direction: column; gap: 8px; }
.js-ticket-zywrap-flex-column-gap-small { display: flex; flex-direction: column; gap: 5px; }
.js-ticket-zywrap-flex-between { display: flex; justify-content: space-between; }
.js-ticket-zywrap-label-bold { font-weight: 600; display: block; margin-bottom: 8px; color: #0f172a; font-size: 14px; }
.js-ticket-zywrap-label-opt { font-weight: normal; font-size: 11px; color: #64748b; }
.js-ticket-zywrap-p-hint { margin: 0 0 10px 0; font-size: 11px; color: #64748b; }
.js-ticket-zywrap-text-status { color: #2563eb; font-size: 12px; font-weight: 500; }
.js-ticket-zywrap-search-input { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #cbd5e1; border-radius: 6px; box-sizing: border-box; }
.zywrap-intent-tab { padding: 6px 12px; border-radius: 15px; border: 1px solid #cbd5e1; background: #fff; color: #475569; font-weight: 600; font-size: 12px; cursor: pointer; }
.zywrap-intent-tab { border: 1px solid #cbd5e1; background: #fff; color: #475569; padding: 6px 12px; border-radius: 15px;  font-weight: 600; font-size: 12px; cursor: pointer; }
.zywrap-intent-tab.active { border: 1px solid #2563eb; background: #eff6ff; color: #1d4ed8; }
#zywrap-generate-btn span { margin-top: 4px; margin-right: 5px; }
#zywrap-insert-btn span { margin-top: 4px; margin-right: 5px; }

/* ============================================================
   RESPONSIVE LOGIC (CONSOLIDATED)
   ============================================================ */

@media (max-width: 1100px) {
    .js-ticket-zywrap-stats-grid { grid-template-columns: 1fr; }
    .js-ticket-zywrap-content-grid { grid-template-columns: 1fr; }
    .js-ticket-zywrap-sidebar { width: 100%; }
}


@media (max-width: 1024px) {
    .js-ticket-zywrap-playground-grid { grid-template-columns: 1fr; gap: 0; }
}

@media (max-width: 900px) {
    .js-ticket-zywrap-form-column { width: 100%; }
    .js-ticket-zywrap-settings-grid { grid-template-columns: 1fr; }
    .js-ticket-zywrap-prefs-grid { grid-template-columns: 1fr; gap: 15px; }
    .js-ticket-zywrap-sidebar-column { flex-direction: row; flex-wrap: wrap; }
    .js-ticket-zywrap-mini-card { flex: 1; min-width: 150px; }
}

@media (max-width: 782px) {
    .js-ticket-zywrap-hero { padding: 30px; }
    .js-ticket-zywrap-hero-h2 { font-size: 24px; }
    .js-ticket-zywrap-status-wrapper { text-align: center; width: 100%; margin-top: 15px; }
    .js-filter-form { flex-direction: column; align-items: stretch; }
    .js-right { margin-left: 0; }
    .js-ticket-zywrap-padding-20 { padding: 10px; }
    .js-ticket-zywrap-table th, .js-ticket-zywrap-table td { padding: 10px 8px; }
    .js-ticket-zywrap-errors-page #jsstadmin-data-wrp { padding: 15px !important; }
}

@media (max-width: 600px) {
    .js-ticket-zywrap-copilot-banner { flex-direction: column; align-items: flex-start; gap: 15px; }
    .js-ticket-zywrap-copilot-action, .js-ticket-zywrap-open-tab-btn.button-primary { width: 100% !important; justify-content: center; }
    .js-ticket-zywrap-pg-grid-2 { grid-template-columns: 1fr; }
}

@media (min-width: 640px) {.js-ticket-button-group {flex-direction: row;gap: 16px;margin-top: 0;}}
.js-ticket-button {display: block;margin-bottom: 25px;padding: 12px 24px;border-radius: 8px;font-weight: 500;transition: background-color 0.2s ease, box-shadow 0.2s ease;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);color: #ffffff;border: none;cursor: pointer;}
.js-ticket-post-reply-button {background-color: #2563eb;}
.js-ticket-post-reply-button:hover {background-color: #1d4ed8;}
.js-ticket-ai-reply-button {background-color: #16a34a;}
.js-ticket-ai-reply-button:hover {background-color: #15803d;}
.js-ticket-matching-tickets-section {background-color: #f5f3ff;border-color: #ddd6fe;}
.js-ticket-selected-tickets-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;flex-wrap: wrap;gap: 10px;}
.js-ticket-matching-tickets-section .js-ticket-section-heading {color: #6d28d9;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 60%;}
.js-ticket-list {list-style: none;padding: 8px;margin: 0 -8px;display: flex;flex-direction: column;gap: 12px;max-height: 500px;overflow-y: auto;}
.js-ticket-list::-webkit-scrollbar {width: 8px;}
.js-ticket-list::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}
.js-ticket-list::-webkit-scrollbar-thumb {background: #cbd5e1;border-radius: 10px;}
.js-ticket-list::-webkit-scrollbar-thumb:hover {background: #94a3b8;}
.js-ticket-list-item {background-color: #ffffff;padding: 16px;border-radius: 8px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);border: 1px solid #e2e8f0;cursor: pointer;transition: background-color 0.15s ease-in-out;}
.js-ticket-list-item:hover {background-color: #f9fafb;}
.js-ticket-list-item p {margin: 0;}
.js-ticket-list-item .js-ticket-title {font-weight: 500;color: #1a202c;margin-top: 4px;margin-bottom: 4px;}
.js-ticket-list-item .js-ticket-id {font-size: 14px;color: #64748b;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
.js-ticket-selected-replies-section {background-color: #ecfdf5;border-color: #a7f3d0;}
.js-ticket-selected-replies-header {display: flex;align-items: center;justify-content: space-between;margin-bottom: 16px;}
.js-ticket-selected-replies-header .js-ticket-section-heading {font-size: 20px;font-weight: 600;color: #047857;margin-bottom: 0;margin-top: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 60%;margin-top: 10px;line-height: initial;}
.js-ticket-close-button {/*background-color: #1E40AF;*/background-color: #16A34A;color: #FFFFFF;padding: 8px 16px;border-radius: 8px;font-weight: 500;transition: background-color 0.2s ease;cursor: pointer;border: none;}
.js-ticket-close-button:hover {background-color: #2b2b2b;}
#js-ticket-close-tickets-btn {background-color: #6d28d9;}
#js-ticket-close-tickets-btn:hover {background-color: #2b2b2b;}
.js-ticket-replies-content {display: flex;flex-direction: column;gap: 24px;max-height: 500px;overflow-y: auto;padding: 8px;margin: 0 -8px;}
/* Custom scrollbar for reply content */
.js-ticket-replies-content::-webkit-scrollbar {width: 8px;}
.js-ticket-replies-content::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}
.js-ticket-replies-content::-webkit-scrollbar-thumb {background: #cbd5e1;border-radius: 10px;}
.js-ticket-replies-content::-webkit-scrollbar-thumb:hover {background: #94a3b8;}
.js-ticket-reply-item {background-color: #ffffff;padding: 20px;border-radius: 8px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);border: 1px solid #a7f3d0;}
.js-ticket-reply-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px;}
.js-ticket-reply-header .js-ticket-reply-id {font-weight: 600;color: #059669;}
.js-ticket-reply-header .js-ticket-reply-timestamp {font-size: 14px;color: #64748b;}
.js-ticket-reply-text {color: #374151;line-height: 1.625;font-size: 14px;display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;overflow: hidden;}
.js-ticket-reply-actions {display: flex;gap: 8px;margin-top: 10px; /* Space between text and action buttons */justify-content: flex-end; /* Align buttons to the right */}
.js-ticket-reply-action-btn {background-color: #4CAF50; /* Green */color: white;padding: 8px 12px;border: none;border-radius: 5px;cursor: pointer;font-size: 14px;transition: background-color 0.2s ease;}
.js-ticket-reply-action-btn.copy-btn {background-color: #ff9800;color: #FFF; /* Orange */}
.js-ticket-reply-action-btn.copy-btn:hover {background-color: #2b2b2b;}
.js-ticket-reply-action-btn.append-btn {background-color: #4f46e5;}
.js-ticket-reply-action-btn.append-btn:hover {background-color: #2b2b2b;}
/* Dropdown style */
.js-ticket-filter-group {display: flex;align-items: center;gap: 10px;margin-left: auto;margin-right: 5px;margin-bottom: 0px;}
.js-ticket-filter-label {font-weight: 500;color: #4a5568;}
.js-ticket-filter-select {padding: 8px 12px;border: 1px solid #cbd5e1;border-radius: 8px;background-color: white;cursor: pointer;font-size: 14px;color: #1a202c;appearance: none; /* Remove default dropdown arrow */-webkit-appearance: none;-moz-appearance: none;background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2364748b%22%20d%3D%22M287%2C118.8L146.2%2C259.6L5.4%2C118.8z%22%2F%3E%3C%2Fsvg%3E'); /* Custom arrow */background-repeat: no-repeat;background-position: right 10px center;background-size: 12px;transition: border-color 0.2s ease, box-shadow 0.2s ease;}
.js-ticket-filter-select:focus {outline: none;border-color: #3b82f6;box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5);}    
/* Modal styles */
.js-ticket-modal {position: fixed;inset: 0;background-color: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;z-index: 50;}
.js-ticket-modal-content {background-color: #ffffff;padding: 24px;border-radius: 12px;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);max-width: 384px;width: 100%;text-align: center;border: 1px solid #d1d5db;}
.js-ticket-modal-message {font-size: 18px;font-weight: 500;color: #1a202c;margin-bottom: 16px;}
.js-ticket-modal-close-button {background-color: #2563eb;color: #ffffff;padding: 8px 20px;border-radius: 8px;font-weight: 500;transition: background-color 0.2s ease, box-shadow 0.2s ease;cursor: pointer;border: none;}
.js-ticket-modal-close-button:hover {background-color: #1d4ed8;}
/* Utility for hiding elements */
.js-ticket-hidden {display: none;}
/* --- Marked as AI-Powered Reply Feature --- */
div.js-ticket-ai-reply-status-wrapper {float: left;width: 100%;padding: 20px 0px;box-sizing: border-box;}
.js-tkt-det-tkt-prty div.js-ticket-ai-reply-status-wrapper {border-top: 1px solid #ebecec;}
div.js-ticket-ai-reply-status-wrapper label {display: inline-block;margin-bottom: 10px;font-weight: 600;color: #444;font-size: 15px;}
div.js-ticket-segmented-control {display: flex;border: 1px solid #c3c4c7;border-radius: 6px;overflow: hidden;width: fit-content;max-width: 100%;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);flex-wrap: wrap;}
button.js-ticket-segmented-control-option {flex: 1;padding: 10px 18px;border: none;background-color: #f6f7f7;color: #40464d;cursor: pointer;font-size: 14px;font-weight: 500;transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;outline: none;text-align: center;white-space: nowrap;}
button.js-ticket-segmented-control-option:not(:last-child) {border-right: 1px solid #c3c4c7;}
button.js-ticket-segmented-control-option:hover {background-color: #e0e0e0;}
button.js-ticket-segmented-control-option.active {box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);font-weight: 700;}
button.js-ticket-segmented-control-option.js-ticket-default.active {background-color: #808080;color: #ffffff;}
button.js-ticket-segmented-control-option.js-ticket-enable.active {background-color: #28a745;color: #ffffff;}
button.js-ticket-segmented-control-option.js-ticket-disable.active {background-color: #dc3545;color: #ffffff;}
button.js-ticket-segmented-control-option:focus {box-shadow: 0 0 0 2px #2196f3;}
.js-ticket-ai-powered-reply-wrapper {display: flex;align-items: center;background-color: #f8f8f8;border: 1px solid #e0e0e0;padding: 7px 7px;border-left: 5px solid #4CAF50; /* Green line on the left */justify-content: space-between;flex-wrap: wrap;gap: 15px;}
.js-ticket-ai-powered-reply-icon {flex-shrink: 0;}
.js-ticket-ai-powered-reply-icon img {width: 80px; /* Adjust as needed */height: auto;display: block;}
.js-ticket-ai-powered-reply-content {flex-grow: 1;}
.js-ticket-ai-powered-reply-title {font-weight: bold;color: #333;margin-bottom: 10px;font-size: 20px;}
.js-ticket-ai-powered-reply-text {color: #666;font-size: 14px;line-height: 1.4;}
.js-ticket-ai-powered-reply-action {flex-shrink: 0;margin-right: 15px;}
.js-ticket-ai-powered-reply-button {display: inline-block;background-color: #28a745; /* Green background */color: #fff;padding: 13px 20px;text-decoration: none;border-radius: 6px;font-size: 14px;white-space: nowrap;font-weight: 600;}
.js-ticket-ai-powered-reply-button:hover {background-color: #2b2b2b;color: #FFFFFF;}
.js-ticket-ai-powered-reply-button:focus {color: #FFFFFF;}
.js-ticket-info-icon-wrapper {position: relative;display: inline-block;cursor: help;padding: 0 5px;}
.js-ticket-info-icon {font-size: 18px;color: #6c757d;transition: color 0.2s ease;}
.js-ticket-info-icon-wrapper.tooltip-active .js-ticket-info-icon::after, .js-ticket-info-icon-wrapper.tooltip-active .js-ticket-info-icon::before {opacity: 1;visibility: visible;}
.js-ticket-info-icon {font-size: 18px;color: #6c757d;transition: color 0.2s ease;}
.js-ticket-info-icon::after, .js-ticket-info-icon::before, .status-segment::after, .status-segment::before {box-sizing: border-box;content: attr(data-tooltip);position: absolute;top: calc(100% + 20px);left: 50%;transform: translateX(-50%);background-color: #343a40;color: #fff;padding: 12px 18px;border-radius: 10px;font-size: 13.5px;line-height: 1.5;white-space: normal;width: 200px;text-align: center;opacity: 0;visibility: hidden;transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;z-index: 1000;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);}
.js-ticket-info-icon::before, .status-segment::before {content: '';top: calc(100% + 13px);left: 50%;transform: translateX(-50%) rotate(45deg);width: 14px;height: 35px;background-color: #343a40;z-index: 1000;}
.js-ticket-info-icon img {width: 20px;}

/* ticket detail woocommerce */
.js-tkt-wc-order-box {float: left;width: 100%;}
.js-tkt-wc-order-box .js-tkt-wc-order-item {float: left;width: 100%;padding-bottom: 10px;}
.js-tkt-wc-order-box .js-tkt-wc-order-item .js-tkt-wc-order-item-title {float: left;margin-right: 8px;color: #23282d;}
.js-tkt-wc-order-box .js-tkt-wc-order-item .js-tkt-wc-order-item-value {float: left;color: #606262;}
.js-tkt-wc-order-box .js-tkt-wc-order-item #paidsupportitemid {display: inline-block;height: 45px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;background-image: url('../images/selecticon.png');background-repeat: no-repeat;background-position: calc(100% - 15px);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size: 16px;width: 75%;}
.js-tkt-wc-order-box .js-tkt-wc-order-item #paidsupportlinkticketbtn {border-radius: 0;padding: 10px;height: 45px;line-height: initial;width: 22%;box-shadow: unset;border: 1px solid #4f46e5;color: #fff;background: #4f46e5;}
.js-tkt-wc-order-box .js-tkt-wc-order-item #paidsupportlinkticketbtn:hover {color: #4f46e5;background: #fff;color: #4f46e5;}

/* shortcodes */
div#jsst-shortcode-wrapper {float: left;width: 100%;}
div#jsst-shortcode-wrapper div.jsst-shortcode-1 {float: left;width: 100%;padding: 20px;font-size: 20px;background: #32373c;color: #fff;line-height: initial;}
div#jsst-shortcode-wrapper div.jsst-shortcode-2 {float: left;width: 100%;padding: 20px;color: #606062;}
div#jsst-shortcode-wrapper div.jsst-shortcode-3 {float: left;width: 100%;padding: 20px;background: #f8fafc;color: #23282d;}
div#jsst-shortcode-wrapper div.jsst-shortcode-2 span.jsst-shortcode-name {margin-left: 10px;font-weight: bold;}
div#jsst-shortcode-wrapper div.jsst-shortcode-2 span.jsst-shortcode-dept {font-weight: bold;}

/* translations */
div#js-language-wrapper{display: inline-block; float: left; width: 100%; background: #fff; border:1px solid #ebecec; padding: 30px 55px; text-align: center;}
div#js-language-wrapper div.jstopheading{border-bottom:2px solid #ebecec;  display: inline-block; width: 80%; margin-left: 10%; margin-right: 10%; font-size: 24px; color: #23282d; padding-top: 25px; padding-bottom: 25px; margin-bottom: 30px;line-height: 1.3;}
div#js-language-wrapper div.gettranslation{ display: inline-block; font-size: 15px; color: #fff; padding: 12px 25px; background: #4f46e5; border:1px solid #4f46e5; cursor: pointer;}
div#js-language-wrapper div.gettranslation img{margin-right: 10px;}
div.js-some-disc{display: block; color: #6c757d; margin: 25px 0px; font-size: 14px;}
div.js-some-disc img{margin-right: 7px;}
input#languagecode{height: 28px;}
#jscodeinputbox{font-weight: bold;}
div#js_ddl{display: none;}
div#js_ddl span.title {color: #23282d	;}
div#js_ddl span#js_combo {display: inline-block;}
div#js_ddl span#js_combo #translations {display: inline-block;height: 45px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;background-image: url('../images/selecticon.png');background-repeat: no-repeat;background-position: calc(100% - 15px);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size: 16px;}
div#js_ddl span.button{display: inline-block;color: #fff; padding: 3px 12px; background: #4f46e5; border:1px solid #4f46e5; cursor: pointer;height: 45px;line-height: 35px;}
div#js_ddl span.button img{margin-right: 10px;line-height: initial;}
div#js_ddl.jshd_translation_btn{display: inline-block;width: 100%;margin-top: 12px;padding-left: 27%;}
div#js-emessage-wrapper{display:none; margin-top: 15px; float: left; width: 100%; background: #FEF9F6; border:1px solid #ebecec; padding: 15px; text-align: center;}
div#js-emessage-wrapper div{display: inline-block; font-size: 15px; color: #8B0E0E;}
div#js-emessage-wrapper img{width: 22px; height: auto; margin-right: 10px;}
div#js-emessage-wrapper-other{display:none; margin-top: 15px; float: left; width: 100%; background: #FEF9F6; border:1px solid #ebecec; padding: 15px; text-align: center;}
div#js-emessage-wrapper-other div{display: inline-block; font-size: 15px; color: #8B0E0E;}
div#js-emessage-wrapper-other img{width: 22px; height: auto; margin-right: 10px;}
div#js-emessage-wrapper_ok{display:none; margin-top: 15px; float: left; width: 100%; background: #EFF7F1; border:1px solid #ebecec; padding: 15px; text-align: center;}
div#js-emessage-wrapper_ok div{display: inline-block; font-size: 15px; color: #00A859;}
div#js-emessage-wrapper_ok img{width: 22px; height: auto; margin-right: 10px;}
div#black_wrapper_translation{ display: none; position: fixed;width:100%;height: 100%;top:0px;left:0px; background: rgba(0,0,0,0.6);  z-index:9998;}
div#jstran_loading, div#js_ai_reply_loading{ display: none; z-index:9999; position: fixed; top: 40%; left: calc(50% - 64px);}
div#js-lang-toserver{display: inline-block; float: left; width: 100%;padding: 25px 20px;}
div#js-lang-toserver div.col:first-child{float: left;width: 65%;}
div#js-lang-toserver div.col:last-child{float: left;padding-left: 10px;width: 35%;}
div#js-lang-toserver a.anc{display: inline-block; width: 100%; font-size: 16px; padding: 6px 25px; cursor: pointer; text-decoration: none;}
div#js-lang-toserver a.one{color: #6c757d; background: #EBF2FA; border:1px solid #4f46e5;}
div#js-lang-toserver a.two{color: #6c757d; background: #EEF7F6; border:1px solid #00A1A2;}
div#js-lang-toserver a.anc img{margin-right: 10px; height: 34px; width: auto;}
div.js_ticketattachment a.button{width: 75px;}
div.js_ticketattachment a.button.venobox.vbox-item{width: 40px;}
div.js_ticketattachment a.button{float: right;margin:0px 2px;padding:0px 8px;}
div.page-actions {width:100%;float:left;}
div.page-actions div#user-field-values.white-background{width:100%;float:left;background: #fff;padding:10px;}
div.page-actions div#user-field-values.white-background a.js-button-link.button.user-field-val-button{padding:0px 8px;}

/* exports */
.js-export-wrapper {float: left;width: 100%;}
.js-export-wrapper .js-form-button .js-form-save {padding: 12px 40px;}
.js-export-wrapper .js-form-button .js-form-save img {margin-right: 3px;}
.js-export-wrapper .js-form-button .js-form-save span {display: inline-block;vertical-align: middle;}

/* reports */
.js-admin-report {float: left;width: 100%;margin-bottom: 20px;background: #fff;}
.js-admin-report.halfwidth:nth-child(2n) {width: calc(50% - 7px);margin-left: 7px;}
.js-admin-report.halfwidth:nth-child(2n+1) {width: calc(50% - 7px);margin-right: 7px;}
.js-admin-report .js-admin-subtitle {padding: 20px;font-size: 20px;background: #32373c;color: #fff;margin-bottom: 20px;}
.js-admin-staff-list {float: left;width: 100%;padding: 15px;}
.js-admin-staff-wrapper {float: left;width: 100%;padding: 15px;margin-bottom: 20px;background: #fff;border: 1px solid #ebecec;box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.08);}
.js-admin-staff-wrapper:last-child {margin-bottom: 0;}
.js-admin-staff-cnt {float: left;width: 33%;padding-top: 20px;}
.js-admin-staff-cnt .js-report-staff-image {float: left;height: 80px;width: 100px;text-align: center;position: relative;border-radius: 100%;}
.js-admin-staff-cnt .js-report-staff-image img {height: 80px;width: 80px;border-radius: 100%;}
.js-admin-staff-cnt .js-report-staff-cnt {float: left;width: calc(100% - 100px);padding: 5px 0 0 10px;}
.dept-reprt .js-admin-staff-cnt .js-report-staff-cnt {width: 100%;}
.js-admin-staff-cnt .js-report-staff-cnt .js-report-staff-info {padding-bottom: 8px;color: #6c757d;}
.js-admin-staff-cnt .js-report-staff-cnt .js-report-staff-info:last-child {padding-bottom: 0;}
.js-admin-staff-cnt .js-report-staff-cnt .js-report-staff-post {height: 25px;width: 95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 400px;}
.js-admin-staff-cnt .js-report-staff-cnt .js-report-staff-name {color: #23282d;font-size: 15px;}
.js-admin-staff-wrapper .js-admin-staff-boxes {float: left;width: 67%;}
.js-admin-staff-wrapper div.js-ticket-count {padding: 0;margin: 0;border: 0;text-align: right;}
.js-admin-staff-wrapper div.js-ticket-count div.js-ticket-link {/* float: none;display: inline-block;width: 120px;padding: 0 1px; */}
.js-admin-staff-wrapper div.js-ticket-count div.js-ticket-cricle-wrp div.js-mr-rp {width: 50px;height: 50px;}
.js-admin-staff-wrapper div.js-ticket-count div.js-ticket-cricle-wrp div.js-mr-rp .circle .mask {clip: rect(0px, 50px, 50px, 25px);}
.js-admin-staff-wrapper div.js-ticket-count div.js-ticket-cricle-wrp div.js-mr-rp .circle .mask, 
.js-admin-staff-wrapper div.js-ticket-count div.js-ticket-cricle-wrp div.js-mr-rp .circle .fill, 
.js-admin-staff-wrapper div.js-ticket-count div.js-ticket-cricle-wrp div.js-mr-rp .circle .shadow {height: 50px;width: 50px;}
.js-admin-staff-wrapper div.js-ticket-count div.js-ticket-cricle-wrp div.js-mr-rp .circle .mask .fill {clip: rect(0px, 25px, 50px, 0px);}
.js-admin-staff-wrapper div.js-ticket-count div.js-ticket-cricle-wrp div.js-mr-rp .inset {height: 35px;width: 35px;}
.js-report-box-number {color: #6c757d;display: block;font-size: 22px;font-weight: bold;text-align: center;margin: 5px 0px 10px 0px;}
.js-report-box-title {color: #6c757d;display: block;font-size: 12px;text-align: center;padding: 5px 4px 10px 4px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.js-admin-report-tickets .js-tkt-rep-prty {display: inline-block;padding: 7px 12px;color: #fff;font-weight: bold;text-transform: uppercase;}
.js-admin-report-tickets tr td a {width: 100% !important;}

/* admin report tickets lists */
table.js-admin-report-tickets {width: 100%;border-spacing: unset;}
table.js-admin-report-tickets tr {border-bottom: 1px dashed #ebecec;}
table.js-admin-report-tickets tr th {padding: 20px;font-size: 16px;text-align: center;background: #fff;color: #32373c;border-right: 1px solid #ebecec;border-bottom: 1px solid #ebecec;}
table.js-admin-report-tickets tr .left {text-align: left;}
table.js-admin-report-tickets tr td {padding: 15px;margin-bottom: 5px;text-align: center;background: #fff;color: #6c757d;border-bottom: 1px dashed #ebecec;}
table.js-admin-report-tickets tr td .priority {display: inline-block;color: #fff;padding: 7px 12px;min-width: 90px;text-transform: uppercase;font-weight: bold;text-align: center;}
table.js-admin-report-tickets tr td font {color: #6c757d !important;}
table.js-admin-report-tickets .js-admin-staff-cnt .js-report-staff-cnt {padding: 10px 0 0 10px;}
.js-rep-tkt-list {border: 0;padding: 0;box-shadow: unset;}
.js-rep-tkt-list .js-admin-staff-cnt {padding-top: 0;width: 100%;}
.js-rep-tkt-list .js-admin-staff-cnt .js-report-staff-image {height: 80px;width: 100px;border-radius: 100%;}
.js-rep-tkt-list .js-admin-staff-cnt .js-report-staff-image img {border-radius: 100%;height: 80px;width: 80px;}

/* email templates */
div.js-email-menu {float: left;width:30%;background: #32373c;}
div.js-email-menu span.js-email-menu-link {display: block;}
div.js-email-menu span.js-email-menu-link:hover,
div.js-email-menu span.js-email-menu-link.selected {background: #4f46e5;}
div.js-email-menu span.js-email-menu-link:hover a,
div.js-email-menu span.js-email-menu-link.selected a {color: #fff;background: #4f46e5;}
div.js-email-menu span.js-email-menu-link a {display:block;padding:15px;color:#fff;border-bottom: 1px solid #ebecec;text-decoration: none;}
div.js-email-body {float: left;width:70%;padding:2.5%;background: #fff;}
div.js-email-body.js-custom-email-body {padding-top: 0;}
div.js-email-body div.js-form-wrapper {float: left;width: 100%;}
div.js-email-body div.js-form-wrapper div.a-js-form-title {float: left;width: 100%;margin-bottom: 7px;color: #23282d;}
div.js-email-body div.js-form-wrapper div.a-js-form-field {float: left;width: 100%;margin-bottom: 15px;}
div.js-email-body div.js-form-wrapper div.a-js-form-field input {height: 45px;padding: 10px;margin: 0;box-shadow: unset;color: #6c757d;background: #f8fafc;border: 1px solid #ebecec;}
div.js-email-body div.js-email-parameters {float: left;width: 100%;}
div.js-email-body div.js-email-parameters div.js-email-parameter-heading {float: left;width: 100%;padding: 10px;margin-bottom: 10px;color: #4f46e5;border-bottom: 2px solid #4f46e5;font-size: 20px;font-weight: bold;}
div.js-email-body div.js-email-parameters span.js-email-paramater {float: left;width: 100%;padding: 10px;color: #6c757d;}
div.js-email-body div.js-form-button {margin-top: 15px;}
/* custom template */
.js-ticket-email-templates-wrapper {float: left;width: 70%;padding: 2.5%;padding-bottom: 0;background-color: #FFF;}
.js-ticket-email-templates-wrapper form {width: 100%;display: flex;flex-wrap: wrap; gap: 15px;align-items: center;padding: 17px;border: 1px solid #e9e2e2;border-radius: 8px;background-color: #f5f5f5;}
.js-ticket-email-templates-wrapper form .jsst-help-block{display: none;}
.js-ticket-default-template-section,
.js-ticket-form-specific-templates-section {background-color: #fff;border-radius: 8px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);padding: 25px;margin-bottom: 25px;border: 1px solid #ebecec;}
.js-ticket-default-template-title,
.js-ticket-form-specific-templates-title,
.js-ticket-existing-custom-templates-title {font-size: 18px;font-weight: 600;margin-bottom: 10px;color: #1f2937;}
.js-ticket-default-template-section {border: 1px solid #cce5ff;background-color: #e7f3ff;}
.js-ticket-default-template-description,
.js-ticket-form-specific-templates-description {font-size: 14px;color: #555;margin-bottom: 15px;line-height: 1.5;}
.js-ticket-email-templates-wrapper .js-ticket-form-specific-templates-description {margin-bottom: 25px;}
.js-ticket-existing-custom-templates {margin-top: 10px;}
.js-ticket-button {display: inline-block;padding: 10px 20px;border-radius: 5px;margin-bottom: 0;text-decoration: none;font-weight: 500;cursor: pointer;transition: background-color 0.3s ease;text-align: center;}
.js-ticket-view-edit-default {background-color: #007bff;color: #fff;border: 1px solid #007bff;}
.js-ticket-view-edit-default:hover {background-color: #0056b3;border-color: #0056b3;color: #fff;}
.js-ticket-form-selection-wrapper {display: flex;flex-wrap: wrap;align-items: center;gap: 15px;margin-bottom: 30px;}
.js-ticket-select-form-label {font-size: 14px;color: #333;font-weight: 500;}
select.js-ticket-select-form {border: 1px solid #e9e2e2;border-radius: 5px;font-size: 14px;min-width: 200px;flex-grow: 1;max-width: 100%;height: 41px;box-sizing: border-box;}
.js-ticket-create-edit-template {background-color: #28a745;color: #fff;border: 1px solid #28a745;white-space: nowrap;}
.js-ticket-create-edit-template:hover {background-color: #218838;border-color: #218838;color: #FFF;}
.js-ticket-custom-templates-table {width: 100%;border-collapse: collapse;margin-top: 15px;border: 1px solid #e9e2e2;}
.js-ticket-custom-templates-table th,
.js-ticket-custom-templates-table td {padding: 12px 15px;border-bottom: 1px solid #eee;text-align: left;font-size: 14px;}
.js-ticket-custom-templates-table th {background-color: #f3f4f6;font-weight: 600;color: #666;}
.js-ticket-custom-templates-table tbody tr:last-child td {border-bottom: none;}
.js-ticket-action-link {color: #007bff;text-decoration: none;margin: 0 5px;}
.js-ticket-action-link:hover {text-decoration: underline;}
.js-ticket-action-link.js-ticket-delete {color: #dc3545;}
.js-ticket-action-link.js-ticket-delete:hover {text-decoration: underline;}
.js-ticket-action-separator {color: #ccc;}
div.js-ticket-card-wrapper {background-color: #fff;border-radius: 8px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);padding: 25px;margin-bottom: 25px;border: 1px solid #ebecec;width: 100%;box-sizing: border-box;display: flex;flex-wrap: wrap;}
div.js-ticket-card-item {display: flex;align-items: center;padding: 8px 0;width: 100%;}
div.js-ticket-card-item:not(:last-child) {margin-bottom: 5px;}
div.js-ticket-card-icon {margin-right: 12px;color: #888;font-size: 20px;}
div.js-ticket-card-content {display: flex;font-size: 15px;line-height: 1.4;}
div.js-ticket-card-label {color: #555;margin-right: 5px;}
div.js-ticket-card-value {color: #333;font-weight: normal;}
div.js-ticket-card-value.js-ticket-card-value-bold {font-weight: bold;}

/* customer satisfaction report */
div.jsst-statifacetion-report-wrapper{display: inline-block;width: 100%;}
div.statifacetion-report-left{width: calc(100% - 17%);float: left;}
div.jsst-statifacetion-report-wrapper div.top-number{display: inline-block;text-align: center;font-size: 55px;font-weight: bold;padding: 20px 0px;line-height: 1.3;}
div.jsst-statifacetion-report-wrapper span.total-feedbacks {color: #23282d;font-size: 15px;font-weight: bold;padding: 7px;}
div.jsst-statifacetion-report-wrapper div.top-text{display: inline-block;width: 100%;font-size: 35px;font-weight: bold;color: #23282d;padding: 20px 0px;border-top: 1px solid #ebecec;margin-top: 3%;padding-top: 4%;line-height: 1.3;}
div.satisfaction-report-right{float: left;text-align: center;padding: 1%;margin: 0px 15px;width: 12%;margin-top: 0px;margin-left:2%; }
div.satisfaction-report-right img {height: 85%;width: 85%;}
div.satisfaction-report-right.first{background: #e0ffe8;border: 1px solid #069a2e;}
div.satisfaction-report-right.second{background: #e4f4fd;border: 1px solid #0098da;}
div.satisfaction-report-right.third{background: #fde0f4;border: 1px solid #a8518a;}
div.satisfaction-report-right.fourth{background: #fef3e9;border: 1px solid #f58634;}
div.satisfaction-report-right.fifth{background: #fff0f0;border: 1px solid #ea1d22;}
div.jsst-statifacetion-report-wrapper div.jsst-satisfaction-report-bottom{display: inline-block;width: 100%;margin-top: 3%;}
div.jsst-statifacetion-report-wrapper div.jsst-satisfaction-report-bottom div.indi-stats{display: inline-block;width: calc(19.6% - 10px);text-align: center; padding: 1%;margin-right: 10px;background: #f8fafc;float: left;}
div.jsst-statifacetion-report-wrapper div.jsst-satisfaction-report-bottom div.indi-stats img {display: inline-block;float: left;height: auto;width: 50px;height: 50px;}
div.jsst-statifacetion-report-wrapper div.jsst-satisfaction-report-bottom div.indi-stats div.stats-percentage{display: inline-block;;color: #23282d;font-size: 20px;font-weight: bold;float: left;margin-top: 3%;padding-left: 10%;width: calc(100% - 50px);text-align: left;}
div.jsst-statifacetion-report-wrapper div.jsst-satisfaction-report-bottom div.indi-stats div.stats-text{display: inline-block;;color: #6c757d;font-weight: bold;float: left;margin-top: 1%;padding-left: 10%;width: calc(100% - 50px);text-align: left;}
div.jsst-statifacetion-report-wrapper div.jsst-satisfaction-report-bottom div.indi-stats.first{border: 1px solid #069a2e;box-shadow: 0px 1px 4px #dadada;}
div.jsst-statifacetion-report-wrapper div.jsst-satisfaction-report-bottom div.indi-stats.second{border: 1px solid #0098da;box-shadow: 0px 1px 4px #dadada;}
div.jsst-statifacetion-report-wrapper div.jsst-satisfaction-report-bottom div.indi-stats.third{border: 1px solid #a8518a;box-shadow: 0px 1px 4px #dadada;}
div.jsst-statifacetion-report-wrapper div.jsst-satisfaction-report-bottom div.indi-stats.fourth{border: 1px solid #f58634;box-shadow: 0px 1px 4px #dadada;}
div.jsst-statifacetion-report-wrapper div.jsst-satisfaction-report-bottom div.indi-stats.fifth{border: 1px solid #ea1d22;box-shadow: 0px 1px 4px #dadada;}
div.jsst-statifacetion-report-wrapper div.top-number.first{color: #069a2e;}
div.jsst-statifacetion-report-wrapper div.top-number.second{color: #0098da;}
div.jsst-statifacetion-report-wrapper div.top-number.third{color: #a8518a;}
div.jsst-statifacetion-report-wrapper div.top-number.fourth{color: #f58634;}
div.jsst-statifacetion-report-wrapper div.top-number.fifth{color: #ea1d22;}

/* feedbacks */
div.jsst-feedback-det-main-wrp {float: left;width: 100%;}
div.jsst-feedback-det-wrp {float: left;width: 100%;}
div.js-ticket-feedback-image {float: right;width: 90px;height: 90px;text-align: center;padding: 8px;border: 1px solid #ebecec;}
div.js-ticket-feedback-msg {float: left;width: 100%;padding: 10px;}
div.js-ticket-feedback-msg span.js-ticket-feedback-msg-title {float: left;margin-right: 5px;color: #23282d;}
div.js-ticket-feedback-msg span.js-ticket-feedback-msg-val {float: left;color: #6c757d;}
/* System Errors */
.jsst-system-error-card {background: #ffffff;border: 1px solid #e2e8f0;border-radius: 6px;padding: 16px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);margin-bottom: 10px;transition: box-shadow 0.2s ease;}
.jsst-system-error-card:hover {box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);}
.jsst-system-error-row {display: flex;align-items: flex-start;margin-bottom: 10px;}
.jsst-system-error-row:last-child {margin-bottom: 0;}
.jsst-support-system-error-icon-badge,
.jsst-ai-badge {display: inline-block;padding: 4px 8px;border-radius: 4px;font-size: 11px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;white-space: nowrap;margin-right: 12px;flex-shrink: 0;}
.system-error-badge-rose {background-color: #fee2e2;color: #dc2626;border: 1px solid #fecaca;}
.jsst-ai-badge {background-color: #e0e7ff;color: #4f46e5;border: 1px solid #c7d2fe;}
.jsst-system-error-txt {font-size: 14px;font-weight: 500;color: #1e293b;line-height: 1.5;word-break: break-word;margin-top: 2px;}
.jsst-system-error-url {font-size: 13px;color: #64748b;word-break: break-all;line-height: 1.5;margin-top: 2px;}
.jsst-system-error-details {margin-top: 15px;border-top: 1px dashed #cbd5e1;padding-top: 12px;}
.jsst-system-error-details summary {font-size: 13px;font-weight: 600;color: #2563eb;cursor: pointer;outline: none;user-select: none;display: flex;align-items: center;}
.jsst-system-error-details summary:hover {color: #1d4ed8;}
.jsst-system-error-expanded {background: #f8fafc;border: 1px solid #e2e8f0;border-radius: 6px;padding: 15px;margin-top: 12px;}
.jsst-system-error-group {margin-bottom: 15px;}
.jsst-system-error-group:last-child {margin-bottom: 0;}
.jsst-system-error-title {font-size: 12px;font-weight: 600;color: #475569;margin-bottom: 6px;text-transform: uppercase;letter-spacing: 0.5px;}
.jsst-system-error-code {font-size: 12px;background: #1e293b;color: #f8fafc;padding: 12px;border-radius: 4px;overflow-x: auto;white-space: pre-wrap;word-wrap: break-word;line-height: 1.6;direction: ltr;}
/* about us */
div.jssst-admin-about-us {float: left;width: 100%;}
div.jssst-admin-about-us div.js-admin-heading {color: #fff;border: 0;}
div.jssst-admin-about-us-cnt {float: left;width: 100%;padding: 0 20px 20px;}
div.jssst-admin-about-us div.jssst-admin-about-author {float: left;width: 100%;margin-bottom: 20px;}
div.jssst-admin-about-author {float: left;width: 100%;}
div.jssst-admin-about-author div.jssst-author-tit {float: left;width: 100%;margin-bottom: 10px;color: #606062;}
div.jssst-admin-about-author div.jssst-author-cnt {float: left;width: 100%;}
div.jssst-admin-about-author div.jssst-author-cnt div.jssst-author-info {float: left;width: 100%;border: 1px solid #ebecec;margin-bottom: -1px;}
div.jssst-admin-about-author div.jssst-author-cnt div.jssst-author-info span.jssst-auth-info-title {float: left;width: 30%;text-align: right;padding: 15px;color: #606062;border-right: 1px solid #ebecec;}
div.jssst-admin-about-author div.jssst-author-cnt div.jssst-author-info span.jssst-auth-info-value {float: left;width: 70%;padding: 15px;color: #23282d;background: #f8fafc;}
div.jssst-admin-author-prdct {float: left;width: 100%;margin-bottom: 20px;}
div.jssst-admin-author-prdct a.jssst-admin-author-prdct-item {display: block;}


/* help page */
div#jsstadmin-data-wrp .jssticketadmin-help-top {float: left;width: 100%;margin-bottom: 20px;padding: 20px;background-color: #fff;}
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left,
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right {float: left;width: calc(100% / 2 - 10px);border: 1px solid #d5d5d6;margin:0 10px;padding: 20px;}
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right {background-color: #FFEDEE;border:1px solid #efabab;margin-right: 0}
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left {margin-left: 0;padding-left: 10px;}
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left .jssticketadmin-help-top-left-cnt-info {padding-left: 10px !important;}
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left .jssticketadmin-help-top-left-cnt-img,
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right .jssticketadmin-help-top-right-cnt-img,
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left .jssticketadmin-help-top-left-cnt-info,
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right .jssticketadmin-help-top-right-cnt-info {float: left;}
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left .jssticketadmin-help-top-left-cnt-img,
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right .jssticketadmin-help-top-right-cnt-img {width: 170px;padding-top: 15px;}
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left .jssticketadmin-help-top-left-cnt-info,
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right .jssticketadmin-help-top-right-cnt-info {width: calc(100% - 170px);padding: 20px 0 20px 20px;}
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left .jssticketadmin-help-top-left-cnt-info h2,
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right .jssticketadmin-help-top-right-cnt-info h2 {font-size: 23px;margin: 0;padding: 8px 0 15px;line-height: 1;}
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left .jssticketadmin-help-top-left-cnt-info p,
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right .jssticketadmin-help-top-right-cnt-info p {margin: 0;padding: 8px 0 0;font-size: 15px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 8px;height: 75px;}
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left .jssticketadmin-help-top-left-cnt-info .jssticketadmin-help-top-middle-action, 
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right .jssticketadmin-help-top-right-cnt-info .jssticketadmin-help-top-middle-action {text-decoration: none;color: inherit;font-size: 14px;border: 1px solid transparent;display: inline-block;padding: 6px 10px;}
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left .jssticketadmin-help-top-left-cnt-info .jssticketadmin-help-top-middle-action {background-color: #fff7f7;border: 1px solid #e75c5c;}
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left .jssticketadmin-help-top-left-cnt-info .jssticketadmin-help-top-middle-action:hover {background-color: #fff;}
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right .jssticketadmin-help-top-right-cnt-info .jssticketadmin-help-top-middle-action {background-color: #ffffff;border: 1px solid #e75c5c;}
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right .jssticketadmin-help-top-right-cnt-info .jssticketadmin-help-top-middle-action:hover {background-color: #fff7f7;}
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left .jssticketadmin-help-top-left-cnt-info .jssticketadmin-help-top-middle-action img, 
div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right .jssticketadmin-help-top-right-cnt-info .jssticketadmin-help-top-middle-action img {margin-right: 8px;}

div#jsstadmin-data-wrp .jssticketadmin-help-btm {float: left;width: 100%;margin-bottom: 20px;padding: 20px;background: #fff;border: 1px solid #ebecec;}
div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp {float: left;width: 100%;margin-bottom: 30px;}
div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp:last-child{margin-bottom: unset;}
div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp h2 {font-size: 32px;margin: 0;padding: 15px 0 30px;overflow: hidden;text-overflow: ellipsis;}
div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp.jssticketadmin-help-sub-category {margin-bottom: unset !important;}
div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp.jssticketadmin-help-sub-category h2 {/*color:#606062;font-size: 24px;margin: 0;padding: 50px 0 35px;*/overflow: hidden;text-overflow: ellipsis;/*font-weight: 500;*/}
div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt {float: left;width: calc(100% / 2 - 10px);margin: 0 10px 10px 0;border: 1px solid #d5d5d6;padding: 10px;}
div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt:hover{box-shadow: 0 0 3px 2px rgb(0 0 0 / 8%)}
div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a {width: 100%;text-decoration: none;color: inherit;}
div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a .jssticketadmin-help-btm-cnt-img {float: left;width: 150px}
div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a .jssticketadmin-help-btm-cnt-title {float: left;width: calc(100% - 150px);}
div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a .jssticketadmin-help-btm-cnt-title span {display: inline-block;font-size: 22px;font-weight: 500;padding: 25px 0 0 5px;line-height: 1.2;}
/*div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a img {margin-right: 8px;float: left;}
div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a span {display: inline-block;padding: 15px 0;}*/

/* themes */
/* 2. HEADER */
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp #theme_heading {padding: 20px 30px;border: 1px solid #DEE2E6;border-bottom-width: 0px;border-top-left-radius:12px;border-top-right-radius:12px;display: flex;justify-content: space-between;align-items: center;background: #fff;flex-shrink: 0;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .job_sharing_text {font-size: 18px;font-weight: 700;color: var(--text-dark);display: flex;align-items: center;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .job_sharing_text::before {content: '';display: inline-block;width: 4px;height: 20px;border-radius: 2px;margin-right: 12px;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp #preset_theme {text-decoration: none;background: #f1f5f9;color: var(--text-gray);border: 1px solid #cbd5e1;padding: 8px 16px;font-size: 13px;font-weight: 600;border-radius: 8px;display: flex;align-items: center;gap: 8px;transition: all 0.2s;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp #preset_theme:hover { background: #e2e8f0; color: var(--text-dark); }
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp #preset_theme img { height: 16px; width: auto; opacity: 0.6; }
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .js_effect_preview_section_mainwrp {display: flex;flex-wrap:wrap;flex: 1;overflow: hidden;border: 1px solid #DEE2E6;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .js_theme_section {padding: 25px;border-right: 1px solid #DEE2E6;overflow-y: auto;background: #f0f0f1;flex-shrink: 0;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .js_theme_heading {display: block;font-size: 12px;text-transform: uppercase;letter-spacing: 0.5px;font-weight: 700;color: #94a3b8;margin-bottom: 20px;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .color_portion {margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #DEE2E6;background: #f0f0f1;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .color_title {display: block;font-size: 14px;font-weight: 600;color: var(--text-dark);margin-bottom: 8px;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .color_portion input[type="text"] {width: 50%;flex: 1 1 auto;height: 45px;border-radius: 8px;border: 1px solid rgba(0,0,0,0.1);padding: 10px 15px 10px 60px;font-family: monospace;font-weight: 600;font-size: 14px;color: #475569;background-color: transparent;cursor: pointer;transition: transform 0.2s, box-shadow 0.2s;z-index: 99;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .color_portion input[type="text"]:focus {outline-offset: 2px;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .color_location {display: block;font-size: 12px;color: var(--text-gray);margin-top: 10px;line-height: 1.4;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .color_submit_button_hide { display: none; }
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .design_preview_column {flex: 1;background-color: var(--bg-gray);padding: 40px;overflow-y: auto;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .preview-box {background: white;border: 1px solid #DEE2E6;border-radius: 8px;overflow: hidden;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);max-width: 900px;margin: 0 auto;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .color_submit_button {display: flex;flex-wrap:wrap;align-items: center;justify-content: space-between;flex-shrink: 0;gap: 20px;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .js-color-submit-button {background-color: #16a34a;color: white;text-decoration: none;padding: 12px 24px;font-size: 14px;font-weight: bold;border-radius: 8px;white-space: nowrap;width: 100%;text-align: center;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .js-color-submit-button:hover {background-color: #15803d;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .js-sugestion-alert-wrp {flex: 1;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .js-sugestion-alert {background: #fffbeb;border: 1px solid #fcd34d;color: #92400e;padding: 10px 15px;font-size: 13px;border-radius: 8px;display: flex;align-items: flex-start;gap: 5px;}
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .p-nav { background-color: var(--p-color-1); padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; }
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .p-btn { background: white; color: var(--p-color-1); border: none; padding: 6px 14px; border-radius: 4px; font-weight: 600; font-size: 13px; }
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .p-logout { border: 1px solid rgba(255,255,255,0.5); color: var(--p-color-7); background: transparent; padding: 6px 14px; border-radius: 4px; font-size: 13px; }
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .p-body { background-color: var(--p-color-3); padding: 30px; min-height: 400px; }
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .p-search { background: white; border: 1px solid var(--p-color-5); padding: 15px; border-radius: 6px; display: flex; gap: 10px; margin-bottom: 25px; }
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .p-input { flex: 1; padding: 8px 12px; border: 1px solid #e2e8f0; border-radius: 4px; color: var(--p-color-4); }
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .p-list-head { background: var(--p-color-2); color: var(--p-color-7); padding: 15px 20px; display: flex; justify-content: space-between; font-weight: 600; border-radius: 6px 6px 0 0; }
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .p-ticket-card { background: white; padding: 20px; border: 1px solid #e2e8f0; border-top: none; display: flex; gap: 20px; }
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .p-ticket-title { color: var(--p-color-2); font-weight: 700; font-size: 16px; margin-bottom: 5px; }
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .p-ticket-desc { color: var(--p-color-4); font-size: 14px; }
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .p-btn-action { background: var(--p-color-6); color: var(--p-color-2); border: none; padding: 8px 16px; border-radius: 4px; font-weight: 600; font-size: 13px; cursor: pointer; }
.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp .p-btn-action:hover { opacity: 0.9; }
/* info message */
div.js-sugestion-alert-wrp{display:flex;align-items: baseline;margin:30px auto 0 auto;max-width: 520px; padding: 15px;background: #feffdb;font-size: 14px;}
div.color_submit_button_hide{margin-bottom: 20px;display: inline-block;}

/* add on list */
div.jsstadmin-add-on-page-wrapper {padding-right: 0 !important;}
div.jsstadmin-add-on-page-wrp {float: left;width: 100%;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-banner {float: left;width: 100%;position: relative;height: 400px;text-align: center;padding: 3% 0;z-index: 0;background: url('../images/add-on-list/top-bg.png') no-repeat;background-size: cover;background-position: bottom left;}
div.jsstadmin-add-on-page-wrp div.add-on-banner img.add-on-banner-left-img {max-width: 100%;height: 100%;position: absolute;left: 0;}
div.jsstadmin-add-on-page-wrp div.add-on-banner img.add-on-banner-right-img {max-width: 100%;height: 100%;position: absolute;right: 0;z-index: -1;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt {float: left;width: 100%;padding: 0 30px 30px;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-sec-header {float: left;width: 100%;padding: 50px 0 30px;text-align: center;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-sec-header .add-on-header-tit {line-height: initial;margin: 0 0 15px;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-msg {float: left;width: 100%;padding: 15px;background: #f3f2ff;border-top: 2px solid #645ecf;border-bottom: 2px solid #e0e0e0;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-msg .add-on-msg-txt {float: left;margin: 10px 0;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-msg a.add-on-msg-btn {float: right;padding: 10px 15px;font-size: 16px;font-weight: bold;text-decoration: none !important;text-transform: capitalize;background: #fecb19;color: #444 !important;box-shadow: 0px 2px 0 0 rgba(0,0,0,0.5);}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list {float: left;width: 100%;padding: 15px 0 50px;border-bottom: 2px solid #dbdbda;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item {float: left;width: calc(100% / 3 - 20px);margin: 10px;padding: 20px 15px;height: 360px;text-align: center;background: #f1f1f1;border: 1px solid #ebebeb;transition: all .3s ease;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item:hover {border-color: #563d67;background: #fff;box-shadow: 0 0 25px 0 rgba(0,0,0,0.5	);}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item img.add-on-img {margin-bottom: 20px;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item div.add-on-name {margin-bottom: 20px;font-size: 16px;color: #23282d;font-weight: bold;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item div.add-on-price {margin-bottom: 25px;font-weight: 700;font-size: 45px;line-height: initial;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item div.add-on-txt {line-height: 1.8;min-height: 85px;color: #6a6d6f;font-size: 14px;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item a.add-on-btn {display: inline-block;padding: 15px;width: 100%;text-transform: uppercase;text-decoration: none !important;border: 1px solid transparent;color: #fff !important;transition: all .3s ease;font-weight: bold;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list {float: left;width: 100%;padding-top: 30px;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item {float: left;width: calc(100% / 3 - 20px);margin: 10px;text-align: center;border: 1px solid #ebebeb;transition: all .3s ease;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item:hover {box-shadow: 0 0 25px 0 rgba(0,0,0,0.5	);}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-name {padding: 15px 0;position: relative;z-index: 2;font-weight: 700;font-size: 30px;line-height: 35px;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-price {padding: 30px 0;position: relative;z-index: 2;font-weight: 700;font-size: 36px;line-height: initial;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-price span {display: inline-block;margin-left: 3px;font-size: 18px;font-weight: normal;vertical-align: middle;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item ul.add-on-bundle-pack-feat {margin: 0;padding: 0;list-style: none;background: #f1f1f1;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item ul.add-on-bundle-pack-feat li {padding: 15px 0;margin: 0;border-bottom: 1px solid #dedede;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item ul.add-on-bundle-pack-feat li a {text-transform: capitalize;text-decoration: underline;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-btn {padding: 15px;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item div.add-on-bundle-pack-btn a {display: inline-block;padding: 15px;width: 100%;text-transform: uppercase;font-size: 16px;font-weight: 700;text-decoration: none !important;border: 2px solid ;color: #fff !important;transition: all .3s ease;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic:hover {border-color: #00a859;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic div.add-on-bundle-pack-name {background: #0f874f;color: #fff;box-shadow: 0 3px 0px rgba(10, 128, 73);}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic div.add-on-bundle-pack-price {background: #00a859;color: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic ul.add-on-bundle-pack-feat li a {color: #00a859;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic div.add-on-bundle-pack-btn a {background: #00a859;border-color: #00a859;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.basic div.add-on-bundle-pack-btn a:hover {background: #fff;color: #00a859 !important;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard:hover {border-color: #e7015e;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard div.add-on-bundle-pack-name {background: #b60f52;color: #fff;box-shadow: 0 3px 0 rgb(174, 0, 70);}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard div.add-on-bundle-pack-price {background: #e7015e;color: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard ul.add-on-bundle-pack-feat li a {color: #e7015e;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard div.add-on-bundle-pack-btn a {background: #e7015e;border-color: #e7015e;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.standard div.add-on-bundle-pack-btn a:hover {background: #fff;color: #e7015e !important;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional:hover {border-color: #3b1d82;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional div.add-on-bundle-pack-name {background: #48415f;color: #fff;box-shadow: 0 3px 0 rgb(71, 56, 117);}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional div.add-on-bundle-pack-price {background: #4f4670;color: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional ul.add-on-bundle-pack-feat li a {color: #3b1d82;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional div.add-on-bundle-pack-btn a {background: #3b1d82;border-color: #3b1d82;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item.professional div.add-on-bundle-pack-btn a:hover {background: #fff;color: #3b1d82 !important;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.announcements .add-on-price {color: #ed3237;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.announcements a.add-on-btn {background: #ed3237;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.announcements a.add-on-btn:hover {border-color: #ed3237;color: #ed3237 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.ban-email .add-on-price {color: #4683e8;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.ban-email a.add-on-btn {background: #4683e8;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.ban-email a.add-on-btn:hover {border-color: #4683e8;color: #4683e8 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.downloads .add-on-price {color: #3b3b3b;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.downloads a.add-on-btn {background: #3b3b3b;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.downloads a.add-on-btn:hover {border-color: #3b3b3b;color: #563d67 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.export .add-on-price {color: #ff6000;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.export a.add-on-btn {background: #ff6000;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.export a.add-on-btn:hover {border-color: #ff6000;color: #ff6000 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.faq .add-on-price {color: #337abf;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.faq a.add-on-btn {background: #337abf;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.faq a.add-on-btn:hover {border-color: #337abf;color: #337abf !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.feedback .add-on-price {color: #c52a2f;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.feedback a.add-on-btn {background: #c52a2f;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.feedback a.add-on-btn:hover {border-color: #c52a2f;color: #c52a2f !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.help-topic .add-on-price {color: #4f4670;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.help-topic a.add-on-btn {background: #4f4670;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.help-topic a.add-on-btn:hover {border-color: #4f4670;color: #4f4670 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.private-note .add-on-price {color: #00a859;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.private-note a.add-on-btn {background: #00a859;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.private-note a.add-on-btn:hover {border-color: #00a859;color: #00a859 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.kb .add-on-price {color: #ed3237;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.kb a.add-on-btn {background: #ed3237;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.kb a.add-on-btn:hover {border-color: #ed3237;color: #ed3237 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.merge-tkt .add-on-price {color: #ff4a00;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.merge-tkt a.add-on-btn {background: #ff4a00;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.merge-tkt a.add-on-btn:hover {border-color: #ff4a00;color: #ff4a00 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.canned-resp .add-on-price {color: #e7015e;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.canned-resp a.add-on-btn {background: #e7015e;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.canned-resp a.add-on-btn:hover {border-color: #e7015e;color: #e7015e !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.overdue-tkt .add-on-price {color: #003953;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.overdue-tkt a.add-on-btn {background: #003953;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.overdue-tkt a.add-on-btn:hover {border-color: #003953;color: #003953 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.tkt-actions .add-on-price {color: #20864f;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.tkt-actions a.add-on-btn {background: #20864f;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.tkt-actions a.add-on-btn:hover {border-color: #20864f;color: #20864f !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.smtp .add-on-price {color: #4683e8;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.smtp a.add-on-btn {background: #4683e8;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.smtp a.add-on-btn:hover {border-color: #4683e8;color: #4683e8 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.multilanguagetemplate .add-on-price {color: #63ea86;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.multilanguagetemplate a.add-on-btn {background: #63ea86;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.multilanguagetemplate a.add-on-btn:hover {border-color: #63ea86;color: #63ea86 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.themes .add-on-price {color: #563d67;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.themes a.add-on-btn {background: #563d67;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.themes a.add-on-btn:hover {border-color: #563d67;color: #563d67 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.tkt-histry .add-on-price {color: #ed4c5c;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.tkt-histry a.add-on-btn {background: #ed4c5c;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.tkt-histry a.add-on-btn:hover {border-color: #ed4c5c;color: #ed4c5c !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.email-piping .add-on-price {color: #da4234;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.email-piping a.add-on-btn {background: #da4234;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.email-piping a.add-on-btn:hover {border-color: #da4234;color: #da4234 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.time-tracking .add-on-price {color: #252525;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.time-tracking a.add-on-btn {background: #252525;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.time-tracking a.add-on-btn:hover {border-color: #252525;color: #252525 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.close-tkt .add-on-price {color: #ee5151;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.close-tkt a.add-on-btn {background: #ee5151;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.close-tkt a.add-on-btn:hover {border-color: #ee5151;color: #ee5151 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.admin-widg .add-on-price {color: #36b549;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.admin-widg a.add-on-btn {background: #36b549;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.admin-widg a.add-on-btn:hover {border-color: #36b549;color: #36b549 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.internal-mail .add-on-price {color: #457faf;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.internal-mail a.add-on-btn {background: #457faf;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.internal-mail a.add-on-btn:hover {border-color: #457faf;color: #457faf !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.max-tkt .add-on-price {color: #f2a326;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.max-tkt a.add-on-btn {background: #f2a326;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.max-tkt a.add-on-btn:hover {border-color: #f2a326;color: #f2a326 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.desk-notif .add-on-price {color: #eb1d24;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.desk-notif a.add-on-btn {background: #eb1d24;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.desk-notif a.add-on-btn:hover {border-color: #eb1d24;color: #eb1d24 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.agent .add-on-price {color: #3b4c56;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.aipoweredreply a.add-on-btn {background: #4ead96;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.aipoweredreply a.add-on-btn:hover {border-color: #4ead96;color: #4ead96 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.agent a.add-on-btn {background: #3b4c56;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.agent a.add-on-btn:hover {border-color: #3b4c56;color: #3b4c56 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.user-opt .add-on-price {color: #fa644f;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.user-opt a.add-on-btn {background: #fa644f;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.user-opt a.add-on-btn:hover {border-color: #fa644f;color: #fa644f !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.fe-widget .add-on-price {color: #250d9e;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.fe-widget a.add-on-btn {background: #250d9e;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.fe-widget a.add-on-btn:hover {border-color: #250d9e;color: #250d9e !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.paid-support .add-on-price {color: #6dbbe5;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.paid-support a.add-on-btn {background: #6dbbe5;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.paid-support a.add-on-btn:hover {border-color: #6dbbe5;color: #6dbbe5 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.envato .add-on-price {color: #7cb442;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.envato a.add-on-btn {background: #7cb442;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.envato a.add-on-btn:hover {border-color: #7cb442;color: #7cb442 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.mail-chimp .add-on-price {color: #644741;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.mail-chimp a.add-on-btn {background: #644741;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.mail-chimp a.add-on-btn:hover {border-color: #644741;color: #644741 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.easy-digi-dwnlds .add-on-price {color: #30518d;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.easy-digi-dwnlds a.add-on-btn {background: #30518d;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.easy-digi-dwnlds a.add-on-btn:hover {border-color: #30518d;color: #30518d !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.email-cc a.add-on-btn:hover {border-color: #cc9832;color: #cc9832 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.email-cc a.add-on-btn {background: #cc9832;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.multiform .add-on-price {color: #78a2d2;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.multiform a.add-on-btn:hover {border-color: #78a2d2;color: #78a2d2 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.multiform a.add-on-btn {background: #78a2d2;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.agentautoassign .add-on-price {color: #465c6a;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.agentautoassign a.add-on-btn:hover {border-color: #465c6a;color: #465c6a !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.agentautoassign a.add-on-btn {background: #465c6a;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.sociallogin .add-on-price {color: #30518d;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.sociallogin a.add-on-btn {background: #0f8029;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.sociallogin a.add-on-btn:hover {border-color: #0f8029;color: #0f8029 !important;background: #fff;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.autocleanup a.add-on-btn {background: #2c7be5;}
div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item.autocleanup a.add-on-btn:hover {border-color: #2c7be5;color: #2c7be5 !important;background: #fff;}


.jsst-addon-go-back-messsage-wrap {display: inline-block;width: 100%;text-align: center;padding: 30px;}
.jsst-addon-go-back-messsage-wrap h1 {display: inline-block;width: 100%;text-align: center;}
div#jsstadmin-data .jsst-addon-go-back-messsage-wrap a.jsst-addon-go-back-link {margin-top: 15px;padding: 5px 15px;display: inline-block;padding: 10px 30px;background: #000;color: #fff;border: 1px solid #ebecec;font-weight: bold;text-decoration: none;}

/* installer */ 
div#jsst-lower-wrapper {width: 100%;display: flex;} 
div.jsst-addon-installer-wrapper {background-image: url('../images/addon-images/addon-installer-main-bg.png');background-size: cover;background-position: center;background-repeat: no-repeat;background-color: #f5f5fd;width: 100%;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap {display:flex;flex-direction: column;align-items: center;justify-content: center; width:100%;padding:50px 30px 20px 30px;}
div.jsst-addon-installer-wrapper form{width: 100%;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-heading {text-align: center;font-size: 35px;line-height: 45px;display: flex;align-items: center;justify-content: center;font-weight: bold;padding-bottom: 35px;margin-bottom: 40px; width: 70%;border-bottom: 1px solid #ccc;flex: 1 1 auto;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-key-section div.jsst-addon-installer-right-key-label {display:flex;width: 100%;justify-content: center;text-align: center;font-size: 22px;line-height: 32px; font-weight: bold;padding-bottom: 30px;}
div#jsstadmin-data-wrp.jsst-addon-installer-mainwrp{width: 100%;margin: 0;background:linear-gradient(to right, rgb(22, 53, 226), rgb(132, 92, 220));padding: 40px 50px 50px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap .jsst-addon-installer-left-image-wrap{display: flex;align-items: center;justify-content: center;width: 100%;padding-bottom: 40px;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap .jsst-addon-installer-left-image-wrap img{max-width: 100%;width: 180px;height: auto;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-key-section {display:flex;align-items: center;justify-content: center;flex-direction: column; width: 100%;text-align: center;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-key-section div.jsst-addon-installer-right-key-field {display:flex;align-items: center;flex-direction: column;gap: 15px; justify-content: center;flex: 1 1 auto;margin-bottom: 50px;width: 55%;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-key-section div.jsst-addon-installer-right-key-field input.jsst_key_field {display:flex;width: 100%;min-height: 55px;background: #fff;color: #000;border-radius: 2px;border: 1px solid #ededf0;justify-content: center;text-align: center;font-weight: bold;}
div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-key-section div.jsst-addon-installer-right-key-button button {display:flex;justify-content: center;text-align: center; padding: 15px 30px;background: linear-gradient(to right, rgb(22, 53, 226), rgb(132, 92, 220));color: #fff;border:unset;font-weight: bold;font-size: 18px;cursor: pointer;width: 65%;min-height: 55px;border-radius: 6px;border: 1px solid transparent;}
div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-key-section div.jsst-addon-installer-right-key-button button:hover{background:linear-gradient(to right, #fff, #fff);color: #000;border-color: #000;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-key-section div.jsst-addon-installer-right-key-button {display: flex;align-items: center;justify-content: center;width: 100%;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-description {display: flex;align-items: center;justify-content: center; text-align: center;width: 100%;font-size: 16px;color: #fff;margin:50px 0 20px 0;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-description .jsst-addon-installer-install-btn {display: flex;align-items: center;justify-content: center;text-align: center; padding: 15px 30px;background: #000;color: #fff;border: 1px solid #000;cursor: pointer;text-decoration: none;min-height: 55px;border-radius: 6px;width: 200px;font-weight: bold;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-description .jsst-addon-installer-install-btn:hover {background:#fff;color: #000;border: 1px solid #000;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper {display:flex;flex-wrap: wrap; align-items: center;justify-content: center; width: 100%;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap .jsst-addon-go-back-messsage-wrap {display:flex;align-items: center;justify-content: center;text-align: center;flex-direction: column; width: 100%;text-align: center;padding:0px;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap .jsst-addon-go-back-messsage-wrap span{display: flex;font-size: 25px;font-weight: bold;line-height: 45px;}
div#jsstadmin-data .jsst-addon-go-back-messsage-wrap a.jsst-addon-go-back-link {display: flex;align-items: center;justify-content: center;text-align: center;padding: 15px 30px;background: #000;color: #fff;border: 1px solid #000;cursor: pointer;text-decoration: none;min-height: 55px;border-radius: 6px;width: 200px;font-weight: bold;margin-top: 25px;font-size: 18px;font-weight: bold;margin-bottom: 20px;}
div#jsstadmin-data .jsst-addon-go-back-messsage-wrap a.jsst-addon-go-back-link:hover{background: #fff;color: #000;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper div.jsst-addon-installer-right-addon-section{display: flex;gap: 15px; width: 100%;overflow-y: auto;flex-wrap: wrap;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-key-section div.jsst-addon-installer-right-key-field div.jsst-addon-installer-right-key-field-message {display:flex;align-items: center;justify-content: center;gap: 10px; width: 100%;padding: 10px 15px;border: 1px solid red;background: #FFBABA;color: red;font-size: 15px;min-height: 55px;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper div.jsst-addon-installer-right-addon-section div.jsst-addon-installer-right-addon-single{display:flex;flex-direction: column; width: 100%;width: calc( (100% / 3) - 10px); background: #f5f5f5;position: relative;min-height: 185px;margin-bottom: 15px;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper div.jsst-addon-installer-right-addon-section div.jsst-addon-installer-right-addon-single .jsst-addon-installer-right-addon-single-checkbox{margin-right: 0;width: 24px;min-width: 24px; height: 25px;border:1px solid #dfdfdf;border-radius: 2px;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper div.jsst-addon-installer-right-addon-section div.jsst-addon-installer-right-addon-single .jsst-addon-installer-right-addon-single-checkbox::before{width: 100%;height: 100%;margin: 0;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper div.jsst-addon-installer-right-addon-section div.jsst-addon-installer-right-addon-single .jsst-addon-installer-addons-btmwrp{display: flex;align-items: center;gap: 10px;width: 100%;border: 1px solid #dfdfdf;border-top-width: 0px;padding: 12px 10px;font-size: 18px;font-weight: bold;background-color: #fff;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper div.jsst-addon-installer-right-addon-section div.jsst-addon-installer-right-addon-single div.jsst-addon-installer-right-addon-name{display:flex; width:fit-content;text-align: start;padding:0 5px;font-size: 18px;font-weight: bold;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper .jsst-addon-installer-right-addon-title-wrp{display: flex;align-items: center;justify-content: space-between;gap: 20px;padding: 15px 0;margin-bottom: 40px;border-bottom: 1px solid #ccc; flex-wrap: wrap;width: 100%;} 
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper div.jsst-addon-installer-right-addon-title{font-weight: bold;background: #f5f5f5;font-size: 25px;line-height: 35px;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper div.jsst-addon-installer-right-addon-bottom label{display: flex;align-items: center;gap: 15px;background: #fff;padding: 15px 20px;font-size: 16px;font-weight: bold;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper div.jsst-addon-installer-right-addon-bottom label input{margin-right: 0;width: 24px;height: 25px;border:1px solid #dfdfdf;border-radius: 2px;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper div.jsst-addon-installer-right-addon-bottom label input::before{width: 100%;height: 100%;margin: 0;}
/* div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap.step2 div.jsst-addon-installer-right-heading{border-color: #fff;} */
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-button{display: flex;align-items: center;justify-content: center;text-align: center;width: 100%;padding-top: 40px;border-top: 1px solid #ccc;margin-top: 40px;margin-bottom: 20px;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-button button.jsst_btn {display: flex;justify-content: center;text-align: center;padding: 15px 30px;background: linear-gradient(to right, rgb(22, 53, 226), rgb(132, 92, 220));color: #fff;border: unset;font-weight: bold;font-size: 18px;cursor: pointer;width: 65%;min-height: 55px;border-radius: 6px;border: 1px solid transparent;}
div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-button button.jsst_btn:hover{background: linear-gradient(to right, #fff, #fff);color: #000;border-color: #000;}
div.jsst-addon-installer-wrapper.step3 {width: 100%;position: relative;padding: 60px 50px;}
div.jsst-addon-installer-wrapper.step3 div.jsst-addon-installer-left-heading {text-align: center;font-size: 30px;line-height: 40px;display: flex;align-items: center;justify-content: center;font-weight: bold;padding-top: 35px;margin:0 auto 20px;width: 70%;border-top: 1px solid #ccc;flex: 1 1 auto;}
div.jsst-addon-installer-wrapper.step3 div.jsst-addon-installer-left-description {display:flex;justify-content: center;text-align: center; width: 100%;font-size: 18px;line-height: 30px;text-align: center;}
div.jsst-addon-installer-wrapper.step3 div.jsst-addon-installer-left-image-wrap {display: flex;align-items: center;justify-content: center;width: 100%;padding-bottom: 40px;}
div.jsst-addon-installer-wrapper.step3 div.jsst-addon-installer-left-image-wrap img{max-width: 100%;width: 180px;height: auto;}
div.jsst-addon-installer-wrapper.step3 div.jsst-addon-installer-right-button {display: flex;align-items: center;justify-content: center;width: 100%;padding-top: 35px;}
div#jsstadmin-data div.jsst-addon-installer-wrapper.step3 div.jsst-addon-installer-right-button a {display: flex;justify-content: center;text-align: center;padding: 15px 30px;background: linear-gradient(to right, rgb(22, 53, 226), rgb(132, 92, 220));color: #fff;border: unset;font-weight: bold;font-size: 18px;cursor: pointer;width: 65%;min-height: 55px;border-radius: 6px;border: 1px solid transparent;text-decoration: unset;}
div#jsstadmin-data div.jsst-addon-installer-wrapper.step3 div.jsst-addon-installer-right-button a:hover{background: linear-gradient(to right, #fff, #fff);color: #000;border-color: #000;}
div.post-installtion-wllecome-pgewrp {background-color: #e5e8fc;display: flex;flex-direction: column;text-align: center;width: 100%;align-items: center;justify-content: center;width: 100%;padding: 20px 0;background-image: url("../images/postinstallation/bg-installer.png");background-size: 100% 100%;background-repeat: no-repeat;background-position: center;padding-top: 50px;}
div.post-installtion-wllecome-pgewrp .post-installtion-wllecome-pgetxt{display: flex;flex-direction: column;padding-top: 30px;}
div.post-installtion-wllecome-pgewrp .post-installtion-wllecome-pgetxt .post-installtion-wllecome-pgetitle{font-size: 35px;line-height: 46px;font-weight: bold;color: #000;}
div.post-installtion-wllecome-pgewrp .post-installtion-wllecome-pgetxt .post-installtion-wllecome-pgedisc{font-size: 18px;line-height: 28px;color: #000;margin: 20px 0 40px;}
div.post-installtion-wllecome-pgewrp .post-installtion-wllecome-settingbtnwrp{display: flex;align-items: center;justify-content: center;width: 100%;}
div.post-installtion-wllecome-pgewrp .post-installtion-wllecome-settingbtnwrp a{display: flex;align-items: center; justify-content: center;text-align: center;padding: 15px 30px;background: linear-gradient(to right, rgb(22, 53, 226), rgb(132, 92, 220));color: #fff;border: unset;font-weight: bold;font-size: 18px;cursor: pointer;width: 65%;min-height: 55px;border-radius: 6px;border: 1px solid transparent;text-decoration: unset;}
div.post-installtion-wllecome-pgewrp .post-installtion-wllecome-settingbtnwrp a:hover{background: linear-gradient(to right, #fff, #fff);color: #000;border-color: #000;}
div.post-installtion-wllecome-pgewrp .post-installtion-wllecome-pgedassbrd-btnwrp{display: flex;align-items: center;justify-content: center;width: 100%;margin-top: 40px;margin-bottom: 70px;}
div.post-installtion-wllecome-pgewrp .post-installtion-wllecome-pgedassbrd-btnwrp a{display: flex;align-items: center; justify-content: center;text-align: center;padding: 15px 30px;background: #000;color: #fff;border: unset;font-weight: bold;font-size: 18px;cursor: pointer;min-height: 55px;border-radius: 6px;border: 1px solid transparent;text-decoration: unset;}
div.post-installtion-wllecome-pgewrp .post-installtion-wllecome-pgedassbrd-btnwrp a:hover{background: #fff;color: #000;border-color: #000;}

/* controle panel */
div#js-main-cp-wrapper {float: left;width: 100%;}
div.js-cp-cnt-sec {float: left;width: 100%;}
div.js-cp-cnt-left {float: left;width: 70%;padding-right: 20px;}
#js-total-count-cp {float: left;width: 100%;padding: 15px;background: #fff;border: 1px solid #ebecec;}
div#js-main-cp-wrapper div.js-ticket-count {padding: 15px;box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.06);}
div#js-main-cp-wrapper div.js-ticket-count div.js-ticket-link {width: calc(100% / 4);}
div#js-main-cp-wrapper div.js-cp-cnt {float: left;width: 100%;background: #fff;border: 1px solid #ebecec;margin-bottom: 20px;box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.06);}
div#js-main-cp-wrapper div.js-cp-cnt-title {float: left;width: 100%;padding: 20px;border-bottom: 1px solid #ebecec;}
div#js-main-cp-wrapper div.js-cp-cnt-title span.js-cp-cnt-title-txt {float: left;line-height: initial;color: #23282d;font-size: 20px;}
div#js-main-cp-wrapper div.js-cp-cnt-title a.js-cp-cnt-title-btn {float: right;padding: 10px;border: 1px solid #ebecec;color: #23282d;text-decoration: none;}
div#js-main-cp-wrapper div.js-cp-cnt-title a.js-cp-cnt-title-btn:hover {border-color: #4f46e5;}
div#js-pm-grapharea {float: left;width: 100%;padding: 0 10px;}
div#bar_chart {float: left;width: 100%;height: 100px;}
div.js-cp-cnt-right {float: left;width: 30%;}
div#js-wrapper-menus {float: left;width: 100%;padding: 10px;}
div#js-wrapper-menus a.js-admin-menu-link {float: left;width: 100%;padding: 10px 0;border-bottom: 1px solid #ebecec;color: #23282d;}
div#js-wrapper-menus a.js-admin-menu-link:hover {color: #4f46e5;}
div#js-wrapper-menus a.js-admin-menu-link:first-child {padding-top: 0;}
div#js-wrapper-menus a.js-admin-menu-link:last-child {padding-bottom: 0;border: 0;}
div#js-wrapper-menus a.js-admin-menu-link img.jsmenu-img {display: inline-block;margin-right: 5px;}
div#js-wrapper-menus a.js-admin-menu-link div.jsmenu-text {display: inline-block;vertical-align: middle;}
div.js-cp-video-baner {background: url('../images/video-banner-bg.png') no-repeat right center / cover;padding: 30px 25px 10px;position: relative;overflow: hidden;margin-bottom: 20px;min-height: 225px;position: relative;}
div.js-cp-video-baner div.js-cp-video-baner-cnt {float: left;width: 100%;color: #fff;position: relative;z-index: 1;}
div.js-cp-video-baner div.js-cp-video-baner-cnt div.js-cp-video-baner-tit {font-size: 32px;margin-bottom: 15px;line-height: initial;}
div.js-cp-video-baner div.js-cp-video-baner-cnt div.js-cp-video-baner-desc {margin-bottom: 15px;line-height: 1.8;font-size: 14px;}
div.js-cp-video-baner div.js-cp-video-baner-cnt div.js-cp-video-baner-btn-wrp {margin-top: 70px;}
div.js-cp-video-baner div.js-cp-video-baner-cnt div.js-cp-video-baner-btn-wrp a.js-cp-video-baner-btn {display: inline-block;padding: 12px;text-align: center;text-decoration: none;min-width: 130px;background: #2975c4;color: #fff;box-shadow: 0 0 4px 1px rgba(0,0,0,0.2) !important;font-size: 14px;}
div.js-cp-video-baner div.js-cp-video-baner-cnt div.js-cp-video-baner-btn-wrp a.js-cp-video-baner-btn img {margin-right: 5px;}
div.js-cp-video-baner div.js-cp-video-baner-cnt div.js-cp-video-baner-btn-wrp a.js-cp-video-baner-btn:hover {color: #2975c4;background: #fff !important;}
div.js-cp-video-baner img.js-cp-video-baner-close-img {position: absolute;right: 10px;top: 10px;z-index: 1;cursor: pointer;}
div.js-update-alert-wrp {float: left;width: 100%;padding: 12px 10px;border: 2px solid #cac23d;border-left: 5px solid #cac23d;background-color: #f9f186;margin-bottom: 20px;}
div.js-update-alert-wrp div.js-update-alert-image {float: left;width: 50px;text-align: center;}
div.js-update-alert-wrp div.js-update-alert-cnt {float: left;width: calc(100% - 250px);padding: 13px 0 0 10px;font-size: 17px;line-height: initial;color: #23282d;font-weight: 600;}
div.js-update-alert-wrp a.js-update-alert-btn {float: right;text-decoration: none;color: #fff;background: #373435;padding: 10px 25px;text-align: center;margin-top: 6px;border-radius: 4px;font-weight: 600;}
div.js-update-alert-wrp a.js-update-alert-btn:hover {color: #f9f186;}
div.js-cp-baner {background: url('../images/bg.jpg') repeat center;padding: 20px 25px 25px;position: relative;overflow: hidden;margin-bottom: 20px;background-size: cover;}
div.js-cp-baner div.js-cp-baner-cnt {float: left;width: 50%;color: #fff;position: relative;z-index: 1;}
div.js-cp-baner div.js-cp-baner-cnt div.js-cp-banner-tit-bold {text-transform: uppercase;font-weight: bold;font-size: 36px;line-height: initial;margin-bottom: 15px;}
div.js-cp-baner div.js-cp-baner-cnt div.js-cp-banner-tit {font-size: 26px;margin-bottom: 15px;line-height: initial;}
div.js-cp-baner div.js-cp-baner-cnt div.js-cp-banner-desc {margin-bottom: 15px;line-height: 1.8;}
div.js-cp-baner div.js-cp-baner-cnt div.js-cp-banner-btn-wrp a.js-cp-banner-btn {display: inline-block;padding: 12px;margin-right: 5px;text-align: center;text-decoration: none;min-width: 130px;background: #fff;color: #23282d;box-shadow: 0 0 4px 1px rgba(0,0,0,0.2) !important;}
div.js-cp-baner div.js-cp-baner-cnt div.js-cp-banner-btn-wrp a.js-cp-banner-btn:hover {color: #4f46e5;}
div.js-cp-baner div.js-cp-baner-cnt div.js-cp-banner-btn-wrp a.js-cp-banner-btn.orange-bg:hover {color: #e07f09;background: #fff !important;}
div.js-cp-baner img.js-cp-baner-img {position: absolute;right: 0;max-width: 50%;width: 100%;top: 20px;margin: auto;bottom: 0;z-index: 0;}
div.js-cp-tkt {background: #fff;border: 1px solid #ebecec;box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.06);margin-bottom: 20px;}
div.js-cp-tkt div.js-cp-cnt-title {padding: 10px 15px !important;}
div.js-cp-tkt div.js-cp-cnt-title span.js-cp-cnt-title-txt {padding: 10px 0;}
div.js-ticket-admin-cp-tickets {float: left;width: 100%;}
div.js-cp-tkt-list {float: left;width: 100%;padding: 10px 15px;border-bottom: 1px dashed #ebecec;}
div.js-cp-tkt-list:last-child {border-bottom: 0;}
div.js-cp-tkt-list div.js-cp-tkt-list-left {float: left;width: 50%;}
div.js-cp-tkt-list div.js-cp-tkt-list-left div.js-cp-tkt-image {float: left;width: 100px;height: 80px;border-radius: 100%;text-align: center;}
div.js-cp-tkt-list div.js-cp-tkt-list-left div.js-cp-tkt-image img {border-radius: 100%;height: 80px;width: 80px;}
div.js-cp-tkt-list div.js-cp-tkt-list-left div.js-cp-tkt-cnt {float: left;width: calc(100% - 100px);padding-left: 10px;}
div.js-cp-tkt-list div.js-cp-tkt-list-left div.js-cp-tkt-cnt div.js-cp-tkt-info {padding-bottom: 8px;color: #6c757d;}
div.js-cp-tkt-list div.js-cp-tkt-list-left div.js-cp-tkt-cnt div.js-cp-tkt-info a {color: #6c757d;}
div.js-cp-tkt-list div.js-cp-tkt-list-left div.js-cp-tkt-cnt div.js-cp-tkt-info.name {color: #6c757d;text-transform: capitalize;}
div.js-cp-tkt-list div.js-cp-tkt-list-left div.js-cp-tkt-cnt div.js-cp-tkt-info.subject a {display: inline-block;width: 95%;color:#4f46e5; height: 17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-decoration: underline;font-weight: 500; text-transform: capitalize;font-size: 15px;}
div.js-cp-tkt-list div.js-cp-tkt-list-left div.js-cp-tkt-cnt div.js-cp-tkt-info:last-child {padding-bottom: 0;}
div.js-cp-tkt-list div.js-cp-tkt-list-left div.js-cp-tkt-cnt div.js-cp-tkt-info span.js-cp-tkt-info-label {display: inline-block;margin-right: 5px;color: #23282d;}
div.js-cp-tkt-list .js-cp-tkt-status {float: left;width: 20%;text-align: center;margin-top: 30px;}
div.js-cp-tkt-list .js-cp-tkt-status span {display: inline-block;padding: 7px 12px;min-width: 90px;background: #f8fafc;border: 1px solid #ebecec;text-transform: uppercase;font-weight: bold;}
div.js-cp-tkt-list .js-cp-tkt-prorty {float: left;width: 15%;text-align: center;margin-top: 30px;}
div.js-cp-tkt-list .js-cp-tkt-prorty span {display: inline-block;padding: 7px 12px;min-width: 90px;color: #fff;text-transform: uppercase;font-weight: bold;}
div.js-cp-tkt-list .js-cp-tkt-crted {float: left;width: 15%;text-align: center;color: #6c757d;margin-top: 40px;}
div.js-cp-fed-ad-wrp {float: left;width: 100%;margin-bottom: 20px;}
div.js-cp-feedback-wrp {float: left;width: calc(50% - 10px);margin-right: 10px;background: #fff;border: 1px solid #ebecec;box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.06);}
div.js-cp-feedback-list {float: left;width: 100%;padding: 10px;height: 550px;overflow-x: hidden;overflow-y: scroll;}
div.js-cp-feedback-list div.js-cp-feedback {float: left;width: 100%;padding: 10px 0;border-bottom: 1px dashed #ebecec;}
.js-cp-feedback:last-child {border-bottom: 0;}
div.js-cp-feedback div.js-cp-feedback-image {float: left;width: 100px;height: 80px;border-radius: 100%;text-align: center;}
div.js-cp-feedback div.js-cp-feedback-image img.js-cp-feedback-img {border-radius: 100%;height: 80px;width: 80px;}
div.js-cp-feedback div.js-cp-feedback-cnt {float: left;width: calc(100% - 100px);padding: 7px 15px 0;}
div.js-cp-feedback div.js-cp-feedback-cnt div.js-cp-feedback-row {float: left;width: 100%;padding-bottom: 8px;color: #6c757d;}
div.js-cp-feedback div.js-cp-feedback-cnt div.js-cp-feedback-row:last-child {padding: 0;}
div.js-cp-feedback div.js-cp-feedback-cnt div.js-cp-feedback-row span.js-cp-feedback-type {display: inline-block;font-size: 18px;line-height: initial;color: #23282d;}
div.js-cp-feedback div.js-cp-feedback-cnt div.js-cp-feedback-row span.js-cp-feedback-tit {display: inline-block;color: #6c757d;}
div.js-cp-feedback div.js-cp-feedback-cnt div.js-cp-feedback-row span.js-cp-feedback-val {display: inline-block;color: #6c757d;margin-left: 3px;}
div.js-cp-feedback div.js-cp-feedback-cnt div.js-cp-feedback-row span.js-cp-feedback-crt-date {display: inline-block;margin-left: 5px;vertical-align: middle;font-size: 14px;color: #6c757d;}
div.js-cp-feedback div.js-cp-feedback-cnt div.js-cp-feedback-row div.js-cp-feedback-desc {color: #6c757d;height: 20px;width: 98%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
div.js-cp-feedback-cnt div.js-cp-feedback-row span.js-cp-feedback-prty {display: inline-block;padding: 7px 12px;min-width: 90px;color: #fff;text-transform: uppercase;font-weight: bold;text-align: center;margin-top: 5px;}
div.js-cp-feedback-btn-wrp {float: left;width: 100%;padding: 20px;background: #fff;border-top: 1px dashed #ebecec;}
div.js-cp-feedback-btn-wrp a.js-cp-feedback-btn {display: inline-block;padding: 10px;border: 1px solid #ebecec;color: #23282d;text-decoration: none;}
div.js-cp-feedback-btn-wrp a.js-cp-feedback-btn:hover {border-color: #4f46e5;color: #4f46e5;}
div.js-cp-addon-wrp {float: left;width: calc(50% - 10px);margin-left: 10px;background: #fff;border: 1px solid #ebecec;box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.06);}
div.js-cp-addon-list {float: left;width: 100%;padding: 10px;height: 550px;/* height: 630px; */overflow-x: hidden;overflow-y: scroll;}
div.js-cp-addon-list div.js-cp-addon {float: left;width: 100%;padding: 10px 0;border-bottom: 1px dashed #ebecec;}
div.js-cp-addon-list div.js-cp-addon:last-child {border-bottom: 0;}
div.js-cp-addon-list div.js-cp-addon div.js-cp-addon-image {float: left;width: 10%;text-align: center;}
div.js-cp-addon-list div.js-cp-addon div.js-cp-addon-cnt {float: left;width: 70%;padding: 7px 15px 0;}
div.js-cp-addon-list div.js-cp-addon div.js-cp-addon-cnt div.js-cp-addon-tit {font-size: 18px;line-height: initial;padding-bottom: 10px;color: #23282d;}
div.js-cp-addon-list div.js-cp-addon div.js-cp-addon-cnt div.js-cp-addon-desc {color: #6c757d;height: 20px;width: 98%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
div.js-cp-addon-list div.js-cp-addon a.js-cp-addon-btn {float: left;width: 20%;text-decoration: none;border: 1px solid #4f46e5;color: #4f46e5;background: #f2f1ef;padding: 10px 2px;text-align: center;margin-top: 15px;}
div.js-cp-addon-list div.js-cp-addon a.js-cp-addon-btn:hover {background: #fff;color: #23282d;border-color: #23282d;}
div#jsreview-banner {float: left;width: 100%;margin-bottom: 20px;}
div#jsreview-banner div.review {float: left;width: 100%;background: url('../images/admincp/review/feed-back-1.png'), url('../images/admincp/review/feed-back-2.png') , url('../images/admincp/review/new-dash-board.jpg');background-repeat: no-repeat, no-repeat, no-repeat;background-position: top left, top right, center center;padding: 0 25%;min-height: 173px;position: relative;background-size: auto,auto,cover;}
div#jsreview-banner div.review div.upper {padding: 16px 0;text-align: right;position: absolute;right: 26%;top: 0;}
div#jsreview-banner div.review div.upper span.simple-text {display: inline-block;color: #fff;padding: 8px 0;vertical-align: middle;margin-right: 8px;line-height: 1.5;}
div#jsreview-banner div.review div.upper a.review-link {display: inline-block;color: #fff;padding: 10px;text-decoration: none;background: #209e24;}
div#jsreview-banner div.review div.upper a.review-link img {margin-right: 2px;vertical-align: bottom;}
div#jsreview-banner div.review div.lower {padding: 16px 10px 16px 0;text-align: right;position: absolute;right: 26%;bottom: 17px;}
div#jsreview-banner div.review div.lower span.simple-text {display: inline-block;color: #fff;padding: 8px 0;margin-right: 8px;}
div#jsreview-banner div.review div.lower a.rev-soc-link {display: inline-block;margin-right: 3px;}
div.jsst_no_record{text-align: center;padding: 50px 0px;font-size: 15px;color: #727376;}
div#jsstadmin-wrapper div.js-other-products-wrp{float: left;width: 100%;background-color: #fff;}
div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-product-title{float: left;width: 100%;border-bottom: 1px solid #dad8d8ad;color: #343234;padding: 30px 15px; font-size: 20px;font-weight: 500;}
div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail{float: left;width: 100%;padding: 15px 15px 30px 15px;}
div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail a{float: left;padding-right: 20px;}
div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image{float: left;width: calc(100% / 3);padding-right: 25px;margin-bottom: 12px;}
div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom{float: left;width: 100%;background:#F1F1F1;padding: 15px;}
div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-title{float: left;width: 45%;padding-top: 15px;color: #232328;font-weight: 500;font-size: 18px;}
div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-bottom-btn{float: right;}
div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-bottom-btn span.js-product-view-btn a{padding: 7px 10px;background: #fff;border: 1px solid lightgray;margin-right: 5px;}
div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-bottom-btn span.js-product-install-btn a{border: unset;border-radius: 3px;padding: 12px 22px;color: #0a0a0ac7;font-weight: 500;cursor: pointer;}
div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image img{width: 100%;margin:auto;}
@keyframes colorchange{0%   {opacity: 0.5;}50%  {opacity: 0.7;}100% {opacity: 1;}}
@-webkit-keyframes colorchange{0%  {opacity: 0.5;}50%  {opacity: 0.7;}100% {opacity: 1;}}
div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-bottom-btn span.js-product-install-btn a.js-installing-effect{animation: colorchange 3s;animation-iteration-count: infinite;animation-timing-function: cubic-bezier(1,1,0,0);}
div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-bottom-btn span.js-product-install-btn a.wp-learn-manager-btn-color{background-color: #FFCC29;color: #000;}
div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-bottom-btn span.js-product-install-btn a.wp-vehicle-manager-btn-color{background-color: #FF7D03;color: #fff;}
div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-bottom-btn span.js-product-install-btn a.js-jobs-manager-btn-color{background-color: #805CB0;color: #fff;}
div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-bottom-btn span.js-product-install-btn a.js-btn-green{background-color: #00A859;color: #fff;}
div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-bottom-btn span.js-product-install-btn a.js-btn-activated{filter: opacity(0.5);}

/* reports */
div.js-admin-report-wrapper {float: left;width: calc(100% / 2 - 30px);padding: 15px;border: 1px solid #ebecec;margin: 15px;text-align: center;}
div.js-admin-report-wrapper img {display: block;margin: 0 auto 10px;}
div.js-admin-report-wrapper .js-admin-staff-report-type-label {display: inline-block;vertical-align: middle;color: #23282d;margin: 10px 0;}

/* Post Installation*/
#js-tk-cparea * {box-sizing: border-box;}
div#jsst-main-wrapper.post-installation{background: linear-gradient(to right, rgb(22, 53, 226), rgb(132, 92, 220));padding: 20px;margin-top: 10px;display: flex;margin-left: -10px;margin-right: 10px;}
div#jsst-main-wrapper.post-installation.post-installtion-wellcome-page-main-wrp{height: calc(100vh - 107px);min-height: 650px;}
div#jsst-main-wrapper div.post-installtion-content-wrapper{background-color: #e5e8fc;display: flex;flex-direction: column;gap: 40px;width: 100%;padding: 30px;}
div#jsst-main-wrapper div.post-installtion-content-header {display:flex;align-items: center;flex-wrap: wrap;}
div#jsst-main-wrapper div.js-admin-title-installtion{ color: #fff;display: flex;align-items: center; width: 100%;padding: 15px;gap: 20px;border-radius: 15px;background: linear-gradient(to right, rgba(1, 36, 223, 0.8), rgba(122, 78, 217, 0.8)), url("../images/postinstallation/installer-banner-bg.png");background-position: center;background-size:100% 100%;background-repeat: no-repeat;min-height: 175px;border-bottom: 7px solid #1d2327;}
div#jsst-main-wrapper div.js-admin-title-installtion .jsst-installation-lftsection{display: flex;align-items: center;gap: 20px;min-height: 145px;padding-left: 10px;}
div#jsst-main-wrapper div.close-button-bottom {height: 100%;display: flex;justify-content: flex-end;align-items: flex-start;margin-left: auto;}
div#jsst-main-wrapper div.close-button-bottom a.close-button{border:1px solid #e5e5e5;border-radius: 6px; padding: 5px;background: #FFF;margin-left: auto;text-decoration: none;}
div#jsst-main-wrapper div.close-button-bottom a.close-button img{width: 25px;height: auto;}
div#jsst-main-wrapper.post-installation .jsst-installationlogo{height: 145px;background-color: #fff;width: 135px;display: flex; align-items: center;justify-content: center;border-radius: 8px;border-bottom: 5px solid #1d2327;}
div#jsst-main-wrapper.post-installation .jsst-installationlogo img{max-width: 100%;height: auto;}
div#jsst-main-wrapper div.js-admin-title-installtion span.jsst_heading{text-shadow: 4px 4px 10px #4f4f51;font-weight: bold; color: #fff;font-size: 35px;line-height: initial;}
div#jsst-main-wrapper div.js-admin-title-installtion span.jsst_version{padding:7px 10px;background-color: #fff;color:#373435;border-radius: 2px;margin-top: 5px;font-size: 16px;}
div#jsst-main-wrapper div.post-installtion-content-header ul.update-header-img{width:100%;display:flex;flex-wrap: wrap; gap: 20px; list-style: none;margin: 0;}
div#jsst-main-wrapper div.post-installtion-content-header ul.update-header-img li.header-parts a.tab_icon{display: flex;align-items: center;justify-content: center;flex-direction: column;padding:25px 20px;width: 100%;color: #373435;text-decoration: none;font-weight: 500;text-align: center;}
div#jsst-main-wrapper div.post-installtion-content-header ul.update-header-img li.header-parts{display: flex;width: calc(100% / 4 - 15px);flex: 1 1 auto; background-color: #fff;color: #373435;border-radius: 12px;overflow: hidden;margin-bottom: 0;}
div#jsst-main-wrapper div.post-installtion-content-header ul.update-header-img li.header-parts a.tab_icon:hover{background: linear-gradient(to right, rgb(22, 53, 226), rgb(132, 92, 220));color: #fff;}
div#jsst-main-wrapper div.post-installtion-content-header ul.update-header-img li.header-parts.active {background: linear-gradient(to right, rgb(22, 53, 226), rgb(132, 92, 220));color: #fff;}
div#jsst-main-wrapper div.post-installtion-content-header ul.update-header-img li.header-parts.active a{color: #fff;}
div#jsst-main-wrapper div.post-installtion-content-header .jsst-post-installationcard-iconwrp{min-height: 52px;width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 10px;}
div#jsst-main-wrapper div.post-installtion-content-header .jsst-post-installationcard-iconwrp .jsst-post-installationcard-white-icon{display: none;}
div#jsst-main-wrapper div.post-installtion-content-header ul.update-header-img li.header-parts a.tab_icon:hover .jsst-post-installationcard-black-icon{display: none;}
div#jsst-main-wrapper div.post-installtion-content-header ul.update-header-img li.header-parts a.tab_icon:hover .jsst-post-installationcard-white-icon{display: block;}
div#jsst-main-wrapper div.post-installtion-content-header ul.update-header-img li.header-parts.active .jsst-post-installationcard-black-icon{display: none;}
div#jsst-main-wrapper div.post-installtion-content-header ul.update-header-img li.header-parts.active .jsst-post-installationcard-white-icon{display: block;}
div#jsst-main-wrapper div.post-installtion-content_wrapper_right{display: flex;flex-wrap: wrap;flex-direction: column; width:100%;background: #fff;border-radius: 15px;}
div#jsst-main-wrapper div.jsst-config-topheading{width: calc(100% - 60px);margin: 0 30px 50px 30px; padding: 20px 0px;display: flex;align-items: center;gap: 20px;border-bottom: 1px solid #ccc;}
div#jsst-main-wrapper span.heading-post-ins{display:flex;font-size: 25px;line-height: 35px; font-weight: bold;}
div#jsst-main-wrapper div.jsst-config-topheading span.jsst-config-steps{margin-left: auto;}
div#jsst-main-wrapper div.post-installtion-content div.pic-config{width: 100%;display:flex;align-items: flex-start;flex-wrap: wrap;gap: 20px; padding: 25px 0px;}
div#jsst-main-wrapper div.post-installtion-content div.pic-config div.title{display:flex;width: 25%;min-height: 45px;align-items: center; text-align: right;color: #333;flex: 1 1 auto;justify-content: flex-end;font-size: 16px;line-height: 25px; font-weight: 500;}
div#jsst-main-wrapper div.post-installtion-content div.pic-config div.field{display:flex;flex-direction: column;gap: 15px; width: calc(75% - 20px);flex: 1 1 auto;}
div#jsst-main-wrapper div.post-installtion-content div.pic-config div.desc{display:flex;width: 100%;color: #606062;}
div#jsst-main-wrapper div.post-installtion-content div.pic-config div.field input.jsst-postsetting,select.jsst-postsetting{border: 1px solid #e5e5e5 !important;height: 45px ;background: #f8f8f8 ;width: 700px !important;max-width: 100%;border-radius: 0px;}
div#jsst-main-wrapper div.post-installtion-content div.pic-config textarea.js-textarea{min-width: 270px;width: 700px;max-width: 100%; border: 1px solid #e5e5e5;background: #f8f8f8;}
div#jsst-main-wrapper div.post-installtion-content div.pic-button-part a.next-step.full-width{width: 100%;background:linear-gradient(to right, rgb(22, 53, 226), rgb(132, 92, 220));color: #fff;min-height: 50px;display: flex;gap: 10px;align-items: center;justify-content: center;text-align: center;font-size: 16px;border-radius: 6px;}
div#jsst-main-wrapper div.post-installtion-content div.pic-button-part a{width: calc(100% / 2 - 10px);padding: 10px;text-align: center;font-weight: bold;text-decoration: none;min-height: 50px;display: flex;align-items: center;justify-content: center;text-align: center;gap: 10px;font-size: 16px;border-radius: 6px;}
div#jsst-main-wrapper div.post-installtion-content div.pic-button-part {width: 100%;display:flex;align-items: center;gap: 20px; margin-top: 50px;margin-bottom: 30px;}
div#jsst-main-wrapper div.post-installtion-content div.pic-button-part a.next-step{background:linear-gradient(to right, rgb(22, 53, 226), rgb(132, 92, 220));color: #fff;}
div#jsst-main-wrapper div.post-installtion-content div.pic-button-part a.next-step i {font-size: 20px;}
div#jsst-main-wrapper div.post-installtion-content div.pic-button-part a.next-step.full-width img{width: 30px;}
div#jsst-main-wrapper div.post-installtion-content div.pic-button-part a.next-step.full-width:hover{background:linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0));}
div#jsst-main-wrapper div.post-installtion-content div.pic-button-part a.next-step:hover{background:linear-gradient(to right, rgb(0, 0, 0), rgb(0, 0, 0));}
div#jsst-main-wrapper div.post-installtion-content div.pic-button-part a img{width: 30px;}
div#jsst-main-wrapper div.post-installtion-content div.pic-button-part a.back{background: #fff;border: 1px solid #BFBFBF;color: #222222;}
div#jsst-main-wrapper div.post-installtion-content div.pic-button-part a.back:hover{background: #000;border-color: #000;color: #fff;}
div#jsst-main-wrapper div.post-installtion-content div.pic-button-part a.back .backbtn-white-icon{display: none;}
div#jsst-main-wrapper div.post-installtion-content div.pic-button-part a.back:hover .backbtn-white-icon{display:block;}
div#jsst-main-wrapper div.post-installtion-content div.pic-button-part a.back:hover .backbtn-black-icon{display: none;}
div#jsst-main-wrapper div.post-installtion-content div.jsst_text_below_img{display: flex;justify-content: center;font-size: 16px; width: 100%;text-align: center;margin-top:15px;margin-bottom: 25px;}
div#jsst-main-wrapper div.post-installtion-content div.jsst_setting_complete_heading{line-height: initial;text-align: center;margin-top: 25px;width: 100%;display: flex;justify-content: center;}
div#jsst-main-wrapper div.post-installtion-content div.jsst_img_wrp{display: flex;align-items: center;justify-content: center; width: 100%;text-align: center;}
div#jsst-main-wrapper div.post-installtion-content {display: flex;width: 100%;padding: 0px 50px;}
div#jsst-main-wrapper div.post-installtion-content form{width: 100%;}
div#jsst-main-wrapper div.post-installtion-content div.pic-button-part a.skip-step{border: 1px solid #BFBFBF;color: #222222;}
div#jsst-main-wrapper div.post-installtion-content div.pic-button-part a.skip-step:hover{background: #000;border-color: #000;color: #fff;}

/*totalstatsAPI*/
div#js-total-count-cp-dashbordapi{display: inline-block;}
div#js-total-count-cp-dashbordapi a.js-total-count-dashbordapi{display: inline-block; float: left; width: calc(50% - 6px); padding: 9px 9px; margin-right: 6px; border: 1px solid #F1F1F1; background: #FFFFFF;box-sizing: border-box;}
div#js-total-count-cp-dashbordapi a.js-total-count-dashbordapi:hover{border:1px solid #ececec;}
div#js-total-count-cp-dashbordapi a.js-total-count-dashbordapi:nth-child(even){margin-left: 6px; margin-right: 0px;}
div#js-total-count-cp-dashbordapi a.js-total-count-dashbordapi:nth-child(1){margin-bottom: 12px;}
div#js-total-count-cp-dashbordapi a.js-total-count-dashbordapi:nth-child(2){margin-bottom: 12px;}
div#js-total-count-cp-dashbordapi a.js-total-count-dashbordapi .img{ float: left; border-radius: 50%; }
div#js-total-count-cp-dashbordapi a.js-total-count-dashbordapi .data-dashbordapi{display: inline-block; float: left; color: #757575; padding-left: 10px; }
div#js-total-count-cp-dashbordapi a.js-total-count-dashbordapi .data-dashbordapi .jstotal-dashbordapi{display: block; font-weight: bold; font-size: 22px; padding-bottom: 8px; padding-top: 8px;}
div#js-total-count-cp-dashbordapi a.js-total-count-dashbordapi .data-dashbordapi .jsstatus-dashbordapi{display: block; font-size: 14px;}
img.jsticketstafflogo{max-width: 100px; max-height: 100%;}
div#wp-jsticket_message-editor-container{border:1px solid #dddddd;}

/* admin dashborad widgets */
#jssupportticket_addon_dashboard_widget {display: inline-block;}
div.js-nullmargin {margin: 0px;}
.js-row {margin-left: -15px;margin-right: -15px;}
span.js-admin-title.color-black {background: #222222;margin-bottom: 0px;}
span.js-admin-title {display: inline-block;padding: 10px;color: #ffffff;font-size: 16px;font-weight: bold;background: #428BCA;margin: 10px 0px;width: 100%;box-sizing: border-box;}
div.js-nullpadding {padding: 5px !important;}
div.js-ticket-admin-cp-data {display: inline-block;width: 100%;border-bottom: 1px solid #eee;padding-bottom: 2px;}
div.js-ticket-admin-cp-tickets {display: inline-block;float: left;width: 100%;border: 1px solid #d4d4d5;border-top: none;background: #FFFFFF;box-sizing: border-box;}
div.js-ticket-admin-cp-data div {white-space: nowrap;padding-right: 0px;overflow: hidden;text-overflow: ellipsis;}
div.js-ticket-admin-cp-data div {border: 1px solid #FFFFFF;padding-top: 5px;padding-bottom: 5px;}
span.js-ticket-admin-cp-showhide {display: none;}
div.js-ticket-admin-cp-data div.js-col-md-7 {float: left;width: 56%;}
div.js-ticket-admin-cp-data div.js-col-md-3 {float: left;width: 25%;}
div.js-ticket-admin-cp-data div.js-col-md-2 {float: left;width: 16.66666667%;text-align: center;}
div.js-ticket-admin-cp-data div {white-space: nowrap;padding-right: 0px;overflow: hidden;text-overflow: ellipsis;}
div.js-ticket-admin-cp-head.color-blue {background: #428BCA;margin: 10px 0px;color: #ffffff;}
div.js-ticket-admin-cp-head div {border-right: 1px solid #FFFFFF;padding-top: 5px;padding-bottom: 5px;}
div.js-ticket-admin-cp-head .js-col-md-7 {float: left;width: 33.333333%;}
div.js-ticket-admin-cp-head .js-col-md-3 {float: left;width: 25%;}
div.js-ticket-admin-cp-head .js-col-md-2 {float: left;width: 16.66666667%;border-right: 0;}

/* Multi Lang temp css */
div.a-js-form-field div#deletebutton div.js-multilang-del-btn {float: left;width: 100%;}
div.a-js-form-field div#deletebutton div.js-multilang-del-btn button#deletetemp{padding: 12px;text-decoration: none;min-width: 10%;text-align: center;height: 44px;background: #4f46e5;border: 1px solid #4f46e5;color: #fff;margin-top: 10px;cursor: pointer;}

/* admin review */
.jssupportticket-review-box-popup *{box-sizing: border-box;}
.jssupportticket-review-box-popup {position: fixed;width: 100%;height: 100%;z-index: 10001;background: rgba(0,0,0,0.65);top: 0;left: 0;display: none;}
.jssupportticket-review-box-popup-content {position: fixed;top: 50%;left: 50%;width: 50%;z-index: 9999;transform: translate(-50%, -50%);box-sizing: border-box;max-height: 70%;overflow-x: hidden;overflow-y: auto;}
.jssupportticket-review-box-popup-content-wrp{float: left;width: 100%;padding: 35px;border: 3px solid #EBBE7B;background: #FDF9EF;}
.jssupportticket-review-box-popup-content-wrp .jssupportticket-review-box-popup-content-left{float: left;width: 40%;border: 1px solid #EBBE7B;}
.jssupportticket-review-box-popup-content-wrp .jssupportticket-review-box-popup-content-right{float: left;width: 60%;padding: 10px 30px;}
.jssupportticket-review-box-title {padding: 0px 0 35px 0;font-size: 32px;line-height: 40px;font-weight: 600;color: #373435;float: left;width: 100%;text-align: center;}
.jssupportticket-review-box-options a {float: left;width: 100%;padding: 15px;border-radius: 25px;display: block;margin: 6px 0 6px 0;color: #373435;text-decoration: none;text-align: center;font-size: 20px;font-weight: 400;}
.jssupportticket-review-box-options a:hover {text-decoration: underline;}
.jssupportticket-review-box-options a.three-days {border:2px solid #ADDBC5;background: #DCEFE6;}
.jssupportticket-review-box-options a.seven-days {border:2px solid #D9E7A7;background: #E9F1CE;}
.jssupportticket-review-box-options a.ten-days {border:2px solid #D9CCE4;background: #EAE8F3;}
.jssupportticket-review-box-options a.zero-days {color: #c0c0c0;text-decoration: underline;font-size: 22px;padding-top: 30px; line-height: 25px;}
.jssupportticket-review-box-options a.dismiss {color: #999;}
button.jssupportticket-close-review-box-popup {position: absolute;top: 12px;right: 10px;border: none;background: transparent;cursor: pointer;}
a.button.button-primary.jssupportticket-review-box-btn {font-size: 14px;background: #F51366;color: #fff;border: solid 1px #F51366;border-radius: 3px;line-height: 24px;-webkit-box-shadow: 0 3px 5px -3px #333333;-moz-box-shadow: 0 3px 5px -3px #333333;box-shadow: 0 3px 5px -3px #333333;text-shadow: none;}
.notice.notice-info.premio-notice {position: relative;padding: 1px 30px 1px 12px;}
.js-ticket-review-default * {box-sizing: border-box;}
.js-ticket-review-default {float: left;width: calc(100% - 5px);background: url("../images/review/bg.png") no-repeat center / cover;padding: 10px;position: relative;overflow: hidden;margin: 10px 0 5px;min-height: 115px;box-sizing: border-box;border: 2px solid #afc8e8;background-position: center;background-size: 105% 115%;background-repeat: no-repeat;margin-right: 5px;}
.js-ticket-review-default div.js-ticket-review-default-cnt{float: left;width: 80%;color: #fff;position: relative;z-index: 1;}
.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-left{float: left;}
.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-left img{width: 120px;border: 1px solid #afc8e8;}
.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right{float: left;width: calc(100% - 135px);padding: 0px 0 0 15px;}
.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right div.js-ticket-review-row{float: left;width: 100%;padding: 10px 0 5px;}
.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right div.js-ticket-review-row.review-head{font-size: 23px;font-weight: 500;color: #373435;}
.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right div.js-ticket-review-row.review-description{font-size: 16px;color: #4B4B4D;}
.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right div.js-ticket-review-row a{display: inline-block;padding: 5px 10px;margin-right: 5px;height: auto;vertical-align: middle;color: #575455;text-decoration: none;}
.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right div.js-ticket-review-row a:hover{text-decoration: underline;}
.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right div.js-ticket-review-row a.review-love{border: 1px solid #F78c7E;background: #FEF5F6;}
.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right div.js-ticket-review-row a.review-sad{border: 1px solid #F4B656;background: #FFFDEF;}
.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right div.js-ticket-review-row a.review-happy{border: 1px solid #A7D493;background: #E9F5F0;}
.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right div.js-ticket-review-row a img{margin-right: 5px;}
.js-ticket-review-default img.js-ticket-review-default-img{position: absolute;top: 23px;right: 100px;width: 300px;}
.js-ticket-review-default .jssupportticket-premio-review-dismiss-btn{position: absolute;right: 15px;top: 10px}
.jssupportticket-thanks-box-popup *{box-sizing: border-box;}
.jssupportticket-thanks-box-popup {position: fixed;width: 100%;height: 100%;z-index: 10001;background: rgba(0,0,0,0.65);top: 0;left: 0;display: none;}
.jssupportticket-thanks-box-popup-content {position: fixed;top: 50%;left: 50%;width: 50%;z-index: 9999;transform: translate(-50%, -50%);box-sizing: border-box;max-height: 70%;overflow-x: hidden;overflow-y: auto;}
.jssupportticket-thanks-box-popup-content-wrp{float: left;width: 100%;padding: 35px;border: 2px solid #4f46e5;background: #FFF;position: relative;}
.jssupportticket-thanks-box-popup .js-ticket-review-thanks-msg {float: left;width: 100%;padding: 30px 40px;display: inline-block;text-align: center;}
.jssupportticket-thanks-box-popup .js-ticket-review-thanks-box {padding: 10px 0 10px 0;position: relative;text-align: center;display: none;}
.jssupportticket-thanks-box-popup .js-ticket-review-thanks-btn {border: 0;background: transparent;position: absolute;right: 10px;top: 12px;cursor: pointer;}
.jssupportticket-thanks-box-popup .js-ticket-review-thanks-img {float: left;width: 100%;position: relative;margin-top: 35px;height: 210px;}
.jssupportticket-thanks-box-popup .js-ticket-review-thanks-img img {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.jssupportticket-thanks-box-popup .js-ticket-review-thanks-msg .thanks-msg-title {float: left;width: 100%;padding: 30px 0 10px;font-weight: 500;font-size: 45px;color: #373435;text-transform: capitalize;}
.jssupportticket-thanks-box-popup .js-ticket-review-thanks-msg .thanks-msg-desc {float: left;width: 100%;font-size: 16px;color: #373435;padding: 25px 0;}
.jssupportticket-thanks-box-popup .js-ticket-review-thanks-msg .thanks-msg-footer {float: left;width: 100%;font-size:16px;color: #373435;text-decoration: underline;}
/* update key */
div#jsstadmin-data-wrp .jsstadmin-update-key-form{display: flex;width: 100%;padding:20px;background-color: #ffff;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp{display: flex;width: 100%;flex-direction: column;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-section{display: flex;align-items: center;justify-content: center;background-color:#f2f6ff;border: 1px solid #cececf;padding: 20px;flex-direction: column;margin-bottom: 30px;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-title{font-size: 30px;line-height: 40px;text-align: center;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-section input{width: 80%;text-align: center;height: 45px;border-radius: unset;margin-bottom: 20px;font-size: 17px;border:1px solid #e0e2e7;color: #000;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-slctall-addonswrp{display: flex;align-items: center;gap: 20px;margin-bottom: 20px;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-slctall-addonswrp .jsstadmin-update-key-slctall-addon-title{display: flex;align-items: center;font-size: 22px;font-weight: bold;line-height: 35px;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-slctall-addonswrp .jsstadmin-update-key-slctall-addon-checkbox-wrp{display: flex;align-items: flex-start;font-size: 14px;line-height: 24px;gap: 10px;margin-left: auto;padding: 10px;border: 1px solid #d4d4d4;background-color: #fafafa;min-width: fit-content;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-checkbox{width: 20px;height: 20px;border-radius: unset;border: 1px solid #d4d4d4;margin:3px 0 0 0;min-width: 20px;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-checkbox::before{margin: -1px -2px;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-all-addons-wrp{display: flex;align-items: flex-start;flex-wrap: wrap;width: 100%;gap: 10px;padding-bottom: 30px;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-all-addons-wrp .jsstadmin-update-key-single-addon{width: calc(100% / 4 - 7.5px);display: flex;align-items: flex-start;gap: 20px;border: 1px solid #d4d4d4;padding:13px 10px;font-size: 14px;line-height: 24px;background-color: #fafafa;min-width: 280px;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-all-addons-wrp .jsstadmin-update-key-single-addon.jsstadmin-update-key-single-addon-red{border: 1px solid #ec4f4f;color: #ec4f4f;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-infomsgwrp{display: flex;align-items:center;gap: 15px;border: 1px solid #286fc8;padding:5px 10px;font-size: 14px;margin-bottom: 30px;background-color: #f5faff;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-infomsgwrp img{width: 30px;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-errormsgwrp{border: 1px solid #ec4f4f;background-color: #f2e8e8;color: #ec4f4f;display: flex;align-items:center;gap: 15px;padding:15px 12px;font-size: 16px;font-weight: 600;margin-bottom: 30px;line-height: 25px;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-custom-errormsgwrp .error{margin: 0px 0px 30px;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-custom-errormsgwrp .updated{margin: 0px 0px 30px;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-updtebtn-wrp{display: flex;align-items: center;justify-content: center;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-updtebtn-wrp .jsstadmin-update-key-updtebtn{display: flex;align-items: center;cursor: pointer; justify-content: center;text-align: center;width: 100%;padding: 17px 30px;background: #373435;border: 1px solid #eee;color: #fff;font-size: 16px;font-weight: bold;margin-bottom: 60px;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-updtebtn-wrp .jsstadmin-update-key-updtebtn:hover{border-color: #373435;color: #373435;background-color: #fff;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-checkbox:focus{box-shadow: unset;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-checkbox:checked{border-color: #0073aa;box-shadow: 0 0 0 1px #0073aa;}
div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-no-addon-msg{float: left;width: 100%;text-align: center;margin: 65px 0 50px;font-size: 20px;font-weight: 600;color: #848d96}
/* import data */
.jsst-plugins-imprt-datasec{display: flex;flex-wrap: wrap; align-content: center;justify-content: space-between;padding:25px;border: 1px solid #e0e1e0;margin-bottom: 20px;gap: 20px;}
.jsst-plugins-imprt-datasec .jsst-plugins-imprt-data-plgnnme{font-size: 20px;line-height: 30px; font-weight: bold;display: flex;align-items: center;}
.jsst-plugins-imprt-datasec .jsst-plugins-imprt-databtn{padding:12px 10px;min-width: 120px; background-color: #000;color: white;text-decoration: unset;font-size: 15px;line-height: 22px; display:flex;align-items: flex-start;justify-content: center;gap: 7px;}
.jsst-plugins-imprt-datasec .jsst-plugins-imprt-databtn:hover{background-color: #4f46e5;}
.jsst-plugins-imprt-datasec.jsst-plugin-notinstalled{background-color: #fdf2f3;border-color: #f8979b;}
.jsst-plugins-imprt-datasec.jsst-plugin-notinstalled .jsst-plugins-imprt-databtn{background-color: #fff;border: 1px solid #f8979b; color: #3c434a;}
.jsst-plugins-imprt-datasec.jsst-plugin-notinstalled .jsst-plugins-imprt-databtn .jsst-plugins-imprterror-image{width: 20px;height: auto;}
/* single plugin import data */
.jsst-singleplugin-imprt-data-sec{display: flex;flex-wrap: wrap; align-content: center;justify-content: space-between;padding:25px;border: 1px solid #e0e1e0;margin-bottom: 20px;}
.jsst-singleplugin-imprt-data-sec .jsst-singleplugin-imprt-datatitle{display: flex;width: 100%;font-size: 24px;font-weight: bold;line-height: 35px;border-bottom: 1px solid;padding-bottom: 10px;margin-bottom: 5px;}
.jsst-singleplugin-imprt-data-sec .jsst-singleplugin-imprt-datadisc{font-size: 15px;line-height: 22px; padding:20px;border-bottom:1px solid #e0e1e0;width:calc(100% - 20px);margin: 0 10px;color: #808181;}
.jsst-singleplugin-imprt-data-sec .jsst-singleplugin-imprt-datadisc.jsst-singleplugin-imprt-data-addonnot-instllwrp{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;background-color:#fdf2f3;gap: 20px;}
.jsst-singleplugin-imprt-data-sec .jsst-singleplugin-imprt-datadisc.jsst-singleplugin-imprt-data-addonnot-instllwrp .jsst-singleplugin-imprt-data-addonnot-instll{display: flex;align-items: flex-start;font-size: 13px;color: #3c434a;line-height: 21px;gap: 5px;}
.jsst-singleplugin-imprt-data-sec .jsst-singleplugin-imprt-datadisc.jsst-singleplugin-imprt-data-addonnot-instllwrp .jsst-singleplugin-imprt-data-addonnot-instll .jsst-plugins-imprterror-image{width: 20px;height: auto;}
.jsst-singleplugin-imprt-data-sec .jsst-singleplugin-imprt-databtn-wrp{display: flex;justify-content: center;width: 100%;padding-top: 20px;}
.jsst-singleplugin-imprt-data-sec .jsst-singleplugin-imprt-databtn-wrp .jsst-singleplugin-imprt-databtn{padding: 15px;text-align: center;border-radius: 0;height: auto;font-size: 16px;line-height: 22px; min-width: 150px;text-decoration: unset;background: #209e24;border:1px solid #cccccc;color: #fff;}
.jsst-singleplugin-imprt-data-sec .jsst-singleplugin-imprt-databtn-wrp .jsst-singleplugin-imprt-databtn:hover{background: #fff;color: #209e24;}
/* plugin imported data */
.jsst-singleplugin-imprted-data-sec{display: flex;flex-wrap: wrap; align-content: center;justify-content: space-between;padding:25px 25px 50px;border: 1px solid #e0e1e0;margin-bottom: 20px;}
.jsst-singleplugin-imprted-data-sec .jsst-singleplugin-imprted-datatitle{display: flex;width: 100%;font-size: 24px;font-weight: bold;line-height: 35px;border-bottom: 1px solid;padding-bottom: 10px;margin-bottom: 5px;}
.jsst-singleplugin-imprted-data-sec .jsst-singleplugin-imprted-datadisc{font-size: 15px;padding:20px;border-bottom:1px solid #e0e1e0;width:calc(100% - 20px);margin: 0 10px;color: #808181;}
.jsst-singleplugin-imprted-data-sec .jsst-singleplugin-imprted-datadisc.jsst-singleplugin-imprted-data-addonnot-instllwrp{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 20px;}
.jsst-singleplugin-imprted-data-sec .jsst-singleplugin-imprted-datadisc.jsst-singleplugin-imprted-data-addonnot-instllwrp .jsst-singleplugin-imprted-data-addonnot-instll{display: flex;align-items: flex-start;font-size: 13px;color: #3c434a;}
.jsst-singleplugin-imprted-data-sec .jsst-singleplugin-imprted-datadisc.jsst-singleplugin-imprted-data-addonnot-instllwrp .jsst-singleplugin-imprted-data-addonnot-instll .jsst-plugins-imprtederror-image{width: 20px;height: auto;margin-right: 5px;}
.jsst-singleplugin-imprted-data-sec .jsst-singleplugin-imprted-databtn-wrp{display: flex;justify-content: center;width: 100%;padding-top: 20px;}
.jsst-singleplugin-imprted-data-sec .jsst-singleplugin-imprted-databtn-wrp .jsst-singleplugin-imprted-databtn{padding: 15px;text-align: center;border-radius: 0;height: auto;font-size: 16px;min-width: 150px;text-decoration: unset;background: #209e24;border:1px solid #cccccc;color: #fff;}
.jsst-singleplugin-imprted-data-sec .jsst-singleplugin-imprted-databtn-wrp .jsst-singleplugin-imprted-databtn:hover{background: #fff;color: #209e24;}
.jsst-import-data-result-import-table {width: 100%;border-collapse: collapse;margin-top: 20px;font-size: 16px;}
.jsst-import-data-result-import-table th, .jsst-import-data-result-import-table td {padding:20px;border: 1px solid #ffe5e5;text-align: start;}
.jsst-import-data-result-import-table td {padding: 20px;border: 1px solid #ffe5e5;text-align:start;color: #808181;}
.jsst-import-data-result-import-table th {background-color: #222;color: white;}
.jsst-import-data-result-import-table td.jsst-import-data-result-similar {background-color: #fff4ec;color: #994c00;text-align: center;}
.jsst-import-data-result-import-table td.jsst-import-data-result-failed {background-color: #ffe5e5;color: #a94442;text-align: center;}
.jsst-import-data-result-import-table td.jsst-import-data-result-success {background-color: #e6fff0;color: #2b6d4c;text-align: center;}
.jsst-import-data-addon-message{padding: 5px 10px;border: 1px solid #ddd;background: #FFF4EC;margin: 5px 0;display: inline-block;font-size: 15px;line-height: 20px;border: 1px solid #DDD;}
/* import data */
/* import message */
div.jsst-import-data-addon-messagewrp{display: flex;align-items: center;justify-content: flex-start;width: 100%;}
div.jsst-import-data-addon-messagewrp .jsst-import-data-addon-message{padding: 5px 10px;background: #FFF4EC;margin: 5px 0;display: inline-block;font-size: 15px;line-height: 20px;border: 1px solid #DDD;}
/* control pannel */
.js-support-ticket-customize-panel-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);z-index: 999;display: none;}
.js-support-ticket-customize-panel-overlay.is-visible {display: block;}
.js-support-ticket-customize-panel {position: fixed;top: 0;right: 0;width: 345px;height: 100%;background-color: #fff;box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);transform: translateX(100%);transition: transform 0.3s ease-in-out;z-index: 1000;padding: 2.5rem;overflow-y: auto;}
.js-support-ticket-customize-panel.is-visible {transform: translateX(0);}
.js-ticket-customize-option-item {display: flex;justify-content: space-between;align-items: center;padding: 12px;background-color: #f8fafc;border: 1px solid #e2e8f0;border-radius: 8px;transition: background-color 0.2s ease;margin-bottom: 8px;}
.js-ticket-customize-option-item:hover {background-color: #f0f4f8;}
.js-ticket-customize-option-item label {font-weight: 500;color: #334155;margin-right: 1rem;}
.toggle-switch {position: relative;display: inline-block;width: 40px;height: 24px;}
.toggle-switch input {opacity: 0;width: 0;height: 0;}
.toggle-switch-slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: 0.4s;border-radius: 34px;}
.toggle-switch-slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 4px;bottom: 4px;background-color: white;transition: 0.4s;border-radius: 50%;}
input:checked + .toggle-switch-slider {background-color: #4f46e5;}
input:checked + .toggle-switch-slider:before {transform: translateX(16px);}
.js-customize-dashboard-btn {float: right;display: inline-flex;align-items: center;gap: 8px;padding: 10px 15px;margin-top: -2px;margin-left: 8px;background-color: #64748B;color: white;font-size: 16px;cursor: pointer;border: none;transition: background-color 0.2s ease;}
.js-customize-dashboard-btn:hover {background-color: #3b82f6;}
.js-hlpdsk-cancel-btn {margin-top: 10px;background-color: #e2e8f0;color: #475569;font-weight: 600;padding: 10px 18px;border-radius: 8px;border: none;cursor: pointer;transition: background-color 0.2s ease;}    
.js-hlpdsk-cancel-btn:hover {background-color: #cbd5e1;}    
.js-hlpdsk-save-btn {margin-top: 10px;background-color: #4f46e5;color: white;font-weight: 600;padding: 10px 18px;border-radius: 8px;border: none;cursor: pointer;transition: background-color 0.2s ease;}    
.js-hlpdsk-save-btn:hover {background-color: #3b82f6;}
#jsstadmin-wrapper .js-hlpdsk-main-content-wrapper {line-height: 1.5;}
#jsstadmin-wrapper .js-hlpdsk-main-content-wrapper {max-width: 1600px;margin: 0 auto;}
#jsstadmin-wrapper .js-hlpdsk-section-container {display: flex;flex-wrap: wrap;gap: 24px;margin-bottom: 2rem;align-items: stretch;}
#jsstadmin-wrapper .js-hlpdsk-section-heading {font-family: "Montserrat", sans-serif;font-size: 24px;font-weight: 600;margin-bottom: 24px;color: #1e293b;}

/* ============================================
  Card System
  ============================================
  */
#jsstadmin-wrapper .js-hlpdsk-card {background-color: white;border-radius: 1rem;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);padding: 24px;height: auto;display: flex;flex-direction: column;}

/* Original Card Widths */
#jsstadmin-wrapper .js-hlpdsk-card-full {flex-basis: 100%;}
#jsstadmin-wrapper .js-hlpdsk-card-70 {width: calc(70% - 12px);flex:1 1 auto;}
#jsstadmin-wrapper .js-hlpdsk-card-half {flex: 1 1 auto;width: calc(50% - 12px);}
#jsstadmin-wrapper .js-hlpdsk-card-third {flex-basis: calc(33.333% - 1rem);}
#jsstadmin-wrapper .js-hlpdsk-card-30 {flex:1 1 auto;width: calc(30% - 12px);}

/* ============================================
  Metric Cards (Original Design Restored)
  ============================================
  */
#jsstadmin-wrapper .js-hlpdsk-metric-card {flex-direction: row;align-items: center;justify-content: space-between;min-height: 162px;text-decoration: none;}
#jsstadmin-wrapper .js-hlpdsk-metric-card .js-hlpdsk-content-left {display: flex;flex-direction: column;}
#jsstadmin-wrapper .js-hlpdsk-metric-card .js-hlpdsk-value {font-family: "Montserrat", sans-serif;font-size: 3rem;font-weight: 700;line-height: 1;}
#jsstadmin-wrapper .js-hlpdsk-metric-card .js-hlpdsk-label {font-size: 0.9rem;color: #475569;font-weight: 500;margin-top: 0.5rem;}
#jsstadmin-wrapper .js-hlpdsk-metric-card .js-hlpdsk-icon-right {padding: 1rem;border-radius: 0.75rem;}
#jsstadmin-wrapper .js-hlpdsk-metric-card .js-hlpdsk-icon-right svg {width: 24px;height: 24px;}
/* Original Metric Card Borders & Colors */
#jsstadmin-wrapper .js-hlpdsk-metric-card.js-hlpdsk-border-blue {border: 2px solid #3b82f6;}
#jsstadmin-wrapper .js-hlpdsk-metric-card.js-hlpdsk-border-yellow {border: 2px solid #eab308;}
#jsstadmin-wrapper .js-hlpdsk-metric-card.js-hlpdsk-border-green {border: 2px solid #22c55e;}
#jsstadmin-wrapper .js-hlpdsk-metric-card.js-hlpdsk-border-purple {border: 2px solid #a855f7;}
#jsstadmin-wrapper .js-hlpdsk-metric-card.js-hlpdsk-border-cyan {border: 2px solid #06b6d4;}
#jsstadmin-wrapper .js-hlpdsk-metric-card.js-hlpdsk-border-gray {border: 2px solid #6b7280;}
#jsstadmin-wrapper .js-hlpdsk-metric-card .js-hlpdsk-value.js-hlpdsk-text-blue {color: #3b82f6;}
#jsstadmin-wrapper .js-hlpdsk-metric-card.js-hlpdsk-border-blue .js-hlpdsk-icon-right {background-color: #dbeafe;color: #3b82f6;}
#jsstadmin-wrapper .js-hlpdsk-metric-card .js-hlpdsk-value.js-hlpdsk-text-yellow {color: #eab308;}
#jsstadmin-wrapper .js-hlpdsk-metric-card.js-hlpdsk-border-yellow .js-hlpdsk-icon-right {background-color: #fef9c3;color: #eab308;}
#jsstadmin-wrapper .js-hlpdsk-metric-card .js-hlpdsk-value.js-hlpdsk-text-green {color: #22c55e;}
#jsstadmin-wrapper .js-hlpdsk-metric-card.js-hlpdsk-border-green .js-hlpdsk-icon-right {background-color: #dcfce7;color: #22c55e;}
#jsstadmin-wrapper .js-hlpdsk-metric-card .js-hlpdsk-value.js-hlpdsk-text-purple {color: #a855f7;}
#jsstadmin-wrapper .js-hlpdsk-metric-card.js-hlpdsk-border-purple .js-hlpdsk-icon-right {background-color: #f3e8ff;color: #a855f7;}
#jsstadmin-wrapper .js-hlpdsk-metric-card .js-hlpdsk-value.js-hlpdsk-text-cyan {color: #06b6d4;}
#jsstadmin-wrapper .js-hlpdsk-metric-card.js-hlpdsk-border-cyan .js-hlpdsk-icon-right {background-color: #cffafe;color: #06b6d4;}
#jsstadmin-wrapper .js-hlpdsk-metric-card .js-hlpdsk-value.js-hlpdsk-text-gray {color: #6b7280;}
#jsstadmin-wrapper .js-hlpdsk-metric-card.js-hlpdsk-border-gray .js-hlpdsk-icon-right {background-color: #e5e7eb;color: #6b7280;}

/* Overdue Card - New, Clean Design */
#jsstadmin-wrapper .js-hlpdsk-card.js-hlpdsk-overdue-card {background-color: white;border: 3px solid #ef4444;/* Stronger, single color border */border-radius: 1rem;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);padding: 24px;transition: all 0.3s ease;text-align: center;flex-direction: column;/* Default vertical layout */align-items: center;justify-content: center;gap: 20px;text-decoration: unset;}
#jsstadmin-wrapper .js-hlpdsk-overdue-card:hover {transform: translateY(-5px) scale(1.02);box-shadow: 0 10px 30px rgba(239, 68, 68, 0.2);}
#jsstadmin-wrapper .js-hlpdsk-card.js-hlpdsk-overdue-card .js-hlpdsk-content-left {display: flex;flex-direction: column;align-items: center;margin-bottom: 1rem;gap: 20px;}
#jsstadmin-wrapper .js-hlpdsk-overdue-card .js-hlpdsk-value {font-family: "Montserrat", sans-serif;font-size: 3.5rem;font-weight: 700;color: #ef4444;line-height: 1;}
#jsstadmin-wrapper .js-hlpdsk-overdue-card .js-hlpdsk-label {color: #b91c1c;font-weight: 600;font-size: 1rem;margin-top: 0.5rem;}
#jsstadmin-wrapper .js-hlpdsk-overdue-card .js-hlpdsk-icon-right {color: #ef4444;margin-top: 1rem;}
#jsstadmin-wrapper .js-hlpdsk-overdue-card .js-hlpdsk-icon-right svg {width: 48px;height: 48px;}

/* Daily Flow Card */
#jsstadmin-wrapper .js-hlpdsk-daily-flow-card {align-items: center;justify-content: center;text-align: center;border: 2px solid #6b7280;}
#jsstadmin-wrapper .js-hlpdsk-daily-flow-content {display: flex;align-items: center;justify-content: space-around;width: 100%;margin-top: 5px;}
#jsstadmin-wrapper .js-hlpdsk-daily-flow-content .js-hlpdsk-value {font-size: 2.25rem;font-weight: 700;}
#jsstadmin-wrapper .js-hlpdsk-daily-flow-content .js-hlpdsk-separator {color: #9ca3af;font-size: 3rem;margin: 0 1rem;}

/* ============================================
  Chart Cards
  ============================================
  */
#jsstadmin-wrapper .js-hlpdsk-chart-card {min-height: 460px;}

#jsstadmin-wrapper .js-hlpdsk-chart-card h3 {font-family: "Montserrat", sans-serif;font-size: 1.25rem;font-weight: 600;margin-bottom: 1rem;color: #1e293b;}
#jsstadmin-wrapper .js-hlpdsk-chart-container-inner {flex-grow: 1;}
#jsstadmin-wrapper .js-hlpdsk-chart-legend {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 1rem;font-size: 0.875rem;color: #475569;margin-top: 24px;padding-top: 1rem;border-top: 1px solid #eef2f6;}
#jsstadmin-wrapper .js-hlpdsk-legend-item {display: flex;align-items: center;}
#jsstadmin-wrapper .js-hlpdsk-legend-dot {width: 0.75rem;height: 0.75rem;border-radius: 50%;display: inline-block;margin-right: 0.4rem;}
#jsstadmin-wrapper .js-hlpdsk-dot-blue {background-color: #3b82f6;}
#jsstadmin-wrapper .js-hlpdsk-dot-green {background-color: #10b981;}
#jsstadmin-wrapper .js-hlpdsk-dot-orange {background-color: #f59e0b;}
#jsstadmin-wrapper .js-hlpdsk-dot-red {background-color: #ef4444;}
#jsstadmin-wrapper .js-hlpdsk-dot-cyan {background-color: #06b6d4;}
#jsstadmin-wrapper .js-hlpdsk-dot-indigo {background-color: #6366f1;}
#jsstadmin-wrapper .js-hlpdsk-dot-pink {background-color: #ec4899;}
#jsstadmin-wrapper .js-hlpdsk-dot-lime {background-color: #84cc16;}
#jsstadmin-wrapper .js-hlpdsk-dot-purple {background-color: #a855f7;}
#jsstadmin-wrapper .js-hlpdsk-dot-emerald {background-color: #10b981;}
#jsstadmin-wrapper .js-hlpdsk-dot-fuchsia {background-color: #d946b1;}
#jsstadmin-wrapper .js-hlpdsk-dot-gray {background-color: #6b7280;}
#jsstadmin-wrapper .js-hlpdsk-dot-yellow {background-color: #f59e0b;}

/* ============================================
  Table Styles
  ============================================
  */
#jsstadmin-wrapper .js-hlpdsk-table-wrapper {overflow-x: auto;}
#jsstadmin-wrapper .js-hlpdsk-modern-table {width: 100%;border-collapse: collapse;border-spacing: 0;}
#jsstadmin-wrapper .js-hlpdsk-modern-table thead th {background-color: #f8fafc;font-family: "Montserrat", sans-serif;font-weight: 600;color: #475569;text-transform: uppercase;letter-spacing: 0.05em;padding: 1rem 24px;text-align: start;border-bottom: 2px solid #e2e8f0;font-size: 0.75rem;}

#jsstadmin-wrapper .js-hlpdsk-modern-table tbody td {padding: 1rem 24px;border-bottom: 1px solid #eef2f6;color: #475569;font-size: 0.875rem;}
#jsstadmin-wrapper .js-hlpdsk-modern-table tbody tr:last-child td {border-bottom: none;}
#jsstadmin-wrapper .js-hlpdsk-modern-table tbody tr:hover {background-color: #fcfdfe;}
#jsstadmin-wrapper .js-hlpdsk-status-tag {font-size: 0.7rem;padding: 0.4rem 0.8rem;border-radius: 9999px;font-weight: 600;text-transform: uppercase;display: inline-flex;align-items: center;justify-content: center;letter-spacing: 0.025em;transition: transform 0.2s ease, box-shadow 0.2s ease;}
#jsstadmin-wrapper .js-hlpdsk-status-tag:hover {transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}
#jsstadmin-wrapper .js-hlpdsk-status-tag.bg-yellow {background-color: #fef9c3;color: #854d0e;}
#jsstadmin-wrapper .js-hlpdsk-status-tag.bg-green {background-color: #dcfce7;color: #166534;}
#jsstadmin-wrapper .js-hlpdsk-status-tag.bg-red {background-color: #fee2e2;color: #991b1b;}
#jsstadmin-wrapper .js-hlpdsk-status-tag.bg-blue {background-color: #dbeafe;color: #1e40af;}
#jsstadmin-wrapper .js-hlpdsk-text-blue-link {color: #3b82f6;text-decoration: none;font-weight: 600;}
#jsstadmin-wrapper .js-hlpdsk-text-blue-link:hover {text-decoration: underline;}

/* ============================================
  List Card Styles
  ============================================
  */
#jsstadmin-wrapper .js-hlpdsk-list-card {list-style: none;padding: 0;margin: 0;flex-grow: 1;}
#jsstadmin-wrapper .js-hlpdsk-list-card li {padding: 0.85rem 0.25rem;border-bottom: 1px solid #eef2f6;display: flex;justify-content: space-between;align-items: center;transition: background-color 0.2s ease;gap:10px;}
#jsstadmin-wrapper .js-hlpdsk-list-card li:last-child {border-bottom: none;}
#jsstadmin-wrapper .js-hlpdsk-list-card li:hover {background-color: #f9fafb;}
#jsstadmin-wrapper .js-hlpdsk-list-card .js-hlpdsk-list-item-title {font-weight: 500;color: #1e293b;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-decoration: unset;}
#jsstadmin-wrapper .js-hlpdsk-list-card .js-hlpdsk-list-item-value {color: #64748b;font-size: 0.85rem;}

/* ============================================
  Latest Tickets Card - New, More Prominent Styles
  ============================================ */
#jsstadmin-wrapper .js-hlpdsk-card.latest-tickets-card {background: linear-gradient(145deg, #f0f4f8, #eef2f6);border: 1px solid #d1d9e6;transition: transform 0.3s ease, box-shadow 0.3s ease;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);padding: 32px;}
#jsstadmin-wrapper .js-hlpdsk-card.latest-tickets-card:hover {box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);}
#jsstadmin-wrapper .card-header-flex {display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;}
#jsstadmin-wrapper .card-header-flex h3 {margin: 0;font-size: 1.25rem;font-weight: 700;color: #1a202c;}
#jsstadmin-wrapper .view-all-btn {background-color: #4f46e5;color: white;padding: 8px 16px;border-radius: 8px;font-weight: 600;text-decoration: none;transition: background-color 0.2s ease;}
#jsstadmin-wrapper .view-all-btn:hover {background-color: #3b82f6;}
#jsstadmin-wrapper .latest-tickets-card .js-hlpdsk-modern-table thead th {background-color: #2d3748;color: white;border-bottom: 2px solid #4a5568;}
#jsstadmin-wrapper .latest-tickets-card .js-hlpdsk-modern-table tbody tr {transition: background-color 0.2s ease;}
#jsstadmin-wrapper .latest-tickets-card .js-hlpdsk-modern-table tbody tr:hover {background-color: #e2e8f0;}
#jsstadmin-wrapper .latest-tickets-card .js-hlpdsk-status-tag {box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);}
#jsstadmin-wrapper .latest-tickets-card .js-hlpdsk-text-blue-link {color: #4f46e5;font-weight: 700;}
#jsstadmin-wrapper .latest-tickets-card .js-hlpdsk-text-blue-link:hover {color: #3b82f6;}
#jsstadmin-wrapper .js-hlpdsk-work-load-card .js-hlpdsk-modern-table thead th:not(:first-child) {text-align: center;}
#jsstadmin-wrapper .js-hlpdsk-work-load-card .js-hlpdsk-modern-table tbody td:not(:first-child) {text-align: center;}
#jsstadmin-wrapper .js-hlpdsk-card.js-hlpdsk-ticket-age-card th:not(:first-child) {text-align: center;}
#jsstadmin-wrapper .js-hlpdsk-card.js-hlpdsk-ticket-age-card td:not(:first-child) {text-align: center;}
#jsstadmin-wrapper .js-hlpdsk-card.js-hlpdsk-active-customer-card thead th:not(:first-child) {text-align: center;}
#jsstadmin-wrapper .js-hlpdsk-card.js-hlpdsk-active-customer-card tbody td:not(:first-child) {text-align: center;}
#jsstadmin-wrapper .js-hlpdsk-card.js-hlpdsk-ticket-history-card thead th:not(:first-child) {text-align: center;}
#jsstadmin-wrapper .js-hlpdsk-card.js-hlpdsk-ticket-history-card tbody td:not(:first-child) {text-align: center;}
#jsstadmin-wrapper .js-hlpdsk-card.js-hlpdsk-active-timer-card thead th:last-child {text-align: center;}
#jsstadmin-wrapper .js-hlpdsk-card.js-hlpdsk-active-timer-card tbody td:last-child {text-align: center;}
#jsstadmin-wrapper .js-hlpdsk-card.latest-tickets-card thead th:nth-child(n + 3) {text-align: center;}
#jsstadmin-wrapper .js-hlpdsk-card.latest-tickets-card tbody td:nth-child(n + 3) {text-align: center;}
#jsstadmin-wrapper .js-hlpdsk-empty-state {display:flex; flex-direction: column;width: 100%; /* Hidden by default */flex-grow: 1;align-items: center;justify-content: center;text-align: center;padding: 20px;border: 2px dashed #d1d9e6;border-radius: 0.75rem;min-height: 300px; /* Adjusted for smaller cards */margin-top: 1rem;}
#jsstadmin-wrapper .js-hlpdsk-metric-card .js-hlpdsk-empty-state,
#jsstadmin-wrapper .js-hlpdsk-daily-flow-card .js-hlpdsk-empty-state,
#jsstadmin-wrapper .js-hlpdsk-overdue-card .js-hlpdsk-empty-state {margin-top: 0;}
#jsstadmin-wrapper .js-hlpdsk-empty-state-icon {color: #94a3b8;width: 80px; /* Adjusted for smaller cards */height: 80px;margin-bottom: 20px;}
#jsstadmin-wrapper .js-hlpdsk-empty-state h4 {font-family: "Montserrat", sans-serif;font-size: 1.1rem;font-weight: 600;color: #334155;margin: 0 0 15px 0;}
#jsstadmin-wrapper .js-hlpdsk-empty-state p {font-size: 0.9rem;color: #64748b;margin: 0;max-width: 300px;}
#jsstadmin-wrapper .js-hlpdsk-empty.js-hlpdsk-keep-heading > h3,
#jsstadmin-wrapper .js-hlpdsk-empty.js-hlpdsk-keep-heading .card-header-flex {display: flex;}
/* new control pannel */
/* update addons message */

#jsstadmin-wrapper .js-hlpdeske-message-bar {background-color: #ffffff; padding: 1.25rem;border-radius: 1rem;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */border: 1px solid #e5e7eb; /* border border-gray-100 */display: flex;align-items: center;transition: all 0.3s ease;border-left: 4px solid #4f46e5; /* border-l-4 border-indigo-600 */width: 100%;gap: 15px; /* space-x-4 */box-sizing: border-box;}
#jsstadmin-wrapper .js-hlpdeske-message-content {display: flex;align-items: center;gap: 1rem;flex: 1 1 auto; justify-content: space-between;}
#jsstadmin-wrapper .js-hlpdeske-message-icon {border-radius: 9999px; color: #4f46e5; }
#jsstadmin-wrapper .js-hlpdeske-message-text {display: flex;flex-direction: column;}
#jsstadmin-wrapper .js-hlpdeske-message-title {font-size: 1rem; /* text-base */font-weight: 600; /* font-semibold */color: #1f2937; /* text-gray-900 */margin: 0;}
#jsstadmin-wrapper .js-hlpdeske-message-description {font-size: 0.875rem; /* text-sm */font-weight: 500; /* font-medium */color: #6b7280; /* text-gray-500 */margin: 0;padding-top: 5px;}
#jsstadmin-wrapper .js-hlpdeske-message-actions {display: flex;align-items: center;gap: 0.5rem; /* space-x-2 */min-width:fit-content;}
#jsstadmin-wrapper .js-hlpdeske-action-button {padding: 0.5rem 1.5rem; /* px-6 py-2 */font-size: 0.875rem; /* text-sm */font-weight: 700; /* font-bold */border-radius: 9999px; /* rounded-full */border: 1px solid #4f46e5; /* border border-indigo-600 */color: #4f46e5; /* text-indigo-600 */background-color: transparent;transition: all 0.2s ease;cursor: pointer;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),    0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow-md */text-decoration: unset;}
#jsstadmin-wrapper .js-hlpdeske-action-button:hover {background-color: #4f46e5; /* hover:bg-indigo-600 */color: #ffffff; /* hover:text-white */box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),    0 4px 6px -2px rgba(0, 0, 0, 0.05); /* hover:shadow-lg */}
#jsstadmin-wrapper .js-hlpdeske-close-button {padding: 0.25rem; /* p-1 */border-radius: 9999px; /* rounded-full */color: #6b7280; /* text-gray-500 */background-color: transparent;border: none;cursor: pointer;transition: background-color 0.2s ease;}
#jsstadmin-wrapper .js-hlpdeske-close-button:hover {background-color: #f3f4f6; /* hover:bg-gray-100 */}
#jsstadmin-wrapper .js-hlpdsk-section-container.js-hlpdsk-addon-updatesection{padding-top: 0;}

/* new cp addons section */
#jsstadmin-wrapper .js-hlpdsk-data-card {background-color: #ffffff;padding: 24px;border-radius: 12px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);width: 100%;}
#jsstadmin-wrapper .js-hlpdsk-header-container {display: flex;justify-content: space-between;align-items: center;margin-bottom: 24px;}
#jsstadmin-wrapper .js-hlpdsk-title {font-size: 24px;font-weight: 600;color: #1f2937;}
#jsstadmin-wrapper .js-hlpdsk-view-all-link {font-size: 16px;font-weight: 500;color: #2563eb;text-decoration: none;}
#jsstadmin-wrapper .js-hlpdsk-view-all-link:hover {text-decoration: underline;}
#jsstadmin-wrapper .js-hlpdsk-addons-grid {display: flex;gap: 16px;align-items: stretch;}
#jsstadmin-wrapper .js-hlpdsk-addon-card {width: calc(100% / 3 - 11px); background-color: #f9fafb;padding: 16px;border-radius: 8px;border: 1px solid #e5e7eb;display: flex;flex-direction: column;align-items: center;text-align: center;}
#jsstadmin-wrapper .js-hlpdsk-addon-icon-container {padding: 12px;border-radius: 9999px;margin-bottom: 12px;align-items: center;justify-content: center;display: flex;}
#jsstadmin-wrapper .js-hlpdsk-addon-icon {width: 28px;height: 28px;}
#jsstadmin-wrapper .js-hlpdsk-addon-icon-bg-blue {background-color: #dbeafe;color: #2563eb;}
#jsstadmin-wrapper .js-hlpdsk-addon-icon-bg-pink {background-color: #fce7f3;color: #ec4899;}
#jsstadmin-wrapper .js-hlpdsk-addon-icon-bg-teal {background-color: #ccfbf1;color: #14b8a6;}
#jsstadmin-wrapper .js-hlpdsk-addon-icon-bg-red {background-color: #fee2e2;color: #ef4444;}
#jsstadmin-wrapper .js-hlpdsk-addon-icon-bg-orange {background-color: #ffedd5;color: #f97316;}
#jsstadmin-wrapper .js-hlpdsk-addon-title {font-weight: 500;color: #111827;font-size: 18px;margin-top: 0;margin-bottom: 8px;}
#jsstadmin-wrapper .js-hlpdsk-addon-description {font-size: 14px;color: #6b7280;margin-top: 0;margin-bottom: 16px;height: 40px; /* Fixed height for consistent card size */display: flex;align-items: center;justify-content: center;}
#jsstadmin-wrapper .js-hlpdsk-install-button {background-color: #2563eb;color: #ffffff;padding: 8px 20px;border-radius: 8px;font-size: 14px;font-weight: 500;border: none;cursor: pointer;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);transition: background-color 0.2s ease-in-out;width: 100%;max-width: 120px;}
#jsstadmin-wrapper .js-hlpdsk-install-button:hover {background-color: #1d4ed8;}
#jsstadmin-wrapper .js-hlpdsk-section-container div.js-cp-cnt-sec.js-cp-video-baner{padding: 24px;border-radius: 12px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);width: 100%;}
#jsstadmin-wrapper .js-hlpdsk-section-container div.js-cp-cnt-sec.js-cp-video-baner a.js-cp-video-baner-btn{border-radius: 6px;}
#jsstadmin-wrapper .js-hlpdsk-section-container div.js-cp-cnt-sec.js-cp-video-baner div.js-cp-video-baner-tit{font-family: "Montserrat", sans-serif; font-weight: 600;}
#jsstadmin-wrapper .js-hlpdsk-section-container div.js-cp-video-baner-cnt{padding-top:30px;}

/* left menu */
#jsstadmin-leftmenu {width: 280px;height: 100vh;background-color: #FFFFFF;font-family: 'Inter', sans-serif;color: #212529;display: flex;flex-direction: column;position:sticky;top: 42px;left: 0;overflow-y: auto;transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow-x: hidden;padding: 16px;box-sizing: border-box;border-right: 1px solid #DEE2E6;flex-shrink: 0;z-index: 999;}
#jsstadmin-logo {padding: 6px 8px;display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;margin-bottom: 24px;background-color: #4f46e5;border-radius: 12px;}
#jsstadmin-logo .jsst-anchor {display: flex;align-items: center;gap: 12px;text-decoration: none;cursor: pointer;}
#jsstadmin-logo .jsst-anchor .logo-icon {width: 40px;height: 40px;border-radius: 10px;display: flex;align-items: center;justify-content: center;}
#jsstadmin-logo .jsst-anchor .logo-icon img {width: 36px;height: 36px;}
#jsstadmin-logo .jsst-anchor .logo-text {font-size: 20px;font-weight: 600;color: #FFFFFF;}
#jsstadmin-menu-toggle {cursor: pointer;width: 24px;height: 24px;color: #A5B4FC;transition: transform 0.3s ease-in-out, color 0.2s ease;}
#jsstadmin-menu-toggle:hover {color: #FFFFFF;}
.jsstadmin-sidebar-menu {list-style: none;padding: 0 8px;margin: 0;width: 100%;box-sizing: border-box;}
.menu-header {height: 1px;background-color: #DEE2E6;margin: 16px 0;font-size: 0;padding: 0;border-top: none;}
.jsstadmin-sidebar-menu > .menu-header:first-of-type {display: none;}
.jsstadmin-sidebar-menu > li > a {display: flex;align-items: center;padding: 12px 16px;margin-bottom: 4px;color: #6C757D;text-decoration: none;font-size: 15px;font-weight: 500;transition: background-color 0.2s ease, color 0.2s ease;border-radius: 8px;white-space: nowrap;position: relative;}
.jsstadmin-sidebar-menu > li.treeview > a::after {content: '>';position: absolute;right: 16px;font-size: 12px;font-weight: bold;transform: scaleX(0.7);transition: transform 0.3s ease;color: #6C757D;}
.jsstadmin-sidebar-menu > li.treeview.active > a::after {transform: rotate(90deg) scaleX(0.7);}
.jsst_menu-icon {width: 22px;height: 22px;margin-right: 16px;color: #6C757D;transition: color 0.2s ease;stroke-width: 1.5;flex-shrink: 0;}
.jsstadmin-sidebar-menu > li > a:hover {background-color: #F1F3F5;color: #212529;}
.jsstadmin-sidebar-menu > li > a:hover .jsst_menu-icon,
.jsstadmin-sidebar-menu > li > a:hover::after {color: #212529;}
.jsstadmin-sidebar-menu > li.active > a {background-color: #4f46e5;color: #FFFFFF;font-weight: 600;}
.jsstadmin-sidebar-menu > li.active > a .jsst_menu-icon,
.jsstadmin-sidebar-menu > li.active > a::after {color: #FFFFFF;}
.jsstadmin-sidebar-submenu {list-style: none;padding: 0px 0 0px 42px;background-color: transparent;max-height: 0;overflow: hidden;transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;}
.jsstadmin-sidebar-submenu li a{margin: 5px 0;} 
.treeview.active .jsstadmin-sidebar-submenu {max-height: 5000px;}
.jsstadmin-sidebar-submenu li a {display: block;padding: 8px 10px;color: #6C757D;text-decoration: none;font-size: 14px;font-weight: 400;transition: color 0.2s ease, background-color 0.2s ease;position: relative;border-radius: 6px;}
.jsstadmin-sidebar-submenu li a:hover {color: #212529;background-color: #F1F3F5;}
.jsstadmin-sidebar-submenu li.active a {color: #4f46e5;font-weight: 500;}
li.disabled-menu a {opacity: 0.6;cursor: not-allowed;}
li.disabled-menu a:hover {background-color: transparent;color: #6C757D;}
#jsstadmin-leftmenu::-webkit-scrollbar { width: 5px; }
#jsstadmin-leftmenu::-webkit-scrollbar-track { background: transparent; }
#jsstadmin-leftmenu::-webkit-scrollbar-thumb { background: #ced4da; border-radius: 3px; }
#jsstadmin-leftmenu::-webkit-scrollbar-thumb:hover { background: #adb5bd; }
#jsstadmin-leftmenu.menu-collapsed {width: 88px;}
#jsstadmin-leftmenu.menu-collapsed #jsstadmin-logo {justify-content: center;}
#jsstadmin-leftmenu.menu-collapsed .logo-text,
#jsstadmin-leftmenu.menu-collapsed #jsstadmin-menu-toggle,
#jsstadmin-leftmenu.menu-collapsed .jsst_text,
#jsstadmin-leftmenu.menu-collapsed .menu-header,
#jsstadmin-leftmenu.menu-collapsed .jsstadmin-sidebar-submenu,
#jsstadmin-leftmenu.menu-collapsed a::after {display: none;opacity: 0;}
#jsstadmin-leftmenu.menu-collapsed .jsst_menu-icon { margin-right: 0; }
#jsstadmin-leftmenu.menu-collapsed .jsstadmin-sidebar-menu > li > a {justify-content: center;}
#jsstadmin-leftmenu.menu-collapsed .jsst-anchor {gap: 0;}
#jsstadmin-wrapper main.jsstadmin-right-content {padding: 2rem 0;width: calc(100% - 280px);transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
body.menu-collapsed main.jsstadmin-right-content {width: calc(100% - 88px);}
#jsstadmin-wrapper .duration-300 {transition-duration: 300ms;border: 1px solid #e7e7e7;}
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #ccc;border-radius: 3px;}
::-webkit-scrollbar-thumb:hover {background: #aaa;}
#jsstadmin-wrapper .accordion-content {max-height: 0;overflow: hidden;transition: max-height 0.3s ease-out;}
#jsstadmin-wrapper .shadow-md, .shadow-lg {transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out !important;}
#jsstadmin-wrapper .shadow-md:hover, .shadow-lg:hover {transform: translateY(-6px);box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important;}
#jsstadmin-wrapper button {transition: transform 0.2s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}
#jsstadmin-wrapper button:hover {transform: translateY(-2px);}
#jsstadmin-wrapper a:hover {transform: translateY(-2px);}
#jsstadmin-wrapper table tbody tr, .space-y-2 > .p-2.rounded-lg {transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;}
#jsstadmin-wrapper table tbody tr:hover {transform: scale(1.02);}
#jsstadmin-wrapper .space-y-2 > .p-2.rounded-lg:hover {transform: translateX(5px);}
#jsstadmin-wrapper .space-y-4 > .border {transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}
#jsstadmin-wrapper .space-y-4 > .border:hover {transform: translateY(-4px);box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;}
#jsstadmin-wrapper button.bg-gray-100.text-gray-700:hover {background-color: #4f46e5;color: white;}
#jsstadmin-wrapper a.bg-gray-100.text-gray-700:hover {background-color: #4f46e5;color: white;}
#jsstadmin-wrapper .smooth-color-transition {transition: color 0.3s ease-in-out;}
#jsstadmin-wrapper #side-menu {transition: transform 0.3s ease-in-out;}
#jsstadmin-wrapper .no-data-container {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;height: 100%;min-height: 200px; /* Ensure a minimum height */color: #6b7280; /* gray-500 */}
/* new dashboard */
div#jsstadmin-wrapper div.jsst-admin-dashboard-ticket-logowrp img{width:40px;height: 40px;min-width:40px;min-height: 40px;}
.jsst-admin-dashboard-ticket-middle-wrp{flex: 1 1 auto;display: flex;flex-direction: column;min-width: 50%;width:calc(100% - 50%);}
.jsst-admin-dashboard-ticket-middle-wrp p{display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}
div.jsst-admin-dashboard-ticket-rightmain-wrp{width: calc(100% - 1rem - 40px);}


@media (min-width:1750px) and (max-width:1880px){.jssupportticket-review-box-popup-content {width: 52%;}}
@media (min-width:1650px) and (max-width:1749px){.jssupportticket-review-box-popup-content {width: 55%;}}
@media (min-width:1500px) and (max-width:1649px){.jssupportticket-review-box-popup-content {width: 60%;}}
@media (min-width:1380px) and (max-width:1499px){.jssupportticket-review-box-popup-content {width: 65%;}.js-ticket-review-default img.js-ticket-review-default-img {top: 30px;right: 50px;width: 250px;}}
@media (min-width:1280px) and (max-width: 1379px){.jssupportticket-review-box-popup-content {width: 70%;}.js-ticket-review-default img.js-ticket-review-default-img {top: 30px;right: 15px;width: 220px;}}
@media (min-width:783px) and (max-width:1280px){
	.jssupportticket-thanks-box-popup-content {width: 70%;}
	.jssupportticket-thanks-box-popup .js-ticket-review-thanks-msg {padding: 30px 0;}
	.jssupportticket-thanks-box-popup .js-ticket-review-thanks-img {height: 150px;}
	.js-ticket-review-default img.js-ticket-review-default-img {top: 30px;right: 15px;width: 250px;}
	.js-ticket-review-default div.js-ticket-review-default-cnt {width: 70%;}
	.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right div.js-ticket-review-row a{margin-top: 2px;margin-bottom: 2px;}
	.jssupportticket-review-box-popup-content {width: 80%;}
}
/* responsive */

@media (max-width: 1680px){
	/* key update */
	div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-all-addons-wrp .jsstadmin-update-key-single-addon{width: calc(100% / 3 - 6.7px);flex: 1 1 auto;}
}
@media (max-width: 1280px){
	/* admin-addons-status */
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-addonstatus-wrp{width: 17%;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-addon-status-image-wrp{width: 8%;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-addonsversion-wrp{width: 10%;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-addon-status-image-wrp img{width: 90%;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-title-wrp{width: calc(43% - 15px);}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-addonstatusbtn-wrp{width: 22%;}
	/* admin Themepge */
	/* .js-admin-theme-page div.js-ticket-myticket-link-myticket{width: calc(100% / 2);margin-top: 10px;}
	.js-admin-theme-page .jsst-main-up-wrapper div.js-ticket-top-cirlce-count-wrp{padding:0 5px 10px 5px ;}
	.js-admin-theme-page div.js-ticket-search-wrp div.js-ticket-form-wrp form.js-filter-form div.js-filter-wrapper div.js-filter-form-fields-wrp{width:100%;height: 54px;}
	.js-admin-theme-page div.js-ticket-search-wrp div.js-ticket-form-wrp form.js-filter-form div.js-filter-button-wrp{width:100%;padding: 7px 4px 0px 7px;float: left;}
	.js-admin-theme-page div.js-ticket-wrapper div.js-ticket-pic{width: 30% !important;float: left;}
	.js-admin-theme-page div.js-ticket-wrapper div.js-ticket-data{width: 70% !important;}
	.js-admin-theme-page .js-ticket-status-text-wrap{position: relative;float: left;display: flex;width: 100%;margin-top: 5px;}
	.js-admin-theme-page div.js-ticket-wrapper div.js-ticket-data span.js-ticket-status{position: relative;top: 0 !important;left: 0;}
	.js-admin-theme-page div.js-ticket-wrapper div.js-ticket-data span.js-ticket-status img.ticketstatusimage.one{margin-left:65px !important;}
	.js-admin-theme-page span.js-ticket-wrapper-textcolor{top: 0; left: 0;right: 0;margin-right:10px;position: relative;}
	.js-admin-theme-page .js-ticket-body-data-elipses{padding: 0;}
	.js-admin-theme-page div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data1{width: 70% !important;padding:0px 20px 20px  20px !important;line-height: 35px;}
	.js-admin-theme-page div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data{padding:15px 20px 5px 20px !important}
	.js-admin-theme-page div.js-ticket-wrapper div.js-ticket-data1 div.js-ticket-data-row{padding-bottom: 0;}
	.js-admin-theme-page div#jsst-header span.jsst-header-tab a.js-cp-menu-link{font-size:15px;} */

	/* new control pannel */
	#jsstadmin-wrapper .js-hlpdsk-card-third{width: calc(100% / 2 - 12px);flex:1 1 auto;}
	#jsstadmin-wrapper .js-hlpdsk-card-half{min-width:450px;}
	#jsstadmin-wrapper .js-hlpdsk-card-30{flex:1 1 auto;width:calc(35% - 12px);}
	#jsstadmin-wrapper .js-hlpdsk-card-70{flex:1 1 auto;width:calc(65% - 12px);min-width: 450px;}
	#jsstadmin-wrapper .js-hlpdsk-card{padding:0 15px;}
	#jsstadmin-wrapper .js-hlpdsk-card.js-hlpdsk-chart-card{padding-bottom:20px;}
	#jsstadmin-wrapper .js-hlpdsk-card.latest-tickets-card{padding:20px 15px;}
	#jsstadmin-wrapper .js-hlpdsk-empty-state{margin-bottom: 25px;}
	#jsstadmin-wrapper .js-hlpdsk-overdue-card .js-hlpdsk-empty-state{margin-bottom: 0;}
}
@media (max-width: 1080px){
	/* installer */
	div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-heading{width: 100%;}
	div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-key-section div.jsst-addon-installer-right-key-field{width: 90%;}
	div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-key-section div.jsst-addon-installer-right-key-button button{width:90%;}
	div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper div.jsst-addon-installer-right-addon-section div.jsst-addon-installer-right-addon-single {width: calc(100% / 2 - 7.5px);height: auto;}
	/* tables */
	#jsstadmin-wrapper .js-hlpdsk-modern-table .w60 {width: auto;}
	#jsstadmin-wrapper .js-hlpdsk-modern-table .w70 {width: auto;}
	#jsstadmin-wrapper .js-hlpdsk-modern-table {border-spacing: 0 6px;}
	#jsstadmin-wrapper .js-hlpdsk-modern-table thead{display: none;}
	#jsstadmin-wrapper .js-hlpdsk-modern-table tr {display: block;padding: 15px;}
	#jsstadmin-wrapper .js-hlpdsk-modern-table tr td {display: block;width: 100%;text-align: start;padding: 6px 5px;border: none;}
	#jsstadmin-wrapper .js-hlpdsk-modern-table tr td::before {content: attr(data-th) ":";font-weight: bold;color: #23282d;display: inline-block;margin-right: 20px;width: auto;border: none;}
	#jsstadmin-wrapper .js-hlpdsk-card.js-hlpdsk-ticket-history-card tbody td:not(:first-child){text-align: start;}
	#jsstadmin-wrapper .js-hlpdsk-card.latest-tickets-card tbody td:nth-child(n+3){text-align: start;}
	#jsstadmin-wrapper .js-hlpdsk-work-load-card .js-hlpdsk-modern-table tbody td:not(:first-child){text-align: start;}
	#jsstadmin-wrapper .js-hlpdsk-card.js-hlpdsk-ticket-age-card td:not(:first-child) {text-align: start;}
	#jsstadmin-wrapper .js-hlpdsk-card.js-hlpdsk-active-timer-card tbody td:last-child{text-align:start;}
	#jsstadmin-wrapper .js-hlpdsk-card.js-hlpdsk-active-customer-card tbody td:not(:first-child){text-align:start;}
	#jsstadmin-wrapper .js-hlpdsk-modern-table tr{border-top: 1px solid #e2e8f0;}
	#jsstadmin-wrapper .js-hlpdsk-card.js-hlpdsk-overdue-card{max-height:500px;}
	/* admin new theme page */
	div.jsstadmin_themepaage_mainwrp div.js_effect_preview .jsst-main-up-wrapper .js-ticket-data1{flex: 1 1 auto !important;border-left:unset !important;border-top: 1px solid #d1d1d1;padding-top: 15px !important;}
	div.jsstadmin_themepaage_mainwrp div.js_effect_preview .js-ticket-wrapper .js-ticket-data1{margin-top: 15px;}
	div.jsstadmin_themepaage_mainwrp div.js_effect_preview .js-ticket-wrapper{align-items: flex-start !important;}
	div.jsstadmin_themepaage_mainwrp div.js_effect_preview div.js-ticket-wrapper div.js-ticket-pic{margin-top: 50px !important;}
	div.jsstadmin_themepaage_mainwrp div.js_effect_preview .js-ticket-toparea{display: flex;flex-wrap: wrap;align-items: center;width: calc(100% - 150px);flex: 1 1 auto;gap: 10px;}
	div.jsstadmin_themepaage_mainwrp div.js_effect_preview div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data{width: 100% !important;}
	div.jsstadmin_themepaage_mainwrp div.js_effect_preview div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data1{width: 100% !important;}
	div.jsstadmin_themepaage_mainwrp div.js_effect_preview div.js-ticket-myticket-link-myticket{flex: 1 1 auto !important;}

}
@media (max-width: 782px){
	/*review*/
	.js-ticket-review-default {padding: 50px 20px 100px;background: url("../images/review/mobile-bg.png") no-repeat center / cover;}
	.js-ticket-review-default div.js-ticket-review-default-cnt {width: 100%;text-align: center;}
	.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-left {width: 100%;}
	.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-left img {width: 150px;}
	.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right {width: 100%;padding: 35px 0;}
	.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right div.js-ticket-review-row a {padding: 10px 20px;margin: 8px;}
	.js-ticket-review-default img.js-ticket-review-default-img {right: 0;left:0;bottom: 50px;top: unset;margin: auto;}
	.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right div.js-ticket-review-row.review-head {padding-left:60px;padding-right:60px;line-height: 28px;}
	.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right div.js-ticket-review-row.review-description {line-height: 22px;padding: 15px 15px 10px;}
	.jssupportticket-review-box-popup-content {width: 80%;}
	.jssupportticket-review-box-popup-content-wrp {padding-top: 50px;}
	.jssupportticket-review-box-popup-content-wrp .jssupportticket-review-box-popup-content-left {width: 100%;}
	.jssupportticket-review-box-popup-content-wrp .jssupportticket-review-box-popup-content-right {width: 100%;padding: 60px 0 10px;}
	.jssupportticket-thanks-box-popup-content {width: 80%;}
	.jssupportticket-thanks-box-popup .js-ticket-review-thanks-img {height: 100px;}
	.jssupportticket-thanks-box-popup .js-ticket-review-thanks-msg {padding: 30px 0;line-height: 30px;}
	.jssupportticket-thanks-box-popup .js-ticket-review-thanks-msg .thanks-msg-title {line-height: 40px;}
	/*left menu*/
	div#jsstadmin-leftmenu div#jsstadmin-logo{display: flex;align-items: center;flex-wrap: wrap;}
	div#jsstadmin-leftmenu {float: left;width: 100%;margin-bottom: 10px;position: unset;}
	div#jsstadmin-leftmenu div#jsstadmin-logo a.jsst-anchor, div#jsstadmin-leftmenu img.jsst_js-arrow-img {display: flex;opacity: unset;}
	div.menu-collasped-active div#jsstadmin-leftmenu {width: 100%;}
	div.menu-collasped-active div#jsstadmin-leftmenu ul.jsstadmin-sidebar-menu {display: block;transition: 0.5s;}
	div#jsstadmin-wrapper main.jsstadmin-right-content {width: 100%;margin-left: 0;}
	/* body.menu-collapsed div#jsstadmin-wrapper main.jsstadmin-right-content {width: calc(100% - 88px);margin-left: 88px;} */
	/*content main*/
	div#jsstadmin-data {padding-left: unset;}
	div.menu-collasped-active div#jsstadmin-data {padding-left: unset;}
	/*.....configuration.....*/
	.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-title{width: 30% !important;padding: 10px !important;}
	.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-value{width: 70% !important;}
	.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-video{width: 70% !important;float: right;}
	.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-video a{width: 100% !important;margin: 15px 0 0 0 !important;}
	.js-support-ticket-configurations .js-support-ticket-configurations-left{width: 100%;}
	.js-support-ticket-configurations .js-support-ticket-configurations-right{width: 100%;padding: 0;margin-top: 10px}
	.js-support-ticket-configurations-toggle {display: flex !important;float: left;align-items: center; width: 100%;background: #fff;padding: 10px;margin-top: -60px;border-bottom: 1px solid #4f46e5}
	.js-support-ticket-configurations-toggle img{width: 42px;height: 40px;}
	.js-support-ticket-configurations-toggle img{float: left;background: #4f46e5;padding: 10px;}
	.js-support-ticket-configurations-toggle span{float: left;margin: 11px 0px 11px 11px;font-size: 22px;font-weight: 400;}
	.js-support-ticket-configurations .js-support-ticket-configurations-left{display: none;min-height: auto;}
	.js-support-ticket-configurations .js-form-button {width: 100%;margin-left: 0px;}
	.jsstadmin-head-text.jsstadmin-head-configurations-text{margin-bottom: 50px !important;}
	
	/* add on list */
	div.jsstadmin-add-on-page-wrp div.add-on-banner img.add-on-banner-left-img,
	div.jsstadmin-add-on-page-wrp div.add-on-banner img.add-on-banner-right-img {display: none;}
	div.jsstadmin-add-on-page-wrp div.add-on-banner img.add-on-banner-center-img {margin-top: 40px;}
	div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-msg a.add-on-msg-btn {float: left;margin: 7px 0;}
	div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item {width: calc(100% / 2 - 20px);}
	div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item {width: calc(100% / 2 - 20px);}
	/* admin-addons-status */
	div#msadmin-data-wrp.jsstadmin-addons-list-data{padding: 30px 25px;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status{display: block;float: left;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-addon-status-image-wrp{width:12%;float: left;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-title-wrp{width:calc(88% - 20px);float:left;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-addonstatus-wrp{width:calc(88% - 10px);float: right;line-height: 40px;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-addonsversion-wrp{width: calc(88% - 10px);float: right;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-addonstatusbtn-wrp{width: 89%;float: right;text-align: left;margin-top: 10px;}

	/* control panel */
	div.js-cp-addon-list div.js-cp-addon div.js-cp-addon-cnt {padding-top: 0;}
	div.js-cp-addon-list div.js-cp-addon .js-cp-addon-btn {margin-top: 0;}
	div.js-cp-video-baner {background-position: left center;}
	div.js-cp-video-baner div.js-cp-video-baner-cnt {width: 100%;}
	div.js-cp-video-baner div.js-cp-video-baner-cnt div.js-cp-video-baner-btn-wrp a.js-cp-video-baner-btn {margin-top: 5px;}
	div.js-update-alert-wrp div.js-update-alert-cnt {width: calc(100% - 60px);padding-top: 0;min-height: 50px;}
	div.js-update-alert-wrp a.js-update-alert-btn {float: left;margin-left: 60px;margin-top: 5px;}

    /* System Errors */
    .jsst-system-error-row {flex-direction: column;align-items: flex-start;}
    .jsst-support-system-error-icon-badge,
    .jsst-ai-badge {margin-right: 0;margin-bottom: 6px;}
    .jsst-system-error-expanded {padding: 10px;}

	/* popups */
	div#userpopup {width: 90%;}
	.jsst-popup-wrapper {width: 90%;}

	/* ticket detail */
	div.js-tkt-det-left {width: 100%;padding: 0;border-bottom: 2px solid #ccc;margin-bottom: 35px;}
	div.js-tkt-det-right {width: 100%;}
	.js_ticketattachment {width: calc(50% - 10px);}
	div.js_ticketattachment a.button {padding: 5px 8px;}
	.js-det-tkt-form .js-form-wrapper .tk_attachment_value_wrapperform .tk_attachment_value_text,
 	#adminTicketform .tk_attachment_value_wrapperform .tk_attachment_value_text, 
	#adminDwnldform .tk_attachment_value_wrapperform .tk_attachment_value_text, 
	#adminKbform .tk_attachment_value_wrapperform .tk_attachment_value_text {width: calc(50% - 10px);}
    #jsstadmin-wrapper .jsst-attachment-purged {padding: 8px;font-size: 12px;}
    #jsstadmin-wrapper .jsst-attachment-purged .jsst-purged-icon {width: 14px;height: 14px;margin-top: 1px;}
    #jsstadmin-wrapper .jsst-purged-reason {display: block;margin-left: 0;margin-top: 2px;font-size: 11.5px;}
	/* email templates */
	div.js-email-body {width: 100%;}
	div.js-email-menu {width: 100%;}

	/* translations */
	div#js-lang-toserver div.col:first-child {width: 60%;}
	div#js-lang-toserver div.col:last-child {width: 40%;}

	/* form */ 
	form.jsstadmin-form div.js-form-wrapper .js-form-select-field {height: 45px !important;}
	form.jsstadmin-form div.js-form-wrapper .jsst-formfield-radio-button-wrap {width: calc(50% - 5px);}
	
	/* filter form */
	form.js-filter-form .js-form-input-field,
	form.js-filter-form .js-form-select-field,
	form.js-filter-form .js-form-date-field,
	form.js-filter-form .js-form-cust-rad-fld-wrp {width: 195px;}
	form.js-filter-form .js-form-select-field {height: 45px !important;}
	form.js-filter-form .js-form-cust-rad-fld-wrp input {height: 15px;width: 10px;}
	div.js-admin-sorting select.js-admin-sort-select {height: 45px !important;}

	/* field ordering */
	.input-field-wrapper {width: calc(50% - 10px);}
	.input-field-wrapper input {width: 90%;}

	/* themes */
	/* .js_effect_preview div.js-ticket-wrapper div.js-ticket-pic {width: 25% !important;}
	.js_effect_preview div.js-ticket-wrapper divdiv.js-ticket-data {width: 75% !important;padding: 30px 0;}
	.js_effect_preview div.js-ticket-wrapper divdiv.js-ticket-data1 {width: 100% !important;} */
	.jsstadmin_themepaage_mainwrp .js_effect_preview div.js-myticket-link{flex: 1 1 auto;}
	.jsstadmin_themepaage_mainwrp div.js_effect_preview .js-ticket-data{margin-bottom: 0 !important;}
	
	/* reports */
	.js-admin-staff-cnt {width: 50%;}
	.js-admin-staff-wrapper .js-admin-staff-boxes {width: 50%;}
	div.js-ticket-count div.js-ticket-link {width: calc(100% / 3);}
	div.js-ticket-count a.js-ticket-link {margin-bottom: 5px;min-height: 115px;float: left;}
	div.jsst-statifacetion-report-wrapper div.jsst-satisfaction-report-bottom div.indi-stats {width: calc(33% - 10px);margin-bottom: 10px;}

	/* tables */
	#js-support-ticket-table .w60 {width: auto;}
	#js-support-ticket-table .w70 {width: auto;}
	#js-support-ticket-table {border-spacing: 0 6px;}
	#js-support-ticket-table .js-support-ticket-table-heading {display: none;}
	#js-support-ticket-table tr {display: block;padding: 15px;}
	#js-support-ticket-table tbody tr td {display: block;width: 100%;text-align: left;padding: 6px 5px;border: none;}
	#js-support-ticket-table tbody tr td::before {content: attr(data-th) ":";font-weight: bold;color: #23282d;display: inline-block;margin-right: 20px;width: auto;border: none;}

	/*import data tables */
	#jsst-import-data-result-table .w60 {width: auto;}
	#jsst-import-data-result-table .w70 {width: auto;}
	#jsst-import-data-result-table {border-spacing: 0 6px;}
	#jsst-import-data-result-table thead tr {display: none;}
	#jsst-import-data-result-table tr {display: block;border: 1px solid #dedede;margin-bottom: 30px;}
	#jsst-import-data-result-table tbody tr td:first-child{background-color: #000;color: #fff;}
	#jsst-import-data-result-table tbody tr td {display: flex;gap: 10px; width: 100%;text-align: start;border: none;}
	#jsst-import-data-result-table tbody tr td::before {content: attr(data-th) ":";font-weight: bold;color: #23282d;display: inline-block;width: auto;border: none;}
	#jsst-import-data-result-table tbody tr td:first-child::before {color: #fff;}
	#jsst-import-data-result-table.js-ticket-custom-templates-table tr{margin-bottom: 0;border: unset;}

	/* feedbacks */
	.jsst-feedback-det-wrp div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-left div.js-ticket-data-row div.js-ticket-data-row-rec {width: 100%;margin: 0 0 10px;}

	/* addon list */
	div.jsst-addon-installer-wrapper div.jsst-addon-installer-left-section-wrap {width: 100%;}
	div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap {width: 100%;}
	div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item {width: 100%;margin: 0 0 20px;}
	div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item {width: 100%;margin: 0 0 20px;}
	div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper div.jsst-addon-installer-right-addon-section {height: auto;padding: 15px;}

	div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image img{display: block;margin: auto;}
	div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image{width: 100%;padding: 0px;}
	/*agent auto assign*/
	.js-conditions-main-wrapper .js-conditions-body .js-conditions-body-row-wrapper .js-conditions-body-row {width: calc(100% / 2);}
	.js-conditions-main-wrapper .js-conditions-head .js-conditions-head-items {float: left;width: calc(100% / 2);border-bottom: 1px solid #fff;}

	/* agent */
	form.jsstadmin-form div.js-form-wpuser-data-wrapper div.js-form-wrapper {width: calc(100% / 2 - 20px);}

	/* help pag  */
	div#jsstadmin-data-wrp .jssticketadmin-help-top {background: #fff !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left,
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right {width: 100% !important;margin: 0 0 20px !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right {margin-bottom: unset !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left .jssticketadmin-help-top-left-cnt-info,
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right .jssticketadmin-help-top-right-cnt-info {padding: 20px 0 20px 10px !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt {text-align: center;}
	div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt {width: 100% !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a {float: left;width: 100% !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a .jssticketadmin-help-btm-cnt-title {text-align: left;padding-left: 10px !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a .jssticketadmin-help-btm-cnt-title span {font-size: 18px !important;}
	/* admin theme */
	.js-admin-theme-page div.js-ticket-wrapper div.js-ticket-pic{width:30% !important;}
	.js-admin-theme-page div#jsst-header span.jsst-header-tab{width: calc(100% / 2 - 7px);margin:0 7px 7px 0 !important;}
	.js-admin-theme-page div#jsst-header span.jsst-header-tab .js-cp-menu-link{width:100%;}
	.js-admin-theme-page div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data1{border-top: unset !important;}
	.js-admin-theme-page div.js-ticket-sorting-left{width: 100%;text-align: center;}
	.js-admin-theme-page div.js-ticket-sorting-right{width: 100%;margin: auto;display: flex;justify-content: center;}
	.js-admin-theme-page .js_effect_preview div.js-ticket-wrapper div.js-ticket-data {width: 70% !important;padding: 30px 0;}
	.jsstadmin_themepaage_mainwrp div#jsstadmin-data{width: calc(100% - 88px);}
	/* addon status */
	div.jsstadmin-addons-list-data .jsstadmin-autoupdte-addons-cardwrp{align-items: flex-start;}
	/* email template */
	.js-ticket-default-template-section,
    .js-ticket-form-specific-templates-section {padding: 20px;}
    .js-ticket-default-template-title,
    .js-ticket-form-specific-templates-title,
    .js-ticket-existing-custom-templates-title {font-size: 16px;}
	.js-ticket-email-templates-wrapper{width: 100%;margin-top: 50px;}
    .js-ticket-button {width:fit-content;}
    .js-ticket-form-selection-wrapper {flex-direction: column;align-items: stretch;}
    .js-ticket-select-form {width: 100%;}
    .js-ticket-custom-templates-table th,
    .js-ticket-custom-templates-table td {padding: 10px;font-size: 13px;}
	.js-ticket-default-template-section, .js-ticket-form-specific-templates-section{margin-bottom: 10px;}
	/* installer */
	div#jsst-main-wrapper.post-installation .jsst-installationlogo{min-width: 135px;}
	div#jsst-main-wrapper div.close-button-bottom a.close-button img{min-width: 25px;}
	div#jsst-main-wrapper div.js-admin-title-installtion{position: relative;}
	div#jsst-main-wrapper div.close-button-bottom{position: absolute;top: 10px;right: 10px;}
	div#jsst-main-wrapper div.js-admin-title-installtion .jsst-installation-lftsection{padding-left: 0;}
	div#jsst-main-wrapper div.js-admin-title-installtion span.jsst_heading{font-size: 30px;}
	#jsstadmin-wrapper .js-hlpdsk-card-half{min-width:unset;max-width: 100%;width: 100%;}
	#jsstadmin-wrapper .js-hlpdsk-card-70{min-width:unset;max-width: 100%;width:100%;}


}
@media (max-width: 650px){
	/* admin-addons-status */
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status{display: block;float: left;text-align: center;line-height: 30px;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-addon-status-image-wrp{width:100%;float: left;display: flex;justify-content: center;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-addon-status-image-wrp img{width: auto;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-title-wrp{width:100%;float:left;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-title-wrp .ms-admin-adons-status-Deactive{display:block; width: 100%;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-title-wrp{line-height: 40px;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-title-wrp h2{margin: 8px 0 0px 0;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-addonstatus-wrp{width:100%;float: right;line-height: 40px;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-addonsversion-wrp{width:100%;float: right;}
	div.jsstadmin-addons-list-wrp div.jsst-admin-addon-status div.jsst-admin-addon-status-addonstatusbtn-wrp{width:100%;float: right;text-align: left;display: flex;justify-content: center;}
	/*review*/
	.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right div.js-ticket-review-row a {padding: 12px 25px;margin: 8px;}
	.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right div.js-ticket-review-row.review-description {line-height: 22px;padding: 15px 0 10px;}
	.jssupportticket-thanks-box-popup .thanks-msg-title {padding-top: 5px;font-size: 30px;}
	/*visible*/
	form.jsstadmin-form div.js-form-wrapper.js-form-visible-wrapper .js-form-input-field{width: calc(100% - 10px);margin: 0 5px 15px;}
	form.jsstadmin-form div.js-form-wrapper.js-form-visible-wrapper .js-form-select-field{width: calc(100% - 10px);margin: 0 5px 15px;}
	form.jsstadmin-form div.js-form-wrapper.js-form-visible-wrapper{width: calc(100% - 0px)}
	/* configuration */
	.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-title{width: 100% !important;text-align: unset !important;padding: 10px 0 !important;}
	.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-value{width: 100% !important;}
	.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-video{width: 100% !important;}
	.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-video a{width: 100% !important;margin: 15px 0 0 0 !important;}

	div#multiformpopup {width: 65%;}
	/* top header */
	div#jsstadmin-head .jsstadmin-head-text {width: 100%;margin-bottom: 20px;}
	div#jsstadmin-head .jsstadmin-add-link {float: left;}

	/* translations */
	div#js-lang-toserver div.col:first-child {width: 100%;margin-bottom: 10px;}
	div#js-lang-toserver div.col:last-child {width: 100%;padding-left: 0;}
	div#js_ddl span.button {margin-top: 15px;}

	/* tickets list */
	div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-left {width: 100%;}
	div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-right {width: 100%;text-align: left;}
	div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-right span.js-ticket-status,
	div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-right span.js-ticket-priority {margin-top: 10px;}
	div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data1 {width: 100%;padding: 20px 0;}

	/* forms */
	form.jsstadmin-form div.js-form-wrapper {width: 100%;margin: 0 0 20px;}
	form.jsstadmin-form div.js-form-wrapper.js-form-emailcc-wrapper {width: 100%;}
	.js-det-tkt-form .js-form-wrapper .tk_attachment_value_wrapperform .tk_attachment_value_text,
	#adminTicketform .tk_attachment_value_wrapperform .tk_attachment_value_text, 
	#adminDwnldform .tk_attachment_value_wrapperform .tk_attachment_value_text, 
	#adminKbform .tk_attachment_value_wrapperform .tk_attachment_value_text {width: 100%;margin-right: 0;}

	/* ticket detail */
	.js_ticketattachment {width: 100%;}
	.js-ticket-thread .js-ticket-thread-cnt-btm .js-ticket-thread-date {width: 100%;}
	.js-ticket-thread .js-ticket-thread-actions {width: 100%;}
	.js-det-tkt-form .js-form-wrapper .jsst-formfield-radio-button-wrap {width: calc(50% - 5px);margin-bottom: 5px;}

	/* export */
	.js-ticket-configuration-row {width: 100%;margin: 0 0 20px;}
	#cp_wraper .tabs ul li {margin-bottom: 5px;}

	/* field ordering */
	.input-field-wrapper {width: 100%;margin-right: 0;}
	.input-field-wrapper input {width: 93%;}

	/* permissions */
	.tk_permission_task_wraper .tk_permission_task_data {width: calc(50% - 5px) !important;margin-bottom: 5px;}
	#tk_form_wraper .js-form-wrapper {width: 100%;}
	.tk_permission_heading .tk_permission_heading_text {width: 100%;margin-bottom: 20px;}
	.tk_permission_heading .tk_permission_heading_sd_select {width: 100%;text-align: left;}

	/* configurations */
	#wp-new_ticket_message-wrap, 
	#wp-visitor_message-wrap, 
	#wp-feedback_thanks_message-wrap, 
	#wp-offline_message-wrap {width: 100%;margin: 0 0 20px;}

	/* reports */
	.js-admin-staff-cnt .js-report-staff-cnt .js-report-staff-post {max-width: 300px;}
	.js-admin-report.halfwidth:nth-child(2n+1) {width: 100%;margin-right: 0;}
	.js-admin-report.halfwidth:nth-child(2n) {width: 100%;margin-left: 0;}
	.js-admin-staff-cnt {width: 100%;}
	.js-admin-staff-wrapper .js-admin-staff-boxes {width: 100%;padding: 30px 0 0;}
	div.satisfaction-report-right {margin-left: 1%;margin-top: 30px;}
	div.jsst-statifacetion-report-wrapper div.jsst-satisfaction-report-bottom div.indi-stats {width: calc(50% - 12px);margin-bottom: 10px;}

	/* feedback */
	.jsst-feedback-det-wrp div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-left div.js-ticket-data-row div.js-ticket-data-row-rec {width: 100%;margin-right: 0;}
	.jsst-feedback-det-wrp div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data div.js-ticket-right span.js-ticket-priority {margin-top: 30px;}

	/* mail */
	.js-ticket-thread-reply .js-ticket-thread-pic {width: 20%;}
	.js-ticket-thread-reply .js-ticket-thread-wrapper {width: 80%;}

	/* addon list */
	div.jsst-addon-installer-wrapper div.jsst-addon-installer-left-section-wrap {width: 100%;}
	div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap {width: 100%;}
	div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item {width: 100%;margin: 0 0 20px;}
	div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item {width: 100%;margin: 0 0 20px;}
	div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper div.jsst-addon-installer-right-addon-section {height: auto;padding: 15px;}
	div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper div.jsst-addon-installer-right-addon-section div.jsst-addon-installer-right-addon-single {width: 100%;height: auto;}

	div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image{width: 100%;}
	/*agent auto assign*/
	.js-conditions-main-wrapper .js-conditions-body .js-conditions-body-row-wrapper .js-conditions-body-row {width: calc(100% / 1);}
	.js-conditions-main-wrapper .js-conditions-head .js-conditions-head-items {float: left;width: calc(100% / 1);border-bottom: 1px solid #fff;}

	/* agent */
	form.jsstadmin-form div.js-form-wpuser-data-wrapper {width: 100%;margin: 0 0 20px;}
	form.jsstadmin-form div.js-form-wpuser-data-wrapper div.js-form-wrapper {width: 100%;}

	/* help page */
	div#jsstadmin-data-wrp .jssticketadmin-help-top {background:#fff !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left,
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right {width: 100% !important;margin: 20px 0 0!important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left {margin-top: unset !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left .jssticketadmin-help-top-left-cnt-img,
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right .jssticketadmin-help-top-right-cnt-img {width: 100% !important;text-align: center;}
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left .jssticketadmin-help-top-left-cnt-info,
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right .jssticketadmin-help-top-right-cnt-info {width: 100% !important;text-align: center;padding: 20px 0 20px 0 !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt {width: 100% !important;margin-right: unset !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a {float: left;width: 100% !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a .jssticketadmin-help-btm-cnt-img {width: 100% !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a .jssticketadmin-help-btm-cnt-img img {width: 100%;}
	div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a .jssticketadmin-help-btm-cnt-title {width: 100% !important;text-align: center;}
	div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a .jssticketadmin-help-btm-cnt-title span {font-size: 18px !important;padding: 10px 0 0!important;}
	/* admin theme */
	.js-admin-theme-page div.js-ticket-myticket-link-myticket{width: 100%;}
	.js-admin-theme-page div.js-ticket-wrapper div.js-ticket-pic{width: 100% !important;}
	.js-admin-theme-page div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data{width: 100% !important;display: flex;flex-direction: column; align-items: center;justify-content: center;text-align: center;}
	.js-admin-theme-page .js-ticket-status-text-wrap{justify-content: center;}
	.js-admin-theme-page div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data1{width: 100% !important;text-align: center;}
	.js-admin-theme-page div.js-ticket-wrapper div.js-ticket-toparea div.js-ticket-data{padding: 0 0 5px 0 !important;}
	.js-admin-theme-page div.js-ticket-search-wrp div.js-ticket-form-wrp form.js-filter-form div.js-filter-wrapper div.js-filter-form-fields-wrp input.js-ticket-input-field{margin-right: 0;width: 100%;}
	.js-admin-theme-page div.js-ticket-search-wrp div.js-ticket-form-wrp form.js-filter-form div.js-filter-button-wrp input.js-ticket-reset-btn{margin-right: 0;width: calc(100% / 3 - 14px);}
	.jsstadmin_themepaage_mainwrp #jsstadmin-data-wrp #theme_heading{flex-wrap: wrap;gap: 10px;}
	/* update key */
	div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-slctall-addonswrp{flex-wrap: wrap;}
	div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-slctall-addonswrp .jsstadmin-update-key-slctall-addon-checkbox-wrp{margin-left: unset;}
	div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-section input{width: 95%;}
	/* AI Powered Response */
	.js-ticket-ai-powered-reply-wrapper {justify-content: center !important;}
	.js-ticket-ai-powered-reply-content {text-align: center;}
	/* installer */
	div#jsst-main-wrapper div.post-installtion-content div.pic-config{flex-direction: column;}
	div#jsst-main-wrapper div.post-installtion-content div.pic-config div.title{text-align: start;justify-content: flex-start;width: 100%;}
	div#jsst-main-wrapper div.post-installtion-content div.pic-config div.field input.jsst-postsetting, select.jsst-postsetting{width: 100% !important;}
	div#jsst-main-wrapper div.post-installtion-content div.pic-config div.field{width: 100%;}
	div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper div.jsst-addon-installer-right-addon-section div.jsst-addon-installer-right-addon-single{width:100%;}
	/* new cp addon section */
	#jsstadmin-wrapper .js-hlpdsk-addons-grid{flex-wrap: wrap;}
	#jsstadmin-wrapper .js-hlpdsk-addon-card{width: calc(100% / 2 - 8px);}
	#jsstadmin-wrapper .js-hlpdsk-header-container{flex-wrap: wrap;}
}
@media (max-width: 480px){
	/*review*/
	.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right div.js-ticket-review-row a {padding: 12px 20px;margin: 8px;}
	.js-ticket-review-default div.js-ticket-review-default-cnt div.js-ticket-review-default-cnt-right div.js-ticket-review-row.review-head {padding-left:40px;padding-right:40px;line-height: 28px;}
	.js-ticket-review-thanks-img {margin-top: 20px;height: 75px;}
	.jssupportticket-thanks-box-popup .thanks-msg-title {padding-top: 5px;font-size: 22px;}
	.jssupportticket-thanks-box-popup .thanks-msg-desc {padding: 15px 0;}
	/*configuration*/
	.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-title{width: 100% !important;text-align: unset !important;padding: 10px 0 !important;}
	.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-value{width: 100% !important;}
	.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-video{width: 100% !important;}
	.jsst_gen_body .js-ticket-configuration-row .js-ticket-configuration-video a{width: 100% !important;margin: 15px 0 0 0 !important;}
	
	div#multiformpopup {width: 80%;}
	/* cp */
	div#js-main-cp-wrapper div.js-ticket-count div.js-ticket-link {width: calc(100% / 2);}

	/* ticket list */
	div.js-ticket-count div.js-ticket-link {width: calc(100% / 2);}
	.js_ticketattachment .js_ticketattachment_fname {width: 56%;}
	.js-ticket-thread .js-ticket-thread-actions .js-ticket-thread-actn-btn {margin-bottom: 10px;}
	.js-det-tkt-form .js-form-wrapper .jsst-formfield-radio-button-wrap {width: 100%;margin-right: 0;}

	/* filter form */
	form.js-filter-form .js-form-input-field, 
	form.js-filter-form .js-form-select-field, 
	form.js-filter-form .js-form-date-field, 
	form.js-filter-form .js-form-cust-rad-fld-wrp {width: 100%;}

	/* add on list */
	div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-list div.add-on-item {width: 100%;margin: 0 0 15px;}
	div.jsstadmin-add-on-page-wrp div.add-on-page-cnt div.add-on-bundle-pack-list div.add-on-bundle-pack-item {width: 100%;margin: 0 0 15px;}

	/* email piping */
	#cron_job .crown_text_left,
	#cron_job .crown_text_right {width: 100%;padding: 10px;}

	/* field ordering */
	.input-field-wrapper input {width: 90%;} 

	/* forms */
	form.jsstadmin-form div.js-form-wrapper .jsst-formfield-radio-button-wrap {width: 100%;margin-bottom: 5px;}

	/* reports */
	.js-admin-staff-cnt .js-report-staff-cnt .js-report-staff-post {max-width: 230px;}
	div.statifacetion-report-left {width: 100%;}
	div.satisfaction-report-right {width: 40%;margin: 0 0 20px;}
	div.jsst-statifacetion-report-wrapper div.jsst-satisfaction-report-bottom div.indi-stats {width: 100%;margin-right: 0;padding: 5%;}

	/* installer */
	div.jsst-addon-installer-wrapper div.jsst-addon-installer-left-section-wrap {width: 100%;}
	div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap {width: 100%;padding: 50px 15px;}
	div.jsst-addon-installer-wrapper.step3 {padding: 50px 15px;}
	div.jsst-addon-installer-wrapper.step3 div.jsst-addon-installer-left-heading {margin: 25px 0;}
	
	/* permissions */
	.tk_permission_task_wraper .tk_permission_task_data {width: calc(100% - 5px) !important;margin-right: 0;}
	
	/* mail */
	.js-ticket-thread-reply .js-ticket-thread-pic {width: 30%;}
	.js-ticket-thread-reply .js-ticket-thread-wrapper {width: 70%;}
	
	/* themes */
	.jsstadmin_themepaage_mainwrp .js_effect_preview div.js-ticket-wrapper div.js-ticket-pic {width: 100% !important;border-right: 0;}
	.jsstadmin_themepaage_mainwrp .js_effect_preview div.js-ticket-wrapper div.js-ticket-data {width: 100% !important;}
	.jsstadmin_themepaage_mainwrp div.js_theme_section{width: 100%;}
	.jsstadmin_themepaage_mainwrp div.js_effect_preview{width: 100%;padding: 0 10px;}
	.jsstadmin_themepaage_mainwrp div#theme_heading div.left_side{border: none;}
	.jsstadmin_themepaage_mainwrp div#jsstadmin-data{width: 100%;}

	/* addon list */
	div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap {padding: 25px;}
	div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image{width: 100%;}
	div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-title{width: 100%;padding: 0px;text-align: center;padding-top: 10px;}
	div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image div.js-other-products-bottom div.js-product-bottom-btn{width: 100%;margin-top: 10px;padding-left: 68px;}
	div#jsstadmin-wrapper div.js-other-products-wrp div.js-other-products-detail div.js-other-products-image{padding-right: 0px;}
	/* autoupdte */
	div.jsstadmin-addons-list-data .jsstadmin-autoupdte-addons-cardwrp{flex-wrap: wrap;justify-content: center;text-align: center;padding: 20px 10px;}
	div.jsstadmin-addons-list-data .jsstadmin-autoupdte-addons-cardwrp .jsstadmin-autoupdte-addons-cardwrp-rightwrp{justify-content: center;text-align: center;}
	div.jsstadmin-addons-list-data .jsstadmin-autoupdte-addons-cardwrp .jsstadmin-autoupdte-addons-card-btn{margin-right: 0;}
	/*agent auto assign*/
	.js-conditions-main-wrapper .js-conditions-body .js-conditions-body-row-wrapper .js-conditions-body-row {width: calc(100% / 1);}
	.js-conditions-main-wrapper .js-conditions-head .js-conditions-head-items {float: left;width: calc(100% / 1);border-bottom: 1px solid #fff;}

	/* help page */
	div#jsstadmin-data-wrp .jssticketadmin-help-top {background:#fff !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left,
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right {width: 100% !important;margin: 20px 0 0 !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left {margin-top: unset !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left .jssticketadmin-help-top-left-cnt-img,
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right .jssticketadmin-help-top-right-cnt-img {width: 100% !important;text-align: center;}
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-left .jssticketadmin-help-top-left-cnt-info,
	div#jsstadmin-data-wrp .jssticketadmin-help-top .jssticketadmin-help-top-right .jssticketadmin-help-top-right-cnt-info {width: 100% !important;text-align: center;padding: 20px 0 20px 0 !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt {width: 100% !important;margin-right: unset !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a {float: left;width: 100% !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a .jssticketadmin-help-btm-cnt-img {width: 100% !important;}
	div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a .jssticketadmin-help-btm-cnt-img img {width: 100%;}
	div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a .jssticketadmin-help-btm-cnt-title {width: 100% !important;text-align: center;}
	div#jsstadmin-data-wrp .jssticketadmin-help-btm .jssticketadmin-help-btm-wrp .jssticketadmin-help-btm-cnt a .jssticketadmin-help-btm-cnt-title span {font-size: 18px !important;padding: 10px 0 0!important;}
	
	/* Ticket Detail */
	.js-ticket-thread .js-ticket-thread-cnt .js-ticket-thread-data .js-ticket-thread-read-status-detail {min-width: 250px;}
	/* update key */
	div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-section input{width: 100%;}
	div#jsstadmin-data-wrp .jsstadmin-update-key-form .jsstadmin-update-key-wrp .jsstadmin-update-key-section{padding: 10px;}

	/* AI Powered Reply	*/
	.js-ticket-matching-tickets-section .js-ticket-section-heading {max-width: 100%;}
	.js-ticket-filter-group {margin-left: 0;}
	/* email template */
	.js-ticket-email-templates-wrapper {padding: 2.5%;}
    .js-ticket-default-template-section,
    .js-ticket-form-specific-templates-section {padding: 15px;}
    .js-ticket-default-template-description,
    .js-ticket-form-specific-templates-description {font-size: 13px;}
    .js-ticket-custom-templates-table th,
    .js-ticket-custom-templates-table td {padding: 8px;font-size: 12px;display: block;width: 100%;box-sizing: border-box;}
    .js-ticket-custom-templates-table thead {display: none;}
    .js-ticket-custom-templates-table td:before {content: attr(data-label);font-weight: bold;display: inline-block;width: 100px;}
    .js-ticket-custom-templates-table tbody tr {margin-bottom: 10px;display: block;border: 1px solid #eee;border-radius: 5px;padding: 10px;}
    .js-ticket-action-link {margin: 0 3px;}
	#jsst-import-data-result-table tbody tr td{flex-wrap: wrap;}
	/* installer */
	div#jsst-main-wrapper div.post-installtion-content-header ul.update-header-img li.header-parts{width: 100%;}
	div#jsst-main-wrapper div.jsst-config-topheading{flex-wrap: wrap;}
	div#jsst-main-wrapper div.post-installtion-content div.pic-config textarea.js-textarea{min-width: unset;width :100%;}
	div#jsst-main-wrapper div.post-installtion-content{padding: 0 20px;}
	div#jsst-main-wrapper div.post-installtion-content-wrapper{padding: 20px;}
	div#jsst-main-wrapper div.post-installtion-content div.pic-button-part{gap: 10px;}
	div#jsst-main-wrapper div.post-installtion-content div.pic-button-part a{width: calc(100% / 2 - 5px);}
	div#jsstadmin-data-wrp.jsst-addon-installer-mainwrp{padding: 30px;}
	div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-key-section div.jsst-addon-installer-right-key-field div.jsst-addon-installer-right-key-field-message{text-align: start;}
	div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap{padding:50px 15px 15px;}
	div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper div.jsst-addon-installer-right-addon-section div.jsst-addon-installer-right-addon-single{min-height: unset;}
	div.jsst-addon-installer-wrapper div.jsst-addon-installer-right-section-wrap div.jsst-addon-installer-right-addon-wrapper div.jsst-addon-installer-right-addon-section {padding: 0;}
	div#jsst-main-wrapper div.js-admin-title-installtion .jsst-installation-lftsection{flex-direction: column;}
	div#jsst-main-wrapper div.js-admin-title-installtion span.jsst_heading{text-align: center;}
	/* new cp */
	#jsstadmin-wrapper .js-hlpdsk-card-third{width:100%;}
	#jsstadmin-wrapper .js-hlpdsk-daily-flow-card{min-height:164px;}
	.js-customize-dashboard-btn {margin-bottom: 10px;}
	/* cp addons update message */
	#jsstadmin-wrapper .js-hlpdeske-message-bar{flex-wrap: wrap;justify-content: center;position: relative;}
	#jsstadmin-wrapper .js-hlpdeske-message-content{flex-wrap: wrap;justify-content: center;text-align: center;}
	#jsstadmin-wrapper .js-hlpdeske-close-button{position: absolute;top: 10px;right: 10px;}
	#jsstadmin-wrapper .js-hlpdsk-addon-card{width:100%;}
	.menu-collapsed .jsstadmin-sidebar-menu{display:none;}
	div#jsstadmin-leftmenu.menu-collapsed{width: 100%;}
	.jsstadmin-sidebar-menu{display: block;}
	div#jsstadmin-wrapper{flex-direction: column;}
	div#jsstadmin-leftmenu{height: fit-content;}
	.menu-collapsed .js-support-ticket-configurations .jsstadmin-sidebar-menu{display:block;}
	.menu-collapsed .js-support-ticket-configurations .jsstadmin-sidebar-menu .jsst_menu-icon{width: 24px;height: 24px;}
	/* body.menu-collapsed div#jsstadmin-wrapper main.jsstadmin-right-content {width: calc(100% - 68px);margin-left: 68px;} */
	#jsstadmin-leftmenu.menu-collapsed .jsst-anchor {gap: 12px;}
	#jsstadmin-leftmenu.menu-collapsed #jsstadmin-logo {justify-content: space-between;}
	#jsstadmin-leftmenu.menu-collapsed .logo-text,
	#jsstadmin-leftmenu.menu-collapsed #jsstadmin-menu-toggle,
	#jsstadmin-leftmenu.menu-collapsed .jsst_text,
	#jsstadmin-leftmenu.menu-collapsed .menu-header,
	#jsstadmin-leftmenu.menu-collapsed .jsstadmin-sidebar-submenu,
	#jsstadmin-leftmenu.menu-collapsed a::after {display: flex;opacity: 1;}
	div#jsstadmin-leftmenu #jsstadmin-logo #jsstadmin-menu-toggle{transform: rotate(-90deg) scaleX(0.7);}
	div#jsstadmin-leftmenu.menu-collapsed #jsstadmin-logo #jsstadmin-menu-toggle{transform: rotate(0deg) scaleX(0.7);}
}




