/* .smsf-shortcode-tickets .wpas-alert{
    display: none;
} */
.smsf-shortcode-tickets #wplink-link-existing-content{
    display: none;
}
.page-template-smsf-ticket .page-content {
    background-color: #F7F7F7;
    position: relative;
    z-index: 1001;
}
body.woocommerce-account .page-content .woocommerce {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* body.woocommerce-account .woocommerce .myaccount-navigation {
    height: auto;
    padding-bottom: 125px;
} */
.page-template-smsf-ticket .menu-sticky {
    display: none;
}
.page-template-smsf-ticket .header-line {
    display: none;
}
/* .logged-in.woocommerce-account.page-template-smsf-ticket .section-cms-page .container,
.page-template-smsf-ticket .section-cms-page .container {
    max-width: 1440px;
    padding-left: 0;
    padding-right: 20px;
} */
/* .page-template-smsf-ticket.woocommerce-account .woocommerce {
    display: flex;
    flex-wrap: wrap;
} */
/* .page-template-smsf-ticket.woocommerce-account .woocommerce .myaccount-navigation {
    width: 217px;
    margin: 0;
    border-radius: 0 3px 0 0;
    padding-top: 34px;
    height: auto;
} */
.body-smsf-ticket-form.page-template-smsf-ticket.woocommerce-account.logged-in .woocommerce-MyAccount-content {
    max-width: calc(100% - 217px - 30px);
    background-color: #ffffff;
    padding: 25px 50px 38px;
    border-radius: 3px 0 0;
    margin-left: auto;
}
.wpas-login-register,
.wpas-row {
    margin-left: -15px;
    margin-right: -15px
}

.wpas-login-register:after,
.wpas-reply-meta:after,
.wpas-row:after,
.wpas-ticket-buttons-top:after {
    clear: both
}

#wpas_ticketlist_filter input,
.wpas-form-control {
    width: 100%;
    color: #555;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.wpas *,
.wpas :after,
.wpas :before {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.wpas-row:after,
.wpas-row:before {
    content: " ";
    display: table;
    line-height: 0
}

.wpas-one-half,
.wpas-one-third,
.wpas-two-third {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.wpas-form-group {
    margin-bottom: 41px
}

.wpas-checkbox label {
    font-weight: 400
}

.wpas-form-group>label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    margin-right: 15px;
    font-weight: 700
}

.wpas-form-control-loading,
.wpas-pagi-loader {
    background-image: url(../images/loading-spin.svg);
    background-repeat: no-repeat
}

.wpas-form-control-loading {
    background-position: right 10px center;
    background-size: 16px 16px
}

textarea.wpas-form-control {
    height: auto
}

.wpas-help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

.wpas-btn,
.wpas-ticket-details-header {
    margin-bottom: 0
}

#wpas_emailvalidation strong {
    cursor: pointer
}

.wpas-btn {
    display: inline-block;
    margin-right: 12px;
    margin-top: 6px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent
}
.wpas-btn.wpas-btn-default,
.wpas-btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    margin-top: 0;
}

.wpas-btn-default.active,
.wpas-btn-default.focus,
.wpas-btn-default:active,
.wpas-btn-default:focus,
.wpas-btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.wpas-label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.wpas-table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: collapse;
    border: none;
    table-layout: auto
}

.wpas-table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.wpas-table>caption+thead>tr:first-child>td,
.wpas-table>caption+thead>tr:first-child>th,
.wpas-table>colgroup+thead>tr:first-child>td,
.wpas-table>colgroup+thead>tr:first-child>th,
.wpas-table>thead:first-child>tr:first-child>td,
.wpas-table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.wpas-table>thead>tr>th {
    text-align: left
}

.wpas-table>tbody>tr>td,
.wpas-table>tbody>tr>th,
.wpas-table>tfoot>tr>td,
.wpas-table>tfoot>tr>th,
.wpas-table>thead>tr>td,
.wpas-table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border: none;
    border-top: 1px solid #ddd
}

.wpas-login-register:after,
.wpas-login-register:before {
    content: " ";
    display: table;
    line-height: 0
}

.wpas-login-register .wpas-form {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.wpas-login-register .wpas-form h3 {
    margin-bottom: 15px;
    line-height: 1
}

.wpas-login-register .wpas-form-group>label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

#wpas_ticketlist_filter input,
.wpas-submit-ticket-wysiwyg,
.wpas-wysiwyg-textarea {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.wpas-forgot-password-link {
    margin-left: 10px;
    font-size: smaller;
    opacity: .75;
    margin-top: 10px;
    display: inline-block;
    margin-left: 0;
}

#wpas_ticketlist_filter {
    margin-bottom: 15px;
    text-align: left;
    max-width: 300px
}

#wpas_ticketlist_filter>label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    margin-right: 15px;
    font-weight: 700
}

#wpas_ticketlist_filter input {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    margin-left: 0
}

.wpas-ticket-buttons-top {
    margin-bottom: 2em
}

.wpas-ticket-buttons-top:after,
.wpas-ticket-buttons-top:before {
    content: " ";
    display: table;
    line-height: 0
}

.wpas-ticket-buttons-top .wpas-link-logout {
    float: right
}

.wpas-ticket-buttons-top .wpas-link-logout:after {
    display: inline-block;
    content: '';
    height: 14px;
    width: 14px;
    vertical-align: middle;
    margin-left: 7px;
    opacity: .5;
    background-size: contain;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0D%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0D%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0D%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20width%3D%2293.614px%22%20height%3D%2293.614px%22%20viewBox%3D%220%200%2093.614%2093.614%22%20style%3D%22enable-background%3Anew%200%200%2093.614%2093.614%3B%22%0D%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cg%3E%0D%0A%09%3Cg%3E%0D%0A%09%09%3Cpath%20d%3D%22M80.463%2C51.983c-0.051%2C0-0.102-0.008-0.152-0.008v5.451v6.397v18.873H10.914V13.303h30.717%0D%0A%09%09%09c0-0.06-0.006-0.118-0.006-0.178V2.77c0-0.129%2C0.016-0.253%2C0.018-0.381H2.049C0.918%2C2.389%2C0%2C3.307%2C0%2C4.438v87.126%0D%0A%09%09%09c0%2C1.132%2C0.918%2C2.05%2C2.049%2C2.05h87.126c1.133%2C0%2C2.049-0.918%2C2.049-2.05V52.91v-0.943c-0.114%2C0.003-0.229%2C0.018-0.342%2C0.018%0D%0A%09%09%09L80.463%2C51.983L80.463%2C51.983z%22%2F%3E%0D%0A%09%09%3Cpath%20d%3D%22M64.776%2C16.958L25.688%2C56.047c-0.375%2C0.375-0.586%2C0.884-0.586%2C1.413c0%2C0.53%2C0.211%2C1.039%2C0.586%2C1.414l9.045%2C9.045%0D%0A%09%09%09c0.391%2C0.392%2C0.902%2C0.587%2C1.414%2C0.587c0.512%2C0%2C1.023-0.195%2C1.414-0.587l39.087-39.087l9.611%2C9.609%0D%0A%09%09%09c0.545%2C0.545%2C1.348%2C0.727%2C2.074%2C0.474c0.725-0.254%2C1.24-0.9%2C1.326-1.664l3.941-35.025c0.067-0.604-0.144-1.208-0.574-1.638%0D%0A%09%09%09c-0.43-0.431-1.035-0.644-1.637-0.573L56.366%2C3.956c-0.765%2C0.086-1.41%2C0.602-1.664%2C1.326c-0.254%2C0.726-0.067%2C1.532%2C0.476%2C2.075%0D%0A%09%09%09L64.776%2C16.958z%22%2F%3E%0D%0A%09%3C%2Fg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A")
}

.wpas-submit-ticket .wpas-link-ticketnew,
.wpas-ticket-list .wpas-link-ticketlist {
    display: none
}

.wpas-ticket-replies {
    table-layout: fixed
}

.wpas-ticket-replies .col1 {
    width: 90px
}

.wpas-ticket-replies .col2 {
    width: 100%
}

.wpas-ticket-replies>tbody>tr>td {
    padding: 25px 0;
    border-bottom: 1px solid #ddd
}

.wpas-ticket-replies>tbody>tr>td:first-child {
    padding-left: 20px
}

.wpas-ticket-replies>tbody>tr>td:last-child {
    padding-left: 20px;
    padding-right: 20px
}

.wpas-ticket-replies>tbody>tr.wpas_user_administrator>td,
.wpas-ticket-replies>tbody>tr.wpas_user_wpas_agent>td,
.wpas-ticket-replies>tbody>tr.wpas_user_wpas_manager>td,
.wpas-ticket-replies>tbody>tr.wpas_user_wpas_support_manager>td {
    background-color: #f5f5f5
}

.wpas-ticket-replies pre {
    width: 100%;
    overflow: auto
}

.wpas-reply-meta {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px
}

.wpas-reply-meta:after,
.wpas-reply-meta:before {
    content: " ";
    display: table;
    line-height: 0
}

.wpas-reply-meta .wpas-reply-user {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.wpas-reply-meta .wpas-reply-time {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: right
}

.wpas-reply-meta .wpas-timestamp {
    font-style: italic
}

.wpas-reply-meta .wpas-human-date {
    font-style: normal;
    display: none
}

.wpas-reply-content p:first-child {
    margin-top: 0
}

.wpas-reply-content p:last-child {
    margin-bottom: 0
}

.wpas-reply-single:hover .wpas-human-date {
    display: block
}

.wpas-reply-single:hover .wpas-date-ago {
    display: none
}

.wpas-reply-single td {
    transition: background .2s linear
}

.wpas-reply-single-added td {
    background-color: #ffffed
}

.wpas-user-profile {
    height: 64px;
    width: 64px;
    position: relative
}

.wpas-user-profile img {
    border-radius: 5px;
    transition: opacity .25s ease;
    margin: 0;
    padding: 0
}

.wpas-user-profile img:hover {
    opacity: .6
}

.wpas-reply-attachements {
    /* background-color: #efefef; */
    /* padding: 15px; */
    margin-top: 11px;
    /* border-top-color: #ddd; */
    border: none;
}
.wpas-reply-attachements ul li a {
    display: block;
    width: 53.81px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 9px;
    font-weight: 300;
    line-height: 16.67px;
    letter-spacing: -0.024694858118891716px;
    color: #1B214A;
    /* opacity: 0.7; */
    background: none;
}
.wpas-reply-attachements .filename{
    display: flex;
}
.wpas-reply-attachements .filename .name{
    overflow: hidden;
    text-overflow: ellipsis;
}
.wpas-reply-attachements .filename .ext{
    text-transform: uppercase;
}
.wpas-reply-attachements ul li {
    display: inline-block;
    font-size: 0;
    margin-right: 16px;
    line-height: 1;
}

.wpas-reply-attachements ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.wpas-reply-attachements ul li a:before {
    content: '';
    width: 53.81px;
    height: 53.81px;
    background-image: url(../images/dropzone-thumbnail.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 31px;
    border: 1px solid #91467F;
    border-radius: 5px;
    display: block;
}
.wpas-reply-attachements strong {
    display: inline-block;
    margin-bottom: 13px;
    font-weight: normal;
    color: #3F3E5E;
}

.entry-content .wpas-reply-attachements ol,
.entry-content .wpas-reply-attachements ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.wpas-pagi {
    text-align: center
}

.wpas-pagi p {
    margin-bottom: 0
}

.wpas-pagi-loading .wpas-pagi-text {
    display: none
}

.wpas-pagi-loading .wpas-pagi-loader {
    display: block
}

.wpas-pagi-loader {
    display: none;
    text-indent: -9999em;
    margin-left: auto;
    margin-right: auto;
    background-size: contain
}

.footable-sort-indicator {
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    font-size: 60%;
    opacity: .5;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 5px
}

.footable-sort-indicator:hover {
    cursor: pointer
}

.footable-sorted .footable-sort-indicator:before {
    content: '▲'
}

.footable-sorted-desc .footable-sort-indicator:before {
    content: '▼'
}

#wpas_ticketlist_filters {
    margin-bottom: 1em
}

#wpas_filter_wrap {
    position: relative
}

#wpas_filter_wrap .wpas-clear-filter {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 24px;
    width: 14px;
    height: 14px;
    background: url(../images/close.svg) no-repeat;
    background-size: contain;
    opacity: .25;
    cursor: pointer;
    transition: opacity .3s ease
}

#wpas_filter_wrap .wpas-clear-filter:hover {
    opacity: .5
}

.wpas_table_pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.wpas_table_pagination>li {
    display: inline
}

.wpas_table_pagination>li>a,
.wpas_table_pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.wpas_table_pagination>li:first-child>a,
.wpas_table_pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.wpas_table_pagination>li:last-child>a,
.wpas_table_pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.wpas_table_pagination>li>a:focus,
.wpas_table_pagination>li>a:hover,
.wpas_table_pagination>li>span:focus,
.wpas_table_pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.wpas_table_pagination>.active>a,
.wpas_table_pagination>.active>a:focus,
.wpas_table_pagination>.active>a:hover,
.wpas_table_pagination>.active>span,
.wpas_table_pagination>.active>span:focus,
.wpas_table_pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default
}

.wpas_table_pagination>.disabled>a,
.wpas_table_pagination>.disabled>a:focus,
.wpas_table_pagination>.disabled>a:hover,
.wpas_table_pagination>.disabled>span,
.wpas_table_pagination>.disabled>span:focus,
.wpas_table_pagination>.disabled>span:hover {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.wpas_table_pagination-lg>li>a,
.wpas_table_pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.wpas_table_pagination-lg>li:first-child>a,
.wpas_table_pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.wpas_table_pagination-lg>li:last-child>a,
.wpas_table_pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.wpas_table_pagination-sm>li>a,
.wpas_table_pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.wpas_table_pagination-sm>li:first-child>a,
.wpas_table_pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.wpas_table_pagination-sm>li:last-child>a,
.wpas_table_pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

@media (min-width:768px) {
    .wpas-one-half {
        float: left;
        width: 50%
    }

    .wpas-one-third {
        float: left;
        width: 33.33333333%
    }

    .wpas-two-third {
        float: left;
        width: 66.66666667%
    }

    .wpas-login-register .wpas-form {
        float: left;
        width: 50%
    }

    .wpas-reply-meta .wpas-reply-user {
        float: left;
        width: 33.33333333%
    }

    .wpas-reply-meta .wpas-reply-time {
        float: left;
        width: 66.66666667%
    }
}

@media (max-width:1200px) {

    .wpas-table td:nth-child(n+8),
    .wpas-table th:nth-child(n+8) {
        display: none
    }
}

@media (max-width:992px) {
    .wpas-ticket-buttons-top .wpas-link-logout {
        float: inherit
    }

    .wpas-table td:nth-child(n+5),
    .wpas-table th:nth-child(n+5) {
        display: none
    }
}

@media (max-width:768px) {
    #wpas_filter {
        margin-top: .5em
    }

    .wpas-table td:nth-child(n+3),
    .wpas-table th:nth-child(n+3) {
        display: none
    }
}


/* Saul-SMSF Custom */

.saul-smsf-ticket-list-container {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.saul-smsf-tickets {
    position: relative;
}
body .saul-smsf-ticket-container .loader::before{
    display: block;
    position: absolute;
    top: 100px;
    left: 50%;
    content: '';
    width: 86.77px;
    height: 86.77px;
    background: url('../../assets/images/loader.svg');
    background-size: cover;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    margin: 0;
    }

    @keyframes rotation {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.saul-smsf-ticket-container .loader > *{
    opacity: 0.25;
    pointer-events: none;
}

.saul-smsf-ticket-item {
    display: flex;
    flex-direction: column;
    padding: 19px 29px 17px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid rgba(27, 33, 74, 0.7);
    border-left: transparent;
    margin-top: 25px;
    margin-bottom: 1px;
    overflow: hidden;
    position: relative;
    transition: all .5s;
}
.saul-smsf-ticket-item:hover {
    background: #F7F7F7;
    -webkit-box-shadow: 11px 15px 8px rgba(112, 112, 112, 0.01), 6px 9px 6px rgba(112, 112, 112, 0.05), 3px 4px 5px rgba(112, 112, 112, 0.09), 1px 1px 3px rgba(112, 112, 112, 0.1);
    box-shadow: 11px 15px 8px rgba(112, 112, 112, 0.01), 6px 9px 6px rgba(112, 112, 112, 0.05), 3px 4px 5px rgba(112, 112, 112, 0.09), 1px 1px 3px rgba(112, 112, 112, 0.1);
}
.saul-smsf-ticket-item .status-border-color {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    height: 100%;
    width: 3px;
    background-color: #91467F;
}
.saul-smsf-ticket-item:first-child {
    margin-top: 0;
}
.saul-smsf-ticket-item.ticket-item-in-review .status-border-color {
    background-color: #EFB257;
}

.saul-smsf-ticket-item.ticket-item-open .status-border-color {
    background-color: #91467F;
}

.saul-smsf-ticket-item.ticket-item-resolved .status-border-color {
    background-color: #696969;    
}
.saul-smsf-ticket-item .saul-smsf-ticket-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 17px;
}

.saul-smsf-ticket-item .saul-smsf-ticket-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    text-align: left;
    padding-right: 35px;
}
.saul-smsf-ticket-item .saul-smsf-ticket-header h3 a:hover{
    color: currentColor;
}
.saul-smsf-ticket-item .saul-smsf-ticket-header .status {
    padding: 7.6px 15.5px 6.5px;
    border-radius: 3px;
    color: #fff;
    flex: none;
    font-size: 13px;
    font-weight: 400;
    line-height: 16.9px;
    text-align: left;
    text-transform: uppercase;
    cursor: default;
}
.saul-smsf-ticket-item .saul-smsf-ticket-header .status.status-replied {
    color: #1B214A;
}
.saul-smsf-ticket-item .saul-smsf-ticket-header .status.status-open {
    background-color: #91467F;
}

