/*  */
.posrel {
	position:initial !important;
}
.pts-row h1 {
	font-size: 33px !important;
}
.pts-row h4 {
	font-size: 16px !important;
}

.pts-row .purpletree_seller h3 {
	font-size: 21px !important;
}

.pts-row > #content > h1 {
	display : inline !important;
	font-size: 33px !important;
}

.pts-theme-cmp {
	padding-top:20px;
	padding-bottom:20px;	
}
.pts-row .purpletree_seller h3 a , .pts-row .purpletree_seller p a {
	  color: #23a1d1 !important;
}

.pts-row .purpletree_seller h3 {
	  margin-top: 5px !important;
	  padding-bottom: 5px !important;
}
.pts-row .purpletree_seller p {
	  margin: 5px 0 0 0px !important;
}

.pts-row .purpletree_seller h3 a:hover , .pts-row .purpletree_seller p a:hover {
	  color: #23527c !important;
	   text-decoration:none !important;
}
.seller_product .product_count .pts-product_count {
	line-height:20px !important;
}
.pts-breadcrumb {
	padding-top:8px !important;	
}
#pts-content h1 {
	padding-top:10px !important;	
}
.pts-row > #content > h1 {
	display : inline !important;
	font-size: 33px !important;
}
.pts-container #content {
	margin-bottom:10px !important;
}
.pts-blog-main h1 {
	  font-size: 33px !important;
}
.pts-blog-main h5 {
	  font-size: 12px !important;
}
.pts-blog-main h3 {
	  font-size: 21px !important;
}
.pts-blog-main p {
	  font-size: 12px !important;
}
.pts-blog-main {
	  font-size: 12px !important;
}
.active-plans-div {
						 text-transform:uppercase; 
						text-align: center; 
						min-height: 46px; 
						transform: rotatez(-48deg) !important; 
						position: absolute; 
						z-index: 9;
						left: 18px;
						top: 45px; 
						
				   }
					.active-plans-text {
						text-transform: uppercase;
						margin: 0;
						background-color: green !important;
						padding: 0px 15px;
						font-size: 9px !important;
						font-weight: bold !important;
						color: #fff !important;

				   }
.deactive_plan.plan-name.h4{font-size:22px !important;

				   }
.pts-neworder td, .pts-neworder {
    background-color: #b4e694 !important
}
.pts-col-sm-6 .pagination > li.active {
    background-color: transparent;
}
.pts-new_inquiry td, .pts-new_inquiry {
    background-color: #b4e694 !important
}
.pts-disabled td, .pts-disabled {
    background-color: #f2dede !important
}
.ptsinsidecol { 
	margin-bottom: -3px;
}
.ptsrow2 { 
	margin-top: 7px;
}
#ptsabout1 { 
	min-height: 255px;
}
.ptsvideo { 
	padding-left: 0 !important;
}
.ptsstoreimage { 
	padding-left: 0 !important;
}
.ptsgooglemap { 
	padding-left: 0 !important;
}

.pts-category-dropdown .pts-dropdown-menu { 
	opacity:1 !important;
	visibility:visible !important;
	padding:4px;
}
.social-icons a .fa{
    /* letter-spacing: 14px; */
    margin: 1px;
    padding-top: 8px;	
    padding-bottom: 0;	
    text-align: center;
}
.social-icons a:hover .fa
{
	color:#229ac8 !important;
}
.social-icons a::first-child{
	padding:0px !important;
}
.social-icons a .fa-facebook-square:before{
	color:#3b5999;
}
.social-icons a .fa-tumblr-square:before{
	color:#55acee ;
}
.social-icons a .fa-google-plus-square:before{
	color:#dd4b39;
}
.social-icons a .fa-instagram:before{
	color:#4c68d7;
}
.social-icons a .fa-pinterest-square:before{
	color:#BD081C;
}
.social-icons a .fa-globe:before{
	color:#6200e ;
}

.social-icons a .fa-whatsapp:before{
	color:#25d366 ;
}

.social-icons a:hover .fa-facebook-square:before,
.social-icons a:hover .fa-tumblr-square:before,
.social-icons a:hover .fa-google-plus-square:before,
.social-icons a:hover .fa-instagram:before,
.social-icons a:hover .fa-pinterest-square:before,
.social-icons a:hover .fa-globe:before{
	color:#229ac8 !important;
}
.social-icons a .fa-facebook-square:before,
.social-icons a .fa-tumblr-square:before,
.social-icons a .fa-google-plus-square:before,
.social-icons a .fa-instagram:before,
.social-icons a .fa-pinterest-square:before,
.social-icons a .fa-whatsapp:before,
.social-icons a .fa-globe:before{
	font-size:33px;
	padding:3px;
}
.invoices-btn{
	 position: absolute;
    bottom: 7px;
    right: 14px;
    font-size: 13px;
    border: 1px solid #ddd;
    padding: 3px 10px;
    background: #337ab7;
    color: #fff;
}
.invoices-btn:hover{
	color:#f5f5f5;
}
.seller-login-form{margin-top:20px;background:#f5f5f5;border:1px solid #e3e3e3}
.new-seller-register-here{background:#fff;padding:7px;border-radius:15px;}
.new-seller-register-here .fa.fa-user, .new-seller-login-here .fa.fa-user{
	border:1px solid;border-radius:50%;width:20px;height:20px;text-align:center;line-height:1.2
}
.new-seller-login-here{
	background: #fff;
	padding: 5px 10px;
	border-radius: 15px;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);
}

.seller-rgistration-form {
  background-color: #f5f5f5;
  border:2px solid #2097c4;
}
/* Hide all steps by default: */
.tab {
  display: none;
}
.head_steps{
	display:flex;
	
}
.head_steps .step .step-icon {
}
.head_steps .step .step-icon .fa{
	border:6px solid #ededed;
	padding:7px;
	border-radius:50%;
	width:50px;
	height:50px;
	line-height:1;
	font-size: 20px;
	color: #9b9e9f;
	background: #fff;
	z-index:9;
}
.head_steps .step.finish .step-icon .fa{
	border:6px solid #2097c4;
	background:#fff;
	color:#2097c4;
}
.head_steps .step.finish, .head_steps .step.finish p {
	color:#2097c4;
	opacity:1;
}
.head_steps .step.active .step-icon .fa{
	border:6px solid #2097c4;
	background:#fff;
	color:#2097c4;
}
.head_steps .step.active, .head_steps .step.active p {
	color:#2097c4;
	opacity:1;
}
.head_steps .step.active .step-icon .fa{
	background:#fff;
}
.head_steps {
    margin: 0 auto;
    max-width: 670px;
    width: 100%;
}
.head_steps .step {
    text-align: center;
    float: left;
    display: block;
    width: 33.33333%;
    position: relative;
}
.head_steps .step.finish .step-icon:before,
.head_steps .step.finish .step-icon:after{
	background: #2097c4;
}
.head_steps .step.active .step-icon:before,
 .head_steps .step.active .step-icon:after
	{
		background: #2097c4;
	}
.head_steps .step .step-icon:before {
    content: "";
    width: 46%;
    height: 10px;
    background: #ededed;
    display: block;
    position: absolute;
    top: 20px;
    right: -14px;
    z-index: 0;
}
.head_steps .step .step-icon:after {
    content: "";
    width: 39%;
    height: 10px;
    background: #ededed;
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 0;
}
.head_steps .step.finish .arrow{
	border-color:#2097c4;
	background:#2097c4;
}
.head_steps .step.active .arrow{
	border-color:#2097c4;
	background:#2097c4
}
.login-seller{
	font-size:14px;
	color:green;
	cursor:pointer;
}
 #regForm .required label.error{color:red !important}
/*  */
.active-plan-text{
    font-size:20px;text-transform:uppercase;color:#fff;margin-top:-7px;background:#228B22;padding:0px 15px;
}
@media(max-width:768px){
.ptssellertop {
	    position: absolute;
		top: 0;
		right: 0;
	}
	.invoices-btn{
		 left: 14px;
		 right: unset;
	}
	.active-plan-text{
	    font-size:14px;text-transform:uppercase;color:#fff;margin-top:-5px;background:#228B22;padding:0px 15px;
	}
.site-wrapper .pts-container .pts-row #content h1 {
	clear: both;
}
}

@media(max-width:1199px){
	.ptssellertop ul {
	left:-100px;
}
}
@media(max-width:768px){
#header {
	position: relative;
	overflow: visible;
	z-index: 1000;
}

#header .container-fluid {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 8px 15px;
	overflow: visible;
}

.nav.navbar-nav.pts-navbar-nav.pts-navbar-right.pts-pull-right {
	position: relative;
	background: transparent;
	right: auto;
	top: auto;
	margin: 0;
	display: flex;
	align-items: center;
	gap: 8px;
	overflow: visible;
}

.accountptsdrop {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	position: relative;
	overflow: visible;
}

.accountptsdrop > li {
	margin: 0;
	position: relative;
}

