.modal-body, body {
	background: #eaeaea
}

.customStepy .stepy-navigator, .footerStickyBtns, .settingsModules .floatingbtn {
	position: fixed;
	box-shadow: 0 -14px 10px -10px rgb(0 0 0 / 27%);
	z-index: 11;
	background: #f2f2f2
}

.loginContain, .table-fixed {
	table-layout: fixed
}

.fileselection.active:after, .stepy-navigator .dropup .caret:after {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: icomoon;
	line-height: 1
}

#uniform-CouponApply, #uniform-CouponUsage, #uniform-CouponValid, label {
	margin-bottom: 2px
}

.boldtext, .inner-AddMore, .loginControl .btn, .pageHeading {
	text-transform: uppercase
}

.dark-theme .cello, .modal-open {
	overflow: hidden !important
}

.dark-theme #htmlbody .note-editable > div, .dark-theme #htmlbody .note-editable > p, .dark-theme #htmlbody .note-editable > p span, .dark-theme #htmlbody .note-editor .note-editing-area .note-editable.panel-body > p > font, .header-highlight .navbar-header > .navbar-nav > li > a:focus, .header-highlight .navbar-header > .navbar-nav > li > a:hover, .sweet-alert h2, .sweet-alert span {
	color: #000
}

.btn-default, .customPanel .tableRightButtonsAlign .btn.btn-default, .detailsPage .tableRightButtonsAlign .btn.btn-default, .dropdown-menu, .dropdown-menu > li > a, .panel, .select2-selection--single:not([class*=bg-]), .stepy-header li.stepy-active span, body {
	color: #111
}

* {
	margin: 0;
	padding: 0
}

.sweet-alert button.cancel {
	background-color: #f5f5f5 !important;
	color: #000 !important;
	border: .2px solid #ddd !important
}

.dark-theme .scrollmsg span {
	background: #322f2f
}

.popover, .tooltip, body {
	font-family: 'Open Sans',sans-serif
}

body {
	font-size: 14px
}

	.imageGalleryHolder .panel, body.sidebar-xs .sidebar-fixed.sidebar-main .sidebar-content {
		overflow: visible
	}

.select2-container--focus, input.form-control:focus, textarea.form-control:focus {
	box-shadow: 2px 2px 10px 0 rgba(0,0,0,.2)
}

textarea {
	resize: vertical;
	min-height: 60px;
	cursor: auto
}

div, h1, h2, h3, h4, h5, h6, li, p, span, ul {
	letter-spacing: .4px
}

.no-padding-horizontal, .px-0 {
	padding-left: 0 !important;
	padding-right: 0 !important
}

#adjustmentsgrid tr th {
	min-width: 85px !important
}

.no-padding-vertical {
	padding-top: 0 !important;
	padding-bottom: 0 !important
}

.allPaddingLessBottom {
	padding: 20px 20px 10px !important
}

.addDepartmentInfoCon.allPaddingLessBottom, .additionalli, .additionalul {
	padding: 0 !important
}

.allPaddingNoBottom {
	padding: 20px 20px 0 !important
}

.dataTable thead .sorting, .dataTable thead .sorting_asc, .dataTable thead .sorting_asc_disabled, .dataTable thead .sorting_desc, .dataTable thead .sorting_desc_disabled, .editInvPadding {
	padding-right: 16px !important
}

.dashboardWidgetSettings .ui-state-default, .rowCursorMove td {
	cursor: move
}

.employeeDetailsSidebySide > ul .ellipsisCssl {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.tableColumnMin140 td, .tableColumnMin140 th {
	min-width: 140px
}

table tr th {
	z-index: 10 !important
}

.dataTable thead th, .table > tbody > tr > td, .table > thead > tr > th {
	white-space: nowrap
}

.table-hover > tbody > tr:hover, table:not(.table-border-space-none,.restriction,.allitemdesigns,.nohover,.PurchaseAddress,.purchaseLineItem,.OmShree,.fc-scrollgrid-liquid,.fc-scrollgrid-sync-table) > tbody > tr:hover {
	background-color: #e6e6e6
}

table.table thead tr {
	background: #eaeaea;
	font-weight: 600
}

	.btn-group li a:hover span, .dropdown-menu li a:hover, .dropdown-menu li a:hover span, .multiselect-container > li > a.multiselect-all:focus label, .multiselect-container > li > a.multiselect-all:hover label, .sidebar-default .category-title span, table.table thead tr th {
		font-weight: 600
	}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	padding: 8px 10px
}

.extendedPadding .table.quick-tbl > thead > tr > th, table.quick-tbl > tbody > tr > td {
	padding: 1px 10px !important
}

.width_50, td.width_50 > div, th.width_50 > div {
	min-width: 50px !important;
	white-space: normal !important
}

td.width100 > div, td.width150 > div, td.width200 > div, td.width250 > div, td.width300 > div, td.width350 > div, td.width400 > div, td.width450 > div, td.width500 > div, td.width50 > div, td.width550 > div, td.width600 > div, th.width100 > div, th.width150 > div, th.width200 > div, th.width250 > div, th.width300 > div, th.width350 > div, th.width400 > div, th.width450 > div, th.width500 > div, th.width50 > div, th.width550 > div, th.width600 > div {
	white-space: normal !important;
	max-width: auto
}

.width20, td.width20 > div, th.width20 > div {
	min-width: 20px !important
}

.width50, td.width50 > div, th.width50 > div {
	min-width: 122px !important;
	max-width: auto
}

.width-50 {
	min-width: 50px !important
}

.width70, td.width70 > div, th.width70 > div {
	min-width: 70px !important
}

.width100, td.width100 > div, th.width100 > div {
	min-width: 100px !important;
	max-width: auto
}

.width120, td.width120 > div, th.width120 > div {
	min-width: 120px !important
}

.min-width100, .width130, td.width130 > div, th.width130 > div {
	min-width: 130px !important
}

.width150, td.width150 > div, th.width150 > div {
	min-width: 150px !important;
	max-width: auto
}

.width170, td.width170 > div, th.width170 > div {
	min-width: 170px !important
}

.width90, td.width90 > div, th.width90 > div {
	min-width: 90px !important
}

.width200, td.width200 > div, th.width200 > div {
	min-width: 206px !important;
	max-width: auto
}

.width250, td.width250 > div, th.width250 > div {
	min-width: 180px !important;
	max-width: auto
}

.width260, td.width260 > div, th.width260 > div {
	min-width: 260px !important
}

.width300, td.width300 > div, th.width300 > div {
	min-width: 300px !important;
	max-width: auto
}

.width350, td.width350 > div, th.width350 > div {
	min-width: 200px !important;
	max-width: auto
}

.width400, td.width400 > div, th.width400 > div {
	min-width: 225px !important
}

.width450, td.width450 > div, th.width450 > div {
	min-width: 450px !important
}

#purchaseitemcodetable .width200, .width500, td.width500 > div, th.width500 > div {
	min-width: 200px !important
}

.width550, td.width550 > div, th.width550 > div {
	min-width: 550px !important
}

.width600, td.width600 > div, th.width600 > div {
	min-width: 600px !important
}

#productcataloguetable > tbody > tr > td.width_300, width_300 {
	width: 300px
}

.width77 {
	width: 77px !important
}

.content, .modal .stepy-step, .modal-body .formBtnStickySpace {
	padding-bottom: 0
}

.filteroption option, .text-left {
	text-align: left
}

.modal-open .select2-dropdown {
	z-index: 11111
}

.pl-35 {
	padding-left: 35px !important
}

.pr-15 {
	padding-right: 15px !important
}

::-webkit-scrollbar-track {
	background: #eee
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0,0,0,.2);
	border-radius: .4rem
}

::-webkit-scrollbar {
	height: .4rem;
	width: .4rem
}

.datatable-scroll::-webkit-scrollbar, body::-webkit-scrollbar {
	height: 10px;
	width: 10px
}

.hasFooter .content {
	padding-bottom: 60px
}

.footer {
	bottom: 0;
	background: #fff;
	width: calc(100% - 260px);
	left: 260px;
	padding: 14px 20px;
	border-top: 1px solid #ddd
}

.sidebar-xs .footer {
	width: calc(100% - 56px);
	left: 56px
}

.has-detached-left.sidebar-detached-hidden:not(.sidebar-xs) .footer, .sidebar-xs.has-detached-left .sidebar-detached ~ .footer {
	width: calc(100% - 316px);
	left: 316px
}

.has-detached-left .sidebar-detached ~ .footer {
	width: calc(100% - 520px);
	left: 520px;
	z-index: 11
}

.sidebar-xs.has-detached-left.sidebar-detached-hidden .footer {
	width: calc(100% - 112px);
	left: 112px
}

.contentHolder, .dark-theme .customPanelDatatable .datatable-header, .dark-theme .customPanelDatatable .panel-body {
	background: 0 0
}

.formBtnStickySpace {
	padding-bottom: 80px
}

.settingsModules .floatingbtn {
	width: calc(100% - 560px);
	bottom: -20px;
	left: 540px;
	margin: 20px;
	border-radius: 3px 3px 0 0;
	border: 1px solid #ddd;
	border-bottom: none
}

.hasFooterStickyBtns .customStepy .stepy-navigator, .hasFooterStickyBtns .footerStickyBtns {
	bottom: 50px
}

.customStepy .stepy-navigator, .footerStickyBtns {
	width: calc(100% - 300px);
	bottom: 0;
	left: 280px;
	margin: 0;
	border-radius: 3px 3px 0 0;
	border: 1px solid #ddd;
	border-bottom: none;
	text-align: right;
	padding: 10px 20px
}

.settingsModules .customStepy .stepy-navigator, .settingsModules .footerStickyBtns {
	width: calc(100% - 560px);
	left: 540px
}

.sidebar-xs .customStepy .stepy-navigator, .sidebar-xs .footerStickyBtns {
	width: calc(100% - 96px);
	left: 76px
}

.sidebar-xs.has-detached-left .footerStickyBtns {
	width: calc(100% - 356px) !important;
	left: 336px
}

.sidebar-xs.sidebar-detached-hidden .customStepy .stepy-navigator, .sidebar-xs.sidebar-detached-hidden .footerStickyBtns {
	width: calc(100% - 156px) !important;
	left: 136px
}

.sidebar-detached-hidden .customStepy .stepy-navigator, .sidebar-detached-hidden .footerStickyBtns {
	width: calc(100% - 360px) !important;
	left: 340px
}

.sidebar-detached-hidden.sidebar-xs.sidebar-xs-indicator .floatingbtn {
	width: calc(100% - 40px) !important;
	left: 0 !important
}

.sidebar-detached-hidden.sidebar-xs .floatingbtn {
	width: calc(100% - 156px) !important;
	left: calc(136px) !important
}

.sidebar-detached-hidden .floatingbtn {
	width: calc(100% - 362px) !important;
	left: calc(320px) !important
}

.sidebar-xs .floatingbtn {
	width: calc(100% - 355px);
	left: calc(315px)
}

.fixedposition {
	position: fixed;
	max-width: 590px;
	left: 0;
	right: 0;
	margin: auto;
	top: 2px;
	z-index: 1112;
	width: 100%
}

	.fixedposition .alert-success, .fixedposition .alert-success .close {
		color: #4caf50;
		font-weight: 500
	}

	.fixedposition .alert .close {
		font-weight: 600 !important;
		padding-top: 10px;
		display: inline-block
	}

	.fixedposition .alert {
		padding: 10px 10px 10px 40px;
		font-size: 13px;
		border-width: 2px;
		box-shadow: 2px 4px 6px 1px rgb(0 0 0 / 16%)
	}

	.fixedposition i {
		position: absolute;
		left: 10px;
		top: 20px
	}

	.fixedposition .alert-danger {
		background-color: #ffe1e0;
		border-color: #ea6868;
		color: #ea6868
	}

	.fixedposition .alert-warning {
		background-color: #ffefbc;
		border-color: #c49640;
		color: #c49640
	}

	.fixedposition .alert-info {
		background-color: #e2f5ff;
		border-color: #1e9bc8;
		color: #1e9bc8
	}

	.fixedposition .infocheck, .fixedposition .successcheck, .fixedposition .warningcheck {
		border-radius: 50px;
		font-size: 12px;
		font-weight: 800;
		border: 2px solid #c49640;
		padding: 3px
	}

	.fixedposition .successcheck {
		color: #4caf50;
		border-color: #4caf50;
		margin-right: 8px
	}

	.fixedposition .infocheck {
		border-color: #1e9bc8
	}

	.fixedposition .errorcheck {
		border: 2px solid #ea6868;
		border-radius: 50px
	}

.modalScrollArea {
	max-height: calc(100vh - 210px);
	overflow: auto
}

	.hasFooter .tableHeaderSticky .datatable-scroll, .modalScrollArea.modalScrollAreaStepy {
		max-height: calc(100vh - 320px)
	}

	.dashboardWidgetSettings #sortablewidget .panel:last-child, .dataTable tbody tr td p, .detailsPage .panel:last-child, .modalScrollArea .panel:last-child, .quotepanel.customerdetailpan .media-list li.mb-10 .media-body p, .searchbox .form-group, ul.transfer-double-selected-list-ul li.transfer-double-selected-list-li > .checkbox-group {
		margin-bottom: 0
	}

	.modalScrollArea .panel, .table-responsive.tableHeaderSticky {
		overflow: hidden
	}

.modal .customStepy .stepy-navigator, .modal .stepy-navigator, .modalFooterBtns {
	margin: 20px -20px -20px;
	padding: 10px 20px;
	border: none;
	border-radius: 0 0 3px 3px;
	background: #fff;
	text-align: right;
	min-height: 66px;
	box-shadow: 0 -8px 12px 0 rgb(0 0 0 / 10%);
	bottom: auto;
	position: relative;
	width: auto;
	left: auto
}

	.activitypanel li.dayHeading:after, .activitypanel li.dayHeading:before, .advance_filters table > tbody tr:first-child td:first-child:before, .btn-primary.btnTheme:not(.visible), .btn.bg-info-600 i:not(.icon-pencil7), .btn.bg-primary i:not(.icon-arrow-right14), .btn.bg-slate i:not(.icon-file-eye):not(.icon-filter4), .btn.bg-success i:not(.icon-add-to-list), .btn.btn-danger:not(.removewidget) i:not(.icon-x), .btn.btn-primary:not(.btnTheme):not(.btn-arrow) i:not(.icon-arrow-right14):not(.icon-arrow-right13):not(.icon-arrow-left12):not(.icon-zoomin3):not(.icon-zoomout3):not(.icon-undo2):not(.icon-redo2):not(.icon-arrow-resize7):not(.icon-arrow-resize8):not(.icon-sync), .btn.btn-success:not(#submenuicon):not(.iconpicker) i, .colorPickerHold .sp-dd, .customPanelDatatable:not(.panel-collapsed):not(.customSettingsTableHold) .panel-title, .customgridSwitch input, .dark-theme .thumb div, .dataTable thead tr th div + span.sort_icon, .dataTable thead tr th span.sort_icon:not(:first-child), .datatable-header:empty, .detailsSidebarInfo .nav.navbar-nav li.active, .dualListBoxWithTableLeft thead tr th .sort_icon:nth-child(2n), .falsesorting .sort_icon, .loginControl .btn i, .modalFooterBtns:empty, .select-info, .sidebar-mobile-detached .detachleft, .sidebar-xs .navbar-brand p, .sorting_disabled .sort_icon, .spinner-key i, .spinner-key i.spinner, .spinner-key.active i.icon-add-to-list, .tableCustomAlign .dataTables_wrapper .datatable-header, .transfer-double-content-left .transfer-double-list-main > ul > li > div.checkbox-group, .transfer-double-content-left1 .transfer-double-list-main > ul > li > div.checkbox-group {
		display: none
	}

.stepy-header {
	margin-bottom: 20px;
	background-color: transparent;
	border: none;
	border-radius: 3px;
	box-shadow: none
}

	.stepy-header li {
		background-color: #fff;
		border-radius: 0;
		box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
		padding: 10px 0;
		border-top: 1px solid transparent;
		border-bottom: 1px solid transparent
	}

		.stepy-header li:first-child {
			border-radius: 3px 0 0 3px;
			border-left: 1px solid transparent
		}

		.stepy-header li:last-child {
			border-radius: 0 3px 3px 0;
			border-right: 1px solid transparent
		}

		.stepy-header li:after, .stepy-header li:before {
			top: 30px
		}

.stepy-step {
	padding: 0 0 20px
}

.stepy-navigator .dropup .caret {
	border: 0;
	background: #003b69;
	padding: 11px 12px;
	margin: -8px -21px -8px 3px
}

	.stepy-navigator .dropup .caret:after {
		content: '\e9c5';
		display: block;
		font-size: 16px;
		width: 16px
	}

.stepy-navigator .dropup .btn-save, .stepyleftcolumnspacing, .theme-color #navbar-mobile .navbar-nav.navbar-right {
	padding-right: 20px
}

.btnDefault, a#historybutton {
	padding: 2px 12px
}

.formExtraSpace form .row [class*=col-], .settingsModules form .row [class*=col-] {
	padding: 0 25px;
	font-size: 13px
}

.formExtraSpace form .row, .settingsModules form .row:not(.addColRow) {
	margin-left: -25px;
	margin-right: -25px
}

.formLessSpace form .row {
	margin-left: -10px;
	margin-right: -10px
}

	.employeeDetailsSidebySide ul, .formLessSpace form .row [class*=col-] {
		padding: 0 10px
	}

.form-group label {
	font-size: 14px;
	color: #111;
	font-weight: 700
}

#AllItem_GrossProfitDollar1, #GrossProfitPrice1currencyappend, .dark-theme .addFormLegend legend, .dark-theme .customSettingsHeader .panel-title, .dark-theme .form-group label, .dark-theme .loginContain h1 span, .dark-theme .loginControl .btn span, .dark-theme .pageHeading, .dark-theme .qItems .panel-title, .dark-theme .settingsModules .btncollapse i, .dark-theme .sidebar-default .navigation li.active > a, .dark-theme .userProfile, .dark-theme.boldtext, .dark-theme.sidebar-secondary .navigation li.active > a, .dark-theme.tr.GrossProfitmargin td, span.qticker, td#Sell_Price_Inc_Tx1, tr.GrossProfitmargin + tr td, tr[background^="#FFCC99 !important"] td {
	font-weight: 600 !important
}

.btnDefault {
	border: 2px solid #0993d2;
	color: #fff;
	box-shadow: none;
	background: #0993d2;
	border-radius: 3px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	line-height: 1.5384616;
	transition: color .45s cubic-bezier(.785, .135, .15, .86);
	margin-left: 5px;
	user-select: none
}

	.btnDefault:hover, .settingsmenu ul li a:hover {
		color: #0993d2
	}

	.btnDefault:before {
		content: '';
		z-index: 1;
		background: #fff;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 0;
		transition: .45s cubic-bezier(.785, .135, .15, .86)
	}

	.btnDefault span {
		position: relative;
		z-index: 2;
		letter-spacing: .8px
	}

	.btnDefault:hover:before {
		width: 100%;
		right: auto;
		left: 0
	}

.btnNormal {
	padding: 6px 12px
}

#Productsubmit-step-6 .btn.btn-danger:not(.removewidget), .btnBig {
	padding: 8px 12px
}

.btnPrimary, .btnPrimary:hover {
	background: #2196f3;
	border-color: #2196f3;
	color: #2196f3 !important
}

.btnGreen, .btnGreen:hover {
	background: #4caf50;
	border-color: #4caf50;
	color: #4caf50 !important
}

.btnGray, .btnGray:hover {
	background: #607d8b;
	border-color: #607d8b;
	color: #607d8b !important
}

.btnRed, .btnRed:hover {
	background: #f44336;
	border-color: #f44336;
	color: #f44336 !important
}

.btn-success, .btnGray, .btnGreen, .btnPrimary, .btnRed, .dark-theme .class_white b, .dark-theme .customTabsNavbar .navbar-default .navbar-nav > .active > a, .dark-theme .customTabsNavbar .navbar-default .navbar-nav > .active > a:focus, .dark-theme .customTabsNavbar .navbar-default .navbar-nav > .active > a:hover, .dark-theme .detailsPage .navbar-default .navbar-nav > .active > a, .dark-theme .detailsPage .navbar-default .navbar-nav > .active > a:focus, .dark-theme .detailsPage .navbar-default .navbar-nav > .active > a:hover, .dark-theme .icon-user-tie, .dark-theme .settingsPageFormLegend legend, .dark-theme .spinner-key.active i, .dark-theme span.caret, .theme-color .header-highlight .visible-xs-block a, body.dark-theme .estimate-sidebar-left .collapsediv li .media-right p, body.dark-theme li .media-body .width-150.text-primary {
	color: #fff !important
}

.loginPageBody {
	background: #f3f4f5;
	color: #111;
	display: flex;
	align-items: center
}

	.loginPageBody:before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: url(/images/login4.jpg) center/cover no-repeat;
		opacity: .2;
		display: none
	}

.loginBody {
	max-width: 870px;
	margin: auto;
	position: relative;
	padding: 10px
}

.img-container > img, .img-preview > img, .widgetpanel {
	max-width: 100%
}

.loginContain h1 {
	font-weight: 400;
	margin: 0 0 20px;
	font-size: 28px
}

	.addFormLegend legend, .loginContain h1 span, .sidebar-secondary .navigation li.active > a {
		font-weight: 700
	}

.loginContain h5 {
	color: #53657a;
	margin: 40px 0;
	font-size: 14px
}

.loginContain p {
	font-size: 14px;
	letter-spacing: .5px;
	margin: 0
}

