.wpsc-iso {
  font-size: 13px;
}

#wpsc_tickets_container {
  border-radius: 4px;
  /*   border: 1px solid #1C5D8A; */
  background-color: #fff;
  color: #2c3e50;
  min-height: 300px;
  width: 99%;
}

#wpsc_tickets_container .wpsc_loading_icon {
  margin-top: 118px;
}

.wpsc_reply_widget .wpsc_loading_icon {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.wpsc_tl_action_bar {
  padding: 10px 0;
  background-color: #1c5d8a;
}

.wpsc_create_ticket_btn {
  background-color: #e74c3c;
  color: #fff !important;
  margin-bottom: 3px !important;
}

.wpsc_action_btn {
  background-color: #fff;
  color: #383333 !important;
  margin-bottom: 3px !important;
}

.wpsc_search_btn {
  margin-top: -30px;
  cursor: pointer;
}

.wpsc_search_btn_sarch {
  margin-left: 10px;
  float: left;
}

.wpsc_search_btn_filter {
  margin-right: 10px;
  float: right;
  position: relative;
}

#wpsc_ticket_search {
  padding: 0 30px !important;
  border-radius: 30px;
}

.wpsp_custom_filter_container {
  width: 100%;
  background-color: #fff;
  border: 1px solid #cccccc !important;
  position: absolute;
  z-index: 999999;
  top: 32px;
  left: 0px;
}

.wpsp_filter_btn {
  margin: 3px 0 !important;
}

.wpsp_filter_body {
  max-height: 250px;
  overflow-y: auto;
  padding: 15px 0;
}

.wpsp_filter_footer {
  padding: 10px 0;
  background-color: #f3f3f7;
}

.wpsc_sidebar,
.wpsc_it_body {
  padding-top: 20px;
}

.wpsc_sidebar .row {
  background-color: #fff;
  padding: 0 15px;
  border-radius: 4px;
  margin-bottom: 15px;
  border: 1px solid #c3c3c3;
}

.wpsp_sidebar_labels {
  font-size: 15px;
  margin: 10px 0;
  cursor: pointer;
  overflow: hidden;
}

#wpsc_md_filters .wpsp_sidebar_labels.active,
#wpsc_md_filters .wpsp_sidebar_labels:hover {
  font-weight: bold;
}

@media (max-width: 991px) and (min-width: 768px) {
  .wpsc-iso .wpsc_action_btn.visible-sm {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .wpsc-iso .wpsc_action_btn.visible-xs {
    display: inline !important;
  }
}

.wpsc_ticket_list_container {
  padding-top: 20px;
  min-height: 500px !important;
}

.wpsc_ticket_list_container td,
.wpsc_ticket_list_container th,
.wpsc_ticket_list_container tr,
.wpsc_ticket_list_container table {
  border: none !important;
}

.wpsc_ticket_list_container td,
.wpsc_ticket_list_container th {
  white-space: nowrap;
}

.wpsc_ticket_list_container th {
  background-color: #f5f5f5;
  color: #000;
}

.wpsc_ticket_list_container tr:hover {
  cursor: pointer;
}

.wpsc_ticket_list_container input[type="checkbox"] {
  margin: 0 !important;
  vertical-align: middle !important;
}

.wpsp_admin_label {
  border-radius: 4px;
  font-weight: bold;
  padding: 5px 10px;
  font-size: 10px;
}

.wpsc_thread {
  display: table;
  width: 100%;
  padding: 10px;
  /*   background-color: #FFFFFF; */
  /*   border-radius: 5px; */
  margin-bottom: 20px;
  /*   border: 1px solid #c3c3c3; */
}

.wpsc_thread.note {
  background-color: #fef9e7;
}

.thread_avatar,
.thread_body {
  display: table-cell;
  vertical-align: top;
}

.thread_avatar {
  width: 48px;
}

.thread_avatar img {
  border-radius: 20px;
}

.thread_body {
  padding: 0 15px 5px 15px;
}

.thread_user_name {
  margin-bottom: 10px;
}

.thread_user_name strong {
  font-size: 16px;
}

.thread_user_name i {
  margin-left: 5px;
}

.thread_messege,
.thread_messege p {
  font-size: 13px !important;
}

.thread_action_btn {
  float: right;
  cursor: pointer;
  margin-left: 10px;
  color: #a7a9ab;
  font-size: 14px;
}

.thread_action_btn:hover {
  color: black;
}

.wpsc_raised_by_action:hover {
  color: black;
}

.wpsc_thread_log {
  padding: 10px;
  margin-bottom: 20px;
  background-color: #d6eaf8;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
}

.wpsc_reply_widget {
  margin-bottom: 20px;
}

.wpsc-iso .attachment {
  text-align: left !important;
}

#wpsc_frm_create_ticket .attachment {
  width: 100% !important;
}

