#page-content-ticket {
    background: #fff;
    padding: 20px;
    border:1px solid #e4e4e4;
}

.psfticket{
    color: #4a484c;
}

#psfticket_row{
    background-color: #fff;
    text-align: center;
    padding: 15px;
    box-shadow: 1px 1px 4px #cdcdcd;
    font-size: 14px;
    line-height: 22px;
}
#psfticket_row .btn {
    margin-top: 15px;
}

.psfticket_support_menu {
    overflow: auto;
    padding: 8px;
    margin-bottom: 15px;
    background: #f5f5f5 no-repeat left bottom -187px;
    border-radius: 4px;
    border: 1px solid #efefef;
    display: flex;
    justify-content: space-between;
}
.psfticket_support_menu .support_menu_title {
  display: inline-block;
  color: #222222;
  padding: 10px 20px;
    font-size: 14px;
}
.psfticket_support_menu .support_menu_title a{
  color: #222222;
}
.psfticket_support_menu .support_menu_title.active a {
    color: #5e4190;
    font-weight: bold;
}
.psfticket .entry-title{
    border-bottom: 2px solid #efefef;
}

#support-dashboard .table td{
  padding: 0;
}
#support-dashboard .table .tr-link:hover{
    background-color: #f2f2f2;
    transition: all 0.9s;
}
#support-dashboard .table .tr-link td a {
  text-decoration: none;
    padding: 12px 8px;
  color: #222222;
  display: block;
}
#support-dashboard .buttons a{
    color: #ffffff;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 5px;
    line-height: 22px;
    font-size: 13px;
    height: auto;
}
#support-dashboard .new-ticket{
  float: left;
  overflow: auto;
  color: #ffffff;
  background-color: #84b678;
  border-radius: 5px;
}

.psfticket_signature{
    padding-top: 20px;
    margin-top: 20px;
}


#psfticket_new_ticket .ticket-form textarea{
    width: 100%;
    height: 250px;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    padding: 8px;
    margin: 10px 0;
}

#psfticket_new_ticket .ticket-form input[type='text'],
#psfticket_new_ticket .ticket-form select{
    width: 100%;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    padding: 6px;
    margin: 5px 0;
}
#psfticket_new_ticket .ticket-form select option {
    color: #4a484c;
}
#psfticket_new_ticket #extra_main,
#psfticket_new_ticket #extra_third,
#psfticket_new_ticket #extra_text{
    display: none;
}
#psfticket_new_ticket input[type="submit"]{
    display: none;
}
#psfticket_new_ticket #extra_text{
    border: 1px solid #b7c531;
    background-color: #fbffd1;
    padding: 10px;
    font-size: 14px;
    color: #333333;
}
#psfticket_new_ticket #extra_text p:last-child{
    margin-bottom: 0;
}
#psfticket_new_ticket #extra_main_error{
    background-color: #f2dede;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ebcccc;
    color: #a94442;
    margin: 20px 0;
}
#psfticket_new_ticket .psfticket-div-input{
    margin-top: 0;
}
#psfticket_new_ticket .ticket-form .mce-tinymce{
    margin-top: 5px;
}

#psfticket_quick_access .panel{
    overflow: visible;
}
#psfticket_view_ticket .panel{
    overflow: auto;
}
#psfticket_view_ticket .ticket-title {
    font-weight: bold;
    font-size: 18px;
    padding: 0;
    min-height: 20px;
    display: flex;
    justify-content: space-between;
}

#psfticket_view_ticket .ticket-property{
    font-size: 12px;
    border-bottom: 1px solid #e8e8e8;
    padding: 5px 10px;
}
#psfticket_view_ticket .ticket-property .ticket-property-value{
    display: inline-block;
}
#psfticket_view_ticket .ticket-property .ticket-property-label{
    font-weight: bold;
    width: 35%;
    font-size: 13px;
    display: inline-block;
}

.lang-rtl #psfticket_view_ticket .ticket-property .ticket-property-label,
.rtl #psfticket_view_ticket .ticket-property .ticket-property-label{
    text-align: right;
}

#psfticket_view_ticket .reply-ticket{
    overflow: hidden;
    padding: 0;
    margin: 15px 0;
    background: #f5f5f5;
    font-size: 16px;
}
#psfticket_view_ticket .reply-seller{
    background: #f2f9ff;
    box-shadow: 0 2px 12px rgba(10, 117, 214, 0.1);
    border-color:  #d8ecfe;
}
#psfticket_view_ticket .reply-employee{
    background: #e9fee7;
    box-shadow: 0 2px 12px rgba(213, 251, 209, 0.1);
    border-color: #d5fbd1;
}
#psfticket_view_ticket .reply-ticket-private{
    background-color: #e8e8e8;
}
#psfticket_view_ticket .reply-ticket .reply-ticket-title {
    padding: 20px;
    background: #e8e8e8;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