.loginContain {
	display: table;
	width: 100%;
	background: #fff;
	border-radius: 10px;
	min-height: 500px;
	box-shadow: 10px 10px 20px 0 rgba(0,0,0,20%)
}

	.loginContain > div {
		display: table-cell;
		width: 55%;
		vertical-align: middle;
		position: relative;
		padding: 10px 37px
	}

	.loginContain .loginInfo {
		background: #49a6cf;
		background: linear-gradient(to right,#289cd1,#0993d2);
		color: #fff;
		width: 45%;
		text-align: left;
		border-radius: 0 10px 10px 0
	}

	.loginContain .logo img {
		max-height: 60px;
		margin: auto
	}

.btn.bg-info-600.active i, .btn.bg-slate.active i, .btn.btn-danger:not(.removewidget).active i, .btn.btn-success:not(#submenuicon):not(.iconpicker).active i, .loginControl .btn.active i {
	display: block;
	z-index: 2
}

.loginContain blockquote {
	position: relative;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
	padding: 10px;
	border: none;
	margin-top: 20px
}

	.loginContain blockquote:after, .loginContain blockquote:before {
		content: '';
		background: url(/images/quote.svg) 0 0/contain no-repeat;
		width: 21px;
		height: 17px;
		display: inline-block;
		position: absolute;
		left: 0;
		top: 6px;
		opacity: .5
	}

	.loginContain blockquote:after {
		position: relative;
		transform: rotate(180deg);
		margin-left: 14px
	}

.loginControl label.form-label {
	position: absolute;
	top: 17px;
	left: 16px;
	max-height: 20px
}

	.loginControl label.form-label i {
		font-size: 16px
	}

.loginControl input.form-control {
	color: #222;
	box-shadow: none;
	font-weight: 500;
	border-radius: 1px;
	border: 1px solid #eee;
	padding: 12px 15px 13px 50px;
	height: auto;
	margin: 0;
	letter-spacing: .5px;
	background-color: #eee
}

	.loginControl input.form-control:focus {
		box-shadow: 0 0 0 4px rgb(9 147 210 / 25%);
		border-color: rgb(9 147 210 / 20%)
	}

.loginControl .btn {
	color: #fff;
	box-shadow: none;
	background: #fff;
	border-radius: 3px;
	padding: 10px;
	position: relative;
	overflow: hidden;
	min-height: 46px;
	border: 2px solid #0993d2;
	transition: color .45s cubic-bezier(.785, .135, .15, .86),border .45s cubic-bezier(.785, .135, .15, .86)
}

	.loginControl .btn span {
		letter-spacing: .8px;
		font-size: 14px;
		font-weight: 700;
		position: relative;
		z-index: 2
	}

	.contentloadvisible, .loadingcontentremove .nicescroll-rails, .loginControl .btn.acitve span, vHidden {
		visibility: hidden
	}

	.loginControl .btn:hover {
		color: #0993d2;
		direction: rtl
	}

	.btn.bg-info-600:before, .loginControl .btn:before {
		content: '';
		z-index: 1;
		background: #0993d2;
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		transition: .45s cubic-bezier(.785, .135, .15, .86)
	}

	.btn.bg-info-600:hover:before, .btn.bg-primary:not(.action):hover:before, .btn.bg-slate:hover:before, .btn.bg-success:not(#submenuicon):not(#addrow):hover:before, .btn.btn-danger:not(.removewidget):not(.ibtnDel):hover:before, .btn.btn-primary:not(.action):not(.btnTheme):not(.btn-arrow):hover:before, .btn.btn-success:not(#submenuicon):not(.iconpicker):hover:before, .loginControl .btn:hover:before {
		width: 0
	}

.btnTheme.visible i, .loginContain form .form-group label.text-muted, .loginContain form label.customCheckBox {
	font-size: 14px
}

.addFormLegend, .privacyPolicy {
	margin-top: 20px
}

.navigation > li > a {
	line-height: 22px
}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
	font-size: 22px
}

.navbar-brand span {
	font-size: 24px;
	margin-left: 10px;
	padding-left: 11px;
	display: none
}

.Keepopen > .dropdown-menu, .company-tag-label:hover .company-tag-close-icon, .sidebar-detached .sidebar-separate.sidebar-default, .sidebar-xs .header-highlight .navbar-header .navbar-brand > img, .sidebar-xs .navbar-brand span {
	display: block
}

.navbar-right .media-left i {
	font-size: 24px;
	color: #166dba
}

.navbar-brand {
	padding: 0 14px
}

.width-20, body:not(.sidebar-xs) .navigation li a > i {
	width: 20px
}

.animated.infinite {
	animation-iteration-count: infinite
}

.nav-link i {
	color: #aea9c3
}

.animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

@keyframes swing {
	20% {
		transform: rotate3d(0,0,1,15deg)
	}

	40% {
		transform: rotate3d(0,0,1,-10deg)
	}

	60% {
		transform: rotate3d(0,0,1,5deg)
	}

	80% {
		transform: rotate3d(0,0,1,-5deg)
	}

	to {
		transform: rotate3d(0,0,1,0deg)
	}
}

.swing {
	transform-origin: top center;
	animation-name: swing
}

.badge-pulse {
	background: red;
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	box-shadow: 0 0 0 rgba(255,0,0,.4);
	animation: 1.8s infinite BadgePulse;
	position: absolute;
	top: 10px;
	right: 10px;
	border: 3px solid #fff
}

@keyframes BadgePulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(255,0,0,.4);
		box-shadow: 0 0 0 0 rgba(255,0,0,.4)
	}

	70% {
		-moz-box-shadow: 0 0 0 10px rgba(255,0,0,0);
		box-shadow: 0 0 0 10px rgba(255,0,0,0)
	}

	100% {
		-moz-box-shadow: 0 0 0 20px rgba(255,0,0,0);
		box-shadow: 0 0 0 20px rgba(255,0,0,0)
	}
}

.navigation .blue.active > a, .navigation .blue.active > a:focus, .navigation .blue.active > a:hover, .navigation .blue > a:hover, .sidebar-xs .sidebar-main .navigation .blue a span {
	background-color: #1e88e5;
	border-color: #1e88e5
}

.customSettingsTableHold .panel-body, .navigation {
	padding: 0
}

	.navigation .navigation-header.navigationToggleHeading {
		padding: 0 0 0 20px;
		display: flex;
		align-items: center;
		justify-content: space-between
	}

body > .navbar.navbar-default {
	min-height: 70px
}

.sidebar-fixed .sidebar-content {
	top: 70px
}

.header-highlight .navbar-header:not([class*=bg-]) {
	background: 0 0;
	box-shadow: none;
	border: none
}

.navbar-brand, .sidebar-xs .header-highlight .navbar-header .navbar-brand {
	height: 70px;
	display: flex;
	align-items: center
}

	.navbar-brand > img {
		height: 50px;
		padding: 0
	}

.tableScrollable .datatable-footer, body > .navbar.navbar-default .nav.navbar-nav {
	padding-top: 10px
}

.header-highlight .navbar-header > .navbar-nav > li > a {
	color: #333
}

.sidebar-xs .header-highlight .navbar-header .navbar-brand {
	background: 0 0;
	padding: 0 14px
}

.report_filters table, .roleCheckGlobalBtn .rolesListOptions, .sidebar-xs .header-highlight .navbar-header {
	width: auto
}

.header-highlight .navbar-header {
	width: 16px
}

#formAddionalOptions .input-group, .sidebar-xs .sidebar-main .navigation > li.navigationToggleHeading > a {
	width: 100%
}

	.sidebar-xs .sidebar-main .navigation > li.navigationToggleHeading > a i:before {
		content: "\eebc"
	}

.sidebar.sidebar-main .navigation > li > a {
	min-height: 40px
}

.customTabBar.nav-tabs.nav-justified.nav-tabs-bottom {
	background: #fff;
	border: none;
	box-shadow: 0 1px 3px rgb(0 0 0 / 12%),0 1px 2px rgb(0 0 0 / 24%);
	border-radius: 3px
}

.customTabBar.nav-tabs > li.active > a, .customTabBar.nav-tabs > li.active > a:focus, .customTabBar.nav-tabs > li.active > a:hover {
	font-weight: 600;
	color: #565656
}

	.customTabBar.nav-tabs > li.active > a:after {
		background-color: #1e88e5
	}

#DivNotificationAlerts .media-body {
	vertical-align: middle !important
}

#DivNotificationAlerts .media-right {
	white-space: nowrap;
	vertical-align: middle !important
}

#DivNotificationAlerts .media {
	margin: 0;
	border-bottom: 1px solid #ddd;
	padding: 5px;
	border-left: 3px solid transparent
}

.newmsg {
	border-left: 3px solid #2196f3 !important
}

label {
	font-weight: 600;
	color: #111
}

.csubitemprice label {
	font-weight: 500 !important
}

.multiselect-container > li > a > label, .sidebar-secondary.sidebar-default .category-collapsed span {
	font-weight: 400
}

.form-group, .rolesOptions .panel, .settingsModules .customPanel.panel, .settingsModules .detailsPage .panel {
	margin-bottom: 15px
}

.modal-header {
	padding: 12px 20px;
	background: #0992d1;
	color: #fff
}

.modal-title {
	font-size: 14px;
	font-weight: 600;
	padding-right: 20px
}

.modal-header .close {
	min-width: 46px;
	height: 46px;
	text-indent: -9999999px;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
	opacity: 1
}

	.modal-header .close:after, .modal-header .close:before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		max-width: 2px;
		max-height: 14px;
		background: #fff;
		margin: auto;
		transform: rotate(-45deg)
	}

	.modal-header .close:after {
		transform: rotate(45deg)
	}

.customCheckBox, .customRadio {
	position: relative;
	cursor: pointer;
	padding-left: 28px;
	margin: 0;
	color: #111;
	font-weight: 400
}

.customCheckBox {
	padding-left: 22px
}

.input-group-addon .customCheckBox, .input-group-addon .customRadio {
	width: 18px;
	height: 18px;
	padding-left: 0
}

.customCheckBox input, .customRadio input {
	opacity: 0;
	left: 0;
	z-index: 1;
	position: absolute
}

.customCheckBox .customCheckSpan, .customRadio .customRadioSpan {
	color: #455a64;
	border: 2px solid #607d8b;
	border-radius: 2px;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 1px;
	left: 0
}

.customRadio .customRadioSpan {
	border-radius: 100%
}

.customCheckSpan:before, .customRadioSpan:before {
	content: "";
	position: absolute;
	top: 3px;
	left: 2px;
	opacity: 0;
	border-width: 0 0 2px 2px;
	border-color: #455a64;
	border-style: solid;
	width: 9px;
	height: 5px;
	transform: rotate(-45deg);
	transition: .15s ease-in-out
}

.customRadioSpan:before {
	left: 3px;
	border: 4px solid;
	border-color: inherit;
	width: 0;
	height: 0;
	border-radius: 100%
}

.customCheckBox input:checked + .customCheckSpan:before, .customRadio input:checked + .customRadioSpan:before, .tableRightButtonsAlign .icons-list li a, .tableRightButtonsAlign .icons-list li a:hover {
	opacity: 1
}

table .customCheckBox:not(.default-options), table.dataTable .customCheckBox:not(.default-options) {
	width: 18px;
	height: 15px
}

.customSwitch {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 16px
}

	.customSwitch input {
		opacity: 0;
		width: 0;
		height: 0
	}

	.customSwitch .slider {
		position: absolute;
		cursor: pointer;
		top: 2px;
		left: 0;
		right: 0;
		bottom: -2px;
		width: 100%;
		height: auto;
		border-radius: 34px;
		border: 1px solid #ddd;
		background-color: #fff;
		-webkit-transition: .4s;
		transition: .4s
	}

		.customSwitch .slider:before {
			position: absolute;
			content: "";
			height: 14px;
			width: 14px;
			left: 1px;
			bottom: 0;
			background-color: #fff;
			-webkit-transition: .4s;
			transition: .4s;
			box-shadow: 0 1px 3px rgba(0,0,0,.4);
			border-radius: 50%
		}

	.customSwitch input:checked + .slider {
		box-shadow: #64bd63 0 0 0 8px inset;
		border-color: #64bd63;
		background-color: #64bd63
	}

		.customSwitch input:checked + .slider:before {
			-webkit-transform: translateX(13px);
			-ms-transform: translateX(13px);
			transform: translateX(13px)
		}

.page-container {
	min-height: calc(100vh - 48px)
}

.hrFullWidth {
	margin-left: -20px;
	margin-right: -20px
}

.summaryInfoHeading {
	color: #1e88e5;
	margin-top: 5px;
	font-size: 14px
}

.employeeDetailsSidebySide ul li {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 0
}

.employeeDetailsSidebySide ul:not(.checklist,.loremAttach,.infoTags) li span:not(.select2):not(.select2 span):not(.input-group-btn):not(.btn span) {
	display: table-cell;
	width: 50%;
	font-size: 14px;
	vertical-align: middle
}

.employeeDetailsSidebySide.employeefullwidth ul li span:first-child {
	width: 16%
}

.customPanelDatatable .dataTables_filter, .customSettingsTableHold .panel-heading, .customSettingsTableHold:last-child, .dualListBoxWithTable .datatable-header .dataTables_filter, .employeeDetailsSidebySide ul li span label, .rolesListOptions.title label {
	margin: 0
}

.employeeDetailsSidebySide ul li span:not(.selection):not(.selection span):not(.btn span):first-child {
	border-bottom: 1px solid #fff;
	margin: 0 10px 0 0;
	background: #f2f2f2;
	padding: 5px 10px;
	font-weight: 600;
	color: #111
}

.employeeDetailsSidebySide ul li span:not(.dropdown-wrapper):not(.selection span):not(.input-group-btn):not(.btn span):not(.select2):last-child {
	padding-left: 10px;
	color: #111
}

.allOtherModule .panel {
	border: 1px solid #ddd;
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	padding: 10px;
	background: #fff;
	border-radius: 3px;
	font-size: 13px
}

.dataTables_length {
	float: left;
	margin: 0 !important
}

.dataTables_paginate {
	margin: 0 0 0 20px !important
}

.dataTables_info {
	float: right;
	margin-bottom: 10px !important
}

.fc-timegrid-slots table > tbody > tr:hover, .panel-flat > .panel-heading {
	background-color: unset !important
}

body:not(.modal-open) .daterangepicker.dropdown-menu {
	z-index: 2
}

.detailsPage .allOtherModule .panel .panel-body {
	border: none;
	border-radius: 0
}

.detailsPage .viewMorePersonalDetailsBtn {
	margin: 1px 0 3px 25%
}

.customPanel .btn-icon, .detailsPage .btn-icon {
	padding: 3px 5px
}

.customPanel.panel, .detailsPage .panel {
	background: 0 0;
	border: 1px solid transparent;
	border-bottom: none;
	transition: border .2s;
	margin-bottom: 35px
}

.btn.bg-info-600, .btn.bg-primary:not(.action), .btn.bg-slate, .btn.bg-success:not(#submenuicon):not(#addrow), .btn.btn-danger:not(.), .btn.btn-primary:not(.action):not(.btnTheme):not(.btn-arrow), .btn.btn-success:not(#submenuicon):not(.iconpicker) {
	transition: color .45s cubic-bezier(.785, .135, .15, .86),border .45s cubic-bezier(.785, .135, .15, .86)
}

.detailsStatsContain .panel:last-child {
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto
}

.customPanel.panel.panel-collapsed, .detailsPage .panel.panel-collapsed {
	border: 1px solid #ddd;
	background: #fff
}

.customPanel .panel-heading, .detailsPage .panel-heading {
	background: 0 0;
	border: none;
	padding: 0 20px 0 0;
	margin: 5px 0
}

	.customPanel .panel-heading h6, .detailsPage .panel-heading h6 {
		font-size: 18px;
		line-height: 25px;
		font-weight: 300;
		color: #1e88e5
	}

	.customPanel .panel-heading .panel-title, .detailsPage .panel-heading .panel-title {
		color: #111;
		padding: 1px 1px 1px 20px;
		margin: 0;
		font-size: 13px;
		font-weight: 600
	}

.customPanel.panel-collapsed .panel-heading .panel-title, .detailsPage .panel-collapsed .panel-heading .panel-title {
	border-top-right-radius: 0;
	border-bottom-left-radius: 4px
}

.customPanel.panel .panel-body .panel-heading h6, .detailsPage .panel .panel-body .panel-heading h6 {
	color: #1e88e5;
	background: 0 0
}

.customPanel .panel-body, .detailsPage .panel-body {
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 3px;
	overflow: hidden
}

.bordertable, .customPanel .panel-footer.customPanelFooter, .daystable, .detailsPage .panel-body, .sidebar-detached .sidebar-separate.sidebar-default .sidebar-category {
	border: 1px solid #ddd
}

.customPanel .tooltip, .detailsPage .tooltip {
	margin-left: 15px
}

.customTabsNavbar .navbar, .detailsPage .navbar {
	padding-right: 0
}

.dark-theme .header-highlight .navbar-header:not([class*=bg-]), .detailsNoRecord, select.requiredInput {
	box-shadow: none
}

.columnsSelectBtn {
	padding: 1px 6px 2px
}

.tableRightButtonsAlign {
	float: right;
	margin-top: 1px
}

	.tableRightButtonsAlign .icons-list > li:last-child {
		margin-left: 10px
	}

.customPanel .btn.bg-info-600, .customPanel .tableRightButtonsAlign .btn, .detailsPage .btn.bg-info-600, .detailsPage .tableRightButtonsAlign .btn {
	padding: 1px 9px 2px !important;
	color: #fff
}

.spinner-key.active span, .tableRightButtonsAlign .spinner-key.active span {
	display: block;
	visibility: hidden
}

.tableRightButtonsAlign .spinner-key .icon-spinner2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	max-height: 12px;
	max-width: 12px
}

.tableRightButtonsAlign .select2-selection--single {
	height: 30px;
	padding: 3px 0
}

.tableCustomAlign .panel .panel-heading {
	padding-right: 300px
}

.media-left .btn.btn-icon {
	padding: 1px 4px 3px
}

.media-left .img-sm {
	width: 26px !important;
	height: 26px !important
}

.checkboxColumnTable {
	width: 50px
}

.actionColumnTable {
	width: 70px
}

.imageGalleryRightSidebar .form-group, .modal .dualListBoxWithTable .customPanel .panel-heading, .tableScrollable .dataTables_info, .tableScrollable .dataTables_length, .tableScrollable .dataTables_paginate {
	margin-bottom: 10px
}

.tableScrollable .datatable-scroll {
	overflow-x: auto;
	overflow-y: hidden
}

.tableScrollable .dataTables_scrollHead {
	overflow: visible !important;
	background: #eee !important
}

.tableScrollable .dataTables_scrollHeadInner {
	background: #eee
}

.tableScrollable .dataTables_scroll {
	width: -moz-fit-content
}

.tableScrollable .dataTables_scrollBody {
	overflow-x: hidden !important;
	height: 100% !important;
	max-height: calc(100vh - 320px)
}

tfoot.customfilterColumn {
	display: table-header-group
}

	tfoot.customfilterColumn td {
		border: none !important;
		border-bottom: 1px solid #ddd !important
	}

.detailsSidebarInfo .thumb img {
	width: 110px
}

.detailsSidebarInfo .nav.navbar-nav li a:focus, .detailsSidebarInfo .nav.navbar-nav li a:hover {
	background: #607d8b
}

.detailsStatsContain .col-xs-2, .settingsmenu .col-sm-3 {
	width: 20%
}

.detailsStatsContain .panel, .plantcharge.table > tbody > tr > td, .settingsModules .floatingbtn .panel-body {
	padding: 10px
}

.filterOpened:not(.modal-open) .select2-container {
	z-index: 1060
}

.clearfiltertag {
	float: left;
	transition: .2s;
	padding-top: 6px;
	display: inline-block
}

	.clearfiltertag:hover {
		color: #2196f3 !important;
		text-decoration: underline
	}

div.filterHolder div.formholder {
	width: 100%;
	height: 100vh;
	background-color: #fff;
	z-index: 111;
	padding: 10px 0
}

div.filterHolder {
	width: 400px;
	min-height: 100vh;
	position: fixed;
	top: 0;
	z-index: 1111;
	right: -400px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
	transition: .5s ease-in-out
}

	div.filterHolder.visible {
		right: 0;
		top: 0
	}

.filterContain .panel-collapse .form-group:last-child {
	padding-bottom: 20px
}

#FilterPanelClose {
	position: absolute;
	right: 0;
	top: 0;
	background: #222c3e;
	color: #fff;
	font-size: 16px;
	border-bottom-left-radius: 50px;
	width: 40px;
	height: 40px;
	border: none;
	z-index: 1
}

	#FilterPanelClose i {
		top: -4px;
		left: 3px
	}

#filterAccordions, .settingsPageForm form .row .col-settingsPageFormLegendxs-12, .settingsPageForm form .row .col-xs-6, .sidebar-toggle-header {
	padding: 0 20px
}

.sidbar-toggle-body {
	height: calc(100vh - 140px);
	overflow-y: auto;
	overflow-x: hidden
}

.sidbar-toggle-footer {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 10px 20px;
	border-top: 1px solid #d6d6d6
}

.addContactDepartmentInfo, .modal-body.departmentModalBody {
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	position: relative;
	overflow: hidden;
	min-width: 100%
}

.changeview.ok, .estaddressblock, .sidebar-mobile-detached #detachedsidebar .category-title, .sidebar-mobile-detached #detachedsidebar .searchcatagory, .viewchangedropdown.ok .dropdown-menu.viewchange, .viewchangedropdown.open .dropdown-menu.viewchange {
	display: block !important
}

.addChangeAddressList, .addDepartmentInfo, .chooseFromAddressList {
	display: block;
	width: 100%;
	min-width: 100%;
	position: relative;
	transition: .3s;
	vertical-align: top;
	white-space: normal
}

.marginLeftMinus100 {
	margin-left: -100%
}

.marginLeftMinus200 {
	margin-left: -200%
}

.addChangeAddressList, .chooseFromAddressList {
	height: 10px
}

.addDepartmentInfo.marginLeftMinus100 {
	height: 0
}

	.addDepartmentInfo.marginLeftMinus100:not(.marginLeftMinus200) + .addChangeAddressList, .addDepartmentInfo.marginLeftMinus200 ~ .chooseFromAddressList {
		height: auto
	}

.stepy-navigator {
	margin-top: 10px
}

	.AnyTime-time .AnyTime-hrs, .AnyTime-time .AnyTime-mins, .AnyTime-time .AnyTime-mins-ones, .AnyTime-time .AnyTime-mins-tens, .stepy-navigator .button-back {
		float: left
	}

.loader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1111111
}

.line {
	animation: 1s ease-in-out infinite expand;
	border-radius: 10px;
	display: inline-block;
	transform-origin: center center;
	margin: 0 4px;
	width: 2px;
	height: 30px
}

	.line:first-child {
		background: #ff7e00
	}

	.line:nth-child(2) {
		animation-delay: 180ms;
		background: #cc7925
	}

	.line:nth-child(3) {
		animation-delay: 360ms;
		background: #1b659d
	}

	.line:nth-child(4) {
		animation-delay: 540ms;
		background: #ad4dc4
	}

	.line:nth-child(5) {
		animation-delay: 720ms;
		background: #7e9e31
	}

	.line:nth-child(6) {
		animation-delay: .9s;
		background: #76c200
	}

