:root {
    --primary-color: #15C502 !important;
    --second-color: #19D405 !important;
    --tree-color: #FFA700 !important;
}
strong{
font-family: Num-Medium, sans-serif;
font-weight: normal;
}
.wclt-table-div {
	display:flex;
	flex-direction:column;
	overflow:hidden;
	width:100%;
	}	
.wclt-row {
	display:flex;
	align-items:center;
	margin-bottom: 10px;
	background: #fff;
	padding: 5px 0;
	border-radius:8px;
	}
.wclt-row:last-child {
	border-bottom:none;
	}
.wclt-head {
  font-weight: normal;
  font-size: 16px;
  color: #444;
  padding: 5px 10px;
  margin-bottom: 10px;
  border-radius: 8px;
  background: #c4c9cf2b;
}
.wclt-col {
	flex:1;
	padding:12px;
	text-align:center;
	}
.wclt-row .wclt-col {
	font-size:14px;
	color:#888;
	}
.wclt-row.wclt-head .wclt-col{
	font-size:16px;
	color:#444;
	}


.wclt-row .wclt-col a.button {
	font-size:14px!important;
	font-weight:normal!important;
	padding:15px 20px;
	}
button.button.wclt-page-btn.wclt-ext-page-btn.wclt-ext-page-active {
	background-color:var(--primary-color)!important;
	padding:8px 14px;
	border-radius:8px;
	cursor:pointer;
	font-size:16px;
	font-weight:normal;
	transition:all 0.2s;
	min-width:40px;
	min-height:40px;
	color:#fff !important;
	font-family: Num-Medium, sans-serif;
	}
button.button.wclt-page-btn.wclt-ext-page-btn.wclt-ext-page-active:hover{
color:#fff !important;
}	
button.button.wclt-page-btn.wclt-ext-page-btn.wclt-ext-page-inactive {
	padding:8px 14px;
	border-radius:8px;
	cursor:pointer;
	font-size:16px;
	font-weight:normal;
	font-family: Num-Medium, sans-serif;
	transition:all 0.2s;
	min-width:40px;
	min-height:40px;
	color:#475569!important;
	background-color:#fff!important;
	border-color:#fff!important;
	}
button.button.wclt-page-btn.wclt-ext-page-btn.wclt-ext-page-inactive:hover {
	color:var(--primary-color)!important;
	}
.wclt-badge {
padding: 5px 12px;
  border-radius: 50px;
  font-size: 13px;
	#fff-space:nowrap;
	color:#fff;
	}
.wclt-status-new {
	background-color:#fff3cd;
	color:#856404;
	}
.wclt-status-answered {
	background-color:#d3f9d8;
	color:#2b8a3e;
	}
.wclt-status-closed, .wclt-status-auto_closed {
	background-color:#f8f9fa;
	color:#495057;
	}
.wclt-ticket-info-box {
	border: 2px solid #c4c9cf2b;
	padding:20px 15px;
	border-radius:8px;
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
	gap:15px;
	font-size:0.9em;
	margin:30px 20px!important;
	}
.wclt-ticket-info-box strong {
	font-weight:normal;
	color:#444;
	}
.wclt-chat-container {
	display:flex;
	flex-direction:column;
	gap:15px;
	margin:20px !important;
	}
.wclt-message-wrapper {
	display:flex;
	width:100%;
	}
.wclt-wrapper-customer {
	justify-content:flex-start;
	}
.wclt-wrapper-admin {
	justify-content:flex-end;
	}
.wclt-message {
	max-width:70%;
	padding:25px 20px;
	border-radius:14px;
	position:relative;
	}
.wclt-customer {
	background-color:#eaeff3;
	border-bottom-right-radius:2px;
	}
.wclt-admin {
	background-color:#fff;
	border-bottom-left-radius:2px;
	}
.wclt-msg-header {
	font-size:16px;
	color:#64748b;
	margin-bottom:15px;
	border-bottom:1px solid rgba(0, 0, 0, 0.06);
	padding-bottom:15px;
	}
.wclt-msg-header strong {
	font-weight:normal}