.saul-smsf-ticket-item .saul-smsf-ticket-header .status.status-in-review {
    background-color: #f39c12;
    color: #1B214A;
    padding: 8px 14.5px 6px;
}

.saul-smsf-ticket-item .saul-smsf-ticket-header .status.status-resolved {
    background-color: #696969;
}
.saul-smsf-ticket-item .saul-smsf-ticket-header .status.status-reply,
.saul-smsf-ticket-item .saul-smsf-ticket-header .status.status-reply {
    background-color: rgba(172, 206, 236, 0.8);
    color: #1B214A;
}
.saul-smsf-ticket-item .saul-smsf-ticket-assign{
    font-size: 12px;
    font-weight: 400;
    line-height: 15.6px;
    margin-bottom: 12px;
    text-transform: uppercase;
}
.saul-smsf-ticket-item .saul-smsf-ticket-content {
    margin-bottom: 10px;
    color: rgba(27, 33, 74, 0.7);
}
.saul-smsf-ticket-item .saul-smsf-ticket-content strong {
    font-weight: 600;
}
.saul-smsf-ticket-item .saul-smsf-ticket-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.6px;
    border-top: 0.5px solid rgba(27, 33, 74, 0.5);
    margin-top: 15px;
    padding-top: 18px;
    gap: 30px;
}
.saul-smsf-ticket-item .saul-smsf-ticket-footer .wpas-form-group {
    margin-bottom: 0;
}
.saul-smsf-ticket-item .saul-smsf-ticket-footer .priority {
    display: flex;
    align-items: center;
}

.saul-smsf-ticket-item .saul-smsf-ticket-footer .priority .priority-label {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    font-weight: bold;
    color: #fff;
}
.saul-smsf-ticket-item .saul-smsf-ticket-footer .wpas-form-group label {
    display: none;
}
.saul-smsf-ticket-item .coverlink{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none!important;
    background: none!important;
}

.select2-container #select2-wpas_ticket_priority-results .select2-results__option[aria-selected] {
    padding: 12px 16px 11px;
}

.select2-container #select2-wpas_ticket_priority-results .select2-results__option[aria-selected] .icon {
    margin-right: 10px;
}
.saul-smsf-ticket-footer .select2-container {
    width: 119.5px !important;
}

.saul-smsf-ticket-footer .select2-container.select2-container--default .select2-selection--single {
    border: 1px solid rgba(27, 33, 74, 0.7);
    border-radius: 3px;
    padding: 0 16px;
    height: 30px;
    font-size: 12px;
    font-weight: 400;
    line-height: 15.6px;
    align-items: center;
    display: inline-flex;
    margin: 0;
}
.saul-smsf-ticket-footer .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
    font-weight: 400;
    line-height: 15.6px;
}
.saul-smsf-ticket-footer .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered .icon {
    margin-right: 10px;
}
.saul-smsf-ticket-footer .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url('data:image/svg+xml,<svg width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.4629 0.66748L6.70312 6.42725L0.943359 0.66748" stroke="%231B214A" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: 13.5px;
    right: 9px;
}

.priority-high {
    background-color: #e74c3c;
}

.priority-medium {
    background-color: #f39c12;
}

.priority-low {
    background-color: #2ecc71;
}

.saul-smsf-ticket-item .saul-smsf-ticket-footer a {
    margin-left: auto;
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.92188 1.37012L10.9421 6.3903M10.9421 6.3903L5.92188 11.4105M10.9421 6.3903H0.901693" stroke="%23EFB257" stroke-width="1.13663"/></svg>');
    color: #1B214A;
}

.saul-smsf-ticket-item .saul-smsf-ticket-footer .meta-info {
    margin-left: 0;
    text-transform: uppercase;
    display: flex;
    gap: 32px;
}

.saul-smsf-ticket-list {
    height: calc(100vh - 180px);
    height: calc(100dvh - 180px);
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: -15px;
    padding-right: 13px;
    /* margin-top: 25px; */
}
.admin-bar .saul-smsf-ticket-list {
    height: calc(100vh - 180px - 32px);
    height: calc(100dvh - 180px - 32px);
}
/* .dashboard--info .saul-smsf-ticket-list{
    height: calc(100vh - 180px);
    height: calc(100dvh - 180px);
} */
.wpas-ticket-details .ticket-content::-webkit-scrollbar-track,
.saul-smsf-ticket-list::-webkit-scrollbar-track {
	background-color: rgba(48, 54, 102, 0.3);
}

.wpas-ticket-details .ticket-content::-webkit-scrollbar,
.saul-smsf-ticket-list::-webkit-scrollbar {
	width: 2px;
	background-color: rgba(48, 54, 102, 0.3);
}
.wpas-ticket-details .ticket-content::-webkit-scrollbar-thumb,
.saul-smsf-ticket-list::-webkit-scrollbar-thumb {
	background-color: rgba(48, 54, 102, 0.8);
}
.saul-smsf-ticket-filters-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
}
.smsf-ticket-per-page {
    display: flex;
    align-items: center;
}

.smsf-ticket-per-page .per-page-dropdown {
    margin-left: 9px;
    margin-right: 9px;
}

.smsf-ticket-per-page .per-page-dropdown .select2-container {
    width: 49px !important;
}
.smsf-ticket-per-page .select2-container.select2-container--default .select2-selection--single {
    border: 1px solid #1B214A;
    padding: 3px 5px;
    line-height: 18.2px;
}
.smsf-ticket-per-page .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 18.2px;
}
.smsf-ticket-per-page .select2-container--default .select2-results>.select2-results__options {
    max-height: 100%;
}
.select2-container #select2-smsf-ticket-per-page-results {
    overflow: visible;
    padding: 0 5px;
    border-top: 1px solid #1B214A;
}
.select2-container .select2-dropdown.select2-dropdown--above #select2-smsf-ticket-per-page-results:before {
    content: '';
    position: absolute;
    left: -1px;
    top: 100%;
    height: 1px;
    border-left: 1px solid #1B214A;
}

.select2-container span.select2-dropdown.select2-dropdown--above #select2-smsf-ticket-per-page-results:after {
    content: '';
    position: absolute;
    right: -1px;
    top: 100%;
    height: 1px;
    border-left: 1px solid #1B214A;
}

.select2-container span.select2-dropdown.select2-dropdown--above #select2-smsf-ticket-per-page-results {
    position: relative;
}
.select2-container #select2-smsf-ticket-per-page-results .select2-results__option[aria-selected] {
    font-size: 14px;
    font-weight: 300;
    line-height: 18.2px;
    color: #1B214A;
    background: transparent;
    justify-content: flex-start;
    padding: 3.4px 0;
    border-bottom: 0.5px solid #1B214A;
    border-top: 0;
}

.select2-container #select2-smsf-ticket-per-page-results .select2-results__option[aria-selected]:last-child {
    border: none;
}
.smsf-ticket-per-page .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url('data:image/svg+xml,<svg width="17" height="10" viewBox="0 0 17 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.944092 0.907226L8.68689 8.65002L16.4297 0.907227" stroke="%231B214A" stroke-width="1.53202"/></svg>');
    background-size: 17px;
    right: 4px;
}
.smsf-ticket-pagination {
    display: flex;
    align-items: center;
}

.smsf-ticket-pagination .page-numbers.prev,
.smsf-ticket-pagination .page-numbers.next {
    width: 42px;
    height: 42px;
    background-position: center;
    transition: all 0.35s;
    border-radius: 100%;
    background-size: 22px;
    color: #1B214A;
    font-size: 0;
    background: none;
    position: relative;
    border: 1px solid #1B214A;
}
.smsf-ticket-pagination .page-numbers.prev:hover,
.smsf-ticket-pagination .page-numbers.next:hover {
    border-color: #752963;
}
.smsf-ticket-pagination .page-numbers.prev:before, 
.smsf-ticket-pagination .page-numbers.next:before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
    content: '';
    width: 22px;
    height: 16px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -11px;
    transition: all 0.35s;
}

.smsf-ticket-pagination .page-numbers.prev:before {
    background-image: url('data:image/svg+xml,<svg width="22" height="16" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.24848 9.03377L3.99241 8.7777L4.35454 8.7777L21.5897 8.7777L21.5897 7.22404L4.35454 7.22404L3.99241 7.22404L4.24848 6.96798L9.11393 2.10253L8.01552 1.00412L1.01877 8.00087L8.01552 14.9976L9.11393 13.8992L4.24848 9.03377Z" fill="%231B214A" stroke="white" stroke-width="0.3"/></svg>');
}
.smsf-ticket-pagination .page-numbers.prev:hover:before {
    background-image: url('data:image/svg+xml,<svg width="22" height="16" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.24848 9.03377L3.99241 8.7777L4.35454 8.7777L21.5897 8.7777L21.5897 7.22404L4.35454 7.22404L3.99241 7.22404L4.24848 6.96798L9.11393 2.10253L8.01552 1.00412L1.01877 8.00087L8.01552 14.9976L9.11393 13.8992L4.24848 9.03377Z" fill="%23752963" stroke="white" stroke-width="0.3"/></svg>');
    transform: translateX(-3px);
}

.smsf-ticket-pagination .page-numbers.next:before {
    background-image: url('data:image/svg+xml,<svg width="22" height="16" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.8445 6.96623L18.1006 7.2223L17.7385 7.2223L0.503312 7.22229L0.503311 8.77595L17.7385 8.77596L18.1006 8.77596L17.8445 9.03202L12.9791 13.8975L14.0775 14.9959L21.0742 7.99913L14.0775 1.00238L12.9791 2.10078L17.8445 6.96623Z" fill="%231B214A" stroke="white" stroke-width="0.3"/></svg>');
}

.smsf-ticket-pagination .page-numbers.next:hover:before {
    background-image: url('data:image/svg+xml,<svg width="22" height="16" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.8445 6.96623L18.1006 7.2223L17.7385 7.2223L0.503312 7.22229L0.503311 8.77595L17.7385 8.77596L18.1006 8.77596L17.8445 9.03202L12.9791 13.8975L14.0775 14.9959L21.0742 7.99913L14.0775 1.00238L12.9791 2.10078L17.8445 6.96623Z" fill="%23752963" stroke="white" stroke-width="0.3"/></svg>');
    transform: translateX(3px);
}

.smsf-ticket-pagination .page-numbers {
    display: flex;
    margin: 0 12px;
    justify-content: center;
    align-items: center;
    font-size: 15.21px;
    font-weight: 300;
    line-height: 19.77px;
    color: #1B214A;
}

.smsf-ticket-pagination .page-numbers.current {
    font-weight: 500;
    opacity: 0.8;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.smsf-ticket-pagination .page-numbers.prev {
    margin-right: 9px;
    margin-left: 0;
}

.smsf-ticket-pagination .page-numbers.next {
    margin-left: 11px;
    margin-right: 0;
}
.smsf-ticket-pagination .page-numbers.disabled {
    opacity: 0.5;
    pointer-events: none;
}


/* saul-smsf-ticket-form */
.ticket-button-container{
    display: none;
}
.submission-succeeded .ticket-button-container,
.dashboard--info .ticket-button-container{
    display: block;
}
form.saul-smsf-ticket-form{
    background-color: #FFF;
    position: relative;
    z-index: 1;
}
form.saul-smsf-ticket-form .mce-container-body{
    display: flex;
    flex-direction: column-reverse;
}
/* form.saul-smsf-ticket-form .mce-toolbar {
    display: none;
} */
form.saul-smsf-ticket-form i.mce-ico{
    background-size: 20px 15px;
    background-repeat: no-repeat;
}
form.saul-smsf-ticket-form i.mce-ico:before{
    content: '';
}
form.saul-smsf-ticket-form i.mce-i-forecolor{
    opacity: 0;
}
form.saul-smsf-ticket-form i.mce-i-forecolor+.mce-preview{
    width: 20px;
    height: 20px;
}
form.saul-smsf-ticket-form i.mce-i-undo{
    background-image: url('../images/tinymce/undo.svg');
}
form.saul-smsf-ticket-form i.mce-i-redo{
    background-image: url('../images/tinymce/redo.svg');
}
form.saul-smsf-ticket-form i.mce-i-align{
    background-image: url('../images/tinymce/align.svg');
}
form.saul-smsf-ticket-form i.mce-i-bold{
    background-image: url('../images/tinymce/bold.svg');
}
form.saul-smsf-ticket-form i.mce-i-italic{
    background-image: url('../images/tinymce/italic.svg');
}
form.saul-smsf-ticket-form i.mce-i-underline{
    background-image: url('../images/tinymce/underline.svg');
}
form.saul-smsf-ticket-form i.mce-i-removeformat{
    background-image: url('../images/tinymce/removeformat.svg');
}
form.saul-smsf-ticket-form i.mce-i-bullist{
    background-image: url('../images/tinymce/bullist.svg');
}
form.saul-smsf-ticket-form i.mce-i-numlist{
    background-image: url('../images/tinymce/numlist.svg');
}
form.saul-smsf-ticket-form i.mce-i-link{
    background-image: url('../images/tinymce/link.svg');
}
form.saul-smsf-ticket-form i.mce-i-blockquote{
    background-image: url('../images/tinymce/blockquote.svg');
}
form.saul-smsf-ticket-form i.mce-i-strikethrough{
    background-image: url('../images/tinymce/strikethrough.svg');
}
form.saul-smsf-ticket-form i.mce-i-wp_code{
    background-image: url('../images/tinymce/code.svg');
}
form.saul-smsf-ticket-form i.mce-i-hr{
    background-image: url('../images/tinymce/horizontal-rule.svg');
}
form.saul-smsf-ticket-form i.mce-i-indent{
    background-image: url('../images/tinymce/indent.svg');
    background-size: 15px 10px;
}
form.saul-smsf-ticket-form i.mce-i-outdent{
    background-image: url('../images/tinymce/outdent.svg');
    background-size: 15px 10px;
}
form.saul-smsf-ticket-form .wpas-uploader-dropzone{
    pointer-events: none;
    border: 0;
    display: none;
}
form.saul-smsf-ticket-form .wpas-uploader-dropzone.dz-started{
    display: flex;
    margin-bottom: 0;
}
form.saul-smsf-ticket-form .wpas-uploader-dropzone .dz-preview{
    pointer-events: auto;
    margin: 14px 0 0 0;
    min-height: 0;
}
form.saul-smsf-ticket-form .wpas-form-group#wpas_files_wrapper {
    margin-bottom: 16px;
}
form.saul-smsf-ticket-form button.wpas-btn.wpas-btn-default[name="wpas-submit"] {
    text-transform: capitalize;
    padding: 14px 40px 14px 15px;
    width: 230px;
    background-image: url('data:image/svg+xml,<svg width="27" height="26" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.90625 0.712891L25.7647 0.712891M25.7647 0.712891V25.5714M25.7647 0.712891L0.90625 25.5714" stroke="white" stroke-width="0.977132"/></svg>');
    background-size: 27px;
    background-position: right 15px center;
    margin-top: 20px;
}
form.saul-smsf-ticket-form button.wpas-btn.wpas-btn-default[name="wpas-submit"]:hover {
    padding: 14px 40px 14px 18px;
    background-image: url('data:image/svg+xml,<svg width="27" height="26" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.90625 0.712891L25.7647 0.712891M25.7647 0.712891V25.5714M25.7647 0.712891L0.90625 25.5714" stroke="%23EFB257" stroke-width="0.977132"/></svg>');;
    background-size: 27px;
    background-position: right 18px center;
}
form.saul-smsf-ticket-form .dz-remove {
    cursor: pointer;
}

form.saul-smsf-ticket-form .dz-filename {
    font-size: 14px;
    color: #333;
    display: flex;
}

form.saul-smsf-ticket-form .dz-filename span[data-dz-name]{
    overflow: hidden;
    text-overflow: ellipsis;
}
form.saul-smsf-ticket-form .dz-filename span[data-dz-ext]{
    text-transform: uppercase;
}
form.saul-smsf-ticket-form .dz-image {
    position: relative;
    width: 100px;
    height: 100px;
}