@keyframes expand {
	0% {
		transform: scale(1)
	}

	25% {
		transform: scale(2)
	}
}

.page-roller-spin-fullpage, .page-roller-spin-fullpage-preview, .page-roller-spin-fullpage-reports {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	z-index: 1110;
	background: rgba(212,212,212,.45)
}

.customfilterColumn .select2-container--open .select2-dropdown--below {
	min-width: 160px;
	right: -35px;
	left: auto
}

.inner-AddMore {
	font-size: 12px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border: 0;
	background-image: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #f9fbff;
	line-height: 20px;
	padding: 2px 10px;
	margin-bottom: -16px
}

.inner, .inner-Close {
	background-color: #e2e8f3
}

.inner {
	font-size: 10px !important;
	text-align: right !important;
	border: none !important;
	width: 145px !important;
	height: 17px !important;
	margin-left: calc(50% - 72px);
	padding: 0 4px 2px;
	margin-bottom: 5px
}

.inner-Close {
	border: 0;
	padding: 0;
	width: 14px;
	line-height: 14px;
	height: 16px
}

.add-view .stepy-navigator, .modalC {
	padding: 20px
}

.availablewidgets, .inner-Elem {
	display: inline-block;
	width: 100%
}

.column-setting, .filter-setting {
	max-height: calc(100vh - 346px) !important;
	overflow: auto
}

.dropdownbtn, .viewchange {
	overflow: hidden;
	text-overflow: ellipsis
}

#sortable li, #sortableFilter li, #supplierlist table > tbody > tr:nth-of-type(odd) {
	background-color: #fff
}

	#sortable li:hover, #sortableFilter li:hover {
		background-color: #f9f9f9;
		cursor: move
	}

.has-error {
	border-color: rgba(233,51,51,.8) !important
}

.loadertable {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	height: 70px;
	bottom: 0;
	background: #fff
}

.loader1 {
	width: 60px;
	height: 50px;
	text-align: center;
	position: absolute;
	font-size: 10px;
	-webkit-transform: translateY(-50%) translateX(-50%);
	z-index: 11;
	bottom: -15px;
	left: 50%
}

#customersubmit, .colorPickerHold, .company-tag-label, .customgridSwitch, .customgridSwitch span, .imgPickerHold, .modalC {
	position: relative
}

.loader1 > div {
	height: 100%;
	width: 8px;
	display: inline-block;
	float: left;
	margin-left: 2px;
	-webkit-animation: .8s ease-in-out infinite loader-delay;
	animation: .8s ease-in-out infinite loader-delay
}

.loader1 .bar11 {
	background-color: #754fa0
}

.loader1 .bar21 {
	background-color: #09b7bf;
	-webkit-animation-delay: -.7s;
	animation-delay: -.7s
}

.loader1 .bar31 {
	background-color: #90d36b;
	-webkit-animation-delay: -.6s;
	animation-delay: -.6s
}

.loader1 .bar4 {
	background-color: #f2d40d;
	-webkit-animation-delay: -.5s;
	animation-delay: -.5s
}

.loader1 .bar5 {
	background-color: #fcb12b;
	-webkit-animation-delay: -.4s;
	animation-delay: -.4s
}

.loader1 .bar6 {
	background-color: #ed1b72;
	-webkit-animation-delay: -.3s;
	animation-delay: -.3s
}

@keyframes loader-delay {
	0%,100%,40% {
		transform: scaleY(.05);
		-webkit-transform: scaleY(.05)
	}

	20% {
		transform: scaleY(1);
		-webkit-transform: scaleY(1)
	}
}

.dropdownbtn {
	width: 190px
}

table .customCheckBox:not(.default-options) {
	padding-left: 1px
}

.viewchange {
	width: 190px !important
}

.searchbox {
	top: 28%
}

	.searchbox .form-control {
		height: 24px
	}

.form-control-feedback {
	top: -6px;
	height: 24px
}

.activitypanel .list-feed > li .feed-time {
	position: absolute;
	left: 0;
	top: 1px
}

	.activitypanel .list-feed > li .feed-time i {
		position: absolute;
		left: 77px;
		z-index: 5;
		color: #fff;
		top: 10px
	}

.activitypanel .list-feed > li {
	padding-left: 120px;
	padding-bottom: 10px
}

	.activitypanel .list-feed > li:before {
		left: 67px;
		width: 34px;
		height: 34px;
		background-color: #bebfbf;
		border: none !important;
		z-index: 3;
		top: 0
	}

	.activitypanel .list-feed > li:after {
		border-color: #bebfbf !important;
		left: 83px;
		top: 0;
		bottom: -3px
	}

.activitypanel li.dayHeading {
	width: 100%;
	border-bottom: 1px solid #ddd;
	margin: 10px 0 20px;
	padding: 0;
	text-align: center;
	line-height: 10px
}

	.activitypanel li.dayHeading span {
		width: 130px;
		margin: 0;
		background: #fff;
		position: relative;
		border-radius: 2px;
		font-size: 12px;
		display: inline-block;
		padding: 0;
		height: auto;
		text-align: center;
		top: 5px;
		font-weight: 600
	}

	.activitypanel li.dayHeading:after {
		left: 0;
		top: 25px;
		bottom: -20px;
		right: 0;
		margin: auto
	}

.detailsPage .actionInfo .btn.bg-info-600, .detailsPage .actionInfo .tableRightButtonsAlign .btn {
	padding: 2px 9px 4px
}

.customPanel .tableRightButtonsAlign i, .detailsPage .tableRightButtonsAlign i {
	font-size: 12px
}

.activitypanel {
	max-height: 600px;
	overflow-y: auto !important
}

.bg-danger-400 {
	background-color: #ef5350 !important;
	border-color: #ef5350 !important;
	color: #fff !important
}

.bg-primary-400 {
	background-color: #42a5f5 !important;
	border-color: #42a5f5 !important;
	color: #fff !important
}

.filteredbase {
	background-color: #bfbfbf
}

.dropup-menu {
	top: auto !important;
	bottom: 100% !important
}

.galignright {
	text-align: right
}

.galigncenter {
	text-align: center;
	margin: 0
}

.customgridSwitch span {
	background-color: #e1e1e3;
	border: 1px solid rgb(203 203 203);
	border-radius: 100px;
	cursor: pointer;
	display: inline-block;
	width: 28px;
	height: 15px;
	vertical-align: middle;
	box-sizing: content-box;
	box-shadow: rgb(223 223 223) 0 0 0 0 inset;
	transition: border .4s,box-shadow .4s
}

	.customgridSwitch span:before {
		content: '';
		background-color: #fff;
		border-radius: 100px;
		width: 15px;
		height: 14px;
		position: absolute;
		top: 0;
		left: 0;
		box-shadow: 0 1px 3px rgb(0 0 0 / 40%);
		transition: background-color .4s,left .2s
	}

.customgridSwitch input:checked + span {
	background-color: #64bd63;
	border-color: #64bd63;
	box-shadow: #64bd63 0 0 0 12px inset;
	transition: border .4s,box-shadow .4s,background-color 1.2s
}

	.customgridSwitch input:checked + span:before {
		left: 13px
	}

.display-flex, .flex {
	display: flex
}

.settingsmenu i {
	color: #0993d2;
	font-size: 24px
}

.settingsmenu ul li {
	padding-bottom: 5px;
	padding-top: 5px
}

	.settingsmenu ul li a {
		text-decoration: none;
		color: #464646;
		cursor: pointer;
		font-size: 13px
	}

.settingsmenu h4 {
	font-size: 16px;
	font-weight: 500
}

.settingicon {
	margin: 0 20% 15px
}

	.settingicon .mr-20.mt-10 {
		display: table-cell;
		vertical-align: top;
		padding-top: 8px
	}

	.settingicon .settingslist {
		display: table-cell;
		padding-left: 16px
	}

		##CustomerPart div#SelectedCustomerlist_filter, #CustomerPart #Customerlist_filter, #CustomerPart #dataTables_filter, #ProductDesignsubmit .mail-attachments > li, .noteimageupload .mail-attachments > li, .o-vertical-spacing > * + *, .settingicon .settingslist h4 {
			margin-top: 0
		}

table td .icons-list li {
	padding: 0 2px;
	min-width: 20px
}

.filterAligntoSearch {
	float: none;
	position: absolute;
	right: 20px;
	bottom: -58px;
	z-index: 11
}

.required .filename, .requiredInput, select.requiredInput + .select2.select2-container .selection .select2-selection {
	box-shadow: 3px 0 0 0 inset #ff7575 !important
}

#navbar-details-header a i.position-left {
	margin-right: 2px
}

.MediafileManagerBody, .fileManagerBody {
	padding: 0;
	min-height: 150px;
	max-height: 150px
}

	.MMediafileManagerBody i, .MediafileManagerBody i, .fileManagerBody i {
		font-size: 44px;
		line-height: 3.5em
	}

.MMediafileManagerBody {
	padding: 0;
	min-height: 200px;
	max-height: 200px
}

.fileManagerBody img {
	min-height: 150px;
	max-height: 150px;
	width: 100%;
	margin: 0 auto;
	object-fit: cover;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.spinner-key.active i {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	max-height: 16px;
	max-width: 16px;
	z-index: 11
}

.text-1linedot {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.settingsModules .tableHeaderSticky.tableHeight380 .datatable-scroll, .tableHeaderSticky.tableHeight380 .datatable-scroll {
	max-height: calc(100vh - 380px)
}

.fullheightgrid.tableHeaderSticky .datatable-scroll, .tableHeaderSticky .datatable-scroll {
	max-height: calc(100vh - 265px);
	overflow: auto
}

.fullheightsearchgrid.tableHeaderSticky .datatable-scroll {
	max-height: calc(100vh - 390px);
	overflow: auto
}

.settingsModules .tableHeaderSticky .datatable-scroll {
	max-height: calc(100vh - 325px)
}

.hasFooter .tableHeaderSticky.tableHeight380 .datatable-scroll, .settingsModules.hasFooter .tableHeaderSticky.tableHeight380 .datatable-scroll {
	max-height: calc(100vh - 430px)
}

.hasFooter .fullheightgrid.tableHeaderSticky .datatable-scroll, .hasFooter .tableHeaderSticky .datatable-scroll {
	max-height: calc(100vh - 200px)
}

.hasFooter .tableHeaderSticky .datatable-scroll {
	max-height: calc(100vh - 320px) !important;
}


.hasFooter .fullheightsearchgrid.tableHeaderSticky .datatable-scroll {
	max-height: calc(100vh - 200px);
	overflow: auto
}

.settingsModules.hasFooter .tableHeaderSticky .datatable-scroll {
	max-height: calc(100vh - 375px)
}

.tableHeaderSticky .datatable-scroll table thead th {
	position: sticky;
	top: 0;
	background: #dddada;
	z-index: 10
}

.statussettingscolor {
	height: 15px;
	width: 15px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	border-radius: 50%;
	float: left;
	margin-top: 4px;
	margin-left: 15px
}

.label-style {
	padding: 4px 10px;
	border-radius: 3px;
	background-color: #f0f5fc;
	font-size: 10px;
	color: inherit;
	margin-right: 5px;
	margin-bottom: 5px;
	position: relative;
	text-overflow: ellipsis;
	overflow: hidden
}

.company-left-sub-header {
	padding-top: 15px;
	padding-bottom: 15px
}

.bottom-border {
	border-bottom: 1px solid #e2e8f3
}

.gift-icon-align {
	left: 8px;
	top: 5px
}

#sortable li div label span.customCheckSpan, .gridrowclick tr:hover, .putgridpointer, .qItems ul.media-list li, .qItems ul.media-list li.active {
	cursor: pointer
}

.img-container, .img-preview {
	background-color: #f7f7f7;
	text-align: center;
	width: 100%
}

.img-container {
	margin-bottom: 1rem;
	max-height: 497px;
	min-height: 200px
}

.docs-preview {
	margin-right: -1rem
}

.img-preview {
	float: left;
	margin-bottom: .5rem;
	margin-right: .5rem;
	overflow: hidden
}

.preview-lg {
	height: 9rem;
	width: 16rem
}

.preview-md {
	height: 4.5rem;
	width: 8rem
}

.preview-sm {
	height: 2.25rem;
	width: 4rem
}

.preview-xs {
	height: 1.125rem;
	margin-right: 0;
	width: 2rem
}

.docs-data .input-group-addon .input-group-text {
	min-width: 4rem
}

.docs-buttons > .btn, .docs-buttons > .btn-group, .docs-buttons > .form-control {
	margin-bottom: .5rem;
	margin-right: .25rem
}

.fileselection.active:before {
	content: '';
	position: absolute;
	width: 26px;
	height: 26px;
	border-radius: 30px;
	background: #00883a;
	right: -10px;
	top: -10px;
	z-index: 11111
}

.fileselection.active:after {
	content: "\e600";
	right: -5px;
	position: absolute;
	top: -5px;
	color: #fff;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	min-width: 1em;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	vertical-align: middle;
	z-index: 11111
}

.mail-attachments-content.Mediaviewfile {
	margin-left: 66px
}

.settingsPageFormLegend {
	padding: 5px 20px;
	margin-top: 20px
}

	.addFormLegend legend, .settingsPageFormLegend legend {
		color: #1e88e5;
		padding: 0 0 5px;
		margin-bottom: 10px
	}

.pageHeading {
	font-size: 16px;
	color: #111;
	padding: 0;
	margin: 0 0 5px;
	font-weight: 700;
	line-height: 20px
}

.mt-30 {
	margin-top: 30px !important
}

.note-popover .popover-content > .note-btn-group, .note-toolbar > .note-btn-group {
	margin-top: 5px;
	margin-right: 5px
}

.p-1, .p1 {
	padding: 1px !important
}

.widgetpanel {
	height: auto;
	display: block
}

.masonry {
	margin: 0;
	padding: 0;
	-moz-column-gap: 1.5em;
	-webkit-column-gap: 1.5em;
	column-gap: 1.5em;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2
}

.widget-Fixed-panel {
	width: 70%;
	word-break: break-word
}

.linebreaker, .miniwidgetslinebreaker {
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%
}

.headerlinebreaker, .miniwidgetsheaderlinebreaker {
	width: calc(100% - 40px)
}

.dashboardWidgetSettings .h6.panel-title, .dashboardWidgetSettings h6.panel-title {
	font-size: 14px;
	font-weight: 600
}

.equal.dashboardWidgetSettings {
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex
}

.dashboardWidgetSettings > div > .panel {
	height: 100%;
	margin-bottom: 0
}

.selectedWidgets > .panel {
	background-color: #b3afa7;
	border: 1px dashed #737373
}

.dashboardWidgetSettings .panel.panel-default.ui-state-default, .dashboardWidgetSettings .widgetpanel {
	box-shadow: 3px 3px 5px 0 rgb(0 0 0 / 10%)
}

.customTabsNavbar .nav > li > a, .detailsPage .nav > li > a {
	color: #888
}

.customTabsNavbar .navbar-default .navbar-nav > .active > a, .customTabsNavbar .navbar-default .navbar-nav > .active > a:focus, .customTabsNavbar .navbar-default .navbar-nav > .active > a:hover, .detailsPage .navbar-default .navbar-nav > .active > a, .detailsPage .navbar-default .navbar-nav > .active > a:focus, .detailsPage .navbar-default .navbar-nav > .active > a:hover {
	color: #1e88e5;
	font-weight: 700;
	background-color: transparent
}

.topspace {
	margin-top: 25px
}

.putpointer {
	cursor: move;
	background-color: #fafafa
}

.div_clickArea {
	FILTER: alpha(opacity=01);
	WIDTH: 100%;
	HEIGHT: 100%;
	BACKGROUND-COLOR: #fff;
	opacity: .01
}

.dataTable thead tr th ul.dropdown-menu.customdropdwn:before {
	left: 0;
	top: -12px;
	content: "";
	display: block;
	position: absolute;
	background-color: transparent;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 12px solid #fff;
	z-index: 9999
}

.dataTable thead tr th ul.dropdown-menu.customdropdwn {
	margin-top: 10px;
	padding: 3px;
	left: -5px
}

.dataTable thead tr th ul.dropdown-menu > li > a {
	padding: 0 15px;
	text-align: center
}

.modalzindex {
	z-index: 1111
}

.dualListBoxWithTable .datatable-header {
	padding: 0;
	border: 0;
	position: absolute;
	right: 0
}

.dualListBoxWithTable .datatable-scroll {
	height: 400px;
	overflow: auto
}

#SelectedSupplierList tr td:last-child, #costselected tr td#\30, #costselected tr td:last-child, .dualListBoxWithTableBtns, td#\30 {
	text-align: center
}

	.dualListBoxWithTableBtns button {
		display: block;
		margin: 10px auto
	}

.dualListBoxWithTable .sortDualListBoxRows {
	display: none;
	padding-left: 0;
	padding-right: 0
}

.dualListBoxWithTableRight .sortDualListBoxRows {
	display: table-cell
}

.display-table, .headingelement {
	display: table;
	width: 100%
}

.display-table-cell {
	display: table-cell;
	vertical-align: middle
}

.dualListBoxWithTable .display-table-cell {
	display: inline-block;
	vertical-align: middle
}

.media-top, .rolesListOptions, .tip .display-table-cell {
	vertical-align: top
}

.width-40 {
	width: 40px !important
}

#btn_saveasnew {
	width: 110px !important
}

.userProfile {
	height: 140px;
	width: 140px;
	border-radius: 100%;
	display: inline-block;
	border: 6px solid #ebebeb;
	background: #00bcd4;
	text-align: center;
	font-size: 40px !important;
	padding: 30px 0;
	font-weight: 700;
	color: #fff
}

.colorPickerHold input {
	padding-left: 50px
}

.colorPickerHold .sp-replacer, .imgPickerView {
	padding: 0;
	border: none;
	position: absolute;
	bottom: 1px;
	left: 1px;
	border-radius: 3px 0 0 3px;
	z-index: 11
}

.colorPickerHold .sp-preview {
	width: 34px;
	height: 34px;
	margin: 0;
	float: none
}

.ItembasedQuicklinks ul li br, .dataTable thead .sorting:after, .dataTable thead .sorting:before, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_desc:after, .falsesorting:after, .qItemsQuantity .btncollapse, .sidebar-detached-hidden #detachedsidebar .category-title, .sidebar-detached-hidden #detachedsidebar .searchcatagory, ul.additionalul .btncollapse {
	display: none !important
}

body:not(.settingsModules) .customPanelDatatable .panel-body {
	border: none;
	background: 0 0
}

.customPanelDatatable .panel-footer, .dark-theme .detailsPage .panel[class*=panel-], .dark-theme .modal .modal-content, .settingsModules .customPanel .panel-body, .settingsModules .detailsPage .panel-body {
	border: none
}

.customPanelDatatable:not(.panel-collapsed) .tableRightButtonsAlign {
	position: absolute;
	z-index: 11;
	right: 20px;
	top: 0
}

.customSettingsTableHold.customPanelDatatable .tableRightButtonsAlign, .themeHold.visible {
	right: 0
}

.customSettingsTableHold.customPanelDatatable .datatable-header, .transfer-double-list-main .transfer-double-group-list-ul .transfer-double-group-list-li .transfer-double-group-list-li-ul {
	padding-left: 0
}

.customPanelDatatable .datatable-header {
	padding: 0 0 5px 20px;
	border: none;
	background: 0 0
}

.customPanelDatatable .datatable-footer {
	border: 1px solid #ddd;
	border-top: 0;
	border-radius: 3px;
	padding: 7px 20px 0;
	background: #fff
}

	.customPanelDatatable .datatable-footer .dataTables_info, .customPanelDatatable .datatable-footer .dataTables_length, .customPanelDatatable .datatable-footer .dataTables_paginate {
		margin-bottom: 7px
	}

.customPanelDatatable .datatable-scroll {
	border: 1px solid #ddd;
	border-radius: 3px;
	background: #fff
}

.customPanelDatatable .dataTables_filter > label > span {
	margin-bottom: 5px;
	margin-top: 5px
}

.customSettingsTableHold {
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
	padding: 20px
}

	.customSettingsTableHold .panel-footer {
		padding-bottom: 0;
		background: 0 0;
		border: none
	}

.customSettingsHeader {
	border-bottom: 1px solid #ddd;
	margin-bottom: 5px;
	padding-bottom: 5px;
	position: relative
}

	.customSettingsHeader .panel-title {
		text-transform: uppercase;
		font-size: 12px;
		color: #1e88e5;
		font-weight: 700;
		display: inline-block;
		margin: 0
	}

	.customSettingsHeader .tableRightButtonsAlign {
		margin-top: -4px
	}

.select2-results__option {
	color: #5f5f5f
}

	.select2-results__option.select2-results__option--highlighted {
		background-color: #efefef;
		font-weight: 600;
		color: #111
	}

#select2-ddlview-results .select2-results__option.select2-results__option--highlighted {
	background-color: #efefef;
	font-weight: 400;
	color: #111
}

.dark-theme #select2-ddlview-results .select2-results__option.select2-results__option--highlighted {
	background-color: #efefef;
	font-weight: 400;
	color: #e4e6eb
}

.select2-results__option[aria-selected=true] {
	background-color: #efefef;
	color: #111;
	font-weight: 600
}

.multiselect-container > li > a:focus, .multiselect-container > li > a:hover {
	background-color: #f5f5f5
}

@media (min-width:768px) {
	.sidebar-xs.has-detached-left .customStepy:not(#customersubmit) .stepy-navigator {
		width: calc(100% - 356px) !important;
		left: 336px
	}

	.img-container {
		min-height: 497px
	}
}

@media (min-width:1600px) {
	span#printlayouterrorbooklet {
		padding-left: 30px !important
	}

	.detailsPage .detailsSidebarInfo {
		width: 20%
	}

	.detailsPage .detailsTableInfo {
		width: 80%
	}
}

@media (max-width:1500px) {
	.customTabsNavbar .nav > li > a, .detailsPage .nav > li > a {
		padding-left: 8px;
		padding-right: 8px
	}

	.taskAlertSettings .row .col-md-3 {
		width: 30%
	}
}

