@font-face {
	font-family: 'arvobold';
	src: url('../fonts/arvo-bold_201.eot');
	src: url('../fonts/arvo-bold_201.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/arvo-bold_201.woff2') format('woff2'),
		 url('../fonts/arvo-bold_201.woff') format('woff'),
		 url('../fonts/arvo-bold_201.ttf') format('truetype'),
		 url('../fonts/arvo-bold_201.svg#arvobold') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'arvoregular';
	src: url('../fonts/arvo-regular_201.eot');
	src: url('../fonts/arvo-regular_201.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/arvo-regular_201.woff2') format('woff2'),
		 url('../fonts/arvo-regular_201.woff') format('woff'),
		 url('../fonts/arvo-regular_201.ttf') format('truetype'),
		 url('../fonts/arvo-regular_201.svg#arvoregular') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'montserratregular';
	src: url('../fonts/montserrat-regular.eot');
	src: url('../fonts/montserrat-regular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/montserrat-regular.woff2') format('woff2'),
		 url('../fonts/montserrat-regular.woff') format('woff'),
		 url('../fonts/montserrat-regular.ttf') format('truetype'),
		 url('../fonts/montserrat-regular.svg#montserratregular') format('svg');
	font-weight: normal;
	font-style: normal;

}


@font-face {
	font-family: 'montserratlight';
	src: url('../fonts/montserrat-light.eot');
	src: url('../fonts/montserrat-light.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/montserrat-light.woff2') format('woff2'),
		 url('../fonts/montserrat-light.woff') format('woff'),
		 url('../fonts/montserrat-light.ttf') format('truetype'),
		 url('../fonts/montserrat-light.svg#montserratlight') format('svg');
	font-weight: normal;
	font-style: normal;

}

.vcenter {position: relative;top: 50%;transform: translateY(-50%);}
.hcenter {position: relative;left: 50%;transform: translateX(-50%);}
.flexcenter {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flextop {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

html {
	height:100%;
}

body {
	height:100%;
	padding-top: 60px;
	font-family: 'montserratlight', Arial, verdana;
	font-size: 15px;
	margin: 0px;
	overflow: hidden;
}
body {
	color: white;
}

a {
	color: #00ffff;
}
a:hover,
a:focus {
	color: #00a0ff;
}

#bodymain::-webkit-scrollbar {
	width: 5px;
	background-color: #3a3a3a;
}
#bodymain::-webkit-scrollbar-thumb {
	background-color: #3a3a3a;
	background-image: -webkit-linear-gradient(90deg, black, black)
}
#bodymain {
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}
#bodymain::before {
	content:'';
	background: #3a3a3a;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	will-change: transform;
	z-index: -1;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.page--new #bodymain {
	animation-duration: 0.10s;
	transition-timing-function: ease-in;
	animation-fill-mode: both;
	animation-name: fadeIn;
}

.page--old #bodymain {
	animation-duration: 0.20s;
	transition-timing-function: ease-out;
	animation-fill-mode: both;
	animation-name: fadeOut;
}

.appwordmark {
	padding: 0px !important;
	background: none !important;
}
@media (max-width: 767px) {
	.appwordmark {
		display: none !important;
	}
}
.applogo {
	vertical-align: top !important;
	height: 100%;	
}