.accountptsdrop > li > a {
	padding: 6px 10px;
	font-size: 13px;
	white-space: nowrap;
}

.accountptsdrop .dropdown {
	position: static;
}

.accountptsdrop .pts-dropdown-menu {
	position: absolute !important;
	top: 100% !important;
	right: 0 !important;
	left: auto !important;
	margin-top: 5px !important;
	z-index: 1001 !important;
	min-width: 200px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	background: #ffffff !important;
	border: 1px solid #e9ecef !important;
	border-radius: 8px;
	padding: 5px 0;
	opacity: 1 !important;
}
	.ptsaboutstore{
		margin-top:6px;
	}

	.storetimings{
		margin-left: 14px;
		margin-bottom: 0px;
	}
	.ptsvideo { 
	padding-left: 0 !important;
}
}
/*=======*/
.pts-product-thumb .pts-caption h4 a{
	font-size:15px;
	text-transform:capitalize;
}
.account-bg h4, .h4{
	font-size:15px !important;
}
.pts-pull-left{
	margin-right:auto;
	float:left;
}
/*=============*/

.hidden-xs1, .hidden-sm1, .hidden-md1{
    display:inline-block !important;
}
 /* Navbar container */
.store-navbar {
  overflow: hidden;
  background-color: #229ac8;
  padding:0
}

/* Links inside the navbar */
.store-navbar li{
	display:inline-block;
	padding: 8px 10px !important;
	float:left
}
.store-navbar li a {
  color: #fff;
  text-align: center;
  text-decoration: none;
}
/* Add a red background color to navbar links on hover */
.store-navbar li:hover {
  background-color: rgba(0, 0, 0, 0.1);;
}

/* //////////////////////// */
.star-seller{
	width: 10px !important;
	margin-left: 5px;
}
.pts-star{width:1em !important}
.pts-star:first-child{margin-left:7px;}
.pts-alert-danger{   
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
	padding:10px;
	margin-bottom:10px;
}
.pts-input-group-sm>.pts-form-control{ height:36px !important }
#common-home  .owl-wrapper-outer {box-shadow:none !important}
h2,h3,h4,h5,h6{
	margin-top:10px;
	margin-bottom:10px;
}

#pts-content h1{margin-top:auto !important;margin-bottom:12px !important;font-size:26px !important;display: inline-block;}
.pts-product-thumb .image a img{margin: auto;}
.pts-product-thumb .caption{text-align: center;line-height: 2;}
.pts-product-thumb .pts-button-group button:hover {
    color: #444;
    background-color: #ddd;
    text-decoration: none;
    cursor: pointer;
}
.pts-product-thumb .pts-button-group {
	text-align: center;
	border-top: 1px solid #ddd;
	background-color: #eee;
	overflow: auto;
	}
.pts-product-layout .image a img{margin: auto;}
.pts-product-layout .pts-caption{text-align: center;line-height: 2;margin: 8px;flex-grow: 1 !important;}
.pts-product-thumb .transition+div{	text-align:center;	margin:5px}
.pts-product-thumb .transition+div a{ padding: 5px;}
.panel-title {
	margin-top:15px;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit !important;
}
label {
    font-size: 12px;
    font-weight: normal !important;
	line-height: 1.9 !important;
}
.form-control{
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/* ////////////////// */
@media (min-width: 1200px){
			.ptssellertop ul {
	left:-40px;
}
}
@media (min-width: 768px){

.pts-form-horizontal .pts-control-label {
    float: left !important;
}
#ptsstorevideo {
		height: 210px;
        width: 100%;
}


}
.pts-h3{padding:15px 2px !important}
.table thead td span[data-toggle="tooltip"]::after, label.pts-control-label span::after {
    font-family: FontAwesome;
    color: #1E91CF;
    content: "\f059";
    margin-left: 4px;
}