.vertical-menu {
	background-color: #dcdcdc
}

.company-tag-close-icon {
	position: absolute;
	right: -3px;
	top: -3px;
	display: none
}

.text-danger1 {
	color: #fd755f !important
}

@media(max-width:1300px) {
	.detailsStatsContain .col-xs-2 {
		width: 33.3%
	}
}

@media(min-width:1025px) {
	.modal-lg, .width1000 {
		width: 1000px
	}

	.modal-xl {
		width: 1300px
	}
}

@media(max-width:992px) {
	.detailsStatsContain .col-xs-2 {
		width: 50%
	}

	.loginContain > div {
		padding: 10px 30px
	}

	.form-group .col-md-6.no-padding-left, .form-group .col-md-6.no-padding-right {
		padding: 0 !important
	}

		.col-md-6 > .form-group label.control-label.pr-5, .form-group .col-md-6.no-padding-left label.control-label.pr-5, .form-group .col-md-6.no-padding-right label.control-label.pr-5 {
			padding-right: 0 !important;
			min-width: 50px
		}

	.col-sm-6 > .form-group > .display-table .display-table-cell.pr-5 {
		width: 90px
	}
}

@media(max-width:480px) {
	.detailsStatsContain .col-xs-2 {
		width: 100%
	}
}

@media(max-width:604px) {
	.customerheader .pull-right {
		display: block;
		float: none !important;
		margin-top: 10px
	}

		.customerheader .pull-right .bg-info-600 {
			margin-left: 0 !important;
			margin-bottom: 5px
		}
}

@media(min-width:768px) and (max-width:869px) {
	.customerheader .pull-right {
		display: block;
		float: none !important;
		margin-top: 10px
	}

		.customerheader .pull-right .bg-info-600 {
			margin-left: 0 !important;
			margin-bottom: 5px
		}
}

@media screen and (max-width:768px) and (min-width:501px) {
	.sweet-alert {
		width: 450px !important;
		top: 50%;
		left: 50%;
		transform: translate(0,5%)
	}
}

@media screen and (max-width:500px) {
	.sweet-alert {
		width: 320px !important;
		top: 50%;
		left: 50%;
		transform: translate(-50%,50%)
	}
}

#htmlbody .note-editor {
	margin: 10px
}

.plantcharge.table > tbody > tr > td:first-child {
	padding: 0 5px 10px 0 !important
}

.plantcharge.table > tbody > tr > td:last-child {
	padding: 10px 0 10px 5px !important
}

.scrolltextbox {
	height: 350px;
	width: 100%;
	overflow-x: auto
}

.sheetweights {
	margin-top: -174px
}

.changeallpadding {
	margin-right: -100px
}

.rolesListOptions.title {
	width: 140px;
	text-align: left;
	padding: 10px 0
}

.rolesOptions .panel-body {
	padding: 10px 20px
}

.rolesListOptions {
	width: 80px;
	display: inline-block;
	text-align: center
}

	.rolesListOptions.width170 {
		width: 170px
	}

	.note-fontname button.note-btn, .rolesListOptions.width140 {
		width: 140px
	}

.rolesOptions .customSwitch.customSwitchInline {
	padding-left: 40px
}

	.rolesOptions .customSwitch.customSwitchInline .slider {
		position: absolute;
		margin: 0
	}

.rolesOptions .customSwitch {
	margin: 0;
	width: auto;
	height: auto;
	font-weight: 500;
	padding-bottom: 3px
}

	.rolesOptions .customSwitch input {
		position: absolute
	}

	.rolesOptions .customSwitch .slider {
		width: 30px;
		height: 16px;
		display: block;
		margin: 0 auto;
		position: relative
	}

.rolesOptions .selectAllNone {
	width: 125px;
	padding: 10px 0
}

.width45per {
	width: 44.7%
}

.width10per {
	width: 10%
}

.panel-heading.border-bottom, .sidebar-default .category-title {
	border-bottom-color: #ddd
}

.couponbtnsavestay {
	margin-top: 0;
	margin-right: 0;
	width: 119.59px !important
}

.dropdown-user .dropdown-toggle .btn {
	padding: 4px 6px
}

#div_multipleRecipientsEmails .token-label {
	max-width: none !important
}

#div_multipleRecipientsEmails .close {
	transform: translateY(-50%)
}

#productcategory .note-toolbar.panel-heading {
	padding: 5px 15px 10px
}

.pl-30 {
	padding-left: 30px
}

.textalignment {
	white-space: normal;
	margin: 0
}

.custompanelheading {
	position: relative;
	min-height: 27px
}

#customersubmit .btn_div, .btn_div {
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0
}

.sidebar-xs .positionalert {
	margin-left: -130px !important
}

.positionalert {
	position: fixed;
	top: 92px;
	margin-left: -20px;
	left: 50%;
	text-align: center
}

.customdropdwnopn {
	overflow: visible !important
}

.departmentModalBody .ui-tabs-panel {
	min-height: 360px
}

.model.in + .model.in {
	z-index: 2000
}

.QuickQuote table > tbody > tr:hover, .calenderviewdiv .fc-content-skeleton tbody tr:hover, .calenderviewdiv tbody.fc-body tr:hover, .dark-theme #purchaseitemcodebody tr:hover, .dataTable tbody > tr.selected, .dataTable tbody > tr > .selected {
	background-color: transparent
}

table.table-border-space-none tr:hover {
	background-color: transparent !important
}

.tipclass {
	width: 27px
}

#purchaseitemcodetable.table > tbody > tr > td, #purchaseitemcodetable.table > tbody > tr > th, #purchaseitemcodetable.table > tfoot > tr > td, #purchaseitemcodetable.table > tfoot > tr > th, #purchaseitemcodetable.table > thead > tr > td, #purchaseitemcodetable.table > thead > tr > th {
	padding: 8px 5px;
	vertical-align: top
}

#supplierlist {
	max-height: 400px;
	overflow: auto
}

.ui-front {
	z-index: 1163
}

body:not(.modal-open) .ui-front {
	z-index: 1029
}

#deliveryquantitygrid .width-80, #purchaseproductgrid .width-80 {
	width: 80px;
	height: 30px;
}

.msgFloating {
	position: absolute;
	top: 112px;
	left: 45%
}

.pt-30 {
	padding-top: 30px
}

.detailsSidebarInfo .caption h6 {
	font-size: 13px;
	text-overflow: ellipsis;
	width: 100%
}

.stepyrightcolumnspacing {
	padding-left: 20px
}

.advance_filters .btn.dropdown-toggle, .advance_filters .form-control {
	border: 1px transparent;
	box-shadow: none;
	border-bottom: 1px solid #dddd;
	border-radius: 0
}

.report_filters table tr td {
	border: 0;
	width: 190px;
	vertical-align: middle
}

.text-green {
	color: green !important
}

.report_filters .table > tbody + tbody {
	border: 0
}

.advance_filters .table tbody tr td:first-child {
	width: 30px;
	position: relative;
	border-bottom: transparent;
	vertical-align: bottom;
	padding: 12px
}

.advance_filters table tr td {
	padding-bottom: 30px !important;
	position: relative
}

	.advance_filters table tr td:last:child {
		padding-bottom: 8px !important
	}

.advance_filters input.searchMatchText {
	width: 30px;
	pointer-events: none;
	cursor: default;
	background: #f6f6f6;
	border: 1px solid #b3b3b3 !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	color: #333;
	height: 30px;
	padding-top: 0;
	z-index: 1;
	position: relative
}

.advance_filters table > tbody tr td:first-child:before {
	content: "";
	display: inline-block;
	position: absolute;
	border-left: 1px solid #dadada;
	height: 83px;
	left: 27px;
	top: -30px
}

.and_or {
	position: absolute;
	top: -15px;
	background: #fff;
	cursor: pointer;
	text-align: center;
	left: 14px;
	width: 30px
}

.border-bottom {
	border-bottom: 1px solid #dddd !important
}

.criteria_pattern tbody tr td, .datatable-othercostitem tr > td, .datatable-othercostitem tr > th, .extendedPadding .table:not(.quick-tbl) > tbody > tr > td, .extendedPadding .table:not(.quick-tbl) > tbody > tr > th, .extendedPadding .table:not(.quick-tbl) > tfoot > tr > th, .extendedPadding .table:not(.quick-tbl) > thead > tr > td, .extendedPadding .table:not(.quick-tbl) > thead > tr > th, .extendedPadding .table:not(.quick-tbl,.totalsellingprice table.qtytoorder) > tfoot > tr > td {
	padding: 8px !important
}

.criteria_pattern textarea {
	border: none;
	resize: none
}

.highlighttr {
	background-color: #c0dbfd !important
}

.width-100 {
	min-width: 100px
}

.width-430 {
	width: 430px
}

.width-655 {
	width: 655px
}

.pb-2 {
	padding-bottom: 2px
}

#formAddionalOptions label.error {
	color: #f44336 !important;
	font-weight: 400;
	font-size: 14px
}

.modal-open .displaysuccessMsg, .z-indexclass {
	z-index: 11
}

.skeleton-box {
	display: inline-block;
	height: 1em;
	position: relative;
	overflow: hidden;
	background-color: #dddbdd;
	margin: 5px
}

	.skeleton-box::after {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		transform: translateX(-100%);
		background-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(20%,rgba(255,255,255,.2)),color-stop(60%,rgba(255,255,255,.5)),to(rgba(255,255,255,0)));
		background-image: linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 20%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0));
		-webkit-animation: 2s infinite shimmer;
		animation: 2s infinite shimmer;
		content: ''
	}

.mainclass, .sidebar-xs .mainclass {
	background: #ececec;
	padding-top: 16px
}

@-webkit-keyframes shimmer {
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

@keyframes shimmer {
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
}

.blog-post__headline {
	font-size: 1.25em;
	font-weight: 700
}

.blog-post__meta {
	font-size: .85em;
	color: #6b6b6b
}

.o-media {
	display: -webkit-box;
	display: flex
}

.o-media__body {
	-webkit-box-flex: 1;
	flex-grow: 1;
	margin-left: 1em
}

.cardsdash .skeleton-box {
	width: 16%;
	height: 150px;
	float: left
}

@media (max-width:1560px) {
	.cardsdash .skeleton-box {
		width: 15.8%
	}

	.chartscontent .skeleton-box {
		width: 48.5%;
		height: 450px
	}
}

@media (max-width:1240px) {
	.cardsdash .skeleton-box {
		width: 15.1%
	}

	.chartscontent .skeleton-box {
		width: 48% !important;
		height: 450px
	}

	.settingsModules form .row {
		margin-left: -10px;
		margin-right: -10px
	}

		.settingsModules form .row [class*=col-] {
			padding: 0 10px
		}
}

.chartscontent .skeleton-box {
	width: 49%;
	height: 450px
}

.o-vertical-spacing {
	padding-left: 8px
}

.sidebar-xs .mainclass {
	height: calc(100vh - 48px);
	width: calc(100% - 57px);
	margin-left: 57px;
	margin-top: 48px
}

.mainclass {
	height: calc(100vh - 100px);
	width: calc(100% - 270px);
	margin-left: 270px;
	margin-top: 100px
}

.btn.bg-info-600 {
	border: 2px solid #0993d2;
	color: #fff;
	box-shadow: none;
	background: #fff;
	border-radius: 3px;
	position: relative;
	padding: 6px 12px
}

	.btn.bg-info-600:hover {
		color: #0993d2 !important;
		direction: rtl
	}

	.btn.bg-info-600 span {
		letter-spacing: .8px;
		position: relative;
		z-index: 2;
		margin: 0;
		font-weight: 400;
		color: inherit !important;
		cursor: pointer;
		padding: 0 !important;
		border: 0 !important;
		background: initial !important
	}

.employeeDetailsSidebySide .btn.bg-info-600 {
	padding-right: 28px !important
}

.btn.bg-info-600 i.icon-pencil7 {
	z-index: 2;
	position: absolute;
	top: 4px;
	right: -23px;
	font-size: 12px
}

.btn.bg-primary:not(.action), .btn.btn-primary:not(.action):not(.btnTheme):not(.btn-arrow) {
	border: 2px solid #2196f3;
	color: #fff;
	box-shadow: none;
	background: #fff;
	border-radius: 3px;
	position: relative;
	padding: 6px 12px
}

	.btn.bg-primary:not(.action):hover, .btn.btn-primary:not(.action):not(.btnTheme):not(.btn-arrow):hover {
		color: #2196f3 !important;
		direction: rtl
	}

	.btn.bg-primary:not(.action):hover, .dark-theme #CustomerDetailspage .heading-elements > ul > li > label, .dark-theme #DivNotificationAlerts p, .dark-theme #FileSubmission label, .dark-theme #FormContent #questcancel_btn span, .dark-theme #OtherCostInfo .Headertext, .dark-theme #OtherCostInfo div, .dark-theme #OtherCostInfo span, .dark-theme #appendcount + fieldset.stepone > legend, .dark-theme #filter + .headingelement .dropdown-menu a, .dark-theme #invoicenote span, .dark-theme #mediapost p .dark-theme .addDepartmentInfo p, .dark-theme #purchaseorderdalete span, .dark-theme #td_MainEditor .Menu_diff table td, .dark-theme #templatesubmit table td .settingsPageForm input, .dark-theme .ItemCostView .Headertext, .dark-theme .ItemCostView div, .dark-theme .ItemCostView span, .dark-theme .ItembasedQuicklinks ul.media-list li:last-child div > div, .dark-theme .Poitemtitle p, .dark-theme .artworkApprove-tables table td p, .dark-theme .btn-group.dropup.pull-right.buttongroup.open .drop-m .dropdown-item a span, .dark-theme .btn.btn-primary:not(.action):not(.btnTheme):not(.btn-arrow):hover, .dark-theme .bulkactions button span.caret:after, .dark-theme .estimateSummarySidebarDetailsBody .AllItemsQuicklinks span.pull-right, .dark-theme .fa-arrows-rotate.iconloop0, .dark-theme .fa-arrows-rotate.iconloop1, .dark-theme .fa-copy.copy0, .dark-theme .fa-copy.copy1, .dark-theme .fa-envelope.email0, .dark-theme .fa-envelope.email1, .dark-theme .fa-hourglass-start.History0, .dark-theme .fa-hourglass-start.History1, .dark-theme .fa-paperclip-vertical.attachment0, .dark-theme .fa-paperclip-vertical.attachment1, .dark-theme .fa-print.print0, .dark-theme .fa-print.print1, .dark-theme .grossProfit, .dark-theme .grossProfit div, .dark-theme .grossProfit p, .dark-theme .heading-elements li .caret:after, .dark-theme .headingelement .tableRightButtonsAlign b, .dark-theme .itdes .svg-inline--fa.fa-file-lines.item0, .dark-theme .itdes .svg-inline--fa.fa-file-lines.item1, .dark-theme .itdes .svg-inline--fa.fa-link.link0, .dark-theme .itdes .svg-inline--fa.fa-link.link1, .dark-theme .masterwidgetpanel .panel-title, .dark-theme .modalFooterBtns button.myCancel span, .dark-theme .note-fontname button span, .dark-theme .notificationlist .dropdown-submenu a, .dark-theme .notificationlist h4, .dark-theme .quotationQuicklinks .ellipsisCss, .dark-theme .quoteFunctionList ul li:last-child .caret:after, .dark-theme .quoteFunctionList ul li:last-child .caret:before, .dark-theme .settingsPageForm .main_attackClass .col-sm-2 p, .dark-theme .sweet-alert p, .dark-theme .text-default, .dark-theme .text-default:hover, .dark-theme .transfer-double-group-list-li-ul label, .dark-theme .transfer-double-selected-list-main1 .transfer-double-selected-list-li label, .dark-theme .transfer-double-selected-list-main .transfer-double-selected-list-li label, .dark-theme button span.note-icon-caret, .dark-theme button#SubItemDropdown .caret:after, .dark-theme button[id*=btn_cancel] span, .dark-theme button[onclick="closethemesettings()"] span, .dark-theme div#printThis > p, .dark-theme form#ProductInfo button.backbtn span, .dark-theme h3.quotationQuicklinks, .dark-theme h3.timelinesummary, .dark-theme table#ordergeneralAttachmentgrid td p, .dark-theme table#orderitemAttachmentgrid td, .dark-theme table#orderitemAttachmentgrid td p, .dark-theme table#presscosttable p, .dark-theme table#presscosttable td, .dark-theme td.tdmenu_font, body.dark-theme .font-clr-mode, body.dark-theme .judo-txt b, body.dark-theme .pull-right.blk-clr-font, body.dark-theme .sweet-alert .sa-icon.sa-custom + h2, body.dark-theme .sweet-alert span {
		color: #e4e6eb !important
	}

	.btn.bg-primary:not(.action) span, .btn.bg-slate span, .btn.bg-success:not(#submenuicon):not(#addrow) span, .btn.btn-danger:not(.removewidget) span, .btn.btn-primary:not(.action):not(.btnTheme):not(.btn-arrow) span, .btn.btn-success:not(#submenuicon):not(.iconpicker) span {
		letter-spacing: .8px;
		position: relative;
		z-index: 2;
		margin: 0;
		font-weight: 400;
		color: inherit;
		cursor: pointer
	}

	.btn.bg-primary:not(.action):before, .btn.btn-primary:not(.action):not(.btnTheme):not(.btn-arrow):before {
		content: '';
		z-index: 1;
		background: #2196f3;
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		transition: .45s cubic-bezier(.785, .135, .15, .86)
	}

.btn.bg-primary i.icon-arrow-right14, .btn.btn-primary:not(.btn-arrow) i.icon-arrow-right14 {
	z-index: 2;
	position: absolute;
	top: 9px;
	right: 5px
}

.btn.bg-primary.active i, .btn.btn-primary:not(.btn-arrow).active i {
	display: block !important;
	z-index: 2
}

.btn.bg-success:not(#submenuicon):not(#addrow), .btn.btn-success:not(#submenuicon):not(.iconpicker) {
	border: 2px solid #4caf50;
	color: #fff;
	box-shadow: none;
	background: #fff;
	border-radius: 3px;
	position: relative;
	padding: 6px 12px
}

	.btn.bg-success:not(#submenuicon):not(#addrow):hover, .btn.btn-success:not(#submenuicon):not(.iconpicker):hover {
		color: #4caf50 !important;
		direction: rtl
	}

	.btn.bg-success:not(#submenuicon):not(#addrow):before, .btn.btn-success:not(#submenuicon):not(.iconpicker):before {
		content: '';
		z-index: 1;
		background: #4caf50;
		position: absolute;
		display: block;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: -2px;
		width: 104%;
		transition: .45s cubic-bezier(.785, .135, .15, .86)
	}

.btn.bg-slate i.icon-file-eye, .btn.bg-slate i.icon-filter4, .detailsTableInfo .tableRightButtonsAlign .btn.bg-success i.icon-add-to-list, .detailsTableInfo .tableRightButtonsAlign .btn.btn-success:not(#submenuicon):not(.iconpicker) i.icon-add-to-list {
	z-index: 2;
	position: absolute;
	top: 6px;
	right: 8px;
	font-size: 13px
}

.detailsTableInfo .tableRightButtonsAlign .btn.bg-slate, .detailsTableInfo .tableRightButtonsAlign .btn.bg-success, .detailsTableInfo .tableRightButtonsAlign .btn.btn-success, .pr-30, .viewchangedropdown .viewname, .viewchangedropdown .viewnameclass {
	padding-right: 30px !important
}

.btn.bg-slate, .btn.btn-danger:not(.removewidget) {
	box-shadow: none;
	position: relative;
	padding: 6px 12px;
	color: #fff
}

.btn.btn-danger:not(.) {
	border: 2px solid #f44336
}

.btn.bg-slate:before, .btn.btn-danger:not(.removewidget):before {
	content: '';
	z-index: 1;
	top: 0;
	bottom: 0;
	transition: .45s cubic-bezier(.785, .135, .15, .86);
	display: block;
	left: 0;
	width: 100%;
	right: 0
}

.btn.btn-danger:not(.removewidget):hover {
	color: #f44336 !important;
	direction: rtl
}

.btn.btn-danger:not(.removewidget) {
	background: #fff;
	border-radius: 3px
}

	.btn.btn-danger:not(.removewidget):before {
		background: #f44336;
		position: absolute
	}

.btn.bg-slate {
	border: 2px solid #607d8b;
	background: #fff;
	border-radius: 3px
}

	.btn.bg-slate:hover {
		color: #607d8b !important;
		direction: rtl
	}

	.btn.bg-slate:before {
		background: #607d8b;
		position: absolute
	}

.alert {
	margin: 0 !important
}

.positionfix {
	position: fixed;
	display: block;
	top: 2px;
	left: 0;
	width: 100%;
	z-index: 1032
}

	.positionfix .alert {
		width: fit-content;
		padding: 10px;
		margin: auto
	}

		.positionfix .alert span {
			padding-left: 15px
		}

button.close {
	padding: 2px 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none
}

.attachfloatingmsg {
	position: fixed;
	left: 50%;
	margin-left: -150px;
	top: 52px
}

.highlightfilter {
	background-color: #d3d3d3
}

.clearfilr, h5 label.customCheckBox span.customCheckSpan {
	margin-left: -10px
}

.boxfilter {
	border-left: transparent;
	padding-left: 0
}

.letter-icon {
	font-size: 12px !important
}

.tipclassinvoice {
	width: 100px
}

.poDeliveryTo {
	background-color: #fafafa;
	opacity: 1
}

@media (max-width:1600px) {
	.dualListBoxWithTable, .dualListBoxWithTable .display-table-cell {
		display: block
	}

		.dualListBoxWithTable .width10per, .dualListBoxWithTable .width45per {
			width: 100%
		}

	.dualListBoxWithTableBtns button {
		transform: rotate(90deg);
		display: inline-block
	}

	.gridster .media h3 {
		font-size: 15px;
		padding-bottom: 5px !important
	}

	.gridster .media .icon-2x {
		font-size: 20px
	}

	.gridster .media-left, .gridster .media > .pull-left {
		padding-right: 5px
	}

	.gridster .text-overflowset h3 {
		font-size: 15px
	}

	.gridster .heading-elements + .panel-body .media-left + .media-body h3 {
		width: 80%;
		text-overflow: ellipsis;
		overflow: hidden
	}

	.gridster .panel-body {
		padding: 15px
	}
}