.logincontainer {
	height: 100%;
	width: 100%;
	padding: 0px;
}
.registercontainer {
	height: auto;
}
.loginbox {
	margin-top: -60px;
	padding: 20px 20px;
	border-radius: 9px;
	background: #494949;
	-webkit-box-shadow: 3px 3px 10px 2px rgb(0 0 0 / 55%);
	-moz-box-shadow: 3px 3px 10px 2px rgba(0,0,0,0.55);
	box-shadow: 3px 3px 10px 2px rgb(0 0 0 / 55%);
	width: 80vw;
	max-width: 400px;
}
.registerbox {
	margin-top: 20px;
	margin-bottom: 40px;
}
@media (max-width: 767px) {
	.loginbox {
		margin-top: 0px;
		margin-bottom: 0px;
		width: 100%;
		height: 100%;
		max-width: 100%;
		border-radius: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		padding: 20px 6vw;
	}
}
.form-signin .form-group {
	display: block !important;
	margin: 0px;
}
.acntdetails {
	font-size: 13px !important;
	border-bottom: none !important;
	padding: 0 15px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.accntdropdown .acntdetails {
	cursor: pointer;
}
.accntdropdown .acntdetails:hover {
	color: #5f6f81;
}
.accntdropdown .acntdetails.dropbtn.dropmainshow {
	color: #5f6f81;
	background-color: #3a3a3a;
}
.accntdropdown .acntdetails:hover .accnticon {
	border-color: #5f6f81;
}
.accntdropdown .acntdetails.dropmainshow .accnticon {
	border-color: #5f6f81;
}
.accntdropdown .dropdown-menu .dropdown-item {
	margin: 0px !important;
	cursor: pointer;
	width: 100%;
}
.accntdropdown .dropdown-menu .dropdown-item:hover {
	background-color: #6a6a6a;
}
.accntdropdown .dropdown-menu {
	background-color: #3a3a3a;
	left: unset;
	right: 4px;
	min-width: 180px;
}
.accnticon {
	border-radius: 50% 50%;
	border: 2px solid white;
	width: 30px !important;
	height: 30px !important;
	font-size: 16px;
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
}
@media (max-width: 420px) {
	.acntdetails {
		/* display: none !important; */
	}
}
.topgroupbtn {
	color: white;
	padding: 0 15px !important;
	margin: 0 3px;
	display: inline-block !important;
}
.topgroupbtn i {
	margin-right:5px;
}
.first {
	padding-left: 15px !important;
}
.last {
	margin-right: 5px !important;
}
.formbody {
	padding-top: 40px;
	padding-bottom: 20px;
}
.formtextextra {
	color: #00ffff;
	margin-top: 3px;
	font-size: 0.9em;
}
.formtextextra ul {
	padding-left: 0px;
	margin-inline-start: 16px;
}


.contentview h3 {
	margin-top: 30px;
	margin-left: 40px;
}
.contentview h4 {
	margin-top: 30px;
	margin-left: 0px;
}

.toastcontainer {
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 70px;
	width: 100%;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	transition: opacity 0.5s;
	pointer-events: none;
	z-index: 9999999999 !important;
}
.toastbox {
	background: red;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	width: 300px;
	-webkit-box-shadow: 0px 0px 15px 4px rgb(0 0 0 / 45%);
	-moz-box-shadow: 0px 0px 15px 4px rgb(0 0 0 / 45%);
	box-shadow: 0px 0px 15px 4px rgb(0 0 0 / 45%);
}
.toastbox.ok {
	background: #009E00;
}
.toastcontainer.visible {
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.operationscontainer {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 15px;
}
.operationscontainer label {
	margin: 0px !important;
	display: flex;
	align-items: center;
}
.footercontainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}
.btmbar {
	display: flex;
	align-items: center;
	position: relative;
}
.btmbar div {
	border-radius: 0px;
}
.btmbar .btn {
	height: 34px;
	width: 40px;
	padding: 0px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.dropbtn i {
	pointer-events: none;
}
.dropbtn.columns {
	display: inline-flex;
	align-items: center;
	justify-content: center;	
	height: 100%;
	width: 100%;
}
.dropbtn.dropmainshow {
	background-color: #286090;
	border-color: #204d74;
}
.dropdown-item.btn {
	height: unset;
	width: unset;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 7px;
}
.tablecontainer.maximized .operationscontainer,
.tablecontainer.maximized .footercontainer,
.tablecontainer.maximized .btmbar {
	width: 80vw !important;
	margin-left: auto;
	margin-right: auto
}
#columnselect {
	height: 34px;
	width: 40px;
	padding: 0px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
#columnselect .dropdown-menu {
	display: none;
	flex-direction: column;
	bottom: 35px;
	top: unset;
	left: -2px;
	padding: 10px;
}
.dropdown-menu.dropshow {
	display: block;
}
#columnselect .dropdown-menu.dropshow {
	display: flex;
	max-height: 400px;
	overflow-y: auto;
}
.dropdown-menu .dropdown-item {
	margin: 2px 0px;
}
.tablebtn,
#addnewbtn,
#createtoken,
#scanbtn {
	padding: 6px 20px;
	height: 45px;
	display: flex;
	align-items: center;
	border-radius: 0px;
}
.tablebtn i,
#addnewbtn i,
#createtoken i,
#scanbtnx i,
#widgetmenu i {
	padding-right: 7px;
}
#createtoken {
	width: 100%;
	justify-content: center;
}
.dataTables_filter {
	flex-grow: 1;
}
.dataTables_filter input {
	width: 100%;
	padding: 5px 10px;
	color: black;
	border-radius: 0px;
	height: 45px;
}
.dataTables_length {
	padding: 0px 20px;
	background-color: #337ab7;
	border-color: #2e6da4;
	border-radius: 0px;
	height: 45px;
	display: flex;
	align-items: center;
}
.dataTables_length label {
	font-size: 14px;
	font-weight: 400;
}
.dataTables_length select {
	margin-left: 3px;
	padding: 6px 0px 6px 0px;
	color: white;
	border: transparent;
	background: #337ab7;
	height: 34px;
}
.dataTables_info {
	flex-grow: 0;
	margin-bottom: 10px;
}
.dataTables_paginate {
	margin: 15px 0px;
	flex-grow: 1;
}
.paginate_button {
	margin: 0px 5px;
	color: white !important;
	background: #337ab7;
	/* border-radius: 4px; */
	padding: 6px 0px;
	text-align: center;
	width: 45px;
	display: inline-block;
}
.paginate_button:hover {
	cursor: pointer;
	text-decoration: none !important;
	background-color: #286090;
	border-color: #204d74;
}
.paginate_button.disabled,
.paginate_button.disabled:hover{
	background: #6c757d;
	color: lightgray;
	pointer-events: none !important;
}
.current {
	cursor: pointer;
	pointer-events: none !important;
	background: #28a745;
}
.previous, .next {
	width: 95px;
}
.previous {
	margin-left: 0px;
}
.next {
	margin-right: 30px;
}
@media (max-width: 767px) {
	.operationscontainer {
		flex-direction: column;
	}
	.footercontainer {
		flex-direction: column;
	}
	.tablebtn,
	#addnewbtn,
	#createtoken,
	#scanbtn {
		margin-bottom: 5px;
		width: 100%;
		justify-content: center;
		padding-right: 40px;
	}
	.dataTables_filter {
		margin-bottom: 5px;
		width: 100%;
	}
	.dataTables_length,
	#scanbtn {
		width: 100%;
		justify-content: center;
	}
	.dataTables_info {
		margin-bottom: 20px;
		padding-right: 0px;
	}
	.paginate_button, .ellipsis {
		display: none;
	}
	.previous, .current, .next {
		display: inline-block;
		width: 85px;
		padding: 5px 0px;
	}
	.current {
		width: 40px;
	}
	.next {
		margin-right: 0px;
	}
}
.processing {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
	top: 0px;
	left: 0;
	opacity: 0.5;
	color: transparent;
	pointer-events: none;
}
.dataTables_processing,
.dataTables_processing:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.dataTables_processing {
  margin: 0px;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 0, 255, 0.2);
  border-right: 1.1em solid rgba(255, 0, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 0, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
  }
  100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
  }
  100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
  }
}
  