/* .oc2 fieldset label{float:right !important} */
.sellerAccountImg{width:50px;height:50px;margin-right:10px;padding:5px;}
.h3-bg{border:1px solid #ddd;padding:15px 10px;}

@media screen and (max-width: 988px) {
.account-bg{box-shadow:0px 4px 7px -1px rgba(0,0,0,0.4);padding:5px 0px 15px}
}

/* .seller-info{padding:10px 5px;border:1px solid #eee;} */
.seller_pannel_store{
	/* box-shadow:0px 2px 8px 0px rgba(0,0,0,0.4); */
	margin-bottom:5px;
	border: 1px solid #dbdada;
	border-radius:4px;
	font-family:sans-serif;
	font-weight:500
	}
.seller-info .seller-return, .seller-shipping, .seller-about{padding: 6px 0px; border-bottom: 1px solid #f5f5f5;}
.seller-info .seller-about{border-bottom: none !important;}
.seller-return a, .seller-shipping a, .seller-about a{color:#786e6e !important;width:100%; text-decoration: none;}
.seller-return a:hover, .seller-shipping a:hover, .seller-about a:hover{color:#3662f9 !important; text-decoration: underline;}
.contact-info .seller-email, .seller-phone, .seller-address{
	color: #716b6b;
	padding: 6px 0px;
	border-bottom: 1px solid #f6f6f6;
}
.contact-info .seller-email i, .seller-phone i, .seller-address i{font-size:14px !important;margin-right:6px}
.seller-info .seller-return .pts-r, .seller-shipping .pts-r, .seller-about .pts-r{float:right !important}

.contact_seller_link{  
	margin-bottom: 5px;
    margin-top: 4px;
    background: #51D3F9;
	border: 1px solid #ddd;
    padding: 10px 5px;
    color: #fff;
	}
.contact_seller_link .contact_seller{font-size:15px;color:#fff !important}
.contact_seller_link:hover .contact_seller_link .contact_seller{font-size:15px;color:#eee !important}
.fa-stack i::before{margin-left:-12px !important}
.m-auto{margin:auto}
@media(max-width: 768px){
.ptsvideo {
	margin-top: 9px;
	margin-inline: 16px;
	margin-right: -2px;
}
.ptsstoreimage {
	margin-inline: 16px;
	margin-right: -2px;
}
.ptsgooglemap {
	margin-inline: 16px;
	margin-right: -2px;
}	
.ptsimage {
		margin-top: 12px;
}
.ptsfilter {
		margin-top: 12px;
}

	.seller_pannel_store{
		/* box-shadow:0px 2px 8px 0px rgba(0,0,0,0.4); */
		margin-bottom:5px;
		border: 1px solid #dbdada;
		border-radius:4px;
	}
	.img-left{float:left !important}
	.hidden-xs1, .hidden-sm1, .hidden-md1{
        display:inline-block !important;
        display:none !important;
    }
}


.hieght-fixed{
	max-height:600px;
	overflow:auto;
}

.selected-plan{
	border:1px solid #eee;
	padding:10px 10px !important;
	box-shadow:0px 2px 6px -2px rgba(0,0,0,0.5);
}
.admin-store{border-right:1px solid #eee}
.mid{padding:5px !important;border:1px solid #eee}
.p-0{padding:0 !important}
.payment{
	//background: #e7e7e7;
	padding: 10px;
}
.payment a{color:#000;padding:5px 8px;border:1px solid #ddd;font-size:15px;background:#eee}
.checkbox-center{
	text-align:center;
}

.plan ul{
	margin:0;
	padding:0 !important
}
.plan ul li{
	list-style:none;
	padding:8px 10px !important;
}
.plans{
	margin-top:8px;
	padding:0 !important;
}
.plan{
	border:1px solid #eee;
	padding:0 !important;
	margin-top:30px;
}
.plan-name{
	background:#fff;padding:0;
	padding:0px 10px !important;
}
.viewmore{font-size:13px;background:#fff;color:blue;padding:1px 5px;border:0px solid #eee;margin-top:10px}
.plan-list{padding:0;background:#fff;border-right:1px solid #eee;}
.popup-model{
	width:70% !important
}
.pts-total_price{padding:8px !important;border:1px solid #eee}
.pts-grand_total1{font-size:14px;font-weight:600}
.pts-grand_total_price{padding:5px 9px !important}

.bordr{border:1px solid #eee;padding:10px 10px}
.m-t10{margin-top:15px}
.plan-active{box-shadow:0px 0px 4px 0px rgba(0,0,0,0.4)}
.pts-subscription-plan{margin-bottom:0px !important}
.deactive_plan {padding:0 !important}
.plan-active .plan-list{background: beige !important;}
.deactive_plan .plan-list{background: aliceblue;}
.plan-active .plan1{margin-top:0 !important}
.text-blue{color:#5cb85c;font-weight:600}
.pts-welll{background:fff;padding:10px;box-shadow: 0px 0px 4px 0px rgba(85,105,0.5,0.2);margin-bottom:15px}
.pts-current-plan h4{color:#333;}
.pts-text-blue{color:#666;font-size:17px;font-weight:600}
.pts-welll p, b{
	font-size:13px !important;
	
}

@media(max-width:768px){
	.popup-model{
		width:100% !important;
	}
}

.store_logo{margin-bottom:10px;}
.store_top_div{margin-bottom:20px;}
.directory .fa-folder.fa-5x {font-size: 10.5em;}
.pts-banner{margin-bottom:20px;}
.pts-alert-success{
	padding: 10px;
	}
.pts-product-thumb .pts-caption {
    text-align:center;
}
.pts-nav-tabs {
    margin-bottom: 15px;
}
.pts-breadcrumb > li + li::before {
   content: initial !important;
    padding: 0;
}
.pts-breadcrumb > li {
    padding: 0 20px;
    position: relative;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
}
.pts-breadcrumb > li::after {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    right: -5px;
    top: 6px;
    transform: rotate(-45deg);
    width: 12px;
	content: "" !important;
}
ul.pts-breadcrumb li a {
	padding-right: 10px;
	
}
.pts-product-thumb {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    overflow: auto;
	width:100%;
}
.pts-product-thumb .image {
    text-align: center;
}
.pts-product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
}
.pts-product-thumb .image a {
    display: block;
}
.pts-product-thumb .pts-button-group {
    background-color: #eee;
    border-top: 1px solid #ddd;
    overflow: auto;
}
.pts-product-thumb .pts-button-group button {
    background-color: #eee;
    border: medium none;
    color: #888;
    display: inline-block;
    float: left;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
    width: 60%;
}
.pts-product-thumb .pts-button-group button + button {
    border-left: 1px solid #ddd;
    width: 20%;
}
.pts-product-thumb .price-old {
    color: #999;
    margin-left: 10px;
    text-decoration: line-through;
}
.pts-form-group select {
    margin: 0;
}
#pts-content {
    min-height: 600px;
}
div.required .pts-control-label::before {
    color: #f00;
    content: "* ";
    font-weight: bold;
}
.pts-modal-body .pts-form-group {
    margin: 0;
}
.pts-modal-body .pts-form-group label,.pts-modal-body .checkbox label{
	width:100%;
}
.pts-tab-content .modal-dialog,.pts-form-group .modal-dialog{
    margin: 12% auto;
}
.store_top_div .pagination ,.pts-panel-body .pagination{  
  border-radius: 4px;    display: inline-block;    margin: 0;    padding-left: 0;
  }
.store_top_div .pagination > li ,.pts-panel-body .pagination > li{ 
   display: inline;height: auto;width: auto;border-radius: 0; margin-right: 0;
   }
.store_top_div .pagination > li:first-child > a,.store_top_div .pagination > li:first-child > span ,.pts-panel-body .pagination > li:first-child > a, .pts-panel-body .pagination > li:first-child > span{  
  border-bottom-left-radius: 4px;    border-top-left-radius: 4px;    margin-left: 0;
  }
.store_top_div .pagination > .active > a,.store_top_div .pagination > .active > a:focus,.store_top_div .pagination > .active > a:hover, .store_top_div .pagination > .active > span,.store_top_div .pagination > .active > span:focus,.store_top_div .pagination > .active > span:hover  ,.pts-panel-body .pagination > .active > a,.pts-panel-body .pagination > .active > a:focus,.pts-panel-body .pagination > .active > a:hover,.pts-panel-body .pagination > .active > span,.pts-panel-body  .pagination > .active > span:focus,.pts-panel-body .pagination > .active > span:hover{ 
   background-color: #337ab7;    border-color: #337ab7;    color: #fff;    cursor: default;    z-index: 2;
   }
.store_top_div .pagination > li > a,.store_top_div .pagination > li > span,.pts-panel-body .pagination > li > a, .pts-panel-body .pagination > li > span{
    background-color: #fff;    border: 1px solid #ddd;    color: #337ab7;    float: left;    line-height: 1.42857;    margin-left: -1px;    padding: 6px 12px;    position: relative;    text-decoration: none; height: auto;width: auto;border-radius: 0; margin-right: 0;
	}
.purpletree_seller{
	border: 1px solid #ccc;
    border-radius: 2px;
    margin-bottom: 10px;
    padding: 12px 5px;
}
.purpletree_seller .product_count {
    background: #eee none repeat scroll 0 0;
    padding: 4px 9px;
	max-height: 70px;
}
.purpletree_seller .product_count h3{
	margin-top:8px;
}
.purpletree_seller .product_count_text{
	margin-bottom:3px;
}
.search_seller .pts-btn{
	background: #eee none repeat scroll 0 0;
    padding: 4px 16px;
}
.purpletree_seller .seller_product {
    float: right;
}
.link.pts-home-sellerlink > a, .link.pts-home-sellerlink > a:hover{color:#fff;}
.link.pts-home-sellerlink{padding:14px 5px;}
.pts-table_order_list tr{
	line-height: 25px;
	border-bottom: 1px solid rgb(204, 204, 204);
}
.pts-table_order_list tr:last-child {
	border-bottom: 0 none !important;
}
.pts-input-group .pts-input-group-addon img {
    max-width: none;
}
#pts-content>h2{font-size:20px;}
.pts-dash-box{
	width:100%;
	border-radius:10px;
	color:black;
	font-size:14px;
	text-align:center;
	margin-bottom:30px;
}
.pts-dash-box1 {background:#ffffff;color:#444;font-size:13px;font-weight: 600;border: 1px solid #e9ecef;}
.pts-dash-box1 .pts-box-bottom {background:#f8f9fa;color:#666;border-top: 1px solid #e9ecef;}
.pts-dash-box1 .pts-box-top {background:#f8f9fa;color:#444;border-bottom: 1px solid #e9ecef;}

.pts-dash-box .pts-box-top{height:30px;padding:5px;font-weight:bold;}
.pts-dash-box .pts-box-body{padding:30px 10px;font-size:15px;}
.pts-dash-box .pts-box-bottom{height:30px;padding:5px;}
.pts-dash-heading {font-size:16px!important; border: 1px solid #ccc;background-color: #f1f1f1;padding: 5px 5px 11px 5px;margin-bottom: 0px; font-family: Arial, Helvetica, sans-serif;color:#867c7c;}
.pts-dash-heading span{font-size:10px;}
.pts-dash-table td {text-align:left;}
.pts-box-bottom a{color:#fff;}
.pts-right-link a{background-color:#1BA5EF;color:#fff;font-size: 12px;font-weight: 500;font-weight:bold;
display: inline-block;
font-family: inherit;
padding: 5px;}
.pts-dash-heading i{font-size:20px;}
.pts-seller-heading {
    font-size: 16px !important;
    font-weight: bold;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    padding: 10px 10px 10px 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #867c7c;
    margin-top: 8px;
    line-height: 10px !important;
}
.pts-box-bottom a:focus,.pts-box-bottom a:hover{color: #f5f5f5;
text-decoration: none;}
.pts-box-bottom a:focus,.pts-box-bottom a:hover{color: #f5f5f5;
text-decoration: none;}
.pts-right-link a:focus,.pts-right-link a:hover{color: #f5f5f5;
text-decoration: none;}
.pts-product-option{
	width: 16%;
}
#form-product #tab-links .pts-dropdown-menu, #form-product #tab-attribute .pts-dropdown-menu, #form-product #tab-option .pts-dropdown-menu, .ptsnewcss .pts-dropdown-menu {
    visibility: visible;
    opacity: 1;
    margin-top: 8px;
    padding:0;
}
.purpleproductname *, .purpleproductname, .purplstatus {
    border: 0 !important;
}
.ptssortcss select {
	opacity:1 !important;
	z-index:9 !important;
}
.ptssortcss span {
	z-index:1 !important;
}
.pts-cartbtnn {
	display: inline !important;
font-size: 11px;
}
.pts-clearfix {
clear:both;
}
.site-wrapper > .pts-container > .pts-row, .site-wrapper > .pts-container > .row {
   display: flex;
}
.pts-btn-dangerrr {
	background:#d9534f !important;
}
.email+.error, #input-selleremail-error{
	color: red !important;
}
.ptsblogcontent img {

    max-width: 100% !important;

}

/* margin */

.pts-m-0{
	margin:0px;
}
.pts-m-1{
	margin:5px;
}
.pts-m-2{
	margin:10px;
}
.pts-m-3{
	margin:15px;
}
.pts-mt-1{
	margin-top:5px;
}
.pts-mt-2{
	margin-top:10px;
}
.pts-mt-3{
	margin-top:15px;
}
.pts-mb-1{
	margin-bottom:5px;
}
.pts-mb-2{
	margin-bottom:10px;
}
.pts-mb-3{
	margin-bottom:15px;
}
.pts-ml-1{
	margin-left:5px;
}
.pts-ml-2{
	margin-left:10px;
}
.pts-ml-3{
	margin-left:15px;
}
.pts-mr-1{
	margin-right:5px;
}
.pts-mr-2{
	margin-right:10px;
}
.pts-mr-3{
	margin-right:15px;
}

/*padding*/
.pts-p-0{
	padding:0px;
}
.pts-p-1{
	padding:5px;
}
.pts-p-2{
	padding:10px;
}
.pts-p-3{
	padding:15px;
}
.pts-pt-1{
	padding-top:5px;
}
.pts-pt-2{
	padding-top:10px;
}
.pts-pt-3{
	padding-top:15px;
}
.pts-pb-1{
	padding-bottom:5px;
}
.pts-pb-2{
	padding-bottom:10px;
}
.pts-pb-3{
	padding-bottom:15px;
}
.pts-pl-1{
	padding-left:5px;
}
.pts-pl-2{
	padding-left:10px;
}
.pts-pl-3{
	padding-left:15px;
}
.pts-pr-1{
	padding-right:5px;
}
.pts-pr-2{
	padding-right:10px;
}
.pts-pr-3{
	padding-right:15px;
}
@media(min-width:768px){
	.pts-seller-blog-image{
		margin:auto;
	}
	.pts-pull-right-1{
		float:right;
	}
	.pts-pull-left-1{
		float:left;
	}
}
.pts-breadcrumb {
margin-top:10px;
}
.pts-chat-seller{
	border: 1px solid #cfe0ef;
    border-radius: 20px;
    background: white;
    max-width: 50%;
    padding: 9px 18px!important;
    margin-right: 10px;
    float: right;
    margin-bottom: 5px;
}
.pts-chat-admin{
	border: none;
    border-radius: 20px;
    background: aliceblue;
    float: left;
    margin-bottom: 5px;
    max-width: 50%;
    padding: 9px 18px!important;
    margin-left: 10px;
}
.pts-tr-hover-none:hover{
	background:transparent !important
}
.pts-counting-1{
	background: #5bad26;
	color: #fff;
	padding: 2px;
	font-weight: 600;
	border-radius: 50%;
	height: 18px;
	width: 18px;
	font-size: 11px;
	position: relative;
	margin-top: -38px;
	margin-right: 250px;
	margin-left: 1px;
    text-align:center !important;
	display: inline-block;
	float: right;
}
 .pts-counting-2{
    background: #5bad26;
	color: #fff;
	padding: 2px;
	font-weight: 600;
	border-radius: 50%;
	height: 18px;
	width: 18px;
	font-size: 11px;
	position: relative;
	margin-top: -26px;
	margin-right: 206px;
	margin-left: 1px;
    text-align:center !important;
	display: inline-block;
	float: right;
	}
.pts-counting-seller-pannel{ 
	background: #5bad26;
	color: #fff;
	padding: 2px 6px;
	border-radius: 50%;
	font-size: 11px;
	position: relative;
	font-weight: 600;
	top: -7px;
}
.site-wrapper > .pts-container {
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	-webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; 
}
.site-wrapper > .pts-container > .pts-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; 
}
@media (max-width: 768px){
  .site-wrapper > .pts-container > .pts-row {
       display: block !important;
  }
 .site-wrapper .side-column {
     max-width: 360px;
}
}

.text-inactive{
	font-size: 9px !important;
}
.subsgridd:nth-child(3n+1) {
        clear:both;
    }
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .subsgridd:nth-child(2n+1) {
        clear:both !important;
    }
    .subsgridd:nth-child(3n+1) {
        clear:none !important;
    }
}
.ribbon {
  margin: 0;
  padding: 0;
  background: rebeccapurple;
  color:white;
  padding:1em 0;
  position: absolute;
  top:116px;
  left:8px;
  transform: translateX(-42%) translateY(-151%) rotate(-45deg);
  transform-origin: top left;
  z-index:9;
}
.ribbon:before,
.ribbon:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 100%;
  height: 100%;
  background: #008000;
}
.ribbon:before {
  right:100%;
}

.ribbon:after {
  left:100%;
}
.deletecheckoxesfileupload {
	display:block !important;
}
.ribbondanger:before, .ribbondanger:after {
    background:#d9534f !important;
}
.pts_seller_link{
	margin-top: -33px !important; 
	margin-left: 16px !important;
}

	.pts-store-country div {
	    display:none !important;
	}
	.pts-store-country select {
	    display:block !important;
	}
	
	.pts-store-state div {
	    display:none !important;
	}
	.pts-store-state select {
	    display:block !important;
	}
	.ptsradioinp span {
		background: none !important;
		display: inline !important;
}
	
	.ptsradioinp input {
		opacity: 1 !important;
	}
.storeviewpageoncontent {
	max-width: 100% !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
}
.pts-breadcrumb {
	background-color: initial;
}
.pts-form-control.pts-input-lg.search {
	margin:0 2px;
}
.pts-lan-image{
	 margin: auto;
	 padding-right: 5px;
}
.pts-ser-box{
	padding: 6px;
	margin-bottom: 12px !important;
}
.pts-form-horizontal fieldset{
	padding-left: 5px;
}
.pts-col-sm-6#content,.pts-col-sm-9#content,.pts-col-sm-12#content{
    margin-top: 5px;
}
#content.pts-col-sm-6 > .page-title-wrapper, #content.pts-col-sm-9 > .page-title-wrapper, #content.pts-col-sm-12 > .page-title-wrapper {
	float:unset;
}
#content.pts-col-sm-6 > .page-title-wrapper > .page-title, #content.pts-col-sm-9 > .page-title-wrapper > .page-title, #content.pts-col-sm-12 > .page-title-wrapper > .page-title {
	float: unset;
	display: inline;
}
.pts-container input[type="checkbox"] {
    display: block;
}
*[class*='pts-col-'] {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.pts-caption p{
		display:block !important;
}
.pts-img-thumbnail {
    padding: 4px !important;
    border-radius: 4px !important;
    border: 1px solid #ddd !important;
}
.pts-product_count{
	margin-bottom: 10px !important;
}
.menupts {
	display:inline-block !important;
}
.popover.fade.right.in {
		opacity:1 !important;
}
.pts-open{
		right: 20px!important;
}
.ptstopmenuu .j-menu {   
    margin: 0px !important;
    padding: 5px !important;
}
.heading-bar {   
     width: 50%;
     margin-left: 0;
     margin-top: 13px;
     border: 1px solid #1f93bf;
}
.ptssellertop  .pts-open, .accountptsdrop .pts-open {
	right:0 !important;
}
.pts-seller-detail{
	padding: 10px;
}
@media only screen and (max-width: 760px){
					 .pts-row-mobile {
					padding-left: 16px !important;
				}
				}
				
				
 .pts-review-rating .fa-star-o::before {
	 content: "\f006" !important;
}

.pts-review-rating .fa-star::before {
  content: "\f005";
}
.pts-review-rating {
position: relative;
top: 5px;
}

.pts-s-d-r-star {
	display: inline-flex;
}
.pts-s-d-r-star span {
	margin: 0 5px 0 5px;
}
.pts-s-d-r-star span .fa-star::before {
  content: "\f005" !important;
}

.pts-help-custmrenqry {
	padding-bottom: 20px;
	padding-top: 17px;
}
#pts-contact {
	padding-top: 20px;
}

/* ============================================
   SIDEBAR - MODERN COLOR SCHEME
   ============================================ */

/* Hide Logo in Header */
#header #header-logo,
#header .navbar-brand,
#header .pts-navbar-header {
	display: none !important;
}

/* Sidebar - Blue Theme Background */
#column-left {
	background: linear-gradient(180deg, #1e3a5f 0%, #2a4d7a 100%) !important;
	box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
}

/* Navigation Header - Blue Theme */
#navigation {
	background: #1e3a5f !important;
	color: #ffffff !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	font-weight: 600;
	letter-spacing: 0.5px;
}

/* Menu Items - Blue Theme Styling */
#menu > li {
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	transition: all 0.3s ease;
}

#menu > li > a {
	color: #e8ecef !important;
	font-size: 14px;
	padding: 12px 20px;
	transition: all 0.3s ease;
	position: relative;
}

#menu > li > a:hover {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #ffffff !important;
	padding-left: 25px;
}

#menu > li > a > i {
	color: #ffc107;
	margin-right: 10px;
	font-size: 16px;
	width: 20px;
	text-align: center;
}

/* Active Menu Item - Yellow Accent on Blue */
#menu > li.active > a {
	color: #ffffff !important;
	background: linear-gradient(90deg, rgba(255, 193, 7, 0.2) 0%, rgba(255, 193, 7, 0.05) 100%) !important;
	border-left: 3px solid #ffc107;
	padding-left: 17px;
	font-weight: 600;
}

#menu > li.active > a > i {
	color: #ffc107;
}

/* Submenu - Darker Blue Background */
#menu > li > ul {
	background-color: #1a2d47 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

/* Submenu Items */
#menu li li a {
	color: #b8c5d1 !important;
	padding: 10px 20px 10px 50px;
	transition: all 0.3s ease;
}

#menu li li a:hover {
	color: #ffffff !important;
	background-color: rgba(255, 193, 7, 0.1) !important;
	padding-left: 55px;
}

#menu li li.active > a {
	color: #ffc107 !important;
	background-color: rgba(255, 193, 7, 0.15) !important;
	font-weight: 600;
}

/* Scrollbar Styling */
#column-left::-webkit-scrollbar {
	width: 8px;
	background-color: rgba(0, 0, 0, 0.2);
}

