div#loadingOverlay {
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100%;
	position: fixed;
	text-align: center;
	background: black;
	background: rgba(0,0,0,0.6);
	background: -webkit-radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.3) 1%, rgba(0,0,0,0.8) 100%);
	background: -moz-radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.3) 1%, rgba(0,0,0,0.8) 100%);
	background: -ms-radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.3) 1%, rgba(0,0,0,0.8) 100%);
	background: radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.3) 1%, rgba(0,0,0,0.8) 100%);
	filter: alpha(opacity = 30);
	z-index: 1071;
}
div#loadingOverlay svg {
	font-size: 60px;
	color: #FFC107;
	width: 85px;
	height: 85px;
	margin-top: calc(50vh - 35px);
	padding: 10px;
	border-radius: 50%;
	border: 5px solid #ffffff;
	background-color: #008bff;
}



.fixed {
	position:fixed;
	z-index: 1030;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

.hide {
	display:none !important;
}
.hide.d-flex {
	display:none !important;
}

.form-transparent-field {
	background: transparent !important;
    border: 0px;
    resize: none;
}

.ns, label, h1, h2, h3, h4, h5, h6 {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	user-select: none;
	-ms-user-select: none;
}

.cursor-pointer {
	cursor:pointer;
}

.mid {
	vertical-align: middle !important;
	text-align: center !important;
}

form {
	margin:0px;
	padding:0px;
}

button.btn:not(.btn-primary):not(.btn-success):not(.btn-secondary):not(.btn-danger):not(.btn-warning):not(.btn-link) {
    background-color: #e0e0e0;
}

.xo {
	overflow: hidden;
}

.xbfv {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

.autoW, .wAuto {
	width:auto !important;
}

.wordBreak {
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
}

.noFlex {
	-webkit-box-flex:none !important;
	-ms-flex:none !important;
	flex:none !important;
}
.noEmpty:empty:before {
    content: " ";
    white-space: pre;
}

.ww {
	white-space: pre-wrap;
	word-wrap: break-word;
}

.nowrap {
	white-space:nowrap;
}

.cb {
	clear:both;
}
.cb-before {
    content: " ";
    display: block;
    clear: both;
}
.cb-after {
    content: " ";
    display: block;
    clear: both;
}


/*
.w50 {width:50px;min-width:50px;max-width:50px;}
.w60 {width:60px;min-width:60px;max-width:60px;}
.w75 {width:75px;min-width:75px;max-width:75px;}
.w100 {width:100px;min-width:100px;max-width:100px;}
*/
.w40 {width:40px;min-width:40px;max-width:40px;}
.w50 {width:50px;min-width:50px;max-width:50px;}
.w60 {width:60px;min-width:60px;max-width:60px;}
.w75 {width:75px;min-width:75px;max-width:75px;}
.w90 {width:90px;min-width:90px;max-width:90px;}
.w100 {width:100px;min-width:100px;max-width:100px;}
.w125 {width:125px;min-width:125px;max-width:125px;}
.w150 {width:150px;min-width:150px;max-width:150px;}
.w175 {width:175px;min-width:175px;max-width:175px;}
.w200 {width:200px;min-width:200px;max-width:200px;}
.w225 {width:225px;min-width:225px;max-width:225px;}
.w250 {width:250px;min-width:250px;max-width:250px;}
.w300 {width:300px;min-width:300px;max-width:300px;}
.w350 {width:350px;min-width:350px;max-width:350px;}
.w400 {width:400px;min-width:400px;max-width:400px;}
.w450 {width:450px;min-width:450px;max-width:450px;}
.w500 {width:500px;min-width:500px;max-width:500px;}
.w600 {width:600px;min-width:600px;max-width:600px;}
.w700 {width:700px;min-width:700px;max-width:700px;}


.mw50 {max-width:50px;}
.mw75 {max-width:75px;}
.mw100 {max-width:100px;}
.mw125 {max-width:125px;}
.mw150 {max-width:150px;}
.mw200 {max-width:200px;}
.mw225 {max-width:225px;}
.mw250 {max-width:250px;}
.mw300 {max-width:300px;}
.mw350 {max-width:350px;}
.mw400 {max-width:400px;}
.mw450 {max-width:450px;}
.mw700 {max-width:700px;}

.mw100p {max-width:100%;}


.mnw50 {min-width:50px;}
.mnw75 {min-width:75px;}
.mnw150 {min-width:150px;}
.mnw200 {min-width:200px;}
.mnw225 {min-width:225px;}
.mnw300 {min-width:225px;}
.mnw350 {min-width:225px;}
.mnw450 {min-width:225px;}
.mnw700 {min-width:700px;}

.vh25 {height:25vh;}
.vh50 {height:50vh;}
.vh75 {height:75vh;}
.vh100 {height:100vh;}


.h0 {
	height:0px;
	overflow:hidden;
}
.h38 {height: 38px;}
.lh18 {line-height: 18px;}
.lh38 {line-height: 38px;}

.lh100 {line-height: 100%;}
.lh120 {line-height: 120%;}



.wb {
	white-space: pre-wrap !important;
	word-wrap: break-word !important;
}

.opacity-3 {opacity:.3;}



.fs10 {font-size:10px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}



.bg-efefef {
	background-color: #efefef;
}
.bg-000 {
	background-color: #000;
}

/*
@page {
	size:8.5in 11in;
	margin:0;
}
*/


body.modal-view-open.print div#pageLoaded, body.modal-view-open div#pageLoaded.printer-hide {
	display: none !important;
}

@media only print {
	.printer-hide {
		display:none!important;
	}

	body.print > *:not(#printThis) {
		display: none !important;
	}

	body.print div#printThis {
		display: block !important;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: #fff;
		z-index: 9999;
		padding:.3in;
	}
}