@-webkit-keyframes animate {
	0%,10%,100%,90% {
		width: 40px;
		height: 40px
	}

	50% {
		width: 80px;
		height: 80px
	}
}

@keyframes animate {
	0%,10%,100%,90% {
		width: 40px;
		height: 40px
	}

	50% {
		width: 80px;
		height: 80px
	}
}

@-webkit-keyframes rotate {
	0%,10% {
		transform: rotate(0)
	}

	100%,60%,90% {
		transform: rotate(90deg)
	}
}

@keyframes rotate {
	0%,10% {
		transform: rotate(0)
	}

	100%,60%,90% {
		transform: rotate(90deg)
	}
}

.width-567 {
	width: 567px
}

.pr-40, .pricePadding {
	padding-right: 40px !important
}

.ml-30 {
	margin-left: 30px
}

.sidebar-xs .sidebar-main {
	z-index: 995
}

.sidebar-secondary.sidebar-default .category-title {
	padding: 8px 20px;
	color: #000;
	background: #f3f3f3
}

	.sidebar-secondary.sidebar-default .category-title.category-collapsed {
		background: #fff;
		color: #333
	}

	.sidebar-secondary.sidebar-default .category-title span {
		font-size: 13px;
		text-transform: none
	}

.sidebar-secondary.sidebar-default .form-control-feedback {
	top: 0
}

.sidebar-default .navigation li > a {
	color: #666;
	padding-left: 44px !important;
	padding: 5px 20px;
	min-height: 30px;
	font-size: 13px
}

.rotate-270 {
	transform: rotate(270deg)
}

.sidebar-secondary.sidebar-default .category-collapsed .icons-list a[data-action=collapse]:after {
	content: '\e9c1';
	transform: rotate(90deg)
}

.sidebar-secondary-hidden .sidebar-secondary-hide {
	background: #f8f8f8
}

.settingsSidebarSticky .navigation > li ul li a {
	padding: 6px 20px 6px 51px !important;
	font-weight: 400
}

.settingsSidebarSticky .sidebar-default .navigation li > a.has-ul {
	color: #666;
	padding-left: 20px !important;
	font-weight: 400
}

.searchbar .category-title span {
	font-weight: 400 !important
}

.searchbar .category-title {
	background: 0 0 !important;
	border-bottom: 1px solid #ddd
}

.dark-theme .breadcrumb > li > a, .sidebar-default .category-title:hover .icons-list li a {
	color: #2196f3
}

.white-space-nowrap {
	white-space: nowrap !important
}

.invoicefields {
	white-space: normal !important
}

#productcataloguetable > tbody > tr > td, #quantitymaxerror1, #quantitymaxerror2, #quantitymaxerror3, #quantitymaxerror4, .overflowtextclass, span#quantityerror {
	white-space: normal
}

.width72, td.width72 > div, th.width72 > div {
	width: 72px !important
}

.width140, td.width140 > div, th.width140 > div {
	width: 140px !important
}

.pr-8 {
	padding-right: 8px !important
}

.pr-25 {
	padding-right: 25px !important
}

.width125, td.width125 > div, th.width125 > div {
	width: 125px !important
}

.pr-3 {
	padding-right: 3px !important
}

.pr-57 {
	padding-right: 57px !important
}

table.dataTable tr th.select-checkbox.selected::after {
	margin-top: -11px;
	margin-left: -4px;
	text-align: center;
	text-shadow: #b0bed9 1px 1px,#b0bed9 -1px -1px,#b0bed9 1px -1px,#b0bed9 -1px 1px
}

#CustomerPart .width250 {
	min-width: 250px;
	width: auto !important
}

.editcustombtn .btn {
	color: #fff;
	background-color: #2196f3;
	border-color: #2196f3
}

@media (min-width:1024px) {
	.estimateaddpage .customform {
		font-size: 13px
	}

		.estimateaddpage .customform label {
			font-size: 14px
		}
}

@media (max-width:1023px) {
	.estimateaddpage .customform {
		font-size: 12px
	}

	.equal.dashboardWidgetSettings.inlight {
		flex-direction: column !important
	}

	.estimateaddpage .customform label {
		font-size: 13px
	}
}

#Ordersdetailpage li, .customdropdownngstyle {
	list-style: none
}

.highlightfilter .boxfilter, .highlightfilter .tableColumnFilter, .highlightfilter .tableColumnFilter:hover {
	background-color: #d3d3d3 !important
}

.overflowtextclass {
	display: -webkit-box;
	max-height: 40px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.emailtextoverflow, .topNavigation li a p {
	white-space: nowrap;
	text-overflow: ellipsis
}

.headingelement .btn {
	padding: 4px 12px
}

	.headingelement .btn.bg-info-600, .headingelement .btn.bg-slate, .headingelement .btn.btn-success {
		padding: 2px 12px !important
	}

.sp-container {
	z-index: 1111 !important
}

.requiredfield .uploader .filename {
	box-shadow: 3px 0 0 0 inset #ff7575
}

.sidebar-detached-hidden #detachedsidebar .content-detached {
	margin-left: 60px
}

.sidebar-default .navigation > li ul {
	background-color: #f9f9f9
}

.sidebar-default .navigation li.active > a, .sidebar-default .navigation li.active > a:focus, .sidebar-default .navigation li.active > a:hover {
	background-color: #ececec;
	color: #333
}

.sidebar-default .navigation > li ul li a {
	padding: 4px 20px;
	padding-left: 52px !important;
	min-height: 30px
}

.sidebar-default .navigation > li > a {
	padding: 8px 20px !important;
	min-height: 40px
}

.settingsModules .form-control-feedback {
	top: 0;
	height: 24px
}

.settingsModules .btncollapse {
	position: absolute;
	z-index: 1;
	right: 0;
	padding: 2px 8px;
	top: 2px;
	color: #000 !important;
	transition: .3s
}

	.settingsModules .btncollapse i {
		font-weight: 700;
		font-size: 14px
	}

.sidebar-detached-hidden .sidebar-detached-hide {
	color: #333;
	background-color: #f8f8f8
}

.sidebar-detached > .sidebar {
	min-height: calc(100vh - 66px)
}

.settingsModules .settingsSidebarSticky {
	position: sticky;
	top: 68px
}

.settingsModules .settingsPageFormLegend {
	position: relative;
	padding-top: 0
}

.settingsModules .page-header-default {
	margin-left: 260px
}

.sidebar-detached-hidden .page-header-default {
	margin-left: 57px
}

.sidebar-xs-indicator .page-header-default {
	margin-left: 0 !important
}

.settingbtn, .settingsthemebtn, .settingsthemediv input {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 11;
	padding: 20px;
	width: 62px;
	height: 62px;
	box-shadow: -2px 0 12px 0 rgba(0,0,0,.23);
	transition: .2s ease-in-out
}

.settingsthemediv input {
	opacity: 0;
	margin: 8px;
	z-index: 111;
	cursor: pointer;
	width: 43px;
	height: 48px
}

	.settingsthemediv input:checked + .settingbtndiv .settingbtn {
		visibility: visible;
		bottom: 40px
	}

.settingbtn {
	padding: 9px 12px 11px 13px;
	right: 30px;
	z-index: 11;
	width: 42px;
	height: 42px;
	visibility: hidden;
	bottom: 20px
}

.settingsthemediv input:checked + .settingbtndiv .settingbtn.changetheme {
	bottom: 90px
}

.settingsthemediv input:checked + .settingbtndiv .settingbtn.widgetadd {
	bottom: 140px
}

.settingsthemediv input:checked + .settingbtndiv .settingbtn.fullscreen {
	bottom: 190px
}

.gridster {
	margin-bottom: 80px
}

.commonfilters.active {
	background: #2196f3;
	color: #fff
}

.border-top {
	border-top: 1px solid #ddd !important
}

.topNavigation {
	max-height: 372px !important
}

	.topNavigation li {
		margin-bottom: 10px;
		padding: 0 5px
	}

		.topNavigation li a {
			color: #222;
			display: block;
			border: 1px solid transparent;
			padding: 11px 3px;
			transition: border .2s ease-in-out
		}

			.topNavigation li a i {
				font-size: 24px;
				color: #515151
			}

			.topNavigation li a p {
				font-size: 12px;
				overflow: hidden
			}

			.topNavigation li a:hover {
				border-color: #e5e5e5
			}

.quickadd .dropdown-menu {
	opacity: 0;
	visibility: hidden;
	display: block;
	margin-top: 20px !important;
	transition: .2s
}

.btnTheme.visible, .themeHold {
	transition: .5s ease-in-out;
	position: fixed
}

.quickadd.open .dropdown-menu {
	opacity: 1;
	visibility: visible;
	display: block;
	margin-top: 2px !important;
	transition: .2s
}

.pointer-events-none {
	pointer-events: none;
	opacity: .5
}

.commonfilters {
	background: #e5e5e5
}

.footer img {
	height: 18px
}

.imageGalleryRightSidebar {
	padding: 10px 15px 5px;
	margin-right: -1px
}

#usereditid table .customSwitch .slider {
	border: 1px solid rgb(203 203 203);
	background-color: #e1e1e1
}

.customspace {
	width: 100%;
	height: 20px;
	background: #eaeaea
}

.boldtext {
	font-weight: 700
}

.btnTheme.visible {
	width: 40px;
	height: 40px;
	right: 400px;
	border-radius: 0;
	top: 49px;
	z-index: 1112
}

.themeHold {
	width: 400px;
	min-height: 100vh;
	top: 0;
	right: -500px;
	background: #fff;
	z-index: 1111;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.1)
}

.themeHoldInner {
	max-height: 100vh;
	overflow: auto
}

.themeHeading {
	font-size: 16px;
	color: #495057;
	margin: 0;
	background: #f8f9fa;
	padding: 10px 15px;
	border-bottom: 1px solid #dee2e6;
	border-top: 1px solid #dee2e6
}

.colorSwitch {
	width: 24px;
	height: 24px;
	line-height: 24px;
	margin: 5px 5px 0;
	transition: .2s;
	opacity: .9;
	display: inline-block;
	border-radius: 30px;
	cursor: pointer
}

.dark-theme, .dark-theme #CustomerDetailspage .employeeDetailsSidebySide, .dark-theme #estimate-summary-all .trQuantity.calc, .dark-theme #estimate-summary-all .trQuantity.calc div, .dark-theme #estimate-summary-all .trQuantity.costpricecalc, .dark-theme #estimate-summary-all .trQuantity.costpricecalc div, .dark-theme #saveBtn, .dark-theme #tdDesign div, .dark-theme .activitypanel .list-feed > li:before, .dark-theme .additionalul .trQuantity, .dark-theme .additionalul .trQuantity div, .dark-theme .bg-teal-400:hover, .dark-theme .btn-select-arrow, .dark-theme .btn.bg-info-600, .dark-theme .btn.bg-primary:not(.action), .dark-theme .btn.bg-slate, .dark-theme .btn.bg-success:not(#submenuicon):not(#addrow), .dark-theme .btn.btn-danger:not(.removewidget), .dark-theme .btn.btn-primary:not(.action):not(.btnTheme), .dark-theme .btn.btn-success:not(#submenuicon), .dark-theme .comingsoontxt, .dark-theme .customPanelDatatable .datatable-header, .dark-theme .dataTables_paginate .paginate_button:focus, .dark-theme .dataTables_paginate .paginate_button:hover, .dark-theme .estimate-middle-content-div .tab-content, .dark-theme .estimate-summary-tabs ul.nav.nav-tabs li.active a, .dark-theme .fc-unthemed .fc-divider, .dark-theme .fc-unthemed .fc-list-heading td, .dark-theme .fc-unthemed .fc-popover, .dark-theme .fc-unthemed .fc-popover .fc-header, .dark-theme .filteroption option[value=AND], .dark-theme .filteroption option[value=OR], .dark-theme .grossProfit div, .dark-theme .menu_bg, .dark-theme .modal .customStepy .stepy-navigator, .dark-theme .modal .stepy-navigator, .dark-theme .modal-body, .dark-theme .modalFooterBtns, .dark-theme .navbarDetailsSticky, .dark-theme .pageHeading, .dark-theme .qItems .media-list li, .dark-theme .qItemsQuantity, .dark-theme .quotationTaskDate, .dark-theme .quotationTaskDesc, .dark-theme .ranges ul li:focus, .dark-theme .ranges ul li:hover, .dark-theme .reportpage .stepy-navigator, .dark-theme .saveBtns, .dark-theme .stepy-header li.stepy-active div, .dark-theme .themeHold, .dark-theme .trQuantity, .dark-theme .trQuantity div, .dark-theme .trQuantity.calc, .dark-theme .trQuantity.calc div, .dark-theme .trQuantity.costpricecalc, .dark-theme .trQuantity.costpricecalc div, .dark-theme table.fromtable, .dark-theme table.table thead tr, .dark-theme table > tbody > tr:hover, .dark-theme table > tbody > tr:nth-of-type(odd) {
	background: #313030
}

	.dark-theme .badge-pulse {
		border-color: #313030
	}

	.dark-theme .customTabBar.nav-tabs.nav-justified.nav-tabs-bottom, .dark-theme .dropdown-menu, .dark-theme .modalFooterBtns, .dark-theme .navbar-component.navbar-default, .dark-theme .navbar-default, .dark-theme .select2-dropdown {
		background: #242526;
		color: #e4e6eb;
		border-color: transparent;
		box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
	}

	.dark-theme .form-control:disabled, .dark-theme input::placeholder {
		color: rgba(255,255,255,.6)
	}

	.dark-theme .CodeMirror, .dark-theme .CodeMirror-gutters, .dark-theme .dataTables_filter input, .dark-theme .dropdown-menu > li > a:hover, .dark-theme .employeeDetailsSidebySide ul li > span:first-child, .dark-theme .form-control, .dark-theme .form-control:focus, .dark-theme .form-control[disabled], .dark-theme .form-control[readonly], .dark-theme .inner-Close, .dark-theme .input-group-addon, .dark-theme .multiselect.btn-default, .dark-theme .multiselect.btn-default.disabled, .dark-theme .nav-tabs > li.active > a, .dark-theme .nav-tabs > li.active > a:focus, .dark-theme .nav-tabs > li.active > a:hover, .dark-theme .navbar-default .navbar-nav > .open > a, .dark-theme .navbar-default .navbar-nav > .open > a:focus, .dark-theme .navbar-default .navbar-nav > .open > a:hover, .dark-theme .navbar-default .navbar-nav > li > a:hover, .dark-theme .note-editor .note-statusbar, .dark-theme .note-editor .note-toolbar, .dark-theme .select2-results__option.select2-results__option--highlighted, .dark-theme .select2-results__option[aria-selected=true], .dark-theme .select2-search--dropdown .select2-search__field, .dark-theme .select2-selection--multiple:not([class*=bg-]):not([class*=border-]), .dark-theme .select2-selection--single:not([class*=bg-]):not([class*=border-]), .dark-theme .sidebar-default .navigation li.active > a, .dark-theme .sidebar-default .navigation li.active > a:focus, .dark-theme .sidebar-default .navigation li.active > a:hover, .dark-theme .sidebar-default .navigation li > a:focus, .dark-theme .sidebar-default .navigation li > a:hover, .dark-theme fieldset[disabled] .form-control {
		background: #3a3b3c;
		border-color: transparent;
		color: #e4e6eb
	}

	.dark-theme .btn-default.active, .dark-theme .btn-default.active.focus, .dark-theme .btn-default.active:focus, .dark-theme .btn-default.active:hover, .dark-theme .btn-default.focus, .dark-theme .btn-default:active, .dark-theme .btn-default:active.focus, .dark-theme .btn-default:active:focus, .dark-theme .btn-default:active:hover, .dark-theme .btn-default:focus, .dark-theme .btn-default:hover, .dark-theme .employeeDetailsSidebySide ul li span:not(.selection):not(.selection span):not(.btn span):first-child, .dark-theme .nav-tabs, .dark-theme .open > .dropdown-toggle.btn-default, .dark-theme .open > .dropdown-toggle.btn-default.focus, .dark-theme .open > .dropdown-toggle.btn-default:focus, .dark-theme .open > .dropdown-toggle.btn-default:hover {
		background: rgba(0,0,0,.1);
		color: #e4e6eb;
		border-color: rgba(255,255,255,.2)
	}

	.dark-theme .dataTables_length select {
		background: #1e2430;
		border-color: transparent;
		color: #e4e6eb
	}

	.dark-theme .btn-link {
		color: #0866ff
	}

	.dark-theme .activitypanel li.dayHeading, .dark-theme .customPanel .panel-footer.customPanelFooter, .dark-theme .customPanel.panel.panel-collapsed, .dark-theme .detailsPage .panel-body, .dark-theme .detailsPage .panel.panel-collapsed, .dark-theme .employeeDetailsSidebySide ul li span:first-child, .dark-theme .navbar-default .navbar-nav, .dark-theme .note-editor .note-statusbar .note-resizebar, .dark-theme .panel-footer, .dark-theme .settingsPageFormLegend legend, .dark-theme .sidebar-default .category-title, .dark-theme .table-responsive, .dark-theme hr, .dark-theme table.table tbody tr td, .dark-theme table.table thead tr th {
		border-color: rgba(255,255,255,.2) !important
	}

	.dark-theme .table-hover > tbody > tr:hover {
		background-color: rgba(255,255,255,.05)
	}

	.dark-theme .activitypanel li.dayHeading span, .dark-theme .btn-default, .dark-theme .customPanel .panel-body, .dark-theme .customPanelDatatable .datatable-footer, .dark-theme .customPanelDatatable .datatable-scroll, .dark-theme .customSettingsTableHold, .dark-theme .detailsPage .panel-body, .dark-theme .detailsSidebarInfo .thumbnail, .dark-theme .filteredbase, .dark-theme .footer, .dark-theme .footerStickyBtns, .dark-theme .modal .modal-content, .dark-theme .navbar-default > .navbar-nav > li > a:focus, .dark-theme .navbar-default > .navbar-nav > li > a:hover, .dark-theme .navbar-default > .navbar-nav > li > a:not(.collapsed), .dark-theme .page-header-default .breadcrumb-line:not([class*=bg-]), .dark-theme .panel-white:not(.customPanel) > .panel-heading, .dark-theme .panel:not(.customPanel):not([class*=bg-]), .dark-theme .sidebar, .dark-theme .sidebar-content .thumbnail, .dark-theme .sidebar-detached .sidebar-separate.sidebar-default .sidebar-category, .dark-theme .sidebar-separate.sidebar-default .sidebar-category, .dark-theme .stepy-header li, .dark-theme .stepy-header li.stepy-active ~ li div, .dark-theme .stepy-navigator, .dark-theme .themeHeading, .dark-theme div.filterHolder div.formholder, .dark-theme table > tbody > tr:hover {
		background: #313030;
		color: #e4e6eb;
		border-color: rgba(255,255,255,.2)
	}

		.dark-theme .dropdown-menu .divider, .dark-theme .sidebar.sidebar-main, .dark-theme .stepy-header li.stepy-active:after, .dark-theme .stepy-header li.stepy-active ~ li:after, .dark-theme .stepy-header li.stepy-active ~ li:before, .dark-theme .tableHeaderSticky .datatable-scroll table thead th, .dark-theme.sidebar-xs .sidebar-main .navigation > li > ul {
			background: #18191a
		}

		.dark-theme .navigation li.active > a, .dark-theme .navigation li.active > a:focus, .dark-theme .navigation li.active > a:hover, .dark-theme .navigation li > a:hover, .dark-theme .stepy-header li div, .dark-theme .stepy-header li.stepy-active div, .dark-theme .stepy-header li:after, .dark-theme .stepy-header li:before, .dark-theme.sidebar-xs .sidebar-main .navigation li a span {
			background: #2196f3;
			border-color: #2196f3;
			color: #fff
		}

	.dark-theme table#emailsendpage td a {
		color: #1e88e5 !important
	}

	.dark-theme #allItemDetails h5, .dark-theme #estimate-summary-all, .dark-theme .artworkApprove, .dark-theme .breadcrumb > li + li:before, .dark-theme .btncollapse, .dark-theme .btncollapse i, .dark-theme .customCheckBox, .dark-theme .customPanel .panel-heading .panel-title, .dark-theme .customPanel.panel, .dark-theme .customRadio, .dark-theme .customSwitch, .dark-theme .customTabBar, .dark-theme .customTabBar.nav-tabs > li.active > a, .dark-theme .customTabBar.nav-tabs > li.active > a:focus, .dark-theme .customTabBar.nav-tabs > li.active > a:hover, .dark-theme .customTabsNavbar .nav-tabs.nav-tabs-bottom > li.active > a, .dark-theme .custombtnsave table tbody tr th, .dark-theme .dataTables_paginate .paginate_button, .dark-theme .daterangepicker .table-condensed .month, .dark-theme .detailsPage .panel, .dark-theme .detailsPage .panel-heading .panel-title, .dark-theme .detailsSidebarInfo .thumbnail .caption, .dark-theme .dropdown-menu > li > a, .dark-theme .employeeDetailsSidebySide ul li span:last-child, .dark-theme .employeeDetailsSidebySide ul li span:not(.dropdown-wrapper):not(.selection span):not(.input-group-btn):not(.btn span):not(.select2):last-child, .dark-theme .estimate-sidebar-panel .quotepanel .media-body p:first-child, .dark-theme .estimate-summary-content-wrapper ul.dropdown-menu li a, .dark-theme .estimate-summary-content-wrapper ul.dropdown-menu li a i, .dark-theme .estimate-summary-content-wrapper ul.dropdown-menu li a:hover, .dark-theme .estimate-summary-content-wrapper ul.dropdown-menu li a:hover > i, .dark-theme .estimateSummaryDetailsSidebar ul li a i, .dark-theme .fa-list-check, .dark-theme .fa-shop, .dark-theme .fa-shop-lock, .dark-theme .fa-user-plus, .dark-theme .formholder h5, .dark-theme .grossPrice .media-body p, .dark-theme .menu_bg td, .dark-theme .nav-tabs > li > a:focus, .dark-theme .nav-tabs > li > a:hover, .dark-theme .navbar-default .navbar-nav > li > a, .dark-theme .navbar-default .navbar-nav > li > a:hover, .dark-theme .pageHeading, .dark-theme .panel-default > .panel-heading, .dark-theme .panel-title, .dark-theme .picker__list-item, .dark-theme .pointer-events-none .customCheckBox .customCheckSpan, .dark-theme .pointer-events-none .select2-selection--single .select2-selection__arrow:after, .dark-theme .pointer-events-none label, .dark-theme .putpointer, .dark-theme .qItemsCost .media-body p, .dark-theme .qItemsQuantity .media-body p, .dark-theme .qItemsQuantity ul p, .dark-theme .qItemsTotal .media-body p, .dark-theme .quotationItemDesc, .dark-theme .quotationQuicklinks, .dark-theme .quotationQuicklinks div label + div, .dark-theme .quotationTaskCall, .dark-theme .ranges ul li, .dark-theme .saveBtns .spinner-key span, .dark-theme .select2-results__option, .dark-theme .sellingPrice .media-body p, .dark-theme .settingsSidebarSticky .sidebar-default .navigation li > a.has-ul, .dark-theme .settingsmenu h4, .dark-theme .sidebar-content .thumbnail .caption, .dark-theme .sidebar-default .navigation li > a, .dark-theme .sidebar-secondary.sidebar-default .category-title, .dark-theme .sidebar-secondary.sidebar-default .category-title.category-collapsed, .dark-theme .sidebar.sidebar-secondary ul li.active > a, .dark-theme .sp-cancel, .dark-theme .sp-input, .dark-theme .sp-palette-toggle, .dark-theme .stepy-header li.stepy-active span, .dark-theme .tableRightButtonsAlign .icons-list li a, .dark-theme .text-default, .dark-theme .text-default:focus, .dark-theme .text-default:hover, .dark-theme .themebtns .active.btn, .dark-theme .themebtns .active.btn .customRadio, .dark-theme .timelinesummary, .dark-theme b, .dark-theme button.multiselect span.multiselect-selected-text, .dark-theme form .form-group label, .dark-theme label, .dark-theme ul.additionalul li .media-right p {
		color: #e4e6eb
	}

		.dark-theme .customCheckBox .customCheckSpan, .dark-theme .customCheckSpan:before, .dark-theme .customRadio .customRadioSpan, .dark-theme .customRadioSpan:before {
			border-color: #bec4c7
		}

	.dark-theme .page-header-default {
		background: 0 0;
		box-shadow: none
	}

	.dark-theme .allItemDetails, .dark-theme .estimate-sidebar-right, .dark-theme .estimate-sidebar-right .sidebar, .dark-theme .highlightfilter .tableColumnFilter, .dark-theme .panel-footer, .dark-theme div#FormContent, body.dark-theme .judo-rblack {
		background: #313030 !important
	}

	.dark-theme .sidebar-default .navigation > li ul {
		background: #292929
	}

	.dark-theme #emailsendpage tbody tr td:hover, .dark-theme .fc-unthemed td.fc-today, .dark-theme .modal.mymodal.link-dialog .modal-content, .dark-theme .transfer-double, .dark-theme .vertical-menu, .dark-theme .viewchange.dropdown-menu > li > a:focus, .dark-theme .viewchange.dropdown-menu > li > a:hover, .dark-theme table.fromtable > tbody > tr:nth-of-type(odd) {
		background-color: #252424
	}

