/* You can add global styles to this file, and also import other style files */
/*Web font Nota Sans*/
@font-face {
	font-family: 'Noto Sans';
	src: url('../fonts/NotoSans-Bold.eot');
	src: url('../fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NotoSans-Bold.woff') format('woff'),
		url('../fonts/NotoSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Noto Sans';
	src: url('../fonts/NotoSans-Italic.eot');
	src: url('../fonts/NotoSans-Italic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NotoSans-Italic.woff') format('woff'),
		url('../fonts/NotoSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Noto Sans';
	src: url('../fonts/NotoSans-BoldItalic.eot');
	src: url('../fonts/NotoSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NotoSans-BoldItalic.woff') format('woff'),
		url('../fonts/NotoSans-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'Noto Sans';
	src: url('../fonts/NotoSans.eot');
	src: url('../fonts/NotoSans.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NotoSans.woff') format('woff'),
		url('../fonts/NotoSans.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}   
/** reset css **/
*, *:before, *:after{box-sizing:border-box;-webkit-box-sizing:border-box;}
*:focus {outline: none;}
h1, h2, h3, h4, h5, h6, p, aside, ul, li, a, figure,section,footer{margin:0;padding:0;list-style-type:none;font-family: 'Noto Sans', sans-serif}
a{text-decoration:none;outline:none; cursor: pointer;}
a:hover{text-decoration:none;outline:none;}
a:focus{text-decoration:none;outline:none;}
img{max-width:100%;border:none;outline:none;}
input, textarea, button{box-shadow:none;-webkit-appearance:none;outline:none !important;outline-width: 0;}
input:focus, textarea:focus, button:focus, button:active{box-shadow:none;-webkit-appearance:none;outline:none !important;outline-width: 0;}
body{margin:0 !important; padding:0 !important; width:100%; float:left; font-family: 'Noto Sans', sans-serif !important;
	position:relative; overflow-x:hidden; font-size: 16px; background: #ededed;}
input, textarea, select, button{font-family: 'Noto Sans', sans-serif;}
div.ndi-footer > a{color: #fff !important; font-weight: 600}
ul.ui-select-choices.dropdown-menu{margin-top: 32px;}
.fa-exclamation-circle {font-size: 16px;}

/************ global css ***************/

.table>tbody+tbody {border: none;}
.full-page-img{background: url('../img/Login_bg.png') 0px 0px no-repeat;width: 100%;min-height: 100vh;background-size: 100% 100%;margin: 0;height:100vh;}
.pageContainer{width: 100%;max-width: 1800px;padding: 0 1.250em;margin: 0 auto;}
.clear_both{clear:both;}
section.pageSection{margin: 0em auto;}
.center-wrapper {width: 100%;height: 100%; overflow: hidden; z-index: 11111111;display: flex;justify-content: center;align-items: center;}
.image-close {width: 25px;}
.promo-image {width: 25px;}
.btn-primary{background-color: #0069aa;border-color: #0069aa;}
.error-msg{margin: .2em 1.85em 01.85em;color: #a50a0a;font-size: 0.8em;text-align: right;width: 82%;position:absolute;}
textarea {resize: none;}
.search-customer-page .search-input-group input[type=text] {margin-bottom: 0 !important;}
.search-customer-page .ui-select-match > .btn {border-radius: 5px 0 0 5px;}
.text-underline {text-decoration: underline !important;}
.margin-15 {margin-bottom: 15px;}
.margin-15-top {margin-top: 15px;}
.my-account-page .padding-div {padding: 0;}
.my-account-page .report-page.form-layout{padding: 0;}
.spinner-three-bounce{position:fixed !important; }

/* Ensure global ngx-loading overlay appears above all modals/popups */
ngx-loading .backdrop {
	z-index: 12000 !important;
	position: fixed;
}

ngx-loading .spinner-circle,
ngx-loading .spinner-circle-swish,
ngx-loading .sk-cube-grid,
ngx-loading .spinner-double-bounce,
ngx-loading .spinner-pulse,
ngx-loading .spinner-three-bounce,
ngx-loading .spinner-sk-rotateplane,
ngx-loading .spinner-rectangle-bounce,
ngx-loading .spinner-wandering-cubes,
ngx-loading .sk-circle,
ngx-loading .spinner-chasing-dots {
	z-index: 12001 !important;
}

.carousel-control .icon-next:before{
	content: '';
	background: url(../img/arrow-right.svg) -8px -8px;
	width: 30px;
	height: 30px;
	position: absolute;
	left:-10px;
}
.carousel-control .icon-prev:before{
	content: '';
	position: absolute;
	transform: rotateY(180deg);
	background: url(../img/arrow-right.svg) -8px -8px;
	width: 30px;
	height: 30px;
	left:10px;
}

.carousel-control .icon-prev{
	left: 0;
}

.carousel-control .icon-next{
	right: 0;
}
.showArrow .carousel-control{display: none;}
@media(max-width: 767px){
	.search-customer-page .ng-select .ui-select-choices-row > a {font-size: 11px;white-space: normal;}
    .search-customer-page div.ui-select-match > span > span.ui-select-placeholder{padding-top: 2px; font-size: 11px;}
	.search-customer-page .ui-select-match .form-control >span.ui-select-match-text {font-size: 11px;}
	.carousel-control .icon-next{right: 10px !important;}

	.table.table-striped.table-bordered .show-on-availability .fourth{
		max-width: 366px;
		width: 100%;
		display: flex;
	}		
}
@media (min-width: 768px) and (max-width: 820px) {
			.inner-layout .custom-header-btn{    
				width: 91VW;
			}
		}

@media (min-width: 768px) and (max-width: 1024px) {
	.search-customer-page div.ui-select-match > span > span.ui-select-placeholder{font-size: 12px;}
	.form-layout .inner-layout .custom-header-btn{
	
		z-index: 999;
		height: auto;
		right: -5px;
		width: 384px;
		background: white;
		position: relative;
    padding: 0 3px;
    margin-top: 20px;
}
.form-layout .inner-layout .custom-header-btn .col-xs-12{
	padding-left: 8px;
    padding-right: 0;
	width: 92.1vw!important;
	right: 92px;
}	

 .inner-layout .row .custom-fulltable{
	margin-top: 2px;
}
.table.table-striped.table-bordered .show-on-availability .fourth{
	max-width: 652px;
    width: 100%;
	display: flex;
}
}

/****************** Fixing table header to top *********************/

.custom-head {display: none;}

@media (min-width: 1300px) and (max-width: 1440px) {
	.fixed-inner-layout {padding: 0 20px;}
	.fixed{top: 60px; position: fixed; width: auto; z-index: 1050; left: 81px; right: 25px; background: #fff;}
	.cust-info-shown .fixed {top: 120px;}

	.fixed .on-hand-notavailable .desc-col{width: 27% !important;}
	.fixed .on-hand-notavailable .brand-col{width: 14% !important;}
	.fixed .on-hand-notavailable .category-col{width: 11% !important;}

	.fixed .on-hand-available .desc-col{width: 29% !important;}
	.fixed .on-hand-available .brand-col{width: 10% !important;}
	.fixed .on-hand-available .category-col{width: 17% !important;}
	.fixed .on-hand-available .qty-col{width: 10% !important;}

	.fixed .customer-not-select .desc-col {width: 22% !important;}
	.fixed .customer-not-select .brand-col{width: 16% !important;}
	.fixed .customer-not-select .category-col{width: 16% !important;}
	.fixed .customer-not-select .qty-col{width: 16% !important;}

	.fixed .customer-select .desc-col {width: 22% !important;}
	.fixed .customer-select .brand-col{width: 14% !important;}
	.fixed .customer-select .category-col{width: 15% !important;}
	.fixed .customer-select .qty-col{width: 11% !important;}

	.fixed .customer-select .item-search-desc {width: 42% !important;}
	.fixed .customer-select .item-search-brand{width: 20% !important;}
	.fixed .customer-select .item-search-category{width: 20% !important;}
	.fixed .customer-select .item-search-last{width: 20% !important;}

	.fixed .customer-not-select .item-search-desc {width: 29% !important;}
	.fixed .customer-not-select .item-search-brand{width: 20% !important;}
	.fixed .customer-not-select .item-search-category{width: 17% !important;}

}

@media (min-width: 1441px) and (max-width: 1600px) {
	.fixed-inner-layout {padding: 0 20px;}
	.fixed{top: 60px; position: fixed; width: auto; z-index: 1050; left: 81px; right: 25px; background: #fff;}
	.cust-info-shown .fixed {top: 120px;}

	.fixed .on-hand-notavailable .desc-col{width: 24% !important;}
	.fixed .on-hand-notavailable .brand-col{width: 17% !important;}
	.fixed .on-hand-notavailable .category-col{width: 12% !important;}

	.fixed .on-hand-available .desc-col{width: 22% !important;}
	.fixed .on-hand-available .brand-col{width: 13% !important;}
	.fixed .on-hand-available .category-col{width: 11% !important;}
	.fixed .on-hand-available .qty-col{width: 10% !important;}

	.fixed .customer-not-select .desc-col {width: 18% !important;}
	.fixed .customer-not-select .brand-col{width: 18% !important;}
	.fixed .customer-not-select .category-col{width: 16% !important;}
	.fixed .customer-not-select .qty-col{width: 16% !important;}

	.fixed .customer-select .desc-col {width: 20% !important;}
	.fixed .customer-select .brand-col{width: 16% !important;}
	.fixed .customer-select .category-col{width: 14% !important;}
	.fixed .customer-select .qty-col{width: 11% !important;}

	.fixed .customer-select .item-search-desc {width: 23% !important;}
	.fixed .customer-select .item-search-brand{width: 19% !important;}
	.fixed .customer-select .item-search-category{width: 15% !important;}

	.fixed .customer-not-select .item-search-desc {width: 25% !important;}
	.fixed .customer-not-select .item-search-brand{width: 20% !important;}
	.fixed .customer-not-select .item-search-category{width: 20% !important;}

}

@media (min-width: 1601px){
	.fixed-inner-layout {padding: 0 20px;}
	.fixed{top: 60px; position: fixed; width: auto; z-index: 1050; left: 81px; right: 25px; background: #fff;}
	.cust-info-shown .fixed {top: 120px;}

	.fixed .on-hand-notavailable .desc-col{width: 22% !important;}
	.fixed .on-hand-notavailable .brand-col{width: 17% !important;}
	.fixed .on-hand-notavailable .category-col{width: 13% !important;}

	.fixed .on-hand-available .desc-col{width: 19% !important;}
	.fixed .on-hand-available .brand-col{width: 10% !important;}
	.fixed .on-hand-available .category-col{width: 11% !important;}
	.fixed .on-hand-available .qty-col{width: 10% !important;}

	.fixed .customer-not-select .desc-col {width: 16% !important;}
	.fixed .customer-not-select .brand-col{width: 19% !important;}
	.fixed .customer-not-select .category-col{width: 16% !important;}
	.fixed .customer-not-select .qty-col{width: 16% !important;}

	.fixed .customer-select .desc-col {width: 20% !important;}
	.fixed .customer-select .brand-col{width: 16% !important;}
	.fixed .customer-select .category-col{width: 14% !important;}
	.fixed .customer-select .qty-col{width: 10% !important;}

	.fixed .customer-select .item-search-desc {width: 20% !important;}
	.fixed .customer-select .item-search-brand{width: 19% !important;}
	.fixed .customer-select .item-search-category{width: 16% !important;}

	.fixed .customer-not-select .item-search-desc {width: 23% !important;}
	.fixed .customer-not-select .item-search-brand{width: 20% !important;}
	.fixed .customer-not-select .item-search-category{width: 20% !important;}

}
.bulletlist { list-style-type: initial;margin-left:30px;}

.indnt {
	margin-left: 40px; 
}

.crle{
	list-style-type: circle;
}

.search-input-group .ng-select .ng-select-container {
	align-items: stretch;
	top: 0;
}
.ng-select .ng-select-container .ng-value-container {
	top: 0;
}
.search-input-group .ng-select .ng-arrow-wrapper,
.search-input-group .ng-select .ng-clear-wrapper {
	display: flex;
    align-items: center;
}
.search-input-group .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
	top: 0;
}
/* .breadcrumb-header {position:fixed; width: 92.1vw; background: #fff; z-index: 999;
} */

.modal,
.modal-backdrop {
  z-index: 9999 !important;
}

.modal.fade.show {
	opacity: 1;
}

.modal-backdrop.fade.show {
	opacity: 0.5;
}