@media only screen {
	.printer-only-show {
		display:none!important;
	}

	body.print div#printThis.noScreen {
		display:none!important;
	}
}

label.label-input-error {
    color: #dc0000 !important;
}
input.input-error, textarea.input-error, select.input-error {
	background-color: #FFCDD2;
	color: #F00;
	border-color: #F00;
}
.form-control.input-error:focus {
    color: #495057;
    background-color: #fff;
    border-color: #f00;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255,0,0,.25)
}

/*.selectCheckboxList.checkbox-input-error label.checkbox-input-label {*/
 .selectCheckboxList.input-error label {
    color: #dc0000 !important;	
}


input[type=checkbox] {
	border-radius: 4px;
}
input[type=checkbox], input[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	width: 18px;
	height: 18px;
	-webkit-box-shadow: 0 0 0 0 #353535 inset;
	box-shadow: 0 0 0 0 #353535 inset;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	position: relative;
	cursor: pointer;
	vertical-align: -4px;
	border: 1px solid;	
}
/*
input[type=checkbox]:checked, input[type=radio]:checked {
	border: none;
	-webkit-box-shadow: 0 0 0 10px #353535 inset;
	box-shadow: 0 0 0 10px #353535 inset;
}
*/
input[type=checkbox].lh38 {
	margin-top: 10px !important;
}


.p-grab {
	cursor:grab;
	cursor: -webkit-grab;
}


body.noscroll {
	overflow-y: hidden;
}


input[type=number]:not(.arrows)::-webkit-inner-spin-button, input[type=number]:not(.arrows)::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}


img#logo {
	position: absolute;
	top: 8px;
	left: 50px;
}

/*
h1 {
	background-color: #222d32;
	color: #fff;
	font-size: 20px;
	padding: 8px;
	border-radius: 8px;
}
*/

h1.editor {
	font-size: 1.75rem !important;
}

#pageHeader {
	background-color:#0c4a7d;/*#4c7da5;*/
	height: 50px;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
}

header#pageHeader div#hdrStoreInfo {
	position: absolute;
	top: 4px;
	right: 10px;
	color:#FFF;
	font-size:14px;
	text-align:right;
}


#pageLoaded {
	overflow-x:hidden;
}


@media all and (max-width : 767px) {
	#pageLoaded #leftDir {
		transition: width .3s, left.3s;
	}

	#pageLoaded:not(.leftDirExpanded) #leftDir {
		left:-230px;
	}
	#pageLoaded.leftDirExpanded #leftDir {
		width:230px;
	}
	section#leftDirInner ul#storeManagement li>a>em {
		top:10px;
		right:10px;
	}

	em#expandLeftMenuBadge {
		left: 33px;
		top: 2px;
		cursor: pointer;
	}

}
@media all and (min-width : 768px) {
	#pageLoaded.leftDirCollapsed #leftDir {
		width:80px;
		padding-top: 6px;
	}

	#pageLoaded.leftDirCollapsed section#leftDirInner ul#storeManagement li>a {
		font-size: 10px;
		line-height: 10px;
		text-align: center;
		width: 60px;
		margin-top: 3px;
		margin-left: auto;
		margin-right: auto;
		border-radius: 10px;
		border: 1px solid #464646;
		display: block;
		padding: 8px 0px;
	}

	#pageLoaded.leftDirCollapsed #leftDir ul.subMenu, #pageLoaded.leftDirCollapsed #leftDir .header, #pageLoaded.leftDirCollapsed #leftDir li#userLogout {
		display:none;
	}

	#pageLoaded.leftDirCollapsed section#leftDirInner ul#storeManagement li>a>svg {
		display: block;
		margin-bottom: 3px;
		width: 100%;
		/*width: 50px;
		height: 24px;*/
	}

	#pageLoaded.leftDirCollapsed section#leftDirInner ul#storeManagement li>a>em {
		top:-2px;
		right:-2px;
	}

	#pageLoaded:not(.leftDirCollapsed) section#leftDirInner ul#storeManagement li>a>em {
		top:10px;
		right:10px;
	}

	em#expandLeftMenuBadge {
		display:none !important;
	}

}

/*section#leftDirInner ul#storeManagement li>a>em.isBadge.hit {*/
em.isBadge.hit {
	background-color: transparent;
	/*transform: scale(1.1);*/
}


#pageLoaded:not(.leftDirCollapsed) #leftDir {
	width:230px;
}
#expandLeftMenu {
	cursor:pointer;
}
#leftDir {
	height: calc(100vh - 50px);
	overflow-x: hidden;
	overflow-y: auto;
	background-color:#222d32;
	top: 50px;
	left: 0px;
	bottom: 0px;
	padding-bottom: 20px;
	/*transition: width .3s, left.3s;*/
}


div#leftDirDeptBtns button small {
    display: block;
    font-size: 10px;
}




/*
section#leftDirInner {
	min-width: 220px;
}
*/
section#leftDirInner li.header {
	font-size:.75rem;
	color: #4b646f;
	background: #1a2226;
	font-weight: bold;
	padding-left: 4px;
}
/*
section#leftDirInner ul#userProfile {
	transition: height .3s;
	height: 79px;
}
*/
section#leftDirInner ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
section#leftDirInner ul.subMenu {
	transform: height .6s;
}
section#leftDirInner ul.subMenu:not(.expanded) {
	height: 0px;
	overflow: hidden;
	display: none;
}
section#leftDirInner ul.subMenu.expanded {
	height: auto;
}
section#leftDirInner li {
	position:relative;
}
section#leftDirInner li>svg {
	position: absolute;
	top: 13px;
	right: 10px;
	font-size: 16px;
	color: #8a8a8a;
	transition: transform .6s, color .6s;
}

