/*Custom Stylesheet*/
@import
	url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap')
	;

html, body {
	font-weight: 400;
	background: #f5f6f8 !important;
	font-family: 'Open Sans', sans-serif;
}

.three-grid{
	display:grid;
	grid-template-columns:32% 32% 32%;
	grid-column-gap:2%;
}
#example3 tr td,#example3 tr th{
	text-align:left;
}
.pleord .dropdown-toggle::after{
	margin-right:0px;
}
.refresh-category-grid{
	    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-column-gap: 2%;
    grid-row-gap:15px;
}
.products-btns a{
	width:168px;
}
.signature-section{
	background-color:white;
}

.max-right{
	max-width: 255px;
    margin-left: auto;
}
.ref-delivery{
	padding-top: 15px; 
	height: 20px;
	 cursor: pointer; 
	padding-right: 0px;
	margin-left: 22px;
}

header {
	background: #fff;
}

.tit-name{
	min-width:100px;
}
.preview-search{
	display:grid;
	grid-template-columns:auto auto;
	
}
.plusminus-grid{
display: grid;grid-template-columns: auto auto auto;grid-column-gap:5px;align-items:center;
}
.input-tds input{
width:60px;
}

#sign canvas {
    height:120px;
    width:300px;
}
.status-div{
	text-align:right;
}
.select-place-grid{
display: grid; 
grid-template-columns: 49% 49%; grid-column-gap: 2%;
}
.place-input-order{
	display:grid;
	grid-template-columns:49% 49%;
	grid-column-gap:1%;
}
.place-input-order .search  input{
	width:100% !important;
	min-width: 100px !important;
    max-width: 300px;
}
.place-input-order .search  {
	width:100% !important;
	min-width: 100px !important;
    max-width: 300px;	
}
.delivery-table .pl-tbody .order-btn a button{
		margin:0px;
	}
	.puchase-table .pl-tbody .order-btn a button{
		margin:0px;
	}
.deltable td select{
	min-width:50px;
}
.deltable thead th{
	background:white;
}
.deltable {
	background:white;
	text-align:center;
}
.buy-back{
	position:absolute;
	top: 0px !important;
    right: 0 !important;
}
.buy-back .default-btn {
	text-align: center;
    margin-left: auto;
    position: relative  !important;
    display:block !important;
    top: 0px !important;
    right: 0 !important;
}
.head-grid .top-nav {
	position: relative;
}
.wid-25px{
	max-width:25px !important;
	width:25px !important;
}
.wid-25px i{
	font-size:18px;
}

.generate-table tbody td{
	padding:8px 0px;
}
.generate-table thead th{
	font-weight:600;
	background-color: #ccc;
	border: 1px solid #dee2e6;
	padding: .5rem;
	color:black;
}

.generate-table tbody td {
    border: 1px solid #dee2e6;
    padding: .5rem;
}

.invoice-divtab{
	width:60%;
	margin:auto;
}
.return-divtable{
	max-width:100%;
	overflow:auto;
}
.grid-main-auto{
	display: grid;
	grid-template-columns: auto auto auto;
	grid-column-gap:5px;
	grid-row-gap:5px;
	width: 100%;
    max-width: 100%;
}
.grid-auto{
	display: grid;
	grid-template-columns: auto auto;
	grid-column-gap:5px;
	align-items:center;
}
.exa-table tr th:last-child{
	width:20px;
}
.grid-auto input{
	width:100% !important;
	margin:0px !important;
}
.grid-auto button{
	margin:0px !important;
}

.head-grid {
	display: grid;
	grid-template-columns: 100%;
}
.sign-grid
{
	display: grid;
	grid-template-columns: auto auto;
	justify-content: space-between;
	
}
.po-link{
    border-left: 1px solid #007bff !important;
    padding: 0px 10px;
    }
    
    .po-link:first-child{
    border-left: none;
    padding: 0px 10px;
    }
    
.subtotal-grid{
	display: grid;
	grid-template-columns: 60% 40%;
	margin-bottom:10px;
}
.subtotal-grid input{
	width:100% !important;
}
.login_wrap {
	background: #07448b;
	background: -webkit-linear-gradient(to right, #013c85, #2f75b3);
	background: linear-gradient(to right, #013c85, #2f75b3);
}

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

.radius-3 {
	border-radius: 3px;
}

.m-wdth {
	max-width: 450px;
	margin: auto;
}

.login_wrap {
	padding: 40px 0px;
	position: absolute;
	width: 100%;
	height: 100vh;
}

#loginForm {
	margin-top: 30px;
}

.web100percent {
	width: 100%;
}

.tab-res-ryt {
	margin-right: 20px !important;
}

.search input::placeholder {
	font-size: 14px !important;
}

.login_wrap h4 {
	font-weight: 400;
}

.login_wrap .form-group label {
	position: absolute !important;
	font-size: 23px !important;
	left: 10px !important;
	top: 2px !important;
	color: #c3c3c3 !important;
}

.form-group label i {
	position: relative !important;
	left: 0px !important;
	font-size: 20px !important;
	color: #9e9d9d !important;
}

.form-group input::placeholder {
	color: #c3c3c3;
}

.search input::placeholder {
	font-size: 12px;
}

.form-group {
	margin-bottom: 1rem;
	position: relative;
}

.form-group input {
	padding-left: 38px;
}

.login-btn {
	font-size: 16px;
	width: 100%;
	text-transform: capitalize;
	margin: 0;
}

.gry-text {
	color: rgba(128, 128, 128, 1.0);
}

.add-btn-yellow {
	background: rgb(253, 185, 19);
	color: #fff !important;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 10px 16px;
	position: relative;
	left: 1px;
	line-height: 28px;
}

#addCart-show .gry-text {
	font-size: 20px;
	vertical-align: middle;
	padding: 0px 10px;
}

.cart-count {
	width: 50px;
}

#addCart-show {
	border-color: #b3b1b1;
	display: none;
}
/*top nav*/
.header-top {
	padding: 10px 0px;
	display: inline-block;
	width: 100%;
}

.top-nav ul li {
	display: inline-block;
	vertical-align: middle;
}

.top-link {
	font-size: 15px;
}

.top-nav ul li {
	padding: 10px 30px 10px 0px !important;
}
.top-nav ul li:last-child {
	padding-right: 0px !important;
}
.menugridsec{
	display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items:self-start;
}
.top-nav ul li:nth-child(1) {
	padding: 0;
}

.top-nav ul li a {
	color: rgba(0, 58, 137, 1.0);
}

.top-nav ul {
	margin-bottom: 4px;
}

.default-gradiant {
	background: #07448b;
	background: -webkit-linear-gradient(to right, #013c85, #2f75b3);
	background: linear-gradient(to right, #013c85, #2f75b3);
	color: #fff;
}

.breadcrumb {
	border-radius: 0;
}

.default-gradiant a {
	color: #fff;
	font-size: 12px;
}

.default-gradiant li.active {
	font-size: 12px;
	position: relative;
	top: 6px;
}
/*main*/
.heading3 {
	text-align: center;
	font-size: 24px;
	font-weight: 600;
	margin: 0;
	padding: 20px 0px;
}

#lineChart {
	height: 370px !important;
}
/*table style*/
.table {
	display: table;
	font-weight: 400;
}

.table_row {
	display: table-row;
}

.theader {
	display: table-row;
}

.table_header {
	display: table-cell;
	border-bottom: #ccc 1px solid;
	border-top: #ccc 1px solid;
	background: #ffffff;
	font-size: 13px;
	text-transform: uppercase;
	color: #8a8989;
	padding: 10px;
}

.table-card h3 {
	font-size: 22px;
	font-weight: 400;
	padding: 10px 0px 20px;
}

.table_header:first-child {
	border-left: #ccc 1px solid;
	border-top-left-radius: 5px;
}

.table_header:last-child {
	border-right: #ccc 1px solid;
	border-top-right-radius: 5px;
}

.table_small {
	display: table-cell;
}

.table_row>.table_small>.table_cell:nth-child(odd) {
	display: none;
	background: #bdbdbd;
	color: #e5e5e5;
	padding-top: 10px;
	padding-bottom: 10px;
}

.table_row>.table_small>.table_cell {
	color: #5b5b5b;
	border-bottom: #e4e4e4 1px solid;
	padding: 8px;
	font-size: 14px;
}

.table_row>.table_small:first-child>.table_cell {
	border-left: #ccc 1px solid;
}

.table_row>.table_small:last-child>.table_cell {
	border-right: #ccc 1px solid;
}

.table_row:last-child>.table_small:last-child>.table_cell:last-child {
	border-bottom-right-radius: 5px;
}

.table_row:last-child>.table_small:first-child>.table_cell:last-child {
	border-bottom-left-radius: 5px;
}

#addCart-show button {
	border-color: #b3b1b1 !important;
}

.table_row:nth-child(2n+3) {
	background: #efefef;
}

.dashboard {
	padding-bottom: 40px;
}
/* suppliers stylesheet */
.search input {
	min-width: 345px;
	border: 0;
	background: #eee;
	position: relative;
	padding: 20px 35px;
	font-size: 14px;
	outline: none;
}

.edit a {
	color: #044088;
}

.search {
	position: relative;
}

.search i {
	position: absolute;
	z-index: 1;
	color: #a0a0a0;
	left: 10px;
	top: 8px;
}

.multiselect-container>li>a>label {
	margin: 0;
	height: 100%;
	cursor: pointer;
	font-weight: 400;
	padding: 3px 0px 3px 6px;
}

.pagination {
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem;
	align-items: center;
	justify-content: center;
}

.btn-default:not ([disabled] ):not (.disabled ):active, .btn-default:not
	 ([disabled] ):not (.disabled ).active, .show>.btn-default.dropdown-toggle
	{
	background-color: #fff !important;
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0
		rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0
		rgba(0, 0, 0, 0.15);
}

.blue-text {
	color: #114177 !important;
}

.dash-blue{
    color: #007bff !important;
}

.dash-blue:hover {
    color: #0056b3;
    text-decoration: underline;
}

.btn-outline-bg::before {
	content: "";
	background: url(/assets/images/verified.png) no-repeat;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 10px;
	margin-left: -22px;
	background-size: 15px;
	z-index: 99;
	display: inline-block;
}

.multiselect-container>li>a>label {
	color: #333;
}