form.saul-smsf-ticket-form .dz-remove {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: #fa3333;
    border-radius: 50%;
    width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
}
form.saul-smsf-ticket-form .dropzone .dz-preview .dz-image{
    width: 72.78px;
    height: 72.78px;
    background-image: url('../images/dropzone-thumbnail.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 45px;
    border: 1px solid #91467F;
    border-radius: 5px;
}
form.saul-smsf-ticket-form .dropzone .dz-preview .dz-image img{
    opacity: 0;
}
form.saul-smsf-ticket-form .dropzone .dz-preview .dz-details{
    position: static;
    padding: 0;
    font-size: 12px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: -0.03999999910593033px;
    text-align: left;
    opacity: 0.7;
    text-transform: capitalize;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 86px;
    margin-top: 14px;
}
form.saul-smsf-ticket-form .dropzone .dz-preview .dz-details .dz-filename:hover span,
form.saul-smsf-ticket-form .dropzone .dz-preview .dz-details .dz-filename span{
    border: 0;
    padding: 0;
}
form.saul-smsf-ticket-form .dropzone .dz-preview .dz-remove{
    font-size: 0;
    background-image: url('../images/dropzone-remove.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    z-index: 10;
    top: 55px;
    left: 58px;
}
form.saul-smsf-ticket-form .wpas-uploader-dropzone {
    padding: 0;
}
form.saul-smsf-ticket-form .wpas-uploader-dropzone .dz-preview {
    margin: 14px 14px 0 0;
    min-height: 0;
    width: 88px;
    height: 113px;
    overflow: hidden;
}
form.saul-smsf-ticket-form .wpas-uploader-dropzone .dz-preview:not(.dz-success) {
    opacity: 0.5;
}
form.saul-smsf-ticket-form .wp-editor-container{
    border: 0;
}
form.saul-smsf-ticket-form #wpas_ticketlist_filter input,
form.saul-smsf-ticket-form .wpas-submit-ticket-wysiwyg,
form.saul-smsf-ticket-form .wpas-wysiwyg-textarea{
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

form.saul-smsf-ticket-form .mce-top-part::before,
form.saul-smsf-ticket-form .mce-tinymce{
    box-shadow: none;
    -webkit-box-shadow: none;
}
/* form.saul-smsf-ticket-form .wp-editor-container textarea{
    height: 50px;
} */
form.saul-smsf-ticket-form div.mce-toolbar-grp{
    border: 0;
    background-color: #fff;
}
form.saul-smsf-ticket-form .wpas-submission-form-inside-after-subject{
    position: relative;
}
.wpas-submit-ticket form.saul-smsf-ticket-form .smsf-attachment{
    position: absolute;
    bottom: 9px;
    right: 0;
    z-index: 1;
}
.saul-smsf-ticket-error{
    color: #FA3333;
    font-size: 12px;
    line-height: 15.6px;
    letter-spacing: -0.04px;
    display: block;
    margin-top: 5px;
    position: absolute;
}
.wpas-btn.wpas-btn-default.btn-attach:active,
.wpas-btn.wpas-btn-default.btn-attach:focus,
.wpas-btn.wpas-btn-default.btn-attach {
    background-image: url('data:image/svg+xml,<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.10328 1.12647C9.67108 0.611987 10.415 0.335561 11.181 0.354421C11.947 0.37328 12.6764 0.685981 13.2182 1.22778C13.76 1.76958 14.0727 2.49898 14.0915 3.26497C14.1104 4.03096 13.834 4.77487 13.3195 5.34267C13.3138 5.3489 13.3081 5.35501 13.3022 5.36099L5.89209 12.8755C5.88423 12.8835 5.87615 12.8913 5.86786 12.8988C5.52718 13.2075 5.08083 13.3733 4.62124 13.362C4.16165 13.3507 3.724 13.1631 3.39892 12.838C3.07384 12.5129 2.88622 12.0753 2.87491 11.6157C2.86359 11.1561 3.02945 10.7097 3.33814 10.369C3.3436 10.363 3.34919 10.3571 3.3549 10.3513L9.571 4.03071C9.80219 3.79564 10.1802 3.79249 10.4152 4.02368C10.6503 4.25486 10.6535 4.63284 10.4223 4.86791L4.2162 11.1783C4.11762 11.2908 4.06483 11.4365 4.06852 11.5863C4.07229 11.7395 4.13483 11.8854 4.24319 11.9937C4.35155 12.1021 4.49743 12.1646 4.65063 12.1684C4.79919 12.172 4.94359 12.1202 5.05575 12.0232L12.4425 4.53228C12.7462 4.19271 12.9091 3.75005 12.8979 3.29436C12.8866 2.83477 12.699 2.39712 12.3739 2.07204C12.0488 1.74696 11.6112 1.55934 11.1516 1.54803C10.6972 1.53684 10.2557 1.69884 9.91656 2.00084L2.51619 9.50555C1.95722 10.0645 1.64319 10.8226 1.64319 11.6131C1.64319 12.4036 1.95721 13.1618 2.51618 13.7207C3.07515 14.2797 3.83327 14.5937 4.62377 14.5937C5.41427 14.5937 6.1724 14.2797 6.73136 13.7207L12.8584 7.60858C13.0919 7.37572 13.4698 7.37618 13.7027 7.60961C13.9356 7.84303 13.9351 8.22102 13.7017 8.45387L7.57563 14.565C6.79275 15.3479 5.73093 15.7877 4.62377 15.7877C3.51661 15.7877 2.4548 15.3479 1.67192 14.565C0.889037 13.7821 0.449219 12.7203 0.449219 11.6131C0.449219 10.5067 0.888459 9.44555 1.67037 8.66282L9.07905 1.14969C9.0869 1.14173 9.09498 1.13398 9.10328 1.12647Z" fill="%231B214A"/></svg>');
    background-size: 15px;
    background-position: right 23px center;
    background-color: transparent;
    border: 1px solid #1B214A;
    color: #1B214A;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 300;
    line-height: 19.5px;
    padding: 10px 46px 10px 22px;
    margin: 0;
    height: 42px;
}
.wpas-btn.wpas-btn-default.btn-attach:hover {
    background-image: url('data:image/svg+xml,<svg width="15" height="16" viewBox="0 0 15 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.10328 1.12647C9.67108 0.611987 10.415 0.335561 11.181 0.354421C11.947 0.37328 12.6764 0.685981 13.2182 1.22778C13.76 1.76958 14.0727 2.49898 14.0915 3.26497C14.1104 4.03096 13.834 4.77487 13.3195 5.34267C13.3138 5.3489 13.3081 5.35501 13.3022 5.36099L5.89209 12.8755C5.88423 12.8835 5.87615 12.8913 5.86786 12.8988C5.52718 13.2075 5.08083 13.3733 4.62124 13.362C4.16165 13.3507 3.724 13.1631 3.39892 12.838C3.07384 12.5129 2.88622 12.0753 2.87491 11.6157C2.86359 11.1561 3.02945 10.7097 3.33814 10.369C3.3436 10.363 3.34919 10.3571 3.3549 10.3513L9.571 4.03071C9.80219 3.79564 10.1802 3.79249 10.4152 4.02368C10.6503 4.25486 10.6535 4.63284 10.4223 4.86791L4.2162 11.1783C4.11762 11.2908 4.06483 11.4365 4.06852 11.5863C4.07229 11.7395 4.13483 11.8854 4.24319 11.9937C4.35155 12.1021 4.49743 12.1646 4.65063 12.1684C4.79919 12.172 4.94359 12.1202 5.05575 12.0232L12.4425 4.53228C12.7462 4.19271 12.9091 3.75005 12.8979 3.29436C12.8866 2.83477 12.699 2.39712 12.3739 2.07204C12.0488 1.74696 11.6112 1.55934 11.1516 1.54803C10.6972 1.53684 10.2557 1.69884 9.91656 2.00084L2.51619 9.50555C1.95722 10.0645 1.64319 10.8226 1.64319 11.6131C1.64319 12.4036 1.95721 13.1618 2.51618 13.7207C3.07515 14.2797 3.83327 14.5937 4.62377 14.5937C5.41427 14.5937 6.1724 14.2797 6.73136 13.7207L12.8584 7.60858C13.0919 7.37572 13.4698 7.37618 13.7027 7.60961C13.9356 7.84303 13.9351 8.22102 13.7017 8.45387L7.57563 14.565C6.79275 15.3479 5.73093 15.7877 4.62377 15.7877C3.51661 15.7877 2.4548 15.3479 1.67192 14.565C0.889037 13.7821 0.449219 12.7203 0.449219 11.6131C0.449219 10.5067 0.888459 9.44555 1.67037 8.66282L9.07905 1.14969C9.0869 1.14173 9.09498 1.13398 9.10328 1.12647Z" fill="%23FFFFFF"/></svg>');
    padding: 10px 44px 10px 24px;
    background-position: right 24px center;
    color: #ffffff;
    border-color: #91467F;
}

.wpas-btn.wpas-btn-default.btn-attach:before {
    background-color: transparent;
}
.wpas-btn.wpas-btn-default.btn-attach:after {
    background-color: #91467F;
}
form.saul-smsf-ticket-form #wpas_ticket_priority_wrapper,
form.saul-smsf-ticket-form #wpas_ticket_type_wrapper{
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.page-template-smsf-ticket .woocommerce .saul-smsf-ticket-notification {
    background-color: #91467F;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 300;
    line-height: 18.2px;
    padding: 15px 20px 15px 72px;
    background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.2184 39.0814C30.7569 39.0814 39.3001 30.5382 39.3001 19.9997C39.3001 9.46113 30.7569 0.917969 20.2184 0.917969C9.67988 0.917969 1.13672 9.46113 1.13672 19.9997C1.13672 30.5382 9.67988 39.0814 20.2184 39.0814Z" fill="white" stroke="white" stroke-width="0.8" stroke-linejoin="round"/><path d="M20.2179 33.8171C21.6715 33.8171 22.8499 32.6388 22.8499 31.1852C22.8499 29.7316 21.6715 28.5532 20.2179 28.5532C18.7643 28.5532 17.5859 29.7316 17.5859 31.1852C17.5859 32.6388 18.7643 33.8171 20.2179 33.8171Z" stroke="%23752963" stroke-width="0.8" stroke-miterlimit="10"/><path d="M22.1917 23.9474C22.1917 24.4709 21.9837 24.973 21.6135 25.3432C21.2433 25.7134 20.7412 25.9213 20.2177 25.9213C19.6942 25.9213 19.1921 25.7134 18.8219 25.3432C18.4517 24.973 18.2437 24.4709 18.2437 23.9474L16.9277 9.47159C16.9277 8.59904 17.2744 7.76223 17.8913 7.14524C18.5083 6.52826 19.3451 6.18164 20.2177 6.18164C21.0902 6.18164 21.927 6.52826 22.544 7.14524C23.161 7.76223 23.5076 8.59904 23.5076 9.47159L22.1917 23.9474Z" stroke="%23752963" stroke-width="0.8" stroke-miterlimit="10"/></svg>');
    background-repeat: no-repeat;
    background-position: left 17px center;
    border-radius: 3px;
}
.page-template-smsf-ticket .woocommerce .saul-smsf-ticket-notification p {
    margin: 0;
    min-height: 38px;
    max-width: 1073px;
}
.page-template-smsf-ticket .woocommerce .saul-smsf-ticket-notification a {
    color: #FFFFFF;
    text-decoration: underline;
}
form.saul-smsf-ticket-form h6 {
    margin-top: 27px;
    margin-bottom: 2px;
}

form.saul-smsf-ticket-form p {
    max-width: 870px;
}
form.saul-smsf-ticket-form .wpas-form-group label {
    display: none;
}
form.saul-smsf-ticket-form .wpas-form-group#wpas_files_wrapper {
    margin-top: 15px;
    margin-bottom: 0;
}
.wpas-submission-form-inside-after-subject.container {
    padding: 0 !important;
    margin-top: 33px;
}

form.saul-smsf-ticket-form #wpas_ticket_type_wrapper {
    padding-right: 20px;
}

form.saul-smsf-ticket-form #wpas_ticket_priority_wrapper {
    padding-left: 20px;
}
form.saul-smsf-ticket-form .select2-container {
    width: 100% !important;
}
form.saul-smsf-ticket-form iframe {
    height: 258px !important;
}
form.saul-smsf-ticket-form iframe#wpas-message_ifr {
    margin-top: -21px;
}
form.saul-smsf-ticket-form .mce-container-body .mce-stack-layout {
    padding: 4px 0 12px;
    border-bottom: 1px solid #1B214A;
}
form.saul-smsf-ticket-form .select2-container.select2-container--default .select2-selection--single .select2-selection__placeholder {
    text-transform: capitalize;
}
form.saul-smsf-ticket-form #wpas_ticket_priority_wrapper .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    /* line-height: 20.6px; */
}

form.saul-smsf-ticket-form #wpas_ticket_priority_wrapper .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered .icon {
    margin-left: 2px;
    margin-right: 10px;
}

form.saul-smsf-ticket-form #wpas_ticket_priority_wrapper .select2-container.select2-container--default .select2-selection--single {
    padding: 2px 0 6px;
}
.mce-btn button {
    background-image: none;
}
.mce-btn button:before,
.mce-btn button:after {
    display: none;
}
form.saul-smsf-ticket-form .mce-btn .mce-txt {
    text-transform: none;
    font-family: "Noto Sans", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
}
form.saul-smsf-ticket-form .mce-panel .mce-btn i.mce-caret {
    border: none;
    background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.16406 11.0311L3.16406 6.03105L3.86406 5.33105L8.16406 9.63105L12.4641 5.33105L13.1641 6.03105L8.16406 11.0311Z" fill="%23212529"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    width: 17px;
    height: 17px;
    margin: 2px 0 0;
}
form.saul-smsf-ticket-form .mce-btn button, 
form.saul-smsf-ticket-form .mce-toolbar .mce-listbox .mce-btn button:hover,
form.saul-smsf-ticket-form .mce-toolbar .mce-listbox .mce-btn button {
    position: relative;
    font-family: "Noto Sans", sans-serif;
    color: #212529;
}
form.saul-smsf-ticket-form .mce-toolbar .mce-btn-group .mce-btn.mce-listbox button:hover {
    padding-left: 6px;
    padding-right: 20px;
}
form.saul-smsf-ticket-form .mce-btn.mce-active button, 
form.saul-smsf-ticket-form .mce-btn.mce-active:hover button, 
form.saul-smsf-ticket-form .mce-btn.mce-active i, 
form.saul-smsf-ticket-form .mce-btn.mce-active:hover i {
    color: inherit;
}
form.saul-smsf-ticket-form .mce-toolbar .mce-listbox button i.mce-caret {
    margin-top: -8.5px;
}
form.saul-smsf-ticket-form .mce-toolbar .mce-btn-group .mce-btn:focus, 
form.saul-smsf-ticket-form .mce-toolbar .mce-btn-group .mce-btn:hover, 
form.saul-smsf-ticket-form .qt-dfw:focus, 
form.saul-smsf-ticket-form .qt-dfw:hover {
    outline: none;
    box-shadow: none;
    background: transparent;
}
form.saul-smsf-ticket-form .mce-btn.mce-disabled button, 
form.saul-smsf-ticket-form .mce-btn.mce-disabled:hover button {
    opacity: 1;
}
form.saul-smsf-ticket-form #wpas_message_wrapper {
    margin-bottom: 0;
}
.smsf-attachment-notification:not(:empty) {
    position: absolute;
    background: #FF6161;
    font-size: 13px;
    font-weight: 300;
    line-height: 16.9px;
    color: #ffffff;
    right: 0;
    padding: 7px 5px 7px 10px;
    width: 259px;
    margin-top: 19px;
}
form.saul-smsf-ticket-form .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
    border: none;
}
form.saul-smsf-ticket-form .mce-toolbar .mce-colorbutton .mce-preview {
    background-color: #1B214A;
    border-radius: 4px;
}
form.saul-smsf-ticket-form .mce-toolbar .mce-btn button:before, 
form.saul-smsf-ticket-form .mce-toolbar .mce-btn button:after {
    display: none;
}