body #pageLoaded.leftDirCollapsed section#leftDirInner li>svg {
	display:none;
}

section#leftDirInner li.active>svg {
	transform: rotate(180deg);
	color: #222d32;
}
section#leftDirInner li a {
	text-decoration:none;
	color: #60adff;
}
section#leftDirInner li>a>svg {
	width: 40px;
	height: 20px;
	vertical-align: text-bottom;
}
section#leftDirInner ul#storeManagement li>a {
	position: relative;
	color: #FFF;
	padding: 8px 25px 8px 8px;
	display: block;
	transition: background-color .5s, color .5s;
	border-bottom: 1px dotted #0b0c0c;
	/*text-shadow: 1px 1px 0px #000;*/
}


section#leftDirInner ul#storeManagement li a.appLink {
    padding-right: 1.75rem;
}
section#leftDirInner ul#storeManagement li a.appLink:after {
    content: "APP";
    font-size: .5rem;
    font-weight: 500;
    border: 1px solid #fff;
    padding: .1rem .2rem;
    position: absolute;
    right: 5px;
    top: .65rem;
}

section#leftDirInner li#userLogout {
	width:230px;
	background-color: #0b0c0c;
	color: #FFF;
	font-size:.875rem;
	/*height: 61px;*/
	display: flex;
}
section#leftDirInner li#userLogout img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	margin: 8px;
	/*float:left;*/
}

section#leftDirInner li#userLogout #profileName {
	padding-top: 8px;
	font-size: .9375rem;
	width: 150px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
section#leftDirInner li#userLogout>a {
	padding: 0px;
	margin: 0px;
	display: block;
	margin-left: 60px;
	font-size:.75rem;
	color: #60adff;
}





body:not(.mobile) section#leftDirInner ul#storeManagement li>a:hover {
	background-color: #0c4a7d;
	color: #9bccff;
}

section#leftDirInner ul#storeManagement li ul.subMenu {
	background-color: #000;
	font-size: .88rem;
}/*
section#leftDirInner ul#storeManagement li ul.subMenu li a {
	padding-left: 30px !important;
	font-size: 16px;
}*/
section#leftDirInner ul#storeManagement li ul.subMenu li a:before {
    /*content: "•";*/
	content: "\2022";
    margin-right: 6px;
    margin-left: 6px;
}

section#leftDirInner li>a>em, em#expandLeftMenuBadge {
	display: inline-block;
	background-color: #d01010;
	color: #FFF;
	width: 1.25rem;
    height: 1.25rem;
	font-size: .623rem;
	text-align: center;
	line-height: 200%;
	font-style: normal;
	border-radius: 50%;
	position: absolute;
	transition: opacity .6s, background .3s, opacity .3s;
}
section#leftDirInner li>a>em.active, em#expandLeftMenuBadge.active {
	opacity:1;
}
section#leftDirInner li>a>em:not(.active), em#expandLeftMenuBadge:not(.active) {
	opacity:0;
}


@media all and (max-width : 767px) {
	#pageLoaded #mainContainer {
		width: 100%;
	}

	section#leftDirInner ul#storeManagement li.active>a, body:not(.mobile) section#leftDirInner ul#storeManagement li.active>a:hover {
		background-color: #607D8B !important;
		color:#FFF !important;
	}
}
@media all and (min-width : 768px) {
	#pageLoaded.leftDirCollapsed #mainContainer {
		margin-left: 84px;
		width: calc(100% - 84px);
	}
	#pageLoaded:not(.leftDirCollapsed) #mainContainer {
		margin-left:230px;
		width: calc(100% - 230px);
		padding: 10px;
	}

	#pageLoaded:not(.leftDirCollapsed) section#leftDirInner ul#storeManagement li.active>a, body:not(.mobile) #pageLoaded:not(.leftDirCollapsed) section#leftDirInner ul#storeManagement li.active>a:hover {
		background-color: #607D8B;
		color:#FFF !important;
		font-weight: bolder;
		text-transform: uppercase;
	}

	#pageLoaded.leftDirCollapsed .leftDirCollapsedHide {
		display:none;
	}
	
/*
	#pageLoaded:not(.leftDirCollapsed) section#leftDirInner ul#storeManagement ul.subMenu.expanded li.active>a, body:not(.mobile) #pageLoaded:not(.leftDirCollapsed) section#leftDirInner ul#storeManagement ul.subMenu.expanded li.active>a:hover {
		background-color: #0c4a7d !important;
		color:#FFF !important;
	}
*/
}


section#leftDirInner ul#storeManagement ul.subMenu.expanded li.active>a {
	background-color: #0c4a7d !important;
    text-transform: none !important;
    font-weight: normal !important;
}



#expandLeftMenu {
	color: #FFF;
	font-size: 26px;
	width:50px;
	height:50px;
	padding:10px;
}




div#leftDirDeptTree {
	/*font-size: 1rem;*/
	font-size: .9rem;
	/*font-size: 14px;*/
	/*font-size: 15px;*/
}