.responsive-table li {
	border-radius: 6px;
	padding: 10px 30px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
	font-size: 14px;
}

.btn-outline-bg {
	border: 1px solid #155599;
	border-radius: 7px;
	padding: 7px !important;
	background: #155599 !important;
	text-transform: capitalize;
	font-size: 14px;
	box-shadow: none !important;
	color: #fff !important;
}

.responsive-table .table-header {
	background-color: #95A5A6;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.responsive-table .table-row {
	background-color: #ffffff;
	box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
}

li.table-row i {
	font-size: 10px;
	font-weight: 900;
	padding-left: 3px;
}

.responsive-table .col-1 {
	flex-basis: 10%;
	align-items: center;
	display: flex;
}

.responsive-table .col-2 {
	flex-basis: 40%;
	align-items: center;
	display: flex;
}

.responsive-table .col-3 {
	flex-basis: 25%;
	align-items: center;
	display: flex;
}

.responsive-table .col-4 {
	flex-basis: 25%;
	align-items: center;
	display: flex;
}
/* type select  */
#typeLabel {
	min-width: 146px;
	width: 100%;
	border-radius: 4px;
	background-color: #fff;
	border: solid 1px #cccccc;
	text-align: left;
	padding: 9.5px 15px;
	color: #333333;
	font-size: 13px;
}

.multiselect-selected-text {
	font-size: 13px;
	text-transform: capitalize;
}

.multi-select ul {
	padding: 10px;
	min-width: 186px;
}

.multi-select ul li {
	line-height: 30px;
	font-size: 14px;
}

#typeLabel .caret {
	float: right;
	margin-top: 9px;
	display: block;
}

.btn-default.dropdown-toggle, .btn-default.dropdown-toggle:hover,
	.btn-default.dropdown-toggle:focus, .btn-default:not ([disabled] ):not
	 (.disabled ):active {
	min-width: 150px;
	width: 100%;
	border-radius: 4px;
	background-color: #fff !important;
	border: solid 1px #cccccc;
	text-align: left;
	padding: 7.5px 15px;
	color: #333333;
	font-size: 14px;
	margin: 0;
	box-shadow: none !important;
}

.dropdown-toggle::after {
	position: absolute;
	right: 15px;
	top: 46%;
}

#typeLabel .dropdown-menu {
	width: 240px;
	padding: 0;
	margin: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#typeLabel .dropdown button:hover, .dropdown button:focus {
	border: none;
	outline: 0;
}

#typeLabel .dropdown.open button#dLabel {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
	border: solid 1px #666;
	border-bottom: none;
}

#typeLabel .dropdown.open ul {
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
	border: solid 1px #666;
	border-top: none;
	height: 200px;
	overflow-y: scroll;
}
/*purchase order*/
.pl-table .row {
	margin: 5px 0;
	padding: 0 20px;
	align-items: center;
}

.pl-table .col {
	padding: 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pl-table .pl-thead {
	color: #8e8c8c;
	text-transform: uppercase;
	font-size: 13px;
	margin: 15px 0;
}

.pl-table .pl-thead.tall {
	background-color: #263338;
	margin: 0;
	padding: 5px 0;
	color: rgba(255, 255, 255, 0.7);
	text-transform: initial;
}

.pl-table .pl-thead.tall .col {
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	text-align: center;
	align-self: stretch;
}

.pl-table .pl-thead.tall .col:last-child {
	border: none;
}

.pl-table .pl-thead.tall .col .large {
	font-size: 21px;
	color: #ffffff;
}

.pl-table .pl-tbody .row {
	background-color: #ffffff;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #585757;
	font-size: 14px;
	margin-bottom: 20px;
	box-shadow: 0px 4px 7px #e2e1e1;
	border-radius: 5px;
}

.text-bold {
	font-weight: 600;
}

.l-blue {
	color: rgb(41, 188, 208);
}

.pl-table .pl-tbody.scroll {
	max-height: 100px;
	overflow-x: scroll;
}

.btn.warning-btn-sm {
	background: rgb(252, 184, 19);
	color: #fff !important;
	text-transform: capitalize;
	font-size: 15px;
	padding: 5px 15px;
	border-radius: 5px;
	box-shadow: none;
	font-weight: 600;
	border: 0 !important;
}

/*purcgase order table end*/
.typeList li {
	line-height: 1.5;
	letter-spacing: 0.7px;
	color: #666;
	font-size: 14px;
	cursor: pointer;
	padding: 7.5px 15px;
	border-top: solid 1px #f3f3f3;
}

.typeList li:hover {
	background-color: #ccc;
}

.suppliers-header {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
	box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0), 0 -1px 10px 0
		rgba(0, 0, 0, 0.12);
	position: relative;
}

.other-cart {
	position: absolute;
	right: 9%;
	top: 16px;
}

.prd-name h4 {
	font-weight: 600;
	font-size: 22px;
}

.inline-list {
	display: inline-block;
	vertical-align: middle;
	padding-right: 20px;
	font-size: 14px;
}

.cart-item input {
	max-width: 100%;
	width: 76% !important;
}

.cart-item .add-item {
	width: calc(80% - 20px);
}

.cart-item {
	position: relative;
}

.delete {
	position: absolute;
	right: 0;
	top: 0px;
	font-size: 24px;
}

.price.inline-list {
	font-size: 18px;
}

.outline-btn-sm {
	box-shadow: none;
	border: 1px solid #b1b1b1;
	border-radius: 4px;
	padding: 7px;
	text-transform: capitalize;
	font-size: 16px;
}

.order-button button {
	padding: 7px !important;
	margin-bottom: 24px;
}

.order-button .btn.warning-btn-sm {
	padding: 10px !important;
}

.inline-list:nth-child(1) {
	width: 124px;
}

.inline-list:nth-child(3) {
	vertical-align: top;
}

.other-cart img {
	padding-right: 5px;
	padding-bottom: 3px;
}

.breadcrumb-item.active {
	color: #bbbbbb;
}

.prdct-info ul {
	display: flex;
	justify-content: center;
}

.prdct-info ul li {
	color: #333 !important;
}

.main-wrapper {
	min-height: 450px;
	height: 100%;
}

.supplier-grid .table-row img {
	width: 40px;
}

.exzoom .exzoom_img_ul_outer {
	border: 0;
}
/* product */
.product-img img {
	height: 130px;
}

.product-title {
	font-size: 14px;
}

.price {
	font-weight: 600;
	padding: 6px 0px;
}

.btn.btn-outline {
	border: 1px solid #155599;
	border-radius: 7px;
	padding: 0;
	color: #155599;
	text-transform: capitalize;
	font-size: 14px;
	box-shadow: none;
	height: 38px;
	width: 100%;
	margin: 5px 0;
}

.product-card {
	position: relative;
}

.dtable td:nth-child(1) {
	color: rgb(128, 128, 128);
}

.table-border-1 {
	border: 1px solid #d6d5d5 !important;
	border-radius: 5px;
}

.table-border-1 th, .table-border-1 td {
	border: 0 !important;
	padding: 10px 12px !important;
}

.dtl-inline {
	display: inline-block;
	font-size: 14px;
}

.prm-img {
	float: left;
	width: 50px;
	padding: 5px;
	background: #eee;
	height: 50px;
	border-radius: 50%;
	margin-right: 10px;
}

.product-msg {
	display: inline-block;
	display: grid;
	grid-template-columns: 20% 60% 20%;
}

.prdc-msg {
	font-size: 15px;
	float: left;
}

.prdc-date {
	float: right;
	font-size: 14px;
	color: #9a9a9a;
}

.prdc-msg .small-text {
	color: #909090;
}

.prdc-heading {
	font-weight: 600;
}

.msg-list .search input {
	min-width: 100%;
}

.search {
	position: relative;
	/* width: calc(87% - 20px); */
	float: left;
	padding-right: 20px;
}

.filter-category {
	font-size: 14px;
	margin-top: 10px;
	display: none;
}

.filter-product {
	border: 1px solid #c7c7c7;
	margin-top: -1px;
	font-size: 13px;
	display: none;
	position: absolute;
	width: 100%;
	background: #fff;
	z-index: 1;
}

.f-head {
	position: relative;
}

.plus-icon {
	position: absolute;
	right: 6px;
	font-size: 18px;
	top: -3px;
	color: #a9a9a9;
}

.filter-main {
	padding: 7px 6px;
	border-bottom: 1px solid #bbbaba;
	color: #8a8a8a;
}

.breadcrumb-first .breadcrumb-item+.breadcrumb-item::before {
	content: "";
	border-left: 2px solid #ababab;
	height: 13px;
	position: relative;
	top: 1px;
}

.breadcrumb-first .breadcrumb-item+.breadcrumb-item {
	padding-left: 13px;
}

a {
	color: rgba(0, 58, 137, 1.0);
}

.filter-main {
	padding: 7px 6px;
	border-bottom: 1px solid #bbbaba;
}

.attached {
	width: 76px;
}

.chat-brand img {
	width: 50px;
}

.chat-brand {
	font-weight: 600;
}

.chat-brand span {
	font-size: 13px;
	font-weight: 300;
	color: #b5b5b5;
	padding-left: 20px;
}

.chat-text {
	font-size: 14px;
	margin: 10px 0px 27px;
}

.message-chat h3 {
	text-align: left;
}

.message-chat h3 .m-date {
	font-size: 14px;
	color: #908f8f;
	font-weight: 100;
	padding-left: 30px;
}

.image-upload>input {
	display: none;
}

.draft-msg input {
	padding-left: 10px !important;
}

.draft-msg input::placeholder {
	font-size: 13px;
	color: #333 !important;
}

.image-upload img {
	width: 25px;
	cursor: pointer;
}

.message-chat .close {
	position: absolute;
	top: 47px;
	right: 62px;
	font-weight: 100;
	font-size: 20px;
}