.wclt-dl-btn {
	font-size:14px!important;
	padding:10px 15px!important;
	background:#007cff!important;
	color:#fff!important;
	border:none!important;
	border-radius:8px!important;
	transition:all 0.2s;
	}
.wclt-dl-btn:hover {
	background:#3497ff!important;
	transition:all 0.2s;
	}
.wclt-form {
	clear:both;
	margin:20px;
	}
.wclt-stats-wrapper {
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
	gap:15px;
	margin:20px;
	}
.wclt-stat-box {
	display:flex;
	align-items:center;
	padding:10px;
	border-radius:8px;
	color:#444;
	background:#fff;
	}
.wclt-stat-box i {
	font-size:36px;
	color:var(--primary-color);
	background:#f9fafb;
	width:80px;
	height:80px;
	line-height:80px;
	text-align:center;
	border-radius:8px;
	margin-left:15px;
	}
.wclt-stat-info {
	display:flex;
	flex-direction:column;
	}
.wclt-stat-info span {
	font-size:0.9em;
	opacity:0.9;
	}
.wclt-stat-info strong {
	font-size:32px;
	line-height:1.2;
	font-weight:normal;
	color:#444;
	}
.ticket-alert-box {
	background:#d3f9d8;
	border-radius:8px;
	padding:20px;
	margin:20px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	}
.ticket-alert-content {
	display:flex;
	align-items:center;
	gap:12px;
	}
.ticket-alert-icon {
	font-size:24px;
	color:var(--primary-color);
	}
.ticket-alert-text {
	display:flex;
	flex-direction:column;
	}
.ticket-alert-title {
	font-weight:normal;
	color:var(--primary-color);
	font-size:18px;
	margin-bottom:5px;
	}
.ticket-alert-desc {
	color:var(--primary-color);
	font-size:14px;
	}
.ticket-alert-btn {
	background-color:var(--primary-color);
	color:#ffffff;
	padding:15px 20px;
	border-radius:6px;
	text-decoration:none;
	font-size:16px;
	font-weight:normal;
	font-family: Num-Medium, sans-serif;
	transition:background-color 0.2s;
	}
.ticket-alert-btn:hover {
	background-color:var(--second-color);
	}
.wclt-pagination, .wclt-ext-pagination, .wclt-ext-sup-pag {
	display:flex!important;
	justify-content:center!important;
	align-items:center!important;
	gap:8px!important;
	margin-top:25px!important;
	margin-bottom:15px!important;
	flex-wrap:wrap!important;
	}
.wclt-pagination button {
	background-color:#ffffff!important;
	color:#333333!important;
	border:1px solid #dddddd!important;
	padding:8px 15px!important;
	min-width:40px!important;
	border-radius:4px!important;
	cursor:pointer!important;
	font-weight:bold!important;
	transition:all 0.2s ease!important;
	}
.wclt-pagination button:hover {
	background-color:#f3f4f6!important;
	}
.wclt-pagination button.wclt-ext-page-active, .wclt-pagination button.wclt-ext-sup-active {
	background-color:#16a34a!important;
	color:#ffffff!important;
	border-color:#16a34a!important;
	}
.wclt-ext-warning-small {
	color:#f00;
	font-weight:normal;
	}
.wclt-ext-prod-meta {
	font-size:14px;
	}
.wclt-ext-last-update {
	font-size:0.9em;
	color:#666;
	}
.wclt-ext-page-btn {
	margin:0 2px;
	padding:5px 10px;
	min-width:35px;
	}
.wclt-ext-page-active {
	background:#333;
	color:#fff;
	}
.wclt-ext-page-inactive {
	background:#eee;
	color:#333;
	}
.wclt-ext-hdr-actions {
	display:flex;
	gap:10px;
	margin:30px 20px;
	}
a.wclt-ext-btn-manage {
	color:#fff;
	border:none;
	padding:16px 22px;
	border-radius:8px;
	cursor:pointer;
	font-weight:normal;
	font-size:16px;
	transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	display:flex;
	align-items:center;
	gap:10px;
	font-family:Num-Medium, sans-serif;
	width:auto;
	background:var(--tree-color);
	}