.wpsc_reply_widget .attachment,
.wpsc_reply_widget .submit {
  padding: 5px 0;
}

.attachment_link span {
  font-size: 13px;
  color: #0077ae;
  cursor: pointer;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  padding-right: 10px;
}

.wpsc_reply_widget button,
.wpsc_reply_widget .btn-group {
  float: right;
  margin-top: 5px;
}

.btn {
  margin-right: 2px !important;
}

.individual_ticket_widget .wpsp_sidebar_labels {
  font-size: 12px;
  cursor: auto;
}

.wpsc_sf_del {
  padding: 1px 5px !important;
}

.raisedby_img {
  width: 100%;
}

.raisedby_img img {
  border-radius: 5px;
}

.raisedby_name {
  width: 100%;
  font-size: 17px;
  margin: 15px 0;
}

.raised_by_div {
  margin-bottom: 10px;
  background-color: #d6dbdf;
  overflow: hidden;
  color: #000;
  border: none !important;
}

.raised_by_div div {
  vertical-align: middle;
}

.raised_by_div .thread_avatar {
  width: 20px;
}

.raised_by_div .thread_body {
  padding: 0 15px 0 15px;
}

.raised_by_div .thread_user_name {
  margin-bottom: 0;
}

.wpsc_page_heading {
  margin-left: 30px;
  margin-bottom: 35px !important;
}

.wpsc_ct_field_label {
  font-size: 15px;
}

.create_ticket_fields_container {
  padding: 0px;
  padding-top: 15px;
}

.create_ticket_frm_submit {
  padding: 0 30px;
  margin: 30px 0;
}

.assigned_agent {
  padding-bottom: 20px !important;
}

.attachment_container {
  margin-top: 10px;
}

.attachment_cancel {
  float: right;
  margin: -40px 0px 0 0;
  cursor: pointer;
}

.captcha_container {
  margin-bottom: 10px;
  display: flex;
  padding: 20px;
  margin-left: 15px;
  background-color: #b2babb;
  color: #000;
  font-size: 15px;
  border-radius: 5px;
  font-weight: bold;
}

.widget_header {
  margin-bottom: 3px !important;
  font-size: 16px !important;
}

.widget_divider {
  margin-top: 4px !important;
  margin-bottom: 6px !important;
}

#wpsc_message_login {
  padding: 5px;
  border-radius: 4px;
}

.wpsc_attachment_tbl table,
.wpsc_attachment_tbl th,
.wpsc_attachment_tbl td {
  border: hidden !important;
  padding: 0px !important;
}

.wpsc_ticket_thread_expander {
  margin-top: 10px;
  color: #003eff;
  cursor: pointer;
}

.thread_messege {
  overflow: hidden;
  overflow-wrap: anywhere !important;
}

.wpsc_ticket_thread_content img {
  cursor: pointer;
}

.wpsc_textarea {
  height: 160px !important;
  width: 100% !important;
}

#wpsc_ticket_fields {
  margin: 10px 0;
}

#wpsc_ticket_aof_fields {
  margin: 10px 0;
}

.wpsc_tl_action_bar button {
  float: left !important;
}

#wpsc_register_email_error,
#wpsc_register_username_error {
  color: red;
}

.thread_messege ul {
  list-style-type: disc !important;
  padding-inline-start: 40px;
}

.wpsc_seen_info {
  float: right;
  cursor: pointer;
}

#wpsc_additional_users {
  margin: 10px 0;
}

#biographical_info {
  margin: 10px 0;
}

.wpsc-iso .mce-tinymce {
  border: 1px solid #ccc;
}

#inputEmail {
  margin-bottom: 5px;
}

.thread_messege #wpsc_timer_table {
  width: auto !important;
  border-collapse: collapse;
  border-top: 1px solid #ddd;
}

.thread_messege #wpsc_timer_table td,
.thread_messege #wpsc_timer_table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.wpsc_reg_required_sym {
  color: red;
}