#leftDir #leftDirDeptTree.notLoaded:before {
	content: "Loading Departments...";
	display: block;
	padding-left: 10px;
	color:#fff;
}
ul#leftDeptTree, ul#leftDeptTree ul {
	padding: 0px;
	color: #fff;
}
ul#leftDeptTree li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
/*
ul#leftDeptTree li.hasSubs ul {
	background-color: #000;
}
*/
ul#leftDeptTree li div {
	padding: 6px;
	cursor: pointer;
	line-height: 18px;
    position: relative;
}
ul#leftDeptTree li.hasSubs.loading div {
    display: none;
}
ul#leftDeptTree li.hasSubs.loading:before {
    content: "Loading...";
    display: block;
    color: #fff;
    padding-left: 27px;
}
/*
ul#leftDeptTree li div.active {
	color: #FFC107;
}
*/
ul#leftDeptTree li:not(.noDisplay) div:not(.active) a {
    color: #fff;
}
ul#leftDeptTree li.noDisplay div:not(.active) a {
    color: #868686;
}
ul#leftDeptTree li div.active {
    color: #007bff;
    /*background-color: #f8f9fa;*/
    background-color: #fff;
    border-radius: 7px 0px 0px 7px;
}


body:not(.mobile) ul#leftDeptTree li div:not(.active):hover {
	color: #FF0;
}
/*
body:not(.mobile) ul#leftDeptTree li div:hover {
	color: #FF0;
}
*/


/*
ul#leftDeptTree li.hasSubs.expanded {
	border: 1px solid #0c4a7d;
	border-right-width: 0px;
}*/

ul#leftDeptTree li.hasSubs.expanded ul {
    border: 1px solid #5a5a5a;
    border-right-width: 0px;
    border-top-width: 0px;
	border-radius: 0px 0px 0px 8px;
}
ul#leftDeptTree li.hasSubs ul {
	/*margin-left:12px;*/
	margin-left:6px;
	padding-bottom: 3px;
	margin-bottom: 6px;
}
/*
ul#leftDeptTree li.hasSubs ul li.hasSubs ul {
	margin-left:20px;
}
ul#leftDeptTree li.hasSubs ul li.hasSubs ul li.hasSubs ul {
	margin-left:30px;
}
ul#leftDeptTree li.hasSubs ul li.hasSubs ul li.hasSubs ul li.hasSubs ul {
	margin-left:40px;
}
*/

ul#leftDeptTree li.hasSubs:not(.expanded) > ul {
	display: none;
}
/*
ul#leftDeptTree li.hasSubs:not(.expanded) > div:after {
    content: "+";
    width: 24px;
    height: 24px;
    background-color: #0c4a7d;
    display: inline-block;
    text-align: center;
    line-height: 19px;
    font-size: 24px;
    border-radius: 6px;
    float: left;
    margin-right: 6px;
    margin-left: -10px;
}
*/
/*
ul#leftDeptTree li.hasSubs:not(.expanded) > div:after {
    content: "+";
    width: 20px;
    height: 20px;
    background-color: #0c4a7d;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    font-weight: bold;
    font-size: 20px;
    border-radius: 6px;
    float: left;
    margin-right: 4px;
    margin-left: -3px;
    margin-top: 2px;
}
*/
ul#leftDeptTree li.hasSubs:not(.expanded):not(.loading) > div:after {
	content: "+";
    width: 17px;
    height: 17px;
    /*background-color: #0c4a7d;*/
    display: inline-block;
    text-align: center;
    line-height: 13px;
    /* font-weight: bold; */
    font-size: 17px;
    border-radius: 50%;
    /*float: left;*/
    /*float:right;*/
    /*margin-right: 4px;
    margin-left: -1px;*/
    margin-top: 0px;
	background-color: #222d32;
    border: 1px solid #808080;
	position: absolute;
    right: 6px;
    top: 6px;
}
ul#leftDeptTree li.hasSubs:not(.expanded):not(.loading) > div.active:after {
	background-color: #fff;
}


ul#leftDeptTree li.hasSubs.expanded > div {
	/*background-color: #0c4a7d;*/
    /*background-color: #374348;*/
    font-weight: bold;
    text-transform: uppercase;
    font-size: smaller;
    border-radius: 7px 0px 0px 7px;
    border: 1px solid #252525;
	border-right: 0;
	box-shadow: -1px -1px 0px #000;
}

ul#leftDeptTree li.hasSubs.expanded > div:not(.active) {
	background-color: #0c4a7d;
    /*background-color: #374348;*/
}
/*
ul#leftDeptTree li.hasSubs.expanded > div:after {
    content: "-";
    width: 20px;
    height: 20px;
    background-color: #222d32;
    display: inline-block;
    text-align: center;
    line-height: 16px;
    font-size: 20px;
    border-radius: 6px;
    float: left;
    margin-right: 4px;
    margin-left: -3px;
    margin-top: 2px;
}
*/
ul#leftDeptTree li.hasSubs.expanded > div:after {
    content: "-";
    width: 17px;
    height: 17px;
    /*background-color: #1d1d1d;*/
    display: inline-block;
    text-align: center;
    line-height: 11px;
    font-size: 21px;
    border-radius: 50%;
    /*float: left;*/
    /*float:right;*/
    /*margin-right: 4px;
    margin-left: -1px;*/
    margin-top: 0px;
    border: 1px solid #808080;
	/*background-color: #374348;*/
	background-color: #0c4a7d;
	position: absolute;
    right: 5px;
    top: 6px;
}




ul#leftDeptTree li {
/*ul#leftDeptTree li:not(.hasSubs) {*/
	/*padding-left: 21px;
	padding-left: 13px;*/
	padding-left:3px;
}

ul#leftDeptTree li div.ui-droppable-hover {
    background-color: #28a745;
    color: #fff;
    border-radius: 7px;
    box-shadow: inset -2px 2px 5px #222d32;
}


ul#leftDeptTree li.hasSubs.expanded > div.active:after {
    background-color: #fff;
}