.tablecontainer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 50px;
	width: 100%;
}
.tablecontainer.maximized {
	padding: 50px 4px 4px 4px;
}
.tablecontainer.maximized .dataTables_wrapper {
	width: 100% !important;
}
.tablecontainer .ui-resizable-e {
	pointer-events: auto;
	background-color: #B1A6A6;
	width: 2px;
	right: -13px;
}
.tablecontainer .ui-resizable-e:last-of-type {
	right: -9px;
}
.contentview .consolestyle:first-of-type {
	padding-top: 50px;
}
.contentview .consolestyle:last-of-type {
	padding-bottom: 70px;
}
.consolestyle {
	padding-top: 10px;
	padding-bottom: 20px;
}
.consolestyle tbody {
	min-height: unset !important;
}
.dataTables_wrapper,
.tableconsoleheading {
	width: 80% !important;
	min-width: 80vw;
}
.dataTable {
	width: 100% !important;
	min-width: 80vw;
}
.dataTable thead {
	background: lightgray;
	/* border-radius: 5px; */
	color: black;
	display: block;
}
.dataTable thead th {
	margin: 0px 10px;
	cursor: pointer;
}
.dataTable thead tr {
	padding: 10px 0px !important;
}
.dataTable tbody {
	background: white;
	/* border-radius: 5px; */
	color: black;
	display: block;
	padding: 0px 0px 10px 0px;
	/* margin-top: 8px; */
	min-height: 52vh;
}
.dataTable tr {
	display: flex;
	padding: 0px;
}
.dataTable tbody tr {
	border-bottom: 1px solid lightgray;
}
.dataTable .odd,
.dataTable .even {
	cursor: pointer;
}
.dataTable .odd:hover,
.dataTable .even:hover {
	background-color: #eeeeee;
	-webkit-transition: background-color 0.1s;
	-moz-transition: background-color 0.1s;
	transition: background-color 0.1s;
}
.dataTable .shown {
	background-color: #eeeeee;
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
}
.dataTable tr.expansion {
	background-color: #f5f5f5;
	opacity: 1;
	padding: 15px 40px;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.scrolltable {
	overflow-x: auto;
}
.scrolltable.scroll-x {
	overflow-x: scroll;
}
.maintd {
	display: inline-block;
	width: 200px !important;
	padding: 10px 0px;
	margin: 0px 10px;
	word-break: break-word;
}
.maintd.tselect .listcheckbox {
	margin: 0px !important;
}
.td1 {
	width: 45px !important;
	flex-grow: 0;
	flex-shrink: 0;
	text-align: center;
}
.td2 {
	display: none; /* button */
	width: 45px !important;
	flex-grow: 0;
	flex-shrink: 0;
	text-align: center;	
}
.td3 {
	/* flex-grow: 1; */
}
.td3.fixed {
	flex-grow: 0;
	flex-shrink: 0;
	width: 220px !important;
}
.td3.fixed255 {
	flex-grow: 0;
	flex-shrink: 0;
	width: 255px !important;
}
.td4 {
	width: 165px !important;
	flex-grow: 0;
	flex-shrink: 0;
}
.td4.fixed255 {
	flex-grow: 0;
	flex-shrink: 0;
	width: 255px !important;
}
.td4.grow {
	/* flex-grow: 1; */
}
@media (max-width: 619px) {
	.td4 {
		/* display: none; */
	}
}
.td5 {
	width: 230px !important;
	flex-grow: 0;
	flex-shrink: 0;
}
.td5.grow {
	/* flex-grow: 1; */
}
@media (max-width: 919px) {
	.td5 {
		/* display: none; */
	}
}
.td6,
.td7,
.td8,
.td9,
.td10 {
	/* display: none; */
}
@media (min-width: 1320px) {
	.td6 {
		display: block;
		width: 185px !important;
		flex-grow: 0;
		flex-shrink: 0;
	}
}
@media (min-width: 1440px) {
	.td7 {
		display: block;
		width: 185px !important;
		flex-grow: 0;
		flex-shrink: 0;
	}
}
.lastmodified, .datecreated, .status {
	width: 220px !important;
	/* flex-basis: 220px !important; */
}
.category {
	width: 220px !important;
	/* flex-basis: 220px !important; */
}
.alwayson {
	display: block;
}
.sorting .thcontainer:after {
	content: '\f0dc';
	font-family: 'Font Awesome 5 Free';
	padding: 0px 5px;
	height: 100%;
}
.sorting_asc .thcontainer:after {
	content: '\f0d8';
	font-family: 'Font Awesome 5 Free';
	padding: 0px 5px;
	height: 100%;
}
.sorting_desc .thcontainer:after {
	content: '\f0d7';
	font-family: 'Font Awesome 5 Free';
	padding: 0px 5px;
	height: 100%;
}
.thcontainer {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}












.gn-menu-main,
.gn-menu-main ul {
		margin: 0;
		padding: 0;
		background: #3a3a3a;
		color: white;
		list-style: none;
		text-transform: none;
		line-height: 60px;
}

.gn-menu-main {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 60px;
		font-size: 13px;
		z-index:99999;

		-webkit-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.45);
		-moz-box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.45);
		box-shadow: 0px 1px 5px 1px rgba(0,0,0,0.45);
}

.gn-menu-main a {
		display: block;
		height: 100%;
		text-decoration: none;
		cursor: pointer;
}

.gn-menu-main a:hover,
.gn-menu-main a:focus,
.gn-menu li.gn-search-item:hover,
.gn-menu li.gn-search-item:hover a {
		background: #5f6f81;
		color: white;
}

.gn-menu-main > li {
		display: block;
		float: left;
		height: 100%;
		/*border-right: 1px solid #c6d0da;*/
		text-align: center;
}

/* icon-only trigger (menu item) */

.gn-menu-main li.gn-trigger {
		position: relative;
		width: 60px;
		margin-left: 20px;
		margin-right: 15px;
		padding: 0px;		
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}
.gn-menu-main li.gn-trigger a:hover {
	background: none !important;
}

.gn-menu-main > li:last-child {
		float: right;
		border-right: none;
		/* border-left: 1px solid #c6d0da; */
}

.gn-menu-main > li > a {
		padding: 0 30px;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
}

.gn-menu-main:after {
		display: table;
		clear: both;
		content: "";
}

.gn-menu-wrapper {
		position: fixed;
		top: 65px;
		bottom: 0;
		left: -2px;
		overflow: hidden;
		width: 95px;
		background: #3a3a3a;
		-webkit-transform: translateX(-95px);
		-moz-transform: translateX(-95px);
		transform: translateX(-95px);
		box-shadow: none;
		-webkit-transition: -webkit-transform 0.1s, width 0.1s, box-shadow 0.1s;
		-moz-transition: -moz-transform 0.1s, width 0.1s, box-shadow 0.1s;
		transition: transform 0.1s, width 0.1s, box-shadow 0.1s ;
}