/* Customized CSS get Ticket list  */
#wpsc_ticket_search_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#wpsc_ticket_filter_by {
  cursor: pointer;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wpsp_filter_by_container {
  width: 221px;
  background-color: #fff;
  box-shadow: 0 2px 9px rgb(0 0 0 / 14%);
  position: absolute;
  z-index: 999999;
  top: 60px;
  right: 15px;
  padding: 20px;
}

th.wpsc_th_ticket_status {
  text-align: center;
}

#tbl_wpsc_ticket_list th,
#tbl_wpsc_ticket_list td {
  padding: 20px 8px;
  font-size: 15px;
  vertical-align: inherit;
}

th.wpsc_th_ticket_id,
th.wpsc_th_check_all {
  width: 50px;
}

th.wpsc_th_customer_name {
  width: 200px;
}

th.wpsc_th_assigned_agent {
  width: 200px;
}
/* Customized CSS Stepper*/

.md-stepper-horizontal {
  display: table;
  /* 	width:100%; */
  /* 	margin:0 auto;  */
  margin: -20px -8px;
}
.md-stepper-horizontal .md-step {
  display: table-cell;
  position: relative;
  padding: 20px;
}
/* .md-stepper-horizontal .md-step:hover,
.md-stepper-horizontal .md-step:active {
	background-color:rgba(0,0,0,0.04);
} */
.md-stepper-horizontal .md-step:active {
  border-radius: 15% / 75%;
}
.md-stepper-horizontal .md-step:first-child:active {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.md-stepper-horizontal .md-step:last-child:active {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.md-stepper-horizontal .md-step:hover .md-step-circle {
  background-color: #757575;
}
.md-stepper-horizontal .md-step:first-child .md-step-bar-left,
.md-stepper-horizontal .md-step:last-child .md-step-bar-right {
  display: none;
}
.md-stepper-horizontal .md-step .md-step-circle {
  width: 25px;
  height: 25px;
  margin: 0 auto;
  background-color: #999999;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
}
.md-stepper-horizontal.green .md-step.active .md-step-circle {
  background-color: #00ae4d;
}
.md-stepper-horizontal.orange .md-step.done .md-step-circle {
  background-color: #f7c845;
}
.md-stepper-horizontal.orange .md-step.active .md-step-circle {
  background-color: dodgerblue;
}
.md-stepper-horizontal .md-step.active .md-step-circle {
  background-color: rgb(33, 150, 243);
}
.md-stepper-horizontal .md-step.done .md-step-circle:before {
  font-family: "FontAwesome";
  font-weight: 100;
  content: "\f00c";
}
.md-stepper-horizontal .md-step.done .md-step-circle *,
.md-stepper-horizontal .md-step.editable .md-step-circle * {
  display: none;
}
.md-stepper-horizontal .md-step.editable .md-step-circle {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.md-stepper-horizontal .md-step.editable .md-step-circle:before {
  font-family: "FontAwesome";
  font-weight: 100;
  content: "\f040";
}
.md-stepper-horizontal .md-step .md-step-title {
  margin-top: 5px;
  font-size: 11px;
}
.md-stepper-horizontal .md-step .md-step-title,
.md-stepper-horizontal .md-step .md-step-optional {
  text-align: center;
  color: rgba(0, 0, 0, 0.26);
}
.md-stepper-horizontal .md-step.active .md-step-title {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
}
.md-stepper-horizontal .md-step.active.done .md-step-title,
.md-stepper-horizontal .md-step.active.editable .md-step-title {
  font-weight: 600;
}
.md-stepper-horizontal .md-step .md-step-optional {
  font-size: 12px;
}
.md-stepper-horizontal .md-step.active .md-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.md-stepper-horizontal .md-step .md-step-bar-left,
.md-stepper-horizontal .md-step .md-step-bar-right {
  position: absolute;
  top: 36px;
  height: 1px;
  border-top: 1px solid #dddddd;
}
.md-stepper-horizontal .md-step .md-step-bar-right {
  right: 0;
  left: 50%;
  margin-left: 20px;
}
.md-stepper-horizontal .md-step .md-step-bar-left {
  left: 0;
  right: 50%;
  margin-right: 20px;
}

#ticket-item {
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding: 15px;
  border-radius: 15px;
  cursor: pointer;
}

#ticket-item input[type="checkbox"] {
  width: 20px;
  height: 20px;
}
.tab_container span.wpsc-active {
  color: #444851 !important ;
}

#wpsc_log_list:hover {
  cursor: pointer;
}