#column-left::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(255, 193, 7, 0.3);
}

#column-left::-webkit-scrollbar-thumb:hover {
	background-color: rgba(255, 193, 7, 0.5);
}

/* ============================================
   SELLER DASHBOARD - MODERN LAYOUT SYSTEM
   ============================================
   
   This section contains all styles for the seller dashboard,
   ensuring proper layout, spacing, and modern design patterns.
   
   Structure:
   1. Layout & Container System
   2. Content Area & Spacing
   3. Dashboard Components
   4. Responsive Design
   ============================================ */

/* ============================================
   1. LAYOUT & CONTAINER SYSTEM
   ============================================ */

/* Main container - Full width for seller dashboard */
.pts-container.container {
	max-width: 100%;
	width: 100%;
}

/* Row container - Reset margins for proper alignment */
.pts-container .pts-row {
	margin-left: 0;
	margin-right: 0;
}

/* ============================================
   2. CONTENT AREA & SPACING
   ============================================ */

/* Desktop Layout (≥768px) - Ensure proper sidebar spacing */
@media (min-width: 768px) {
	/* Content area - Ensure it respects sidebar and has proper spacing */
	/* Override core stylesheet margin-left for proper spacing */
	.pts-container #column-left + #content,
	.pts-container .pts-row #column-left + #content,
	.pts-container .pts-row #content.pts-col-sm-9,
	.pts-container .pts-row #content.pts-col-md-9,
	.pts-container .pts-row #content.pts-col-lg-10 {
		/* Keep original position (235px) but add 20px padding for gap */
		margin-left: 235px !important;   /* keep original position */
		width: calc(100% - 235px - 40px) !important;   /* full width minus sidebar minus right padding */
		float: none;              /* cancel grid float */
		padding-left: 20px;       /* 20px space from sidebar */
		padding-right: 40px;
		box-sizing: border-box;
	}

	/* Page header - Reset margins to respect parent padding */
	.pts-container .pts-row #content .page-header {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	
	/* Container-fluid - Remove default padding to respect parent */
	.pts-container .pts-row #content .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
	
	/* Panels and wells - Full width within content area */
	.pts-container .pts-row #content .pts-panel,
	.pts-container .pts-row #content .pts-well,
	.pts-container .pts-row #content > div:not(.page-header) {
		margin-left: 0;
		margin-right: 0;
	}
	
	/* Dashboard specific - Ensure proper spacing for dashboard boxes */
	.pts-container .pts-row #content .pts-row {
		margin-left: 0;
		margin-right: 0;
	}
}