.gn-scroller {
		background: #3a3a3a;
		position: absolute;
		overflow-y: scroll;
		width: 370px;
		height: 100%;
}

.gn-menu {
	border-bottom: 1px solid #464b50;
	text-align: left;
	font-size: 18px;
}

.gn-menu li:not(:first-child),
.gn-menu li li {
	box-shadow: inset 0 1px #464b50;
}
.gn-submenu li {
	overflow: hidden;
	height: 0;
	padding-left: 20px;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
	font-size: 0.85em;
}

.gn-submenu li:hover {
	cursor:pointer;
	background: #6a6a6a;
}
.gn-submenu li a {
	color: #5f6f81;
}
.gn-submenu.disabled {
	pointer-events: none !important;
	color: darkgray !important;
}

input.gn-search {
	position: relative;
	z-index: 10;
	padding-left: 60px;
	outline: none;
	border: none;
	background: transparent;
	color: #5f6f81;
	font-weight: 300;
	font-family: 'Lato', Arial, sans-serif;
	cursor: pointer;
}

/* placeholder */

.gn-search::-webkit-input-placeholder {
	color: #5f6f81
}

.gn-search:-moz-placeholder {
	color: #5f6f81
}

.gn-search::-moz-placeholder {
	color: #5f6f81
}

.gn-search:-ms-input-placeholder {
	color: #5f6f81
}

/* hide placeholder when active in Chrome */

.gn-search:focus::-webkit-input-placeholder,
.no-touch .gn-menu li.gn-search-item:hover .gn-search:focus::-webkit-input-placeholder {
	color: transparent
}

input.gn-search:focus {
	cursor: text
}

.no-touch .gn-menu li.gn-search-item:hover input.gn-search {
	color: white
}