#psfticket_view_ticket .reply-ticket .reply-ticket-title em {
    font-size: 10px;
    padding-right: 5px;
}
#psfticket_view_ticket .reply-ticket.reply-seller .reply-ticket-title {
    background: #d8ecfe;
}
#psfticket_view_ticket .reply-ticket.reply-employee .reply-ticket-title {
    background: #d5fbd1;
}
#psfticket_view_ticket .reply-ticket .reply-ticket-content {
    padding: 20px;
}
#psfticket_view_ticket .reply-ticket .reply_date{
    font-size: 12px;
}

#psfticket_view_ticket .reply-form .mce-tinymce{
    margin-top: 5px;
}
#psfticket_view_ticket .reply-form .ticket-form-control{
    margin-top: 5px;
}
#psfticket_view_ticket a[id$="form_cancel_btn"] {
    display: none;
}
#psfticket_view_ticket .btn-wide{
    padding-right: 40px;
    padding-left: 40px;
}
#psfticket_view_ticket .form-control-static{
    margin: 0;
}
#psfticket_view_ticket .reply-form textarea{
    width: 100%;
    height: 250px;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    padding: 8px;
    margin: 10px 0;
}
#psfticket_view_ticket .psfticket-div-input{
    margin-top: 15px;
}
#psfticket_view_ticket .status-box{
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 5px;
}

body:not(.ps_back-office) .chosen-container{
    margin-top: 10px;
    width: 100% !important;
}
body:not(.ps_back-office) .chosen-container-single .chosen-single{
    height: 42px;
    padding-bottom: 8px;
    padding-top: 8px;
}
body:not(.ps_back-office) .chosen-rtl.chosen-container-single .chosen-single div b {
    position: relative;
    top: 10px;
}

#extra_main_info {

    padding: 10px 20px;
    background: #f0f0f0;
    margin-top: 15px;
    margin-bottom: 15px;

}
#extra_main_info .psfticket-div-input {
    margin-bottom: 10px;
}

.new-ticket-help,
.info-ticket,
.box-ticket {
    background: #fff;
    background-size: 100%;
    border-radius: 3px;
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
    font-weight: 400;
    padding: 30px;
    border: 1px solid #efefef;
    margin-bottom: 15px;
}
.info-ticket {
    padding: 0;
}
.new-ticket-help img {
    margin: 0 auto;
    max-width: 100%;
    display: block;
}
.new-ticket-help ul{
    margin-top: 30px;
}
.new-ticket-help ul li {
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 15px;
    padding-left: 20px;
    position: relative;
    color: #4a484c;
    text-align: justify;
}
.new-ticket-help ul li::before {
    background: #535157;
    border-radius: 100%;
    content: '';
    height: 8px;
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
}

.lang-rtl .new-ticket-help ul li {
    padding-left: 0;
    padding-right: 20px;
}
.lang-rtl .new-ticket-help ul li::before {
    right: 0;
    left: auto;
}

.ticket-property-product {
    background-color: #e8e8e8;
    padding: 18px !important;
    margin-bottom: 15px;
}


/* admin */
.psfticket-admin .box-ticket{
    margin-bottom: 20px;
    position: relative;
}
.psfticket-admin#psfticket_view_ticket .reply-ticket .reply-ticket-title{
    padding: 20px 10px;
}
.psfticket-admin#psfticket_view_ticket .reply-ticket-private {
    background-color: #fff3cd !important;
    box-shadow: 0 2px 12px rgba(251,232,171,.06) !important;
    border: 1px solid #fbe8ab !important;
}
.psfticket-admin#psfticket_view_ticket .reply-ticket-private .reply-ticket-title{
    background-color: #fbe8ab !important;
}
.psfticket-admin .reply-ticket-private .psfticket_signature {
    border-top: 1px dashed #fbe8ab !important;
}
.psfticket-admin .log {
    background:#fff;
    border-radius: 3px;
    font-weight: 400;
    padding: 10px;
    border: 1px solid #dedede;
    margin-bottom: 10px;
}
.psfticket-admin .log i{
    margin-left: 5px;
}
.psfticket-admin .log .log_date {
    float: left;
    text-align: left;
}

/* page view ticket admin*/
.psfticket-admin #scroll-last-reply {
    display: block;
    font-size: 12px;
    cursor: pointer;
}