.overlaybody {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgb(70 68 68 / 50%);
	z-index: 1111;
	top: 0;
	left: 0
}

.form-control[type=range] {
	padding: 0;
	box-shadow: none !important
}

.bg-sidebar {
	background-color: #263238
}

#select2-gridspaceselect-results li:first-child, #select2-textsizeselect-results li:first-child, .TinyBody, .text-size-small *, .text-size-small .btn.bg-info-600 i.icon-pencil7, .text-size-small .btn.bg-slate i.icon-file-eye, .text-size-small .btn.bg-slate i.icon-filter4, .text-size-small .customPanel .panel-heading .panel-title, .text-size-small .detailsPage .panel-heading .panel-title, .text-size-small .detailsSidebarInfo .caption h6, .text-size-small .employeeDetailsSidebySide ul li span, .text-size-small .employeeDetailsSidebySide ul li span:first-child, .text-size-small .h6.panel-title, .text-size-small .settingsmenu ul li a, .text-size-small h2.panel-title, .text-size-small h6.panel-title {
	font-size: 11px
}

.text-size-small .btn.bg-info-600 i.icon-pencil7, .text-size-small .btn.bg-slate i.icon-file-eye, .text-size-small .btn.bg-slate i.icon-filter4 {
	top: 3px
}

.text-size-small .customCheckBox, .text-size-small .customRadio {
	padding-top: 2px
}

.text-size-small .themeHoldInner .btn.bg-blue {
	margin-top: 0 !important
}

#select2-gridspaceselect-results li:nth-child(2n), #select2-textsizeselect-results li:nth-child(2n), .LargeBody, .NormalHeader, .text-size-big *, .text-size-big .customPanel .panel-heading .panel-title, .text-size-big .detailsPage .panel-heading .panel-title, .text-size-big .detailsSidebarInfo .caption h6, .text-size-big .employeeDetailsSidebySide ul li span, .text-size-big .employeeDetailsSidebySide ul li span:first-child, .text-size-big .settingsmenu ul li a, .text-size-big h2.panel-title {
	font-size: 15px
}

.form-control, .qItems .panel-title {
	font-size: 14px
}

.text-size-big .detailsSidebarInfo .caption h6 {
	margin-bottom: 20px
}

.text-size-big .tableRightButtonsAlign {
	margin-top: -1px
}

.grid-space-small .table > tbody > tr > td, .grid-space-small .table > tbody > tr > th, .grid-space-small .table > tfoot > tr > td, .grid-space-small .table > tfoot > tr > th, .grid-space-small .table > thead > tr > td, .grid-space-small .table > thead > tr > th {
	padding-top: 2px;
	padding-bottom: 2px
}

.grid-space-big .table > tbody > tr > td, .grid-space-big .table > tbody > tr > th, .grid-space-big .table > tfoot > tr > td, .grid-space-big .table > tfoot > tr > th, .grid-space-big .table > thead > tr > td, .grid-space-big .table > thead > tr > th {
	padding-top: 12px;
	padding-bottom: 12px
}

.dark-theme .mail-attachments > li, .dark-theme .uploader .filename {
	background-color: #272626;
	border-color: #313030
}

.dark-theme #sortable li, .dark-theme #sortableFilter li, .dark-theme .daterangepicker .calendar, .dark-theme .fc-state-active, .dark-theme .fc-state-down, .dark-theme .inner-AddMore, .dark-theme .lineaftr:after, .dark-theme .note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset, .dark-theme .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset, .dark-theme .sidebar-secondary.sidebar-default .category-title.category-collapsed {
	background-color: #313030
}

.dark-theme .Menu, .dark-theme .Menu_diff, .dark-theme .Panel-B, .dark-theme .borderlight, .dark-theme .customPanelDatatable .datatable-footer, .dark-theme .customPanelDatatable .datatable-scroll, .dark-theme .datatable-footer, .dark-theme .daterangepicker .calendar, .dark-theme .fc-row .fc-content-skeleton td, .dark-theme .fc-row .fc-helper-skeleton td, .dark-theme .panel-flat > .panel-heading + .table, .dark-theme .panel-flat > .panel-heading + .table-responsive, .dark-theme .sidbar-toggle-footer, .dark-theme .themeHold.visible {
	border-color: #5a5959
}

.dark-theme .ranges {
	background-color: #302f2f;
	border-color: #302f2f
}

.dark-theme .settingsmenu ul li a {
	color: #a3a3a3
}

.dark-theme .customgridSwitch span {
	background-color: #3d3d3d;
	border-color: #252424
}

.dark-theme .customSwitch .slider, .dark-theme .customSwitch span, .dark-theme .panel-default > .panel-heading, .dark-theme .sp-cancel, .dark-theme .sp-input, .dark-theme .sp-palette-toggle {
	background-color: #252424;
	border-color: #5a5959
}

.dark-theme .sp-replacer {
	border-color: #5a5959;
	background-color: #302f2f
}

.dark-theme .sp-container {
	background-color: #313030;
	border-color: #515050
}

.dark-theme .sp-dd {
	color: #bfbfbf !important
}

.dark-theme .dataTable thead tr th ul.dropdown-menu.customdropdwn:before {
	border-bottom: 12px solid #313030
}

.dark-theme .highlighttr, .dark-theme tr.even.highlighttrnew, .dark-theme tr.odd.highlighttrnew {
	background-color: #455a64 !important
}

.dark-theme .ui-tabs .ui-tabs-nav .ui-tabs-active .ui-tabs-anchor {
	color: #fff;
	background-color: #313030;
	border-color: #2196f3 #737373 transparent
}

.dark-theme .ui-tabs .ui-tabs-nav {
	margin-bottom: 20px;
	border-color: #767676
}

.dark-theme .dropzone {
	border-color: #767676;
	background-color: #272626
}

.colorSwitch.active {
	box-shadow: 3px 3px 7px 0 rgb(0 0 0 / 38%);
	border-color: #383838
}

.dark-theme .colorSwitch.active {
	box-shadow: inset 0 0 3px 0 rgb(255 255 255 / 79%);
	border-color: #fff
}

.btn-default.active:hover, .themebtns .btn, .themebtns .customCheckBox .customCheckSpan, .themebtns .customRadio .customRadioSpan {
	border-color: #545454
}

.themebtns .active.btn {
	background: #575757
}

.themebtns .customCheckBox .customCheckSpan, .themebtns .customRadio .customRadioSpan {
	color: #455a64
}

.themebtns .active.btn .customRadioSpan {
	border-color: #f8f9fa
}

.themebtns .btn {
	color: #575757;
	font-weight: 500
}

#AllItem_GrossProfitDollar1, #GrossProfitPrice1currencyappend, .qItems .panel-title, td#Sell_Price_Inc_Tx1, tr.GrossProfitmargin td, tr.GrossProfitmargin + tr td, tr[background^="#FFCC99 !important"] td {
	font-weight: 700 !important
}

.dark-theme #saveRecord .btn.btn-dark, .dark-theme .custompadding, .dark-theme .estimateaddpage .custompadding, .dark-theme .qItems ul.media-list li.active, .dark-theme .sidebar-secondary.sidebar-default .category-title {
	background: #272626
}

.dark-theme .text-danger span {
	color: #f59464 !important
}

.dark-theme .daterangepicker td.available:focus, .dark-theme .daterangepicker td.available:hover {
	background-color: #26a69a
}

.dark-theme .nav-tabs.nav-tabs-bottom > li.active > a, .dark-theme .nav-tabs.nav-tabs-bottom > li.active > a:focus, .dark-theme .nav-tabs.nav-tabs-bottom > li.active > a:hover, .dark-theme .quotationTaskCallItems p, .dark-theme .topNavigation li a i, .dark-theme .topNavigation li a p, .theme-color #navbar-mobile .navbar-nav.navbar-right li.dropdown a.dropdown-toggle, .themebtns .active.btn label {
	color: #fff
}

.dark-theme #popmodel .modal-body, .dark-theme .estimate-summary-content-wrapper {
	background: #000
}

.dark-theme .customspace {
	background: #252424;
	border-top: 1px solid #252424;
	border-bottom: 1px solid #252424
}

.dark-theme .boldtext.collapsebtndiv {
	border-bottom: 1px solid #504f4f;
	background: #313030
}

.dark-theme .estimate-summary-tabs ul.nav.nav-tabs li a {
	background: #424242;
	color: #e3e3e3
}

.dark-theme ul.estimate-summary-navigation li:hover, .dark-theme.estimateqtyresp ul.estimate-summary-navigation li.active {
	background: #222020;
	border-color: #4a4848
}

.dark-theme .panel-body.quotepanel.customerdetailpan .media-right p, .dark-theme .qItems .media-left p, .dark-theme .qItems p {
	color: #ddd
}

.dark-theme #ItemwiseDropDownBind .btn-group > .btn:first-child {
	background: rgba(0,0,0,.2);
	color: #e4e6eb;
	border-color: transparent
}

.dark-theme .qItemsQuote .panel-heading .btn-group .btn.border-slate, .dark-theme .quoteFunctionList .btn.border-slate {
	padding: 3px 8px;
	background: rgba(0,0,0,.2);
	color: #e4e6eb;
	border-color: transparent
}

.dark-theme #DivNotificationsNew, .dark-theme #qtytoorderid tr, .dark-theme .customtabledes table tbody tr:first-child, .dark-theme .modal .modal-content .qtytoorder th, .dark-theme .modal .modal-content .qtytoorder tr, .dark-theme .qtytoorder, .dark-theme .qtytoorder th, .dark-theme .qtytoorder thead tr, .dark-theme div#divEstItemsList_Inner .form-group span:first-child {
	background: #252424 !important
}

.dark-theme .tablecustom table.table tbody tr:first-child, .dark-theme .transfer-double-content, .dark-theme .transfer-double-content-left .checkbox-group:hover, .dark-theme div.quotationTaskCallItems, .dark-theme .transfer-double-content-left1 .checkbox-group:hover {
	background: #252424
}

.dark-theme .quotationDescItems div, .dark-theme .quotationQuicklinks > .media-list > li > div {
	border: 1px solid #313030
}

.dark-theme .quotationTaskCallItems label {
	color: silver
}

.dark-theme .estimateqtyresp ul.estimate-summary-navigation li.active {
	background: #5c5c5c;
	border-color: #5c5c5c
}

.dark-theme #CustomerDetailspage .heading-elements label {
	color: #b6b6b6
}

.dark-theme #allItemDetails table tbody tr {
	background: #313030 !important;
	color: #e4e6eb !important
}

.dark-theme .note, .dark-theme table#tblMatrixprice > tbody > tr:nth-of-type(odd) {
	background-color: #272626
}

.dark-theme .quickadd.open .dropdown-menu {
	background: #252424;
	border-top: 1px solid #5a5959 !important
}

.dark-theme .topNavigation li a {
	color: #e4e6eb;
	background: #313030
}

	.dark-theme .topNavigation li a:hover {
		border-color: #686868
	}

.dark-theme .qItemsQuantity input {
	background-color: #272626 !important
}

.dark-theme #CustomerDetailspage .border-bottom {
	border-bottom: 1px solid #313030 !important
}

.dark-theme .btn-default.active, .dark-theme .btn-default.active.focus, .dark-theme .btn-default.active:focus, .dark-theme .btn-default.active:hover, .dark-theme .btn-default.focus, .dark-theme .btn-default:active, .dark-theme .btn-default:active.focus, .dark-theme .btn-default:active:focus, .dark-theme .btn-default:active:hover, .dark-theme .btn-default:focus, .dark-theme .btn-default:hover, .dark-theme .employeeDetailsSidebySide ul li span:not(.selection):not(.selection span):not(.btn span):first-child, .dark-theme .open > .dropdown-toggle.btn-default, .dark-theme .open > .dropdown-toggle.btn-default.focus, .dark-theme .open > .dropdown-toggle.btn-default:focus, .dark-theme .open > .dropdown-toggle.btn-default:hover {
	border-color: rgb(64 64 64)
}

.dark-theme .fakebg, .dark-theme .transfer-double-list-footer {
	border-top: 1px solid #5a5959
}

.dark-theme .quotationDescItems div label, .dark-theme .quotationQuicklinks div label {
	background: #383838
}

.dark-theme .quotationDescItems div, .dark-theme .quotationQuicklinks > .media-list > li > div {
	background: #2c2c2c
}

.dark-theme .estimateSummarySidebarDetails .formholder {
	background-color: #18191a;
	color: #e4e6eb
}

.dark-theme .quotationItemDescFooter {
	background: #424242
}

.dark-theme #supplierlist table > tbody > tr:nth-of-type(odd), .dark-theme .dropdown-menu > .dropdown-submenu:focus > a, .dark-theme .dropdown-menu > .dropdown-submenu:hover > a {
	background-color: #1e1d1d
}

.dark-theme #CompanyProfileForm .col-sm-12 .col-sm-3:first-child, .dark-theme #CompanyProfileForm .col-sm-12 .col-sm-3:nth-child(3), .dark-theme .table.llb .myclass tr:nth-of-type(odd) {
	background-color: #252424 !important
}

.dark-theme .customlabelpopup .col-sm-3.lbl {
	border-bottom: 2px solid #313030;
	background: #252424
}

.dark-theme .border-bottom {
	border-bottom: 1px solid #5a5959 !important
}

.dark-theme #emailsendpage td, .dark-theme .fakebg, .dark-theme .sidebar-default .navigation li > a, .dark-theme .transfer-double-content-param, .dark-theme .transfer-double-content-tabs {
	border-bottom: 1px solid #5a5959
}

.dark-theme .fakebg {
	background: #252424
}

.dark-theme .description-table .table > tbody + tbody {
	border-top: 2px solid #5a5959
}

.dark-theme ::-webkit-scrollbar-track, .dark-theme::-webkit-scrollbar-track {
	background: #93999c
}

.dark-theme table#tblMatrixprice > tbody > tr:hover {
	background-color: #404040
}

.dark-theme .transfer-double-content-left, .dark-theme .transfer-double-content-right, .dark-theme .transfer-double-content-left1, .dark-theme .transfer-double-content-right1 {
	border: 1px solid #5a5959;
	background: #313030
}

.dark-theme .transfer-double-list-search-input, .dark-theme .transfer-double-selected-list-search-input {
	border: 1px solid #5a5959;
	background: #252424;
	color: #e4e6eb
}

.dark-theme table#tblMatrixprice {
	border: 1px solid #5a5959 !important
}

.dark-theme .transfer-double-list-main::-webkit-scrollbar-track {
	background: #93999c
}

.dark-theme .advance_filters input.searchMatchText {
	background: #1e1d1d;
	border: 1px solid #b3b3b3 !important;
	color: #ddd
}

.dark-theme .fc th {
	background: #313030;
	border-bottom-color: #5a5959
}

.dark-theme .fc-unthemed .fc-content, .dark-theme .fc-unthemed .fc-divider, .dark-theme .fc-unthemed .fc-list-heading td, .dark-theme .fc-unthemed .fc-list-view, .dark-theme .fc-unthemed .fc-popover, .dark-theme .fc-unthemed .fc-row, .dark-theme .fc-unthemed tbody, .dark-theme .fc-unthemed td, .dark-theme .fc-unthemed th, .dark-theme .fc-unthemed thead {
	border-color: #4c4c4c
}

.dark-theme .fc-state-default {
	border: 1px solid grey;
	background-color: grey;
	color: #e4e6eb
}

.dark-theme a.fc-more:hover {
	background-color: #414141;
	color: #d3d3d3
}

.dark-theme a.fc-more, .dark-theme ul.dropdown-menu a:focus {
	background-color: #333
}

.dark-theme .commonfilters {
	background: grey
}

.dark-theme .jobBoard-listContain, .dark-theme .picker__button--clear, .dark-theme .picker__button--close, .dark-theme .picker__button--today, .dark-theme .picker__select--month, .dark-theme .picker__select--year, .dark-theme .picker__wrap {
	background: #000 !important
}

.dark-theme .thumbnail {
	background-color: #272626;
	border: 1px solid #5a5959
}

.dark-theme .activebtn, .dark-theme .input-group.file-caption-main input.file-caption-name {
	background: #272626 !important
}

.dark-theme #allItemDetails h5 {
	background: #252424;
	margin: 0 !important;
	padding-top: 5px !important
}

.dark-theme .alert-success span.text-bold, .dark-theme .fixedposition .alert-success .close {
	color: #4caf50
}

.dark-theme .dropdown-submenu img {
	filter: invert(1)
}

.dark-theme .customtabledes {
	border: 1px solid transparent !important
}

.dark-theme .formBtnStickySpace .nav-tabs.nav-tabs-bottom > li {
	background: #3d3d3d
}

.dark-theme .sidebar-detached > .sidebar {
	background: #313030;
	border: 1px solid #5a5959
}

.dark-theme #guillotinecosttable .form-control {
	border: 1px solid #767b7d
}

.dark-theme #ddljobboardsortby + .select2-container .select2-selection--single {
	background: #313030 !important;
	border: 1px solid #5a5959 !important
}

.dark-theme .ui-menu {
	background: #313030 !important;
	color: #e4e6eb !important;
	border-color: transparent !important;
	box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24) !important
}

	.dark-theme .ui-menu > li.ui-menu-item:hover, .dark-theme ul.drop-m li.dropdown-item a {
		background: rgba(0,0,0,.2);
		border-color: transparent;
		color: #e4e6eb
	}

		.dark-theme .ui-menu:hover > li.ui-menu-item > div, .dark-theme .ui-menu > li.ui-menu-item:hover > div, .dark-theme .ui-menu > li.ui-menu-item > div, .dark-theme body:not(.modal-open) .ui-front {
			background: 0 0;
			border: transparent;
			color: #e4e6eb
		}

.dark-theme .taskTypeIcons .icon-pencil {
	color: #7c7c7c
}

.dark-theme #clickchargezonelookup table thead tr th {
	background: #ffffff0f !important
}

.dark-theme #formulatag .tree-default, .dark-theme #select2-ddlview-results .select2-results__option.select2-results__option--highlighted {
	background: rgba(0,0,0,.2)
}

.dark-theme .pricing-table table thead th {
	background: rgba(225,225,225,.2)
}

.dark-theme div#printThis div, .dark-theme table.customCss div {
	border-color: #e4e6eb !important
}

.dark-theme .highlight:not(.table-border-space-none) > tbody > tr:hover, .dark-theme table.TimeRaxCalculation tr.colorGrey, .dark-theme table > tbody > tr:hover {
	background-color: rgba(255,255,255,.05) !important
}

.dark-theme #tdDesign div {
	background-color: #e4e6eb !important;
	color: #000 !important
}

.dark-theme #suppliercostbody input[id^=supplier_quote_], .dark-theme #suppliercostlist input[disabled=disabled] {
	background-color: rgba(0,0,0,.2) !important
}

.dark-theme .notificationlists li:hover {
	background-color: #f8f8f800
}

.dark-theme table.allItemShipping tr td:nth-child(2), .dark-theme table.allitemdesigns tr:not(.Gross_Profit,.Selling_Price_Inc) td:nth-child(2), .dark-theme table.allitemdesigns tr:not(.Gross_Profit,.Selling_Price_Inc) td:nth-child(4) {
	background: #434343 !important
}