ul#leftDeptTree li span.sortBtn {
	background-color: #c0c0c0;
    width: 30px;
    display: inline-block;
    text-align: center;
    padding: 6px 0;
    border-radius: 4px;
    color: #000;
    cursor: grab;
    margin: -3px 6px -3px -3px;
}

div#leftDeptTreeSortBtns {
	position: fixed;
    left: 230px;
    background-color: #fff;
    border: 3px solid #222d32;
    padding: 3px 6px;
    margin-top: -3px;
    border-left: 0;
    border-radius: 0 6px 6px 0;
    box-shadow: 3px 3px 3px #00000073;
}
div#leftDeptTreeSortBtns svg {
    height: 32px;
    width: 28px;
    margin-left: 4px;
}
div#leftDeptTreeSortBtns svg:not(.disabled) {
    cursor: pointer;
}
div#leftDeptTreeSortBtns svg.disabled {
	opacity: .3;
}








#mainContainer {
	/*width: 100%;*/
	padding-right: 10px;
	padding-left: 10px;
	margin-right: auto;
	margin-top: 50px;
	padding-top: 8px;
	padding-bottom: 20px;
	transition: width .3s ease-in-out,margin .3s ease-in-out;
	/*transition: margin .3s ease-in-out;*/
}
#mainContainer.low-opacity {
	opacity:.3;
}





body.modal-view-open div#modal-view.middle {
	display: flex;
	align-items: center;	
}










body.modal-view-open,
body.item-search-view-open,
body.customer-search-view-open {
	overflow-y:hidden;

}
body.modal-view-open div#modal-view,
body.item-search-view-open div#item-search-view,
body.customer-search-view-open div#customer-search-view {
	top:0;
	right:0;
	bottom:0;
	left:0;
	/*padding: 20px;*/
	z-index:110;
	overflow:hidden;
	overflow-y:auto;
	width: 100%;
	height: 100%;
	background: black;
	background: rgba(0,0,0,0.6);
	background: -webkit-radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.3) 1%, rgba(0,0,0,0.8) 100%);
	background: -moz-radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.3) 1%, rgba(0,0,0,0.8) 100%);
	background: -ms-radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.3) 1%, rgba(0,0,0,0.8) 100%);
	background: radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.3) 1%, rgba(0,0,0,0.8) 100%);
	filter: alpha(opacity = 30);

}
body.modal-view-open div#modal-view {
	z-index: 1031;
}
body.item-search-view-open div#item-search-view,
body.customer-search-view-open div#customer-search-view {
	z-index:1032;
}

body.modal-view-open div#modal-view div#modal-view-content.fill,
body.item-search-view-open div#item-search-view div#item-search-view-content.fill,
body.customer-search-view-open div#customer-search-view div#customer-search-view-content.fill {
	height: 100%;
	overflow-y: auto;
}
body.modal-view-open div#modal-view #modal-view-close,
body.item-search-view-open div#item-search-view #modal-view-close,
body.customer-search-view-open div#customer-search-view #modal-view-close {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	display: inline-block;
	position: fixed;
	/*top: 24px;
	right: 24px;*/
	color: #fff;
	cursor: pointer;
	width: 40px;
	height: 40px;
	background: #990000;
	border: 2px solid #fff;
	box-sizing: border-box;
	z-index: inherit;
	padding: 6px;
	border-radius: 50%;
}
body.modal-view-open div#modal-view div#modal-view-content, 
body.item-search-view-open div#item-search-view div#item-search-view-content,
body.customer-search-view-open div#customer-search-view div#customer-search-view-content {
	position:relative;
	overflow:hidden;
	min-height:200px;
	background:#fff;
	/*max-width: 600px;*/
	box-sizing: border-box;
}
body.item-search-view-open div#item-search-view div#item-search-view-content,
body.customer-search-view-open div#customer-search-view div#customer-search-view-content {
	padding:10px;
	height: 100vh;
	border-radius: 0px !important;
}

@media (max-width: 619px) {
	body.modal-view-open div#modal-view div#modal-view-content:not(.orderView),
	body.item-search-view-open div#item-search-view div#item-search-view-content,
	body.customer-search-view-open div#customer-search-view div#customer-search-view-content {
		/*margin:20px;*/
		padding:10px;
		border-radius: 6px;
	}
	/*body.modal-view-open div#modal-view:not(.fill), body.item-search-view-open div#item-search-view {*/
	body.modal-view-open div#modal-view:not(.fill) {
		padding:10px;
	}
	body.modal-view-open div#modal-view #modal-view-close,
	body.item-search-view-open div#item-search-view #modal-view-close,
	body.customer-search-view-open div#customer-search-view #modal-view-close {
		top: 14px;
		right: 14px;
	}
}

@media (min-width: 620px) {
	body.modal-view-open div#modal-view div#modal-view-content:not(.orderView) {
		/*margin-top:20px;*/
		padding:20px;
		margin-left: auto;
		margin-right: auto;
	}
	body.modal-view-open div#modal-view-content.itemSearch {
		padding:10px !important;
	}

	body.modal-view-open div#modal-view:not(.fill) div#modal-view-content,
	body.item-search-view-open div#item-search-view div#item-search-view-content,
	body.customer-search-view-open div#customer-search-view div#customer-search-view-content {
		border-radius: 6px;
		box-shadow: 1px 1px 10px #000;
	}
	/*body.modal-view-open div#modal-view:not(.fill), body.item-search-view-open div#item-search-view {*/
	body.modal-view-open div#modal-view:not(.fill) {
		padding:20px;
	}
	body.modal-view-open div#modal-view #modal-view-close,
	body.item-search-view-open div#item-search-view #modal-view-close,
	body.customer-search-view-open div#customer-search-view #modal-view-close {
		top: 24px;
		right: 24px;
	}
}
body:not(.modal-view-open) div#modal-view,
body:not(.item-search-view-open) div#item-search-view,
body:not(.customer-search-view-open) div#customer-search-view {
	display:none;

}