.prmsg {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

.edit {
	float: right;
	font-size: 27px;
	padding-right: 14px;
}
/*dropdown*/
.prdImg {
	float: left;
	width: 87px;
}

.pdtl {
	display: table-cell;
	font-size: 12px;
}

.top-nav .dropdown-item {
	min-width: 300px;
	padding: 0px 7px 25px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.cart .dropdown-menu {
	margin-top: 10px;
}

.total-dtl {
	margin: 20px 0px;
}

.dtl-heading {
	text-transform: uppercase;
	color: #949494;
	font-size: 14px;
}

.product-id {
	font-size: 14px;
}

.btn.disabled, .btn:disabled {
	opacity: .65;
	border-color: white !important;
	color: white !important;
	box-shadow: none;
}

.stock {
	font-size: 14px;
}

.download {
	display: none;
}
/*product detaul*/
.prd-dtl ul li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.prd-dtl ul li {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 15px;
	padding: 0px 20px;
}

.prd-dtl ul li:nth-child(1) {
	padding-left: 0;
}

.heading2 {
	font-weight: 700;
	font-size: 26px;
}

.heading2 span {
	font-size: 18px;
	font-weight: 100;
}

.stock {
	font-size: 17px;
}

.number.add-item input {
	border: 0;
	outline: none;
	text-align: center;
	max-width: 220px;
	width: 100%;
}

.minus, .plus {
	font-size: 32px;
	line-height: 0;
	position: relative;
	top: 5px;
	font-weight: 100 !important;
	cursor: pointer;
	color: #bbbaba;
}

.prd-add {
	max-width: 300px;
	width: 100%;
	margin: 20px 0;
	padding: 10px !important;
}

.add-item {
	border: 1px solid #bfbebe;
	padding: 6px;
	border-radius: 4px;
	margin-top: 20px;
	max-width: 300px;
	text-align: center;
}

#exzoom {
	width: 400px;
	/*height: 400px;*/
}

.heading4 {
	font-size: 20px;
}

.description p {
	font-size: 14px;
}

.dtable table.table th, .dtable table.table td {
	padding-top: 10px;
	padding-bottom: 10px;
	border: 0;
}

.prd-name h4 img {
	height: 38px;
}

#accordionCart .card-header .float-left {
	padding-right: 70px;
}

#accordionCart .card-header a {
	color: #333;
}

#accordionCart .card-header {
	margin-bottom: 20px;
	background: #fff;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
	padding: 22px;
	display: inline-block;
	width: 100%;
}

.card-header .lni-chevron-down {
	float: right;
	padding-top: 7px;
}

.accordion_main {
	position: relative;
}

.form-group label {
	position: relative !important;
	left: 0 !important;
	font-size: 13px !important;
	color: #9e9d9d !important;
}

.order-details .form-control {
	padding-left: 15px;
	font-size: 13px;
	color: #888;
}

.order-details .form-group .label-heading i {
	position: absolute;
	right: 12px;
	top: 39px;
	color: #777676;
}

.order-details .form-control::placeholder {
	font-size: 13px;
	color: #929292;
}

.mx-400 {
	max-width: 350px;
	width: 100%;
}

.default-btn {
	box-shadow: none;
	border: 1px solid #c1bebe;
	background: #fff;
	border-radius: 5px;
	padding: 10px 25px;
}

.small-text {
	font-size: 14px;
}

.po-order-list .inline-list:nth-child(2) {
	width: 47%;
}

.po-order-list .cart-img {
	width: 40%;
}

.po-order-list .price {
	font-size: 14px;
}

.heading-wrap {
	position: relative;
}

.heading-wrap .default-btn {
	position: absolute;
	top: 16px;
	right: 0;
}

#orderConfirm h4 {
	font-size: 18px;
}

.breadcrumb-item+.breadcrumb-item::before {
	display: inline-block;
	padding-right: .5rem;
	color: #ffffff;
	content: ">";
}

.top-nav ul li:nth-child(1) {
	padding: 0 11px 0 0px;
}

.cart-list {
	padding: 26px 0px;
	border-bottom: 1px solid #d0d0d0;
}

.cart-list:last-child {
	border: 0;
}

.dark-blue {
	color: #1739b3 !important;
}

.blue-text-light {
	color: #34d0e8 !important;
}

.collapse {
	background: #fff;
}

@media ( max-width : 1920px) {
	.main-wrapper.categlog .col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}
@media ( max-width : 1024px) {
	.input-024 .search input{
	min-width: 276px;
}
}

@media ( max-width : 768px) {
	.refresh-category-grid {
    display: grid;
    grid-template-columns: 24% 25% 25% 25%;
    grid-column-gap: 2%;
    grid-row-gap: 15px;
    margin-top:20px;
}
	.place-input-order{
	display:grid;
	grid-template-columns:100%;
	grid-row-gap:20px;
}
	.head-grid {
		display: grid;
		grid-template-columns: 100%;
	}
	.order-details .col-md-8, .order-details .col-md-10 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.order-details .col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.order-details .col-md-3, .order-details .col-md-6 {
		width: 50%;
	}
	.tab-col .col-md-3 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.search input {
		min-width: 358px;
	}
	.search {
		position: relative;
		width: calc(75% - 30px);
		float: left;
	}
	.tab-res {
		width: 77%;
	}
	.select-type {
		margin: 0 !important;
	}
	.responsive-table li {
		padding: 14px 30px;
	}
	.login_wrap {
		padding: 40px 0px;
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.main-wrapper.categlog .col-md-3 {
		-ms-flex: 0 0 33%;
		flex: 0 0 33%;
		max-width: 33%;
	}
	.cart-count {
		width: 26px;
	}
	.dasboard-table .col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.prdc-date {
		font-size: 13px;
	}
	.prdc-msg {
		font-size: 14px;
		float: left;
		width: 80%;
	}
	.prm-img {
		width: 42px;
		height: 42px;
	}
	.tab-100 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.btn.warning-btn-sm {
		font-size: 12px;
	}
	.exzoom .exzoom_nav {
		display: none;
	}
}
/*media query*/
@media ( max-width : 650px) {
	.buy-back{
	position:relative;
	top: 0px !important;
    right: 0 !important;
    margin-bottom:15px;
}
.buy-back .default-btn {
	text-align: center;
    margin-left: auto;
    margin-right: auto;
    position: relative  !important;
    display:block !important;
    top: 0px !important;
    right: 0 !important;
}
	.prd-dtl {
		padding-top: 20px;
	}
	.exzoom .exzoom_nav {
		display: none;
	}
	.msg-list .search {
		width: 80%;
		min-width: 80%;
	}
	.total-amount .col-md-6 {
		width: 100% !important;
	}
	.or-list-m .col-md-6 {
		width: 100% !important;
	}
	.order-details .col-md-3, .order-details .col-md-6 {
		width: 50%;
	}
	.heading-wrap .default-btn {
		display: none;
	}
	.download {
		display: block;
		width: 50px !important;
		flex-basis: 50px !important;
		max-width: 50px;
		position: absolute;
		right: 20px;
	}
	.suppliers-header .container .float-right {
		width: auto;
		float: none !important;
	}
	.select-type.float-left.mr-3, .multi-select.float-right {
		width: 50%;
		min-width: 50%;
	}
	.btn-default.dropdown-toggle {
		min-width: 120px;
	}
	.responsive-table .col:before {
		display: none;
	}
	.suppliers-header .float-left, .search input, .search {
		float: left;
		width: 100%;
		min-width: 100%;
	}
	.search {
		position: relative;
		margin-bottom: 7px;
	}
	.responsive-table {
		margin: 0;
		padding: 0;
	}
	.table {
		display: block;
		overflow-x: auto;
	}
	.table_row:nth-child(2n+3) {
		background: none;
	}
	.theader {
		display: none;
	}
	.table_row>.table_small>.table_cell:nth-child(odd) {
		display: table-cell;
		width: 50%;
	}
	.table_cell {
		display: table-cell;
		width: 50%;
	}
	.table_row {
		display: table;
		width: 100%;
		border-collapse: separate;
		padding-bottom: 20px;
		margin: 5% auto 0;
		text-align: center;
	}
	.table_small {
		display: table-row;
	}
	/* .table_row > .table_small:first-child > .table_cell:last-child {
    border-left: none;
  } */
	.table_row>.table_small>.table_cell:first-child {
		border-left: #ccc 1px solid;
	}
	.table_row>.table_small:first-child>.table_cell:first-child {
		border-top-left-radius: 5px;
		border-top: #ccc 1px solid;
	}
	.table_row>.table_small:first-child>.table_cell:last-child {
		border-top-right-radius: 5px;
		border-top: #ccc 1px solid;
	}
	.table_row>.table_small:last-child>.table_cell:first-child {
		border-right: none;
	}
	.table_row>.table_small>.table_cell:last-child {
		border-right: #ccc 1px solid;
		border-left: #ccc 1px solid;
	}
	.table_row>.table_small:last-child>.table_cell:first-child {
		border-bottom-left-radius: 5px;
	}
	.table_row>.table_small:last-child>.table_cell:last-child {
		border-bottom-right-radius: 5px;
	}
	.n1, .n4, .n6 {
		display: none !important;
	}
	.login_wrap {
		padding: 42px 0px;
	}
	.login_wrap .logo {
		padding: 0px 0px 20px !IMPORTANT;
	}
	.login_wrap .col-xl-8.col-lg-8.col-md-10.col-sm-12.mx-auto {
		padding: 0;
	}
	.card_wrap {
		border-radius: 0;
		margin-bottom: 60px;
		padding: 20px 14px 65px !important;
	}
	.m-wdth {
		max-width: 450px;
		margin: auto;
		padding: 0px !important;
	}
	.login_wrap h4 {
		font-weight: 400;
		padding: 30px 0px;
	}
	.top-nav ul li {
		padding: 10px 8px !important;
	}
	.top-nav ul li a {
		color: rgba(0, 58, 137, 1.0);
		font-size: 14px;
	}
	#lineChart {
		height: auto !important;
	}
	.table-card h3 {
		font-size: 22px;
		font-weight: 400;
		padding: 4px 0px 0px;
	}
	.table_row>.table_small>.table_cell:nth-child(odd) {
		display: none;
		background: #0f4d93;
		color: #e5e5e5;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.responsive-table .col:before {
		display: none;
	}
	.main-wrapper .col-md-3 {
		padding: 0px 10px;
		width: 100%;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.product-img img {
		height: 90px;
		max-width: none !important;
		width: auto;
	}
	.product-card {
		padding: 10px !important;
	}
	.product-title {
		font-size: 14px;
	}
	.pl-tbody .col:nth-child(4), .pl-tbody .col:nth-child(5), .pl-tbody .col:nth-child(6)
		{
		display: none;
	}
	
	.puchase-table .col:nth-child(6){
		display: block !important;
	}
	.user-tbody .col:nth-child(3), .user-tbody .col:nth-child(5) {
		display: block !important;
	}
	.buy-tbody .col:nth-child(3) {
		display: block !important;
	}
	.buy-tbody .col:nth-child(8) {
		display: none !important;
	}
	.loc-tbody .col:nth-child(7) {
		display: none !important;
	}
	.ref-ord .col:nth-child(8 ) span {
		margin-top: 3px;
	}
	.loc-tbody .col:nth-child(6), .loc-tbody .col:nth-child(5) {
		display: block !important;
	}
	.loc1-tbody .col:nth-child(2) {
		display: none !important;
	}
	.loc1-tbody .col:nth-child(6), .loc1-tbody .col:nth-child(5) {
		display: block !important;
	}
	.bill-tbody .col:nth-child(3) {
		display: block !important;
	}
	.bill-tbody .col:nth-child(7), .bill-tbody .col:nth-child(8),
		.bill-tbody .col:nth-child(9), .bill-tbody .col:nth-child(10) {
		display: none !important;
	}
	.buymgt-tbody .col:nth-child(7) {
		display: none !important;
	}
	.pricelist-tbody .col:nth-child(3), .pricelist-tbody .col:nth-child(7) {
		display: none !important;
	}
	.pricelist-tbody .col:nth-child(6) {
		display: block !important;
	}
	.return-tab .pl-table .pl-thead {
		display: table-header-group;
	}
	.return-tab  td {
		padding: 10px;
	}
	.generate-table tbody td {
    padding: 8px 5px;
}
	.return-tab  th {
		padding: 20px;
	}
	.notes-span {
		display: block;
		margin-top: 10px;
	}
	.notes-span input {
		width: 55%;
	}
	.return-tab {
		max-width: 100%;
		overflow: auto;
	}
	#exzoom {
		width: 400px;
		height: 290px;
	}
	.m-p-0 {
		padding: 0
	}
	.product-dtl {
		padding: 20px !important;
	}
	.description {
		padding-top: 20px;
	}
	.exzoom .exzoom_img_box {
		height: inherit !important;
		background: #fff;
	}
	.prd-description .row {
		display: block;
		padding: 5px !important;
		justify-content: inherit;
		margin: 0;
	}
	.des-table .col-md-6 {
		padding: 0;
	}
	.dtable tbody, .dtable tr {
		display: block;
	}
	.text-hide-m {
		display: none;
	}
	.m-heading {
		padding: 0px 10px;
		font-size: 20px;
	}
	.suppliers-header {
		box-shadow: none;
	}
	.inline-list:nth-child(1) {
		width: 115px;
	}
	.cart-list {
		padding: 20px 0px;
		border-bottom: 1px solid #c7c7c7;
		display: inline-block;
	}
	.price.inline-list {
		font-size: 18px;
		float: right;
		margin-right: 17px;
	}
	.inline-list {
		display: inline-block;
		vertical-align: middle;
		padding-right: 0;
		font-size: 14px;
		width: 50%;
	}
	.cart-item .add-item {
		width: calc(100% - 0px);
	}
	.cart-item .minus, .plus {
		font-size: 20px;
		line-height: 0;
		position: relative;
		top: 1px;
		font-weight: 100;
		cursor: pointer;
	}
	.delete {
		position: relative;
		right: 0;
		top: 0px;
		font-size: 24px;
		float: right;
		margin-bottom: -36px;
	}
	.float-left:nth-child(1) {
		font-weight: 700;
		margin-bottom: 10px;
	}
	.float-left:nth-child(4) {
		display: none;
	}
	#accordionCart .card-header {
		padding: 14px;
	}
	.float-left:nth-child(3), .float-left:nth-child(4) {
		width: 50%;
		padding: 0 !important;
	}
	.card-header .lni-chevron-down {
		float: none;
		padding-top: 0px;
		position: absolute;
		top: 18px;
		right: 20px;
	}
	.accordion_main .card-body {
		padding: 0px 0px !important;
		font-size: 14px;
	}
	.order-details .row .col-md-6 .row .col-md-6:nth-child(1),
		.order-details .row .col-md-6 .row .col-md-6:nth-child(2),
		.order-details .row .col-md-6 .row .col-md-6:nth-child(3),
		.order-details .row .col-md-6 .row .col-md-6:nth-child(4) {
		width: 50%;
	}
	.cart-count {
		width: auto;
	}
	.btn.btn-outline {
		height: 34px;
	}
	.saved-cart-list .row {
		margin: 0;
		padding: 5px !important;
	}
}

