/*.nav-header {
    background: #525252 !important;
    padding: 5px !important;
    -webkit-border-radius: 5px  !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
}
*/

#all-services-table td.description span {
	display: inline-block;
	max-width: 250px;
}

span.mandatory-star {
	color : red !important;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	top:+5px;
}
.add-masterdata-link {
	font-size:12px;
	font-weight:bold;
	margin-bottom:.5rem;
	color : #ff0000;
}


.form-control.chosen-select-lg {
	display:inline-block !important;
	width: 1px;
	height: 1px;
	position: relative;
	top: 50px;
}

.order-count {
	font-size:12px;
	font-weight: bold;
	color : white;
}

.nav-link.active .order-count {
	color:red;
}



.sap-details > div {
	flex-grow: 1;
	flex-basis: 0;
}

.chosen-results {
	/*overflow-x:scroll !important;*/
}
.chosen-results li{
	white-space: pre-wrap !important;
}
.onlyprint {
	display : none;
}

@media print {
	.onlyprint {
		display : inline-block;
	}
}

.product-attr-row:hover {
	background : #f2f2f2;
}
.preloader li {
	display : none;
}

.main-product-image.featured {
	border : 5px solid gold;
}

.fright {
	float:right !important;
}


.fleft {
	float:right !important;
}

#local-shipping-rates-index th, #local-shipping-rates-index td {
	font-size : 15px;
}

div.message {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:5px;
	margin-top:5px;
}

form div.error-message {
	color: red;
	padding: 5px 0px;
	font-weight: bold;
}

.message.success, .message.error{
	/*display:none;*/
	/* Need to show the error to the user in a prominent way */
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
	scrollbar-width: thin;
	scrollbar-color: #0164a2 #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 8px;
}

*::-webkit-scrollbar-track {
	background: #ffffff;
}