body.modal-view-open div#modal-view-content.itemSearch.expandResults div#searchFieldsWrapper {
	display:none;
}
body.modal-view-open div#modal-view-content.itemSearch.expandResults div#recResults {
	width:100%;
}

body.modal-view-open div#modal-view-content.itemSearch div#searchDialogBar {
	position: fixed;
	background-color: #222d32;
	color: #fff;
	width: 100%;
	left: 0px;
}
body.modal-view-open div#modal-view-content.itemSearch button#searchDialogCloseBtn {
	float:right:
}
@media (max-width: 619px) {
	body.modal-view-open div#modal-view-content.itemSearch {
		height:calc(100% - 42px) !important;
		margin-top:42px !important;
	}
	body.modal-view-open div#modal-view-content.itemSearch div#searchDialogBar {
		top: 0px;
		padding: 10px;
	}
	/*body.modal-view-open div#modal-view-content.itemSearch div#searchFieldsWrapper {
		margin-top:50px;
	}*/
}
@media (min-width: 620px) {
	body.modal-view-open div#modal-view-content.itemSearch div#searchDialogBar {
		bottom:0px;
		padding: 20px;
	}
}







div#modal-view-content div.innerModal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #00000075;
    width: 100%;
    height: 100%;
    z-index: 1031;
}

div#modal-view-content div.innerModal div.innerModalContent {
    background-color: #fff;
}




div#searchFieldsWrapper {
    max-width: 1200;
    border: 1px solid #c0c0c0;
    padding: 16px;
    border-radius: 6px;
    background-color: #fff;
    margin-bottom: 20px;
}
table#searchFieldValues td.img img {
    width: 50px;
    height: 50px;
}

table#searchFieldValues td.fld {
    white-space: nowrap;
}
table#searchFieldValues td.how {
    text-align:center;
	padding-left:10px;
	padding-right:10px;
	white-space: nowrap;
    font-weight: bold;
}
table#searchFieldValues td.value em.or {
    color: #ffffff;
    background-color: #8c8c8c;
    width: 25px;
    height: 25px;
    font-size: 12px;
    border-radius: 50%;
    display: inline;
    padding: 3px;
}
/*#searchFields select.match {*/
#howToSearch {
	max-width:200px;
}
#howToSearch.forOpt option.forText, #howToSearch.forText option.forOpt, #howToSearch.forBoo {
	display:none;
}
@media all and (max-width : 424px) {
	/*
	#searchFields select.searchField {
		display:block;
		width:100%;
		margin-bottom: 4px;
	}
	*/
	#searchFields div:not(#mainSearchFields) select.searchValue, #searchFields div:not(#mainSearchFields) input.searchValue {
		display: block;
		max-width: calc(100% - 38px);
		margin-right: 4px;
	}
}
@media all and (min-width : 425px) {
	/*#searchFields select.searchField {
		max-width:150px;
	}*/
	#searchFields select.searchValue, #searchFields input.searchValue {	
		margin-left: 4px;
		margin-right: 4px;
	}
	
}

div#mainSearchFields button.removeSearchFilter  {
	display: none;
}

#searchFields .input-group {
	border-bottom: 1px solid #222d32;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#searchFields div.andOrNot {
	display: block;
	width: 100%;
	background-color: #222d32;
	color:#fff;
	padding: 3px 0px 3px 10px;
	margin-bottom: 2px;
	border-radius: 3px;
}
#searchFields div.andOrNot label {
	color: #FFF !important;
}

/*
@media all and (max-width : 1023px) {
	button#itemSearchAddSelectedBtn {
		position: fixed;
		bottom: 0px;
		left: 0px;
		z-index: 1;
		border-radius: 0px;
		height: 50px;
		margin: 0px !important;
		width: 100%;
		float: none !important;
	}
}
*/
@media all and (max-width : 419px) {
	div#searchPaging button svg {
		display: none;
	}
}
@media all and (max-width : 1023px) {
	div#searchFieldsWrapper {
		margin-bottom:20px;
	}

	div#searchPaging {
		text-align: center;
		margin-top: 10px;
	}

	button#itemSearchExpandView {
		display:none;
	}
}

@media all and (max-width : 767px) {
	#searchFields span.break {
		width: 100%;
		display: block;
		margin-bottom: 6px;
	}
}

/*@media all and (min-width : 1024px) and (max-width : 1439px) {*/
/*@media all and (min-width : 1024px) {*/
@media all and (min-width : 1024px) and (max-width : 1720px) {
	#searchFields span.break {
		width: 100%;
		display: block;
		margin-bottom: 6px;
	}
}
@media all and (min-width : 1721px) {
	#searchFields select.items.searchField {
		max-width: 150px;
	}
}
@media all and (min-width : 768px) and (max-width : 1023px) {
	#searchFields select.items.searchField {
		max-width: 150px;
	}
}