/* Ticket Single */
.single-ticket .wpas-ticket-details {
    display: flex;
    /* max-width: 1200px; */
    margin: 0 auto;
    /* min-height: 803px; */
}
.single-ticket .conversation-section {
    flex: 2;
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    height: calc(100vh - 110px);
    height: calc(100dvh - 110px);
    /* height: 100vh; */
    overflow-y: hidden;
    overflow-x: hidden;
}
.admin-bar.single-ticket .conversation-section {
    height: calc(100vh - 110px - 32px);
    height: calc(100dvh - 110px - 32px);
}
.single-ticket .ticket-info-section {
    flex: 1;
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.single-ticket .ticket-header {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 17px;
}
.single-ticket .status-update {
    margin: 0;
    display: flex;
    justify-content: space-between;
    color: #242731;
    /* gap: 20px; */
}
.single-ticket .status-update .action {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(63, 62, 94, 0.8);
}

.single-ticket .status-update .action b {
    /* font-size: 14px; */
    font-weight: 600;
    /* line-height: 25.48px; */
    /* margin-right: 13px; */
    color: #3F3E5E;
}
.single-ticket .status-update .action ul.wpas-log-list b{
    margin-right: 12px;
}
.single-ticket .status-update .action ul.wpas-log-list b,
.single-ticket .ticket-header + .status-update .action b {
    font-size: 14px;
    font-weight: 500;
    line-height: 25.48px;
    margin-right: 13px;
    color: #242731;
}
.single-ticket .status-update .datetime {
    font-size: 11px;
    font-weight: 400;
    line-height: 20.02px;
}
.single-ticket .status-update ul.wpas-log-list {
    margin: 0px 0 2px;
    list-style: none;
    padding: 0;
}
.single-ticket .message-box {
    border: 1px solid rgba(27, 33, 74, 0.5);
    border-radius: 3px;
    padding: 15px 18px 13px 17px;
    margin-bottom: 16px;
    margin-top: 18px;
    background: #F7F7F7;
    /* max-width: 780px; */
    /* max-height: 357px; */
    overflow: auto;
}
.single-ticket .message-box.message-right {
    margin-left: auto;
    background: transparent;
    width: calc(100% - 48px);
}
.single-ticket .message-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
}
.single-ticket .message-header .author {
    font-size: 16px;
    font-weight: 500;
    line-height: 29.12px;
    color: #242731;
}
.single-ticket .message-header .datetime {
    font-size: 11px;
    font-weight: 400;
    line-height: 20.02px;
}
.single-ticket .message-content {
    font-size: 14px;
    font-weight: 300;
    line-height: 27px;
    letter-spacing: -0.03999999910593033px;
    opacity: 0.7;
}
.single-ticket .message-content a{
    color: #752963;
    background-size: 100% 1px;
}
.single-ticket .message-content h6, 
.single-ticket .message-content h1, 
.single-ticket .message-content h2, 
.single-ticket .message-content h3, 
.single-ticket .message-content h4, 
.single-ticket .message-content h5 {
    margin: 0 0 0px;
    /* color: #752963; */
}
.single-ticket .message-content strong {
    font-weight: 600;
}

.single-ticket .message-content * {
    margin-bottom: 0;
}
.single-ticket .message-content em {
    font-style: italic;
    color: #5A5A5A;
}
.single-ticket .message-content u {
    text-decoration: underline;
    color: #A347BC;
}
.single-ticket .files {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}
.single-ticket .file {
    display: inline-block;
    padding: 10px;
    border: 1px solid #E2E2E2;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    background-color: #F7F9FC;
}
.single-ticket .reply-box {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}
.single-ticket .reply-box textarea {
    flex-grow: 1;
    padding: 10px;
    border: 1px solid #E2E2E2;
    border-radius: 10px;
    resize: none;
    height: 60px;
    font-size: 14px;
}
.single-ticket .reply-box button {
    padding: 10px 20px;
    border: none;
    background-color: #5A67D8;
    color: white;
    border-radius: 10px;
    cursor: pointer;
}
.single-ticket .ticket-info-section h6 {
    margin-top: -6px;
    margin-bottom: 38px;
    color: #202020;
}
.single-ticket .ticket-info {
    font-size: 13px;
    font-weight: 400;
    line-height: 16.9px;
    text-align: left;
    margin-bottom: 19px;
}
.single-ticket .ticket-info .uppercase{
    text-transform: uppercase;
}
.single-ticket .ticket-info > strong, 
.single-ticket .ticket-info > span {
    font-weight: 400;
    margin-left: 7px;
}
.single-ticket .status {
    display: inline-block;
    background-color: #752963;
    color: #FFFFFF;
    padding: 7px 14px;
    border-radius: 3px;
    text-transform: uppercase;
}
.single-ticket .ticket-info .status.open {
    background-color: #752963;
}
.single-ticket .ticket-info span.status.in-review {
    background-color: #EFB257;
}
.single-ticket .ticket-info span.status.replied {
    background: rgba(172, 206, 236, 0.8);
}
.single-ticket .ticket-info span.status.resolved {
    background-color: rgba(105, 105, 105, 0.8);
}
.single-ticket .ticket-info span.status.replied {
    color: #1B214A;
}
.single-ticket .priority {
    background-color: #FFD700;
    color: black;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
}
.single-ticket .close-ticket {
    margin-top: 20px;
    display: inline-block;
    padding: 10px 20px;
    background-color: #F56565;
    color: white;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
}
.single-ticket.woocommerce-account .woocommerce-MyAccount-content {
    max-width: calc(100% - 217px - 30px);
    /* padding-right: 20px; */
    position: relative;
}
.single-ticket .ticket-info-section {
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    padding: 30px 18px;
    width: 285px;
    flex: 285px;
}
.single-ticket .conversation-section {
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    padding: 30px;
    width: calc(100% - 285px);
    flex: calc(100% - 285px);
    position: relative;
    display: flex;
    /* flex-wrap: wrap; */
    flex-direction: column;
}
.single-ticket .conversation-section > * {
    width: 100%;
}
.single-ticket .conversation-section .smsf-attachment-notification:not(:empty) {
    position: absolute;
    bottom: 10px;
    right: 30px;
    text-align: right;
    display: inline-block;
    width: auto;
    background: transparent;
    padding: 0;
    color: #FA3333;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 300;
    /* line-height: 24px; */
    letter-spacing: -0.03999999910593033px;
    margin-top: 5px;
}
.single-ticket .conversation-section:after {
    content: '';
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 30px;
    border-left: 0.5px solid #1B214A;
    z-index: 1;
}
.single-ticket .wpas-ticket-details {
    background-color: #ffffff;
    border-radius: 3px;
}
.visible-mobile {
    display: none !important;
}
.btn-button.secondary-button.btn-ticket-back {
    background-image: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.20703 10.6089L1.18685 5.58871M1.18685 5.58871L6.20703 0.568523M1.18685 5.58871L11.2272 5.5887" stroke="%23EFB257" stroke-width="1.13663"/></svg>');
    padding-left: 16px;
    background-position: left 0 center;
}
.btn-button.secondary-button.btn-ticket-back:hover {
    background-size: 12px;
    background-position: left 2px center;
}
.single-ticket .ticket-header {
    font-weight: 300;
    margin: -30px -30px 0;
    padding: 24px 30px 17px;
    background-color: #ffffff;
    /* position: sticky; */
    top: 0;
    z-index: 1;
    width: calc(100% + 60px);
}
.hide-menu.single-ticket .ticket-header {
    top: 0;
}
.single-ticket .ticket-header h6 {
    margin: 4px 0 0;
    text-transform: capitalize;
}
.single-ticket .ticket-content{
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 13px;
}
.single-ticket .ticket-info-section-inner {
    box-shadow: 1px 1px 3px 0px rgba(112, 112, 112, 0.1),
        3px 4px 5px 0px rgba(112, 112, 112, 0.09),
        -6px -4px 4px 0px rgba(112, 112, 112, 0.05),
        -5px -6px 8px 0px rgba(112, 112, 112, 0.01),
        18px 24px 8px 0px rgba(112, 112, 112, 0);
    border-radius: 10px;
    padding: 25px 15px;
    margin-bottom: 30px;
}
.single-ticket .ticket-info > :last-child {
    color: #202020;
}
.single-ticket .ticket-info span.status {
    margin-left: 14px;
    margin-top: -2px;
    color: #ffffff;
}
.single-ticket .ticket-info.smsf-priority {
    display: flex;
    align-items: center;
    margin-top: -3px;
    margin-bottom: 0;
}
.single-ticket .ticket-info.smsf-priority label {
    display: none;
}
.single-ticket .ticket-info.smsf-priority .wpas-form-group {
    display: inline-block;
    margin: 0 0 0 14px;
}
.single-ticket .ticket-info.smsf-priority .wpas-form-group .select2-container {
    width: 120px !important;
}
.single-ticket .ticket-info.smsf-priority .select2-container.select2-container--default .select2-selection--single {
    padding: 6.5px 30px 6.5px 15px;
    border: 1px solid rgba(27, 33, 74, 0.7);
    border-radius: 3px;
    min-width: 120px;
}
.single-ticket .ticket-info.smsf-priority .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5195 1.39648L6.75977 7.15625L1 1.39648" stroke="%231B214A" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: 14px;
    right: 5px;
    margin: 0;
    height: 100%;
    top: 0;
}
.single-ticket .ticket-info.smsf-priority .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
    line-height: 15.6px;
    margin-left: 0;
}
.single-ticket .ticket-info.smsf-priority .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered .icon {
    margin-right: 4px;
    margin-right: 11px;
}
.single-ticket .ticket-info-section form {
    position: relative;
    z-index: 1;
    padding-top: 29px;
    border-top: 1px solid #1B214A;
    margin-top: 29px;
}
.single-ticket .close-ticket.button {
    background-size: 10px;
    background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.675781 1.34229H8.85938M8.85938 1.34229V9.52588M8.85938 1.34229L0.675781 9.52588" stroke="%23752963" stroke-width="1.31017"/></svg>') !important;
    background-position: right 20px center;
    background-color: transparent !important;
    border: 1px solid #91467F;
    color: #91467F !important;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 300;
    line-height: 19.5px;
    padding: 10.5px 42px 10px 22px;
    margin: 0;
    border-radius: 0;
}
.single-ticket .close-ticket.button:before {
    background: transparent;
}

.single-ticket .close-ticket.button:after {
    background-color: #91467F;
}
.single-ticket .close-ticket.button:hover {
    padding: 10.5px 39px 10px 25px;
    background-position: right 23px center;
    color: #ffffff !important;
    background-image: url('data:image/svg+xml,<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.675781 1.34229H8.85938M8.85938 1.34229V9.52588M8.85938 1.34229L0.675781 9.52588" stroke="%23ffffff" stroke-width="1.31017"/></svg>') !important;
}
.single-ticket .ticket-info-section-inner.ticket-info-assigned {
    padding: 25px 20px;
    margin-bottom: 0;
}
.single-ticket .ticket-info.ticket-info-name {
    font-size: 20px;
    line-height: 26px;
    text-transform: capitalize;
    word-wrap: break-word;
}
.single-ticket .ticket-info.ticket-info-position {
    text-transform: uppercase;
}
.single-ticket .ticket-info-section-inner.ticket-info-assigned h6 {
    margin-bottom: 24px;
}
.single-ticket .ticket-info-section-inner.ticket-info-assigned .ticket-info {
    margin-bottom: 8px;
}
.single-ticket .ticket-info-section-inner.ticket-info-assigned .ticket-info:last-child {
    margin-bottom: 0;
}
.single-ticket form.saul-smsf-ticket-form button.wpas-btn.wpas-btn-default[name="wpas-submit"].btn-send {
    padding: 11px 40px 11px 22px;
    width: auto;
    min-width: 103px;
    font-size: 15px;
    font-weight: 300;
    line-height: 19.5px;
    background-image: url('data:image/svg+xml,<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.00391 1.47656H9.1875M9.1875 1.47656V9.66016M9.1875 1.47656L1.00391 9.66016" stroke="white" stroke-width="1.31017"/></svg>');
    background-size: 10px;
    background-position: right 21px center;
    margin-right: 19px;
    margin-top: 4px;
    height: 42px;
}
.single-ticket form.saul-smsf-ticket-form button.wpas-btn.wpas-btn-default[name="wpas-submit"].btn-send {
    margin-right: 0;
}
.single-ticket form#wpas-new-reply {
    padding: 8px 7px 19px 16px;
    margin-top: 20px;
    margin-top: auto;
    display: flex;
    opacity: 0;
}
body.mce-content-body {
    background: #fff;
    color: #1B214A;
    opacity: 0.7;
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 27px;
    margin: 8px 0 0;
    letter-spacing: -0.03999999910593033px;
}
body.mce-content-body.wpas-reply-wysiwyg {
    opacity: 1;
}
body.mce-content-body::-webkit-scrollbar-track {
	width: 0;
	background-color: rgba(27, 33, 74, 0.3);
}
body.mce-content-body::-webkit-scrollbar {
	width: 0;
	background-color: rgba(27, 33, 74, 0.3);
}
body.mce-content-body::-webkit-scrollbar-thumb {
	width: 0;
	background-color: #1B214A;
	background-image: -webkit-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 50%, transparent, transparent);
}
body.mce-content-body h1,
body.mce-content-body h2,
body.mce-content-body h3,
body.mce-content-body h4,
body.mce-content-body h5,
body.mce-content-body h6 {
    line-height: 110%;
    margin: 0
}
.single-ticket .message-content h1,
body.mce-content-body h1{
    font-size: 80px;
}
.single-ticket .message-content h2,
body.mce-content-body h2{
    font-size: 65px;
}
.single-ticket .message-content h3,
body.mce-content-body h3{
    font-size: 50px;
}
.single-ticket .message-content h4,
body.mce-content-body h4{
    font-size: 40px;
}
.single-ticket .message-content h5,
body.mce-content-body h5{
    font-size: 30px;
}
.single-ticket .message-content h6,
body.mce-content-body h6{
    font-size: 22px;
}
body.mce-content-body .placeholder {
    /* margin-top: 25px; */
}
#tinymce.wpas_reply{
    margin: 10px
}
body.mce-content-body * {
    margin: 0;
}
body.mce-content-body a {
    color: #752963;
    background: none;
    text-decoration: underline;
}
body.mce-content-body a:hover {
    background-position: 0 90%;
}
body.mce-content-body strong {
    font-weight: 600 !important;
}
body.mce-content-body a[data-mce-selected] {
    background: transparent;
    box-shadow: none;
}
.mce-toolbar .mce-btn button {
    border: none !important;
}

.single-ticket form.saul-smsf-ticket-form iframe {
    height: 50px !important;
} 
.single-ticket form.saul-smsf-ticket-form + .saul-smsf-ticket-error{
    bottom: 10px;
    width: 50%;
}
.single-ticket form.saul-smsf-ticket-form.active iframe {
    height: 75px !important;
}
body.mce-content-body::-webkit-scrollbar-track {
	background-color: rgba(27, 33, 74, 0.3);
    border-radius: 10px;
}
body.mce-content-body::-webkit-scrollbar {
	width: 1px;
	background-color: rgba(27, 33, 74, 0.3);
    border-radius: 10px;
}
body.mce-content-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
	background-color: #1B214A;
	background-image: -webkit-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 50%, transparent, transparent);
}
.single-ticket .message-box::-webkit-scrollbar-track {
	background-color: rgba(27, 33, 74, 0.3);
    border-radius: 10px;
}
.single-ticket .message-box::-webkit-scrollbar {
	width: 1px;
	background-color: rgba(27, 33, 74, 0.3);
    border-radius: 10px;
}
.single-ticket .message-box::-webkit-scrollbar-thumb {
    border-radius: 10px;
	background-color: #1B214A;
	background-image: -webkit-linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.4) 50%, transparent, transparent);
}
.single-ticket form.saul-smsf-ticket-form {
    border: 1px solid rgba(27, 33, 74, 0.5);
    border-radius: 3px;
    /* overflow: hidden; */
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-self: flex-end;
    padding-bottom: 20px;
}

.single-ticket form.saul-smsf-ticket-form .mce-toolbar {
    padding: 20px 0 4px;
    border-bottom: 1px solid #1B214A;
    margin-bottom: 12px;
}
.single-ticket form.saul-smsf-ticket-form .mce-container-body .mce-stack-layout {
    padding: 0;
    border: none;
}
.single-ticket form.saul-smsf-ticket-form .wpas-form-group {
    margin: 0;
    width: 100%;
}
.single-ticket form.saul-smsf-ticket-form .wpas-form-group#wpas_files_wrapper {
    margin: 0;
}
.single-ticket .wpas-btn.wpas-btn-default.btn-attach {
    margin: 3px 15px 0 0;
}
.single-ticket .message-content ol, 
.single-ticket .message-content ul {
    margin: 0;
}
/* .select2-container #select2-wpas_ticket_priority-results .select2-results__option[aria-selected] {
    font-size: 12px;
    line-height: 15.6px;
} */


.page-template-smsf-ticket.logged-in.woocommerce-account .woocommerce-MyAccount-content {
    padding: 25px 25px 25px;
    border-radius: 3px;
    background-color: #ffffff;
    margin-left: auto;
    /* min-height: 807px; */
}

