md-tab-content {
		transform: none ;

}

.md-dialog-content {
	max-width: 500px;
}
.ngdialog-overlay {
display:none !important;
}
.ngdialog.ngdialog-theme-default {
	background-color: rgba(0, 0, 0, 0.55) !important;
}
/*################## Fixed -header styles ########################*/
.fixed-header {
	top: 55px;
	position: fixed;
	/*width: auto;*/
	display: table;
	z-index: 999;
}

		.tbody-offset:before {
			content: " ";
			display: block;
		}
/*##########################################*/
/*Index page styles*/
.main-sidebar, .left-side {
	z-index: 0 !important;
}
/*.sidebar {
	max-height: 100%;
	overflow-y: auto;
	overflow-x:hidden;
}*/
.tooltip.top {
	z-index: 99999 !important;
}

/*Error block styles*/
.help-block {
	font-style: italic;
	font-weight: 600;
	animation: blinker 1s linear infinite;
}
.card {
	border: solid 1px #c7c7c7;
	border-radius: 5px;
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
}
@keyframes blinker {
	10% {
		opacity: 0;
	}
}
/*Prevent text highlite content pressing shift*/
.noTextHighlite {
	user-select: none; /* CSS3 (little to no support) */
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: none; /* Gecko (Firefox) */
	-webkit-user-select: none; /* Webkit (Safari, Chrome) */
}
#scrollable-area {
  margin: auto;
	width: 80%;
	height: 150px;
	border: 2px solid #ccc;
	overflow-y: scroll; /* <-- here is what is important*/
}

/*select rows*/
.rowSelection {
	background-color: rgba(0, 0, 0, 0.3) !important;
	color: #fff;
	transition: background-color 0.1s linear;
	outline: none;
}

/*Customize scroll bars*/
::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	border-left: 1px solid #ccc;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 5px;
}

::-webkit-scrollbar-thumb {
	background-color: #a9a8a8;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

	::-webkit-scrollbar-thumb:hover {
		background-color: #6f6f6f;
	}


/*Legend icons*/
.emptyCart {
	content: url('../img/legends/empty.png');
	width: 15px;
}

.partialCart {
	content: url('../img/legends/partial.png');
	width: 15px;
}

.fullCart {
	content: url('../img/legends/full.png');
	width: 15px;
}

.exclamatory {
	content: url('../img/legends/exclamatory.png');
	width: 15px;
}

.exclamatory-red {
	content: url('../img/legends/exclamatoryRed.png');
	width: 15px;
}

.exclamatory-green {
	content: url('../img/legends/exclamatoryGreen.png');
	width: 15px;
}

.exclamatory-blue {
	content: url('../img/legends/exclamatoryBlue.png');
	width: 15px;
}

.doller {
	content: url('../img/legends/doller.png');
	width: 15px;
}

.doller-green {
	content: url('../img/legends/dollerGreen.png');
	width: 15px;
}

/*Iocns custom classes*/

.icon-file-search {
	content: url('../img/icons/filesearch.png');
	width: 15px;
}

/*.int-phone >label {
	left: 45px !important;
}*/

.border-left-solid {
	border: #9E9E9E 1px;
	border-style: solid;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 0px;
}
/*****Footer styles********/
.footer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
	background-color: #efefef;
	text-align: center;
}
/**** for selected row background color*/
.selected {
	background-color: #9e9e9e !important;
	color: #fff !important;
	outline: none;
	font-weight: 600;
}

:focus {
	outline: none !important;
}

.table-striped > tbody > tr, .table > tbody > tr {
	outline: none !important;
}

/* 
Just make this block scrollable 
*/



/******************Bootstrap overriding classes********/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4,
.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11,
.col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8,
.col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4,
.col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11,
.col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
	position: relative;
	min-height: 1px;
	padding-right: 2px;
	padding-left: 10px;
}

label {
	margin-bottom: 0px !important;
}

.bg-thead > thead {
	background-color: #0b5492;
	color:white;
}

.bgNote {
	background-color: rgba(255, 235, 59, 0.54) !important;
	color: black!important;
}

.row {
	margin-right: -5px;
	margin-left: -5px;
}

.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
	margin-left: 10px;
}

.formValidationError {
	color: red !important;
}

button[disabled] {
	background-color: rgba(11, 84, 146, 0.5);
}

	button[disabled]:hover {
		background-color: rgba(11, 84, 146, 0.5);
		cursor: not-allowed;
	}

/**********************./ Bootstrap extention classes ******************/