.dark-theme table.allItemShipping tr.All_Items_Qty td:nth-child(2), .dark-theme table.allItemShipping tr:nth-child(3) > td, .dark-theme table.allitemdesigns tr.All_Items_Qty td:nth-child(2), .dark-theme table.allitemdesigns tr.All_Items_Qty td:nth-child(4) {
	background: #6c757d !important
}

.dark-theme table.allItemShipping tr.Selling_Price_Inc td, .dark-theme table.allitemdesigns tr.Selling_Price_Inc td {
	background: #625a45 !important
}

.dark-theme table.allItemShipping tr.Selling_Price_Inc {
	background: #928d80 !important
}

.dark-theme table.allitemdesigns td input {
	background: rgba(0,0,0,.2);
	color: #e4e6eb;
	border: none !important
}

.dark-theme #CustomerDetailspage ul:first-child li:last-child span, .dark-theme #CustomerDetailspage ul:first-child li:last-child span.mayBSC, body.dark-theme .estimate-sidebar-left .sidebar-content, body.dark-theme li.finishedQty, body.dark-theme li.grossProfit, body.dark-theme li.grossProfit div, body.dark-theme li.sellingPrice, body.dark-theme li.trQuantity1 {
	background: 0 0 !important
}

.dark-theme .select-165-no-width + .select2 {
	z-index: 9
}

.dark-theme .rkv:before {
	background: #31302f !important;
	width: 85px
}

.dark-theme #ordergrid thead th:first-child {
	background: #3d3d3d !important
}

.dark-theme table.allItemShipping tr.All_Items_Qty, .dark-theme table.allItemShipping tr.All_Items_Qty tr, .dark-theme table.allItemShipping tr.Selling_Price_Inc, .dark-theme table.allItemShipping tr.SubtotalVal, .dark-theme table.allItemShipping tr.SubtotalVal td, .dark-theme table.allitemdesigns tr.All_Items_Qty td {
	background-color: #6c757d !important
}

.dark-theme table.allItemShipping tr.Gross_Profit, .dark-theme table.allItemShipping tr.Gross_Profit td, .dark-theme table.allitemdesigns tr.Gross_Profit, .dark-theme table.allitemdesigns tr.Gross_Profit td {
	background-color: #d98129 !important
}

.dark-theme #AdditionalOptionGroupList_wrapper .datatable-header, .dark-theme #tdcontacthistory_wrapper .datatable-header, .dark-theme .searchFilterAddOp, .dark-theme .table-responsive.searchFilterGoodsdelivered {
	background: #313030 !important;
	border: 1.5px solid rgba(255,255,255,.2);
	border-top: 2px solid rgba(255,255,255,.2)
}

.dark-theme .activitypanel li.timeline1:before {
	background: rgb(47 47 47) !important
}

.dark-theme select#ddlview + span.select2 {
	border: 1px solid #4e4e4e;
	background: #3b3b3b
}

.dark-theme .displaythefield p.text-muted.text-size-mini {
	color: #999 !important
}

.dark-theme .table.llb .myclass tr:nth-of-type(2n), .dark-theme table#tblProductinv thead tr th {
	background-color: #313030 !important
}

.dark-theme .table.llb th, .dark-theme .table.llb th td {
	background-color: #3d3d3d !important
}

.ItembasedQuicklinks ul.media-list li:last-child div > div, .blk-clr-font, .dark-theme #templatesubmit #div_EditFields table > tbody > tr td, .dark-theme #templatesubmit #div_EditFields table > tbody > tr td div, .dark-theme #templatesubmit #div_EditFields table > tbody > tr td input, .dark-theme #templatesubmit #div_EditFields table > tbody > tr td:hover, .dark-theme #templatesubmit td input, .dark-theme .quotationQuicklinks #showquicklinks li div, body.dark-theme .ItembasedQuicklinks ul li span:not(.pull-right), body.dark-theme .blk-clr-font, body.dark-theme .judo-txt {
	color: #000 !important
}

.dark-theme form#insertpayment .col-sm-3 {
	background: #414141 !important
}

.dark-theme table#GoodsDelivery tbody tr td input[readonly] {
	background: #ffffff00 !important;
	border: 1px solid #ffff00b5 !important
}

.dark-theme .col-sm-2.w-230, .dark-theme .jigi9jooifif .col-sm-12 > .col-sm-2:not(.alerts) {
	background: #444 !important
}

.dark-theme .quotationDescItems div, .dark-theme table#tblProductChoice thead th {
	background: #18191a !important
}

.dark-theme .col-sm-3.labelCard {
	background: #4a4a4a !important
}

.dark-theme table[id*=Stamp_ShippingCost_] tbody tr:hover {
	background: #363636 !important
}

.dark-theme table[id*=Stamp_ShippingCost_] tbody tr:nth-child(2n) {
	background: #4a4a4a
}

.dark-theme .note-icon-font:before {
	content: "\f110";
	color: #000
}

#suppliercostlist .select-100 + .select2.select2-container {
	width: 150px !important
}

.responsiveli .dropdown-menu > li > a {
	padding: 8px
}

div #StockHistoryList_length {
	margin-left: 10px !important;
	margin-top: -5px !important
}

.heightset {
	height: 38px !important;
	min-height: auto
}

.select2-results > .select2-results__options {
	max-height: 160px
}

@media(max-width:600px) {
	.rolesListOptions.title {
		width: 100%;
		margin: 0
	}

	.rolesListOptions, .rolesListOptions.width140, .rolesListOptions.width170 {
		width: 50%;
		float: left;
		margin-bottom: 10px
	}

	.roleListReport .rolesListOptions.title {
		width: 140px
	}

	.roleListReport .rolesListOptions {
		width: 80px;
		float: none
	}

	.roleCheckGlobalBtn {
		float: none
	}

		.roleCheckGlobalBtn .rolesListOptions {
			width: 48%;
			margin: 0 !important;
			text-align: left;
			float: none
		}

	.loginBody {
		padding: 10px 20px
	}

	.loginContain > div {
		padding: 30px
	}

	.loginContain, .loginContain .loginInfo, .loginContain > div {
		display: block;
		width: 100%
	}

		.loginContain .loginInfo {
			border-radius: 0 0 10px 10px
		}
}

#DivNotificationsNew {
	max-height: 60vh;
	height: 100% !important
}

.viewchangedropdown .caret {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 9px
}

.mt-2, div#Customerlist_filter, div#SelectedCustomerlist_filter {
	margin-top: 2px
}

body:not(.modal-open) span.select2-container.select2-container--default.select2-container--open {
	z-index: 10
}

.headingelement .dropdown-menu {
	z-index: 994
}

.moretodropdown {
	z-index: 105
}

#divSalesPerson1 .multiselect-container {
	max-height: 180px
}

.highlighttrnew {
	background: #c0dbfd !important
}

.dark-theme #estimate-summary-all select + .select2, .dark-theme .additionalul select + .select2 {
	margin-bottom: 2px !important
}

body:not(.modal-open) .multi-select-full > .btn-group .multiselect-container, body:not(.modal-open) span.select2-container.select2-container--default.select2-container--open.over {
	z-index: 11
}

.estimateSummarySidebarDetails .quotationItemDescContent {
	margin-bottom: 25px !important
}

@media (min-width:769px) {
	.sidebar-fixed .sidebar-content {
		overflow: auto;
		position: fixed
	}

	.estimateaddpage .nav-tabs.nav-tabs-bottom > li.active > a:after {
		background-color: #2196f3
	}

	.estimateaddpage .custompadding {
		margin: 0 10px;
		background: #f5f5f5;
		padding: 15px 5px 0;
		float: left !important
	}

	.estimateaddpage .flex-wrap {
		display: flex;
		flex-wrap: wrap
	}

	.estimateaddpage .sidebar-xs .floatingbtn {
		width: calc(100% - 97px);
		left: calc(55px)
	}

	.estimateaddpage form .row.itemtitle-row {
		margin: 0 -25px !important
	}

	.estimateaddpage form .row [class*=col-] .px-15 {
		padding: 0 15px !important
	}
}

@media (min-width:769px) and (max-width:992px) {
	#Ordertitleid {
		display: none
	}
}

@media (max-width:1000px) {
	.estimate-summary-content-wrapper .estimate-sidebar.estimate-sidebar-left {
		background: #fff
	}

		.estimate-summary-content-wrapper .estimate-sidebar.estimate-sidebar-left > .pageHeading {
			padding: 15px 15px 0
		}

	.estimate-summary-content-wrapper .estimate-sidebar-right.mt-35 {
		margin-top: 0 !important;
		z-index: 2
	}

	.estimate-summary-content-wrapper .menu-push, .estimate-summary-content-wrapper .menu-pushtwo {
		z-index: 2
	}
}

@media (max-width:768px) {
	.sidebar-xs.has-detached-left .customStepy:not(#customersubmit) .stepy-navigator, .sidebar-xs.sidebar-detached-hidden .customStepy .stepy-navigator, .sidebar-xs.sidebar-detached-hidden .footerStickyBtns {
		width: calc(100%) !important;
		left: 0
	}

	.estimateaddpage .custompadding {
		float: none !important
	}

	.estimateaddpage .pull-left.custompadding {
		width: calc(100% - 20px);
		margin: 0 10px !important
	}

	.estimateaddpage form .row.customrow [class*=col-sm] {
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	.estimateaddpage form .row.customrow .col-sm-6.pr-10 .row.w-sm-100 {
		width: 100% !important;
		text-align: center
	}

		.estimateaddpage form .row.customrow .col-sm-6.pr-10 .row.w-sm-100 .showaddoptbtn {
			position: unset !important;
			width: auto !important;
			float: none !important
		}

	a[onclick="AddNewInkSelectorPopUp()"], a[onclick="AddNewInkSelectorPopUp();"] {
		top: 7px !important
	}

	.headingelement .dropdown, .sidebar-xs .footerStickyBtns .btn {
		margin-bottom: 5px
	}

	.sidebar-xs .footerStickyBtns {
		width: calc(100% - 41px);
		left: 20px
	}

	.sidebar-xs.has-detached-left.sidebar-detached-hidden .footer {
		width: calc(100%);
		left: 0
	}

	.dataTables_filter {
		float: left !important
	}

	.customSettingsTableHold.customPanelDatatable .datatable-header {
		padding: 5px
	}

	.customSettingsTableHold.customPanelDatatable .tableRightButtonsAlign {
		right: 10px;
		top: 8px
	}

	.sidebar-xs-indicator .navbar-fixed-top.navbar-default .navbar-nav {
		border-bottom: none;
		padding-top: 0 !important
	}

	.sidebar-xs-indicator .navbar-fixed-top.navbar-default .navbar-collapse.in {
		overflow: hidden;
		width: 100%
	}

	ul.nav.navbar-nav.navbar-right {
		display: flex;
		justify-content: end
	}

	.settingsModules form .row [class*=col-xs] [class*=col-] {
		padding: 0
	}

	.estimateSummarySidebarDetails + #ItemwiseDropDownBind .icons-list > li:empty, .tabbable ul.media-list.nav.nav-tabs:before, form label:empty {
		display: none
	}

	.estimate-summary-secondary-header .quoteFunctionList {
		position: relative;
		top: 0;
		right: auto;
		left: 0;
		z-index: 999;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		padding: 0 20px
	}

		.estimate-summary-secondary-header .quoteFunctionList .responsiveli {
			display: inline-block !important
		}

	.quoteFunctionList .dropdown-menu > .dropdown-submenu.afterresp {
		position: relative
	}

	.icons-list li:not(.responsiveli) .btn-group > .dropdown-menu .afterresp {
		display: none !important
	}

	.estimateSummarySidebarDetails + #ItemwiseDropDownBind {
		position: absolute;
		right: auto;
		top: 80px;
		left: 0;
		padding: 0 20px
	}

	.estimate-middle-content.tab-content .estimate-middle-content-div {
		padding-top: 80px
	}

	.estimateSummarySidebarDetails + #ItemwiseDropDownBind .btn-group {
		margin-right: 24px;
		margin-left: 0
	}

		.estimateSummarySidebarDetails + #ItemwiseDropDownBind .btn-group:before {
			left: auto;
			right: -15px
		}

	.estimateSummarySidebarDetails + #ItemwiseDropDownBind .icons-list > li {
		margin: 0 10px 10px 0 !important
	}

	.estimate-middle-content-div .saveBtns {
		left: 0;
		width: calc(100% - 0px)
	}

	.hasFooter.sidebar-xs .content .footer {
		width: 100%;
		left: 0;
		padding: 14px 10px 14px 36px
	}

	html .sidebar-xs .sidebar-main .navigation .blue a span {
		background-color: transparent !important
	}
}

@media (max-width:600px) {
	.headingelement > .dropdown.display-inline-block {
		float: left;
		width: 100%;
		margin-bottom: 10px
	}

	.headingelement > .pull-right {
		float: left !important
	}

		.headingelement > .pull-right > .btn {
			margin-left: 0 !important;
			margin-bottom: 10px
		}

	.headingelement .pull-right .ml-10 {
		margin-left: 0 !important
	}

	.customPanelDatatable:not(.panel-collapsed) .panel-heading, .customSettingsTableHold .panel-heading {
		margin-bottom: 10px
	}

	.customPanelDatatable:not(.panel-collapsed) .tableRightButtonsAlign, .customSettingsTableHold.customPanelDatatable .tableRightButtonsAlign {
		position: relative;
		float: none;
		top: 0;
		right: auto;
		left: 0
	}

	.customSettingsTableHold .tableRightButtonsAlign .icons-list > li:first-child {
		margin-left: 0
	}

	.customPanel.customPanelDatatable:not(.customSettingsTableHold) .tableRightButtonsAlign .icons-list > li:first-child {
		margin-left: 20px
	}

	.customPanel.customPanelDatatable:not(.customSettingsTableHold) .panel-heading {
		margin: 0
	}
}

.transfer-double {
	height: 470px !important
}

.transfer-double-content-left, .transfer-double-content-right, .transfer-double-content-left1, .transfer-double-content-right1 {
	height: 468px !important
}

.transfer-double-list-main, .transfer-double-selected-list-main, .transfer-double-selected-list-main1 {
	height: 350px !important
}

.AnyTime-body .AnyTime-time:after {
	content: "";
	clear: both;
	display: table
}

.AnyTime-dom-btn-empty, .AnyTime-min-one-btn-empty, .AnyTime-min-ten-btn-empty, .AnyTime-sec-one-btn-empty, .AnyTime-sec-ten-btn-empty {
	background-color: transparent;
	pointer-events: none
}

.modal.mymodal.link-dialog .modal-body {
	background: #fff;
	margin: 20px
}

.dark-theme .modal.mymodal.link-dialog .modal-body {
	background: #252424;
	margin: 20px
}

.modal.mymodal.link-dialog .modal-content {
	background-color: #eaeaea
}

.modal.mymodal.link-dialog .modal-footer {
	background: #fff;
	padding: 10px
}

.dark-theme .modal.mymodal.link-dialog .modal-footer {
	background: #313030;
	padding: 10px
}

body.modal-open .daterangepicker.dropdown-menu {
	z-index: 1051
}

.zee-index {
	z-index: 99999 !important
}

@media (max-width:1920px) {
	#estimate-summary-all .media-right > .form-control, #estimate-summary-all .media-right > .qAccounting.dropdownwidthsetaccount, #estimate-summary-all .media-right > p {
		min-width: 115px !important
	}

	#estimate-summary-all .media-right.emptyright {
		padding: 0
	}
}

@media (max-width:1400px) {
	#allItemDetails {
		height: calc(100vh - 250px);
		overflow: auto
	}
}

.btn-custom {
	background-color: #f2f2f2;
	color: #111;
	border-color: #e2e2e2;
	transition: .3s
}

.dashboard .gridster ul li.gs-w {
	z-index: inherit
}

.emailtextoverflow {
	width: 100%;
	overflow: hidden
}

.multiselect-container {
	max-height: 190px
}

.modal .dualListBoxWithTable .datatable-header {
	top: -46px
}

#CustomerPart .datatable-header {
	top: -43px
}

.dualListBoxWithTable .datatable-header {
	top: -52px !important
}

.form-group > label.customCheckBox.mt-5.display-block {
	display: table !important
}

#CustomerDetailspage .panel-heading.border-bottom {
	margin-bottom: 9px;
	border-bottom: 0 !important
}

#CustomerDetailspage .heading-elements {
	top: 50%
}

.estimate-summary-content-wrapper .estimate-sidebar-left .pageHeading {
	margin-bottom: 13px !important
}

.quotepanel.customerdetailpan .media-list li.mb-10 .media-body {
	vertical-align: middle
}

#CustomerDetailspage .heading-elements .icons-list label.pr-20.mr-20, .pr-0, .totalsellingprice table tfoot td #lbltotal3, .totalsellingprice table tfoot td #lbltotal4 {
	padding-right: 0 !important
}

.datatable-othercostitem .input-group .input-group-addon + input {
	width: 90px !important;
	text-align: right
}

.pl-0 {
	padding-left: 0 !important
}

.px-15 {
	padding: 0 15px !important
}

.mt-35 {
	margin-top: 35px !important
}

@media (min-width:1200px) and (max-width:1400px) {
	.estimate-middle-content-div #CustomerDetailspage .heading-elements .icons-list {
		margin-left: 0
	}

	#CustomerDetailspage .heading-elements {
		left: 30% !important;
		width: 70% !important;
		top: 70%
	}
}

@media (min-width:1400px) {
	.transfer-double ,.transfer-double1 {
		height: calc(100vh - 352px) !important
	}


	.transfer-double-content-left, .transfer-double-content-right, .transfer-double-content-left1, .transfer-double-content-right1 {
		height: calc(100vh - 360px) !important
	}

	.transfer-double-list-main, .transfer-double-selected-list-main, .transfer-double-selected-list-main1 {
		height: calc(100vh - 520px) !important
	}

	.estimate-middle-content-div #CustomerDetailspage .panel-heading .textoverflowtitle {
		width: calc(100% - 532px)
	}
}

@media (max-width:1200px) {
	.estimate-sidebar-content .panel.estimate-sidebar-panel {
		margin-bottom: 0
	}

	.estimate-sidebar-right .estimateSummaryDetailsSidebar {
		height: 100%
	}

		.estimate-sidebar-right .estimateSummaryDetailsSidebar .estimate-summary-navigation {
			height: calc(100vh - 163px);
			overflow: auto;
			margin-bottom: 0
		}

	.estimate-middle-content-div #CustomerDetailspage .panel-heading .textoverflowtitle {
		visibility: hidden !important
	}

	#CustomerDetailspage .heading-elements {
		left: 0 !important;
		width: 100% !important;
		top: 70%
	}

		#CustomerDetailspage .heading-elements .icons-list {
			margin-left: 0
		}
}

@media (min-width:480px) and (max-width:768px) {
	.dataTables_info, .dataTables_paginate {
		float: right !important
	}
}

@media (max-width:768px) {
	.estimate-middle-content-div #CustomerDetailspage .panel-heading .textoverflowtitle {
		visibility: visible !important
	}

	#htmlbody .note-editor {
		margin-right: 0;
		margin-left: 0
	}
}

@media (max-width:480px) {
	.estimate-summary-secondary-header .quoteFunctionList .icons-list li {
		margin-left: 0;
		margin-right: 5px
	}

	.estimate-summary-secondary-header .quoteFunctionList .icons-list .responsiveli {
		margin-bottom: 8px
	}

	.estimateSummarySidebarDetails + #ItemwiseDropDownBind {
		top: 115px
	}

	.estimate-summary-content-wrapper .estimate-middle-content.tab-content .estimate-middle-content-div {
		padding-top: 85px
	}

	.dataTables_info, .dataTables_length, .dataTables_paginate {
		float: none !important
	}

	.datatable-footer .dataTables_length {
		width: 100%;
		margin-bottom: 15px !important
	}
}

.grossProfit {
	padding-bottom: 40px !important
}

.modal .row div.col-md-6.stepyrightcolumnspacing.form-group:first-child {
	padding-left: 10px;
	padding-right: 20px
}

.qItems .media-list.nav.nav-tabs li .media-left {
	min-width: 130px
}

.stop-scrolling.hasFooterStickyBtns .footerStickyBtns {
	opacity: 0;
	z-index: 111
}

.stop-scrolling .bottom-zero {
	animation: .5s ease-in forwards fadein
}

@keyframes fadein {
	0% {
		opacity: 0;
		bottom: 50px
	}

	50% {
		bottom: 0;
		opacity: 0
	}

	100% {
		opacity: 1;
		bottom: 0
	}
}

.transfer-double-content-tabs .tab-item-name {
	pointer-events: none
}

#select2-gridspaceselect-results li:nth-child(3n), #select2-textsizeselect-results li:nth-child(3n), .HugeBody, .LargeHeader {
	font-size: 18px
}

#select2-gridspaceselect-results li:nth-child(4n), #select2-textsizeselect-results li:nth-child(4n) {
	font-size: 21px
}

.theme-color .nav > li > a:focus, .theme-color .nav > li > a:hover, .theme-color .navbar-default .navbar-nav > .open > a, .theme-color .navbar-default .navbar-nav > .open > a:focus, .theme-color .navbar-default .navbar-nav > .open > a:hover {
	background-color: #ffffff66
}

li.changeview {
	padding: 0 5px
}

#select2-ddlview-results .select2-results__options--nested > .select2-results__option {
	font-size: 13px;
	padding: 4px 10px
}

#select2-ddlview-results .select2-results__group {
	padding: 0 10px;
	margin-top: 5px;
	margin-bottom: 5px
}

.dataTable thead .sorting .sort_icon:after, .dataTable thead .sorting div .sort_icon:after, .dataTable thead .sorting_asc div .sort_icon:after {
	content: '\e9c2' !important;
	margin-top: -10px;
	color: #999
}

.dataTable thead .sorting div .sort_icon:before, .dataTable thead .sorting_asc div .sort_icon:before {
	content: '\e9c1' !important;
	margin-top: -2px;
	color: #999
}

.dataTable thead .sorting_desc .sort_icon:after, .dataTable thead .sorting_desc div .sort_icon:after {
	content: '\e9c1' !important;
	margin-top: -5px
}

.dataTable thead .sorting_asc .sort_icon:after {
	content: '\e9c2' !important;
	margin-top: -5px
}

.dataTable thead .fields-list.sorting_asc .sort_icon:after {
	content: '' !important;
	margin-top: -5px
}