@media ( max-width : 480px) {


	.refresh-category-grid {
    display: grid;
    grid-template-columns: 49% 49%;
    grid-column-gap: 2%;
    grid-row-gap: 15px;
}
.refresh-category-grid #mobilewidth50perce {
    width: 100% !important;
}
	.max-right{
    max-width: 100%;
    margin-right: 20px;
    }
	.three-grid{
	display:grid;
	grid-template-columns:100%;
	grid-row-gap:15px;
	padding-right: 27px;
	padding-left:8px;
}
	
#sign canvas {
    height:120px;
    width:80%;
}
	.place-input-order .search  input{
	width:100% !important;
	min-width:  100% !important;
    max-width:  100%;
}
.place-input-order .search  {
	width:100% !important;
	min-width: 100% !important;
    max-width:  100%;	
}
	.preview-search{
	display:grid;
	grid-template-columns:100%;
	grid-row-gap:10px;
	
}

	.preview-btn1{
	margin-right:20px;
	
} 
	.select-place-grid{
display: grid; 
grid-template-columns: 94%; 
grid-column-gap: 0%;
grid-row-gap: 20px;
margin-top:10px;
}
.plusminus-grid{
display: grid;
grid-template-columns: auto auto auto;
grid-column-gap:5px;
}
.place-table-1 .input-tds td input{
	width:53px;
}
.select-place-grid .dropdown-select{
font-weight:bold;
}
	.place-input-order{
	display:grid;
	grid-template-columns:100%;
	grid-column-gap:0%;
}
	.ref-delivery{
	padding-top: 15px; 
	height: 20px;
	 cursor: pointer; 
	padding-right: 0px;
	margin-left: 16px;
}
	.grid-main-auto {
    display: grid;
    grid-template-columns: 100%;
}
.grid-auto {
    display: grid;
    grid-template-columns: 100%;
}
.button-grid{
	text-align:right;
}
	.ul-btn {
		font-size: 20px;
	}
	.editproduct {
		margin-right: 0px !important;
	}
	.ngx-pagination {
		padding: 0px !important
	}
	#mobilewidth50perce .dropdown-toggle::after {
		position: absolute;
		right: 15px;
		top: 62%;
	}
	#mobilecatagory {
		width: 76%;
		float: right;
		margin: -12px -17px;
	}
	#mobilewidth50perce {
		width: 54%;
	}
	.place-input-order #mobilewidth50perce {
		width: 100%;
	}
	.mobileserchalignmentsel {
		width: 89% !important;
	}
	.multi-select .btn-group {
		width: 48%;
	}
	.multiselect-selected-text {
		font-size: 12px;
		text-transform: capitalize;
	}
	.select-product .col-xs-6.col-sm-4.col-lg-3 {
		width: 50%;
	}
	/* .tab-res-ryt .select-type .dropdown {
    margin: -46px -68px;
} */
	.select-type .dropdown-select {
		position: relative;
	}
	.filter-product {
		min-width: 150px;
	}
	.exzoom .exzoom_img_ul_outer {
		border: 0;
		list-style: none;
	}
	.select-type .dropdown {
		clear: both;
		width: 50%;
		float: right;
		margin: -46px -1px;
	}
	.search.float-left {
		padding-right: 0;
	}
	#typeLabel {
		min-width: 138px;
		font-size: 12px !important;
		padding: 8px;
	}
	.search input {
		padding-right: 0;
	}
	.stock {
		font-size: 15px;
	}
	.responsive-table .table-header {
		display: none;
	}
	.responsive-table li {
		display: inline-block;
		width: 100%;
	}
	.responsive-table .col {
		display: inline-block;
		padding: 0;
		float: left;
		felx-basis: initial !important;
		max-width: none;
		flex: none;
		width: auto;
		margin-right: 10px;
	}
	.table-row img {
		width: 39px;
	}
	.responsive-table li {
		border-radius: 3px;
		padding: 8px 12px;
		font-size: 14px;
		margin-bottom: 10px;
	}
	li.table-row div:nth-child(3), li.table-row div:nth-child(4) {
		display: none;
	}
	.responsive-table .col:before {
		color: #6C7A89;
		padding-right: 10px;
		content: attr(data-label);
		flex-basis: 50%;
		text-align: right;
	}
	.select-product .col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 33%;
		max-width: 33%;
	}
	.cart-count {
		width: auto;
	}
	.cart .dropdown-menu {
		margin-top: 10px;
		left: -95px !important;
	}
	.po .col-md-3 {
		width: 50% !important;
	}
	.dtable h3 {
		font-size: 18px;
	}
	.accordion_main .card-body {
		padding: 0px 0px !important;
		font-size: 14px;
	}
	.card-header .lni-chevron-down {
		float: none;
		padding-top: 0px;
		position: absolute;
		top: 18px;
		right: 20px;
	}
	.float-left:nth-child(3), .float-left:nth-child(4) {
		width: 50%;
		padding: 0 !important;
	}
	.float-left:nth-child(4) {
		display: none;
	}
	#accordionCart .card-header {
		padding: 14px;
	}
	.float-left:nth-child(1) {
		font-weight: 700;
		margin-bottom: 10px;
	}
	.cart-item .minus, .plus {
		font-size: 20px;
		line-height: 0;
		position: relative;
		top: 1px;
		font-weight: 100;
		cursor: pointer;
	}
	.delete {
		position: relative;
		right: 0;
		top: 0px;
		font-size: 24px;
		float: right;
		margin-bottom: -36px;
	}
	.inline-list {
		display: inline-block;
		vertical-align: middle;
		padding-right: 0;
		font-size: 14px;
		width: 50%;
	}
	.cart-list {
		padding: 20px 0px;
		border-bottom: 1px solid #c7c7c7 !important;
		display: inline-block;
	}
	.price.inline-list {
		font-size: 18px;
		float: right;
		margin-right: 17px;
	}
	.inline-list:nth-child(1) {
		width: 115px;
	}
	.m-heading {
		padding: 0px 10px;
		font-size: 20px;
	}
	.suppliers-header {
		box-shadow: none;
	}
	.text-hide-m {
		display: none;
	}
	.dtable tbody, .dtable tr {
		display: block;
	}
	.des-table .col-md-6 {
		padding: 0;
	}
	.prd-description .row {
		display: block;
		padding: 5px !important;
		justify-content: inherit;
		margin: 0;
	}
	.exzoom .exzoom_img_box {
		height: inherit !important;
	}
	.product-dtl {
		padding: 20px !important;
	}
	#exzoom {
		width: 400px;
		height: 290px;
	}
	.m-p-0 {
		padding: 0
	}
	.pl-tbody .col:nth-child(4), .pl-tbody .col:nth-child(5) {
		display: none;
	}
	.purchase-section .pl-tbody .col:nth-child(4) {
		display: block;
	}
	.download {
		display: block;
		width: 50px !important;
		flex-basis: 50px !important;
		max-width: 50px;
		position: absolute;
		right: 20px;
	}
	.pl-table .col {
		padding: 0 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
		width: 50%;
		flex-basis: auto;
	}
	.pl-table .pl-thead {
		display: none;
	}
	.product-title {
		font-size: 14px;
	}
	.product-card {
		padding: 10px !important;
		min-height: 320px;
	}
	.product-img img {
		height: 125px;
		max-width: 100% !important;
		width: auto;
	}
	.main-wrapper.categlog .col-md-3 {
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
	.suppliers-header .container .float-right {
		width: auto;
		float: none !important;
	}
	.select-type.float-left.mr-3, .multi-select.float-right {
		width: 50%;
		min-width: 50%;
	}
	.btn-default.dropdown-toggle {
		min-width: 120px;
	}
	.responsive-table .col:before {
		display: none;
	}
	.suppliers-header .float-left, .search input, .search {
		float: left;
		width: 100%;
		min-width: 100% !important;
	}
	.cat-list.mb-2 {
		font-weight: 100;
	}
	.search {
		position: relative;
		margin-bottom: 7px;
	}
	#typeLabel, .btn-default.dropdown-toggle, .btn-default.dropdown-toggle:hover,
		.btn-default.dropdown-toggle:focus, .btn-default:not ([disabled] ):not
		 (.disabled ):active {
		overflow: hidden;
		font-size: 10px;
	}
	.select-type.float-left.mr-4 {
		margin-right: 10px !important;
		width: 132px;
		min-width: 114px;
	}
	.responsive-table {
		margin: 0;
		padding: 0;
	}
	.table_row>.table_small>.table_cell:nth-child(odd) {
		display: none;
		background: #0f4d93;
		color: #e5e5e5;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#lineChart {
		height: auto !important;
	}
	.table-card h3 {
		font-size: 22px;
		font-weight: 400;
		padding: 4px 0px 0px;
	}
	.n1, .n4, .n6 {
		display: none !important;
	}
	.top-nav ul li {
		padding: 10px 9px !important;
	}
	.top-nav ul li a {
		color: rgba(0, 58, 137, 1.0);
		font-size: 13px;
		font-weight: 500;
	}
	.login_wrap h4 {
		font-weight: 400;
		padding: 30px 0px;
	}
	.login_wrap {
		padding: 42px 0px;
		height: auto;
	}
	.login_wrap .logo {
		padding: 0px 0px 20px !IMPORTANT;
	}
	.login_wrap .col-xl-8.col-lg-8.col-md-10.col-sm-12.mx-auto {
		padding: 0;
	}
	.card_wrap {
		border-radius: 0;
		margin-bottom: 60px;
		padding: 20px 14px 65px !important;
	}
	.m-wdth {
		max-width: 450px;
		margin: auto;
		padding: 0px !important;
	}
	.cart-count {
		width: auto;
	}
	.hideBtn .add-btn-yellow {
		padding: 10px 4px;
		position: relative;
		left: 1px;
		line-height: 28px;
		font-size: 12px;
	}
	#addCart-show .gry-text {
		font-size: 13px;
		vertical-align: middle;
		padding: 1px 10px;
		position: relative;
		top: 5px;
	}
	.hideBtn .cart-count {
		width: auto;
		position: relative;
		top: 5px;
	}
	#addCart-show {
		border-color: #b3b1b1;
		display: none;
		background: #00000069;
		top: 0;
		position: absolute;
		left: 0;
		height: 100%;
		width: 100%;
	}
	#addCart-show button {
		border-color: #b3b1b1 !important;
		position: absolute;
		background: #fff;
		bottom: 3px;
		width: 92%;
		left: 5px;
		border-radius: 5px;
	}
	.hideBtn .add-btn-yellow {
		padding: 10px 10px;
		position: relative;
		left: 1px;
		line-height: 32px;
		font-size: 12px;
	}
}