@media all and (min-width : 1024px) {
	/*
	button#itemSearchAddSelectedBtn {
		position: fixed;
		bottom: 40px;
		left: 40px;
	}
	*/
	div#modal-view-content.itemSearch, div#item-search-view-content {
		overflow: hidden !important;
	}
	div#modal-view-content.itemSearch div#recResults, div#item-search-view-content div#recResults {
		width: 60%;
		max-height: calc(100% - 90px);
		min-height: calc(100% - 90px);
		overflow-y: auto;
		/*border: 5px solid #6c757d;*/
		border:1px solid #6c757d;
		border-radius:6px 6px 0px 0px;
	}
	div#modal-view-content.itemSearch div#recResults:not(.multiSelect), div#item-search-view-content div#recResults:not(.multiSelect) {
		max-height: calc(100% - 40px);
		min-height: calc(100% - 40px);
	}
	div#modal-view-content.itemSearch div#recResults.multiSelect, div#item-search-view-content div#recResults.multiSelect {
		max-height: calc(100% - 90px);
		min-height: calc(100% - 90px);
	}
	div#modal-view-content.itemSearch div#searchFieldsWrapper, div#item-search-view-content div#searchFieldsWrapper {
		width: calc(40% - 20px);
		float: left;
		margin-right: 20px;
	}


	div#modal-view-content.itemSearch:not(.expandView) button#itemSearchExpandView:after, div#item-search-view-content:not(.expandView) button#itemSearchExpandView:after {
		content: "Expand";
	}
	div#modal-view-content.itemSearch.expandView button#itemSearchExpandView:after, div#item-search-view-content.expandView button#itemSearchExpandView:after {
		content: "Collapse";
	}


	div#modal-view-content.itemSearch:not(.expandView) div#searchPaging, div#item-search-view-content:not(.expandView) div#searchPaging {
		float: right;
		margin-top: 4px;
		width: 60%;
	}

	div#modal-view-content.itemSearch.expandView div#searchPaging, div#item-search-view-content.expandView div#searchPaging {
		margin-top: 4px;
	}


	div#modal-view-content.itemSearch.expandView div#searchFieldsWrapper, div#item-search-view-content.expandView div#searchFieldsWrapper {
		display: none;
	}
	div#modal-view-content.itemSearch.expandView div#recResults, div#item-search-view-content.expandView div#recResults {
		width:100%;
	}
	div#modal-view-content.itemSearch.expandView div#recResults, div#modal-view-content.itemSearch.expandView div#searchDialogBar, div#item-search-view-content.expandView div#recResults, div#item-search-view-content.expandView div#searchDialogBar {
		width: 100%;
	}
}

div#modal-view-content.itemSearch div#mainSearchFields:after, div#item-search-view-content div#mainSearchFields:after {
    content: "Hit enter or the Search buttont or build a search query with the Add button";
    display: block;
    font-size: 12px;
    width: 100%;
    text-align: right;
}


table#recResultsTable button.select:after {
	content: "Select";
}

















div.modalViewDeferred {
	display: none;
}




#pageLoaded {
	width:100%;
	overflow-x:hidden;
}




.checkingOverflow {
	white-space: nowrap;
	overflow-x: hidden;
	display: inline-block;
}








body.mobile #leftDir::-webkit-scrollbar {
	-webkit-appearance: none;
	width:6px;
}
body.mobile #leftDir::-webkit-scrollbar-thumb {
	border-right-width: 0px !important;
}
body:not(.mobile) #leftDir::-webkit-scrollbar {
	-webkit-appearance: none;
	width:14px;
}
/*
body:not(.mobile) .thinscroll:hover::-webkit-scrollbar {
	width:14px;
}
body:not(.mobile) .thinscroll:hover {
	width:238px;
}
*/
#leftDir::-webkit-scrollbar-track {
	background-color: #e2e2e2;
}
#leftDir::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .5);
	border-radius: 10px;
	border: 2px solid #e2e2e2;
	/*border-right-width: 0px !important;*/
}








.thinscroll::-webkit-scrollbar {
	-webkit-appearance: none;
}
.thinscroll::-webkit-scrollbar-track {
	background-color: #fff;
}
.thinscroll::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .5);
	border-radius: 10px;
	border-right-width: 0px;
}

.thinscroll.hscroll::-webkit-scrollbar-thumb {
	border: 2px solid #e2e2e2;
}

.thinscroll:not(.hscroll)::-webkit-scrollbar-thumb {
	border: 2px solid #fff;
}

body:not(.mobile) .thinscroll::-webkit-scrollbar-thumb {
	/*border-right-width: 10px;*/
	border-radius:0px;
}
body:not(.mobile) .thinscroll:hover::-webkit-scrollbar-thumb {
	/*border-right-width: 2px;*/
	border-radius: 10px;
}

.hscroll {
	overflow-x:auto;
	overflow-y:hidden;
}
.vscroll {
	overflow-y:auto;
	overflow-x:hidden;
}
.hscroll.thinscroll::-webkit-scrollbar-track {
	background-color: #e2e2e2;
}






/* LOADING TEST BELOW */
/*
body #pageLoaded {
	transition:opacity .6s;
}
body:not(.pageLoading) #pageLoaded{
	display:block;
	opacity:1;
}
body:not(.pageLoading) #pageLoading{
	display:none;
	opacity:0;
}
*/










/* Customize the label (the container) */
.container.cbox {
	display: block;
	position: relative;
	/* padding-left: 35px; */
	/* margin-bottom: 12px; */
	cursor: pointer;
	/* font-size: 22px; */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: left;
	padding-left: 30px;
}

/* Hide the browser's default checkbox */
.container.cbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #fff;
	border: 1px solid #ced4da;
	box-shadow: inset 1px 1px 1px #6b6b6b;
	border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.container.cbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container.cbox input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container.cbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container.cbox .checkmark:after {
	left: 8px;
	top: 3px;
	width: 8px;
	height: 13px;
	border: solid white;
	border-width: 0px 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}