/* Mobile Layout (<768px) - No sidebar, full width */
@media (max-width: 767px) {
	.pts-container .pts-row #content.pts-col-sm-9,
	.pts-container .pts-row #content.pts-col-md-9,
	.pts-container .pts-row #content.pts-col-lg-10 {
		flex: 1;
		max-width: 100%;
		width: 100%;
		margin-left: 0;
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* ============================================
   3. DASHBOARD COMPONENTS
   ============================================ */

/* Dashboard Section Columns */
.pts-container #content .pts-col-md-4 {
	padding: 20px 15px;
	margin-bottom: 30px;
}

/* Section Headings - Modern Typography */
.pts-container #content .pts-col-md-4 h4 {
	font-size: 18px !important;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 20px;
	margin-top: 0;
	letter-spacing: 0.3px;
	line-height: 1.3;
}

/* Heading Bar - Modern Divider */
.pts-container #content .heading-bar {
	width: 60px;
	height: 3px;
	background: linear-gradient(90deg, #3498db 0%, #2980b9 100%);
	border: none;
	margin: 0 0 25px 0;
	border-radius: 2px;
}

/* Dashboard Card Links - Modern Card Design */
.pts-container #content .pts-col-md-4 > a {
	display: flex;
	align-items: center;
	padding: 16px 20px;
	margin-bottom: 12px;
	background: #ffffff;
	border: 1px solid #e8ecef;
	border-radius: 12px;
	text-decoration: none;
	color: #495057;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

/* Active indicator bar (left side) */
.pts-container #content .pts-col-md-4 > a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 4px;
	background: #23a1d1;
	transform: scaleY(0);
	transition: transform 0.3s ease;
	transform-origin: top;
}

/* Hover State */
.pts-container #content .pts-col-md-4 > a:hover {
	background: #f8f9fa;
	border-color: #3498db;
	box-shadow: 0 4px 12px rgba(52, 152, 219, 0.15);
	transform: translateY(-2px);
	text-decoration: none;
	color: #2c3e50;
}

.pts-container #content .pts-col-md-4 > a:hover::before {
	transform: scaleY(1);
}

/* Dashboard Icons - Modern Icon Container */
.pts-container #content .sellerAccountImg {
	width: 48px;
	height: 48px;
	margin-right: 16px;
	padding: 10px;
	background: linear-gradient(135deg, #f5f7fa 0%, #e9ecef 100%);
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	flex-shrink: 0;
}

.pts-container #content .sellerAccountImg img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	display: block;
}

/* Icon hover state */
.pts-container #content .pts-col-md-4 > a:hover .sellerAccountImg {
	background: #23a1d1;
	transform: scale(1.05);
}

.pts-container #content .pts-col-md-4 > a:hover .sellerAccountImg img {
	filter: brightness(0) invert(1);
}

/* Icon Text - Typography */
.pts-container #content .icons-text {
	font-size: 15px;
	font-weight: 500;
	color: #495057;
	flex: 1;
	line-height: 1.4;
	transition: color 0.3s ease;
	margin: 0;
}

.pts-container #content .pts-col-md-4 > a:hover .icons-text {
	color: #2c3e50;
	font-weight: 600;
}

/* Badge Counters - Notification Badges */
.pts-container #content .pts-counting-1,
.pts-container #content .pts-counting-2 {
	background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
	color: #ffffff;
	padding: 4px 10px;
	font-weight: 600;
	border-radius: 12px;
	height: 24px;
	min-width: 24px;
	font-size: 12px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	line-height: 16px;
	box-shadow: 0 2px 6px rgba(39, 174, 96, 0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	float: none;
	white-space: nowrap;
}

/* Badge hover state */
.pts-container #content .pts-col-md-4 > a:hover .pts-counting-1,
.pts-container #content .pts-col-md-4 > a:hover .pts-counting-2 {
	box-shadow: 0 4px 10px rgba(39, 174, 96, 0.4);
	transform: translateY(-50%) scale(1.1);
}

/* Remove default line breaks between cards */
.pts-container #content .pts-col-md-4 > a + br {
	display: none;
}

/* ============================================
   4. RESPONSIVE DESIGN
   ============================================ */

/* Mobile Optimizations (<768px) */
@media (max-width: 768px) {
	/* Section columns */
	.pts-container #content .pts-col-md-4 {
		padding: 15px 10px;
		margin-bottom: 20px;
	}
	
	/* Card links */
	.pts-container #content .pts-col-md-4 > a {
		padding: 14px 16px;
		margin-bottom: 10px;
	}
	
	/* Icons */
	.pts-container #content .sellerAccountImg {
		width: 42px;
		height: 42px;
		margin-right: 12px;
	}
	
	/* Text */
	.pts-container #content .icons-text {
		font-size: 14px;
	}
	
	/* Badges */
	.pts-container #content .pts-counting-1,
	.pts-container #content .pts-counting-2 {
		right: 16px;
		font-size: 11px;
		height: 22px;
		min-width: 22px;
	}
}

/* ============================================
   5. PAGE HEADER & ALERTS
   ============================================ */

/* Page Header */
.pts-container #content .page-header {
	margin-bottom: 30px;
}

.pts-container #content .page-header h1 {
	font-size: 28px !important;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 10px;
	margin-top: 0;
	line-height: 1.2;
}

/* Alert Messages */
.pts-container #content .alert {
	border-radius: 8px;
	border: none;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
	padding: 12px 16px;
}

/* ============================================
   6. DASHBOARD PAGE SPECIFIC STYLING
   ============================================ */

/* Dashboard Summary Boxes - Clean Professional Design */
.pts-container #content .pts-dash-box {
	width: 100%;
	border-radius: 8px;
	color: #444;
	font-size: 14px;
	text-align: center;
	margin-bottom: 30px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	transition: all 0.3s ease;
	background: #ffffff;
	border: 1px solid #e9ecef;
}

.pts-container #content .pts-dash-box:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
	border-color: #23a1d1;
}