@media (min-width: 1500px) {
	.col-xl {
		width: 100%;
	}

	.col-xl-auto {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
	}

	.col-xl-1 {
		width: 8.333333%;
	}

	.col-xl-2 {
		width: 16.666667%;
	}

	.col-xl-3 {
		width: 25%;
	}

	.col-xl-4 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 33.333333%;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		width: 33.333333%;
	}

	.col-xl-5 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41.666667%;
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		width: 41.666667%;
	}

	.col-xl-6 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		width: 50%;
	}

	.col-xl-7 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 58.333333%;
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		width: 58.333333%;
	}

	.col-xl-8 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 66.666667%;
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		width: 66.666667%;
	}

	.col-xl-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		width: 75%;
	}

	.col-xl-10 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 83.333333%;
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		width: 83.333333%;
	}

	.col-xl-11 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 91.666667%;
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		width: 91.666667%;
	}

	.col-xl-12 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		width: 100%;
	}

	.pull-xl-0 {
		right: auto;
	}

	.pull-xl-1 {
		right: 8.333333%;
	}

	.pull-xl-2 {
		right: 16.666667%;
	}

	.pull-xl-3 {
		right: 25%;
	}

	.pull-xl-4 {
		right: 33.333333%;
	}

	.pull-xl-5 {
		right: 41.666667%;
	}

	.pull-xl-6 {
		right: 50%;
	}

	.pull-xl-7 {
		right: 58.333333%;
	}

	.pull-xl-8 {
		right: 66.666667%;
	}

	.pull-xl-9 {
		right: 75%;
	}

	.pull-xl-10 {
		right: 83.333333%;
	}

	.pull-xl-11 {
		right: 91.666667%;
	}

	.pull-xl-12 {
		right: 100%;
	}

	.push-xl-0 {
		left: auto;
	}

	.push-xl-1 {
		left: 8.333333%;
	}

	.push-xl-2 {
		left: 16.666667%;
	}

	.push-xl-3 {
		left: 25%;
	}

	.push-xl-4 {
		left: 33.333333%;
	}

	.push-xl-5 {
		left: 41.666667%;
	}

	.push-xl-6 {
		left: 50%;
	}

	.push-xl-7 {
		left: 58.333333%;
	}

	.push-xl-8 {
		left: 66.666667%;
	}

	.push-xl-9 {
		left: 75%;
	}

	.push-xl-10 {
		left: 83.333333%;
	}

	.push-xl-11 {
		left: 91.666667%;
	}

	.push-xl-12 {
		left: 100%;
	}

	.offset-xl-0 {
		margin-left: 0%;
	}

	.offset-xl-1 {
		margin-left: 8.333333%;
	}

	.offset-xl-2 {
		margin-left: 16.666667%;
	}

	.offset-xl-3 {
		margin-left: 25%;
	}

	.offset-xl-4 {
		margin-left: 33.333333%;
	}

	.offset-xl-5 {
		margin-left: 41.666667%;
	}

	.offset-xl-6 {
		margin-left: 50%;
	}

	.offset-xl-7 {
		margin-left: 58.333333%;
	}

	.offset-xl-8 {
		margin-left: 66.666667%;
	}

	.offset-xl-9 {
		margin-left: 75%;
	}

	.offset-xl-10 {
		margin-left: 83.333333%;
	}

	.offset-xl-11 {
		margin-left: 91.666667%;
	}
}


.link:hover, link:focus {
	text-decoration: underline !important;
	color: #3c8dbc !important;
}

.table > thead > tr > th {
	text-align: left;
}

.divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #eee;
}

.site-loading-indicator {
	text-align: center;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: #fff;
	z-index: 9999;
}

/*.site-loading-indicator > div {
				position: relative;
				top: 50%;
			}*/

.zoomImage {
	position: absolute;
	top: 200px;
	right: 200px;
	z-index: 999999999;
	display: none;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	border: solid;
	border-width: 5px;
	border-color: #909ba2;
}
/*Custom classes*/
.currentRowEditing {
	background-color: rgba(255,209,128,0.5) !important;
	transition: background-color 0.5s linear;
	color:black !important;
}

.rowEditDone {
	background-color: #119836 !important;
	color: #fff;
	transition: background-color 0.5s linear;
}

.ng-table-pager > ul, .ng-table-pager > div {
	/*display: inline-block !important;
	margin: 20px 5px 0 0 !important;*/
	display: inline-block !important;
	margin: 5px 5px 5px 0 !important;
}
div[ng-table-pagination] {
	/*margin-top:-10px;*/
}
.ng-table th.sortable .sort-indicator:after, .ng-table th.sortable .sort-indicator:before {
	border-color: #fff transparent;
}

.ng-table th.sortable.sort-desc .sort-indicator:after {
	border-top: 4px solid #fff;
	opacity: 1;
}

.ng-table th.sortable.sort-asc .sort-indicator:before {
	border-top: 4px solid #fff;
	opacity: 1;
}

.ng-table th.sortable.sort-asc .sort-indicator:after, .ng-table th.sortable.sort-asc .sort-indicator:hover:after {
	opacity: 1;
}