a.wclt-ext-btn-manage:hover {
	opacity:0.8;
	}
a.wclt-ext-btn-send{
	background:var(--primary-color);
	color:#fff;
	border:none;
	padding:16px 22px;
	border-radius:8px;
	cursor:pointer;
	font-weight:normal;
	font-size:16px;
	transition:all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	display:flex;
	align-items:center;
	gap:10px;
	font-family:Num-Medium, sans-serif;
	width:auto;
	}
a.wclt-ext-btn-send:hover {
	background:var(--second-color)!important;
	}	
a.wclt-ext-btn-light{
background: #E5E7EB;
  color: #999;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: normal;
  font-size: 18px;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  gap: 10px;
  font-family: Num-Medium, sans-serif;
  width: 46px;
  height: 46px;
  text-align: center;
  line-height: 46px;
  padding: 15px;
position: absolute;
left: 0;
	}
a.wclt-ext-btn-light:hover {
	opacity:0.8;
	}		
#wclt-tickets-wrapper {
	gap:10px;
	margin:30px 20px;
	}
.wclt-ext-btn-primary {
	background:#6366f1;
	color:#fff;
	}
.wclt-ext-text-red {
	color:#f00;
	}
.wclt-ext-text-green {
	color:#16a34a;
	}
.wclt-ext-unreg-domain {
	color:#f00;
	font-size:12px;
	}
.wclt-ext-acc-wrapper {
	border:1px solid #e5e7eb;
	border-radius:8px;
	margin-bottom:15px;
	background:#fff;
	overflow:hidden;
	}
.wclt-ext-acc-header {
	cursor:pointer;
	padding:15px;
	background:#f9fafb;
	display:flex;
	justify-content:space-between;
	align-items:center;
	}
.wclt-ext-flex-1 {
	flex:1;
	}
.wclt-ext-acc-title {
	margin:0 0 10px 0;
	font-size:16px;
	color:#1f2937;
	}
.wclt-ext-acc-meta {
	display:flex;
	gap:15px;
	font-size:13px;
	color:#4b5563;
	flex-wrap:wrap;
	}
.wclt-ext-font-bold {
	font-weight:bold;
	}
.wclt-ext-toggle-icon {
	transition:transform 0.3s ease;
	font-size:20px;
	color:#9ca3af;
	margin-right:15px;
	}
.wclt-ext-acc-body {
	display:none;
	padding:20px;
	border-top:1px solid #e5e7eb;
	}
.wclt-ext-dom-section {
	background:#f3f4f6;
	padding:20px;
	border-radius:8px;
	margin-bottom:20px;
	}
.wclt-ext-dom-label {
	display:block;
	margin-bottom:8px;
	font-size:14px;
	font-weight:normal;
	}
.wclt-ext-flex-gap-10 {
	display:flex;
	gap:10px;
	}
.wclt-ext-flex-gap-10 .button.wclt-save-domain-btn {
	margin-top:0;
	}
.wclt-ext-flex-gap-10 .wclt-domain-input.wclt-ext-dom-input {
	text-align:left}
.wclt-ext-dom-input {
	flex:1;
	padding:8px;
	border:1px solid #d1d5db;
	border-radius:4px;
	}
.wclt-ext-chg-count {
	margin-top:8px;
	font-size:12px;
	color:#6b7280;
	}
.wclt-ext-dom-msg {
	display:none;
	margin-top:10px;
	padding:10px;
	border-radius:4px;
	font-size:13px;
	font-weight:bold;
	}
.wclt-ext-exp-notice {
	background:#fef2f2;
	color:#b91c1c;
	padding:12px;
	border-radius:6px;
	margin-bottom:10px;
	border:1px solid #f87171;
	}
.wclt-ext-ren-title {
	display:block;
	margin-bottom:10px;
	font-size:14px;
	}
.wclt-ext-ren-wrap {
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	}
.wclt-ext-no-plan {
	font-size:13px;
	color:#6b7280;
	}
.wclt-ext-ren-btn {
	font-size:13px;
	padding:6px 12px;
	}