.pts-container #content .pts-dash-box1 {
	background: #ffffff;
	color: #444;
	font-size: 13px;
	font-weight: 600;
	border: 1px solid #e9ecef;
}

.pts-container #content .pts-dash-box1 .pts-box-top {
	background: #f8f9fa;
	color: #444;
	height: 45px;
	padding: 12px 15px;
	font-weight: 600;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #e9ecef;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.pts-container #content .pts-dash-box1 .pts-box-body {
	padding: 35px 15px;
	font-size: 24px;
	font-weight: 700;
	color: #23a1d1;
	min-height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
}

.pts-container #content .pts-dash-box1 .pts-box-bottom {
	background: #f8f9fa;
	color: #666;
	height: 45px;
	padding: 12px 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top: 1px solid #e9ecef;
}

.pts-container #content .pts-box-bottom a {
	color: #23a1d1;
	text-decoration: none;
	font-weight: 500;
	font-size: 13px;
	transition: all 0.3s ease;
}

.pts-container #content .pts-box-bottom a:hover {
	color: #1e91cf;
	text-decoration: underline;
}

/* Dashboard Section Headings */
.pts-container #content .pts-dash-heading {
	font-size: 18px !important;
	border: 1px solid #e0e0e0;
	background: linear-gradient(to bottom, #f8f9fa 0%, #f1f1f1 100%);
	padding: 12px 16px;
	margin-bottom: 15px;
	margin-top: 30px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	color: #495057;
	border-radius: 8px 8px 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.pts-container #content .pts-dash-heading i {
	font-size: 20px;
	margin-right: 8px;
	color: #3498db;
}

.pts-container #content .pts-dash-heading span {
	font-size: 12px;
	color: #6c757d;
	font-weight: normal;
	margin-left: 8px;
}

.pts-container #content .pts-right-link {
	margin-left: auto;
}

.pts-container #content .pts-right-link a {
	background: #23a1d1;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	display: inline-block;
	padding: 6px 12px;
	border-radius: 4px;
	text-decoration: none;
	transition: all 0.3s ease;
}

.pts-container #content .pts-right-link a:hover {
	background: #1e91cf;
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(35, 161, 209, 0.3);
	color: #fff;
	text-decoration: none;
}

/* Dashboard Tables - Modern Table Design */
.pts-container #content .pts-table-responsive {
	width: 100%;
	border-radius: 0 0 8px 8px;
	overflow-x: auto;
	overflow-y: visible;
	-webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	margin-bottom: 30px;
	display: block;
}

.pts-container #content .pts-dash-table {
	width: 100%;
	min-width: 600px; /* Minimum width to prevent too much compression */
	margin-bottom: 0;
	background: #fff;
	border-collapse: collapse;
	display: table;
	table-layout: auto;
}

.pts-container #content .pts-dash-table thead {
	background: linear-gradient(to bottom, #f8f9fa 0%, #e9ecef 100%);
}

.pts-container #content .pts-dash-table thead td {
	padding: 12px 15px;
	font-weight: 600;
	color: #495057;
	border-bottom: 2px solid #dee2e6;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.pts-container #content .pts-dash-table tbody td {
	padding: 12px 15px;
	border-bottom: 1px solid #e9ecef;
	color: #495057;
	font-size: 14px;
}

.pts-container #content .pts-dash-table tbody tr {
	transition: background-color 0.2s ease;
}

.pts-container #content .pts-dash-table tbody tr:hover {
	background-color: #f8f9fa;
}

.pts-container #content .pts-dash-table tbody tr:last-child td {
	border-bottom: none;
}

/* ============================================
   7. RESPONSIVE DESIGN - MOBILE OPTIMIZATIONS
   ============================================ */

/* Tablet and below (≤991px) */
@media (max-width: 991px) {
	/* Stats Cards - 2 per row on tablets */
	.pts-container #content .pts-row .pts-col-md-3 {
		width: 50%;
		max-width: 50%;
		flex: 0 0 50%;
		margin-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	
	.pts-container #content .pts-row .pts-col-md-3:first-child {
		padding-left: 0;
	}
	
	.pts-container #content .pts-row .pts-col-md-3:nth-child(2) {
		padding-right: 0;
	}
	
	.pts-container #content .pts-row .pts-col-md-3:nth-child(3) {
		padding-left: 0;
	}
	
	.pts-container #content .pts-row .pts-col-md-3:last-child {
		padding-right: 0;
	}
	
	.pts-container #content .pts-dash-heading {
		flex-direction: column;
		align-items: flex-start;
	}
	
	.pts-container #content .pts-right-link {
		margin-left: 0;
		margin-top: 8px;
	}
}

/* Mobile devices (≤768px) */
@media (max-width: 768px) {
	/* Stats Cards - Stack vertically on mobile */
	.pts-container #content .pts-row .pts-col-md-3 {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
		margin-bottom: 15px;
		padding-left: 0;
		padding-right: 0;
	}
	
	/* Stats Cards - Better spacing on mobile */
	.pts-container #content .pts-dash-box {
		margin-bottom: 15px;
		border-radius: 10px;
	}
	
	.pts-container #content .pts-dash-box1 .pts-box-top {
		height: 35px;
		padding: 6px 12px;
		font-size: 12px;
	}
	
	.pts-container #content .pts-dash-box1 .pts-box-body {
		padding: 20px 10px;
		font-size: 16px;
		min-height: 50px;
	}
	
	.pts-container #content .pts-dash-box1 .pts-box-bottom {
		height: 35px;
		padding: 6px 12px;
	}
	
	.pts-container #content .pts-box-bottom a {
		font-size: 12px;
	}
	
	/* Dashboard Icon Sections - Stack on mobile */
	.pts-container #content .pts-col-md-4 {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
		margin-bottom: 25px;
		padding-left: 0;
		padding-right: 0;
	}
	
	/* Section Headings - Better mobile typography */
	.pts-container #content .pts-col-md-4 h4 {
		font-size: 16px !important;
		margin-bottom: 15px;
		padding-left: 0;
		padding-right: 0;
	}
	
	/* Heading Bar - Smaller on mobile */
	.pts-container #content .heading-bar {
		width: 50px;
		height: 2px;
		margin-bottom: 20px;
	}
	
	/* Dashboard Card Links - Better touch targets */
	.pts-container #content .pts-col-md-4 > a {
		padding: 14px 16px;
		margin-bottom: 10px;
		border-radius: 10px;
		min-height: 60px;
		display: flex;
		align-items: center;
	}
	
	/* Icons - Slightly smaller on mobile */
	.pts-container #content .sellerAccountImg {
		width: 44px;
		height: 44px;
		margin-left: 12px;
		margin-right: 0;
		padding: 8px;
	}
	
	/* Icon Text - Better mobile readability */
	.pts-container #content .icons-text {
		font-size: 14px;
		line-height: 1.4;
	}
	
	/* Badge Counters - Better positioning on mobile */
	.pts-container #content .pts-counting-1,
	.pts-container #content .pts-counting-2 {
		left: 16px;
		right: auto;
		font-size: 11px;
		height: 22px;
		min-width: 22px;
		padding: 3px 8px;
		line-height: 16px;
	}
	
	/* Page Header - Mobile adjustments */
	.pts-container #content .page-header {
		margin-bottom: 20px;
		padding-left: 0;
		padding-right: 0;
	}
	
	.pts-container #content .page-header h1 {
		font-size: 22px !important;
		margin-bottom: 8px;
	}
	
	/* Container-fluid - Remove padding on mobile */
	.pts-container #content .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
	
	/* Tables - Horizontal scroll on mobile */
	.pts-container #content .pts-table-responsive {
		overflow-x: auto;
		overflow-y: visible;
		-webkit-overflow-scrolling: touch;
		display: block;
		width: 100%;
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 15px;
		border-radius: 0;
	}
	
	.pts-container #content .pts-dash-table {
		min-width: 600px;
		width: 100%;
	}
	
	.pts-container #content .pts-dash-table thead td {
		padding: 10px 12px;
		font-size: 12px;
		white-space: nowrap;
	}
	
	.pts-container #content .pts-dash-table tbody td {
		padding: 10px 12px;
		font-size: 13px;
		white-space: nowrap;
	}
}