/* placeholder */

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-webkit-input-placeholder {
	color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-moz-placeholder {
	color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search::-moz-placeholder {
	color: white
}

.no-touch .gn-menu li.gn-search-item:hover .gn-search:-ms-input-placeholder {
	color: white
}

.gn-menu-main a.gn-icon-search {
	position: absolute;
	top: 0;
	left: 0;
	height: 60px;
}

.gn-menuicon  {
	display: inline-block;
	width: 95px;
	text-align: center;
	text-transform: none;
	line-height: 1;
	speak: none;
}

.gn-bootstrapmenu {
	display: inline-block !important;
}

.gn-icon::before {
	display: inline-block;
	width: 60px;
	text-align: center;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'ecoicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.gn-icon-help::before {
	content: "\e000"
}

.gn-icon-earth::before {
	content: "\e004"
}

.gn-icon-cog::before {
	content: "\e006"
}

.gn-icon-search::before {
	content: "\e005"
}

.gn-icon-download::before {
	content: "\e007"
}

.gn-icon-photoshop::before {
	content: "\e001"
}

.gn-icon-illustrator::before {
	content: "\e002"
}

.gn-icon-archive::before {
	content: "\e00d"
}

.gn-icon-article::before {
	content: "\e003"
}

.gn-icon-pictures::before {
	content: "\e008"
}

.gn-icon-videos::before {
	content: "\e009"
}

/* if an icon anchor has a span, hide the span */

.gn-icon span {
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.gn-icon-menu::before {
	margin-left: -15px;
	vertical-align: -2px;
	width: 30px;
	height: 3px;
	background: white;
	box-shadow: 0 3px #3a3a3a, 0 -6px white, 0 -9px #3a3a3a, 0 -12px white;
	content: '';
}
.gn-icon-menu.disabled {
	cursor: default;
	pointer-events: none;
}

.no-touch .gn-icon-menu:hover::before,
.no-touch .gn-icon-menu.gn-selected:hover::before {
	background: white;
	box-shadow: 0 3px #3a3a3a, 0 -6px white, 0 -9px #3a3a3a, 0 -12px white;
}

.gn-icon-menu.gn-selected::before {
	background: #6a6a6a;
	box-shadow: 0 3px #3a3a3a, 0 -6px #6a6a6a, 0 -9px #3a3a3a, 0 -12px #6a6a6a;
}

/* styles for opening menu */

.gn-menu-wrapper.gn-open-all,
.gn-menu-wrapper.gn-open-part {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	-webkit-box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.45);
	box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.45);
}

.gn-menu-wrapper.gn-open-all {
	width: 340px
}

.gn-menu-wrapper.gn-open-all .gn-submenu li {
	height: 60px
}

@media screen and (max-width: 422px) {
	.gn-menu-wrapper.gn-open-all {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		transform: translateX(0px);
		width: 100%;
	}
	.gn-menu-wrapper.gn-open-all .gn-scroller {
		width: 130%
	}
}


/* JQUERY OVERRIDES */
.ui-dialog,
.form-control {
	font-family: 'montserratlight', arial, verdana !important;
}
.form-control {
	font-size: 1em;
	height: auto;
	min-height: 40px;
	padding: 4px 12px;
}
.form-control[readonly] {
	pointer-events: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}
.form-control:not(".btn") {
	color: #222 !important;
}
.ui-dialog-titlebar-close {
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	border: none !important;
	background: transparent !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px !important;
	height: 100% !important;
	width: 90px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center;
	background-color: #3a3a3a !important;
	border-radius: 0px !important;
}
.ui-icon {
	background: none !important;
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	-moz-osx-font-smoothing: grayscale !important;
	-webkit-font-smoothing: antialiased !important;
	display: inline-block !important;
	font-style: normal !important;
	font-variant: normal !important;
	text-rendering: auto !important;
	line-height: 1 !important;
	text-indent: unset !important;
	top: unset !important;
	left: unset !important;
	margin: unset !important;
	height: auto;
	width: auto;
	position: relative !important;
}
.ui-icon-closethick:before {
	content: "\f00d";
	color: white;
	font-size: 25px;
	line-height: 1;
}
.ui-dialog-titlebar {
	pointer-events: all;
	height: 95px !important;
	padding: 0px !important;
	border: none !important;
	flex-grow: 0 !important;
	flex-shrink: 0 !important;
	border-top-left-radius: 10px !important;
	border-bottom-left-radius: 0px !important;
	border-top-right-radius: 10px !important;
	border-bottom-right-radius: 0px !important;
	border-radius: 0 !important;
	background: #337ab7;
}
.ui-dialog-title {
	float: none !important;
	display: flex !important;
	align-items: flex-end !important;
	height: 100% !important;
	margin: 0px 0px 0px 40px !important;
	font-size: 25px;
	letter-spacing: 2px;
	padding-bottom: 20px;
}
.ui-dialog-titlebar-close .ui-button-text {
	display: none !important;
}
.ui-resizable-n,
.ui-resizable-w,
.ui-resizable-ne,
.ui-resizable-nw,
.ui-resizable-sw {
	pointer-events: none;
}
.ui-resizable-s {
	pointer-events: none;
}
.ui-resizable-e {
	pointer-events: none;
}
.ui-resizable-se {
	height: 25px !important;
	width: 25px !important;
	position: absolute !important;
}
.widgetdialogClass .actualform::before,
.widgetdialogClass .actualform::after {
	content: "";
	display: block;
	top: calc(100% - 10px);
	left: calc(100% - 10px);
	position: absolute;
	/* transform: translate(-50%, -50%); */
}  
.widgetdialogClass .actualform::before {
	border: .1rem solid currentColor;
	border-right: 0;
	border-top: 0;
	border-left: 0;
	height: 1.4em;
	transform: translate(-84%, -84%) rotate(-45deg); 
	width: 1.4em;
}
.widgetdialogClass .actualform::after {
	border: .1rem solid currentColor;
	border-right: 0;
	border-top: 0;
	border-left: 0;
	height: .7em;
	transform: translate(-50%, -50%) rotate(-45deg); 
	width: .7em;
}
.ui-widget-overlay {
	background: black !important;
	opacity: 0.7 !important;
}
.entryformdlgclass {
	pointer-events: none;
	max-width: 800px !important;
	height: 100vh !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: center;
	margin: 0px !important;
	padding: 90px 0px 40px 0px !important;
	border-radius: 0px !important;
	border: none !important;
	background: none;
}
@media (max-width: 767px) {
	.ui-dialog-titlebar {
		height: 65px;
	}
	.ui-dialog-title {
		font-size: 18px;
	}
	.ui-icon-closethick:before {
		font-size: 20px;
	}
	.entryformdlgclass {
		max-width: 100% !important;
		width: 100% !important;
		padding-top: 63px !important;
		padding-bottom: 0px !important;
	}
}
.formmaximize {
	max-width: 100% !important;
	width: 100% !important;
	padding-top: 63px !important;
	padding-bottom: 0px !important;
	left: 0px !important;
}
.entryformdlgclass:before {
	content: " ";
	position: absolute;
	width: 100%;
	height: 100%;
}
.ui-dialog.hidden {
	display: none !important;
}
.ui-widget-overlay.hidden {
	display: none !important;
}
.ui-dialog-content {
	pointer-events: all;
	overflow: hidden !important;
	padding: 0px !important;
	/* margin-bottom: 20px !important; */
	background: white !important;
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 10px !important;
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 10px !important;
	border-radius: 0 !important;
	height: 100vh !important;
}
.ui-dialog-content .processing {
	height: 400px;
	position: relative;
}
.actualform {
	/* overflow: auto; */
	height: 100%;
	padding: 0px;
}
.scrollform::-webkit-scrollbar {
	width: 5px;
	background-color: #F5F5F5;
}

.scrollform::-webkit-scrollbar-thumb {
	background-color: rgb(0, 174, 240);	
	background-image: -webkit-linear-gradient(45deg,rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%,rgba(255, 255, 255, .2) 50%,rgba(255, 255, 255, .2) 75%,transparent 75%,transparent)
}
.errorlist {
	margin-top: 10px;
}
.formsetcontainer {
	margin-bottom: 20px;
}
.formset {
	width: 100%;
}
.formset thead tr {
	padding-bottom: 7px !important;
}
.formset thead tr,
.formset tbody tr {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 20px 15px 15px 15px;
}
.formset thead th,
.formset tbody td {
	width: 100%;
	flex-shrink: 0;
	flex-grow: 0;
	margin: 0px;
	margin-right: 5px;
}
.formset thead th:first-of-type,
.formset tbody td:first-of-type {
	flex-grow: 1;
}
.formset thead th:last-of-type,
.formset tbody td:last-of-type {
	width: 55px;
}
.formset td {
	margin-bottom: 15px !important;
}
.viewonly .formset td {
	margin-bottom: 0px !important;
	margin-top: 10px !important;
}
.viewonly .formset td:first-of-type {
	margin-top: 0px !important;
}
.formset .form-group {
	margin-bottom: 0px !important;
	height: 100%;
}
.formset input[type="checkbox"] {
	width: 40px;
	height: 40px;
	margin: 0px auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
}
.formset .fclass-quantity {
	width: 100px;
	margin-right: 10px;
}
.formset .fclass-quantity input {
	height: 40px;
}
.formset .fclass-pricefield {
	width: 200px !important;
	margin-right: 10px;
}
.formset .fclass-pricefield input {
	width: auto;
	height: 40px;
}
.formset td.fclass-isdone {
	width: 60px !important;
}
.formset td.fclass-caption {
	width: 100% !important;
}
.formset td.fclass-purchaseprice {
	width: 100% !important;
}
.formset td.fclass-isdone .control-label {
	justify-content: center;
}
.form-group.fclass-updatedby select,
.form-group.fclass-dispowner input {
	background: transparent;
	border: transparent;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	padding-left: 0px;
}
.formsettabletr {
	border: 1px solid lightblue;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 20px;
}
.formsettabletr .control-label {
	padding-bottom: 0px;
}
.formsettabletr[data-formset-form-deleted] input[type="checkbox"].fclass-DELETE {
	border: 0px;
}
.formsettabletr[data-formset-form-deleted] input[type="checkbox"].fclass-DELETE:after {
	content: '\f00d';
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	position: absolute;
	width: 40px;
	height: 40px;
	color: white;
	font-size: 32px;
	background-color: red;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}
.viewonly .formsetadd {
	display: none;
	pointer-events: none;
}
.fclass-govid .controlcontainer,
.fclass-itemimage .controlcontainer,
.fclass-picture .controlcontainer {
	flex-direction: column;
}
.fclass-govid .controlcontainer img,
.fclass-itemimage .controlcontainer img,
.fclass-picture .controlcontainer img {
	max-width: 400px;
}
.fclass-govid .fileselect, 
.fclass-itemimage .fileselect,
.fclass-picture .fileselect {
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.fclass-govid .fileselect input[type=file],
.fclass-itemimage .fileselect input[type=file],
.fclass-picture .fileselect input[type=file] {
	width: 100%;
	margin-right: 10px;
}
.fclass-govid .fileselect input[type=checkbox],
.fclass-itemimage .fileselect input[type=checkbox],
.fclass-picture .fileselect input[type=checkbox] {
	width: 40px;
	height: 40px;
	margin: 0px auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	flex-shrink: 0;
	flex-grow: 0;
	margin-right: 10px;
}
.fclass-govid .fileselect input[type=checkbox]:checked,
.fclass-itemimage .fileselect input[type=checkbox]:checked,
.fclass-picture .fileselect input[type=checkbox]:checked {
	border: 0px;
}
.fclass-govid .fileselect input[type=checkbox]:checked:after,
.fclass-itemimage .fileselect input[type=checkbox]:checked:after,
.fclass-picture .fileselect input[type=checkbox]:checked:after {
	content: '\f00d';
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	position: absolute;
	width: 40px;
	height: 40px;
	color: white;
	font-size: 32px;
	background-color: red;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}

.submitform {
	/* padding-bottom: 60px; */
	height: 100%;
	padding: 0px;
	display: flex;
	flex-direction: column;
}
.submitform i {
	margin-right: 10px;
}
.scrollform {
	overflow: auto;
	height: 100%;
	padding: 40px 60px 150px 60px;
}
.form-group {
	display: flex !important;
	align-items: baseline !important;
	margin: 0px 0px 20px 0px !important;
	flex-direction: column !important;
}
#tabs {
	border: none;
	border-radius: 0px;
	padding: 0px;
	margin: 0px;
	font-family: 'montserratlight', Arial, verdana;
	background: none;
}
#tabs .ui-tabs-panel {
	padding: 0px;
	margin: 0px;
	border: 0px;
	border-radius: 0px;
}
#tabs .ui-tabs-nav {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	background-color: transparent;
	border: none;
	border-radius: 0px;
	background: none;
}
#tabs .ui-state-default {
	background: none;
	background-color: transparent;
	border: none;
	border-radius: 0px;
	cursor: pointer;
}
#tabs .ui-tabs-anchor {
	outline: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 40px;
	background-color: #337ab7;
}
#tabs .ui-state-active a {
	background-color: #d0d0d0;
}
#tabs i {
	color: white !important;
	margin: 0px !important;
}
#printtable {
	margin-bottom: 20px;
}
.tablerender {
	min-height: 45vh;
}
.tablerender * {
	font-family: 'montserratlight', Arial, verdana !important;
}
.tablerender .qr {
	height: 150px;
	width: 150px;
}
.printrender {
	-webkit-print-color-adjust: exact !important;
	color-adjust: exact !important;
	print-color-adjust: exact;
	margin: 0px;
	padding: 0px;
}
.topspan4 {
	column-span: 4;
}
.topspan6 {
	column-span: 6;
}
.printrender .hiddenprint {
	display: none;
}
.aligncenter {
	text-align: center;
}
.alignright {
	text-align: right;
}
.lightrow {
	background-color: #82bddf !important;
}
.darkrow {
	background-color: #4aa8df !important;
}
.spanspacer {
	height: 7px;
}
.scrollform input[type="checkbox"] {
	width: 40px;
	height: 40px;
	margin: 0px auto;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
}
.scrollform input[type="checkbox"]:checked {
	border: 0px;
}
.scrollform input[type="checkbox"]:checked:after {
	content: '\f00c';
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	position: absolute;
	width: 40px;
	height: 40px;
	color: white;
	font-size: 32px;
	background-color: #337ab7;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}
.groupcontainer {
	flex-grow: 1;
	width: 100%;
	display: flex;
	flex-direction: column !important;
}
.controlcontainer {
	flex-grow: 1;
	width: 100%;
	display: flex;
}
.controlcontainer .editbtns {
	margin-left: 10px;
}
.errorcontainer {
	display: flex;
	flex-direction: row;
	width: 100%;
}
.errorcontainer .help-block {
	flex-grow: 1;
	width: 100%;
}
.loginbox .errorcontainer .help-block {
	margin-top: 20px;
	margin-bottom: 0px;
}
.loginbox .has-error .errorcontainer .help-block,
.alert-error {
	color: #f6ff00;
}

@media (max-width: 767px) {
	.scrollform {
		padding: 40px 5vw;
	}
}
.form-horizontal .control-label {
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	width: 100%;
	max-width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.selectize-input {
	color: #222 !important;
	border: none;
	border-radius: 0px;
	background: transparent;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	padding: 0px;
	display: flex !important;
	align-items: center;
	height: 100%;
	font-size: 1em;
	padding-right: 45px;
}
.selectize-input input {
	font-size: 1em;
	height: 100%;
}
.selectize-input span {
	display: flex;
	align-items: center;
	justify-content: center;
}
.selectize-dropdown {
	height: auto;
}
.selectize-control.single .selectize-input:after {
	border-width: 9px 7px 0 7px;
}
.selectize-control.single .selectize-input.dropdown-active:after {
	border-width: 0 7px 9px 7px;
}
.selectize-control.multi {
	height: auto !important;
}
.selectize-control.multi .selectize-input {
	flex-direction: column !important;
	align-items: flex-start !important;
}
.selectize-control.single.plugin-remove_button span {
	cursor: pointer;
	background: #f2f2f2;
	color: #303030;
}
.selectize-control.plugin-remove_button [data-value] {
	padding-right: 0px !important;
}
.selectize-control.plugin-remove_button div[data-value] {
	padding: 5px 15px !important;	
}
.selectize-control.multi.plugin-remove_button div[data-value] {
	margin: 0px 5px 5px 0px;
	padding-right: 45px !important;
}
.selectize-control.plugin-remove_button .remove-single {
	position: relative;
	padding: 4px 10px;
	background: #f2f2f2;
	color: #303030;
	border-left: 1px solid #d0d0d0;
	text-decoration: none !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
	font-size: 23px;
	line-height: 23px;
	font-weight: normal;
	padding: 2px 10px;
	width: 30px !important;
}
label.fclass-quotedsku,
label.fclass-purchasesku {
	display: none !important;
}
#group_Revisions .gclass-revitems i {
	color: inherit !important;
	padding-left: 7px;
}
.gclass-revitems label {
	cursor: pointer;
}
.gclass-revitems label:hover {
	color: #00a0ff;
}
.gclass-revitems .controlcontainer {
	display: none;
}
.gclass-revitems.accopen .controlcontainer {
	display: flex;
}
.viewonly .selectize-input {
	opacity: 1 !important;
	background-color: transparent !important;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 0px !important;
}
.viewonly .remove-single {
	display: none;
}
.viewonly .selectize-control {
	padding-left: 0px;
	pointer-events: none;
}
.viewonly input[type="select-multiple"] {
	display: none !important;
}
.viewonly .formsettabletr .selectize-control {
	padding-top: 5px;
}
.viewonly .formsettabletr .selectize-input {
	justify-content: flex-start;
}
.viewonly .viewinspect,
.viewonly .selectize-control.fclass-sku,
.viewonly .selectize-control.fclass-compatibility,
.viewonly .selectize-control.fclass-quotedsku,
.viewonly .selectize-control.fclass-revitems,
.viewonly .selectize-control.fclass-customercar,
.viewonly .selectize-control.fclass-carjob {
	pointer-events: all !important;
}
.viewonly .selectize-control.plugin-remove_button div[data-value] {
	padding: 0px !important;
}
.viewonly .selectize-control.single.plugin-remove_button span {
	background: none;
	width: 100%;
	justify-content: flex-start;
}
.viewonly .selectize-control.single .selectize-input:after {
	display: none !important;
}
.viewonly .viewinspect div[data-value].selectopt,
.viewonly .selectize-control.fclass-sku div[data-value].selectopt,
.viewonly .selectize-control.fclass-compatibility div[data-value].selectopt,
.viewonly .selectize-control.fclass-revitems div[data-value].selectopt,
.viewonly .selectize-control.fclass-customercar div[data-value].selectopt,
.viewonly .selectize-control.fclass-carjob div[data-value].selectopt {
	background-color: lightgray;
	padding: 7px !important;
	margin-bottom: 5px;
	width: 75%;
	text-align: center;
}
.viewonly .selectize-control.fclass-quotedsku div[data-value].selectopt {
	background-color: lightgray;
	padding: 7px 15px !important;
	margin-bottom: 5px;
	width: auto;
	text-align: left;
}
.viewonly .viewinspect div[data-value].selectopt:hover,
.viewonly .selectize-control.fclass-sku div[data-value].selectopt:hover,
.viewonly .selectize-control.fclass-compatibility div[data-value].selectopt:hover,
.viewonly .selectize-control.fclass-quotedsku div[data-value].selectopt:hover,
.viewonly .selectize-control.fclass-revitems div[data-value].selectopt:hover,
.viewonly .selectize-control.fclass-customercar div[data-value].selectopt:hover,
.viewonly .selectize-control.fclass-carjob div[data-value].selectopt:hover {
	background-color: darkgray;
	cursor: pointer !important;
}
.viewonly .selectize-control.form-control.multi {
	height: unset;
}
.viewonly .selectize-input > div {
	color: #222 !important;
	padding-left: 0px !important;
	margin-left: 0px !important;
}
.viewonly .selectize-input > div > a {
	display: none !important;
}

.viewonly .form-control {
	padding-left: 0px;
	border: none !important;
	box-shadow: none !important;
}
.viewonly .form-control:not(.btn-enableviewonly) {
	background: none !important;
	cursor: default !important;
}
.viewonly .editbtns {
	display: none;
}
.viewonly select::-ms-expand {
	display: none;
}
.viewonly select {
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	overflow: auto;
}
.viewonly select > option:not(:checked) {
	display: none;
}
.fclass-jobpricefield input {
	color: red;
	font-size: 1.7em;
	font-weight: 800;
	background-color: transparent !important;
	border: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 4px 0px;
}
.fclass-pricefield input,
.fclass-discpricefield input {
	background-color: transparent !important;
	border: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 4px 0px;
}
.fclass-discpricefield .form-control {
	min-height: auto;
	height: auto;
	line-height: 1em;
	padding-bottom: 0px;
}
.fclass-isvirtual input {
	margin: 0px !important;
}
.viewonly .fileselect {
	display: none;
}
.fclass-token input {
	color: red;
	font-size: 1.7em;
	font-weight: 800;
}
.scrollform textarea {
	resize: none;
}
.vcardcontainer {
	margin-top: 20px;
	width: 500px;
	height: 250px;
	border: 1px solid black;
	border-radius: 20px;
}
.vcardcontainer img {
	padding: 20px;
	max-height: 230px;
}
#miscdialog .editbtns {
	display: none;
}
.btngroup {
	display: flex;
	flex-direction: row;
}
.formbtn {
	border: none !important;
	font-size: 16px !important;
	height: 65px;
	border-radius: 0px !important;
	color: white !important;
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
}
.formbtn.notallowed {
	pointer-events: none;
	background-color: darkgray;
	color: lightgray !important;
}
.formgroupbtn {
	border: none !important;
	font-size: 14px !important;	
	border-radius: 0px !important;
	color: white !important;
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
}
.deletetext {
	width: 100%;
	height: 150px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tablebtn,
#scanbtn {
	padding: 0px !important;
}
.tablebtn a,
#scanbtnx,
#clearwidgetx,
#resetwidgetx {
	width: 100%;
	padding: 6px 20px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0px;
}
#cameradialog {
	display: none;
	height: auto !important;
}
#cameradialog video {
	width: 80%;
	height: 25vw;
	margin: 20px;
}
.cameraflex {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding: 0px;
}
@media (max-width: 767px) {
	.formbtn {
		height:45px !important;
		font-size: 14px !important;
	}
}