.wclt-ext-sup-pag {
	margin-top:20px;
	text-align:center;
	}
.wclt-ext-sup-btn-base {
	margin:0 3px;
	padding:6px 12px;
	min-width:35px;
	border-radius:4px;
	}
.wclt-ext-sup-active {
	background:#4f46e5;
	color:#fff;
	border-color:#4f46e5;
	}
.wclt-ext-sup-inactive {
	background:#f3f4f6;
	color:#374151;
	border-color:#d1d5db;
	}
.wclt-ext-btn-sec {
	margin-bottom:20px;
	background:#e5e7eb;
	color:#374151;
	}
.wclt-ext-w100 {
	width:100%;
	}
.wclt-ext-err-msg {
	display:none;
	color:red;
	background:#fee2e2;
	padding:10px;
	border-radius:5px;
	margin-top:10px;
	border:1px solid #ef4444;
	}
.wclt-ext-mb-15 {
	margin-bottom:15px;
	}
.wclt-ext-att-row {
	display:flex;
	gap:5px;
	margin-bottom:5px;
	}
.wclt-ext-att-input {
	flex:1;
	text-align:left;
	direction:ltr;
	}
.wclt-ext-succ-msg {
	background-color:#dcfce7;
	color:#166534;
	border-color:#166534;
	margin-bottom:20px;
	}
.wclt-ext-warn-box {
	background:#fee2e2;
	color:#b91c1c;
	padding:15px;
	border-radius:5px;
	border:1px solid #ef4444;
	margin-bottom:20px;
	}
.wclt-ext-tkt-acts {
	display:flex;
	gap:10px;
	margin:20px!important;
	position: relative;
	}
.woocommerce-message.wclt-ext-succ-msg {
	margin:20px!important;
	}
.wclt-ext-color-red {
	color:red;
	}
.wclt-ext-mt-20 {
	margin:20px!important;
	}
.wclt-ext-reply-form {
	margin-top:30px;
	border-top:1px solid #ddd;
	padding-top:20px;
	}
.wclt-manage-support {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:20px;
	position: relative;
	}
#wclt-manage-support-wrapper {
	margin:20px;
	}
a.button.wclt-ext-btn-sec {
	background:#ffcb00!important;
	}
a.button.wclt-ext-btn-sec:hover {
	background:var(--second-color)!important;
	}
.wclt-ext-notice-box {
	background-color:#eff6ff!important;
	border:1px solid #bfdbfe!important;
	color:#1e3a8a!important;
	padding:12px!important;
	border-radius:5px!important;
	margin:8px 0 15px 0!important;
	font-size:0.9em!important;
	line-height:1.7!important;
	}
.wclt-ext-notice-box a {
	color:#1d4ed8!important;
	font-weight:bold!important;
	text-decoration:underline!important;
	}
.wclt-form .wp-switch-editor.switch-tmce, .wclt-form .wp-switch-editor.switch-html, .wp-editor-tabs button#ticket_message-tmce, .wp-editor-tabs button#ticket_message-html {
	border-radius:4px 4px 0 0px;
	font-weight:normal!important;
	}
.wclt-headder-actions {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:20px;
	position: relative;
	}
.wclt-open-modal-btn {
background: var(--primary-color);
  color: #ffffff;
	cursor:pointer;
	font-size:14px;
	padding:10px 15px;
	border-radius:4px;
	text-align:center;
	transition:all 0.2s;
	}
.wclt-open-modal-btn:hover {
	opacity:0.8;
	transition:all 0.2s;
	}
.renew.wclt-open-modal-btn {
	color:#fff;
	background: #888;
	}
button.button.wclt-support-page-btn.wclt-ext-sup-btn-base.wclt-ext-sup-active {
	background:var(--primary-color)!important;
	color:#fff!important;
	padding:8px 14px!important;
	border-radius:8px!important;
	font-size:16px!important;
	border:none!important;
	font-weight:normal!important;
	transition:all 0.2s!important;
	min-width:40px!important;
	min-height:40px!important;
	}