/* Small mobile devices (≤480px) */
@media (max-width: 480px) {
	/* Stats Cards - Even more compact */
	.pts-container #content .pts-dash-box1 .pts-box-top {
		height: 32px;
		padding: 5px 10px;
		font-size: 11px;
	}
	
	.pts-container #content .pts-dash-box1 .pts-box-body {
		padding: 15px 8px;
		font-size: 14px;
		min-height: 45px;
	}
	
	.pts-container #content .pts-dash-box1 .pts-box-bottom {
		height: 32px;
		padding: 5px 10px;
	}
	
	.pts-container #content .pts-box-bottom a {
		font-size: 11px;
		padding: 4px 8px;
	}
	
	/* Dashboard Card Links - More compact */
	.pts-container #content .pts-col-md-4 > a {
		padding: 12px 14px;
		margin-bottom: 8px;
		min-height: 55px;
	}
	
	/* Icons - Smaller on very small screens */
	.pts-container #content .sellerAccountImg {
		width: 40px;
		height: 40px;
		margin-left: 10px;
		padding: 7px;
	}
	
	/* Icon Text - Smaller font */
	.pts-container #content .icons-text {
		font-size: 13px;
	}
	
	/* Section Headings - Smaller */
	.pts-container #content .pts-col-md-4 h4 {
		font-size: 15px !important;
		margin-bottom: 12px;
	}
	
	/* Page Header - Smaller */
	.pts-container #content .page-header h1 {
		font-size: 20px !important;
	}
	
	/* Badge Counters - Smaller */
	.pts-container #content .pts-counting-1,
	.pts-container #content .pts-counting-2 {
		left: 14px;
		font-size: 10px;
		height: 20px;
		min-width: 20px;
		padding: 2px 6px;
	}
	
	/* Tables - Even more compact on small screens */
	.pts-container #content .pts-table-responsive {
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.pts-container #content .pts-dash-table {
		min-width: 500px;
		font-size: 12px;
	}
	
	.pts-container #content .pts-dash-table thead td {
		padding: 8px 10px;
		font-size: 11px;
	}
	
	.pts-container #content .pts-dash-table tbody td {
		padding: 8px 10px;
		font-size: 12px;
	}
}

/* ============================================
   Modern Messaging Interface (Seller Enquiries)
   ============================================ */

/* Messages Container */
.pts-messages-container {
	background: #ffffff;
	border: 1px solid #e9ecef;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
	margin-bottom: 30px;
	overflow: hidden;
}

.pts-messages-header {
	background: linear-gradient(135deg, #1e3a5f 0%, #2a4d7a 100%);
	color: #ffffff;
	padding: 20px 25px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.pts-messages-header h3 {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 10px;
}

.pts-messages-header h3 i {
	color: #ffc107;
}

/* Messages List */
.pts-messages-list {
	max-height: 600px;
	overflow-y: auto;
	padding: 25px;
	background: #f8f9fa;
}

.pts-messages-list::-webkit-scrollbar {
	width: 8px;
}

.pts-messages-list::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 4px;
}

.pts-messages-list::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 4px;
}

.pts-messages-list::-webkit-scrollbar-thumb:hover {
	background: #a8a8a8;
}