*::-webkit-scrollbar-thumb {
	background-color: #0164a2;
	border-radius: 5px;
	border: 0px none #ffffff;
	}/* End of scrollbar */

	.sidebar {
		padding : 0px;
	}
	.layout-fixed .wrapper .sidebar {
		height : auto;
	}

	.main-sidebar {
		overflow-y : scroll;
	}
	a {
		color : #0164a2;
	}
	p {
		width:100%;
	}
	img {
		/* In style.css also this rule is there */
		max-width: 100%;
	}

	a.brand-link {
		max-width: 100%;
		overflow: hidden;
	}
	.brand-link .brand-image {
		/*width: 100%;*/
		max-width: 200px;
		max-height: 75px;
		background-color: #fff;
		padding:2px;
	}

	.hidden {
		display: none !important;
	}

	@media print {
		.noprint {
			display : none !important;
		}    
	}

	.nav-link {
		padding: .2rem 1rem;
		font-size:15px;
	}

	label{
		font-size: 12px;

		color: #17a2b8;

		/*font-weight: 400 !important;*/
	}


	.main-footer{
		font-size: 13px;
		padding: 10px 20px;
	}

	.backend-img-preview{
		height: 50px;
		border: 1px solid #ddd;
		padding: 5px;
		border-radius: 5px;
		margin-top:20px;
	}

	.input-guidelines{
		font-size: 13px;
		font-style: italic;
	}

	.product-list-item .product-thumb img{
		max-width: 100%;
		width:100px;
	}

	img {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	.product-list-item .product-id {
		font-size:12px;
		/*font-weight: bold;*/
	}

	.nopadding {
		padding:0px !important;
	}

	.product-categories {
		font-size:12px;
	}

	.brand-make-model div {
		/*margin-right:25px;*/
		font-size: 12px;
	}

	.product-actions .btn.btn-block {
		margin-top:2px;
		margin-left:2px;
	}


	.breadcrumb {
		padding: 8px 15px;
		margin-bottom: 20px;
		list-style: none;
		background-color: #f5f5f5;
		border-radius: 4px;
	}
	.breadcrumb > li {
		display: inline-block;
	}
	.breadcrumb > li + li:before {
		content: "/\00a0";
		padding: 0 5px;
		color: #cccccc;
	}
	.breadcrumb > .active {
		color: #777777;
	}

	.paginator{
		font-size:13px;
	}

	.paginator p {
		font-size:12px;
	}
	.pagination {
		display: inline-block;
		padding-left: 0;
		margin: 20px 0;
		border-radius: 4px;
	}
	.pagination > li {
		display: inline;
	}
	.pagination > li > a,
	.pagination > li > span {
		position: relative;
		float: left;
		padding: 6px 12px;
		line-height: 1.42857143;
		text-decoration: none;
		color: #337ab7;
		background-color: #ffffff;
		border: 1px solid #dddddd;
		margin-left: -1px;
	}
	.pagination > li:first-child > a,
	.pagination > li:first-child > span {
		margin-left: 0;
		border-bottom-left-radius: 4px;
		border-top-left-radius: 4px;
	}
	.pagination > li:last-child > a,
	.pagination > li:last-child > span {
		border-bottom-right-radius: 4px;
		border-top-right-radius: 4px;
	}
	.pagination > li > a:hover,
	.pagination > li > span:hover,
	.pagination > li > a:focus,
	.pagination > li > span:focus {
		z-index: 2;
		color: #17a2b8 !important;
		background-color: #eeeeee;
		border-color: #dddddd;
	}
	.pagination > .active > a,
	.pagination > .active > span,
	.pagination > .active > a:hover,
	.pagination > .active > span:hover,
	.pagination > .active > a:focus,
	.pagination > .active > span:focus {
		z-index: 3;
		color: #ffffff;
		background-color: #17a2b8 !important;
		border-color: #17a2b8 !important;
		cursor: default;
	}
	.pagination > .disabled > span,
	.pagination > .disabled > span:hover,
	.pagination > .disabled > span:focus,
	.pagination > .disabled > a,
	.pagination > .disabled > a:hover,
	.pagination > .disabled > a:focus {
		color: #777777;
		background-color: #ffffff;
		border-color: #dddddd;
		cursor: not-allowed;
	}
	.pagination-lg > li > a,
	.pagination-lg > li > span {
		padding: 10px 16px;
		font-size: 18px;
		line-height: 1.3333333;
	}
	.pagination-lg > li:first-child > a,
	.pagination-lg > li:first-child > span {
		border-bottom-left-radius: 6px;
		border-top-left-radius: 6px;
	}
	.pagination-lg > li:last-child > a,
	.pagination-lg > li:last-child > span {
		border-bottom-right-radius: 6px;
		border-top-right-radius: 6px;
	}
	.pagination-sm > li > a,
	.pagination-sm > li > span {
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
	}
	.pagination-sm > li:first-child > a,
	.pagination-sm > li:first-child > span {
		border-bottom-left-radius: 3px;
		border-top-left-radius: 3px;
	}
	.pagination-sm > li:last-child > a,
	.pagination-sm > li:last-child > span {
		border-bottom-right-radius: 3px;
		border-top-right-radius: 3px;
	}

	body {
		font-family :  Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	}

	.fa-info-circle:before {
		content: "\f05a";
		color: #1ec4de;
		font-size: 15px;
	}

	.form-control-sm{
		font-size: 13px;
	}

	.card.card-outline-tabs .card-header a {
		font-size: 14px;
	}

	.fixed-card-footer{
		margin-left: -1.25em;
		margin-right: -1.25em;
		margin-bottom: -1.25em;
	}

	.wrapper-fxc-footer{
		padding-left:0;
		padding-right:0;
	}

	.white-text{
		color:#fff !important;
	}

	#main-benner-sorting-area img{
		border-radius:5px;
		width: 100%;
	}



	.index-cell-heading{
		margin-bottom: 0;
		font-style: italic;
		color: #8a8888;
	}

	.index-cell-desc{
		font-size:14px;
	}


	.product-list-item .product-images .product-image, .product-list-item .attr-product-images .product-image {
		width:50px;
		margin-right:10px;
	}

	.product-list-item .product-images .product-image img.thumb, .product-list-item .attr-product-images .product-image img.thumb{
		width:50px;
	}

	.product-list-item .product-images .product-image img.action, .product-list-item .attr-product-images .product-image img.action{
		width:13px;
	}





	img.default-product-image {
		border:2px solid saddlebrown;
	}

	.product-saps {
		font-size:12px;
	}
	.product-saps .sap-details > div{
		padding:5px;
	}

	.product-saps .sap-name{
		font-size:12px;
		font-weight: bold;
		padding-left:10px;
	}
	.product-saps .sap-image img {
		width:75px;
	}

	.sap-table th, .sap-table td {
		padding:5px;
	}

	#product-search label {
		width:100%;
		display:block;
		margin-bottom: 0px;
		margin-top:10px;
	}


	.product-thumb .vendor-name-link a{
		font-size: 12px;
		font-weight: bold;
		color: #476b00;
	}

	.dropdown-item:focus, .dropdown-item:hover {
		background-color: #f1f1f1;
	}

	.banner-sort-action-buttons-wrapper span, .banner-sort-action-buttons-wrapper a {
		margin-top:2px !important;
		margin-left:2px;
	}

	.table-sm-fonts{
		font-size: 13px;
	}

	.content-header .breadcrumb{
		font-size:14px;
	}

	.master-data-action-buttons button, .master-data-action-buttons input {
		margin-top:2px;
		margin-left:10px;
	}

	.fa-exclamation-triangle:before {
		color: #ffb341;
		font-size: 15px;
	}

	.credit-info{
		font-style:italic;
		font-size:15px;
	}

	.custom-control {
		position: relative;
		z-index: 1;
		display: block;
		min-height: 1.5rem;
		padding-left: 2rem;
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
	}

	.custom-control-input {
		position: absolute;
		left: 0;
		z-index: -1;
		width: 1rem;
		height: 1.25rem;
		opacity: 0;
	}

	.custom-control-label{
		position: relative;
		margin-bottom: 0;
		vertical-align: top;
		line-height: 26px;
	}
	.pg-sub-heading{
		font-size:18px;
	}

	.badge{
		padding: 3px 5px;
		line-height: 14px
	}

	#service-purchase .badge{
		font-size:13px;
	}

	#service-purchase .discount{
		text-decoration: line-through;
		color:red;
	}

	.navbar-nav .dropdown-menu{
		font-size:14px;
	}

	.table thead th{
		vertical-align:top;
	}

	.my-sales-page .chosen-container{
		width:100% !important;
	}

	.my-sales-page label{
		width: 100%;
	}

	.my-sales-page .chosen-choices{
		border-radius: 4px;
		border: 1px solid #ddd !important;
		background-image: none !important;
		line-height: 28px;
	}

	.datepicker-dropdown{
		font-size: 13px;
		padding: 15px;
		line-height: 26px;
	}

	.order-table-left-buyer-table{
		font-size: 13px;
	}

	.order-table-left-headings{
		background: #efefef;
		font-weight: bold;
		padding: 10px;
	}

	.order-table-left-buyer-table th{
		border-bottom:none !important;
	}

	.order-edit-input{
		border: 1px solid #afa100;
		border-radius:4px;
	}

	#stock-report .chosen-default{
		height:30px;
	}


	.ekko-lightbox .modal-title {
		font-size : 15px;
	}


	.sidebar .nav-header{
		border-top: 1px solid #4a4e52;
		/* border-bottom: 1px solid #4a4e52; */
		margin: 10px 0;
		background: #3c4248;
		padding-left: 22px;
		font-weight: 600;
		font-size: 13px;
		text-decoration: none !important;
		padding-top: 4px;
		padding-bottom: 4px;
		color: #d5d5d5;
	}

	.main-header.navbar-light .navbar-nav .show>.nav-link{
		color:rgba(0,0,0,.5)
	}

	.enquiry-viewed{
		background:#fff;
	}
	.enquiry-not-viewed{
		background:#eff8f9;
	}
	

	/** CHOSEN BOOTSTRAP */
	select.form-control + .chosen-container.chosen-container-single .chosen-single {
		display: block;
		width: 100%;
		height: 31px;
		/*padding: 6px 12px;*/
		padding: .25rem .5rem;
		font-size: 13px;
		/*line-height: 1.428571429;*/
		line-height: 1.5;
		color: #555;
		vertical-align: middle;
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
		-webkit-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;
		background-image:none;
	}

	select.form-control + .chosen-container.chosen-container-single .chosen-single.chosen-default {
		color: #8d8d8d;
	}


	select.form-control + .chosen-container.chosen-container-single .chosen-single div {
		top:4px;
		color:#000;
	}

	select.form-control + .chosen-container .chosen-drop {
		background-color: #FFF;
		border: 1px solid #CCC;
		border: 1px solid rgba(0, 0, 0, 0.15);
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
		background-clip: padding-box;
		margin: 2px 0 0;

	}

	select.form-control + .chosen-container .chosen-search input[type=text] {
		display: block;
		width: 100%;
		height: 34px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.428571429;
		color: #555;
		vertical-align: middle;
		background-color: #FFF;
		border: 1px solid #CCC;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
		transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
		background-image:none;
	}

	select.form-control + .chosen-container .chosen-results {
		margin: 2px 0 0;
		padding: 5px 0;
		font-size: 13px;
		list-style: none;
		background-color: #fff;
		margin-bottom: 5px;
	}

	select.form-control + .chosen-container .chosen-results li , 
	select.form-control + .chosen-container .chosen-results li.active-result {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: normal;
		line-height: 1.428571429;
		color: #333;
		white-space: nowrap;
		background-image:none;
	}
	select.form-control + .chosen-container .chosen-results li:hover, 
	select.form-control + .chosen-container .chosen-results li.active-result:hover,
	select.form-control + .chosen-container .chosen-results li.highlighted
	{
		color: #FFF;
		text-decoration: none;
		background-color: #428BCA;
		background-image:none;
	}

	select.form-control + .chosen-container-multi .chosen-choices {
		display: block;
		width: 100%;
		min-height: 34px;
		padding: 6px;
		font-size: 14px;
		line-height: 1.428571429;
		color: #555;
		vertical-align: middle;
		background-color: #FFF;
		border: 1px solid #CCC;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
		transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
		background-image:none;
	}

	select.form-control + .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
		height:auto;
		padding:5px 0;
	}

	select.form-control + .chosen-container-multi .chosen-choices li.search-choice {

		background-image: none;
		padding: 3px 24px 3px 5px;
		margin: 0 6px 0 0;
		font-size: 14px;
		font-weight: normal;
		line-height: 1.428571429;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		cursor: pointer;
		border: 1px solid #ccc;
		border-radius: 4px;
		color: #333;
		background-color: #FFF;
		border-color: #CCC;
	}

	select.form-control + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
		top:8px;
		right:6px;
	}

	select.form-control + .chosen-container-multi.chosen-container-active .chosen-choices,
	select.form-control + .chosen-container.chosen-container-single.chosen-container-active .chosen-single,
	select.form-control + .chosen-container .chosen-search input[type=text]:focus{
		border-color: #66AFE9;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(102, 175, 233, 0.6);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(102, 175, 233, 0.6);
	}

	select.form-control + .chosen-container-multi .chosen-results li.result-selected{
		display: list-item;
		color: #ccc;
		cursor: default;
		background-color: white;
	}

	/** END OF CHOSEN BOOTSTRAP */

	.todo-list>li .text{
		font-size:12px;
	}

	
	.todo-list .fa-check-circle:before{
		color:#4acd4a;
	}

	.todo-list .fa-star-half-alt:before {
		color: #ffb341;
	}

	.todo-list .fa-exclamation-triangle:before {
		color: #ff176d;
	}

	.todo-status-text{
		font-weight: normal;
		font-style: italic;
		color: #a3a3a3;
		font-size:11px !important;
		letter-spacing: 1px;
	}

	.todo-icon{
		vertical-align:top;
	}

	.todo-list>li{
		padding:2px;
	}