.widgetboard {
	display: flex;
	flex-wrap: wrap;
	background: url(/static/front/images/grid.gif);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	background-position-y: 15px;
}
.widgetboard #widgetmenu {
	position: fixed;
	bottom: 40px;
	right: 40px;
	width: unset;
	height: 45px;
	display: flex;
	align-items: center;
	border-radius: 0px;
	z-index: 9999;
}
#widgetitems {
	bottom: 50px;
	top: unset;
	left: unset;
	right: 0px;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
}
.widgetbtncss {
	margin: 7px 0px !important;
	border-radius: 0px;
}
.widgetdialog {
	position: absolute;
	height: calc(100% - 40px) !important;
	width: auto !important;
}
.widgetdialogClass {
	padding: 0px;
	border: 0px;
	border-radius: 4px;
	-webkit-box-shadow: 3px 3px 10px 2px rgb(0 0 0 / 55%);
	-moz-box-shadow: 3px 3px 10px 2px rgba(0,0,0,0.55);
	box-shadow: 3px 3px 10px 2px rgb(0 0 0 / 55%);
	z-index: 1;
}
.widgetdialogClass .ui-dialog-titlebar {
	height: 40px !important;
}
.widgetdialogClass .ui-dialog-titlebar .ui-dialog-title {
	padding: 0px 20px;
	align-items: center !important;
	font-size: 1em;
	width: 75%;
	margin: 0px !important;
}
.widgetdialogClass .ui-dialog-titlebar-close {
	/*display: none !important; */
	/* pointer-events: none !important; */
}