button.button.wclt-support-page-btn.wclt-ext-sup-btn-base.wclt-ext-sup-inactive,
button.button.wclt-support-page-btn.wclt-ext-sup-btn-base.wclt-ext-sup-nav.prev,
button.button.wclt-support-page-btn.wclt-ext-sup-btn-base.wclt-ext-sup-nav.next,
button.button.wclt-page-btn.wclt-ext-page-btn,
button.button.wclt-page-btn.wclt-ext-page-nav.prev,
button.button.wclt-page-btn.wclt-ext-page-nav.next
 {
	padding:8px 14px!important;
	background:#fff!important;
	color:#475569!important;
	border-radius:8px!important;
	font-size:16px!important;
	font-family: Num-Medium, sans-serif;
	border:none!important;
	font-weight:normal!important;
	transition:all 0.2s!important;
	min-width:40px!important;
	min-height:40px!important;
	}
button.button.wclt-support-page-btn.wclt-ext-sup-btn-base.wclt-ext-sup-inactive:hover,
button.button.wclt-support-page-btn.wclt-ext-sup-btn-base.wclt-ext-sup-nav.prev:hover,
button.button.wclt-support-page-btn.wclt-ext-sup-btn-base.wclt-ext-sup-nav.next:hover,
button.button.wclt-page-btn.wclt-ext-page-btn:hover,
button.button.wclt-page-btn.wclt-ext-page-nav.prev:hover,
button.button.wclt-page-btn.wclt-ext-page-nav.next:hover
 {
	color:var(--primary-color)!important;
	}
	
.view-ticket-btn{background: var(--primary-color);
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  padding: 10px 15px;
  border-radius: 4px;
  text-align: center;
  transition: all 0.2s;
float: left;
margin-top: 0;
}
.view-ticket-btn:hover{background: var(--second-color);}	
	
.wclt-product-card {
	display:flex;
	align-items:center;
	gap:15px;
	background:#fff;
	padding:15px;
	margin-bottom:15px;
	border-radius:8px;
	}
.wclt-card-info {
	flex:1;
	}
.wclt-card-title {
	margin:0 0 10px 0!important;
	font-size:16px;
	}
.wclt-card-meta {
	display:flex;
	flex-wrap:wrap;
	gap:15px;
	font-size:13px;
	color:#4b5563;
	}
.wclt-card-actions {
	display:flex;
	gap:8px;
	}
.wclt-custom-modal {
	display:none;
	position:fixed;
	z-index:99999;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background:rgba(244, 244, 244, 0.73);
	backdrop-filter:blur(8px);
	}
.wclt-custom-modal-content {
	background-color:#fefefe;
	margin:50px auto;
	padding:25px;
	width:90%;
	max-width:500px;
	border-radius:8px;
	position:relative;
	}
.wclt-close-modal {
	position:absolute;
	left:15px;
	top:10px;
  background: #f9fafb;
  border: none;
  width: 45px;
  height: 45px;
  border-radius: 8px;
  color: #ddd;
  font-size: 40px;
  cursor: pointer;
  line-height: 45px;
	text-align: center;
	}
.wclt-close-modal:hover, .wclt-close-modal:focus {
	color:#fff;
	background-color:var(--primary-color);
	cursor:pointer;
	}

.wclt-renewal-plans {
	background:#f9fafb;
	padding:20px;
	border-radius:8px;
	}
.wclt-ext-dom-tam {
	margin:0;
	overflow:hidden;
	background:#fff;
	width:100%;
	height:auto;
	padding:10px;
	border-radius:8px;
	}
.wclt-ext-dom-tam span {
	float:right;
	font-size:14px;
	padding:5px;
	}
.wclt-ext-dom-tam a.wclt-ext-tam-btn {
	float:left;
	color:#fff;
	transition:color 0.2s;
	background:var(--primary-color);
	font-size:14px;
	padding:5px 10px;
	border-radius:4px;
	}
.wclt-ext-dom-tam a.wclt-ext-tam-btn:hover {
	background:var(--second-color);
	transition:color 0.2s;
	}
.wclt-card-thumbnail {
	width:50px;
	height:50px;
	display:inline-block;
	}