/*faraket.com*/
.ticket_all_list table{
    border: 1px solid #eceeef;
}
.ticket_all_list table thead {
    background: #efefef;
}
.ticket_all_list table thead th {
    padding: 6px;
}
.ticket_all_list table td .label{
    display: inline;
    padding: 0.15em 0.4em;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

#support-dashboard .ticket_all_list table{
    background: #f5f5f5;
    margin-bottom: 20px;
    padding-right: 20px;
    -webkit-transition:box-shadow .4s cubic-bezier(.45,.01,.05,.92);
    -moz-transition:box-shadow .4s cubic-bezier(.45,.01,.05,.92);
    -ms-transition:box-shadow .4s cubic-bezier(.45,.01,.05,.92);
    -o-transition:box-shadow .4s cubic-bezier(.45,.01,.05,.92);
    transition:box-shadow .4s cubic-bezier(.45,.01,.05,.92);
}
#support-dashboard .ticket_all_list table tr{
    padding-right: 20px;
}
#support-dashboard .ticket_all_list table thead{
    background: #d8d8d8;
}
#support-dashboard .ticket_all_list table thead th {
    padding: 15px 6px;
}
#support-dashboard .ticket_all_list table td b{
    padding-right: 10px;
}
#support-dashboard .table .tr-link td a {
    font-family: iransnum,Vazir,Tahoma, sans-serif;
    display: inline-block;
    line-height: 1.7em;
}
#support-dashboard .table .tr-bottom{
    border-bottom: 2px solid #aaa;
}
#support-dashboard .ticket_all_list table td .label{
    position: relative;
    top: 0;
    left: 0;
}
#support-dashboard .mini{
    visibility: hidden;
    display: none;
}

@media (max-width: 1000px) {
    #support-dashboard .max{
        visibility: hidden;
        display: none;
    }
    #support-dashboard .mini{
        visibility: visible;
        display: block;
    }
}

.psfplan_badges{
    display: inline-block;
}
.psfplan_badge{
    margin:0 8px;
}
#psfticket_quick_access .card{
    margin-bottom: 10px;
}
#psfticket_quick_access .card-header,
#psfticket_quick_access .panel-heading{
    cursor: pointer;
    padding: 15px;
}
#psfticket_quick_access .card-body.card-body-quick,
#psfticket_quick_access .panel-body.panel-body-quick{
    overflow: hidden;
}
#psfticket_quick_access #psfticket_new_ticket{
    padding: 15px;
}

#psfticket_quick_access .quick_access_type{
    cursor: pointer;
    color: #333333;
    box-shadow: 1px 1px 3px #cdcdcd;
    background-color: #ffffff;
    padding: 15px;
    display: flex;
    transition: box-shadow 0.2s;
    margin: 15px 0;
}
#psfticket_quick_access .quick_access_type:hover {
    background-color: #eeeeee;
}
#psfticket_quick_access .col-md-6.quick_type_button {
    float: right;
}
#psfticket_quick_access .quick_access_icon{
    float: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#psfticket_quick_access .quick_access_icon span{
    font-size: 32px;
}
#psfticket_quick_access .quick_access_info{
    line-height: 24px;
    float: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#psfticket_quick_access .quick_access_info p{
    padding: 0;
    margin: 0;
    font-size: 12px;
}
#psfticket_quick_access .quick_access_etc_type {
    background-color: #efefef;
    overflow: hidden;
}
#psfticket_new_ticket{
	min-height: 420px;
}
#psfticket_new_ticket .chosen-container .chosen-results {
    max-height: 140px !important;
}

.psfticket .alert p {
   margin-bottom: 0;
}
.box-department-desc {
    margin: 10px 0;
    font-size: 13px;
    text-align: justify;
    background: #fff4d0;
    border: none;
    box-shadow: 0 2px 12px #f3bc0b2e;
    color: #393939;
}
.box-department-desc p {
    margin: 0;
    font-size: 13px;
    color: #393939;
}
.box-department-desc ul {

    list-style-type: square;
    padding-right: 25px;
    margin: 10px;

}

.psfticket .collapse.in {
    display: block;
}

.psfticket-div-input label {
    color:#232323;
    text-align: right;
    font-size: 13px;
    display: inline-block;
    margin-bottom: 4px;
}
.psfticket-div-input label.psy-required::after {
    color:red;
    font-size: 14px;
    padding-right: 4px;
    content: '*';
}


/* delete sidebar account page (theme panda) */
#module-psf_prestaticket-dashboard #st-container .my_account_left_column,
#module-psf_prestaticket-ticket #st-container .my_account_left_column{
    display: none;
}
#module-psf_prestaticket-dashboard #st-container .page-content > .col-lg-9,
#module-psf_prestaticket-ticket #st-container .page-content > .col-lg-9{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

/*
panda
// convert page new ticet to 1 column
#st-container #page-new-ticket > .col-md-4,
#st-container #page-new-ticket > .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
#st-container #page-new-ticket > .col-md-4{
    margin-bottom: 10px;
}*/
#accordionTicketNew .accordion-header {
    background: #f5f5f5;
}
#accordionTicketNew .accordion-item {
    margin-bottom: 15px;
}
#accordionTicketNew .accordion-item .accordion-button {
    background: transparent;
}
#psfticket_quick_access .quick_access_type {
    box-shadow: none;
    border: 1px solid #ddd;
    gap: 10px;
}