.widgetdialogClass .tablecontainer #datatableorg_wrapper.dataTables_wrapper {
	min-width: unset !important;
}

.filtercont {
	background-color: white;
	border-color: #2e6da4;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0px;
	height: 45px;
	width: 200px;
	display: flex;
	align-items: center;
}
#skufilter {
	width: 400px;
}
.filtercont * {
	border: none !important;
	color: black !important;
	background: none !important;
}
.filtercont .selectize-control {
	height: 45px;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	padding: 5px 10px;
}
.filtercont .selectize-dropdown {
	background-color: white !important;
}
.filtercont .selectize-control.plugin-remove_button div[data-value] {
	background-color: white !important;
	font-size: 15px !important;
	cursor: pointer !important;
	padding: 10px 15px !important;
}
.filtercont .selectize-control.plugin-remove_button div[data-value]:hover {
	color: white !important;
	background-color: #2e6da4 !important;
}
.filtercont .selectize-control.single.plugin-remove_button span {
	background: #f2f2f2 !important;
	color: #303030 !important;
}
.filtercont .selectize-control span .item {
	padding: 5px 15px;
}
.filtercont .selectize-control.plugin-remove_button .remove-single {
	position: relative;
	padding: 4px 10px;
	background: #f2f2f2 !important;
	color: #303030 !important;
	border-left: 1px solid #d0d0d0 !important;
	text-decoration: none !important;
}
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper {
	min-width: 100%;
}
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-selected,
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dtsp-selected:hover {
	border: 2px solid #cfcfcf;
}
div.dtsp-panesContainer div.dataTables_wrapper div.dataTables_scrollBody table {
	min-width: 100%;
}
div.dtsp-panesContainer div.dataTables_wrapper div.dataTables_scrollBody table tbody {
	min-height: 100%;
}
div.dtsp-panesContainer div.dataTables_wrapper div.dataTables_scrollBody table tr.selected {
	background-color: #eeeeee;
}	
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane {
	background-color: white;
}
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane button.dtsp-paneButton.clearButton {
	font-size: 22px;
	background-color: #969696;
}
div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane button.dtsp-paneButton.clearButton.dtsp-disabledButton {
	background-color: unset;
}
div.dtsp-panesContainer button.dtsp-clearAll:hover {
	background-color: #969696;
	cursor: pointer;
}
div.dtsp-panesContainer button.dtsp-disabledButton.dtsp-clearAll {
	background-color: transparent;
}
@media screen and (max-width: 640px) {
	div.dtsp-searchPane {
		max-width: 100% !important;
	}
}
.tabfilter {
	display: flex;
}
.tabfilterbtn {
	border-radius: 0px;
	width: 50%;
	height: 50px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}
.clickcatcher {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: default;
	z-index: 9990 !important;
	pointer-events: all;
	background-color: #00FF0022;
}
.topcamera {
	z-index: 9999 !important;
}
.cchalt {
	background-color: #FF000055;	
}
.jobcardscontainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	margin-top: 10px;
}
.jobcard {
	width: 320px;
	padding: 25px;
	margin: 10px;
	background-color: white;
	cursor: pointer;
	filter: drop-shadow(0px 3px 6px #000000);
	border-radius: 10px;
}
.jobcardflexspace {
	width: 340px;
	margin: 0px !important;
}
.jcard-code {
	font-size: 1.2em;
	font-weight: 800;
	color: red;
}
.jcard-modified {
	font-size: 0.8em;
}
.recentcard {
	background-color: #00FFDD;
}
.widgetjoborder .ui-tabs-panel {
	margin-top: 15px !important;
}
.widgetstatus.filtercont {
	width: 100%;
}