.wclt-card-thumbnail img {
	width:50px;
	height:50px;
	border-radius:4px;
	}
.wclt-pro-ticket-container {
	font-family:inherit;
	direction:rtl;
	text-align:right;
	max-width:100%;
	margin:0 auto;
	}
.wclt-pro-form-group {
	margin-bottom:20px;
	}
.wclt-pro-form-group.mb-0 {
	margin-bottom:0;
	}
.wclt-attachment {
  display: block;
  margin-bottom: 15px;
  width: 400px;
}	
.wclt-pro-label {
	display:block;
	font-size:16px;
	font-weight:normal;
	color:#444;
	margin-bottom:15px;
	}
.wclt-pro-required {
	color:#ef4444;
	}
.wclt-pro-input {
	width:100%;
	padding:12px 16px;
	border:1px solid #d1d5db;
	border-radius:8px;
	font-size:14px;
	color:#1f2937;
	background-color:#fff;
	transition:all 0.3s ease;
	box-sizing:border-box;
	}
.wclt-pro-input:focus {
	outline:none;
	border-color:#3b82f6;
	box-shadow:0 0 0 3px rgba(59, 130, 246, 0.15);
	}
.wclt-tex {
  background: #eef6ff;
  border: 1px solid #cfe2ff;
  padding: 8px 10px;
  margin-top: 8px;
  border-radius: 4px;
  font-size: 14px;
  color: #55c0f5;
}	
a.wclt-add-attachment,a.wclt-remove-attachment{
  border: none !important;
  
  position: relative;
  overflow: hidden;
  font-weight: normal !important;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 25px;
  font-family: tahoma !important;
  height: 60px;
  width: 60px;
  line-height: 55px;
  padding: 0 !important;
  text-align: center !important;
    color: #fff !important;
}
a.wclt-add-attachment {
  background: #007cff !important;
}
a.wclt-remove-attachment {
  background: #F44336 !important;
}
a.wclt-add-attachment:hover,a.wclt-remove-attachment:hover {
	opacity:0.8;
	}

	
.wclt-pro-input.wclt-select2 {
	height:46px;
	}
.wclt-pro-domain-box {
	background:#f8fafc;
	padding:20px;
	border:1px dashed #cbd5e1;
	border-radius:8px;
	margin-bottom:20px;
	}
.wclt-pro-editor-wrapper {
	overflow:hidden;
	}
.wclt-pro-attachment-row {
	display:flex;
	gap:10px;
	margin-bottom:10px;
	}
.wclt-pro-form-actions {
	display:flex;
	gap:12px;
	margin-top:30px;
	padding-top:20px;
	border-top:1px solid #f3f4f6;
	}
.wclt-pro-btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
padding: 15px 25px;
  font-size: 16px;
  font-weight: normal;
  font-family: Num-Medium, sans-serif;
	border-radius:8px;
	cursor:pointer;
	transition:all 0.2s ease;
	border:none;
	text-decoration:none;
	}
.wclt-pro-btn-primary {
	background-color:#2563eb;
	color:#ffffff!important;
	}
.wclt-pro-btn-primary:hover {
	background-color:#1d4ed8;
	color:#ffffff;
	}
.wclt-pro-btn-secondary {
	background-color:#ffcb00;
	color:#fff!important;
	}
.wclt-pro-btn-secondary:hover {
	background-color:#ffd328;
	}
.wclt-pro-btn-icon {
	padding:0;
	width:56px;
	height:56px;
	background-color:#007cff;
	color:#fff;
	flex-shrink:0;
	}
.wclt-pro-btn-icon:hover {
	background-color:#3497ff;
	}
.wclt-pro-notice {
	display:flex;
	align-items:flex-start;
	padding:16px;
	border-radius:8px;
	margin-bottom:20px;
	line-height:1.6;
	font-size:14px;
	}
.wclt-pro-notice-icon {
	width:24px;
	height:24px;
	margin-left:12px;
	flex-shrink:0;
	}
.wclt-pro-notice-warning {
	background-color:#ffe3e3;
	color:#e03131;
	}