button.filter-button-close {
    position: absolute;
    top: 10px;
    z-index: 100;
    background: transparent;
    padding: 10px;
    right: 7px;
}
button.filter-button-close.active {
    display: inline-flex;
}
button.filter-button-close:hover {
    padding: 10px;
    background: none;
}
button.filter-button-close:before,button.filter-button-close:after {
    display: none;
}
.saul-smsf-ticket-filters {
    margin: -25px -25px 0;
    padding: 25px;
    background-color: #ffffff;
    position: sticky;
    top: 0;
    z-index: 1;
}
.filters{
    display: flex;
    gap: 30px;
    box-shadow: inset 0px -1px #E7E7E7;
}
.filters-inner {
    display: flex;
    align-items: center;
    gap: 30px;
}
.filters-top {
    display: flex;
    align-items: center;
    background-color: white;
    padding: 0 0 26px;
}

.filter-search {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 20px;
    position: relative;
}
.filter-search:before {
    content: '';
    width: 19px;
    height: 19px;
    position: absolute;
    left: 15px;
    right: 10px;
    top: 9px;
    background-image: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.05469 15.8989C12.9897 15.8989 16.1797 12.709 16.1797 8.77393C16.1797 4.8389 12.9897 1.64893 9.05469 1.64893C5.11966 1.64893 1.92969 4.8389 1.92969 8.77393C1.92969 12.709 5.11966 15.8989 9.05469 15.8989Z" stroke="%231B214A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.9297 16.6489L15.4297 15.1489" stroke="%231B214A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: center;
}
.filter-search input {
    width: 335px;
    padding: 5px 4px 4px;
    border: 1px solid rgba(27, 33, 74, 0.7);
    border-radius: 3px;
    font-size: 13px;
    padding-left: 45px;
    height: 38px;
}
.filters-top > .ticket-usage-info {
    margin-left: auto;
}
.filters-top > .btn-wrapper {
    margin-left: 30px;
}
button.filter-button {
    padding: 9px 35px 9px 14px;
    border: 1px solid #91467F;
    background-color: white;
    color: #91467F;
    border-radius: 0;
    cursor: pointer;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    align-items: center;
    font-weight: 400;
    background-image: url('data:image/svg+xml,<svg width="17" height="11" viewBox="0 0 17 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.944092 1.27734L8.68689 9.02014L16.4297 1.27734" stroke="%2391467F" stroke-width="1.53202"/></svg>');
    min-width: 88.5px;
    outline: none;
}