.datedearch {
	margin-left: 20px;
}

.datefield {
	font-size: 14px;
	color: #ccc;
	border-radius: 4px !important;
	padding-left: 5px;
}

.dashborddatewarper {
	background-color: #f5f6f8;
	margin-bottom: 20px;
	border-radius: 5px;
	padding: 10px;
}

.gobtnn {
	position: absolute;
	top: 0px;
	right: 15px;
	border: none;
	background-color: #07448b;
	height: 39px;
	width: 43px;
	border-radius: 0px 4px 4px 0px;
	color: #fff;
}

.relative {
	position: relative;
}

@media ( max-width : 480px) {
	#detailspage .heading3 {
		text-align: center;
		font-size: 24px;
		font-weight: 600;
		margin: 0;
		padding: 8px 0px;
	}
	#detailspage input {
		border: 0;
		outline: none;
		text-align: center;
		max-width: 202px !important;
		width: 96%;
	}
	.pl-tbody .col:nth-child(3) {
		display: none;
	}
	
	.pl-tbody .col:nth-child(3) {
		display: none;
	}
	
	.delivery-table .pl-tbody .col {
		display: block;
		margin-bottom:10px;
		text-align:left;
	}
	.delivery-table .pl-tbody .col:nth-child(5) {
		
		text-align:center;
	}
	
	.polistcatagory {
		position: absolute;
		top: 88px;
		right: 20px;
		width: 43% !important;
	}
	.header-top.d-block a {
		font-size: 12px;
	}
	.header-top {
		padding: 10px 0px;
		width: 100%;
		font-size: 12px;
	}
	.top-nav ul li {
		padding: 5px 7px !important;
	}
	.dashborddatewarper {
		background-color: #f5f6f8;
		margin-bottom: 20px;
		border-radius: 5px;
		padding: 20px;
	}
	.datedearch {
		margin-left: 0px;
	}
	.offset-1 {
		margin-left: 0px;
	}
	.mobiletextleft {
		text-align: left !important;
	}
	.select-type .dropdown {
		clear: both;
		width: 59%;
		float: right;
		margin: -23px 0px;
	}
	.gobtnn {
		position: absolute;
		top: 0px;
		right: 0px;
		border: none;
		background-color: #07448b;
		height: 39px;
		width: 43px;
		border-radius: 0px 4px 4px 0px;
		color: #fff;
	}
	#typeLabel {
		min-width: 100%;
		font-size: 12px !important;
		padding: 8px;
	}
}

#proform .form-group label {
	color: #000 !important;
	font-weight: 600;
}

#proform {
	margin-top: 40px;
	margin-bottom: 40px;
}

@media ( max-width : 768px) {
	.hearder90mobile {
		height: 105px;
	}
	.mobilesignout {
		margin-top: -2px;
	}
	.messagesmobileleftmargin {
		margin-left: -15px;
	}
	.reporttabmobile {
		position: absolute;
		top: -38px;
		left: -31px;
	}
	#width100permob {
		width: 47% !important;
	}
	.suplierordersearch .search input {
		min-width: 250px !important;
	}
	 .suplierordersearch .delivery-input .search input {
    min-width: 285px !important;
}
.suplierordersearch .delivery-input .gobtnn {
    right: -10px !important;
}
	#detailspage .heading3 {
		text-align: center;
		font-size: 24px;
		font-weight: 600;
		margin: 0;
		padding: 8px 0px;
	}
	.mobileserchalignmentsel .search input {
		min-width: 309px;
	}
	.mobileserchalignmentsel {
		width: 69%;
	}
	.web100percent {
		width: 100% !important;
	}
	.graybox {
		padding-right: 0px !important;
		padding-left: 10px !important;
	}
	.order-details .form-control {
		margin-right: 20px;
	}
}

@media ( max-width : 650px) {
	.order-details .col-md-3, .order-details .col-md-6 {
		width: 100%;
	}
	.del-order-details  .col-md-6 {
		width: 50%;
	}
}

.tab-content {
	border: 1px solid #dee2e6;
	border-top: 0px;
	padding: 15px;
}

.table .thead-dark th {
	color: #fff;
	background-color: #343a40;
	border-color: #454d55 !important;
}

#example table #example.table th, table.table td {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}

#example .table td, .table th {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	font-size: 12px;
	background-color: #ccc;
	font-weight: bold;
}

.graybox {
	background-color: #eee;
	padding: 20px;
	border-radius: 5px;
	margin-bottom: 20px;
	margin-top: 10px;
}

#example_filter {
	display: none;
}

.plusicon {
	font-size: 18px !important;
	text-align: center;
	cursor: pointer;
}

.order-details .form-control {
	margin-right: 20px;
}

.createpricelist .form-inline label {
	width: 159px;
	font-size: 13px;
}

.form-control {
	font-size: 14px;
}

.change {
	font-size: 14px;
	text-decoration: underline;
}

.short li {
	list-style: none;
	background-color: #eee;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 14px;
}

.short {
	padding-left: 0px;
}

.dataTables_length {
	display: none;
}

#mobcat {
	width: 48% !important;
	min-width: 48% !important;
	float: left !important;
	margin-right: 2%;
}

#mobcat.mobcatclass{
	float:right !important;
}
#mobcat .dropdown-toggle::after{
	margin-right:0px;
}
#mobcat2 {
	width: 48% !important;
	min-width: 48% !important;
	float: left !important;
	margin-right: 2%;
}