/* Message Item */
.pts-message-item {
	margin-bottom: 20px;
	display: flex;
	animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Admin Messages (from admin) */
.pts-message-admin {
	justify-content: flex-start;
}

.pts-message-admin .pts-message-bubble {
	background: #ffffff;
	border: 1px solid #e0e0e0;
	border-left: 4px solid #23a1d1;
	max-width: 75%;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Seller Messages (from seller) */
.pts-message-seller {
	justify-content: flex-end;
}

.pts-message-seller .pts-message-bubble {
	background: linear-gradient(135deg, #1e3a5f 0%, #2a4d7a 100%);
	color: #ffffff;
	border: none;
	max-width: 75%;
	box-shadow: 0 2px 6px rgba(30, 58, 95, 0.2);
}

/* Message Bubble */
.pts-message-bubble {
	border-radius: 12px;
	padding: 15px 20px;
	position: relative;
	word-wrap: break-word;
}

.pts-message-content {
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 8px;
	color: inherit;
}

.pts-message-seller .pts-message-content {
	color: #ffffff;
}

.pts-message-admin .pts-message-content {
	color: #333333;
}

.pts-message-time {
	font-size: 12px;
	opacity: 0.7;
	display: flex;
	align-items: center;
	gap: 5px;
	margin-top: 8px;
}

.pts-message-time i {
	font-size: 11px;
}

/* No Messages State */
.pts-no-messages {
	text-align: center;
	padding: 60px 20px;
	color: #6c757d;
}

.pts-no-messages i {
	font-size: 48px;
	color: #dee2e6;
	margin-bottom: 15px;
	display: block;
}

.pts-no-messages p {
	font-size: 16px;
	margin: 0;
}

/* Pagination */
.pts-messages-pagination {
	padding: 15px 25px;
	background: #ffffff;
	border-top: 1px solid #e9ecef;
}

/* Send Message Container */
.pts-send-message-container {
	background: #ffffff;
	border: 1px solid #e9ecef;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
	padding: 25px;
}

.pts-message-form {
	margin: 0;
}

.pts-form-label {
	font-weight: 600;
	color: #333333;
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
}

.pts-form-label i {
	color: #23a1d1;
}

.pts-message-textarea {
	width: 100%;
	border: 2px solid #e9ecef;
	border-radius: 8px;
	padding: 15px;
	font-size: 15px;
	line-height: 1.6;
	resize: vertical;
	min-height: 120px;
	transition: all 0.3s ease;
	font-family: inherit;
}

.pts-message-textarea:focus {
	outline: none;
	border-color: #23a1d1;
	box-shadow: 0 0 0 3px rgba(35, 161, 209, 0.1);
}

.pts-message-textarea::placeholder {
	color: #adb5bd;
}

.pts-error-message {
	color: #dc3545;
	font-size: 14px;
	margin-top: 8px;
	display: flex;
	align-items: center;
	gap: 6px;
}

.pts-error-message i {
	font-size: 14px;
}

.pts-form-actions {
	margin-top: 20px;
	display: flex;
	justify-content: flex-end;
}

.pts-btn-send {
	padding: 12px 30px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 8px;
	background: linear-gradient(135deg, #1e3a5f 0%, #2a4d7a 100%);
	border: none;
	color: #ffffff;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	gap: 8px;
	box-shadow: 0 2px 6px rgba(30, 58, 95, 0.2);
}

.pts-btn-send:hover {
	background: linear-gradient(135deg, #2a4d7a 0%, #1e3a5f 100%);
	box-shadow: 0 4px 12px rgba(30, 58, 95, 0.3);
	transform: translateY(-1px);
}

.pts-btn-send:active {
	transform: translateY(0);
}

.pts-btn-send i {
	font-size: 14px;
}

/* Responsive Design for Messages */
@media (max-width: 768px) {
	.pts-messages-list {
		padding: 15px;
		max-height: 400px;
	}
	
	.pts-message-bubble {
		max-width: 85% !important;
		padding: 12px 16px;
	}
	
	.pts-message-content {
		font-size: 14px;
	}
	
	.pts-message-time {
		font-size: 11px;
	}
	
	.pts-send-message-container {
		padding: 20px;
	}
	
	.pts-message-textarea {
		min-height: 100px;
		font-size: 14px;
	}
	
	.pts-btn-send {
		padding: 10px 24px;
		font-size: 15px;
		width: 100%;
		justify-content: center;
	}
	
	.pts-messages-header {
		padding: 15px 20px;
	}
	
	.pts-messages-header h3 {
		font-size: 18px;
	}
}

@media (max-width: 480px) {
	.pts-messages-list {
		padding: 12px;
		max-height: 350px;
	}
	
	.pts-message-bubble {
		max-width: 90% !important;
		padding: 10px 14px;
	}
	
	.pts-message-content {
		font-size: 13px;
	}
	
	.pts-message-time {
		font-size: 10px;
	}
	
	.pts-send-message-container {
		padding: 15px;
	}
	
	.pts-message-textarea {
		min-height: 90px;
		font-size: 13px;
		padding: 12px;
	}
	
	.pts-btn-send {
		padding: 10px 20px;
		font-size: 14px;
	}
}

/* ============================================
   Customer Contact List (Contact Cards)
   ============================================ */

/* Contacts Container */
.pts-contacts-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 30px;
}

/* Contact Card */
.pts-contact-card {
	background: #ffffff;
	border: 1px solid #e9ecef;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
	transition: all 0.3s ease;
	overflow: hidden;
}

.pts-contact-card:hover {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}

.pts-contact-card.pts-contact-unread {
	border-left: 4px solid #23a1d1;
	background: linear-gradient(to right, rgba(35, 161, 209, 0.02) 0%, #ffffff 4%);
}

/* Contact Header */
.pts-contact-header {
	display: flex;
	align-items: center;
	padding: 20px 25px;
	border-bottom: 1px solid #f0f0f0;
	gap: 15px;
}

.pts-contact-avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: linear-gradient(135deg, #1e3a5f 0%, #2a4d7a 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 20px;
	flex-shrink: 0;
	box-shadow: 0 2px 6px rgba(30, 58, 95, 0.2);
}

.pts-contact-info {
	flex: 1;
	min-width: 0;
}

.pts-contact-name {
	margin: 0 0 5px 0;
	font-size: 18px;
	font-weight: 600;
	color: #333333;
	display: flex;
	align-items: center;
	gap: 10px;
}

.pts-badge-unread {
	background: #23a1d1;
	color: #ffffff;
	font-size: 11px;
	font-weight: 600;
	padding: 3px 8px;
	border-radius: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.pts-contact-email {
	margin: 0;
	font-size: 14px;
	color: #6c757d;
	display: flex;
	align-items: center;
	gap: 6px;
}

.pts-contact-email i {
	color: #23a1d1;
	font-size: 12px;
}

.pts-contact-actions {
	flex-shrink: 0;
}

.pts-btn-view {
	padding: 10px 20px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 8px;
	background: linear-gradient(135deg, #1e3a5f 0%, #2a4d7a 100%);
	border: none;
	color: #ffffff;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all 0.3s ease;
	box-shadow: 0 2px 6px rgba(30, 58, 95, 0.2);
}

.pts-btn-view:hover {
	background: linear-gradient(135deg, #2a4d7a 0%, #1e3a5f 100%);
	box-shadow: 0 4px 12px rgba(30, 58, 95, 0.3);
	transform: translateY(-1px);
	color: #ffffff;
	text-decoration: none;
}

.pts-btn-view i {
	font-size: 13px;
}

/* Contact Body */
.pts-contact-body {
	padding: 20px 25px;
}

.pts-contact-message {
	margin-bottom: 15px;
}

.pts-contact-message p {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	color: #555555;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pts-contact-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 15px;
	border-top: 1px solid #f0f0f0;
}

.pts-contact-date {
	font-size: 13px;
	color: #6c757d;
	display: flex;
	align-items: center;
	gap: 6px;
}

.pts-contact-date i {
	color: #adb5bd;
	font-size: 12px;
}

/* Pagination */
.pts-contacts-pagination {
	margin-top: 30px;
	padding: 20px;
	background: #ffffff;
	border: 1px solid #e9ecef;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* Empty State */
.pts-empty-contacts {
	text-align: center;
	padding: 80px 20px;
	background: #ffffff;
	border: 1px solid #e9ecef;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.pts-empty-icon {
	margin-bottom: 20px;
}

.pts-empty-icon i {
	font-size: 64px;
	color: #dee2e6;
}

.pts-empty-contacts h3 {
	margin: 0 0 10px 0;
	font-size: 24px;
	font-weight: 600;
	color: #333333;
}

.pts-empty-contacts p {
	margin: 0;
	font-size: 16px;
	color: #6c757d;
}

/* Responsive Design for Contact List */
@media (max-width: 768px) {
	.pts-contact-header {
		flex-wrap: wrap;
		padding: 15px 20px;
	}
	
	.pts-contact-avatar {
		width: 45px;
		height: 45px;
		font-size: 18px;
	}
	
	.pts-contact-name {
		font-size: 16px;
	}
	
	.pts-contact-actions {
		width: 100%;
		margin-top: 10px;
	}
	
	.pts-btn-view {
		width: 100%;
		justify-content: center;
	}
	
	.pts-contact-body {
		padding: 15px 20px;
	}
	
	.pts-contact-message p {
		font-size: 14px;
		-webkit-line-clamp: 2;
	}
}

@media (max-width: 480px) {
	.pts-contacts-container {
		gap: 15px;
	}
	
	.pts-contact-card {
		border-radius: 8px;
	}
	
	.pts-contact-header {
		padding: 12px 15px;
	}
	
	.pts-contact-avatar {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}
	
	.pts-contact-name {
		font-size: 15px;
	}
	
	.pts-contact-email {
		font-size: 13px;
	}
	
	.pts-contact-body {
		padding: 12px 15px;
	}
	
	.pts-contact-message p {
		font-size: 13px;
	}
	
	.pts-contact-date {
		font-size: 12px;
	}
	
	.pts-btn-view {
		padding: 8px 16px;
		font-size: 13px;
	}
	
	.pts-empty-contacts {
		padding: 60px 15px;
	}
	
	.pts-empty-icon i {
		font-size: 48px;
	}
	
	.pts-empty-contacts h3 {
		font-size: 20px;
	}
	
	.pts-empty-contacts p {
		font-size: 14px;
	}
}

/* ============================================
   Bulk Product Upload - Button Improvements
   ============================================ */

/* Modern Button Styling */
.pts-btn-export,
.pts-btn-import,
.pts-btn-update {
	padding: 12px 24px;
	font-size: 15px;
	font-weight: 600;
	border-radius: 8px;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
	width: 100%;
	justify-content: center;
}

.pts-btn-export {
	background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
	color: #ffffff;
}

.pts-btn-export:hover {
	background: linear-gradient(135deg, #20c997 0%, #28a745 100%);
	box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
	transform: translateY(-1px);
	color: #ffffff;
}

.pts-btn-import {
	background: linear-gradient(135deg, #1e3a5f 0%, #2a4d7a 100%);
	color: #ffffff;
}

.pts-btn-import:hover {
	background: linear-gradient(135deg, #2a4d7a 0%, #1e3a5f 100%);
	box-shadow: 0 4px 12px rgba(30, 58, 95, 0.3);
	transform: translateY(-1px);
	color: #ffffff;
}

.pts-btn-update {
	background: linear-gradient(135deg, #23a1d1 0%, #1e8bb8 100%);
	color: #ffffff;
}

.pts-btn-update:hover {
	background: linear-gradient(135deg, #1e8bb8 0%, #23a1d1 100%);
	box-shadow: 0 4px 12px rgba(35, 161, 209, 0.3);
	transform: translateY(-1px);
	color: #ffffff;
}

.pts-btn-export i,
.pts-btn-import i,
.pts-btn-update i {
	font-size: 16px;
}

.pts-btn-export:active,
.pts-btn-import:active,
.pts-btn-update:active {
	transform: translateY(0);
}

/* Template Download Link */
.pts-template-link {
	color: #23a1d1;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	transition: all 0.2s ease;
}

.pts-template-link:hover {
	color: #1e8bb8;
	text-decoration: none;
}

.pts-template-link i {
	font-size: 18px;
	color: #28a745;
}

/* File Input Styling - Enhanced Visibility */
.pts-file-input-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	border: 2px solid #dee2e6;
	border-radius: 8px;
	background: #ffffff;
	transition: all 0.3s ease;
	min-height: 50px;
}

.pts-file-input-wrapper:hover {
	border-color: #23a1d1;
	box-shadow: 0 2px 8px rgba(35, 161, 209, 0.1);
}

.pts-file-input-wrapper.pts-file-error {
	border-color: #dc3545;
	background: #fff5f5;
	animation: shake 0.3s;
}

@keyframes shake {
	0%, 100% { transform: translateX(0); }
	25% { transform: translateX(-5px); }
	75% { transform: translateX(5px); }
}

.ptsc-bulk-heimar {
	position: absolute;
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	z-index: -1;
}

.pts-file-input-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	background: linear-gradient(135deg, #1e3a5f 0%, #2a4d7a 100%);
	color: #ffffff;
	border-radius: 6px;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	transition: all 0.3s ease;
	white-space: nowrap;
	flex-shrink: 0;
}

.pts-file-input-label:hover {
	background: linear-gradient(135deg, #2a4d7a 0%, #1e3a5f 100%);
	box-shadow: 0 4px 12px rgba(30, 58, 95, 0.3);
	transform: translateY(-1px);
}

.pts-file-input-label:active {
	transform: translateY(0);
}

.pts-file-input-label i {
	font-size: 16px;
}

.pts-file-name {
	flex: 1;
	color: #6c757d;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 8px;
}

.pts-file-name.pts-file-selected {
	color: #28a745;
	font-weight: 500;
}

.pts-file-name.pts-file-selected::before {
	content: '\f00c';
	font-family: 'FontAwesome';
	margin-right: 6px;
	color: #28a745;
}

/* Responsive File Input */
@media (max-width: 768px) {
	.pts-file-input-wrapper {
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}
	
	.pts-file-input-label {
		width: 100%;
		justify-content: center;
	}
	
	.pts-file-name {
		text-align: center;
		padding: 8px 0;
	}
}

/* Responsive Button Styling */
@media (max-width: 768px) {
	.pts-btn-export,
	.pts-btn-import,
	.pts-btn-update {
		padding: 10px 20px;
		font-size: 14px;
	}
	
	.pts-btn-export i,
	.pts-btn-import i,
	.pts-btn-update i {
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	.pts-btn-export,
	.pts-btn-import,
	.pts-btn-update {
		padding: 8px 16px;
		font-size: 13px;
		gap: 6px;
	}
}

/* Button Loader States */
.pts-btn-export:disabled,
.pts-btn-import:disabled,
.pts-btn-update:disabled,
.pts-btn-export.pts-btn-processing,
.pts-btn-import.pts-btn-processing,
.pts-btn-update.pts-btn-processing {
	opacity: 0.7;
	cursor: not-allowed;
	pointer-events: none;
}

.pts-btn-loader {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.pts-btn-loader i.fa-spinner {
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.pts-btn-processing {
	position: relative;
}

.pts-btn-processing::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 8px;
	pointer-events: none;
}