button.filter-button:hover {
    background-image: url('data:image/svg+xml,<svg width="17" height="11" viewBox="0 0 17 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.944092 1.27734L8.68689 9.02014L16.4297 1.27734" stroke="%2391467F" stroke-width="1.53202"/></svg>');
    padding: 9px 35px 9px 14px;
    background-position: right 13px center;
    color: #91467F;
}
button.filter-button:before {
    background: transparent;
}
button.filter-button:after {
    background-color: #EFB257;
}
.new-ticket {
    background-color: #5A67D8;
    color: white;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    border: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

.statuses {
    display: flex;
    align-items: center;
    gap: 35px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
}
.statuses::-webkit-scrollbar-track {
	background-color: #E7E7E7;
}

.statuses::-webkit-scrollbar {
	height: 0px;
	background-color: #E7E7E7;
}

.statuses::-webkit-scrollbar-thumb {
	background-color: #E7E7E7;
}

.status {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

button.filter-button-close.active {
    display: inline-flex;
}

.filters .status {
    padding: 12px 0 12px 29.5px;
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    position: relative;
    background-repeat: no-repeat;
    background-position: left 0px center;
    opacity: 0.6;
}
.filters .status:after {
    content: '';
    background-color: #752963;
    bottom: 0px;
    content: "";
    height: 3px;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform .6s cubic-bezier(.4,0,0,1);
    width: 100%;
    display: block;
    border-radius: 10px;
}

.filters .status:hover:after,
.filters .status.active:after {
    transform: scaleX(1);
    transform-origin: left center;
}
.filters .status:hover,
.filters .status.active {
    color: #752963;
    opacity: 1;
}
.filters .status.status-any {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7537 17.3805H6.63013C4.19307 17.3805 2.56836 16.1305 2.56836 13.2139V7.38053C2.56836 4.46387 4.19307 3.21387 6.63013 3.21387H14.7537C17.1907 3.21387 18.8155 4.46387 18.8155 7.38053V13.2139C18.8155 16.1305 17.1907 17.3805 14.7537 17.3805Z" stroke="%231B214A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.7525 7.79736L12.2098 9.8807C11.3731 10.564 10.0002 10.564 9.16345 9.8807L6.62891 7.79736" stroke="%231B214A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.filters .status.status-queued {
    background-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3116 9.0472V13.2139C18.3116 16.1305 16.6868 17.3805 14.2498 17.3805H6.12623C3.68916 17.3805 2.06445 16.1305 2.06445 13.2139V7.38053C2.06445 4.46387 3.68916 3.21387 6.12623 3.21387H11.8127" stroke="%231B214A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.125 7.79736L8.66767 9.8807C9.5044 10.564 10.8773 10.564 11.714 9.8807L12.6726 9.09736" stroke="%231B214A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.2809 6.96403C17.4025 6.96403 18.3118 6.03129 18.3118 4.8807C18.3118 3.7301 17.4025 2.79736 16.2809 2.79736C15.1593 2.79736 14.25 3.7301 14.25 4.8807C14.25 6.03129 15.1593 6.96403 16.2809 6.96403Z" stroke="%231B214A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.filters .status.status-in-review {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.56055 7.38053C2.56055 4.46387 4.18526 3.21387 6.62232 3.21387H14.7459C17.1829 3.21387 18.8076 4.46387 18.8076 7.38053V13.2139C18.8076 16.1305 17.1829 17.3805 14.7459 17.3805H6.62232" stroke="%231B214A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.7446 7.79736L12.202 9.8807C11.3652 10.564 9.99236 10.564 9.15564 9.8807L6.62109 7.79736" stroke="%231B214A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.56055 14.0474H7.43468" stroke="%231B214A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.56055 10.7139H4.99761" stroke="%231B214A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.filters .status.status-processing {
    background-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3057 9.88053V13.2139C18.3057 16.1305 16.681 17.3805 14.2439 17.3805H6.12037C3.6833 17.3805 2.05859 16.1305 2.05859 13.2139V7.38053C2.05859 4.46387 3.6833 3.21387 6.12037 3.21387H10.1821" stroke="%231B214A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.11914 7.79736L8.66182 9.8807C9.49854 10.564 10.8714 10.564 11.7081 9.8807" stroke="%231B214A" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.2587 2.64756L16.4862 3.12255C16.5999 3.35589 16.8842 3.57256 17.1361 3.62256L17.4448 3.67256C18.3708 3.83089 18.5902 4.53089 17.924 5.22256L17.6397 5.51421C17.4529 5.71421 17.3473 6.09755 17.4042 6.36422L17.4448 6.53922C17.6966 7.68922 17.1036 8.13088 16.1287 7.53088L15.9175 7.40588C15.6657 7.25588 15.2595 7.25588 15.0077 7.40588L14.7965 7.53088C13.8135 8.13921 13.2205 7.68922 13.4805 6.53922L13.5211 6.36422C13.5779 6.09755 13.4723 5.71421 13.2855 5.51421L13.0012 5.22256C12.335 4.53089 12.5544 3.83089 13.4805 3.67256L13.7892 3.62256C14.0329 3.58089 14.3253 3.35589 14.439 3.12255L14.6665 2.64756C15.1052 1.73923 15.8201 1.73923 16.2587 2.64756Z" stroke="%231B214A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.filters .status.status-resolved {
    background-image: url('data:image/svg+xml,<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.82292 13.4674H2.65299C2.19595 13.4674 1.75762 13.2859 1.43443 12.9627C1.11125 12.6395 0.929688 12.2012 0.929688 11.7441V3.1276C0.929688 2.67055 1.11125 2.23222 1.43443 1.90904C1.75762 1.58586 2.19595 1.4043 2.65299 1.4043H14.7161C15.1732 1.4043 15.6115 1.58586 15.9347 1.90904C16.2579 2.23222 16.4395 2.67055 16.4395 3.1276V8.29753" stroke="%231B214A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M0.929688 3.12744L8.68457 8.29736L16.4395 3.12744M11.2695 13.4673L12.9928 15.1906L16.4395 11.744" stroke="%231B214A" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.filters .status.status-any:hover, 
.filters .status.status-any.active {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.7537 17.3805H6.63013C4.19307 17.3805 2.56836 16.1305 2.56836 13.2139V7.38053C2.56836 4.46387 4.19307 3.21387 6.63013 3.21387H14.7537C17.1907 3.21387 18.8155 4.46387 18.8155 7.38053V13.2139C18.8155 16.1305 17.1907 17.3805 14.7537 17.3805Z" stroke="%23752963" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.7525 7.79736L12.2098 9.8807C11.3731 10.564 10.0002 10.564 9.16345 9.8807L6.62891 7.79736" stroke="%23752963" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.filters .status.status-queued:hover,
.filters .status.status-queued.active  {
    background-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3116 9.0472V13.2139C18.3116 16.1305 16.6868 17.3805 14.2498 17.3805H6.12623C3.68916 17.3805 2.06445 16.1305 2.06445 13.2139V7.38053C2.06445 4.46387 3.68916 3.21387 6.12623 3.21387H11.8127" stroke="%23752963" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.125 7.79736L8.66767 9.8807C9.5044 10.564 10.8773 10.564 11.714 9.8807L12.6726 9.09736" stroke="%23752963" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.2809 6.96403C17.4025 6.96403 18.3118 6.03129 18.3118 4.8807C18.3118 3.7301 17.4025 2.79736 16.2809 2.79736C15.1593 2.79736 14.25 3.7301 14.25 4.8807C14.25 6.03129 15.1593 6.96403 16.2809 6.96403Z" stroke="%23752963" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.filters .status.status-in-review:hover ,
.filters .status.status-in-review.active  {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.56055 7.38053C2.56055 4.46387 4.18526 3.21387 6.62232 3.21387H14.7459C17.1829 3.21387 18.8076 4.46387 18.8076 7.38053V13.2139C18.8076 16.1305 17.1829 17.3805 14.7459 17.3805H6.62232" stroke="%23752963" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.7446 7.79736L12.202 9.8807C11.3652 10.564 9.99236 10.564 9.15564 9.8807L6.62109 7.79736" stroke="%23752963" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.56055 14.0474H7.43468" stroke="%23752963" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.56055 10.7139H4.99761" stroke="%23752963" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.filters .status.status-processing:hover,
.filters .status.status-processing.active  {
    background-image: url('data:image/svg+xml,<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3057 9.88053V13.2139C18.3057 16.1305 16.681 17.3805 14.2439 17.3805H6.12037C3.6833 17.3805 2.05859 16.1305 2.05859 13.2139V7.38053C2.05859 4.46387 3.6833 3.21387 6.12037 3.21387H10.1821" stroke="%23752963" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.11914 7.79736L8.66182 9.8807C9.49854 10.564 10.8714 10.564 11.7081 9.8807" stroke="%23752963" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.2587 2.64756L16.4862 3.12255C16.5999 3.35589 16.8842 3.57256 17.1361 3.62256L17.4448 3.67256C18.3708 3.83089 18.5902 4.53089 17.924 5.22256L17.6397 5.51421C17.4529 5.71421 17.3473 6.09755 17.4042 6.36422L17.4448 6.53922C17.6966 7.68922 17.1036 8.13088 16.1287 7.53088L15.9175 7.40588C15.6657 7.25588 15.2595 7.25588 15.0077 7.40588L14.7965 7.53088C13.8135 8.13921 13.2205 7.68922 13.4805 6.53922L13.5211 6.36422C13.5779 6.09755 13.4723 5.71421 13.2855 5.51421L13.0012 5.22256C12.335 4.53089 12.5544 3.83089 13.4805 3.67256L13.7892 3.62256C14.0329 3.58089 14.3253 3.35589 14.439 3.12255L14.6665 2.64756C15.1052 1.73923 15.8201 1.73923 16.2587 2.64756Z" stroke="%23752963" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.filters .status.status-resolved:hover,
.filters .status.status-resolved.active  {
    background-image: url('data:image/svg+xml,<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.82292 13.4674H2.65299C2.19595 13.4674 1.75762 13.2859 1.43443 12.9627C1.11125 12.6395 0.929688 12.2012 0.929688 11.7441V3.1276C0.929688 2.67055 1.11125 2.23222 1.43443 1.90904C1.75762 1.58586 2.19595 1.4043 2.65299 1.4043H14.7161C15.1732 1.4043 15.6115 1.58586 15.9347 1.90904C16.2579 2.23222 16.4395 2.67055 16.4395 3.1276V8.29753" stroke="%23752963" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/><path d="M0.929688 3.12744L8.68457 8.29736L16.4395 3.12744M11.2695 13.4673L12.9928 15.1906L16.4395 11.744" stroke="%23752963" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.filter-right {
    display: flex;
    margin-left: auto;
    gap: 30px;
    align-items: center;
}
.filters .ticket-info {
    padding: 3px 0;
}
.sort-by {
    color: #A347BC;
    cursor: pointer;
    padding: 3px 21px 3px 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
    background-image: url('data:image/svg+xml,<svg width="13" height="10" viewBox="0 0 13 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.9423 1.701H0.955078V0.901855H12.9423V1.701ZM10.5449 5.69674H3.35252V4.89759H10.5449V5.69674ZM8.94656 9.69248H4.95082V8.89333H8.94656V9.69248Z" fill="%2391467F"/></svg>');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 13px;
}

.filter-sort{
    position: relative;
}
.sort-by-dropdown {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 304px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
    z-index: 1;
    right: 0;
    border: 1px solid #1B214A;
    margin-top: 7px;
}


.sort-by-dropdown a {
    color: #752963;
    padding: 11.7px 19px;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    border-bottom: 1px solid #1B214A;
    font-size: 16px;
    font-weight: 300;
    line-height: 20.8px;
    background: none;
}
.sort-by-dropdown a:last-child {
    border: none;
}
.sort-by-dropdown a:hover {
    background-color: #e9d8fd;
}

.sort-by-dropdown a:hover,
.sort-by-dropdown a.active {
    background-color: #303666;
    color: white;
}

.filter-advanced{
    position: relative;
}

.filter-advanced-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 8px;
    padding: 40px 20px 24px 25px;
    border-radius: 0;
    width: 396px;
    z-index: 99;
    background: #FFFFFF;
    border: 0.5px solid #1B214A;
    box-shadow: 11px 15px 8px rgba(112, 112, 112, 0.01), 6px 9px 6px rgba(112, 112, 112, 0.05), 3px 4px 5px rgba(112, 112, 112, 0.09), 1px 1px 3px rgba(112, 112, 112, 0.1);
}

.filter-container:hover .filter-content {
    display: block;
}

.filter-section {
    margin-bottom: 34px;
}

.filter-section h4 {
    margin: 0 0 17px;
    font-size: 18px;
    font-weight: 300;
    line-height: 23.4px;
    text-align: left;
}

.filter-options {
    display: flex;
    flex-wrap: wrap;
    gap: 22px 0;
    justify-content: space-between;
}
.filter-options.filter-options-date {
    gap: 20px 0;
}
.filter-option {
    display: flex;
    align-items: center;
    gap: 5px;
}
.filter-options.filter-options-priority .filter-option, 
.filter-options.filter-options-status .filter-option, 
.filter-options.filter-options-date .filter-option {
    width: 28.5%;
}
.filter-options.filter-options-type .filter-option {
    width: 47%;
}
.filter-section input[type="radio"],
.filter-section input[type="checkbox"] {
    display: none;
}
.filter-section input[type="radio"] + label:before,
.filter-section input[type="checkbox"] + label:before {
    content: '';
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 1px solid #1B214A;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px;
    position: absolute;
    left: 0;
    top: -2px;
}
.filter-section input[type="radio"] + label:before{
    /* content: '';
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 1px solid #1B214A;
    border-radius: 50%;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px;
    position: absolute;
    left: 0;
    top: -2px; */
}
.filter-section input[type="radio"]:checked + label:before,
.filter-section input[type="checkbox"]:checked + label:before {
    background-color: #1B214A;
    background-image: url('data:image/svg+xml,<svg width="15" height="12" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.61474 11.355L0.640625 6.38085L1.88415 5.13732L5.61474 8.8679L13.6213 0.861328L14.8648 2.10486L5.61474 11.355Z" fill="white"/></svg>');
    background-size: 15px;
}
.filter-section input[type="radio"]:checked + label:before {
    /* background-color: #1B214A; */
}

.filter-section label {
    position: relative;
    padding-left: 29px;
    font-size: 13px;
    font-weight: 300;
    line-height: 19.5px;
    text-align: left;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    margin-right: -7px;
}

.filter-search:before {
    content: '';
    width: 19px;
    height: 19px;
    position: absolute;
    left: 15px;
    right: 10px;
    top: 9px;
    background-image: url('data:image/svg+xml,<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.05469 15.8989C12.9897 15.8989 16.1797 12.709 16.1797 8.77393C16.1797 4.8389 12.9897 1.64893 9.05469 1.64893C5.11966 1.64893 1.92969 4.8389 1.92969 8.77393C1.92969 12.709 5.11966 15.8989 9.05469 15.8989Z" stroke="%231B214A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.9297 16.6489L15.4297 15.1489" stroke="%231B214A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');;
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: center;
}

.filter-options.filter-options-priority .filter-option label {
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right 2px center;
}

.filter-options.filter-options-priority .filter-option label[for="ticket-priority-high"] {
    background-image: url('data:image/svg+xml,<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.13477 14.1074H0.0722656V0.107422H12.8223L9.74102 4.60742L12.8223 9.10742H1.13477V14.1074Z" fill="%23FF7272"/></svg>');
}

.filter-options.filter-options-priority .filter-option label {
    background-image: url('data:image/svg+xml,<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.13477 14.1074H0.0722656V0.107422H12.8223L9.74102 4.60742L12.8223 9.10742H1.13477V14.1074Z" fill="%23FFAA5A"/></svg>');
}

.filter-options.filter-options-priority .filter-option label[for="ticket-priority-low"] {
    background-image: url('data:image/svg+xml,<svg width="13" height="15" viewBox="0 0 13 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.13477 14.1074H0.0722656V0.107422H12.8223L9.74102 4.60742L12.8223 9.10742H1.13477V14.1074Z" fill="%2375CE4E" fill-opacity="0.8"/></svg>');
}
.custom-date input {
    padding: 3.5px 6px 3.5px 9px;
    border: 1px solid rgba(27, 33, 74, 0.7);
    width: 83px;
	font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    margin: -1px 0 0;
    color: #1B214A;
}
.custom-date input::-ms-input-placeholder {
    opacity: 1;
}
.custom-date input::placeholder {
    opacity: 1;
}
.custom-date label[for="submitted-custom"] {
    margin-right: -1px;
}
.filter-footer {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.filter-footer .reset-button,
.filter-footer .apply-button {
    cursor: pointer;
    text-transform: uppercase;
}

.apply-button {
    background-color: #752963;
    color: white;
    border: none;
}

.apply-button:hover {
    background-color: #4a3a85;
}

.reset-button {
    background-color: transparent;
    color: #752963;
    border: none;
}

/* Custom date input */
.custom-date {
    display: flex;
    align-items: center;
    gap: 8px;
}

.custom-date input[type="date"] {
    padding: 5px;
    border: 1px solid #752963;
    border-radius: 4px;
}
.page-template-smsf-ticket .saul-smsf-tickets .ticket-button.new-ticket,
.saul-smsf-ticket-filters .filters-top .btn-wrapper .button.new-ticket {
    background-position: 13px 9px;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
    color: #ffffff;
    background-size: 25px;
    font-size: 15px;
    line-height: 20px;
    text-transform: capitalize;
    background-color: transparent;
    color: #ffffff;
    padding: 9px 16px 9px 44px;
    background-image: url(../images/message-edit.png);
    border-radius: 0;
    min-width: 139px;
}
/* .page-template-smsf-ticket .saul-smsf-tickets .ticket-button.new-ticket:hover,
.saul-smsf-ticket-filters .filters-top .btn-wrapper .button.new-ticket:hover {
    background-position: 16px 9px;
} */
.page-template-smsf-ticket .btn-wrapper .button.button-submit.ticket-button,
body.page-template-smsf-ticket:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce .filter-footer button.button {
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
    color: #ffffff;
    display: inline-flex;
    padding: 8.6px 11px;
    text-transform: uppercase;
    background-image: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.05469 0.976562L12.4323 0.976562M12.4323 0.976562V12.3541M12.4323 0.976562L1.05469 12.3541" stroke="%23EFB257" stroke-width="0.740625"/></svg>');
    background-repeat: no-repeat;
    background-position: right 13px center;
    background-size: 12px;
    position: relative;
    border: none;
    background-color: transparent;
    transition: all 300ms;
    cursor: pointer;
    font-size: 13px;
    line-height: 16.9px;
    width: 133px;
}

.page-template-smsf-ticket .btn-wrapper .button.button-submit.ticket-button:hover,
body.page-template-smsf-ticket:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce .filter-footer button.button:hover {
    background-image: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.05469 0.976562L12.4323 0.976562M12.4323 0.976562V12.3541M12.4323 0.976562L1.05469 12.3541" stroke="%23EFB257" stroke-width="0.740625"/></svg>');
    background-position: right 17px center;
    color: #ffffff;
	background-size: 13px;
    padding: 8.6px 11px 8.6px 14px;
}
button.filter-button-close:hover {
    padding: 10px;
    background: none;
}
.filter-options.filter-options-date {
    gap: 20px 0;
}
input[type="checkbox"] + label {
    cursor: pointer;
}
.filter-footer .reset-button.btn-button.primary-button.btn-underline {
    padding: 0px 18px 0 0;
    color: #752963;
    font-size: 12px;
    font-weight: 300;
    line-height: 18px;
    text-align: left;
    background-image: url('data:image/svg+xml,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.605469 0.770508H6.80829M6.80829 0.770508V6.97333M6.80829 0.770508L0.605469 6.97333" stroke="%23EFB257" stroke-width="0.993053"/></svg>');
    background-size: 8px;
    background-position: right 3px top 4px;
    margin-bottom: 3px;
}
.filter-footer .reset-button.btn-button.primary-button.btn-underline:hover {
    background-image: url('data:image/svg+xml,<svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.605469 0.770508H6.80829M6.80829 0.770508V6.97333M6.80829 0.770508L0.605469 6.97333" stroke="%23EFB257" stroke-width="0.993053"/></svg>');
    background-size: 8px;
    background-position: right 0px top 1px;
    padding: 0px 18px 0 0;
}

.filter-footer .reset-button.btn-button.primary-button.btn-underline:before {
    width: calc(100% - 4px);
}
body.page-template-smsf-ticket:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.apply-button {
    margin-right: 21px;
}
.filter-footer .reset-button:after {
    display: none;
}
button.reset-button.btn-button.primary-button.btn-underline:before {
    bottom: 0;
    top: auto;
}

/* flatpickr calendar */
body .daterangepicker {
    border: 1px solid rgba(172, 206, 236, 0.8);
    border-radius: 0;
    padding: 15px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
    width: auto !important;
}
body .flatpickr-calendar .flatpickr-months {
    position: relative;
}
body .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
    width: 32px;
    height: 32px;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
}
body .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
    display: none;
}
body .flatpickr-months .flatpickr-prev-month {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.26367 10.7342H17.597M4.26367 10.7342C4.26368 11.8322 9.26351 15.7344 9.26351 15.7344M4.26367 10.7342C4.26366 9.63618 9.26354 5.73438 9.26354 5.73438" stroke="%231B214A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
body .flatpickr-months .flatpickr-next-month {
    background-image: url('data:image/svg+xml,<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.597 10.7344L4.26367 10.7344" stroke="%231B214A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.5977 15.7344C12.5977 15.7344 17.5976 11.8323 17.5977 10.7343C17.5977 9.63635 12.5977 5.73438 12.5977 5.73438" stroke="%231B214A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
body .flatpickr-current-month {
    padding: 0;
    font-size: 13px;
    font-weight: 300;
    line-height: 16.9px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 100%;
    left: 0;
}
body .flatpickr-current-month span.cur-month {
    font-size: 13px;
    font-weight: 300;
    line-height: 16.9px;
    margin: 0;
}
body .flatpickr-current-month input.cur-year {
    font-size: 13px;
    font-weight: 300;
    line-height: 16.9px;
    background: transparent;
}
body .dayContainer {
    width: auto;
    min-width: 0;
    max-width: 100%;
    position: relative;
}
body .flatpickr-day {
    border: none;
    width: 36px;
    min-width: 36px;
    height: 36px;
    border-radius: 0;
    font-size: 13px;
    font-weight: 300;
    line-height: 16.9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1B214A;
}
body .flatpickr-day.selected.startRange, 
body .flatpickr-day.startRange.startRange, 
body .flatpickr-day.endRange.startRange {
    border-radius: 0;
}
body .rangeMode .flatpickr-day {
    margin: 4px 0 0;
    box-shadow: none !important;
}
body .flatpickr-day.inRange, 
body .flatpickr-day.prevMonthDay.inRange, 
body .flatpickr-day.nextMonthDay.inRange, 
body .flatpickr-day.today.inRange, 
body .flatpickr-day.prevMonthDay.today.inRange, 
body .flatpickr-day.nextMonthDay.today.inRange, 
body .flatpickr-day:hover, 
body .flatpickr-day.prevMonthDay:hover, 
body .flatpickr-day.nextMonthDay:hover, 
body .flatpickr-day:focus, 
body .flatpickr-day.prevMonthDay:focus, 
body .flatpickr-day.nextMonthDay:focus {
    background: rgba(172, 206, 236, 0.8);
    box-shadow: none;
}
body .flatpickr-days {
    width: 536px !important;
}
body .flatpickr-day.selected, 
body .flatpickr-day.startRange, 
body .flatpickr-day.endRange, 
body .flatpickr-day.selected.inRange, 
body .flatpickr-day.startRange.inRange, 
body .flatpickr-day.endRange.inRange, 
body .flatpickr-day.selected:focus, 
body .flatpickr-day.startRange:focus, 
body .flatpickr-day.endRange:focus, 
body .flatpickr-day.selected:hover, 
body .flatpickr-day.startRange:hover, 
body .flatpickr-day.endRange:hover, 
body .flatpickr-day.selected.prevMonthDay, 
body .flatpickr-day.startRange.prevMonthDay, 
body .flatpickr-day.endRange.prevMonthDay, 
body .flatpickr-day.selected.nextMonthDay, 
body .flatpickr-day.startRange.nextMonthDay, 
body .flatpickr-day.endRange.nextMonthDay {
    background: rgba(48, 54, 102, 1);
    color: #ffffff;
}
body .flatpickr-day.selected.startRange.endRange, 
body .flatpickr-day.startRange.startRange.endRange, 
body .flatpickr-day.endRange.startRange.endRange,
body .flatpickr-day.selected.endRange, 
body .flatpickr-day.startRange.endRange, 
body .flatpickr-day.endRange.endRange {
    border-radius: 0;
    box-shadow: none !important;
}
body .flatpickr-calendar:before, 
body .flatpickr-calendar:after {
    display: none;
}
body .flatpickr-current-month span.cur-month:hover {
    background: transparent;
}
body .numInputWrapper:hover {
    background: transparent;
}
body .numInputWrapper span {
    margin-top: -1px;
}
body .flatpickr-months .flatpickr-month {
    height: 32px;
    position: relative;
    padding-top: 1px;
}
body span.flatpickr-weekday {
    font-size: 13px;
    font-weight: 300;
    line-height: 16.9px;
    color: #1B214A;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-top: 1px;
}
body .flatpickr-weekdays {
    height: auto;
}
body .dayContainer:first-child, 
body .flatpickr-weekdays .flatpickr-weekdaycontainer:first-child, 
body .flatpickr-months .flatpickr-month {
    padding-right: 16px;
}
body .dayContainer:last-child, 
body .flatpickr-weekdays .flatpickr-weekdaycontainer:last-child,
body .flatpickr-months .flatpickr-month + .flatpickr-month  {
    padding-left: 16px;
    padding-right: 0;
}
body .dayContainer + .dayContainer {
    box-shadow: none;
}
body .flatpickr-weekdays .flatpickr-weekdaycontainer {
    position: relative;
    padding-top: 8px;
    padding-bottom: 5px;
}
body .flatpickr-day.flatpickr-disabled, 
body .flatpickr-day.flatpickr-disabled:hover,
body .flatpickr-day.nextMonthDay.hidden {
    visibility: visible;
    opacity: 0.3;
    color: #1B214A;
}
body .dayContainer:last-child:before, 
body .flatpickr-weekdays .flatpickr-weekdaycontainer:last-child:before, 
body .flatpickr-months .flatpickr-month + .flatpickr-month:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-left: 1px solid #DCE0E5;
    height: 100%;
}
body .flatpickr-months .flatpickr-month + .flatpickr-month .flatpickr-current-month {
    padding-left: 29px;
}
body .daterangepicker:before, 
body .daterangepicker:after {
    display: none;
}
body .daterangepicker .calendar-table .next span, 
body .daterangepicker .calendar-table .prev span {
    border: none;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: none;
    padding: 0;
}
body .daterangepicker .calendar-table th.prev:hover, 
body .daterangepicker .calendar-table th.next:hover {
    background: transparent;
}
body .daterangepicker .calendar-table .prev span {background-image: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.26367 9.9998H17.597M4.26367 9.9998C4.26368 11.0978 9.26351 15 9.26351 15M4.26367 9.9998C4.26366 8.90181 9.26354 5 9.26354 5" stroke="%231B214A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');}
body .daterangepicker .calendar-table .next span {
    background-image: url('data:image/svg+xml,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.597 10L4.26367 10" stroke="%231B214A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.5977 15C12.5977 15 17.5976 11.098 17.5977 9.99997C17.5977 8.90197 12.5977 5 12.5977 5" stroke="%231B214A" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
body .daterangepicker {
    padding: 15px;
    border: 1px solid rgba(172, 206, 236, 0.8);
    border-radius: 0;
    padding: 15px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.08);
    width: auto !important;
}
body .daterangepicker .drp-calendar.left,
body .daterangepicker .drp-calendar.right {
    padding: 0;
}
body .daterangepicker .drp-calendar.left {
    padding-right: 16px;
    border-right: 1px solid #DCE0E5;
}
body .daterangepicker .drp-calendar.right {
    padding-left: 16px;
}
body .daterangepicker .calendar-table th, 
body .daterangepicker .calendar-table td {
    width: 36px;
    height: 36px;
    color: #1B214A;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 300;
    line-height: 16.9px;
    text-align: center;
    border: none;
    border-radius: 0 !important;
}
body .daterangepicker .calendar-table {
    border: none;
    border-radius: 0;
}
body .daterangepicker .calendar-table table {
    border-collapse: separate;
    border-spacing: 0 4px;
}
body .daterangepicker .drp-calendar.left .calendar-table,
body .daterangepicker .drp-calendar.right .calendar-table {
    padding: 0;
}
body .daterangepicker .calendar-table th.prev,
body .daterangepicker .calendar-table th.next {
    width: 32px;
    height: 32px;
}
body .daterangepicker .calendar-table thead tr:first-child th {
    height: 26px;
    width: auto;
}
body .daterangepicker .calendar-table tr:first th {
    height: 36px;
}
body .daterangepicker .calendar-table thead tr:last-child th {
    height: 48px;
    padding-top: 5px;
}
body .daterangepicker .calendar-table td {
    margin: 2px;
}
body .daterangepicker .calendar-table td.off {
    opacity: 0.3;
}
body .daterangepicker .calendar-table td.active,
body .daterangepicker .calendar-table td.active:hover {
    background-color: #303666;
    color: #ffffff;
}
body .daterangepicker td.in-range {
    background: #ACCEECCC;
}
body .daterangepicker td.available:hover, 
body .daterangepicker th.available:hover {
    background: #ACCEECCC;
}


/* ticket message */
.dashboard--info.content-box {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.dashboard--info .user-name {
    word-break: break-word;
}
.dashboard--wrapper .ticket-container {
    flex: auto;
}
.saul-smsf-tickets .ticket-message {
    margin-bottom: 16px;
}

.saul-smsf-tickets .ticket-message .ticket-title {
    margin: 27px 0 8px;
}

.saul-smsf-tickets .ticket-message .ticket-description {
    opacity: 0.7;
    margin: 0;
}
.dashboard--wrapper .ticket-message {
    margin-top: -28px;
}
.submission-succeeded {
    padding: 29px 25px;
}

.submission-succeeded .ticket-title {
    margin: 23px 0 18px;
}

.submission-succeeded .ticket-description {
    opacity: 0.7;
    max-width: 600px;
    margin-bottom: 26px;
}

.page-template-smsf-ticket .btn-wrapper .button.button-submit.ticket-button {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
    line-height: 20.8px;
    width: auto;
    text-transform: capitalize;
    padding: 14.5px 61px 14.5px 15px;
    background-image: url('data:image/svg+xml,<svg width="27" height="26" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.90625 0.530273L25.7647 0.530273M25.7647 0.530273V25.3887M25.7647 0.530273L0.90625 25.3887" stroke="white" stroke-width="0.977132"/></svg>');
    background-size: 27px;
    height: 49px;
}

.page-template-smsf-ticket .btn-wrapper .button.button-submit.ticket-button:hover {
    padding: 14.5px 58px 14.5px 18px;
    background-image: url('data:image/svg+xml,<svg width="27" height="26" viewBox="0 0 27 26" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.90625 0.530273L25.7647 0.530273M25.7647 0.530273V25.3887M25.7647 0.530273L0.90625 25.3887" stroke="%23EFB257" stroke-width="0.977132"/></svg>');
    background-size: 27px;
}
.dashboard--wrapper .button.button-submit:before {
    background-color: #91467F;
}

.dashboard--wrapper .button.button-submit:after {
    background-color: #752963;
}
.dashboard--info .saul-smsf-ticket-list-header {
    display: flex;
    margin: -32px 0 17px;
    justify-content: space-between;
    align-items: center;
}
.dashboard--info .saul-smsf-ticket-list-header h5.recent-activity {
    margin: 0;
    font-size: 22px;
    font-weight: 300;
    line-height: 28.6px;
}
.dashboard--info.content-box .saul-smsf-tickets .ticket-list.btn-button,
.dashboard--info .saul-smsf-ticket-list-header .ticket-list {
    color: #752963;
}
.dashboard--info.content-box .saul-smsf-tickets .ticket-list.btn-button:before,
.dashboard--info .saul-smsf-ticket-list-header .ticket-list.btn-button:before {
    bottom: 0px;
}
.dashboard--info.content-box .saul-smsf-ticket-list .ticket-list.btn-button {margin-top: 19px;display: inline-flex;}

/* Ticket Closed */
.single-ticket  .ticket-closed {
    text-align: center;
    border-top: 1px solid #1B214A;
    margin-top: 17px;
    padding-top: 8px;
}

.single-ticket .ticket-closed h6 {
    font-size: 15px;
    font-weight: 500;
    line-height: 27.3px;
    margin: 0 0 -2px;
    color: #242731;
}

.single-ticket .ticket-closed p {
    font-size: 13px;
    font-weight: 300;
    line-height: 23.66px;
    margin: 0;
}

.single-ticket .ticket-closed a {
    background-size: 100% 1px;
    color: #752963;
}

.single-ticket .ticket-closed a:hover {
    background-size: 0 1px;
}
.single-ticket .status-update + form#wpas-new-reply {
    margin-top: 18px;
}
div#wp-link-wrap #link-selector #search-panel {
    display: none;
}

div#wp-link-wrap {
    height: 280px;
}
div.wp-core-ui .button, 
div.wp-core-ui .button-secondary {
    background-color: transparent;
    padding: 8px 61px 8px 15px;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
    background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.30078 1.36694L16.3116 1.36694M16.3116 1.36694V16.3778M16.3116 1.36694L1.30078 16.3778" stroke="white" stroke-width="0.977132"/></svg>');
    background-repeat: no-repeat;
    background-position: right 13px center;
    background-size: 17px;
    color: #ffffff;
    border: none;
    width: 140px;
}
div#wp-link .submitbox {
    z-index: 1;
}
div.wp-core-ui .button-secondary:hover, 
div.wp-core-ui .button.hover, 
div.wp-core-ui .button:hover {
    background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.30078 1.36694L16.3116 1.36694M16.3116 1.36694V16.3778M16.3116 1.36694L1.30078 16.3778" stroke="%23EFB257" stroke-width="0.977132"/></svg>');
    background-repeat: no-repeat;
    background-position: right 17px center;
    background-size: 17px;
    color: #ffffff;
    background-size: 17px;
    padding: 8px 58px 8px 18px;
    background-color: transparent;
}
div.wp-core-ui .button-primary:hover {background: none;}
.wp-core-ui .button-primary::-ms-input-placeholder {
    color: #FFFFFF;
    opacity: 1;
}
.wp-core-ui .button-primary::placeholder {
    color: #FFFFFF;
    opacity: 1;
}
div#wp-link-update {
    position: relative;
    background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.30078 1.36694L16.3116 1.36694M16.3116 1.36694V16.3778M16.3116 1.36694L1.30078 16.3778" stroke="white" stroke-width="0.977132"/></svg>');
    background-repeat: no-repeat;
    background-position: right 13px center;
    background-size: 17px;
    position: relative;
    transition: all 300ms;
}
#wp-link .submitbox {
    z-index: 1;
}
div#wp-link-update:before {
    background-color: #343A69;
}

div#wp-link-update:after {
    background-color: #1B214A;
    transform: scaleY(0);
    transform-origin: top center;
    transition: transform .5s cubic-bezier(.4, 0, 0, 1);
}

div#wp-link-update:after,
div#wp-link-update:before {
    content: '';
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

div#wp-link-update:hover {
    background-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.30078 1.36694L16.3116 1.36694M16.3116 1.36694V16.3778M16.3116 1.36694L1.30078 16.3778" stroke="%23EFB257" stroke-width="0.977132"/></svg>');
    background-repeat: no-repeat;
    background-position: right 17px center;
    background-size: 17px;
}

div.wp-core-ui .button-primary {
    background: none;
    -webkit-text-fill-color: #ffffff !important;
}
form .mce-toolbar .mce-btn-group .mce-btn.mce-active, 
form .mce-toolbar .mce-btn-group .mce-btn:active, .qt-dfw.active {
    border: none;
    background: transparent;
}

form .mce-toolbar .mce-btn-group .mce-btn, .qt-dfw {
    border: none;
}

form .mce-toolbar .mce-btn button:hover {
    background: none;
}

form .mce-splitbtn:hover .mce-open {
    border: none;
}
form .mce-splitbtn .mce-open {
    border: none;
}
form .mce-btn button {
    background: none !important;
}
form .mce-grid td.mce-grid-cell div {
    line-height: 0.5;
    font-weight: 300;
}
.select2-container.prioritySelect2 .select2-dropdown {
    min-width: 184px;
}

.single-ticket .prioritySelect2 .select2-dropdown--below,
body:not(.body-smsf-ticket-form) .prioritySelect2 .select2-dropdown--below{
    margin-top: 4px;
    border-top: 1px solid;
}

.single-ticket .prioritySelect2 .select2-dropdown--above,
body:not(.body-smsf-ticket-form) .prioritySelect2 .select2-dropdown--above{
    margin-top: -4px;
    border-bottom: 1px solid;
    border-top: 1px solid;
}

.wpas-select2[data-status="closed"] + .select2,
.wpas-select2[data-status="resolved"] + .select2{
    pointer-events: none;
}
.filter-search .wpas-btn.wpas-btn-default:hover,
.filter-search .wpas-btn.wpas-btn-default{
    background-image: none;
    padding: 10px 15px;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
}
.filters-top .filter-search .btn-wrapper{
    order: unset;
}
.filter-search .wpas-btn.wpas-btn-default{
    margin-right: 8px;
}
.filter-search-clear{
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #1B214A;
    background-size: 100% 1px;
    background: transparent;
}
.filter-search-clear:before {
    content: '';
    background-color: currentColor;
    bottom: 0px;
    content: "";
    height: 1px;
    left: 0;
    pointer-events: none;
    position: absolute;
    transform: scaleX(1);
    transform-origin: left center;
    transition: transform .6s cubic-bezier(.4, 0, 0, 1);
    width: 100%;
    display: block;
}
.filter-search-clear:hover:before{
    transform: scaleX(0);
    transform-origin: right center;
}
.filter-button .count{
    margin: 0 4px;
}
button.filter-button.filtered{
    background-color: #91467F;
    color: #fff;
    background-image: url('data:image/svg+xml,<svg width="17" height="11" viewBox="0 0 17 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.944092 1.27734L8.68689 9.02014L16.4297 1.27734" stroke="%23fff" stroke-width="1.53202"/></svg>');
}
.filter-search input::placeholder{
    font-size: 13px;
    color: #1B214A;
}
.filter-search input:-moz-placeholder{
    font-size: 13px;
    color: #1B214A;
}
.filter-search input:-ms-input-placeholder{
    font-size: 13px;
    color: #1B214A;
}
.single-ticket form#wpas-new-reply{
    margin-top: 20px;
}
@media (min-width: 1600px) {
    .single-ticket .message-box {
        max-width: 900px;
    }
}
@media (max-width: 1360px) {
    .statuses {
        margin: 0 -15px;
        padding: 0 15px;
    }    
    .filters {
        flex-direction: column;
        box-shadow: none;
        gap: 0;
    }    
    .filter-right {
        width: 100%;
        justify-content: space-between;
        margin-top: 25px;
    }
    .filters-inner {
        position: relative;
    }
    .filters-inner:before {
        content: '';
        position: absolute;
        width: calc(100% + 15px);
        height: 1px;
        box-shadow: inset 0px -1px #E7E7E7;
        bottom: 0;
    }
    .saul-smsf-ticket-filters {
        padding-bottom: 13px;
    }
}
@media (max-width: 1369.98px) {
    .saul-smsf-ticket-item .saul-smsf-ticket-footer {
        flex-wrap: wrap;
    }    
    .saul-smsf-ticket-item .saul-smsf-ticket-footer .meta-info {
        order: -1;
        width: 100%;
        gap: 20px;
    } 
}
@media (max-width: 1279.98px) {
    .single-ticket .conversation-section .smsf-attachment-notification:not(:empty){
        position: static;
    }
}
@media (max-width: 1160.98px) {
    .page-template-smsf-ticket.logged-in.woocommerce-account .woocommerce-MyAccount-content{
        margin-top: 26px;
        height: calc(100vh - 110px);
    }
    .wpas-submit-ticket form.saul-smsf-ticket-form .smsf-attachment button {
        position: absolute;
        right: 0;
        bottom: 54px;
    }
    .body-smsf-ticket-form.page-template-smsf-ticket.woocommerce-account.logged-in .woocommerce-MyAccount-content{
        max-width: 100%;
    }
    .single-ticket.woocommerce-account .woocommerce-MyAccount-content{
        max-width: 100%;
    }
}
@media (max-width: 1024.98px) and (min-width: 768px) {
    .smsf-shortcode-ticket-submit.logged-in.woocommerce-account .section-cms-page .container {
        padding: 0;
    }
    
    .smsf-shortcode-ticket-submit .dashboard__content .dashboard__content--left {
        padding-right: 15px;
    }
    
    .smsf-shortcode-ticket-submit .dashboard--wrapper .ticket-container {
        padding: 30px 15px 50px;
    }
    
    .smsf-shortcode-ticket-submit.woocommerce-account .woocommerce-MyAccount-content {
        padding-top: 27px;
    }
    
    .smsf-shortcode-ticket-submit .dashboard--info .user-profile {
        padding: 19.5px 15px;
    }
    
    .smsf-shortcode-ticket-submit .dashboard--payment .payment-info {
        padding: 17px 19px;
    }
}
@media (max-width: 1024.98px) {
    .single-ticket .conversation-section{
        height: calc(100vh - 110px);
        height: calc(100dvh - 110px);
    }
    .admin-bar.single-ticket .conversation-section{
        height: calc(100vh - 110px - 32px);
        height: calc(100dvh - 110px - 32px);
    }
    body.woocommerce-account .page-content .woocommerce {
        margin: 0 -15px;
        padding: 0 15px;
    }
    body.woocommerce-account.single-ticket .page-content .container {
        overflow: hidden;
    }
    body.woocommerce-account.single-ticket .page-content .woocommerce {
        /* margin: 0;
        padding: 0; */
    }
    /* body.woocommerce-account .woocommerce .myaccount-navigation {
        height: calc(100vh - 68px);
    }
    body.woocommerce-account .woocommerce .myaccount-navigation, 
    body.woocommerce-account .woocommerce .myaccount-navigation.show {
        position: fixed;
        padding: 40px 0;
    } */
    .single-ticket.woocommerce-account .woocommerce-MyAccount-content,
    .body-smsf-ticket-form.page-template-smsf-ticket.woocommerce-account.logged-in .woocommerce-MyAccount-content,
    .page-template-smsf-ticket.woocommerce-account .woocommerce-MyAccount-content {
        max-width: 100%;
        /* padding-left: 15px;
        padding-right: 15px; */
    }
    .logged-in.woocommerce-account.page-template-smsf-ticket .section-cms-page .container, 
    .page-template-smsf-ticket .section-cms-page .container {
        padding-left: 15px;
        padding-right: 15px;
    }    
    .body-smsf-ticket-form.page-template-smsf-ticket.woocommerce-account.logged-in .woocommerce-MyAccount-content,
    .page-template-smsf-ticket.woocommerce-account .woocommerce-MyAccount-content {
        padding: 2px 0 0;
        background: transparent;
    }    
    .page-template-smsf-ticket .page-content {
        background-color: #ffffff;
    }
    .single-ticket .conversation-section {
        /* padding-left: 0; */
    }
    .single-ticket .message-box {
        width: calc(100% - 15px);
    }

    /* listing */
    .saul-smsf-ticket-filters {
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }
    
    .page-template-smsf-ticket.logged-in.woocommerce-account .woocommerce-MyAccount-content {
        padding: 0;
        margin-top: 0;
    }
    .saul-smsf-ticket-filters-footer{
        margin-bottom: 25px;
    }
    .saul-smsf-ticket-list {
        margin-right: -7px;
        padding-right: 6px;
        height: calc(100vh - 354px);
        height: calc(100dvh - 354px);
        padding-bottom: 25px;
    }
    .admin-bar .saul-smsf-ticket-list {
        height: calc(100vh - 470px - 32px);
        height: calc(100dvh - 470px - 32px);
    }
    .saul-smsf-ticket-list.no-paged{
        height: calc(100vh - 260px);
        height: calc(100dvh - 260px);
    }
    .dashboard--info.content-box .saul-smsf-ticket-list {
        /* height: auto; */
    }
    .admin-bar .saul-smsf-ticket-list.no-paged{
        height: calc(100vh - 350px - 32px);
        height: calc(100dvh - 350px - 32px);
    }
}
@media (max-width: 1023.98px) {
    .body-smsf-ticket-form.page-template-smsf-ticket.woocommerce-account.logged-in .woocommerce-MyAccount-content,
    .page-template-smsf-ticket.woocommerce-account .woocommerce-MyAccount-content {
        max-width: 100%;
    }
    .logged-in.woocommerce-account.page-template-smsf-ticket .section-cms-page .container, 
    .page-template-smsf-ticket .section-cms-page .container {
        padding-left: 15px;
        padding-right: 15px;
    }    
    .body-smsf-ticket-form.page-template-smsf-ticket.woocommerce-account.logged-in .woocommerce-MyAccount-content,
    .page-template-smsf-ticket.woocommerce-account .woocommerce-MyAccount-content {
        padding: 2px 0 25px;
        background: transparent;
    }    
    .page-template-smsf-ticket .page-content {
        background-color: #ffffff;
    }
    .page-template-smsf-ticket .woocommerce .saul-smsf-ticket-notification {
        font-size: 12px;
        line-height: 15.6px;
        padding: 16px 20px 18px 72px;
        margin-top: 25px;
    } 
    form.saul-smsf-ticket-form h6 {
        margin-top: 28px;
        margin-bottom: 6px;
    }
    form.saul-smsf-ticket-form p {
        font-size: 13px;
        line-height: 16.9px;
    }    
    .wpas-submission-form-inside-after-subject.container {
        margin-top: 31px;
    }    
    form.saul-smsf-ticket-form #wpas_ticket_type_wrapper {
        padding-right: 10px;
    }    
    form.saul-smsf-ticket-form #wpas_ticket_priority_wrapper {
        padding-left: 10px;
    }    
    form.saul-smsf-ticket-form iframe {
        height: 210px !important;
    }    
    form.saul-smsf-ticket-form .mce-toolbar .mce-btn-group .mce-btn {
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 0;
        margin-right: 0px;
    }    
    form.saul-smsf-ticket-form .mce-toolbar .mce-btn button {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 14px;
        line-height: 19.6px;
        letter-spacing: 0;
        font-family: "Noto Sans", sans-serif;
    }    
    form.saul-smsf-ticket-form .mce-toolbar .mce-btn button#mceu_0-button, 
    form.saul-smsf-ticket-form .mce-toolbar .mce-btn button#mceu_1-button {
        padding: 0;
        margin-right: 14px;
    }
    form.saul-smsf-ticket-form .mce-toolbar .mce-btn-group {
        margin-bottom: -10px;
    }    
    form.saul-smsf-ticket-form .mce-toolbar .mce-btn-group>div {
        white-space: nowrap;
        padding-bottom: 10px;
    }    
    form.saul-smsf-ticket-form .mce-container-body .mce-stack-layout {
        padding: 76px 0 9px;
        overflow-x: auto;
        overflow-y: hidden;
    }    
    form.saul-smsf-ticket-form i.mce-ico {
        width: 16px;
    }    
    form.saul-smsf-ticket-form .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
        border: none;
        margin-left: -2px;
        letter-spacing: 0;
    }
    form.saul-smsf-ticket-form .mce-toolbar .mce-listbox button i.mce-caret {
        margin-top: -8.5px;
        right: 0;
    }
    form.saul-smsf-ticket-form .mce-toolbar .mce-btn-group .mce-btn.mce-listbox button {
        padding-right: 20px;
        margin-right: 13px;
    }
    .wpas-submit-ticket form.saul-smsf-ticket-form .smsf-attachment {
        /* position: static; */
    }
    form.saul-smsf-ticket-form .smsf-attachment-notification:not(:empty) {
        margin-top: 0;
        bottom: -50px;
    }
    form.saul-smsf-ticket-form .wpas-form-group#wpas_files_wrapper {
        margin-bottom: 10px;
    }
    form.saul-smsf-ticket-form .mce-toolbar .mce-colorbutton .mce-preview {
        bottom: 0px;
    }
    form.saul-smsf-ticket-form .mce-panel .mce-btn i.mce-caret {
        width: 20px;
    }
    form.saul-smsf-ticket-form .mce-toolbar .mce-btn-group .mce-btn.mce-listbox button {
        padding-right: 9px;
        margin-right: 13px;
    }    
    form.saul-smsf-ticket-form .mce-toolbar .mce-btn-group .mce-btn#mceu_4 {
        margin-left: 5px;
        margin-right: 6px;
    }    
    form.saul-smsf-ticket-form .mce-toolbar .mce-btn-group .mce-btn#mceu_4 .mce-open {
        padding: 0px;
    }    
    form.saul-smsf-ticket-form i.mce-i-bold {
        background-size: 10px;
    }    
    form.saul-smsf-ticket-form i.mce-i-italic {
        background-size: 12px;
    }
    form.saul-smsf-ticket-form i.mce-i-underline {
        background-size: 13px;
    }
    
    form.saul-smsf-ticket-form i.mce-i-bullist {
        background-size: 14px;
    }
    
    form.saul-smsf-ticket-form i.mce-i-removeformat {
        background-size: 14px;
    }
    form.saul-smsf-ticket-form #wpas_ticket_priority_wrapper .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered .icon {
        margin-left: 0px;
        margin-right: 13px;
    }
    form.saul-smsf-ticket-form #wpas_ticket_priority_wrapper .select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
    }
    form.saul-smsf-ticket-form #wpas_ticket_priority_wrapper .select2-container.select2-container--default .select2-selection--single {
        padding: 4px 0;
    }

    .single-ticket .status-update {
        flex-direction: column;
    }
}
@media (max-width: 989.98px){
    /* Listing */
    .saul-smsf-ticket-filters {
        padding-top: 0;
    }
    
    .filters-top {
        flex-wrap: wrap;
        position: relative;
    }
    
    .filter-search {
        order: 2;
        width: 100%;
        margin: 0;
        display: flex;
        gap: 8px;
        margin-top: 36px;
    }
    
    .filter-search input {
        width: 62.8%;
    }
    .filters-top .btn-wrapper {
        order: -1;
        margin-left: 0;
    }
    
    .filter-advanced {
        margin-left: auto;
        margin-right: 0;
        position: static;
    }

    .page-template-smsf-ticket.woocommerce-account .woocommerce {
        overflow: visible;
    }

    .page-template-smsf-ticket.woocommerce-account .section.section-cms-page {
        overflow: hidden;
    }
    .saul-smsf-tickets-no-scroll.page-template-smsf-ticket.woocommerce-account .section.section-cms-page {
        overflow: visible;
    }
    .saul-smsf-ticket-item .saul-smsf-ticket-header .status {
        order: -1;
    }
    
    .saul-smsf-ticket-item .saul-smsf-ticket-header {
        flex-direction: column;
        margin-bottom: 16px;
    }
    
    .saul-smsf-ticket-item {
        padding: 19px 15px;
        margin-top: 23px;
    }
    
    .saul-smsf-ticket-item .saul-smsf-ticket-header h3 {
        padding: 0;
        margin-top: 21px;
        font-size: 16px;
        line-height: 20.8px;
    }
    
    .saul-smsf-ticket-item .saul-smsf-ticket-content {
        font-size: 12px;
        line-height: 15.6px;
    }
    
    .saul-smsf-ticket-item .saul-smsf-ticket-footer .meta-info {
        flex-direction: column;
        border-top: 1px solid rgba(27, 33, 74, 0.5);
        border-bottom: 1px solid rgba(27, 33, 74, 0.5);
        padding: 14px 0 17px;
        gap: 10px;
    }
    .saul-smsf-ticket-item .saul-smsf-ticket-footer .meta-info .meta-title {
        min-width: 129px;
        display: inline-block;
    }
    .saul-smsf-ticket-item .saul-smsf-ticket-footer {
        border: none;
        padding: 0;
        margin: 17px 0 0;
        gap: 19px;
    }
    .saul-smsf-ticket-filters-footer {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .smsf-ticket-pagination {
        margin-top: 19px;
    }
    .filter-advanced-content {
        margin-top: 0;
        left: auto;
        right: 0;
        width: 100%;
        top: 32px;
        padding: 43px 9px 24px 9px;
    }
    .filter-advanced-content {
        margin-top: 0;
        left: auto;
        right: 0;
        width: 100%;
        top: 32px;
        padding: 43px 9px 24px 9px;
    }
    
    .filter-section h4 {
        font-size: 14px;
        line-height: 18.2px;
        margin: 0 0 15px;
    }
    
    .filter-section input[type="radio"] + label:before, .filter-section input[type="checkbox"] + label:before {
        width: 17px;
        height: 17px;
        min-width: 17px;
        top: -1px;
    }
    
    .filter-options.filter-options-priority .filter-option label {
        padding-left: 27px;
        font-size: 12px;
        line-height: 18px;
    }
    
    .filter-options.filter-options-priority .filter-option, .filter-options.filter-options-status .filter-option, .filter-options.filter-options-date .filter-option {
        width: 33.3%;
    }
    
    .filter-section:nth-child(2) h4 {
        font-size: 16px;
    }
    
    .filter-section {
        margin-bottom: 37px;
    }
    
    .filter-options {
        gap: 18px 0;
    }
    .custom-date input {
        width: 78px;
        font-size: 10px;
        line-height: 15px;
        margin: 0px 0 0;
        height: 24.5px;
    }
    button.filter-button-close {
        top: 16px;
        left: auto;
        right: 2px;
    }
    .filters-top > .ticket-usage-info{
        order: -2;
        margin-bottom: 36px;
        width: 100%;
    }
    .payment-info > .ticket-usage-info{
        font-size: 12px;
        margin-bottom: 15px;
    }
    .payment-info .ticket-block{
        height: 5px;
    }
    .payment-info .ticket-progress-bar{
        gap: 1px;
    }
    body.woocommerce-account.page-template-smsf-ticket .page-content>section {
        padding-top: 94px;
    }
}
@media (max-width: 767.98px) {
    .page-template-smsf-ticket .woocommerce .saul-smsf-ticket-notification{
        margin-top: 0;
    }
    .dashboard--info .saul-smsf-ticket-list-header h5.recent-activity{
        font-size: 18px;
    }
    .visible-mobile {
        display: inline-flex !important;
    }
    body.woocommerce-account.page-template-smsf-ticket header.header-footer-group .container {
        /* padding: 10px 15px 11px; */
    }
    
    .page-template-smsf-ticket.logged-in.woocommerce-account .woocommerce-MyAccount-content {
        padding: 0;
        margin-top: 0;
    }
    .single-ticket .conversation-section {
        padding: 0;
        margin-top: -1px;
    }
    
    .single-ticket .conversation-section {
        width: 100%;
        flex: 100%;
        transition: all 0.45s;
    }
    
    .single-ticket .ticket-info-section {
        width: 100%;
        flex: 100%;
        position: absolute;
        transform: translateX(100%);
        transition: all 0.45s;
        padding: 0 15px 20px;
        left: 0;
        margin: 4px 0 0;
        max-height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .single-ticket .ticket-info-section::-webkit-scrollbar-track {
        background-color: rgba(48, 54, 102, 0.3);
    }
    
    .single-ticket .ticket-info-section::-webkit-scrollbar {
        width: 2px;
        background-color: rgba(48, 54, 102, 0.3);
    }
    .single-ticket .ticket-info-section::-webkit-scrollbar-thumb {
        background-color: rgba(48, 54, 102, 0.8);
    }
    
    .single-ticket .conversation-section:after {
        display: none;
    }
    
    .btn-button.secondary-button.btn-ticket-information {
        margin-left: auto;
        padding: 0 17px 0 0;
        background-position: right 0px center;
    }
    .single-ticket .ticket-header {
        display: flex;
        flex-wrap: wrap;
        margin: -22px -30px 0;
        top: 0;
        width: auto;
        padding: 21px 30px 17px;
    }
    .single-ticket .ticket-header h6 {
        width: 100%;
        text-transform: capitalize;
    }
    
    .single-ticket .wpas-ticket-details {
        /* overflow: hidden; */
        width: calc(100% + 30px);
        max-width: calc(100% + 30px);
        margin-left: -15px;
        position: relative;
        padding: 0 15px;
    }
    
    .woocommerce-account .woocommerce {
        overflow: hidden;
    }
    
    .single-ticket .wpas-ticket-details.active {}
    
    .single-ticket .wpas-ticket-details.active .ticket-info-section {
        transform: translateX(0);
    }
    
    .single-ticket .wpas-ticket-details.active .conversation-section {
        transform: translateX(-110%);
    }
    
    .btn-button.secondary-button.btn-ticket-information:hover {
        background-position: right 2px center;
    }
    
    .single-ticket .ticket-header h6 {
        font-size: 16px;
        line-height: 20.8px;
        margin: 0;
    }
    .single-ticket .ticket-header .ticket-title {
        display: flex;
        align-items: center;
        margin-top: 10px;
        width: 100%;
    }    
    .single-ticket .ticket-header .ticket-info {
        white-space: nowrap;
        margin: 0;
    }
    .single-ticket .message-box {
        padding: 17px 18px 11px 9px;
    }
    .single-ticket .message-box.message-right {
        width: calc(100% - 15px);
    }
    .single-ticket .message-header .author {
        font-size: 14px;
        line-height: 25.48px;
    }
    
    .single-ticket .message-content h6, 
    .single-ticket .message-content h1, 
    .single-ticket .message-content h2, 
    .single-ticket .message-content h3, 
    .single-ticket .message-content h4, 
    .single-ticket .message-content h5 {
        margin: 6px 0 4px;
    }
    
    .single-ticket .message-content {
        font-size: 12px;
        font-weight: 300;
        line-height: 27px;
        letter-spacing: -0.03999999910593033px;
    }
    
    .single-ticket .message-content ol, .single-ticket .message-content ul {
        margin: 0;
        padding-left: 18px;
    }
    .single-ticket .ticket-info-section h6 {
        font-size: 22px;
        line-height: 28.6px;
    }
    
    .single-ticket .ticket-info-section-inner {
        padding: 25px 15px;
        margin-top: 15px;
        margin-bottom: 31px;
    }

    

    .saul-smsf-tickets .ticket-message .ticket-title {
        margin: 27px 0 12px;
    }
    .filter-options.filter-options-date {
        gap: 16px 0;
    }
    .filter-section label {
        padding-left: 26px;
        font-size: 12px;
        line-height: 18px;
    }
    .page-template-smsf-ticket .flatpickr-calendar {
        top: 153px !important;
    }
    .submission-succeeded {
        padding: 56px 0;
    }
    
    .submission-succeeded .ticket-title {
        margin: 24px 0 21px;
    }

    body .daterangepicker {
        padding: 11px 15px 15px;
        left: 15px !important;
        right: auto !important;
    }
    
    body .daterangepicker .drp-calendar.left, body .daterangepicker .drp-calendar.right {padding: 0;}
    
    body .daterangepicker .drp-calendar.left {
        border: none;
    }
    
    body .daterangepicker .calendar-table thead tr:last-child th {
        height: 55px;
        padding-top: 5px;
    }
    .daterangepicker .calendar-table table {        
        border-collapse: separate;
        border-spacing: 0 1px;
    }
        body .daterangepicker .drp-calendar.left, body .daterangepicker .drp-calendar.right {padding: 0;}
        body .daterangepicker .drp-calendar.left {
        border: none;
    }
    body .daterangepicker .calendar-table thead tr:last-child th {
        height: 55px;
        padding-top: 5px;
    }
    
    body .daterangepicker {
        padding: 10px 15px 15px;
    }
    
    body .daterangepicker .calendar-table thead tr:last-child th {
        height: 53px;
    }
    
    body .daterangepicker .drp-calendar.left {
        padding: 0 0 14px;
        border-bottom: 1px solid #DCE0E5;
        border-right: 0;
    }
    
    body .daterangepicker .drp-calendar.right {padding: 18px 0 0;}
    .single-ticket .ticket-closed {
        padding: 8px 0;
    }
    .single-ticket .ticket-closed h6 {
        margin: 2px 0 -2px;
    }
    .single-ticket .message-header .author {
        max-width: 50%;
    }
    .single-ticket form.saul-smsf-ticket-form + .saul-smsf-ticket-error {
        width: 100%;
        position: static;
    }
    .single-ticket .conversation-section .smsf-attachment-notification:not(:empty) {
        text-align: left;
        margin-top: 0;
    }
    /* .saul-smsf-ticket-list,
    .dashboard--info .saul-smsf-ticket-list{
        height: 100%;
    } */
    /* .page-template-smsf-ticket .select2-container--open .select2-dropdown--below {
        width: calc(100vw - 30px) !important;
    } */

    .fixed-header.single-ticket .ticket-header {
        top: 84px;
        transition: top .5s ease-out;
    } 
    /* .fixed-header .filter-search{
        display: none;
    }
    .fixed-header .filter-right {
        display: none;
    } */
    form.saul-smsf-ticket-form .smsf-attachment-notification:not(:empty){
        left: calc(-100vw + 30.9px);
        /* margin-top: 20px; */
    }
    .select2-container:not(.prioritySelect2) .select2-dropdown{
        /* min-width: calc(100vw - 30px); */
    }
    .single-ticket form.saul-smsf-ticket-form iframe {
        height: 41px !important;
    }
    .single-ticket form.saul-smsf-ticket-form.active iframe {
        height: 137px !important;
    }
    .single-ticket form.saul-smsf-ticket-form .mce-toolbar {
        padding: 20px 0 10px;
        margin-bottom: 13px;
    }
}
@media (max-width: 370.98px) {
    .single-ticket .message-header {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (min-device-width: 320px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    body.mce-content-body,
    .smsf-shortcode-tickets select,
    .smsf-shortcode-tickets textarea{
        font-size: 12px;
    }
    .wpas-btn.wpas-btn-default.btn-attach{
        background-color: transparent;
        border: 1px solid #1B214A;
        color: #1B214A;
    }
    .wpas-btn.wpas-btn-default.btn-attach:hover{
        background-color: #91467F;
        border: 1px solid #91467F;
        color: #fff;
    }
    /* .wpas-btn.wpas-btn-default.btn-attach::after{
        display: none;
    } */
}
@media (min-height: 915px) and (min-width: 768px) {
    .saul-smsf-ticket-list {
        height: calc(100vh - 380px);
        height: calc(100dvh - 380px);
    }
    .admin-bar .saul-smsf-ticket-list {
        height: calc(100vh - 380px - 32px);
        height: calc(100dvh - 380px - 32px);
    }
    .saul-smsf-ticket-list.no-paged {
        height: calc(100vh - 325px);
        height: calc(100dvh - 325px);
    }
    .admin-bar.saul-smsf-ticket-list.no-paged {
        height: calc(100vh - 325px - 32px);
        height: calc(100dvh - 325px - 32px);
    }
    .dashboard--info.content-box .saul-smsf-ticket-list.no-paged {
        height: calc(100vh - 410px);
        height: calc(100dvh - 410px);
    }
    .dashboard--info.content-box .admin-bar.saul-smsf-ticket-list.no-paged {
        height: calc(100vh - 410px);
        height: calc(100dvh - 410px);
    }
    body.woocommerce-account.page-template-smsf-ticket .woocommerce .myaccount-navigation{
        /* height: auto; */
    }
}

.subscription-details-wrapper.title-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 21px;
}

.ticket-usage-info{
    width: 165px;
    font-size: 12px;
}
.payment-info > .ticket-usage-info{
    font-size: 14px;
    width: 100%;
}
:not(.payment-info) > .ticket-usage-info .ticket-label{
    font-weight: 400;
    line-height: 18px;
}
:not(.payment-info) > .ticket-usage-info .ticket-value{
    font-weight: 300;
}
.ticket-usage-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}

.ticket-progress-bar {
    display: flex;
    gap: 1px;
    margin: 6px 0 7px;
}

.ticket-block {
    flex: 1;
    height: 5px;
    background: #F7F7F7;
}

.ticket-usage-row > p{
    margin-bottom: 0;
}

.ticket-block.used {
    background: #EFB257;
}
.payment-info .ticket-block {
    height: 10px;
}
.payment-info .ticket-progress-bar {
    gap: 4px;
}

.payment-info .ticket-usage-row > p{
    margin-bottom: 10px;
}

@media (max-width: 767.98px) {
    .subscription-details-wrapper.title-wrapper{
        display: block;
    }
}