label {
	color: #4370a0!important;
	font-size: .9375rem !important;
}
label:not(.form-check-label) {
	font-weight: bold;
}
label.fieldLabel {
	padding-top: 0px;
	padding-bottom: 1px;
}


div.tableResultsWrapper {
	/*overflow-x: scroll;*/
	overflow-x: auto;
}


div#recResults td input.sel {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

div.tableResultsWrapper:not(.hasChecked) .hasCheckedReq {
	display: none !important;
}


/*
#recResultsTable tr.rowHead, #recResultsTableFixedHead tr.rowHead {
	background-color: #222d32;
}
#recResultsTable tr.rowHead th, #recResultsTableFixedHead tr.rowHead th {
	border-color: #464646;
	color: #fff;
	text-align: center;
	line-height: 22px;
}

#itemResultsTable tr.rowHead, #itemResultsTableFixedHead tr.rowHead {
	background-color: #222d32;
}

#itemResultsTable tr.rowHead th, #itemResultsTableFixedHead tr.rowHead th {
	border-color: #464646;
	color: #fff;
	text-align: center;
	line-height: 22px;
}
*/



/* BEGIN - TAG BUTTONS */

div#tagsList div {
	cursor: context-menu;
	display: inline-block;
	color: #0b0c0c;
	background-color: #eaeaea;
	border: 1px solid #888;
	border-radius: 4px;
	margin: 6px 6px 0px 0px;
	font-size: 14px;
	line-height: 25px;
	padding: 6px;
}
div#tagsList div .fa-times-circle {
	font-size: 25px;
	color: #990000;
	margin-right: 5px;
	text-shadow: 1px 1px 0px #FFF;
	vertical-align: middle;
	cursor: pointer;
	background-color: #FFF;
	border-radius: 50%;
	padding: 1px;
}

/* END - TAG BUTTONS */






textarea.linkToBox {
	background-color: #e0e0e0;
	padding: 10px;
	line-height: 18px;
	color: #696969;
	min-height: 80px;
}



.hourPicker.pm option.am, .hourPicker.am option.pm {
	display:none;
}


tr.rowHead {
	background-color: #222d32;
}

.rowHead th {
	border-color: #464646;
	color: #fff;
	text-align: center;
	line-height: 1.4375rem;
	font-size: .75rem;
	font-weight: bold;
	text-transform: uppercase;
}
tr.rowHead2 {
	background-color: #dee2e6;
}
.rowHead2 td {
	text-align: center;
	line-height: 1.4375rem;
	font-size: .75rem;
	/*border-bottom-width: 1px !important;*/
}

/*.rowHead th .help{*/
.help{
	font-size: 1rem;
	color: #1976D2;
	background-color: #fff;
	padding: 1px;
	border-radius: 50%;
	margin-left: 4px;
	border: 1px solid #000;
}


/* BEGIN - BOOTSTRAP OVERRIDES */
.nav-tabs .nav-link {
	border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link:not(.active):focus, .nav-tabs .nav-link:not(.active):hover {
	background-color: aliceblue;
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    transition: -webkit-transform .6s ease !important;
    transition: transform .6s ease !important;
    transition: transform .6s ease,-webkit-transform .6s ease !important;
}
/* END - BOOTSTRAP OVERRIDES */






/* BEGIN - FULL ON FOCUS TEXTAREA */

body.mobile .fullOnFocus:focus-within {
	position:fixed;
	top:45px;
	left:0px;
	width:100%;
	height:100%;
	z-index:9999;
	padding:0px;
	margin: 0px !important;

}
body.mobile .fullOnFocus:focus-within .text-focus {
	width:100%;
	height:calc(100% - 45px);
	border-radius:0px;
	-webkit-appearance: textarea;
}
body.mobile .fullOnFocus:focus-within:before {
	width:100%;
	content:"Done";
	position:fixed;
	top:0px;
	left:0px;
	height:45px;
	line-height:45px;
	color:#FFF;
	cursor:pointer;
	text-align:center;
	background-color:#4b646f;
	font-weight:bold;
}

/* END - FULL ON FOCUS TEXTAREA */






.addPulse {
	box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
	border-radius: 50%;
	background-color: #e84c3d;

	cursor: pointer;
/*
	-webkit-animation: addPulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: addPulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: addPulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
*/
	animation: addPulse 1.25s cubic-bezier(0.66, 0, 0, 1);
}
@-webkit-keyframes addPulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@-moz-keyframes addPulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@-ms-keyframes addPulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@keyframes addPulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}


div#networkLostWarning {
position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ff00008f;
    z-index: 9999;
    color: #fff;
    font-size: 3rem;
    text-align: center;
    line-height: 3rem;
    text-shadow: 3px 3px 1px #000;
    height: 100%;
    padding-top: 40vh;
}




button.btn.btn-jolt-ai {
	cursor: pointer;
	border: 1px solid #ccc;
}
button.btn.btn-jolt-ai.jolt-in-field {
    position: absolute;
    right: 10px;
    z-index: 1;
}
button.btn.btn-jolt-ai.jolt-inline {
    margin-left: 0.5rem;
}
/*
button.btn.btn-jolt-ai:after {
	content: "Jolt";
}
*/

body.appendLoadInApp {
    overflow: hidden;
}
iframe#appendLoadInApp {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 1072;
    background-color: #fff;
    display: block;
    top: 0;
    left: 0;
    border: 0;
}
iframe#appendLoadInApp.minimize {
    bottom: calc(-100vh + 30px) !important;
    top: auto !important;
    border-top: 30px solid #0c4a7d;
    cursor: pointer;
}