#width100permob {
	width: 30%;
}

@media ( max-width : 480px) {
	#imwedith .cart-img {
		width: 38% !important;
	}
	#mobcat {
		width: 48% !important;
		min-width: 48% !important;
		float: left !important;
		margin-right: 2%;
	}
	#mobcat.mobcatclass {
    float: left!important;
}
	#mobcat2 {
		width: 48% !important;
		min-width: 48% !important;
		float: left !important;
		margin-right: 2%;
	}
	#width100permob {
		width: 100% !important;
	}
	.suplierordersearch .gobtnn {
		right: 42px;
	}
	.suplierordersearch .suppliers-header .float-left, .search input,
		.search {
		float: left;
		width: 88%;
		min-width: 87% !important;
	}
	.btn.btn-sm {
		padding: .5rem 0.8rem !important;
		font-size: .64rem;
	}
	.createpricelist input, .createpricelist select, .createpricelist .input-group
		{
		width: 100% !important;
	}
	.order-details .form-control {
		margin-right: 0px;
		width: 95%;
	}
}

/* kumar css changes start */
.product-img1 img {
	height: 350px;
}

.ngxImageZoomContainer {
	position: relative;
	margin: auto;
	width: auto !important;
	height: auto !important;
	overflow: hidden;
}

.txt-red {
	color: red;
}

/* .showre {
display: block;
padding-right: 17px !important;
background-color: #000;

}

.backdrop {
background-color:rgba(0,0,0,0.6);
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
} */
.showre {
	display: block;
	padding-right: 17px !important;
	background-color: #000;
}

.backdrop {
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}

@media ( max-width : 480px) {
	.inp20per {
		width: 100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		margin-bottom: 20px;
	}
	.editbtms {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}
	.searchright1 {
		float: right;
		position: absolute;
		right: 5px;
		bottom: -28px;
	}
}

.margintopbottom20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.marginbtm40 {
	margin-bottom: 40px;
}

.cardpad {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.editbtn {
	position: absolute;
	right: 9px;
	padding-left: 12px !important;
	padding-right: 12px !important;
	top: 2px;
	background-color: #81aaec !important;
}

.pricelistwarper {
	margin-bottom: 0px;
	margin-right: 3%;
	margin-top: 14px;
	margin-left: 2%;
}

.margin0 {
	margin: 0px;
}

.marginbtn20 {
	margin-bottom: 20px;
}

#example table #example.table th, table.table td {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}

#example .table td, .table th {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	font-size: 12px;
	background-color: #ccc;
	font-weight: bold;
}

#example_filter {
	display: none;
}

#example2_filter {
	display: none;
}

table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after,
	table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after,
	table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after,
	table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after,
	table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after
	{
	position: absolute;
	bottom: 5px !important;
	display: block;
	opacity: 0.3;
}

.plusicon {
	font-size: 18px !important;
	text-align: center;
	cursor: pointer;
}

.form-group input {
	padding-left: 15px;
}

.inp20per {
	width: 59% !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
}

#example3_length {
	display: none;
}

#example3_filter {
	display: none;
}

.editbtms {
	position: absolute;
	right: 10px;
}

@media ( max-width : 480px) {
	.hearder90mobile {
		height: 90px;
	}
	.mobilesignout {
		margin-top: -2px;
	}
	.messagesmobileleftmargin {
		margin-left: 15px;
	}
	.reporttabmobile {
		position: absolute;
		top: -24px;
		left: -15px;
	}
	.inp20per {
		width: 100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		margin-bottom: 20px;
	}
	.editbtms {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}
	.searchright {
		float: right;
		position: absolute;
		right: 5px;
		bottom: -28px;
	}
}

/* kumar css changes end */
.gridlayout {
	margin-right: 5%;
	margin-left: 3%;
}

.marginbtn20 {
	margin-bottom: 20px;
}

.reportbrd {
	border: 1px solid #eee;
	padding-top: 20px;
	border-radius: 5px;
	margin: 5px;
	margin-top: 20px;
}

.txt:hover {
	text-decoration: underline;
}

.gobtn {
	position: absolute;
	right: 21px;
	top: 0px;
	border: none;
	background-color: #2f75b3;
	padding: 11px;
	font-size: 12px;
	border-radius: 0px 5px 5px 0px;
	color: #fff;
}

.searpanel {
	width: 87%;
}

.messagescroll {
	max-height: 800px;
	overflow: auto;
}

.loginformsel .form-group input {
	padding-left: 38px;
}

.m-wdth .form-group input {
	padding-left: 38px;
}

.login_wrap .form-group {
	margin-bottom: 25px !important;
}

.offset-1 .form-control {
	padding: 5px;
}

.modalcheckbox label {
	width: 251px !important;
	font-size: 16px !important;
	text-align: left;
	justify-content: left;
}

.modalcheckbox {
	max-height: 150px;
	overflow: auto;
}

.actionrow {
	width: 120px;
}

.companyname {
	width: 160px;
}

.MultiCheckBox {
	border: 1px solid #e2e2e2;
	padding: 5px;
	border-radius: 4px;
	cursor: pointer;
}

.MultiCheckBox .k-icon {
	font-size: 15px;
	float: right;
	font-weight: bolder;
	margin-top: -7px;
	height: 10px;
	width: 14px;
	color: #787878;
}

.MultiCheckBoxDetail {
	display: none;
	position: absolute;
	border: 1px solid #e2e2e2;
	overflow-y: hidden;
}

.MultiCheckBoxDetailBody {
	overflow-y: scroll;
}

.MultiCheckBoxDetail .cont {
	clear: both;
	overflow: hidden;
	padding: 2px;
}

.MultiCheckBoxDetail .cont:hover {
	background-color: #cfcfcf;
}

.MultiCheckBoxDetailBody>div>div {
	float: left;
}

.MultiCheckBoxDetail>div>div:nth-child(1) {
	
}

.MultiCheckBoxDetailHeader {
	overflow: hidden;
	position: relative;
	height: 28px;
	background-color: #3d3d3d;
}

.MultiCheckBoxDetailHeader>input {
	position: absolute;
	top: 4px;
	left: 3px;
}

.MultiCheckBoxDetailHeader>div {
	position: absolute;
	top: 5px;
	left: 24px;
	color: #fff;
}

.createpricelist .form-inline label {
	width: 148px;
	font-size: 14px;
}

#pricelictbuyers table.table th, table.table td {
	padding-top: 7px;
	padding-bottom: 7px;
}

#pricelictbuyers table.table th {
	background-color: #ccc;
}

.createpricelist .form-inline label {
	width: 148px;
	font-size: 14px;
}

.pricelistlabel .inp20per {
	width: 26% !important;
}

.grid-div {
	display: grid;
	grid-template-columns: auto 15% auto 15% auto 15% 15%;
	grid-column-gap: 10px;
}

.Input-margin {
	margin: 0px 10px;
}

.buyers-grid {
	display: flex;
	justify-content: flex-end !important;
}

.search-grid {
	display: flex;
}

.search-grid .search {
	padding-right: 0px !important;
}

.buyercontainer-grid {
	display: grid;
	grid-template-columns: auto auto;
}

.country-label label {
	justify-content: flex-start !important;
}

.right-float {
	float: right !important;
}

.detail-grid {
	display: grid !important;
	grid-template-columns: 50% 50%;
	text-align: left !important;
}

.detail-grid .heading3 {
	text-align: left !important;
}

.upload-grid {
	display: grid;
	grid-template-columns: 33.3% 33.3% 33.3%;
	text-align: right;
}

.upload-grid h5 {
	margin-right: 15px;
	margin-top: 15px;
}

.pass-input .form-group input {
	padding-left: 38px;
}

.pass-input  h4 {
	font-weight: 400;
	padding: 0px 0px;
}

.pass-input .p-5 {
	padding: 2rem !important;
}

.action-btn {
	box-shadow: none;
	border: 1px solid #c1bebe !important;
	background: #fff !important;
	border-radius: 5px !important;
	padding: 10px 30px !important;
}

.msg-grid {
	display: grid;
	grid-template-columns: 80% 10% 10%;
	align-items: center;
}

.msg-grid .searpanel {
	width: 100%;
}

.msg-grid i {
	font-size: 30px;
}

.inventory-right {
	float: right;
	margin-top: -25px;
	margin-right: 9%;
}

.padding0 {
	padding: 0px !important;
}

.cart-img img {
	width: 70%;
}

.buy-tbl .col {
	padding: 0px 0px 0px 5px;
	text-align: center;
}

.buy-tbl .col:nth-child(4) {
	padding: 0px 10px 0px 5px;
	text-align: center;
}

.man-div .col:nth-child(3) {
	text-align: center;
	margin-left: -37px;
}

.man-div .col:nth-child(4) {
	text-align: center;
	margin-left: -5px;
}

.man-div .col:nth-child(5) {
	text-align: center;
	margin-left: -10px;
}

.man-div .col:nth-child(6) {
	margin-left: -10px;
}

.man-div .col:nth-child(7) {
	margin-left: -6px;
}

@media only screen and (max-width: 770px) {
	.upload-grid {
		display: grid;
		grid-template-columns: 100%;
		text-align: center;
	}
	.upload-grid .heading3 {
		padding-bottom: 5px !important;
	}
	.detail-grid {
		display: grid !important;
		grid-template-columns: 100%;
		text-align: center !important;
	}
	.vwprice-grid {
		display: grid !important;
		grid-template-columns: 100%;
	}
	.detail-grid .heading3 {
		text-align: center !important;
	}
	.detail-grid .add-item {
		margin-left: auto;
		margin-right: auto;
	}
	.search-grid {
		display: grid !important;
		grid-template-columns: 90% 10%;
	}
	.country-label input {
		width: auto !important;
	}
	.input-grid {
		display: grid !important;
		grid-template-columns: 100%;
		grid-row-gap: 10px;
		justify-content: self-start;
	}
	.input-grid label {
		justify-content: flex-start !important;
		margin: 0px !important;
	}
	.input-grid input {
		margin: 0px !important;
	}
	.grid-div {
		display: grid !important;
		grid-template-columns: 40% 50%;
		grid-column-gap: 10px;
	}
	.grid-div div {
		text-align: left !important;
	}
}