/*.ng-table th.sortable .sort-indicator:before{
	border-top: 4px solid #fff;
  
}*/
/*.btn-theme {
  color: #fff;
  background-color: #009688;
  border-color: #009688;
}
.btn-theme:focus,
.btn-theme.focus {
  color: #fff;
  background-color: rgb(4,121,110);
  border-color: rgb(4,121,110);
}
.btn-theme:hover {
  color: #fff;
  background-color: rgb(4,121,110);
  border-color: rgb(4,121,110);
}
.btn-theme:active,
.btn-theme.active,
.open > .dropdown-toggle.btn-theme {
  color: #fff;
  background-color: #2f716b;
  border-color: #2f716b;
}
.btn-theme:active:hover,
.btn-theme.active:hover,
.open > .dropdown-toggle.btn-theme:hover,
.btn-theme:active:focus,
.btn-theme.active:focus,
.open > .dropdown-toggle.btn-theme:focus,
.btn-theme:active.focus,
.btn-theme.active.focus,
.open > .dropdown-toggle.btn-theme.focus {
  color: #fff;
  background-color: #2f716b;
  border-color: #2f716b;
}
.btn-theme:active,
.btn-theme.active,
.open > .dropdown-toggle.btn-theme {
  background-image: none;
}
.btn-theme.disabled:hover,
.btn-theme[disabled]:hover,
fieldset[disabled] .btn-theme:hover,
.btn-theme.disabled:focus,
.btn-theme[disabled]:focus,
fieldset[disabled] .btn-theme:focus,
.btn-theme.disabled.focus,
.btn-theme[disabled].focus,
fieldset[disabled] .btn-theme.focus {
  background-color: #02a293;
  border-color: #02a293;
}
.btn-theme .badge {
  color: #009688;
  background-color: #fff;
}


/****AdminLte Override classes*****/
.box-body.sales-rep {
	min-height: 315px;
	padding: 5px;
}



.sales-rep > .small-box > .inner {
	padding: 0px;
}

.sales-rep > .small-box {
	margin-bottom: 4px;
}

.search-form {
	border-radius: 3px;
	border: 1px solid #374850;
	margin: 8px 10px;
	/* overflow: hidden; */
	text-overflow: clip;
}

	.search-form .btn {
		box-shadow: none;
		border: 1px solid #fafafa;
		height: 37px;
		-webkit-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		border-top-left-radius: 0;
		border-top-right-radius: 2px;
		border-bottom-right-radius: 2px;
		border-bottom-left-radius: 0;
		border-radius: 5px;
	}

/*********************Toggle button styles***************/
.toggle-button {
	background-color: #9E9E9E;
	border-radius: 20px;
	border: 2px solid #9E9E9E;
	height: 20px;
	cursor: pointer;
	width: 50px;
	position: relative;
	display: inline-block;
	user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
}

	.toggle-button button {
		cursor: pointer;
		outline: 0;
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		border-radius: 100%;
		width: 16px;
		height: 16px;
		background-color: white;
		float: left;
		margin: 0;
		border: none;
		transition: left 0.3s;
	}

.toggle-button-selected {
	background-color: #83B152;
	border: 2px solid #7DA652;
}

	.toggle-button-selected button {
		left: 30px;
		top: 0;
		margin: 0;
		border: none;
		width: 16px;
		height: 16px;
		box-shadow: 0 0 4px rgba(0,0,0,0.1);
	}

/********************Angular I check directive styles*************/
.angular-icheck {
	overflow: hidden;
	cursor: pointer;
}

	.angular-icheck .checkbox {
		width: 22px;
		height: 22px;
		display: inline-block;
		vertical-align: middle;
		background: url('../img/angular-icheck.png') no-repeat left;
	}

		.angular-icheck .checkbox.checked {
			background-position: -48px 0;
		}

	.angular-icheck .span {
		display: inline-block;
		vertical-align: middle;
	}
/*******Image zoom  on hover styles*********/
.img-zoom {
	position: relative;
	top: -29px;
	left: 80%;
	width: 200px;
	height: 155px;
	z-index: 999999 !important;
}

	.img-zoom > img {
		-moz-transform: scale(2.1);
		-webkit-transform: scale(2.1);
		transform: scale(2.1);
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}



/*********Loading indicatior custom*************/
.loading-indicator {
	text-align: center;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, 0.5);
	z-index: 68;
}

	.loading-indicator > div {
		position: relative;
		top: 50%;
	}
/******************pre defined loaders *****************/

/**********************Loading 2******************/
/***Sample : <div class="cs-loader">
		<div class="cs-loader-inner">
			<label>●</label><label>●</label>
			<label>●</label><label>●</label>
			<label>●</label><label>●</label>
			<label>●</label><label>●</label>
		</div>
	</div>*/

/*body {
  margin: 0;
  padding: 0;
  background:#3498db;
}*/