[id^=InventoryStock_] thead .sorting_asc .sort_icon:after {
	content: '\e9c2' !important;
	margin-top: -7px
}

#ordergrid th[aria-label^="Quote Value"] div {
	padding-right: 7px
}

.dataTable thead .sorting th[aria-label^="Credit Limit ($):"] div .sort_icon:after {
	content: '\e9c1' !important;
	margin-top: -10px;
	color: #999
}

.saveBtns {
	z-index: 99
}

.dataTable thead .sorting .sort_icon:after, .dataTable thead .sorting .sort_icon:before, .dataTable thead .sorting div .sort_icon:after, .dataTable thead .sorting div .sort_icon:before, .dataTable thead .sorting_asc .sort_icon:after, .dataTable thead .sorting_asc div .sort_icon:after, .dataTable thead .sorting_asc div .sort_icon:before, .dataTable thead .sorting_asc_disabled .sort_icon:after, .dataTable thead .sorting_asc_disabled div .sort_icon:after, .dataTable thead .sorting_desc .sort_icon:after, .dataTable thead .sorting_desc div .sort_icon:after, .dataTable thead .sorting_desc_disabled .sort_icon:after, .dataTable thead .sorting_desc_disabled div .sort_icon:after {
	font-family: icomoon;
	position: absolute;
	top: 50%;
	font-size: 12px;
	margin-left: 6px;
	display: inline-block;
	line-height: 1;
	-webkit-font-smoothing: antialiased
}

#ordergrid thead .sorting div .sort_icon {
	display: contents
}

#ordergrid thead th[aria-label^="Item Tax Name"] div .sort_icon {
	float: right !important;
	display: inherit !important
}

@media (min-width:769px) and (max-width:1536px) {
	.sidebar-xs .sidebar-main .navigation li[class^=blue]:last-of-type ul, .sidebar-xs .sidebar-main .navigation li[class^=blue]:nth-last-of-type(2) ul, .sidebar-xs .sidebar-main .navigation li[class^=blue]:nth-last-of-type(3) ul, .sidebar-xs .sidebar-main .navigation li[class^=blue]:nth-last-of-type(4) ul {
		bottom: 39px;
		top: auto;
		max-height: 360px;
		overflow: auto
	}
}

.overflowdesctextclass, .qItemsQuantity li.artwork .media-right p, .qItemsQuantity li.artwork .media-right p span a, .quotationTaskCallItems p, .textellipse .textalignment {
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

#ModuleReportGrid {
	width: 100% !important
}

.textellipse .textalignment {
	white-space: normal;
	display: -webkit-box;
	max-height: 75px;
	-webkit-line-clamp: 3
}

.orange-color {
	color: orange;
	font-weight: 400;
	font-size: 14px
}

	.orange-color:hover {
		color: orange
	}

#detachedsidebar .category-title {
	padding: 9px 20px
}

.breadcrumb {
	padding: 9px 0
}

.overflowdesctextclass {
	white-space: normal;
	display: -webkit-box;
	max-height: 105px;
	-webkit-line-clamp: 5
}

span.select2-results > ul.select2-results__options {
	z-index: 25
}

@media(min-width:769px) {
	.navbar-top {
		padding-top: 70px
	}

	.sidebar-detached-hidden #detachedsidebar {
		width: 56px !important;
		display: block !important
	}

		.sidebar-detached-hidden #detachedsidebar .detachleft {
			display: block
		}

		#detachedsidebar .detachleft, .sidebar-detached-hidden #detachedsidebar .navigation li > .has-ul:after {
			display: none
		}

	#detachedsidebar {
		width: 260px
	}

	.sidebar-detached-hidden #detachedsidebar .navigation > li > a > i {
		margin: 2px 0;
		display: block;
		float: none
	}

	.sidebar-detached-hidden #detachedsidebar .navigation > li > a {
		display: block;
		text-align: center
	}

		.sidebar-detached-hidden #detachedsidebar .navigation > li > a > span {
			display: none;
			position: absolute;
			top: 0;
			right: -260px;
			background-color: #42a5f5;
			border: 1px solid #42a5f5;
			padding: 11px 20px;
			width: 260px;
			text-align: left;
			color: #fff;
			cursor: pointer;
			border-bottom-right-radius: 3px;
			border-top-right-radius: 3px
		}

	.sidebar-detached-hidden #detachedsidebar .navigation > li > ul {
		position: absolute;
		right: -260px;
		top: 44px;
		width: 260px;
		display: none;
		background-color: #263238;
		border-left: 1px solid rgba(255,255,255,.1);
		border-radius: 0 0 3px
	}

	.sidebar-detached-hidden #detachedsidebar .navigation > li.active > ul {
		display: none !important
	}

	.sidebar-detached-hidden #detachedsidebar .navigation > li:hover > ul {
		display: block !important
	}

	.sidebar-detached-hidden .container-detached {
		float: none;
		margin: 0 !important
	}

	.sidebar-detached-hidden .content-detached {
		margin-left: 60px !important
	}

	.sidebar-detached.affix {
		position: fixed;
		margin-left: -20px;
		top: 69px;
		bottom: -20px
	}

	.has-detached-left .content-detached {
		margin-left: 260px
	}

	.modal-width-sm.modal-dialog {
		width: 600px;
		margin: 30px auto
	}
}

.NormalBody, .TinyHeader {
	font-size: 13px
}

.HugeHeader {
	font-size: 20px
}

table > tbody tr > td label.customCheckBox, table > thead > tr > th > label.customCheckBox {
	margin-left: 8px
}

.compactPadding .table > tbody > tr > td, .compactPadding .table > tbody > tr > th, .compactPadding .table > tfoot > tr > td, .compactPadding .table > tfoot > tr > th, .compactPadding .table > thead > tr > td, .compactPadding .table > thead > tr > th {
	padding: 2px !important
}

.defaultPadding .table > tbody > tr > td, .defaultPadding .table > tbody > tr > th, .defaultPadding .table > tfoot > tr > td, .defaultPadding .table > tfoot > tr > th, .defaultPadding .table > thead > tr > td, .defaultPadding .table > thead > tr > th {
	padding: 4px !important
}

	.defaultPadding .table > thead > tr > th:last-child.text-right:not(.sorting) {
		text-align: center !important;
		min-width: 100px !important
	}

	.defaultPadding .table > thead > tr > th:last-child.text-right.sorting {
		padding-right: 18px !important
	}

.departmentModalBody .table > thead > tr > th:last-child.text-right, .table#viewproductHistorytop3 thead th[aria-label="Qty In Hand "] {
	text-align: end !important
}

.comfortablePadding .table > tbody > tr > td, .comfortablePadding .table > tbody > tr > th, .comfortablePadding .table > tfoot > tr > td, .comfortablePadding .table > tfoot > tr > th, .comfortablePadding .table > thead > tr > td, .comfortablePadding .table > thead > tr > th {
	padding: 6px !important
}

body.TinyBody .customCheckBox .customCheckSpan {
	width: 15px !important;
	height: 15px !important
}

body.NormalBody .customCheckBox .customCheckSpan {
	width: 15px !important;
	height: 14px !important
}

body.LargeBody .customCheckBox .customCheckSpan {
	width: 19px !important;
	height: 19px !important
}

body.HugeBody .customCheckBox .customCheckSpan {
	width: 22px !important;
	height: 22px !important
}

body.HugeBody th:not(.dtfc-fixed-left) .customCheckBox .customCheckSpan, body.LargeBody th:not(.dtfc-fixed-left) .customCheckBox .customCheckSpan {
	top: 4px !important
}

.each_field .customCheckBox .customCheckSpan {
	top: 5px !important
}

body.HugeBody thead .customCheckBox .customCheckSpan, body.LargeBody thead .customCheckBox .customCheckSpan, body.NormalBody .each_field .customCheckSpan:before {
	top: 2px !important
}

body.dark-theme table.dataTable tbody tr > .dtfc-fixed-left {
	background: #333 !important
}

.judo-rblack {
	background: #fff !important
}

body.dark-theme .d-alert, body.dark-theme .sweet-alert {
	background-color: #3a3b3c !important
}

body.dark-theme .info-make-txt {
	color: #767575 !important
}

textarea::-webkit-scrollbar {
	background-color: transparent;
	width: 16px
}

textarea::-webkit-scrollbar-track {
	background-color: #fff !important
}

.dark-theme textarea::-webkit-scrollbar-track {
	background-color: #e4e6eb !important
}

textarea::-webkit-scrollbar-thumb {
	border-radius: 16px;
	border: 4px solid #fff
}

.newsection select#sectionid {
	display: inline-flex
}

table#invoicegrid [aria-label^="Invoice Qty"] .sort_icon:after, table#invoicegrid [aria-label^="Invoice Qty"] .sort_icon:before, table#invoicegrid [aria-label^="Invoice Value ($)"] .sort_icon:after, table#invoicegrid [aria-label^="Invoice Value ($)"] .sort_icon:before {
	position: absolute;
	top: 50%;
	font-size: 12px;
	margin-left: 6px;
	display: inline-block;
	line-height: 1;
	-webkit-font-smoothing: antialiased
}

table#invoicegrid [aria-label^="Invoice Qty"] .sort_icon:before, table#invoicegrid [aria-label^="Invoice Value ($)"] .sort_icon:before {
	content: '\e9c1' !important;
	margin-top: -2px;
	color: #999;
	font-family: icomoon
}

table#invoicegrid [aria-label^="Invoice Qty"] .sort_icon:after, table#invoicegrid [aria-label^="Invoice Value ($)"] .sort_icon:after {
	content: '\e9c2' !important;
	margin-top: -10px;
	color: #999;
	font-family: icomoon
}

.tableRightButtonsAlign > ul.icons-list li > a.btn {
	padding: 1px 12px !important
}

.icon-file-pdf:before {
	content: "\ef36";
	font-size: 22px;
	color: red
}

.transfer-double-group-list-ul .transfer-double-group-list-li {
	margin-top: 0 !important;
	padding-top: 5px
}

.transfer-double-selected-list-main .transfer-double-selected-list-ul .transfer-double-selected-list-li, .transfer-double-selected-list-main1 .transfer-double-selected-list-ul .transfer-double-selected-list-li {
	margin-top: 0 !important;
	cursor: pointer !important
}

ul.transfer-double-selected-list-ul {
	padding-top: 8px
}

.transfer-double-selected-list-content .checkbox-group label p {
	margin-bottom: 0 !important;
	cursor: move !important;
	display: block;
	width: 664px;
	overflow-x: hidden
}

table#invoicegrid th[aria-label^=" Item Status:"] div span.sort_icon:after, table#invoicegrid th[aria-label^=" Item Status:"] div span.sort_icon:before {
	right: 25px
}

.transfer-double-selected-list-content .checkbox-group label {
	cursor: pointer !important
}

#divQty1, #divQty2, #divQty3, #divQty4, .quantityall th {
	text-align: end !important
}

li.mt-3 {
	margin-top: 1px
}

#costselected td#0 {
	text-align: center !important
}

.note-toolbar .note-check {
	width: 140px;
	z-index: 999;
	height: 200px;
	overflow-x: hidden;
	overflow-y: auto
}

.sidebar-default .navigation li.active > a {
	font-weight: 700;
	color: #1e88e5 !important
}

.sidebar-default ul.navigation li.active ul li:hover > a {
	background-color: #ececec !important;
	color: #1e88e5 !important;
	text-decoration: none !important
}

.dark-theme .sidebar-default ul.navigation li.active ul li:hover > a {
	background-color: #222 !important;
	color: #2188e5 !important;
	text-decoration: none !important
}

@media (max-width:2600px) and (min-width:1700px) {
	.customRadioSpan:before {
		left: 4px;
		top: 4px
	}
}

@media (max-width:3000px) and (min-width:2600px) {
	.customRadioSpan:before {
		left: 5px;
		top: 5px
	}
}

@media (width:1920px) {
	.customRadioSpan:before {
		left: 3px !important;
		top: 3px !important
	}
}

.settingsPageForm .col-sm-6 .col-md-4.col-sm-6 > .form-group label + p, .twolineEllipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box !important;
	white-space: normal;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

#additionaloptiongroupid .dualListBoxWithTable .datatable-header {
	top: -46px !important
}

.table#estimatedepartment > tbody > tr > td {
	white-space: inherit
}

select#ddlestimateboardsortby + span.select2 .select2-selection, select#ddljobboardsortby + span.select2 .select2-selection, select#ddlview + span.select2 .select2-selection {
	height: 31px;
	padding-top: 5px
}

i#Clr_flt + a {
	padding: 5px 17px !important
}

.qItemsQuantity li.artwork .media-right p {
	display: -webkit-box;
	-webkit-line-clamp: 3
}

	.qItemsQuantity li.artwork .media-right p span a {
		display: -webkit-box;
		max-width: 100%;
		max-height: 29px;
		margin: 0 auto;
		font-size: 14px;
		line-height: 1;
		-webkit-line-clamp: 2
	}

#papercosttable input[id^=txtunitprice_] {
	margin-right: 20px
}

#papercosttable input#txtunitprice_0 {
	margin-right: 0
}

.dtfc-fixed-left {
	z-index: 20 !important
}

.newYear + span.select2 {
	padding-left: 4px !important
}

#suppliercostlist td:has(> .hide) {
	padding: 0 !important
}

#productcataloguetable tbody tr td:last-child, #productcataloguetable tr th:last-child, table#invoicegrid thead th[aria-label^="User's Department:"], table#productcataloguetable tbody tr td:nth-child(6), table#productcataloguetable thead th:nth-child(6) {
	text-align: start !important
}

table#TaskCallList tbody td, table#customergrid tbody td {
	padding-right: 16px
}

tr .Gross_Profit:not(.GrossProfitmargin) td {
	padding-top: 0 !important
}

table.allitemdesigns tr.jobshipAccounting td:first-child {
	display: inline-flex !important
}

.confirm.primary-btn:hover {
	background-color: #1092f9 !important
}

.confirm.primary-btn {
	background-color: #2196f3 !important
}

table.allItemShipping tr.Selling_Price_Inc, table.allitemdesigns tr.Selling_Price_Inc td {
	background: #fff2cc !important
}

table.allItemShipping tr.All_Items_Qty, table.allItemShipping tr.All_Items_Qty tr, table.allItemShipping tr.Selling_Price_Inc, table.allItemShipping tr.SubtotalVal, table.allItemShipping tr.SubtotalVal td {
	background: #d0cece !important
}

.quotationTaskCallItems p {
	margin-bottom: 0;
	font-weight: 600;
	word-wrap: break-word !important;
	display: -webkit-box;
	-webkit-line-clamp: 3
}

#DivNotificationsNew .img-md {
	width: 28px !important;
	height: 28px !important
}

#DivNotificationAlerts .media-left {
	padding-right: 12px !important;
	padding-top: 5px !important
}

@media(min-width:1300px) {
	.navbarDetailsSticky, .settingsPageHeadingSticky {
		position: sticky;
		top: 48px;
		padding: 20px 0;
		background: #eaeaea;
		z-index: 11
	}

	.settingsPageHeadingSticky {
		padding: 20px 0 0
	}

	.settingsSidebarSticky {
		position: sticky;
		top: 95px
	}

	.content.headerStickyContent {
		padding-top: 0
	}

	.detailsSidebarInfo {
		position: sticky;
		top: 270px;
		z-index: 10;
		width: 30%
	}

	.detailsTableInfo {
		width: 70%
	}

	.navbarDetailsSticky {
		top: 66px
	}

	#xtraLargepopup {
		margin: auto
	}

	.xtraLargepopup {
		width: 1250px !important
	}
}

#invoicegrid th[aria-label^="Account Status: activate"] div span.sort_icon, #invoicegrid th[aria-label^="Accounting Code: activate"] div span.sort_icon, #invoicegrid th[aria-label^="Company Business"] div span.sort_icon, #invoicegrid th[aria-label^="Invoice Due Date: activate"] div span.sort_icon, #invoicegrid th[aria-label^="Invoice Status: activate"] div span.sort_icon, #invoicegrid th[aria-label^="Item Tax Name: activate"] div span.sort_icon, #invoicegrid th[aria-label^="PaymentTerms: activate"] div span.sort_icon, #invoicegrid th[aria-label^="Supplier Invoice #"] div span.sort_icon {
	float: right !important
}

.dark-theme .line-rgt {
	border-right-color: #e4e6eb !important
}

.dark-theme #htmlbody .note-editable {
	background-color: #fff !important
}

input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
	-webkit-box-shadow: 0 0 0 30px #fff inset !important
}

.dark-theme input:-webkit-autofill, .dark-theme input:-webkit-autofill:active, .dark-theme input:-webkit-autofill:focus, .dark-theme input:-webkit-autofill:hover {
	-webkit-box-shadow: 0 0 0 30px #272626 inset !important;
	border-color: #252424
}

.dark-theme input:-webkit-autofill {
	-webkit-text-fill-color: #E4E6EB !important
}

table.stockPosition th[aria-label*=" Inventory Code:"] {
	z-index: 1 !important
}

.dark-theme #templatesubmit #div_EditFields table > tbody > tr td, .dark-theme #templatesubmit #div_EditFields table > tbody > tr td input {
	background-image: url(../images/thought_bot_center.gif) !important
}

.dark-theme span.Widthlabel, .dark-theme span.qticker {
	border: 1px solid #4c4b4b !important;
	border-right: 1px solid #4c4b4b !important
}

.dark-theme #mutifunctionality {
	background: #ffffff29 !important
}

table#invoicegrid th[aria-label*="Item Status:"] div span.sort_icon:after, table#invoicegrid th[aria-label*="Item Status:"] div span.sort_icon:before {
	right: 25px !important
}

#popmodel table#tdsheetfedpaper tr th[aria-label="Cost Price ($)"] {
	padding-right: 5px !important
}

#popmodel table#tdsheetfedpaper tr th[aria-label^=Supplier] {
	padding-left: 7px !important
}

body.NormalBody .each_field .customCheckBox .customCheckSpan {
	width: 15px !important;
	height: 14px !important;
	top: 4px !important
}

	.customCheckBox .customCheckSpan:before, body.NormalBody .each_field .customCheckBox .customCheckSpan:before {
		width: 8px;
		height: 4px
	}

.customCheckBox .customCheckSpan {
	width: 15px !important;
	height: 14px !important;
	top: 3px
}

.EnableSheetCo, .StockSupplyy {
	float: right
}

.productdimensions .div_trim, .productinfo .specialcolour {
	clear: both
}

.estimate-summary-tabs .tabbable ul.nav-tabs {
	overflow-x: auto !important;
	overflow-y: hidden !important
}

.dark-theme .highlightfilter a.btn-default:hover {
	background: rgb(0 0 0 / 80%) !important
}

@media screen and (max-width:768px) {
	.addmoreinfobody .col-md-6.col-sm-6.col-xs-12:nth-child(2n), .addmoreinfobody .col-md-6.col-sm-6.col-xs-12:nth-child(odd) {
		padding-left: 12px !important;
		padding-right: 12px !important
	}

	ul.dropdown-menu.notelist.show {
		position: absolute;
		z-index: 999;
		background: #fff !important
	}

	.nav-tabs.nav-justified > li {
		flex: 1
	}

	.heightwidthsheetbooklet .col-sm-6:nth-child(2) {
		margin-top: 12px !important
	}

	.span.Widthlabel {
		width: 29px !important
	}

	#qtyinputs .col-sm-3 {
		padding: 0 !important;
		margin-right: 2px !important
	}

		#qtyinputs .col-sm-3 input {
			padding: 3px !important
		}

	.guttercustomize input {
		max-width: 140px !important
	}

	.estimateinfo #validfor + span {
		width: 100% !important
	}
}

@media screen and (min-width:1925px) {
	#suppliercostlist select.select-100-last + span, .multiplenew + span.select2 {
		width: 100% !important
	}
}

.dark-theme .icon-trash {
	color: #f44336 !important
}

.dark-theme .btn-arrow-active {
	background: #2196f3 !important
}

.dark-theme .content-wrapper, .dark-theme .customspace, .dark-theme .page-header-default .breadcrumb-line:not([class*=bg-]), .dark-theme .pageHeading, .dark-theme page-header-default .breadcrumb-line:not([class*=bg-]) {
	background-color: #000 !important
}

.dark-theme .footer {
	background-color: #000
}

.dark-theme .form-control {
	background: #3a3b3c !important
}

.dark-theme .btn-custom, .dark-theme span.Widthlabel {
	background-color: #4e4f50 !important
}

.dark-theme .btn-custom {
	color: #e4e6eb;
	transition: .3s;
	border-color: rgb(255 255 255 / 0%) !important
}

.dark-theme .modal-header {
	background: #0683fe
}

.dark-theme .btn.bg-primary:not(.action), .dark-theme .btn.bg-primary:not(.action):before, .dark-theme .btn.btn-primary:not(.action):not(.btnTheme):not(.btn-arrow), .dark-theme .btn.btn-primary:not(.action):not(.btnTheme):not(.btn-arrow):before {
	background: #0866ff !important;
	border: 2px solid #0866ff !important
}

.dark-theme .required .filename, .dark-theme .requiredInput, .dark-theme select.requiredInput + .select2.select2-container .selection .select2-selection {
	box-shadow: 3px 0 0 0 inset #c46735 !important
}

.dark-theme .btn.bg-slate {
	border: 2px solid #3a3b3c;
	transition: color .45s cubic-bezier(.785, .135, .15, .86),border .45s cubic-bezier(.785, .135, .15, .86)
}

.dark-theme .btn.bg-info-600, .dark-theme .btn.bg-info-600:before, .dark-theme .btnPrimary, .dark-theme .btnPrimary:hover {
	background: #0866ff !important;
	border-color: #0866ff !important
}

.dark-theme .bg-slate-700 {
	background: #3a3b3c;
	border-color: #3a3b3c
}

.dark-theme .editcustombtn .btn {
	color: #fff;
	background-color: #0866ff;
	border-color: #0866ff
}

@media (max-width:600 px) {
	.charly .form-group {
		margin-bottom: 0
	}
}

.dark-theme .btnDefault:before {
	background: #0866ff
}

@-moz-document url-prefix() {

	.datatable-scroll {
		scrollbar-width: thin;
		scrollbar-color: #888 #f1f1f1
	}
}

.datatable-scroll {
	scrollbar-color: #888 #f1f1f1
}

.dark-theme .btn-default {
	background: rgb(33 33 33 / 20%) !important;
}