.wclt-pro-notice-warning .wclt-pro-notice-icon {
	color:#e03131;
	}
.wclt-pro-notice-warning a {
	color:#b45309;
	text-decoration:underline;
	font-weight:bold;
	}
.wclt-pro-notice-error {
background-color: #ffe3e3;
  color: #e03131;
	}
.wclt-pro-notice-error .wclt-pro-notice-icon {
	color:#ef4444;
	}
.wclt-pro-notice-error a {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  background: #f00;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 12px;
}
.wclt-pro-notice-error a:hover {
  opacity:0.8;
}

.wclt-pro-transition {
	transition:opacity 0.3s ease;
	}
.wclt-pro-row {
	display:flex;
	flex-wrap:wrap;
	gap:20px;
	margin-bottom:20px;
	align-items:flex-start;
	}
.wclt-pro-col {
	flex:1;
	min-width:250px;
	}
.wclt-pro-select:hoverm.wclt-pro-select:focus {
	border-color:#eee!important;
	}

	
	
/* ==========================================
   Full Responsive Styles
============================================= */

/* ====== Large Desktop ====== */
@media screen and (max-width: 1400px){


}


/* ====== Laptop ====== */
@media screen and (max-width:1200px){

}

/* ====== Tablet Landscape ====== */
@media screen and (max-width:992px){
.wclt-stats-wrapper {
   grid-template-columns: repeat(2,1fr) !important;
}


.wclt-card-meta {
display: grid;
    grid-template-columns: repeat(2,1fr) !important;
    padding: 10px 0;line-height: 10px;
}
.wclt-card-actions {
  display: block !important;
}
.wclt-open-modal-btn ,.wclt-card-title{
  margin-bottom: 10px !important;
}
}


/* ====== Tablet Portrait ====== */
@media screen and (max-width:768px){
#wclt-tickets-wrapper .wclt-table-div,.wclt-manage-list{
    overflow-x:auto;
    overflow-y:hidden;
    width:100%;
    -webkit-overflow-scrolling:touch;
}
.wclt-card-meta {
    grid-template-columns: repeat(1,1fr) !important;
}
#wclt-tickets-wrapper .wclt-row{
    min-width:800px;
}

a.wclt-ext-btn-send {
  height: 60px;
  margin-top: 20px;
}

a.wclt-ext-btn-manage {
  height:60px;
  margin-top:20px;
}
.wclt-message {
  max-width: 100%;
}


}

/* ====== Mobile Large ====== */
@media screen and (max-width:576px){
.wclt-stats-wrapper {
   grid-template-columns: repeat(1,1fr) !important;
}
.wclt-attachment {
  width: 100% !important;
}
.wclt-attachment-row{
 display: block !important;
    width: 100% !important;
}
.wclt-product-card {
  display: block;
}
.wclt-open-modal-btn{
    margin: 10px 0 !important;
  }
  
.wclt-card-thumbnail {
  display: none;
}  
.wclt-card-title {
    margin-bottom:15px;
  } 
.wclt-attachment-row input[type="url"]{
width: 100% !important;
}
a.wclt-add-attachment, a.wclt-remove-attachment{
width: 100% !important;
    display: block;
    margin: 10px 0;
}
a.wclt-ext-btn-manage {
  margin-top:10px;
}

.wclt-ext-tkt-acts {
  display: block;
}
a.wclt-ext-btn-send {
  margin-top: 10px;
}
}


/* ====== Small Mobile ====== */
@media screen and (max-width:420px){
a.wclt-ext-btn-send,a.wclt-ext-btn-manage {
  padding: 10px 10px;
  font-size: 14px;
}		
.wclt-pro-select {
width: 100%;
  padding: 15px 15px !important;
  font-size: 16px !important;
  font-family: inherit !important;
  color: #888 !important;
  background-color: #fff;
  border:2px solid #f9fafb !important;
  border-radius: 8px !important;
  outline: none;
  transition: all 0.3s ease;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	background-image:url("data:image/svg+xml;
	charset=UTF-8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:left 15px center;
	background-size:16px;
	cursor:pointer;
	}