@media only screen and (max-width: 767px) {
	.grid-div {
		display: grid !important;
		grid-template-columns: 100%;
		grid-column-gap: 10px;
	}
	.grid-div div {
		text-align: left !important;
		width: 100%;
	}
	.buyercontainer-grid {
		display: grid;
		grid-template-columns: 100%;
	}
	.buyers-grid {
		display: flex;
		justify-content: center !important;
	}
	.search-grid .search {
		width: 100% !important;
		min-width: 100% !important;
	}
	.search input {
		width: 100% !important;
		min-width: 100% !important;
	}
	.vwprice-grid .editbtms {
		position: relative;
		right: 10px;
		bottom: 10px;
		text-align: right;
	}
	.action-btn {
		display: block !important;
		position: relative !important;
		top: 0px !important;
		margin-right: 0px !important;
		margin-left: auto !important;
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 700px) {
	.inventory-right {
		float: none;
		margin-top: 0px;
		margin-right: 0%;
	}
	.display-li {
		margin-top: 10px;
	}
}

.form-grid-label {
	display: grid;
	grid-template-columns: 49% 49%;
	padding: 0px;
	grid-column-gap: 2%;
}

.form-grid-label .form-inline {
	display: grid;
	grid-template-columns: 45% 55%;
	padding: 0px;
	text-align: left !important;
}

.form-grid-label label {
	width: 100% !important;
	margin: 0px !important;
	justify-content: flex-start !Important;
}

.form-grid-label input {
	width: 100% !important;
	margin: 0px !important;
}

.form-grid-label textarea {
	width: 100% !important;
	margin: 0px !important;
}

.form-grid-label select {
	width: 100% !important;
	margin: 0px !important;
}

.dash-buye-grid {
	display: grid;
	grid-template-columns: 33% 33% 33%;
	grid-column-gap: 0.5%;
}

.padd-2rem {
	padding: 2rem !important;
}

.height-auto {
	height: auto;
}

.dash-date-grid {
	display: grid !Important;
	grid-template-columns: 15% 40% 40%;
	grid-column-gap: 1%;
	width: 80%;
	margin: auto !Important;
}

.from-to {
	display: grid;
	grid-template-columns: 30% 60% 8%;
	grid-column-gap: 2%;
	justify-content: center;
	align-items: center;
}

.register-buy-center {
	justify-content: center !important;
	padding-top: 0px !important;
}

.register-buy-center h4 {
	padding: 0px !important;
}

.breadcrumb {
	width: 100%;
}

.order-refresh {
	display: grid;
	grid-template-columns: 78% 10% 10%;
	grid-column-gap: 1%;
	justify-content: center;
	align-items: center;
}

.refresh-icon {
	font-size: 30px;
}

.order-refresh .search {
	float: none;
	width: 100% !important;
}

.order-refresh .gobtnn {
	position: relative !important;
}

@media only screen and (max-width: 770px) {
	.dash-date-grid {
		display: grid !Important;
		grid-template-columns: 100%;
		grid-column-gap: 0%;
		grid-row-gap: 10px;
		width: 80%;
		margin: auto !Important;
	}
	.from-to {
		display: grid;
		grid-template-columns: 20% 60%;
		grid-column-gap: 2%;
		justify-content: start;
		align-items: center;
	}
	.from-to .text-right {
		text-align: left !important;
	}
	.form-grid-label {
		display: grid;
		grid-template-columns: 100%;
		padding: 0px;
		grid-column-gap: 0%;
	}
}

@media only screen and (max-width: 420px) {
	.dash-date-grid {
		display: grid !Important;
		grid-template-columns: 100%;
		grid-column-gap: 0%;
		grid-row-gap: 10px;
		width: 100%;
		margin: auto !Important;
	}
	.from-to {
		display: grid;
		grid-template-columns: 19% 60% 8%;
		grid-column-gap: 1%;
		justify-content: start;
		align-items: center;
	}
	.form-grid-label .form-inline {
		display: grid;
		grid-template-columns: 100%;
		padding: 0px;
		text-align: left !important;
		grid-row-gap: 10px;
	}
	.dash-buye-grid {
		display: grid;
		grid-template-columns: 49% 49%;
		grid-column-gap: 0.5%;
	}
	.order-refresh {
		display: grid;
		grid-template-columns: 68% 15% 10%;
		grid-column-gap: 1%;
		justify-content: center;
		align-items: center;
	}
	.order-refresh .search {
		margin-bottom: 0px !important;
		padding-right: 0px !Important;
	}
}

.link-hover {
	cursor: pointer;
}

.link-hover:hover {
	text-decoration-line: underline !Important;
}

.viewall-div {
	text-align: right;
}

.stock-grid {
	display: grid;
	grid-template-columns: 49% 49%;
	grid-column-gap: 2%;
	max-width: 300px;
}

.stock-grid .add-item {
	margin: 5px 0px !important;
	display: flex;
}

/**KUMAR 09-Marche-21 **/

@media only screen and (min-width: 1000px){
.app-rej .row .col:nth-child(1){
max-width:8%;
}
.app-rej .row .col:nth-child(3){
max-width:8%;
}

.app-rej .row .col:nth-child(4){
max-width:8%;
}

.app-rej .row .col:nth-child(5){
max-width:9%;
}

.app-rej .row .col:nth-child(6){
max-width:9%;
}
.app-rej .row .col:nth-child(7){
max-width:9%;
}
}

.gray-padd{
	padding:20px 10px !important;
}

#sign canvas{
	touch-action: none;
    background: white;
    border: 1px solid black
}

.product-catalog-secmain .search input{
	max-width:	310px !important;
	min-width:	309px !important;
}

.product-catalog-grid .refresh-category-grid {
    display: grid;
    grid-template-columns: 25% 32% 32% 32%;
    grid-column-gap: 2%;
    grid-row-gap: 15px;
    margin-left: 15px;
}

.product-catalog-grid{
	display:flex;
}
.ctgycm-thead .row {
   display:grid;
   grid-template-columns:8% 40% 40% 12%;
   text-align:left;
   font-weight:bold !important;
}
.ctgycm-tbody .row {
   display:grid;
     grid-template-columns:8% 40% 40% 12%;
     text-align:left;
}

.subctgycm-thead .row {
   display:grid;
   grid-template-columns:8% 40% 40% 12%;
   text-align:left;
   font-weight:bold !important;
}
.subctgycm-tbody .row {
   display:grid;
     grid-template-columns:8% 40% 40% 12%;
     text-align:left;
}

.subsubctgycm-thead .row {
   display:grid;
   grid-template-columns:8% 28.3% 28.3% 28.3% 12%;
   text-align:left;
   font-weight:bold !important;
}
.subsubctgycm-tbody .row {
   display:grid;
     grid-template-columns:8% 28.3% 28.3% 28.3% 12%;
     text-align:left;
}

.margin30per{
	margin-top:30%;
}

.pdt-test{
  width: 87%; 
  color: red;
}
.tooltip1 {
  position: relative;
  display: inline-block;
}