.cs-loader {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 90;
	background-color: #fff;
	opacity: 1;
}

.cs-loader-inner {
	/* transform: translateY(-53%); */
	top: 20%;
	position: absolute;
	width: calc(100% - 200px);
	color: #3F51B5;
	/* padding: 0 100px; */
	text-align: center;
	width: 100%;
	height: 100%;
	/* background: #000; */
	z-index: 999999999;
	right: 0;
	margin-right: 5%;
}

	.cs-loader-inner label {
		font-size: 20px;
		opacity: 0;
		display: inline-block;
	}

@keyframes lol {
	0% {
		opacity: 0;
		transform: translateX(-300px);
	}

	33% {
		opacity: 1;
		transform: translateX(0px);
	}

	66% {
		opacity: 1;
		transform: translateX(0px);
	}

	100% {
		opacity: 0;
		transform: translateX(300px);
	}
}

@-webkit-keyframes lol {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-300px);
	}

	33% {
		opacity: 1;
		-webkit-transform: translateX(0px);
	}

	66% {
		opacity: 1;
		-webkit-transform: translateX(0px);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(300px);
	}
}

.cs-loader-inner label:nth-child(6) {
	-webkit-animation: lol 2s infinite ease-in-out;
	animation: lol 2s infinite ease-in-out;
}

.cs-loader-inner label:nth-child(5) {
	-webkit-animation: lol 2s 100ms infinite ease-in-out;
	animation: lol 2s 100ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(4) {
	-webkit-animation: lol 2s 200ms infinite ease-in-out;
	animation: lol 2s 200ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(3) {
	-webkit-animation: lol 2s 300ms infinite ease-in-out;
	animation: lol 2s 300ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(2) {
	-webkit-animation: lol 2s 400ms infinite ease-in-out;
	animation: lol 2s 400ms infinite ease-in-out;
}

.cs-loader-inner label:nth-child(1) {
	-webkit-animation: lol 2s 500ms infinite ease-in-out;
	animation: lol 2s 500ms infinite ease-in-out;
}
/**********************./ Loading ******************/


/**********************./ HIGHLIGHT SEARCH TEXT ******************/
.highlight {
	color: black;
	background: #ff0;
	border: 1px solid #fbdd05;
	border-radius: 2px;
	margin: -1px;
}

	.highlight:empty {
		display: none;
	}

.gi-lg {
	font-size: 1.1em;
}

.gi-2x {
	font-size: 2em;
}

.gi-3x {
	font-size: 3em;
}

.gi-4x {
	font-size: 4em;
}

.gi-5x {
	font-size: 5em;
}


.claimimages a {
	position: relative;
	float: left;
	margin-right: 10px;
}

.claimimages > a > img {
	width: auto;
	text-align: center;
}

.claimimages a span {
	visibility: hidden;
	display: block;
	position: absolute;
	margin-left: -120%;
	/*margin-top: 5%;*/
	padding: 5px;
}

	.claimimages a span img {
		width: auto;
		border: 1px solid #c9c9c9;
	}

.claimimages a:hover span, .magnify a:active span, .magnify a:focus span {
	visibility: visible;
}

.claimimages a:hover, .magnify a:focus {
	visibility: visible;
}

.claimsgridimages a {
	position: relative;
	float: left;
	margin-right: 10px;
}

.claimsgridimages > a > img {
	width: auto;
	text-align: center;
}

.claimsgridimages a span {
	visibility: hidden;
	display: block;
	position: absolute;
	margin-left: 120%;
	margin-top: -400%;
	padding: 5px;
	z-index: inherit;
}

	.claimsgridimages a span img {
		width: auto;
		border: 1px solid #c9c9c9;
	}

.claimsgridimages a:hover span, .magnify a:active span, .magnify a:focus span {
	visibility: visible;
}

.claimsgridimages a:hover, .magnify a:focus {
	visibility: visible;
}
.wh2-order {
	background-color: #c5d2cf !important;
}

.btn-inv-report {
	position: absolute;
	right: 0;
	top: 9px;
	border-color: #fff !important;
	width: 46px;
	height: 36px;
	border-radius: 5px !important;
}

.custom-width-1200 .ngdialog-content {
	max-width: 1200px !important;
	width: 1200px !important;
}

@media screen and (max-width: 2100px) and (min-width: 1400px) {
	.custom-width-1200 .ngdialog-content {
		max-width: 1200px !important;
		width: 1200px !important;
	}
}

@media screen and (max-width: 1399px) and (min-width: 768px) {
	.custom-width-1200 .ngdialog-content {
		max-width: 750px !important;
		width: 750px !important;
	}
}

@media screen and (max-width: 767px) and (min-width: 350px) {
	.custom-width-1200 .ngdialog-content {
		/*max-width: 750px !important;*/
		width: auto !important;
	}
}