.tooltip1 .tooltiptext1 {
  display:none;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip1:hover .tooltiptext1 {
  display:block;
}
.buycartviewcom tbody tr td:nth-child(2){
	min-width:670px;
}
.buycartviewcom .input-tds input {
    width: 70px;
}
.buycartviewcom tbody tr td:nth-child(3) span{
	min-width:16px;
}
.buycartviewcom tbody tr td:nth-child(4) span,.buycartviewcom tbody tr td:nth-child(5) span{
	max-width:60px;
	display:inline-block;
}
.headingcart{
	display:flex;
	
}
.headingcart h6{
	margin-right:30px;
	font-size:18px;
	
}

.fr-table .row{
	display:grid !important;
	grid-template-columns:.5fr 1.2fr .8fr  .8fr .8fr 1fr .8fr;
}

.fr-table .row button{
	min-width:85px;
}

.status-grid-div{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	font-size: 12px;
}

.status-grid-div label{
	font-weight:bold;
}
.status-grid-div .desa>div{
	margin-right:15px;
}

.desa{
	display:flex;
	align-items:center;
}

.table-sales input{
	width:70px;
}
.table-sales .plusminus-grid{
	margin:auto;
	width:100px;
}

.amt-th{
	text-align:center;
	position:relative;
	display:block;
}

.amt-span1{
	position:absolute;
	right:10px;
}

.buy-h6 h6{
	font-size:16px;
	font-weight:400;
}
.buy-h6 h6 span{
	font-size:18px;
	font-weight:bold;
}
.po-tab-list .invoice-divtab {
    width: 100%;
    margin: auto;
}
.deldet-modal .modal-dialog {
    max-width: 800px;
}
.deldet-modal .del-container {
    max-height: 300px;
    overflow:auto;
}
.woo-con span{
	margin-bottom:10px;
}

.woo-row{
	display:grid;
	grid-template-columns:5% 15% 55% 15% 10%;
	background-color: #ffffff;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #585757;
    font-size: 14px;
    margin-bottom: 20px;
    box-shadow: 0px 4px 7px #e2e1e1;
    border-radius: 5px;
}
.woo-invent .woo-invent-table{
	display:grid;
	grid-template-columns:5% 15% 20% 20% 20% 20%;
	background-color: #ffffff;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #585757;
    font-size: 14px;
    margin-bottom: 20px;
    box-shadow: 0px 4px 7px #e2e1e1;
    border-radius: 5px;
}

.woo-row .col:nth-child(3){
	text-align:left;
}
.abc-drop{
	display:grid;
	grid-template-columns:40% 25% 25% 7%;
	grid-column-gap:1%;
}
.woo-invent .woo-invent-table{
	display:grid;
	grid-template-columns:5% 15% 20% 20% 20% 20%;
	background-color: #ffffff;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #585757;
    font-size: 14px;
    margin-bottom: 20px;
    box-shadow: 0px 4px 7px #e2e1e1;
    border-radius: 5px;
}
.invoice-purchase>div .row{
	display:grid;
	grid-template-columns:10% 10% 28% 12% 12% 14% 14%;
}
.buytablegridsection{
	display: grid;
	 grid-column-gap: 2%; 
	 grid-template-columns: 54% 44%;
}
.buysavebtn{
	margin-top: auto;
    padding-bottom: 14px;
    padding-left:0px !important;
}
.emaillimit_grid {
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	grid-column-gap: 6px;
	padding: 5px 0px 15px;
}
.buymgtcomgrids .pl-thead .row,.buymgtcomgrids .pl-tbody .row{
	display: grid;
	grid-template-columns:25% 25% 25% 11% 14%;
	text-align:left;
	}
	.buymgtcomgrids .pl-thead .row .col:nth-child(4),.buymgtcomgrids .pl-tbody .row .col:nth-child(4),.buymgtcomgrids .pl-thead .row .col:nth-child(5),.buymgtcomgrids .pl-tbody .row .col:nth-child(5){
	
	text-align:center;
	}
	.list-image-view-icons{
	text-align:right;
	padding:0px 22px;
	}
	.list-image-view-icons a{
	padding:0px 2px;
	}
	.list-image-view-icons a i{
	font-size:22px;
	
	}
	.addcrosssell-text{
	text-align:right;
	}
	.addcrosssell-text a{
	background-color:rgb(252, 184, 19) !important;
	border:0px;
	}
	.addcrosssell-table .table .thead-dark th{
	background-color:rgba(0, 58, 137, 1.0);
	}
	.selinvoice-table-grid .row{
		display: grid; 
		grid-template-columns: 5% 7% 13% 13% 10% 12% 13% 13% 14% !important;
	}
	.promotionbg_white{
	background:#f4f8fb;
	margin-bottom:25px;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.p-promotion p{
	margin-top:15px;
	text-align:justify;
}
	.promotionbg_white .row{
	padding: 0px 25px;
	 width: 100%;
    margin: 0;}
	.promotionbg_white .head_promotion{
	background:white !important;
   }
	.promotionbg_white .head_promotion a,.promotionbg_white .head_promotion p{
	text-decoration:underline !important;
	margin:10px 0;
	display:inline-block;
	font-weight:bold;}
	.button-section div{
	text-align:right;}
	.promotionbg_white .head_promotion div:last-child{
	/* text-align:right; */
	margin-bottom:15px;}
	.button_section div{
	margin-bottom:15px;
	text-align:right;
	}
	.table-greybg{
	background-color:rgba(0,0,0,.05);
	}
	.iconstable{
	min-width:70px;
	}
@media ( max-width : 1024px) {
	.deldet-modal .modal-dialog {
    margin-top: 35%;
}
	.status-grid-div{
	display:grid;
	grid-template-columns:36% 66%;
	grid-row-gap:15px;
}
	.buycartviewcom tbody tr td:nth-child(2) {
    min-width: 582px;
}
	.product-catalog-grid .refresh-category-grid {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    grid-column-gap: 2%;
    grid-row-gap: 15px;
    margin-left: 15px;
}
.placeordercom td:nth-child(2) .input-name-td{
	display:grid;
	grid-template-columns:70% 30%;
}
.placeordercom td:nth-child(2) .input-name-td textarea{
	max-width:100%;
}
.invoice-purchase>div .row {
    display: grid;
    grid-template-columns: 10% 10% 27% 12% 13% 14% 14%;
}
}

@media ( max-width : 768px) {
	.selinvoice-table-grid .row{
		grid-template-columns: 0% 7% 13% 16% 14% 11% 13% 15% 11% !important;
	}
	.buymgtcomgrids .pl-thead .row, .buymgtcomgrids .pl-tbody .row {
    display: grid;
    grid-template-columns:22% 22% 22% 13% 21%;
}
	.invoice-purchase>div .row {
    display: grid;
    grid-template-columns: 10% 13% 20% 16% 16% 13% 14%;
}
	.status-grid-div{
	display:grid;
	grid-template-columns:100%;
	grid-row-gap:15px;
}
	.fr-table .row{
	display:grid !important;
	grid-template-columns:1fr 1.3fr 1fr  1fr 1fr 1.3fr 1fr;
}
	.buycartviewcom tbody tr td:nth-child(2) {
    min-width: 321px;
}
	.product-catalog-grid{
	display:grid;
	grid-template-columns: 100%;
}
.product-catalog-secmain .search{
	width:100%;
}
.product-catalog-grid .refresh-category-grid {
    display: grid;
    grid-template-columns: 24% 24% 24% 24%;
    grid-column-gap: 2%;
    grid-row-gap: 15px;
    margin-left: 0px;
}
.buytablegridsection{
	display: grid;
	 grid-column-gap: 0%;
	 grid-row-gap: 20px; 
	 grid-template-columns: 100%;
}
}

@media ( max-width : 480px) {
	.promotionbg_white .row{
	padding:0 0px;
}
	.promotionbg_white .col-md-3 {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
	.selinvoice-table-grid .row{
		display: grid; 
		grid-template-columns: 50% 50% !important;
		grid-row-gap: 10px;
	}
	.selinvoice-table-grid .row .col:first-child,.selinvoice-table-grid .row .col:nth-child(2){
		display:none;
	}
	.pricelist-tbodysec .col:nth-child(3){
	display:block !important;
	}
	.pricelist-tbodysec .row{
	display:grid;
	grid-template-columns:50% 50%;
	}
	.pricelist-tbodysec .row .col{
	width:100%;
	}
	.addcrosssell-text{
	text-align:left;
	}
	.buymgtcomgrids .pl-thead .row, .buymgtcomgrids .pl-tbody .row {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-row-gap:10px;
}
.buymgtcomgrids .pl-tbody .row .col{
	width:100%;
}
.buymgtcomgrids .pl-tbody .row .col:nth-child(4),.buymgtcomgrids .pl-tbody .row .col:nth-child(5){
	display:block !important;
}
	.emaillimit_grid {
	display: grid;
	grid-template-columns: 50% 50% ;
	grid-column-gap: 6px;
	padding: 5px 0px 15px;
}
	.invoice-purchase>div .row {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-row-gap:10px;
}
.invoice-purchase .pl-tbody .col:nth-child(3) {
    display: block;
    width:100%;
}
.invoice-purchase .pl-tbody .col {
    width:100%;
}
	.purchase-section .col:nth-child(5) {
    display: block !important;
}
.purchase-section .col:nth-child(6) {
    display: none !important;
}
	.woo-invent .woo-invent-table{
	display:grid;
	grid-template-columns:50% 50%;
	background-color: #ffffff;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #585757;
    font-size: 14px;
    margin-bottom: 20px;
    box-shadow: 0px 4px 7px #e2e1e1;
    border-radius: 5px;
}
	
	.woo-invent .woo-invent-table .col{
	display:block !important;
	width:100%;
}
	.abc-drop{
	display:grid;
	grid-template-columns:100%;
	grid-column-gap:0%;
	grid-row-gap:15px;
}
	.woo-row{
	display:grid;
	grid-template-columns:50% 50%;
	grid-row-gap:10px;
	}
	.woo-row .col{
	display:block !important;
	width:100%;
	text-align:center;
	}
	.woo-row .col:first-child{
	display:none !important;
	}
	.status-grid-div .desa1{
	display:grid;
	grid-template-columns:100%;
	grid-row-gap:15px;
}
	.amt-th{
	text-align:center;
	position:relative;
	display:flex;
	justify-content:space-between;
}

.amt-span1{
	position:relative;
	right:0px;
}
	.status-grid-div{
	display:grid;
	grid-template-columns:100%;
	grid-row-gap:15px;
}
	.fr-table .row{
	display:grid !important;
	grid-template-columns:50% 50%;
}
.fr-table .row .col{
	width:100% !important;
	text-align:left !important;
}
	.placeordercom td:nth-child(2) .input-name-td{
	display:grid;
	grid-template-columns:100%;
	grid-row-gap:10px;
}
	.headingcart{
	display:grid;
	grid-template-column:100%;
	
}
.headingcart h6{
	margin-right:0px;
	text-align:left;
	padding-top:0px;
}
	
	.buycartviewcom tbody tr td:nth-child(2) {
    min-width: 200px;
}
		.cart-0table  .pl-tbody .col:nth-child(4){
	display:block;
	}
.ngx-pagination a, .ngx-pagination button {
    color: #0a0a0a;
    display: block;
    padding: 0.1875rem 0.350rem !important;
    border-radius: 0;
}
	.ctgycm-thead .row {
   display:grid;
   grid-template-columns:50% 50%;
   text-align:center;
}
.ctgycm-tbody .row {
   display:grid;
     grid-template-columns:50% 50%;
      text-align:center;
}
.subctgycm-thead .row {
   display:grid;
   grid-template-columns:50% 50%;
   text-align:center;
}
.subctgycm-tbody .row {
   display:grid;
     grid-template-columns:50% 50%;
      text-align:center;
      grid-row-gap:10px;
}

.subsubctgycm-thead .row {
   display:grid;
   grid-template-columns:50% 50%;
   text-align:center;
}
.subsubctgycm-tbody .row {
   display:grid;
     grid-template-columns:50% 50%;
      text-align:center;
      grid-row-gap:10px;
}
	.product-catalog-secmain {
	margin-right:10px;
}
.product-catalog-grid .refresh-category-grid {
    display: grid;
    grid-template-columns: 49% 49%;
    grid-column-gap: 2%;
    grid-row-gap: 15px;
    margin-left: 0px;
}
.byus-tbody .col:nth-child(1){
    display: none;
}
.byus-tbody .col:nth-child(6) {
    display: inline-block;
}
.ctgycm-tbody .col:nth-child(1),.ctgycm-tbody .col:nth-child(3) {
    display: none;
}
.ctgycm-tbody .col:nth-child(2),.ctgycm-tbody .col:nth-child(4) {
    display: inline-block;
    width:100%;
}
.subctgycm-tbody .col:nth-child(1),.subctgycm-tbody .col:nth-child(2),.subctgycm-tbody .col:nth-child(3),.subctgycm-tbody .col:nth-child(4) {
    display: inline-block;
    width:100%;
}
.subsubctgycm-tbody .col:nth-child(1) {
    display: none;
}
.subsubctgycm-tbody .col:nth-child(5),.subsubctgycm-tbody .col:nth-child(2),.subsubctgycm-tbody .col:nth-child(3),.subsubctgycm-tbody .col:nth-child(4) {
    display: inline-block;
    width:100%;
}
}



.input-name-td {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


@media ( max-width : 360px) {

.ngx-pagination a, .ngx-pagination button {
    color: #0a0a0a;
    display: block;
    padding: 0.1875rem 0.300rem !important;
    border-radius: 0;
}
}