.tox-promotion {
	display: none;
}

.position-relative {
	position: relative;
}

/****************************************************PiroWebV1Style start*******************************************************************/

.nano > .nano-pane > .nano-slider, .pace .pace-progress,
.scroll-top.in,
.k-checkbox:checked + .k-checkbox-label::before,
.k-checkbox:checked:focus,
.k-checkbox:checked
{
	background-color: var(--primary-color);
}

.k-checkbox:checked + .k-checkbox-label::before,
.k-checkbox:checked:focus,
.k-checkbox:checked 
{
	border-color: var(--primary-color);
}

.JobItemNotes {
	min-height: 25px;
	height: auto;
	overflow-x: hidden;
	overflow-y: auto;
	padding-left: 5px;
	padding-top: 4px;
	text-align: left;
}

.frontDialog {
	z-index: 999999
}

#JobItemNotesIcon {
	float: left;
	width: 34px;
}

.delete-button {
	border: 0 solid;
	background-color: transparent;
}

.edit-button {
	border: 0 solid;
	background-color: transparent;
}

.customModal {
	opacity: 0.6 !important;
	position: relative;
	z-index: 5;
}

label.black {
	color: #000;
}

.modal-content {
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	border: none;
	border-radius: 3px;
}

.modal-content.blue-bg {
	background-color: #95D9EA66;
}

.modal-content.green-bg {
	background-color: #93EF6D66;
}

.modal-content.red-bg {
	background-color: #FCA58566;
}

.modal-content.yellow-bg {
	background-color: #F4EB6066;
}

/*.customModalForDiv{
        z-index:101; 
		position: relative;
		opacity: 1;
}*/

.customButton {
	width: 50px;
	height: 25px;
}

.marginLeft4 {
	margin-left: 4px;
}

.LeftAlignedDiv {
	text-align: left;
}

.RememberMeCheckbox {
	margin-left: 54px !important;
}

input[type="radio"], input[type="checkbox"] {
	margin: 4px 4px 4px 0 !important;
}

.radioGroupWrapper > ul.parsley-errors-list {
	display: none;
}

.delete-item {
	margin: 0;
	padding: 0 !important;
}

.link_button {
	text-decoration: none;
	display: inline-block;
	background: none;
	border: 0 none;
	color: #3699d2;
	text-align: center;
	cursor: pointer;
}

	.link_button:focus {
		color: #226e99;
		border: 0 none;
		text-decoration: none;
		background: none;
	}

	.link_button:active {
		color: #226e99;
		border: 0 none;
		text-decoration: none;
		background: none;
	}

	.link_button:hover {
		color: #226e99;
		border: 0 none;
		text-decoration: none;
		background: none;
	}

.showColumnMenu {
	margin-left: 10px;
	text-align: left;
	width: 220px;
}

.gridImage,
.gridImage2,
.gridDefaultImage {
	margin-top: 2px;
	margin-bottom: 2px;
	width: 40px;
	height: 40px;
}

.job-notes-area {
	width: 100%;
}

.jobNotes {
	/*height:500px !important;*/
	max-width: 500px !important;
}

.jobOrderServices {
	/*height:500px !important;*/
	max-width: 555px !important;
}

/*.jobNotesFooter
{
    height:auto;
}

.jobNotesFooter > div:first-of-type
{
    margin: 10px;
    display:inline-block;
    width:auto;
}

.jobNotesFooter > div.modalDialogButtons {
	width: 95%;
	text-align: center;
}

#jobNotesContent
{
    margin-bottom : 3px;
    overflow-y: scroll;
    overflow-x: hidden;
    height:150px; 
}*/

.jobPrintButton {
	margin-top: 7px;
}

.JobNoteLink {
	color: #aaa;
}

	.JobNoteLink:hover {
		color: #333;
	}

	.JobNoteLink:focus {
		color: #333;
	}

/*.jobNotesWidget
{
    width:97% !important;
    height:140px !important;
    margin-left:2px !important;
    margin-bottom:0px !important;
}*/

.CommodityWidget {
	width: 100% !important;
	margin-left: 0px !important;
	margin-bottom: 0px !important;
}

.jobNotesPanel {
	width: 100% !important;
	height: 147px !important;
	/*overflow-y: scroll !important;*/
}

.jobNoteText {
	width: 316px !important;
	white-space: normal !important;
}

.jobNotestextHolder {
	min-height: 42px !important;
	height: auto !important;
}

.jobNotesDate {
	margin-top: -10px !important;
	width: 190px !important;
}

.logOutMenu {
	min-width: 135px !important;
	right: 0;
}

.jobQueueLoader {
	left: 49%;
	position: fixed;
	top: 49%;
	z-index: 999;
	/*width: 50px;*/
}

.disabled {
	opacity: 0.7;
	cursor: not-allowed;
	background-color: #eee;
}

#subitemsGridPartial td.disabled {
	pointer-events: none;
	cursor: default;
	opacity: 1;
	background-color: transparent;
}

.AutocCloseModalHeaderTitle {
	font-weight: bold;
	font-size: 18px;
}

.ellipsisForJQCustomerName {
	height: 38px;
	margin: 0 auto;
	overflow: hidden;
}

.infiniteList {
	/*width:167px !important;*/
}

#infiniteScroll {
	text-align: left;
	width: 100%;
}

.service-assigned-label {
	width: 30% !important;
}

.userassignment-body-top-text {
	text-align: left !important;
	width: 90% !important;
}

.userassignment-confirm-dialog {
	margin: 90px auto !important;
	width: 425px !important;
}


.userassignmentcancel-body-top-text {
	text-align: left !important;
	width: 100% !important;
}

.jobQueueRejectRadioDiv {
	padding-left: 15px;
}

.rightMargin {
	margin-right: 10px;
}

.ddlRejectService {
	padding-top: 8px;
	height: 30px;
}

	.ddlRejectService select {
		margin-left: 115px;
		width: 200px;
	}

.itemDeleteIcon {
	margin-left: 10px;
}

.editIcon {
	margin-left: 10px;
	background: transparent;
	border: 0px;
}

.subitemEditIcon {
	margin-left: 10px;
	background: transparent;
	border: 0px;
}


#radioItemtypeGroup {
	margin-left: 165px;
}

.radioItemType, radioServiceType {
	float: left;
	margin: 10px;
}

.margin-top-5 {
	margin-top: 5px;
}

.margin-left-2 {
	margin-left: 2px;
}
.margin-left-3 {
	margin-left: 3px!important;
}

.padding-bottom-10 {
	padding-bottom: 10px;
}


.k-header {
	text-align: center !important;
}

.serverErrorMessage {
	color: Red;
	text-align: center;
}

.current-market-price-chart-wrapper #chartGold,
.current-market-price-chart-wrapper #chartPlatinum,
.current-market-price-chart-wrapper #chartPalladium,
.current-market-price-chart-wrapper #chartSilver {
	height: 300px;
}

.current-market-price-save {
	margin: 20px 0 10px 0;
}

.success-margin {
	margin: 10px 0 20px 0;
	text-align: center;
}

.thumbNotAllowed {
	pointer-events: none;
}

	.thumbNotAllowed:hover {
		cursor: not-allowed !important;
	}

@media (min-width: 320px) and (max-width: 768px) {
	#infiniteScroll {
		/*text-align: center;*/
		/*margin-left: 20px;*/
		width: 100%;
	}

	.ddlRejectService select {
		margin-left: 0px;
		text-align: center;
		width: 200px;
	}
}

#locked_error {
	text-align: center;
	margin-bottom: 10px;
	color: red;
}

#error_div {
	color: red;
}

.nav-tabs li {
	border: 0px solid black;
}

#activityTypeTable {
}

.activityTypeTable th {
	border: 1px solid #EEEEEE;
	padding: 10px;
	text-align: center;
	background-color: #FBFBFB;
	width: 230px;
}

.activityTypeTable td {
	padding: 5px;
	width: 230px;
}

.activityTypeTable tr {
	border: 1px solid #EEEEEE;
	padding: 5px;
}

.left-aligned-text {
	text-align: left;
}

.big-modal-dialog {
	width: 1400px !important;
	max-width: 1400px !important;
}

/*Dialog related resize rules*/
.modal-with-numeric-inputs .form-group > .col-sm-2 {
	width: 35%;
}

.modal-with-numeric-inputs .col-lg-6 {
	width: 95%;
}

.modal-with-numeric-inputs .col-xs-2 {
	width: 22%;
}

/*Dialog related resize rules*/

.ItemWeightModeCheckbox {
	margin-right: 10px;
}

.enter-item-weight-input {
	margin-bottom:5px;
	display: inline-block !important;
	width: 75px !important;
}

.enter-item-weight-column {
	display: inline-block;
	width: 40%;
}

.enter-item-weight-column-large {
	display: inline-block;
	width: 42%;
}

.enter-item-weight-job-items {
	margin-bottom: 10px;
}

.enter-item-weight-column-medium {
	display: inline-block;
	width: 32%;
}

.enter-item-weight-column-small {
	display: inline-block;
	width: 15%;
}

.enter-item-weight-job-services {
	margin-bottom: 10px;
}

.finishServiceWithin {
	width: 240px;
}

.wf_servicWithin {
	width: 150px;
	float: left;
}

.nextLabel {
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	width: 25px;
}

.wf_FinishServiceByNextDay {
	float: left;
	width: 45px !important;
}

wf_FinishByReceivedByLabel {
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	width: 75px;
}

.wf_FinishByReceivedBy {
	float: left;
	width: 65px !important;
}

.prcingTypeOnWFI {
	float: left !important;
	width: 480px !important;
}

	.prcingTypeOnWFI div div .col-sm-3 {
		width: 120px !important;
	}

	.prcingTypeOnWFI div div label {
		width: 172px !important;
		margin: 0 !important;
		padding: 0 !important;
	}

.wfItems_laborPriceGrid {
	width: 640px;
	margin-left: 90px;
}

.wfItems_laborPriceGridAddNem {
	margin-left: 90px;
}

.laborPriceModal-label {
	margin-left: 10%;
	width: 25% !important;
}

.width-40-percent {
	margin-left: 5%;
	width: 40%;
}

.dasboradQuickLaunchUL {
	position: relative !important;
	min-height: 150px !important;
	padding-top: 55px !important;
}

.numeral {
	text-align: right;
}

li.k-item {
	text-align: left;
}

.k-grid .k-grid-content td > a[href]:not(.k-i-expand, .k-i-collapse),
.k-grid .k-grid-content td .entity-links > a[href]:not(.k-i-expand, .k-i-collapse) {
	text-decoration: underline;
}

.k-grid .k-grid-content td > a[href]:hover,
.k-grid .k-grid-content td > a[href]:hover:not(.btn),
.k-grid .k-grid-content td .entity-links > a[href]:hover:not(.btn) {
		text-decoration: none;
	color: #27333F !important;
	}


.grid-header-no-padding .k-grid-content {
	overflow-y: auto;
}

.grid-header-no-padding .k-grid-header,
.grid-header-no-padding .k-grid-footer {
	padding-right: 0 !important;
}

.max-height .k-grid-content {
	max-height: 400px;
}

.max-height600 .k-grid-content {
	max-height: 600px;
}

.max-height350 .k-grid-content {
	max-height: 350px;
}

.max-height150 .k-grid-content {
	max-height: 150px;
}

.collapsiblePanel {
	display: block !important;
}

.HeaderTitleTextContainer {
	margin-left: 228px;
}

.HeaderTitleTextSpan {
	height: 80px;
}

.HeaderLogoAndTextContainer {
	margin-left: 15px !important;
}

#addReasonModal .parsley-errors-list {
	display: none;
}

#generateInvoiceModal .parsley-errors-list {
	display: none;
}

.imagethumbnail {
	display: block;
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.428571429;
	background-color: #f5f5f5;
	border: 1px solid #dddddd;
	border-radius: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

	.imagethumbnail > img,
	.imagethumbnail a > img {
		display: block;
		max-width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

a.imagethumbnail:hover,
a.imagethumbnail:focus,
a.imagethumbnail.active {
	border-color: #3699d2;
}

.imagethumbnail .caption {
	padding: 9px;
	color: #333333;
}

.fileinput .imagethumbnail {
	overflow: hidden;
	display: inline-block;
	margin-bottom: 5px;
	vertical-align: middle;
	text-align: center;
}

	.fileinput .imagethumbnail > img {
		max-height: 100%;
	}

.form-group.has-warning .fileinput .imagethumbnail {
	border-color: #f3a641;
}

.form-group.has-error .fileinput .imagethumbnail {
	border-color: #e77755;
}

.form-group.has-success .fileinput .imagethumbnail {
	border-color: #aece4e;
}

.customerContactPersonDialog {
	max-width: 801px !important;
	width: 100% !important;
}

#customerContactPersonModal .modal-body .form-group > .col-sm-2 {
	width: 24%;
}

.customerShippingAddressDialog {
	max-width: 801px !important;
	width: 100% !important;
}

#customerShippingAddressModal .modal-body .form-group > .col-sm-2 {
	width: 24%;
}

.CTMetal {
	font-size: 17px;
}

.ellipsisForJQCTMetaltype {
	height: 27px;
	margin: 0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ellipsisForJQCTCode {
	height: 25px;
	margin: 0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.line-height15 {
	line-height: 14px;
}

.mce-path {
	display: none !important;
}

.DefaultLaborPrice {
	width: 150px;
}

.dashboard-quicklaunch-icon {
	vertical-align: bottom !important;
}

.salesOrderEmailItDialogHeight {
	min-height: 500px;
	height: 500px;
}


.select2-drop {
	transform: translateZ(2000px) !important;
	z-index: 999999 !important;
	position: absolute !important;
}

.Checker {
	float: left;
	margin-right: 5px !important;
}

.FusionChecker {
	margin-top: 10px !important;
}

.scrollbar-for-ipad {
	overflow-y: auto;
	max-height: 400px;
	height: 100%;
	max-width: 98%;
	width: 100%;
}

	.scrollbar-for-ipad::-webkit-scrollbar {
		-webkit-appearance: none;
	}

		.scrollbar-for-ipad::-webkit-scrollbar:vertical {
			width: 9px;
		}

		.scrollbar-for-ipad::-webkit-scrollbar:horizontal {
			height: 9px;
		}

	.scrollbar-for-ipad::-webkit-scrollbar-thumb {
		border-radius: 6px;
		border: 3px solid white;
		background-color: rgba(0, 0, 0, .6);
	}

.customPagerStyle {
	border-color: #c5c5c5;
	border-style: solid;
	border-width: 1px;
	border-radius: 1.0833em;
	cursor: pointer;
	float: left;
	height: 2em;
	line-height: 2em;
	margin: 0 0.08333em;
	text-align: center;
	min-width: 2em;
	color: #9f9e9e;
	opacity: 0.7;
}

.k-current-page {
	display: none !important;
}

.k-numerictextbox > .k-numeric-wrap > .k-select:hover {
	background-color: #ebebeb !important;
}

.k-numerictextbox > .k-state-hover {
	background-color: transparent;
}

.k-numerictextbox > .k-numeric-wrap > input {
	width: 98%;
	text-align: right;
	display: inline-block;
}

.simple-numeric-textbox {
	height: 1.65em;
	line-height: 1.65em;
	padding: .177em 0;
	text-indent: .33em;
	border: 0;
	margin: 0;
	width: 100%;
	text-align: right;
	display: inline-block;
}

tr.k-state-selected .simple-numeric-textbox {
	color: #333;
}

input.simple-numeric-textbox::-webkit-inner-spin-button,
input.simple-numeric-textbox::-webkit-outer-spin-button {
	opacity: 1;
	margin: -4px 0 -4px 5px;
	cursor: pointer;
}

.k-numerictextbox > .k-numeric-wrap > ul.parsley-errors-list {
	position: absolute;
	right: 0;
}

.k-widget .parsley-errors-list.filled {
	bottom: -19px;
	position: absolute;
	right: 0;
}

#ItemGroupComboDiv .form-group {
	height: 45px;
}

.rankButtons a:hover {
	cursor: pointer;
}

.rankChangeDisabled {
	pointer-events: none;
	cursor: default;
}

.truncate-gridColl {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}
/*disable hover for grid icons in view mode*/
.ci-inView {
	pointer-events: none;
}

.activeFilters {
	color: #bc401a !important;
}

#serviceTypeTable {
	background-color: inherit;
}

.short-label {
	margin-left: -20px;
}

.k-state-selected > td > a, .k-state-selected > td > div > a {
	color: #758697;
}

.k-state-selected > td > a:hover, .k-state-selected > td > div > a:hover {
	color: #758697;
}

.userAvatar {
	display: block;
	float: left;
	margin: 5px 5px 0 3px;
}

/*Grid header buttons*/

.GridHeaderCopyButtonLVL2 {
	content: url("../../Resources/Images/Icons/copy.png");
	margin-right: 3px;
}

	.GridHeaderCopyButtonLVL2:hover {
		content: url("../../Resources/Images/Icons/copy_black.png");
	}

.GridHeaderHoldButtonLVL2 {
	content: url("../../Resources/Images/Icons/pause.png");
	margin-right: 3px;
}

	.GridHeaderHoldButtonLVL2:hover {
		content: url("../../Resources/Images/Icons/pause_black.png");
	}

.GridHeaderContinueButtonLVL2 {
	content: url("../../Resources/Images/Icons/play.png");
	margin-right: 3px;
}

	.GridHeaderContinueButtonLVL2:hover {
		content: url("../../Resources/Images/Icons/play_black.png");
		margin-bottom: 13px;
	}

.GridHeaderConvertSOButtonLVL2 {
	content: url("../../Resources/Images/Icons/convert_so.png");
	margin-right: 3px;
}

	.GridHeaderConvertSOButtonLVL2:hover {
		content: url("../../Resources/Images/Icons/convert_so_blank.png");
	}

.GridHeaderConvertJOButtonLVL2 {
	content: url("../../Resources/Images/Icons/convert_jo.png");
	margin-right: 3px;
}

	.GridHeaderConvertJOButtonLVL2:hover {
		margin-bottom: 8px;
		content: url("../../Resources/Images/Icons/convert_jo_blank.png");
	}

.GridHeaderRecievedButtonLVL2 {
	content: url("../../Resources/Images/Icons/recieved.png");
	margin-right: 3px;
}

	.GridHeaderRecievedButtonLVL2:hover {
		margin-bottom: 13px;
		content: url("../../Resources/Images/Icons/recieved_blank.png");
	}

.GridHeaderPartRecievedButtonLVL2 {
	content: url("../../Resources/Images/Icons/part_recieved.png");
	margin-bottom: 13px;
	margin-right: 3px;
}

	.GridHeaderPartRecievedButtonLVL2:hover {
		margin-bottom: 13px;
		content: url("../../Resources/Images/Icons/part_recieved_blank.png");
	}

.GridHeaderPrintButtonLVL2 {
	content: url("../../Resources/Images/Icons/print.png");
	margin-right: 3px;
}

	.GridHeaderPrintButtonLVL2:hover {
		content: url("../../Resources/Images/Icons/print_blank.png");
	}

.GridHeaderPrintEnvelopButtonLVL2 {
	content: url("../../Resources/Images/Icons/print-envelope.png");
	margin-bottom: 13px;
	margin-right: 3px;
}

	.GridHeaderPrintEnvelopButtonLVL2:hover {
		margin-bottom: 13px;
		content: url("../../Resources/Images/Icons/print-envelope_blank.png");
	}

.GridHeaderPrintListButtonLVL2 {
	content: url("../../Resources/Images/Icons/print-list.png");
	margin-bottom: 13px;
	margin-right: 3px;
}

	.GridHeaderPrintListButtonLVL2:hover {
		content: url("../../Resources/Images/Icons/print-list_blank.png");
	}

.linkToDivAlignmentFix {
	margin-bottom: 13px;
	margin-top: 3px;
}

.GridHeaderStatusButtonLVL2 {
	content: url("../../Resources/Images/Icons/status.png");
	margin-bottom: 13px;
	margin-right: 3px;
}

	.GridHeaderStatusButtonLVL2:hover {
		content: url("../../Resources/Images/Icons/status_blank.png");
		margin-bottom: 13px;
	}

.GridHeaderAddInvoiceButtonLVL2 {
	content: url("../../Resources/Images/Icons/add_invoice.png");
	margin-right: 3px;
}

	.GridHeaderAddInvoiceButtonLVL2:hover {
		content: url("../../Resources/Images/Icons/add_invoice_blank.png");
	}

.GridHeaderStatusNewButtonLVL2 {
	content: url("../../Resources/Images/Icons/new.png");
	margin-right: 3px;
}

	.GridHeaderStatusNewButtonLVL2:hover {
		content: url("../../Resources/Images/Icons/new_blank.png");
	}

.GridHeaderAddSeparateJobButtonLVL2 {
	content: url("../../Resources/Images/Icons/separate_job.png");
	margin-right: 3px;
}

	.GridHeaderAddSeparateJobButtonLVL2:hover {
		content: url("../../Resources/Images/Icons/separate_job_blank.png");
	}

.GridHeaderRecievedButtonSpan {
	background-image: url("../../Resources/Images/Icons/recieved.png");
	background-repeat: no-repeat;
	margin-right: 3px;
	width: 20px;
	height: 23px;
	display: inline-block;
}

	.GridHeaderRecievedButtonSpan:hover {
		background-image: url("../../Resources/Images/Icons/recieved_blank.png");
	}

.mu_wrapper.general-icons a {
	display: inline;
	position: relative;
}

.inline_icon {
	/*display: inline;
	height: 34px;
	line-height: 32px;
	padding-left: 10px;*/
	position: absolute;
	z-index: 100;
	display: inline-block;
	right: -40px;
}

	.inline_icon a, .inline_list_icon a {
		cursor: pointer;
		margin-left: 5px;
	}

.inline_list_icon {
	position: absolute;
	z-index: 1000;
	display: inline-block;
	margin-left: 10px !important;
}

@media only screen and (max-width: 1024px) {
	.k-webkit .k-pager-numbers li:not(.k-current-page), .k-ff .k-pager-numbers li:not(.k-current-page), .k-ie11 .k-pager-numbers li:not(.k-current-page), .k-safari .k-pager-numbers li:not(.k-current-page) {
		display: inline-block;
	}

	.k-webkit .k-pager-numbers, .k-ff .k-pager-numbers, .k-ie11 .k-pager-numbers, .k-safari .k-pager-numbers, .k-webkit .k-grid .k-pager-numbers, .k-ff .k-grid .k-pager-numbers, .k-ie11 .k-grid .k-pager-numbers, .k-safari .k-grid .k-pager-numbers {
		position: relative;
		display: inline-block;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		margin-left: 0;
		overflow: visible;
		height: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.k-webkit .k-pager-numbers + .k-link, .k-ff .k-pager-numbers + .k-link, .k-ie11 .k-pager-numbers + .k-link, .k-safari .k-pager-numbers + .k-link {
		margin-left: 0;
	}

	.k-webkit .k-pager-numbers .k-state-selected, .k-ff .k-pager-numbers .k-state-selected, .k-ie11 .k-pager-numbers .k-state-selected, .k-safari .k-pager-numbers .k-state-selected, .k-webkit .k-pager-numbers .k-link, .k-ff .k-pager-numbers .k-link, .k-ie11 .k-pager-numbers .k-link, .k-safari .k-pager-numbers .k-link {
		padding: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		text-align: center;
	}

	.k-webkit .k-pager-nav.k-pager-first + .k-link, .k-ff .k-pager-nav.k-pager-first + .k-link, .k-ie11 .k-pager-nav.k-pager-first + .k-link, .k-safari .k-pager-nav.k-pager-first + .k-link {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

	.k-webkit .k-pager-numbers + .k-link, .k-ff .k-pager-numbers + .k-link, .k-ie11 .k-pager-numbers + .k-link, .k-safari .k-pager-numbers + .k-link {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
}

.gridInput {
	background-position: 0% 0%;
	background-color: none !important;
	border-left-style: none !important;
	border-left-color: inherit !important;
	border-left-width: medium;
	border-right-style: none !important;
	border-right-color: inherit !important;
	border-right-width: medium;
	border-top-style: none !important;
	border-top-color: inherit !important;
	border-top-width: medium;
	border-bottom-style: none !important;
	border-bottom-color: inherit !important;
	border-bottom-width: medium;
	background-image: none !important;
	background-repeat: repeat !important;
	background-attachment: scroll !important;
}

/***************************Dashboard***********************************************/

.proton-widget {
	width: 100%;
}

	.proton-widget .panel-heading i {
		padding-left: 0;
	}

.list-group-header {
	border-bottom: 2px solid #eeeeee;
	padding: 10px 10px 7px;
}

	.list-group-header .text-holder {
		display: table;
	}

		.list-group-header .text-holder span {
			width: 150px;
			font-weight: bold;
			display: table-cell;
		}

.proton-widget .list-group-header .header-col-title.last {
	position: absolute;
	right: 20px;
	width: 80px;
	text-align: right;
}

.proton-widget.messages {
	width: 100%;
}

	.proton-widget.messages .list-group-item .text-holder .title-text {
		font-weight: bold;
	}

.proton-widget.last {
	margin-right: 0;
}

.proton-widget.setup .front .icon-cog {
	visibility: visible;
}

.proton-widget .list-group-item .text-holder .title-text {
	font-weight: normal;
}

.no-touch .proton-widget .list-group-item:hover {
	cursor: auto;
}

.proton-widget .list-group-item a > i, .proton-widget .list-group-item a .text-holder {
	display: block;
	float: left;
	vertical-align: middle;
	height: 22px;
}

.proton-widget .list-group-item a > i {
	width: 40px;
}

.proton-widget .front .list-group {
	height: 200px;
	overflow-y: scroll;
}

.proton-widget .back .list-group {
	overflow-y: hidden;
}

.unscrollable {
	overflow-y: hidden !important;
}

.proton-widget .list-group-item {
	padding: 10px 15px 7px;
}

.no-touch .proton-widget.messages .list-group-item:hover a {
	color: var(--primary-text-color);
}

.proton-widget.messages .front .list-group-item {
	padding: 0;
	margin: 0;
}

	.proton-widget.messages .front .list-group-item a {
		padding: 4px 5px;
		;
		margin: 0;
	}

		.proton-widget.messages .front .list-group-item a .text-holder {
			height: auto;
			min-height: 41px;
			width: 90%;
			padding: 0 5px;
		}

.proton-widget .list-group-item a .text-holder span {
	max-width: 650px;
	width: 100%;
	white-space: normal;
	vertical-align: middle;
}

.proton-widget .list-group-item .stat-value {
	color: #333333;
}

.proton-widget .list-group-item a > i:first-child {
	font-size: 24px;
	text-align: center;
	margin-top: 3px !important;
	margin-bottom: 8px;
}

.proton-widget .list-group-item a .stat-value {
	top: 3px;
}

.proton-widget .list-group-item .stat-value i.icon-arrow-up {
	color: green;
}

.proton-widget .list-group-item .stat-value i.icon-arrow-down {
	color: red;
}

.proton-widget.jobs {
	width: 100%;
}

.panel-jobs .panel-heading i.toggle-widget-setup {
	background-color: #ea4801;
}

.proton-widget.jobs .j-summary {
	margin-top: 15px;
}

.j-summary .j-total, .j-summary .j-hold, .j-summary .j-progress {
	display: block;
}

.proton-widget .list-group-item a {
	width: 100%;
	height: 100%;
	display: inline-block;
	color: #333333;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	padding: 4px 10px;
}

	.proton-widget .list-group-item a:hover {
		color: var(--primary-text-color);
	}

	.proton-widget .list-group-item a.select2-choice:hover {
		color: #333;
	}

.csstransitions .proton-widget.messages > div {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.no-touch .proton-widget .front .toggle-widget-setup {
	opacity: 1;
}

.proton-widget > div {
	height: 255px;
}

#formDashboard .proton-widget > div {
	height: 264px;
}

#gridMessages .k-grid-header {
	display: none;
}

#gridMessages .k-grid-content {
	overflow-y: auto;
}

#gridMessages .glyphicon {
	font-size: 24px;
}

.notesRightSideInfo .stat-value {
	font-size: 13px;
}

@media screen and (max-width: 801px) {
	.proton-widget.messages .front .list-group-item .text-holder, .proton-widget.jobs {
		width: 100%;
	}

	.proton-widget.messages .panel .list-group .list-group-item {
		padding: 0 7px !important;
		margin: 0;
	}

		.proton-widget.messages .panel .list-group .list-group-item a {
			padding: 4px 0 !important;
			margin: 0;
		}

	.proton-widget .panel .list-group .list-group-item {
		padding: 10px 15px 7px !important;
	}
}

@media screen and (max-width: 528px) {
	.stat-value {
		display: block;
	}
}

@media (min-width: 480px) {
	.proton-widget {
		margin: 15px 30px 15px 0;
	}

		.proton-widget.messages {
			margin: 15px 0;
		}
}

.k-current-page {
	display: none;
}

.gauge {
	width: 70%;
	height: 100%;
	float: left;
}

.proton-widget .panel-jobs .panel-heading {
	background-color: #EA7001;
}

.proton-widget .panel-jobs {
	border: 1px solid #EA7001;
}

.overlayedHiddenText {
	width: 160px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.dashboard-page .title-bar > div {
	margin: 0 0 0 190px;
}

.dashboard-page .title-bar span {
	font-size: 32px;
	padding-top: 0;
}

#gridMessagesWrapper .k-grid td {
	white-space: unset;
}

#formDashboard #tileModal {
	padding-right: 25px;
}

#customAutoCloseDialog {
	overflow: hidden;
}

#infoMessage {
	padding-left: 0;
	max-height: 560px;
}

.eq-height1 {
	min-height: 294px;
}
/***************************Dashboard end***********************************************/


/***************************Detail form ***********************************************/
.performAction {
	cursor: pointer;
}

#customInfoWrapper.panel {
	margin-bottom: 0;
	border: none;
}

#customInfoWrapper .heading {
	background-color: #2d3b47;
	color: white;
	text-align: left;
	height: auto;
	float: left;
	width: 100%;
	padding: 0 20px;
}

#customInfoWrapper .panel-title {
	padding-left: 0px;
	font-size: 1.15em;
	font-weight: 400;
}

#customInfoWrapper .customLabel {
	padding-right: 0px;
	color: #a8b5c3;
	text-align: right;
}

#customInfoWrapper .padding-right-7 {
	padding-right: 7px;
}
.padding-left-0 {
	padding-left: 0px !important;
}
#customInfoWrapper .padding-left-0 {
	padding-left: 0px;
}

/***************************Detail form end*******************************************/

.notesRightSideInfo {
	text-align: right;
}

	.notesRightSideInfo .notesIcons {
		position: absolute !important;
		right: 175px !important;
		text-align: right !important;
		top: 11px !important;
	}

		.notesRightSideInfo .notesIcons .glyphicon-edit {
			top: 2px !important;
			cursor: pointer;
		}

		.notesRightSideInfo .notesIcons .glyphicon-remove {
			top: 3px !important;
			cursor: pointer;
		}

.proton-widget .list-group-item > i, .proton-widget .list-group-item .text-holder {
	min-height: 100%;
	height: 100%;
	max-height: 500%;
}

.form-group .parsley-custom-error-message {
	position: absolute;
	left: 15px;
	white-space: nowrap;
}

.wrongError.parsley-custom-error-message {
	top: 15px;
}

#attributesGroupDiv .form-group .parsley-custom-error-message {
	float: left;
	left: 0px;
}

.k-dropdown ul.parsley-errors-list, .k-datepicker ul.parsley-errors-list, .k-numerictextbox ul.parsley-errors-list {
	position: absolute;
	left: -15px;
	top: 32px;
	white-space: nowrap;
	padding-left: 0px;
}

.k-numerictextbox .parsley-conditionalrequired_price, #NewListDialogTableErrorMessage > li {
	text-align: left;
	padding-left: 15px;
}

.setup-content .form-group ul.parsley-errors-list, .form-group > div.col-sm-6, #CustomAttributeListDiv {
	position: relative;
}

	.setup-content .form-group .col-xs-3 .parsley-errors-list .parsley-custom-error-message, #CustomAttributeListDiv .form-group > div > ul > li {
		left: 0px;
	}

	.form-group #PreDefinedListNameDiv > ul, .form-group #NewListListNameDiv > ul, #NewListDialogTableErrorMessage, #CustomAttributeListDiv .form-group > div > ul {
		position: absolute;
		padding-left: 0px;
	}

#infoMessage > ul > li br {
	content: ''
}

nav.user-menu {
	height: 50px !important;
}

.dashboard-page .title-bar > div {
	height: 50px !important;
}

form .so-dirty {
	border-color: #bc401a;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(188, 64, 26, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(188, 64, 26, 0.6);
}

.display-none {
	display: none !important;
}

.display-block {
	display: block !important;
}

.display-inline {
	display: inline!important;
}

#btnHeaderPrintList > img:hover {
	content: url("../../Resources/Images/Icons/print-list_blank.png");
}

.AttributebasedUnitAmountListDeleteIcon {
	color: red;
}

	.AttributebasedUnitAmountListDeleteIcon:hover {
		color: red !important;
	}

.fileinput-preview {
	height: 150px !important;
	width: auto !important;
}

	.fileinput-preview img {
		height: 137px !important;
		width: auto !important;
	}

#AddPOItemsGrid th:first-child > a {
	width: 1px !important;
}

#AddPOItemsGrid th:first-child > span {
	width: 100%;
}

.serial-numbers-table {
	width: 100%;
	color: #333;
}

	.serial-numbers-table th {
		background-color: #f5f5f5;
	}

		.serial-numbers-table th input[type=checkbox] {
			margin-left: 5px !important;
			vertical-align: middle;
		}

	.serial-numbers-table th, .serial-numbers-table td {
		border: solid 1px rgb(204, 204, 204);
		padding: .5em .6em .4em .6em;
	}

		.serial-numbers-table th:nth-child(2), .serial-numbers-table th:nth-child(3),
		.serial-numbers-table td:nth-child(2), .serial-numbers-table td:nth-child(3) {
			width: 25%;
			text-align: center;
		}

.custom-alert-warning {
	background-color: rgb(252, 248, 227);
	border: solid 1px rgb(250, 235, 204);
	color: rgb(138, 109, 59);
	border-radius: 4px;
	padding: 15px;
}

.custom-alert-danger {
	background-color: rgb(242, 222, 222);
	border: solid 1px rgb(235, 204, 209);
	color: rgb(169, 68, 66);
	border-radius: 4px;
	padding: 15px;
}

.fade-enter {
	opacity: 0;
}

.fade-enter-active {
	transition: opacity 1s;
}

.fade-leave-active {
	transition: opacity 1s;
	opacity: 0;
}

.div-col-lg-4-float-none-for-centering {
	float: none;
	display: inline-block;
	width: 33%;
}

select option:disabled {
	background-color: #bfbfbf;
}

.iconLinkWrapper {
	position: relative;
}

.iconLinkChild {
	position: absolute;
	top: 0;
}

span.form-control.attribute-form-control {
	border: 0px solid #e9e9e9;
}

div.col-sm-3 > kendo-dropdownlist.form-control.attribute-form-control, div.col-sm-3 > kendo-datepicker.form-control.attribute-form-control {
	padding: 0;
}

div.col-sm-3 > kendo-numerictextbox.form-control.attribute-form-control {
	padding: 2px;
}

.k-list-container ul:not([id]) {
	max-height: 250px !important;
	overflow-y: auto;
}

.no-wrap-cell {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.k-grid .k-hierarchy-col {
	width: 30px !important;
}


/****************************************************PiroWebV1Style end*******************************************************************/


/****************************************************Custom start*******************************************************************/

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21.03.2014, 13:31:50
    Author     : dorvos emilian
*/
.DisabledCustName_1
{
    font-style: italic;
}
.DisabledCustName_0
{
    font-style: normal;
}
a { -webkit-user-select: none !important; 
    -webkit-touch-callout: none !important;
}

body, html{
    overflow-y: scroll;
    -webkit-touch-callout: none !important;
}

@font-face {
    font-family: 'Fontello';
    src: url('fonts/Fontello.eot');
    src: url('fonts/Fontello.eot?#iefix') format('embedded-opentype'), url('fonts/Fontello.woff') format('woff'), url('fonts/Fontello.ttf') format('truetype'), url('fonts/Fontello.svg#Fontello') format('svg');
}

.col-lg-12, .col-sm-12{
    padding-left: 0;
    padding-right: 0;
}

.fontello {
    font-family: 'Fontello';
    font-style: normal;
    position: relative;
    line-height: 1;
}

.fontello-dashBoard-icons{
    bottom: -3px !important;
}

.fontello-user-add:before { content: '\e804'; } /* '?' */
.fontello-print:before { content: '\e803'; } /* '?' */
.fontello-move:before { content: '\e802'; } /* '?' */
.fontello-cancel-circled:before { content: '\e801'; } /* '?' */
.fontello-comment:before { content: '\e800'; } /* '?' */
.fontello-user-delete:before { content: '\e805'; } /* '?' */
.fontello-user-add-1:before { content: '\e806'; } /* '?' */
.fontello-circle:before { content: '\e807'; } /* '?' */
.fontello-cancel-squared:before { content: '\e808'; } /* '?' */
.fontello-cancel-circled-outline:before { content: '\e809'; } /* '?' */
.fontello-th:before { content: '\e80a'; } /* '?' */
.fontello-wrench:before { content: '\e80b'; } /* '?' */
.fontello-chat:before { content: '\e80c'; } /* '?' */
.fontello-cube:before { content: '\e80d'; } /* '?' */

.fontello-right:before { content: '\e80e'; } /* '' */
.fontello-left-circled:before { content: '\e80f'; } /* '�?' */
.fontello-article:before { content: '\e810'; } /* '�?' */
.fontello-inbox:before { content: '\e811'; } /* '' */
.fontello-play:before { content: '\e812'; } /* '' */
.fontello-pause:before { content: '\e813'; } /* '' */

nav.main-menu{
    position: fixed;
}

/* vertical menu  */

.no-touch nav.main-menu li:hover ul,
nav.main-menu li.active ul {
	width: 250px;
}


nav.main-menu li li > a {
	width: 250px;
}


nav.main-menu li.has-subnav .nav-text {
	width: 200px;
}

.no-touch nav.main-menu:hover,
nav.main-menu.expanded {
	overflow-y: auto;
	overflow-x: hidden;
}

.jActions a{
    padding:0 2px 0 2px;
}

.logo {
    position: fixed;
    z-index: 5;
    -webkit-transform:translate3d(0,0,5px);
}

nav.main-menu:hover ul li ul.isOpened {
    width: auto !important;
    display: block;
}

nav.main-menu:hover ul li ul.isClosed {
    width: 0;
    display: none;
}

nav.main-menu li li a > i{
    padding-left: 40px;
}

nav.main-menu li li a > .nav-text{
    text-indent: 10px;
}

ul li.has-subnav ul{
    display: none;
}

ul li.has-subnav > ul a:hover {
    display: block;
}

/* end vertical menu  */

.dashboard-page .wrapper{
    /*left: 0;*/
    bottom: auto;
}

.scrollable{
    /*    position: relative;*/
    /*        height: auto !important;
            min-height: 100%;*/
    height: auto;
}

.login-page .wrapper .panel-heading {
    padding: 14px 15px;
}



.login-page .wrapper .panel-heading > div img {
	width: 220px;
	height: 55px;
}

.login-page .wrapper .panel-heading > div h1 .title {
	margin-top: 10%;
	font-size: 29px;
	line-height: 39px;
	font-weight: bold;
	letter-spacing: -1px;
}

.login-page .wrapper .panel-heading > div h1 .subtitle {
	font-size: 13px;
	line-height: 5px;
}

.login-page .footer{
    position: fixed;
    bottom: 0;
    height: 100%;
}

.login-page .footer .inner {
	width: 100%;
	position: fixed;
	bottom: 0;
}

.login-page .footer .inner > .copy-right {
	text-align: center;
}

.login-page .list-group-item:last-child{
    padding: 10px 0;
}

.login-page .panel-heading div{
    padding-left: 25px;
}

.login-page .panel-heading h1{
    text-align: left;
    position: relative;
    top:-11px;
}

.login-page ul.parsley-errors-list{
    width: 262px;
    margin-left: 13px;
    list-style-type: none;
}

ul.parsley-errors-list{
    list-style-type: none;
}

span ul.parsley-errors-list{
	margin: 0;
}

ul.parsley-errors-list li {
	text-align: left;
	color: #B94A48;
}

.login-page ul.parsley-errors-list li{
    width: 262px;
    text-align: right;
    color: #B94A48;
}

nav.user-menu .logo{
    width: 70px;
    height: 70px;
    float: right;
    z-index: 3;
    line-height: 81px;
}

.logo img{
    /*width: 220px;
    height: 55px;*/
    line-height: 55px;
}

nav.user-menu > section > a {
	margin: 0;
}

.HeaderLogoAndTextContainer {
	position: absolute;
}

nav.user-menu > section > a{
    padding: 0;
}

nav.user-menu .user-menu-wrapper {
    text-align: right;
}

.nav-username {
    margin-top: 8%;
}

span#current-date {
    display: table-cell;
}

.left{
    float: left !important;
}

.header-logo{
    margin-left: 15px;
    /*margin-top: -10px;*/
    /*    margin-left: 75px;*/
}

/*.customThumbModal{
        top:50%;
        margin-top:-250px;
}*/

.ngLabel{
    margin-top: 0 !important;
}

.dashboard-page .title-bar > div {
    width: auto;
    left: 0;
    margin: 0 0 0 280px;
}

.dashboard-page nav.dashboard-menu > a{
    margin-top: 3px;
}

.dashboard-page nav.dashboard-menu ul{
    right: 0;
    left: auto;
}


nav.main-menu li ul{
    position: relative;
    right: 0;
}


.container {
    height: auto !important;
    min-height: 100%;
    margin-top: 20px;
    max-width: 1169px;
    width:100%;
    /*    left: 30px;*/

}

.modal {
	overflow-y: auto;
	height: 100%;
	-webkit-transform: translate3d(0,0,1070px);
	z-index: 999999!important;
	background-color: rgba(89, 81, 108, 0.33);
}

.panel-header-filters{
    float: right;
    margin-top: -9px;
    width: 510px;
}

.header-filter-label{
    font-size: 14px; 
    float: left; 
    display: block; 
    line-height: 36px;
    text-align: right;
    padding-right: 0;
}

.panel-header-filters select{
    margin-right: 10px;
    margin-left: 15px;
    float: left;
    margin-bottom: 15px;
}

.panel-header-filters select.last {
	margin-right: 0;
}


.panel-header-filters > ul{
    display: none;
}

.header-filter{
    width: 200px;
}

.refreshInCombo{
    width: 100px;
}


.copy-right{
    margin-top: 20px;
}
.prcingTypeOnWFI > div > div > .col-sm-3{
    width:120px !important;
}

.col-lg-12 .form-group > .col-sm-3 {
	/*width: 80%;*/
	position: relative;
	display: block;
}

.col-lg-6 .form-group > .col-sm-3 {
	width: 60%;
	position: relative;
	display: block;
}

.prcingTypeOnWFI .col-lg-6 .form-group > .col-sm-3{
    width:120px !important;
}

.col-lg-12 .form-group > .col-sm-2 {
	width: 16%;
}

.col-lg-6 .form-group > .col-sm-2{
    width: 32%;
}

.modal-body .col-lg-6 .form-group > .col-sm-2-blank{
    width: 28%;
}

.form-horizontal .control-label {
	text-align: right;
	word-break: break-word;
	font-weight: bold;
	color: #27333F;
}

.setup-content .section-row .col-lg-6 .form-group .col-sm-8{
    text-align: left;
    padding-left:10px;
}

.form-inline .form-group{
    margin-bottom: 15px;
}

.form-group .table{
    background-color: #fbfbfb;
    margin: 0 auto 20px auto;
    width: 67%;
    max-width: 67%;

}

.form-group .table th:first-child, .form-group .table tr > td:first-child {
	text-align: left;
}

.form-group .table th, .form-group .table tr td {
	text-align: center;
}

.panel-footer{
    list-style: none;
}

.loginUserNameValidation #error-user-message{
    float: inherit;
    padding-bottom: 10px;
    padding-right: 64px;
    position: relative;
    text-align: right;
}

.loginPasswordValidation #error-password-message{
    float: inherit;
    padding-bottom: 10px;
    padding-right: 64px;
    position: relative;
    text-align: right;
}


#error-user-message, #error-password-message{
    /*position: absolute;*/
    z-index: 1;
    bottom: -12px;
    text-align: left;
    margin-left: 190px;
}
#UserNameRow>.col-lg-6>.form-group>#error-user-message{
   position: inherit;
   bottom: 6px; 
}
.text-danger
{
    float:left;
}
#formDashboard .text-danger
{
	float:none;
}

/*ul.dropdown-menu{
    background-color: #333333;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

ul.dropdown-menu li{
    background-color: #333333;
    color: #999999;
    text-align: left;
}*/

.panel.panel-block .list-group .shipping-address-wrapper{
    padding: 15px 20px 5px;
}

.if-unchecked{
    padding-bottom: 15px;
}


.modal .proton{
    max-width: 600px;
}

.modal-dialog-big
{
    max-width: 750px;
    position: relative;
    top: 30%;
    margin: auto;
	min-width: 700px;
	min-height:600px;
	max-height:800px;
}

.modal-body > p{
    margin-bottom: 20px;
}

.modal-body .form-group > .col-sm-2{
    padding-right: 0px;
    margin-left: 15px;
    width: 10%;
}

.modal-body .form-group .col-sm-7 ul.parsley-errors-list{
    width: auto;   
}

.modal-body .form-group .col-sm-7 ul.parsley-errors-list li {
	width: auto;
}

.screen-centered{
    height: 212px;
}

.screen-centered-modal-form{
    height: 350px;
}

.blank{
    height: 34px;
}

.blank-lg{
    height: 52px;
}

.col-md-3 {
    width: 26%;
}

.col-sm-2-3{
    width: 20%;
}

.panel.panel-block .list-group .billing-info-section{
    padding: 5px 30px 5px;
}

.billing-same-adress{
    margin-bottom: 15px;
}

.col-float-disabled{
    float: none;
}

.col-lg-12 .form-group {
	margin-bottom: 15px;
	position: relative;
}

.col-lg-6 .form-group{
    margin-bottom: 15px;
    position:relative;
}

.col-lg-4 .form-group{
    margin-bottom: 20px;
    position:relative;
}

.col-lg-6 .form-group p{
    padding: 0;
    display: inline-block;
}

.panel.panel-block .list-group .list-group-item {
    padding-bottom: 0;
}

.select::-ms-expand {
    display: none; /* hide default arrow in IE10 */
}

.select{
    background: url("../Images/select-arrow.png") no-repeat 100.5% -1px;
    background-color: #FFFFFF;
    text-indent: 0.01px;
    text-overflow: "";
    -webkit-appearance: none; /* gets rid of default appearance in Webkit browsers*/
    -moz-appearance: none; /* Get rid of default appearance for older Firefox browsers */
    -ms-appearance: none; /* get rid of default appearance for IE8, 9 and 10*/
    appearance: none;
}

.select{
    padding: 6px 8px;
    vertical-align: middle;
}

.select option {
	border-color: #E3E3E3;
	padding-left: 11px;
}
.form-group > div > .select
{
    padding-right: 20px !important;
}
/* ng-grid */
.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 100%; 
    text-align: center;
    /*    height: 100% !important;*/
}

.footer-template .ngPagerContainer{
    margin-top: 3px !important;
}


.ngCanvas{
    /*max-height: 600px;*/
    width: auto !important; 
}

.table-title{
    display: block;
    font-size: 23px;
    padding-bottom: 10px;
}

.ngGroupPanelDescription{
    text-align: left;
}

.text-to-left{
    text-align: left;
}

.text-to-right{
    text-align: right;
}

.text-to-center{
    text-align: center;
}

.ngPagerButton{
    height: 20px !important;
    vertical-align: top; // $Firefox
}

input.ngPagerCurrent{
    height: 20px !important;
    width: 60px !important;
    margin-top: 0 !important;
    line-height: 18px;
}

.ngRowCountPicker select{
    height: 20px !important;
    width: 50px !important;
    /*    margin-top: 4px;*/
}

.ngGrid-header{
    text-align: center;
}

.ngCell-checkbox{
    margin-top: 9px;
}

.ngCell-child{
    text-indent: 10px;
}

.cell-icon{
    color: #aaa;
    /*    margin-right: 11px;*/
    margin:0 3px;
}

.subitems-count{
    margin-right: 5px;
}

.scroll-in-cell{
    padding: 5px 3px;
    overflow-y:scroll; 
    height:34px;
}

.cell-icon:hover{
    color: #333 !important;
}

.ngViewport {
    overflow: hidden;
    /*height: auto !important;*/
    /*width: auto !important;*/
    /*min-width:900px;*/
    min-height: 30px;
    /*overflow-x:scroll;*/
}

.ngGrid{
    margin: 3px 0 3px 0;
}

.ngRow{
    width: 100% !important;
    border-bottom: 0;
}

.totalValue{
    text-align: right;
    padding: 3px 12px 0 0;
}

.grid-content{
    padding: 15px 15px 12px;
}

.ng-grid-content{
    padding: 15px 15px 12px;
}

.ngCell .spinner .btn{
    padding: 0.5px 4px;
    line-height: 0;
}

.ngHeaderButton{
    height: 18px;
    width: 18px;
    top:2px;
}

.ngHeaderButtonArrow{
    top: 7px;
    left: 5px;
}

/* ng-grid style end */

/*#imageModal{
    -webkit-transform: translate3d(0,0,1070px);
}

.modal-backdrop {
    -webkit-transform: translate3d(0,0,1040px);
}*/

.loader
{
    width: 40px;
    height: 40px;
    position: fixed;
    top: 50%;
    margin-top: -10px;
    left: 50%;
    margin-left: -10px;
}

#loader_global {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(68, 68, 68, 0.2);
	z-index: 9999999;
}

.expiration-month-separator{
    font-size: 26px;
    float: left;
    padding-left: 10px;
}    

.gender{
    padding-top: 6px;
}

.gender label {
	margin-right: 20px;
}

.radio-group{
    padding-top: 0;
    margin-top:-10px;
}

.radio-group-clean{
    margin: 0;
    padding: 0;
}

.radio-group label{
    margin-right: 6px;
}

.radio-vertical{
    margin-top: 10px;
    margin-left: 6px;
}

.radio-vertical .radio-group {
	float: none;
	display: block;
}

div.radio{
    margin-right: 0px;
}

input[type="radio"]{
    /*visibility: hidden;*/
}

.icon-info-sign{
    color: #ccc;
}

.section-row{
    float: left;
    width: 100%;
}


.section-group{
    width: auto;
    display: table-cell;
    vertical-align: top;
    height: 100%;
    padding: 15px;
}

.section-group .section-title {
	margin-top: 30px;
}

.section-expiration-month-block{

    width: 100%;
}

.dashboard-page .quick-launch-bar li, .dashboard-page .quick-launch-bar li a {
    width: 83px;
    min-height: 80px;
}

textarea.form-control {
    height: auto;
	margin-top: 5px;
}

.spinner{
    position: relative;
}

/* footer styles */


#footer{
    width: 100%;
    text-align: center;
    height: 43px;
    clear:both;
}

#footer-container{
    max-width: 1248px;
    height: 43px;
    margin: 0 auto;
}

.numeral{
    text-align: right;
}

.numeral-no-sign{
    text-align: right;
}

.collapsible-header .panel-heading h4{
    color: #333333;
}

.panel.panel-block .list-group a .panel-heading{
    padding: 10px 15px;
}

.modal-body .form-group .section-row{
    margin-bottom: 10px;
}

.checkbox-title{
    display: inline-block;
}

.section-inline .checker{
    margin-right: 0;
}

.scan-items-is-checked{
    display: inline-block;
    display: none;
    vertical-align: middle; //$Firefox
}

.section-inline{
    display: inline-block;
    vertical-align: middle;
    padding-top: 1px;
    margin-left: 5px;
    width: auto; //$Safari
}

.scan-items-is-checked .form-control{
    height: 33px;
}

.barcode-field{
    width: 180px; //$safari
}

.separator-bottom{
    position: relative;
    top:11px;
    border-bottom: 1px solid #eee;
}

.panel-heading .glyphicon-collapse-down, .panel-heading .glyphicon-collapse-up {
    float: right;
}
.form-control[disabled]{
    background-image: none;
}

.disabled-uneditable-input{
    background-color: #f9f9f9;
    cursor: not-allowed;
}

.relative {
	position: relative;
}

.star {
	position    : absolute;
    top         : 30%;
    right       : 0px;
}

.star-after {
	position: relative;
}

.star-after:after {
	position: absolute;
	top: 30%;
	right: -16px;
	content: "*";
}

.select2-container.select2-container-disabled .select2-choice, .select2-container.select2-container-disabled .select2-choices{
    background-color: #f9f9f9;
}

.linkAlignementWithProdServices{
    display: none;
}

div.checker {
    top:0;
    float: left;
}

.checkbox-section{
    padding: 5px 30px 5px;
}

.single-checkbox{
    margin-top: 20px;
}

.col-sm-2-blank{
    width: 34.3%;
    float: left;
    padding: 0 15px;
}

.col-sm-5-blank{
    width: 44%;
    float: left;
    padding: 0 15px;
}

.checkbox-text{
    width: 260px;
    max-width: 260px;
    margin: 0;
    display: inline-block;

}

.checkbox-text-full-width {
	margin: 0;
}

.col-sm-3-blank {
	width: 34.5%;
	float: left;
	padding: 0 15px;
}

.rankActions .rankIcons {
    margin-left: 3px;
    display: inline;
}

.rankActions .rankIcons > a {
	color: #aaa;
	margin-right: 2px;
}

.rankActions .rankIcons > a:hover {
	color: #333;
}

.cellText-before-icons{
    /*    margin-right: 2px;*/
}

.rotate90_r{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.rotate90_l{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mu_wrapper{
    display: inline;
    height: 34px;
    line-height: 32px;
    margin-left: 0px;
    /*float: left;*/
    margin-right: 3px;
}

.markup_mu_wrapper{
    display: inline;
    float: left;
    height: 34px;
    line-height: 30px;
    margin-left: -8px;
}

.has_mu{
    float: left;
}

.mu-spacer {
	margin-left: 2px;
}

.radio-group .radio input{
    margin-left: 2px;
}

.mu .checker{
    margin-left: -4px;
}

.fileinput .icon-camera{
    color: #333333;
    float: right;
}

.fileinput .icon-camera:hover {
	color: #3699d2;
}

.inbox-checkboxes{
    height: 98px; 
    overflow-y: scroll; 
}

.inbox-checkboxes .checker {
	margin-left: 0;
}

.inbox-checkboxes .inbox-checkbox {
	display: block;
}


.large-inbox
{
    width:120%;
    max-width: 300px;
    height: 141px;
}

.inbox-checkboxes-footer{
    width: 120%;
    max-width: 300px;
    height: 30px;
    border: 1px solid #eee;
}


.inbox-checkboxes-footer span {
	margin-left: 15px;
	margin-right: -15px;
	margin-top: 3px;
}

.inbox-checkboxes-footer .btn-small {
	padding: 0px 3px;
}

.form-control-small{
    width: 62%;
    float: left;
    margin-right: 3px;
    display: block;
}

.before-form-control-small{
    display: block;
    margin-top: -3px;
    height: 37px;
}

.radio-col-vAlign{
    margin: 2px 0 0 0;
}

.col-sm-6 .radio-col-vAlign{
    margin: 2px 0 0 6px;
}

.colorpicker-element .input-group-addon {
    background-color: #eee;
}

.btn-file ul{
    display: none;
}

.fileinput .thumbnail
{
    display:block;   
}

.sp-replacer{
    background-color: #f9f9f9;
    border: 1px solid #e3e3e3;
}

.jNotesWrapper, .proton-widget > div{
    margin: 0;
    width: 100%;
}

.proton-widget .list-group-item .stat-value {
    width: auto;
}


.proton-widget .list-group-item .text-holder span {
    display: block;
    overflow: visible;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
}

.auto-scrollable-box-vertical {
	overflow-y: auto;
	max-height: 60vh;
}
.scrollable-box-vertical{
    overflow-y: scroll !important;
	height: 60vh;
}
.scrollable-box-horizontal{
    overflow-x: scroll !important;
}

.no-touch .proton-widget .list-group-item:hover .notesIcons i {
    color: var(--primary-text-color);
}

.list-group-item .notesIcons{

}

.list-group-item .notesIcons i.glyphicon-remove{
    vertical-align:text-top;
}

.proton-widget .list-group-item > i, .proton-widget .list-group-item .text-holder {

}

.spinner ul.parsley-errors-list, .radio-col-vAlign ul.parsley-errors-list{
    display: none;
}


/*hidden items by default*/

.person-type-section, .company-type-section, .has-card, .if-billing-checked, .billing-same-adress, 
.if-unchecked, .ifHaveExt, .ifMappedToQB, .hasPortalAttr, .ifSKUIsAuto, .ifIncrementalNum, 
.hasCommonAttr, .useMuConversion, .descrAutoGen, .ifTypeIncrementalNum, .ifTypeSKUIsAuto, 
.haveDescription2, .haveDescription2, .description2Auto, .catPriceISOver, #trackInvLocDefaultLocation, 
.needsAddToCustomerInv, .hasCustomMarkup, #serviceTypehasAttrCheckboxRelatedAttrList, 
#assigToUserFromGroup, #delayedUserAssig, #moduleName, #JobQueueContainsModuleName,
#JobQueueContainsModuleNameFields, #jobQueueRank, #invoiceIssuedBeforeLeavingSrv,
#workflowItemRelatedTimingReceivedBy, #workflowItemRelatedTimingBusinessDays, #salesRepsOverrideChecked,
#changeShippingAddress,#changeBillingAddress,#showHideChangeBillingAddressSave,#showHideChangeShippingAddressSave,
#attrSelectionListSection, #attrFieldRelatedAction,#validationMethod, #errorMessage, #validationRegex,
#customAttrFileImageSettings, #fileIsDiskStorage, #customAttrImageFixedSize, #customAttrImageMinHeight,#customAttrImageMinWidth{
    display: none;
}


/* kendo grid */

#kendoGrid{
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.k-pager-numbers .k-state-selected {
/*    background-color: #52a3e7 !important;
    border-color: #52a3e7 !important;*/
}

.k-grid-header .k-header{
    text-align: center !important;
}

.k-widget.k-timepicker.k-header.form-control {
	height: auto;
	padding: 0;
}

.k-combobox, .k-datepicker, .k-timepicker, .k-datetimepicker, .k-colorpicker, .k-numerictextbox, .k-dropdown, .k-selectbox, .k-textbox {
	width: 100% !important;         /* fallback for browsers without support for calc() */
	padding: 0;
}

.k-pager-wrap .k-dropdown {
	width: auto !important;
}

.k-list-filter .k-textbox {
	width: 94% !important;
}

.form-control span[class^="k-"] {
	border-color: #e3e3e3;
}

.form-control span[class^="k-"]::before {
	content: none;
}

span.k-datepicker input.form-control, span.form-control .k-dropdown-wrap .k-input {
	height: 1.95em;
	line-height: 1.95em;
}

span.form-control .k-dropdown-wrap .k-input {
	text-align: left;
	padding-left: 12px;
}

.k-list-optionlabel {
	display: none;
}

/*kendo-combo*/
/*
.k-dropdown-wrap.k-state-hover, .k-dropdown-wrap.k-state-active, k-dropdown-wrap.k-state-focused{
	background-color: #fbfbfb !important;
	background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0) 100%);
	background-position: 50% 50%;
	border-color: #3699d2 !important;
}

.k-dropdown-wrap.k-state-default {
	background-color:  #fbfbfb !important;
	background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 0px, rgba(255, 255, 255, 0) 100%);
	background-position: 50% 50%;
}

.k-list-container {
	background-color: #fbfbfb !important;
	border-color: #3699d2 !important;
}*/

/*.k-list-container .k-item.k-state-focused, .k-list-container .k-item.k-state-selected {
	background-color: #fbfbfb !important;
	border-color: #fbfbfb !important;
	box-shadow: none !important;
}

.k-list-container .k-item.k-state-hover, .k-list-container .k-item.k-state-selected.k-state-focused.k-state-hover {
	background-color:  #3699d2 !important;
	border-color: #3699d2 !important;
	box-shadow: none !important;
}*/

/* Job Queue styles*/

.opacity .open > .dropdown-menu {
    max-height: 2000px;
}

.nav-tabs{
    margin-bottom: 20px;
    position: relative;
	border-bottom: 1px solid #eee;
}

.nav-tabs.scroll_tabs_container, .nav-tabs.scroll_tab_inner {
	border-bottom-width: 0px;
}

.jQueue{
    height: auto;
    width: auto;
    margin-bottom: 0;
}

.jQueue li {
	padding: 0;
	border: 1px solid #ccc;
	max-width: 180px;
	width: 100%;
	margin: 0 0px 10px 0;
	clear: right;
	display: inline-block;
	background-color: #fbfbfb;
}

.CTCardSize{
    height: 270px; 
    min-height: 270px;
    min-width:180px;
}

.CTCardSizeWithoutJAction{
    height: 245px; 
    min-height: 245px;
    min-width:180px;
}

.jQueue li:hover{
    cursor: pointer;
}

li.jDelay{
    border: 1px solid #EA0300;
}

li.jWarning{
    border: 1px solid #ffff00;
}

li.jHold{
    border: 1px solid #76B6EC;
}

li.jNormal{
    border: 1px solid #d1d9de;
}

li.jDelay,li.jWarning, li.jHold, li.jNormal {
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

li.jDelay:hover, li.jWarning:hover, li.jHold:hover, li.jNormal:hover {
	box-shadow: 0 5px 5px rgba(0,0,0,.25);
}

.PutJobOrderOnHold, .ContinueJobOrder{
    cursor:pointer;
}

.jQueue li{
    margin: 0 6px 6px 0;
}
ul.jQueue li img{
    height: auto;
    max-height: 160px;
    border: 1px solid #eee;
}

ul.jQueue li.jDelay img, ul.jQueue li.jWarning img{
    width: 100%;
}

.modal .imagePreview{
    max-width: 402px;
}

ul.jQueue li .jInfo {
	min-height: 55px;
	float: left;
}

ul.jQueue li .jIcons {
	width: 100%;
	height: 39px;
	background-color: #f6f8fa;
	padding: 4px 2px 4px 2px;
	text-align: center;
	clear: both;
}

ul.jQueue li .jPriority{
    display: inline;
    float: left;
    margin-left: 5px;
    margin-top: 2px;
}

ul.jQueue .pHigh{
    color: red;
}

ul.jQueue .pNormal{
    color: green;
}

ul.jQueue .pLow{
    color: gray;
}

ul.jQueue .pWhite{
    color: white;
}

.pASAP,
.pHigh{
    color: red;
}

.pMedium {
	color: navy;
}

.pUrgent{
    color: orange;
}

.pNormal{
    color: green;
}

.pLow{
    color: gray;
}

.pFastTouch {
	color: purple;
}

.pSpecialOrder {
	color: gold;
}

.pInternalRush {
	color: #dda0dd;
}

.pWhite {
	color: white;
}

ul.jQueue li .jDueDate span{
    margin-left: -12px;
}

ul.jQueue li .jIcons .jActions{
	display: inline-block;
}

ul.jQueue li .jIcons .jActions .btn.btn-icon {
	color: #2b435a;
}

ul.jQueue li .jIcons .jActions .glyphicon {
	top: 2px;
}

ul.jQueue li .jIcons .jActions > a {
	float: left;
	color: #333333;
	height: auto;
}

ul.jQueue li .jIcons .jActions > a:hover {
	color: #3699d2;
}

ul.jQueue li .jIcons .jActions .tooltip-inner {
	font-size: 12px;
}

.linkAlignementWithProdServices{
    padding-left: 0;
    margin-left: -15px;
    height: 75px;
}

/*.modal .imagePreview .modal-body{
    padding: 0;
}

.modal .imagePreview .modal-header{
    padding: 8px 15px 2px 15px;
}*/

ul.jQueue li a{
    height: 172px;
}

ul.jQueue li a.thumbnail {
	margin-bottom: 0;
	min-width: 20px;
	width: 178px;
	max-width: 100%;
	min-height: 50px;
	max-height: 170px;
	display: table-cell;
	vertical-align: middle;
	background-color: #fff;
}

.logo {
    position: relative;
    z-index: 5;
    -webkit-transform:translate3d(0,0,5px);
}

ul.jQueue li .col-srv-1{
    padding: 0 2px 0 2px;
    width: 50%;
    height: auto;
    border-bottom: 1px solid #ddd;
    float: left;
    text-align: center;
}

ul.jQueue li .col-srv-2{
    padding: 0 8px;
    width: 100%;
    height: 40px;
    /*border-top: 1px solid #ddd;*/
    border-bottom: 1px solid #ddd;
    float: left;
    text-align: center;
}

ul.jQueue li .lJobOrder {
	height: 20px;
}

ul.jQueue li .progress{
    height: 5px;
    margin: 5px 2px 5px 2px; 
}


ul.jQueue li.infiniteScrollLoad{ 
    margin-right: 2.8px !important;
}

.Imageloader-wrapper{
    display:block;
    width: 100%;
    height: 0;
    position: relative;
    left: 0;
    top:0;
}

.Imageloader-wrapper > div {
	min-width: 168px;
	max-width: 100%;
	text-align: center;
	height: 100%;
	vertical-align: top;
}

ul.jQueue li img.Imageloader{
    height: 32px;
    width: 32px;

}

.modal-body .lazy{
    width: 100%;
}

.animate {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.cursor-pointer {
	cursor: pointer;
}

/* start - customizable job queue styles */

#jobQueueApp {
	
}

#jobQueueApp .title-buttons-container {
	display: flex;
	align-items: center;
}

#jobQueueApp .title-buttons-container .panel-title,
#jobQueueApp .title-buttons-container #BulkActions {
	display: inline-block;
}

#jobQueueApp .queue-tabs {
	position: relative;
}

#jobQueueApp .queue-tabs .checkbox.select-all {
	position: absolute;
	left: 0;
	top: 8px;
	height: 20px;
	width: 20px;
	margin: 0!important;
	padding: 0!important;
}

#jobQueueApp .job-queue-view-modes li.active a{
	background-color: var(--primary-color-alpha);
}

#jobQueueApp .job-queue-view-modes li.active a:hover {
	background-color: var(--primary-color);
}

#jobQueueApp .job-queue-view-modes .active a,
#jobQueueApp .job-queue-card-modes .active a {
	background: none;
}

#jobQueueApp .loading-text {
	font-size: 13px;
	text-align: center;
	padding-top: 17px;
}

.job-queue-cards {
	display: flex;
	flex-wrap: wrap;
}

.job-queue-table-list{
	display: flex;
}

.job-queue-card {
	padding: 5px;
	margin: 0 6px 6px 0;
	border-style: solid;
	border-width: 1px;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	justify-content: flex-end;
}

.job-queue-card .checkbox {
	position: absolute;
	left: 12px;
	top: 10px;
	height: 20px;
	width: 20px;
	margin: 0!important;
	padding: 0!important;
}

.job-queue-card .no-image, 
.job-queue-card img {
		max-width: 100%;
	height: auto;
		display: block;
		margin: 0 auto;
}

.job-queue-card .buttons, 
.queue-image-viewer-buttons.buttons {
	background-color: #f6f8fa;
	padding: 4px 2px 4px 2px;
	text-align: center;
	margin: 0 -5px -5px;
}

.job-queue-card .buttons button, 
.queue-image-viewer-buttons.buttons button {
	border: none;
	margin: 0 2px;
	padding: 0;
}

.job-queue-card .progress {
	height: 5px;
	margin: 5px 2px 5px 2px;
}

.job-queue-card .attribute {
	position: relative;
	margin-bottom: 5px;
}

.job-queue-card .attribute input[type="text"],
.job-queue-card .attribute .attribute-ddl {
	margin-top: 10px;
	margin-bottom: 5px;
}

.job-queue-card .attribute input[type="checkbox"] {
	height: 15px;
	width: 15px;
}

.job-queue-card .attribute-name {
	
}

.job-queue-card .attribute-name.editable {
	font-size: 12px;
	font-weight: bold;
}

.job-queue-card .attribute-name.editable.txt,
.job-queue-card .attribute-name.editable.ddl{
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: -9px;
	background-color: #fff;
	left: 5px;
	padding: 0 5px;
	z-index: 1;
}

#jobQueueImageModalApp .imagePreview {
	max-width: 500px;
} 

/* end - customizable job queue styles */

/* end Job Queue styles*/

/* Casting tree styles  */
.jct-title{
    display: block;
    text-align: center;
    font-size: 12px;
    padding: 2px 0;
}

.text14{
    font-size: 14px;
}

.border-right{
    border-right: 2px solid #ddd;
}

.three-columns{
    width: 100%;
    height: auto;
    
}
.three-columns > div {
	text-align: center;
	width: 33%;
	float: left;
	padding: 0 8px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

/* Casting tree styles  */


/*  scrollTabs styles */


.scroll_tabs_container ul.scroll_tab_inner li{
    background-color: #fff;
    display: inline-block;
    padding-left: 0px;
    padding-right: 0px;
}

.nav-tabs > li{
    float: none;
    display: inline-block;
}

.scroll_tab_left_button, .scroll_tab_right_button{
    border-radius: 4px;
    border: 1px solid #e3e3e3 !important;
    background-color: #fff !important;

}

.scroll_tab_left_button:hover, .scroll_tab_right_button:hover {
	background-color: #eee !important;

}

.scroll_tabs_container .scroll_tab_right_button:before{
    padding-left: 9px;
}

/* end scrollTabs styles */

.modal-content .jIcons .jActions > a{
    display: inline-block;
}

.modal-footer .jIcons{
	text-align: center;
}

.panel-header-filter-view-mode {
	display: inline-block;
	padding: 9px 3px 0px 0px;
}

.panel-header-filter-mobile{
    position: relative;
    display: block;
    float: right;
}

.refreshIn-dropdown{
    float:left;
    /*width: 32px;*/
}

.queue-refresh-in-list {
	top: 26px;
	left: 65px;
}

.sortBy-dropdown-menu {
	top: 26px;
	left: -137px;
}

.routeJobQueueHeader{
    float:left;
}

.addJobQueueHeader{
    float:left;
    margin-left:5px;
}

.header-filter-mobile{
    display: none;
    width: 125px;
    position: relative;
    float: right;
    z-index: 998;
    margin-right: 50px;
    line-height: 50px;
    height: 50px;
}

.header-filter-mobile > div {
	margin-right: 5px;
}


.general-icons a.dropdown-toggle{
    margin-right: 5px;
}

.general-icons a i,.general-icons a .caret{
    color: #333333;
    font-size: 14px;
}

.general-icons a:hover .caret {
    color: #3699d2;
}

.general-icons a:focus .caret{
    color: #3699d2;
}

.titleIcons a .caret {
    color:#CCCCCC;
}

.titleIcons a:hover .caret {
    color: #333333;
}

.titleIcons a:focus .caret{
    color: #333333;
}

.refreshIn-dropdown ul{
    /*margin-left: -30px;*/
    min-width: 60px;
}

.sortBy-dropdown{
    float: left;
}

.dropdown-menu-item-active{
    background-color: #5fa2db;
    color: var(--primary-text-color) !important;
}

.general-icons .tooltip-inner{
    font-size: 12px;
}

nav.user-menu i{
    height: 100%;
}

.filtersSection a{
    position: fixed;
    right: 0;
    width: auto;
    height: auto;
    padding: 14.5px;
    border: 1px solid #e3e3e3;
    border-bottom: none;
    background-color: #ffffff;
    display: none;
    z-index: 1000;
    box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.05);
}

.filtersSection a:hover {
	background-color: #F9F9F9;
}

.filtersSection a.clicked {
	color: #3699d2;
}

.filtersSection .showFilters{
    display: none;
}

.filtersSection .hideFilters{
    color: #3699d2;
    -webkit-box-shadow: inset 1px 0.5px 2px rgba(2,2,2,0.3), 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 1px 0.5px 2px rgba(2,2,2,0.3), 0px 0px 0px rgba(255,255,255,1);
    box-shadow: inset 1px 0.5px 2px rgba(2,2,2,0.3), 0px 0px 0px rgba(255,255,255,1);
}

.filtersSection .hideFilters i {
	color: #3699d2;
}

.hiddableFilters{
    display: block;
}

.red-text{
    color: red;
}

.col-in-col-operator{
    display: block;
    text-align: center;
    float: left;
    margin-left: 10px;
    line-height: 32px; 
}

.col-in-col #priceQuoteCost{
    margin-top: 5px !important;
    margin-left: 33px;
    display: inline-block;
}

#itemsCostToOverride div ul, #serviceCostToOverride div ul{
    display: none;
}

.collapsible-header h4, .collapsible-header h4 i{
    color: #333333;
}

.hiddableFilters .panel-body{
    padding: 26px 15px 0;
}

.modal-body .radio-group{
    margin-top: -4px;
}

.modal-body .radio-group .radio {
	min-height: 40px;
}

ul.jQueue li.infiniteScrollLoad{
    margin-right:2.8px;
}

#tblAttributePrices th, #tblAttributePrices td {
	text-align: center;
}

#dlgManageAttributePrices .form-horizontal {
    overflow: auto;
}

#tblAttributePrices .range-input {
    width: 43%;
    display: inline;
}

#lblAttributeBasedPriceMessage {
	font-size: 14px;
}

.delete-link {
    cursor: pointer;
}

#tblAttributePrices td {
    padding: 3px;
}

@media screen and (max-width: 1199px) {
    .blank, .blank-lg{
        display: none;
    }

    .checkbox-section{
        text-align: center;
    }

    .modal-body .col-lg-6 .form-group > .col-sm-2-blank{
        width: 26%;
    }

    .col-sm-2-blank{
        width: 33.7%;
    }

    .col-sm-5-blank{
        width: 43%;   
    }

    .col-lg-11 .form-group > .col-sm-2{
        width: 32%;
    }

    .radio-vertical{
        margin-left: 0;
    }
} 

@media screen and (max-width: 991px) {
    .col-md-3{
        float: left;
    }
}

@media screen and (max-width: 801px) {
    .form-horizontal .control-label{
        text-align: left;
    }

    .customNavForJobQueue{
        display: none;
    }


    .HeaderTitleTextContainer
    {
        margin-left:50px;
    }

    .HeaderTitleTextSpan
    {
        height:40px; 
    }

    .HeaderLogoAndTextContainer
    {
        margin-left:35px !important;
    }

    .nav-username, #current-date, .userAvatar{
        display: none !important;
    }

    .user-menu-wrapper .opacity .dropdown-menu{
        display: none;
    }

    .dashboard-page .title-bar > div{
        height: 65px;
        line-height :65px;
        /*left: -30px;*/
    }

    .dashboard-page .title-bar{
        width: 100%;
        position: fixed;
        z-index: 3;
    }

    .dashboard-page nav.user-menu .user-menu-wrapper{
        z-index: 4;
        position: fixed;
    }

    .header-filter-mobile{
        position: fixed;
        right: 0px;
    }

    .dashboard-page .title-bar div span{
        font-size: 20px;
    }

    .logo img{
        width: 150px;
        height: auto;
    }
    
    .dashboard-page .title-bar > div {
    	margin: 0 0 0 210px;
    }

    nav.user-menu .logo{
        width: 48px;
        /*height: 60px;*/
    }

    .container{
        margin-top: 85px;
    }

    .customerContactPersonDialog{
        max-width:680px !important; 
        width:100% !important;
    }
    
    .col-sm-2-blank
    {
        display: none;
    }

    .col-sm-5-blank
    {
        display: none;
    }

    .col-sm-3-blank
    {
        width: 15px;
        padding: 0 0;
    }

    .form-horizontal .form-group{
        padding-left: -8px;
        padding-right: -12px;
    }

    div.checker {
        margin-left: 13px;

    }

	.dangerDiv {
		display: flex;
	}

	.col-lg-12 .form-group > .col-sm-3 {
		width: 95%;
		float: left;
		position: relative;
		display: block;
	}

    .col-lg-6 .form-group > .col-sm-3{
        width: 95%;
        float: left;
        position:relative;
        display:block;
    }

    .col-lg-6 .form-group > .col-xs-2{

        /*        float: left;*/
        min-width: 100px;
    }

    .col-xs-2{
        min-width: 100px;
    }

    .col-lg-6 .form-group > .col-sm-2, .col-lg-6 .form-group > .col-sm-5{
        //width: auto;  //modified +++-+++
        padding-right: 5px;
        display: block;
        margin-bottom: 0;
    }

    .col-md-3{
        width: 48.5%;
    }

    .modal-dialog{
        margin: 30px auto;
        padding: 0 20px;
    }

    .modal-body .form-group > .col-sm-2{
        margin-left: 0;
    }

    .section-expiration-month-block{
        float: left;
    }

    .scrollable{
        -webkit-overflow-scrolling: touch;
    }

    ul.jQueue li .col-srv-2{
        border-bottom: none;
    }
    .non-mobile{
        display: none;
    }
    ul.jQueue li{
        height: 137px;
        max-width: 90px !important;
        margin-right: 0px;
        /*margin-bottom: 3px;*/
    }
    
	ul.jQueue li.jct-card {
		height: 195px !important;
		max-width: 90px !important;
		margin-right: 0px;
	}
    .CTCardSize{
        height: 137px !important;
        max-width: 90px !important;
    }

    ul.jQueue li img{
        height: auto;
        width: auto;
        max-height: 81px;
    }

    ul.jQueue li .jIcons{
        /*font-size: 16px;*/
        font-size: 18px;
        margin-top: -1px;
    }	

    ul.jQueue li.jDelay img, ul.jQueue li.jWarning img{
        max-width: 160px;
        width: 100%;
        max-height: 79px;
    }

    ul.jQueue li a{
        max-height: 90px;
        height: 90px;
    }

    .jInfo{
        min-height: initial;
    }

    ul.jQueue li .jIcons div{
        display: none;
    }


    .glyphicon, .fontello{
        font-size: 16px;
    }

    .linkAlignementWithProdServices{
        display: block;
    }

    /*    .nav-tabs{
            display: none;
            position: relative;
        }*/

    .responsive-tabs{
        display: block;
    }

    .single-checkbox{
        margin-top: 0;
    }

    .checkbox-blank-col{
        display: none;
    }

    .mu_wrapper{
        display: inline;
        height: 34px;
        line-height: 30px;
    }

    nav.user-menu{
        height: 40px;
    }

    .markup_mu_wrapper{
        display: inline;
        height: 34px;
        line-height: 30px;
        float: none;
    }

    .container{
        height: auto;
        margin-bottom: 0;
    }

    .no-touch nav.main-menu li:hover > a,
    nav.main-menu li.active > a {
        color: #999999;
        background-color: #333333;
    }

    .hiddableFilters{
        display: none;
    }

    .filtersSection a{
        display: block;
    }

    .filtersSection .showFilters, .filtersSection .hideFilters{
        display: block;
    }

    .col-in-col{
        display: inline;
        float: none;
    }

    .panel .list-group .list-group-item h4:first-of-type{
        display: none;
    }

    .panel .list-group .list-group-item{
        padding-left: 5px !important;
        padding-right: 0px !important;
    }

    .header-filter-mobile{
        display: block;
    }

    .modal-content .jIcons {
        width: 100%;
        height: auto;
        font-size: 30px ;
        text-align: center;
        border-top: 1px solid #ddd;
    }

	.modal-content .jIcons .glyphicon {
		font-size: 25px;
		top: 4px;
	}

	.modal-content .jIcons .fontello {
		font-size: 25px;
		top: 4px;
	}

    .IsUnique-label {
        display:none !important;
    }
}

@media screen and (max-width: 785px){
    .panel-header-filters{
        margin-top: 30px;
        float: left;
        width: auto; 
        margin-left: -15px;
    }

    ul.jQueue li a.thumbnail{
        margin-bottom: 0;
        min-height: 87px;
    }

    .panel-header-filters select{
        display: block;
    }
}

@media screen and (max-width: 403px){
    .header-filter-label{
        line-height: 20px;
    }

    .refreshIn{
        line-height: 36px;
    }

    ul.jQueue li a.thumbnail{
        margin-bottom: 0;
        min-height: 87px;
    }
}

@media screen and (min-width: 1323px){
    .jQueue li{
        /*margin: 0 10px 10px 0;*/
    }

    /*.jQueue li:nth-child(6n){
        margin: 0 0 10px 0;
    }*/

    /*    117 li.infiniteScrollLoad{
            margin: 0 3px 5px 0;
        }*/


}

@media screen and (max-width: 673px){

    .panel-header-filters select{
        display: block;
    }
}

@media screen and (max-width: 611px) {
    .ngRowCountPicker{
        display: none;
    }

    .dashboard-page .title-bar > .title-text{
        width: 167px;
    }

    .scrollable{
        -webkit-overflow-scrolling: touch;
    }
}

@media screen and (max-width: 395px){
    .ngFooterTotalItems{
        display: none;
    }
}

@media screen and (max-width: 479px) {
    body, html{
        height: 100%;
    }

    nav.main-menu{
        position: fixed;
        margin-top: 40px;
    }

    nav.user-menu .user-menu-wrapper {
        margin-right: 4%;
    }

    nav.user-menu{
        height: 40px;
        position: fixed;
        z-index: 998;
    }

    .dashboard-page .title-bar{
        position: relative;
        z-index: 999;
        width: 0;
    }

    .container{
        margin-top: 20px;
    }

    .proton-widget .list-group-item .text-holder span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 150px;
    }

    .user-menu-wrapper{
        display: none;
    }

    nav.user-menu .main-menu-access{
        padding: 0px 17px;
    }

    .user-menu-wrapper #current-date{
        font-size: 13px;
    }

    .logo{
        display: none;
    }


    .dashboard-page .title-bar > div{
        left: 0;
        position: fixed;
    }

    .wrapper{
        bottom: 0 !important;
    }

    .login-page ul.parsley-error-list{
        margin: 0 auto;
    }

	.login-page ul.parsley-error-list li {
		margin: 0;
		margin-left: -38px;
	}

    .modal-dialog{
        width: auto;
        margin: 10px;
    }

    .dashboard-page .title-bar > div{
        width: auto;
        height: 40px;
        z-index: 999;
        /*left: 20px;*/
    }

    .dashboard-page .title-bar div span{
        padding-top: 0;
        font-size: 18px;
        width: 100%;
        z-index: 999;
    }

    .dashboard-page .title-bar > .title-text{
        /*width: auto;*/
        /*margin: 0 auto;*/
    }

    .scrollable{
        -webkit-overflow-scrolling: touch;
    }

    .nav-username{
        display: none;
    }


    .user-menu-wrapper .opacity .dropdown-menu{
        display: none;
    }

    .title-bar{
        height: 40px;
    }

    .header-filter-mobile{
        margin-right: 20px;  
        line-height: 40px;
        height: 40px;
        position: fixed;
        right: 20px;
        width:125px;
    }

    .filtersSection a{
        padding: 9px;
    }

	.col-lg-12 .form-group > .col-sm-3 {
		width: 92%;
	}

	.col-lg-6 .form-group > .col-sm-3 {
		width: 92%;
	}

    .col-xs-3, .col-xs-4{
        width: 92%;
    }

    .col-in-col{
        margin-bottom: 0;
    }

	.col-in-col .mu_wrapper {
		float: left;
	}

    .col-in-col-operator{
        display: block;
        text-align: center;
        margin-left: 0;
        float: none;
    }

    .checkbox-text{
        width: 80%;
    }

    /* vertical menu  */

    .no-touch nav.main-menu li:hover ul,
    nav.main-menu li.active ul{
        width: auto;
    }

    nav.main-menu li li > a{
        width: 100%;
    }

    nav.main-menu li.has-subnav .nav-text{
        width: auto;
    }

    .stat-value{
        display:none;
    }

    /* end vertical menu  */
}

@media screen and (max-width: 365px) {
    .login-page .panel-heading div{
        padding-left: 0;
    }

    .section-group{
        display: block;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2)  and (max-width: 801px){
    .dashboard-page .quick-launch-bar li, .dashboard-page .quick-launch-bar li a {
        margin-top: 50px;
    }
}

@media (min-width: 480px){
    .wrapper p{
        padding: 0;
    }
}

@media (max-width: 480px){
    .dashboard-page .title-bar > div {
    	margin: 0 0 0 110px;
    	line-height: 40px;
    }
}


.gridImage,
.gridImage2,
.ItemTypeGridImageBox {
    cursor:pointer;
}

.subitemEditIcon .glyphicon-list-alt{
    cursor:pointer;
}

/* iPad 1 & 2 Media Queries on landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1){ 

    .modal-content .jIcons .glyphicon{
        top: 4px;
        font-size: 40px;
    }
    .modal-content .jIcons .thumbIcon{
        font-size: 40px ;
        top: 4px;
    }

    ul.jQueue li .jIcons{
        font-size: 24px;
    }
	ul.jQueue li .jIcons .jActions {
		width: 140px;
	}
    .jActions a {
        margin-right:4px;
    }

    ul.jQueue li a.thumbnail{
        max-height:158px !important;
        min-height:158px !important;
    }

    ul.jQueue li img{
        max-height: 155px !important;
    }

    ul.jQueue li .jIcons .jActions{
        width: 142px;
    }
}

.success {
	float: none;
	color: #5cb85c;
}

.error {
	color: 	#d9534f;
}

.attributePriceListCombo {
	padding-bottom: 10px;
}

.attributePriceListCombo .control-label {
	width: 180px !important;
}

.error-border {
	border: solid 1px #d9534f !important;
}

/*!
* jquery.fixedHeaderTable. The jQuery fixedHeaderTable plugin
*
* Copyright (c) 2011 Mark Malek
* http://fixedheadertable.com
*
* Licensed under MIT
* http://www.opensource.org/licenses/mit-license.php
* 
* http://docs.jquery.com/Plugins/Authoring
* jQuery authoring guidelines
*
* Launch  : October 2009
* Version : 1.3
* Released: May 9th, 2011
*
* 
* all CSS sizing (width,height) is done in pixels (px)
*/

/* @group Reset */

.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
	/* position */
    margin: 0;
    
    /* size */
	padding: 0;

	/* text */
	/*font-size: 100%;
	font: inherit;*/
	vertical-align: top;
	}

.fht-table {
	/* appearance */
    border-collapse: collapse;
    border-spacing: 0;
	}

/* @end */

/* @group Content */

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
	/* appearance */
	overflow: hidden;
	
	/* position */
	position: relative;
	}

	.fht-table-wrapper .fht-fixed-body .fht-tbody,
	.fht-table-wrapper .fht-tbody {
		/* appearance */
	overflow: auto;
}

.fht-table-wrapper .fht-table .fht-cell {
	/* appearance */
	overflow: hidden;
	/* size */
	height: 1px;
}
	
.fht-table-wrapper .fht-fixed-column,
.fht-table-wrapper .fht-fixed-body {
	/* position */
	top: 0;
	left: 0;
	position: absolute;
}

.fht-table-wrapper .fht-fixed-column {
	/* position */
	z-index: 1;
}

/* @end */

.HideValidateControl
{
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
}

#divAttributePricesContainer th {
	text-align: center;
}

.level3-icon{
	padding-left:65px !important;
}

.has-filter{
	color:#bc401a !important;
}

.k-tooltip.k-widget{
	background-color: #CC0000;
}

.k-callout-w{
	border-right-color: #CC0000 !important;
}

/*.UserImagePreview
{
    top: 5%;
}*/
.FusionBusinessType
{
    float: left;
}


.ComboColumn1 {
		width: 50%;
		float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ComboColumn2 {
	width: 30%;
	float: right;
}

.Combo3Column1 {
	width: 50%;
	display: inline-block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis !important;
}

.Combo3Column2 {
	width: 25%;
	display: inline-block;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis !important;
}

.Combo3Column3 {
	width: 15%;
	display: inline-block;
	float: right;
	overflow: hidden;
	text-overflow: ellipsis !important;
}

/*Carousel Dialog CSS*/
	.Imagefade {
		min-height: 250px;
		justify-content: center;
		align-items: center;
	}

	.Imagefade > img {
		max-height: 100%;
		max-width: 100%;
	}

	.Thumbnail.active
	{
		border: 1px solid red;
	}

	.ImageControlls{
		margin-top:10px
	}

	#viewImages{
		cursor: pointer;
	}

#viewImages:hover {
		text-decoration: underline;
	}

	/* CSS for disabled Breeze controlls*/

.disabledInBreeze, .disabledInBreeze > span.k-dropdown-wrap {
	background-color: #f9f9f9 !important;
	cursor: not-allowed !important;
	color: #c4c4c4 !important;
	opacity: 0.7;
}

		/*old bg color - #f9f9f9; font color also changed*/

	.disabledMenuInBreeze{
		background-color: #6d6d6d !important;
		cursor: not-allowed !important;		
		color: #c4c4c4 !important;
		font-style: italic;
	}
	
	.lockedButtonInBreeze	{
		background-color: #bfbfbf !important;
		cursor: not-allowed !important;
		opacity: 1;
		color: black !important;
		font-style: italic !important;
		border-color: #bfbfbf !important;
	}

	/*class to remove the top padding in POS*/

	.Pos_Fusion_Container{
		padding-top:0px !important;
	}

	/*Ellipsis for Grid*/
	.ellipsisForGridCells {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis !important;
	}

	/* Custom aligment for Kendo checkbox checked state */
	.k-radio:checked + .k-radio-label:after {
		top: 2px;
		left: 2px;
	}

	/* Custom CSS to solve the Grid pager design in other browsers than Chrome (not realy proud of this one)*/
	.k-animation-container div:not([id]).k-list-container div[unselectable="on"] {
		height: auto !important;
	}

    .ClassFileInputDelete {
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
        float: right;
        font-weight: bold;
        line-height: 1;
        color: #000000;
        text-shadow: 0 1px 0 #ffffff;
        opacity: 0.2;
    }

	.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-primary, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-primary {
		background-color: var(--primary-button-bg-color);
		border: solid 1px var(--primary-button-border-color);
		color: var(--primary-button-text-color);
		font-size: 13px;
		font-weight: 500;
		line-height: 16px;
		margin-bottom: 1px;
	}

	.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-primary:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-primary:hover {
		background: var(--primary-button-hover-bg-color);
		color: var(--primary-button-hover-text-color);
		border: 1px solid var(--primary-button-border-color);
	}

	.jconfirm .jconfirm-box .jconfirm-buttons button.btn-primary {
		background-color: var(----primary-button-bg-color);
		border: solid 1px var(--primary-button-border-color);
		color:var(--primary-button-text-color);
	}

	.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
		background-color: #fafafa;
		border: solid 1px #d1d9de;
		color: #758697;
		font-size: 13px;
		font-weight: normal;
		border-width: 1px;
	}

	.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
		background-color: #fafafa;
		border: solid 1px #d1d9de;
		color: #758697;
	}

	.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
		background-color: #fafafa;
		border: solid 1px #d1d9de;
		color:#758697;
	}

	.jconfirm .jconfirm-box .jconfirm-buttons button {
	border-radius: 3px;
	/*text-transform: capitalize !important;*/
	}

	.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
		font-size: 15.6px;
		color: #2b425b;
		font-weight: 600;
		line-height: 1.428571429;
	}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
	width: 16px;
	height: 15px;
	border-radius: 50%;
	font-size: 20px;
	border: 1px solid #e9e9e9;
}

	.list-attribute-inputs {
		max-height: 115px;
		overflow-y: scroll;
	}

	.ItemListRow{
		border: 0px !important;
	}

.simple-numeric-textbox {
	height: 1.65em;
	line-height: 1.65em;
	padding: .177em 0;
	text-indent: .33em;
	border: 0;
	margin: 0;
	width: 100%;
	text-align: right;
	display: inline-block;
}
	}

/****************************************************niftyCustomLocal start*******************************************************************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

body {
}

body, html {
	overflow-y: inherit;
}

#container {
	background-color: #ecf0f5;
	min-width: 500px;
	overflow: visible;
}

/* primary color related changes */
.btn-primary-basic, .btn-primary, .btn-primary:focus, .btn-primary.disabled:hover, .btn-primary:disabled:hover,
.btn-hover-primary:hover, .btn-hover-primary:active, .btn-hover-primary.active, .btn.btn-active-primary:active,
.btn.btn-active-primary.active, .dropdown.open > .btn.btn-active-primary, .btn-group.open .dropdown-toggle.btn.btn-active-primary,
.panel-primary .panel-heading, .panel-primary .panel-footer, .panel-primary.panel-colorful {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

	.panel-primary .panel-heading .close {
		color: var(--primary-text-color);
	}

	.btn-primary:hover, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
		background-color: var(--primary-button-bg-color);
		border-color: var(--primary-button-border-color);
	}

.panel-bordered-primary, .panel-primary.panel-bordered {
	border: 1px solid var(--primary-color);
}

.form-control:focus {
	border-color: var(--primary-color);
}

.inbox-checkboxes label {
	display: inline-block;
	height: 19px;
}

.k-pager-numbers .k-state-selected {
	background-color: var(--pager-selected-page-bg-color) !important;
	border-color: var(--pager-selected-page-border-color) !important;
	color: var(--pager-selected-page-text-color) !important;
}

/*pager*/
.k-pager-wrap .k-link:hover, .k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link {
	color: var(--pager-page-text-color);
}

.primary-color {
	color: var(--primary-color);
}

.bg-primary {
	background-color: #fffffd;
	color: #2b425b;
}

.eq-height .eq-box-md {
	float: left;
}

/*datepicker */

.k-calendar-container .k-pager-wrap .k-link:hover, .k-calendar-container .k-link:link, .k-calendar-container .k-link:visited, .k-calendar-container .k-nav-current.k-state-hover .k-link {
	color: #333;
}

/* theme-dust overload */

#mainnav-menu ul .active-link a, .menu-popover .sub-menu ul .active-link a {
	box-shadow: inset 2px 0 0 0 var(--primary-color);
}

#mainnav-menu > li > a.hover {
	color: var(--primary-text-color);
	background-color: #2d3b47;
	box-shadow: inset 2px 0 0 0 var(--primary-color);
}

#mainnav-menu > .active-link > a,
#mainnav-menu > .active-link > a:hover {
	color: var(--primary-text-color);
	box-shadow: inset 2px 0 0 0 var(--primary-color);
}

#mainnav-menu ul .active-link a,
.menu-popover .sub-menu ul .active-link a {
	box-shadow: inset 2px 0 0 0 var(--primary-color);
}

#container.mainnav-sm #mainnav-menu > .active-link > a,
#container.mainnav-sm #mainnav-menu > .active-sub > a,
#container.mainnav-sm #mainnav-menu > .active-link a:hover,
#container.mainnav-sm #mainnav-menu > .active-sub a:hover {
	background-color: var(--primary-color);
	box-shadow: none;
}

container.mainnav-sm #mainnav-menu > .active-link > a, #container.mainnav-sm #mainnav-menu > .active-sub > a, #container.mainnav-sm #mainnav-menu > .active-link a:hover, #container.mainnav-sm #mainnav-menu > .active-sub a:hover {
	background-color: var(--primary-color);
	box-shadow: none;
}

#container.mainnav-sm #mainnav-menu a:hover {
	box-shadow: inset 2px 0 0 0 var(--primary-color);
}

::selection {
	background-color: var(--primary-color);
	color: var(--primary-text-color);
}

@media (min-width: 768px) {
	#container.mainnav-sm .shortcut-grid:hover {
		box-shadow: inset 2px 0 0 0 var(--primary-color);
	}

	#container.mainnav-sm #mainnav-menu a:hover {
		box-shadow: inset 2px 0 0 0 var(--primary-color);
	}

	#container.mainnav-sm #mainnav .mainnav-widget > .show-small a:hover {
		color: var(--primary-text-color);
		box-shadow: inset 2px 0 0 0 var(--primary-color);
	}
}

.mainnav-sm .popover.mainnav-shortcut {
	background-color: #232e38;
	color: var(--primary-text-color);
}

.select select:focus {
	border-color: var(--primary-color);
}

.dropdown-menu > li > a:hover {
	background-color: var(--primary-color);
	color: var(--primary-text-color);
}

/* theme-dust overload end*/

/* primary color related changes -end */

#container {
	background-color: #ecf0f5;
}

.dropdown.open > .dropdown-menu {
	font-size: 13px;
	border-radius: 0;
	box-shadow: 0 5px 12px 2px rgba(0,0,0,0.25);
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #fff;
}

a.thumbnail, a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
	border-color: transparent;
}

.dropdown.open > ul.head-list.dropdown-menu li {
	background-color: #fff;
}

.img-user {
	width: 20px;
	height: 20px;
	margin-top: 6px;
}

#mainnav-menu i.arrow {
	margin-top: -3px;
}

.section-title { /*proton overload*/
	font-weight: 600;
}

.breadcrumb { /*proton overload*/
	position: relative;
	left: 0;
}

.navbar-header:before { /*theme overload*/
	background-color: #fff;
}


.breadcrumb > li { /*proton overload*/
	text-transform: none;
	z-index: 0;
}

.container { /*custom overload*/
	max-width: 100%;
	margin: 0;
	padding: 0;
}

	.container > div.col-lg-12.col-sm-12 { /*nifty overload*/
		padding: 0;
	}

.brand-title .brad-text img { /*bootstrap overload*/
	vertical-align: inherit;
}

.brand-icon, #container.mainnav-sm .brand-icon { /*nifty overload*/
	margin: 0 4px 0 5px;
}

.menu-title {
	margin-left: 5px;
}

.panel {
	background-color: #fff; /*bootstrap overload*/
}

#authorized-content .panel, #authorized-content .panel-footer {
	background-color: #ecf0f5;
}

.k-dropdown-wrap { /*kendo*/
	border-radius: 0;
	border-width: 0;
}

.panel-bordered-filter, .panel-filter {
	border-color: #263238;
}

	.panel-filter .panel-heading {
		background-color: #263238;
		color: var(--primary-text-color);
	}

	.panel-bordered-filter .panel-footer {
		background-color: #f6f8fa;
		border-color: #eff3f7;
	}

.panel-footer { /*bootstrap overload*/
	padding-left: 20px;
	padding-right: 20px;
}

.k-grid { /*kendo.bootstrap overload*/
	border-radius: 0px;
}

	.k-grid td {
		text-overflow: initial;
	}

.k-grid-pager .k-i-seek-w:before, .k-grid-pager .k-i-arrow-w:before, .k-grid-pager .k-i-arrow-e:before, .k-grid-pager .k-i-seek-e:before {
	content: normal;
}

@media screen and (max-width: 1280px) {

	.k-grid-content .k-numeric-wrap .k-icon, .k-grid-content .k-numeric-wrap .k-icon:hover {
		background: url('../../CSS/Kendo/Bootstrap/sprite_2x.png');
		width: 20px;
		height: 16px;
	}

	.k-grid-content .k-numerictextbox .k-select .k-link span.k-i-arrow-s, .k-grid-content .k-numerictextbox .k-select .k-link span.k-i-arrow-s:hover {
		background-position: -6px -326px;
	}

	.k-grid-content .k-numerictextbox .k-select .k-link span.k-i-arrow-n, .k-grid-content .k-numerictextbox .k-select .k-link span.k-i-arrow-n:hover {
		background-position: -6px -264px;
	}
}

.k-textbox, .k-dropdown-wrap, .k-picker-wrap, .k-numeric-wrap { /*kendo.common overload*/
	border-width: 0px;
}

	.k-state-default .k-input, .k-combobox .k-state-default .k-input, .k-picker-wrap.k-state-default .k-input, .k-numeric-wrap.k-state-default .k-input, .k-multiselect-wrap, .k-slider-track, .k-slider-selection, .k-progress-status-wrap {
		-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
		box-shadow: inset 0 0px 0px rgba(0,0,0,0);
	}

.panel-control .dropdown-toggle.btn {
	border: 1px solid transparent;
}

.panel-control .fa.fa-plus.btn-labeled:before { /*nifty overload*/
	margin-left: -8px;
}

.panel-control { /*nifty overload*/
	padding: 10px;
	font-size: 0px;
}

.panel-body { /*nifty overload*/
	/*padding: 15px 20px;*/
}

#filter-panel .panel-control .btn, #filter-panel2 .panel-control .btn {
	border: 0;
}

#filtersText, #filtersText2 {
	cursor: pointer;
}

tr td a:hover {
	text-decoration: underline;
	/*opacity: 0.7;*/
}

tr td a.btn, tr td button.btn {
	margin: 1px;
}

tr td.comboVariant {
	opacity: 0.7;
	cursor: pointer;
}

	tr td.comboVariant:hover {
		text-decoration: underline;
	}

.panel-header-filter-mobile ul.dropdown-menu li {
	background-color: #fff;
}

.sortBy-dropdown ul { /*custom*/
	margin-left: -126px;
}

.refreshIn-dropdown { /*custom*/
	margin-left: 2px;
}

	.refreshIn-dropdown ul { /*custom*/
		margin-left: 5px;
	}

.panel-header-filter-mobile .dropdown-menu {
	border: 1px solid #d1d9de;
	border-radius: 0px;
}

.customNavForJobQueue.scroll_tabs_container.brand-icon, #container.mainnav-sm .brand-icon {
	margin-bottom: 25px;
}

button.close {
	font-size: 20px;
}

textarea { /* saved from proton */
	height: auto;
	width: 100%;
	max-width: 100%;
}

.modal-body {
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}

.modal-dialog {
	margin-top: 5px;
	background: #fff;
	border-radius: 3px;
}

.modal-footer {
	margin-top: 0;
}

.modal-body > .close, .modal-header > .close {
	right: 15px;
}

.modal-body .text-holder .title-text {
	font-weight: bold;
	display: block;
}

.modal-body .text-holder {
	height: auto !important;
}

.modal-body li .stat-value {
	position: absolute;
	right: 15px;
	top: 10px;
}

.modal-body .panel {
	overflow-y: scroll !important;
}

	.modal-body .panel ul {
		overflow-y: hidden !important;
	}

form.displayInline {
	display: inline;
}

.nav-tabs.nav-tabs-border-bottom {
	border-bottom: 1px solid #dddddd;
}

.margin-bottom-class {
	margin-bottom: 15px;
}

.ul-add-buttons button {
	border: none;
	background-color: transparent;
	padding: 7px;
	width: 100%;
	height: 100%;
	text-align: left;
}

.ul-add-buttons li:hover {
	background-color: #42a5f5;
	color: var(--primary-text-color);
}

/* kendo pager */

.k-pager-wrap .k-pager-nav.k-pager-first, .k-pager-wrap .k-pager-nav.k-pager-last { /*kendo.bootstrap overload*/
	border-radius: 0px;
}

.k-pager-nav .k-icon, td.k-hierarchy-cell .k-icon {
	background-image: none;
}

.k-pager-nav .k-icon, td.k-hierarchy-cell a.k-plus, td.k-hierarchy-cell a.k-minus {
	display: block;
	width: auto;
	height: auto;
	font-size: 16px;
	line-height: 24px;
	font-family: FontAwesome;
	color: #758697;
}
td.k-hierarchy-cell a.k-icon {
	font-size: 18px;
	line-height: 24px;
	color: #758697;
}

.k-numeric-wrap.k-state-default > .k-select {
	border-width: 0;
}

.k-pager-nav .k-icon.k-i-seek-w:after {
	content: "\f100";
}

.k-pager-nav .k-icon.k-i-arrow-w:after {
	content: "\f104";
}

.k-pager-nav .k-icon.k-i-arrow-e:after, td a.k-icon.k-plus:after {
	content: "\f105";
}

td a.k-icon.k-minus:after {
	content: "\f107";
}

td a.k-icon.k-minus:hover, td a.k-icon.k-plus:hover {
	text-decoration: none;
}

.k-pager-nav .k-icon.k-i-seek-e:after {
	content: "\f101";
}

.k-pager-sizes { /*kendo.common overload*/
	padding-top: 0px;
}

	.k-pager-sizes .k-dropdown-wrap {
		border-width: 1px;
	}

/* kendo pager end */

/* nav tabs */

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { /* proton overload */
	color: #27333F;
	border: 1px solid #ddd;
	border-radius: 0;
	background-color: #fff;
	font-weight: bold;
}

/* nifty: Panel with tabs */
/*---------------------------------*/
.panel-heading .nav-tabs {
	display: inline-block;
	height: 40px;
	margin-top: 10px;
	margin-bottom: 15px;
	vertical-align: bottom;
	border: 0;
	padding: 0 20px;
}

	.panel-heading .nav-tabs > li {
		margin-top: 1px;
		margin-right: 5px;
		height: 100%;
	}

		.panel-heading .nav-tabs > li > a {
			border-radius: 0;
			margin-right: 0;
			height: 100%;
			line-height: 40px;
			border-top-left-radius: 0;
			border-top-right-radius: 0;
			padding: 0 15px;
		}

		.panel-heading .nav-tabs > li:not(.active) {
			background-color: transparent;
	/*opacity: .6;*/
		}

			.panel-heading .nav-tabs > li:not(.active) a {
				border-bottom: 0 !important;
	/*color: inherit;*/
				border: 1px solid transparent;
			}

				.panel-heading .nav-tabs > li:not(.active) a:hover {
	/*background-color: rgba(0, 0, 0, 0.15);*/
					border-color: transparent;
				}

	.panel-heading .nav-tabs > .active > a {
		z-index: 1;
	}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	box-shadow: inset 0 0 0 0 #fff;
	border-bottom: 1px solid #fff;
}

#nav-tabs.scroll_tabs_container ul.scroll_tab_inner li,
.customNavForJobQueue.scroll_tabs_container ul.scroll_tab_inner li
{
	padding-left: 3px;
	padding-right: 3px;
}

.scroll_tab_left_button, .scroll_tab_right_button {
	border-radius: 0px;
}

/* nav tabs end */

/* kendo select */

/* kendo.bootstrap overload */
.k-list .k-state-hover, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-selected, .k-fieldselector .k-list .k-item, .k-list-optionlabel, .k-dropzone {
	border-radius: 0px;
}

.magic-input-list-wrapper .k-grid {
	display: table;
}

.magic-input-list-wrapper .k-list {
	height: auto;
}

	.magic-input-list-wrapper .k-list .k-item.k-state-selected, .magic-input-list-wrapper .k-list .k-item:hover.k-state-selected, .magic-input-list-wrapper .k-list .k-state-focused, .magic-input-list-wrapper .k-popup .k-list .k-state-focused {
		color: black;
		background-color: lightgray;
		border-width: 0px;
		outline-width: 0px;
	}

	.magic-input-list-wrapper .k-list .k-item.k-state-focused {
		box-shadow: inset 0 0 0 2px rgba(0,0,0,0.13);
	}

	.k-list-container {
		height: auto !important;
	}

		.magic-input-list-wrapper .k-list-container ul:not([id]), .magic-input-list-wrapper .k-popup.k-list-container > div {
			overflow: visible !important;
		}

	/*.k-list-container .k-list-filter .k-textbox:focus {
		box-shadow: 0 0 7px 0 #ff6358;
	}*/

	.k-block, .k-button, .k-textbox, .k-drag-clue, .k-touch-scrollbar, .k-window, .k-window-titleless .k-window-content, .k-window-action, .k-inline-block, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-multiselect, .k-combobox, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-timepicker, .k-colorpicker, .k-datetimepicker, .k-notification, .k-numerictextbox, .k-picker-wrap, .k-numeric-wrap, .k-colorpicker, .k-list-container, .k-calendar-container, .k-calendar td, .k-calendar .k-link, .k-treeview .k-in, .k-editor-inline, .k-tooltip, .k-tile, .k-slider-track, .k-slider-selection, .k-upload, .k-split-button {
		border-radius: 0px;
	}
/* kendo select end */
.panel-header-filter-mobile {
	padding: 9px 3px 0px 3px;
}

#page-content {
	min-height: 600px;
}

#container {
	min-width: 500px;
}

/* dashboard */

.dashboardPanelMedium {
	overflow-y: auto;
	height: 183px;
	margin: 0;
	padding-right: 0;
}

#formDashboard .panel-body {
	padding: 20px;
}

#formDashboard .pie-chart-wrapper {
	padding: 27px 10px;
}

#formDashboard, #formDashboard .k-widget {
	color: #758697;
}

	#formDashboard .table > tbody > tr > td {
		padding: 8px; /* --> Bootstrap v3.3.6 */
	}

	#formDashboard .k-grid td {
		padding: 8px;
		border-width: 1px 0 0 0;
		border-color: #e9e9e9;
	}

	#formDashboard .k-grid-header .k-header {
		padding: 8px;
	}

	#formDashboard .k-widget, #formDashboard .k-grid-header .k-header, #formDashboard div.k-grid-header {
		border-width: 0px;
	}

	#formDashboard .k-grid-content tr {
		background-color: #f8f9fa;
	}

		#formDashboard .k-grid-content tr.k-alt, #formDashboard .k-header, #formDashboard .k-pager-wrap {
			background-color: #fff;
		}

	#formDashboard .k-grid-header th {
		color: #2b425b;
		font-size: 1.05em;
		font-weight: 600;
	}

	#formDashboard .k-grid-header .k-header {
		text-align: left !important;
	}

	#formDashboard .k-pager-wrap > .k-link, #formDashboard .k-pager-numbers .k-link, #formDashboard .k-dropdown-wrap {
		border-style:none;
	}

	#formDashboard .k-widget {
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	#formDashboard .k-grid {
		min-height: 184px;
	}

	#formDashboard .k-grid-content {
		min-height: 113px;
	}

	#formDashboard .k-grid-header-wrap {
		border-width: 0;
	}

#formDashboard .k-pager-nav .k-icon, td.k-hierarchy-cell a.k-plus, td.k-hierarchy-cell a.k-minus /*, td.k-hierarchy-cell a.k-icon*/ {
		font-size: 11px;
		line-height: 27px;
	}

p#pie-jobs-in-progress-number, p#pie-jobs-on-hold-number, p#pie-delayed-jobs-number {
	margin: 0;
}

.dashboard-filter-wrapper {
	width: 275px;
}

.dashboard-filter-period-wrapper {
	width: 340px;
}

#formDashboard #tblMarketPriceWrapper {
	margin-bottom: 10px;
}

#formDashboard .dashboard-message-text {
	color: #afb9c3;
	clear: both;
	float: left;
	width: 80%;
}

#formDashboard .dashboard-message-title {
	float: left;
	width: 75%;
	overflow: hidden;
	box-sizing: border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#formDashboard .dashboard-date {
	float: left;
	width: 25%;
}

#formDashboard #infoMessage {
	max-height: 300px;
	padding-right: 15px;
	overflow-y: scroll;
}

#formDashboard .dashboard-message-title-link {
	cursor: pointer;
	clear: both;
}

	#formDashboard .dashboard-message-title-link:hover {
		text-decoration: none;
	}

#formDashboard .dashboard-unread-message .dashboard-message-title .dashboard-message-title-link {
	color: var(--primary-color);
	font-weight: bold;
}

#formDashboard .dashboard-unread-message .dashboard-message-text {
	color: #758697;
}

.message-notification {
	position: relative;
}

#container .message-notification .badge {
	position: absolute;
	top: 5px;
	right: 6px;
	padding: 3px 3px;
	border-radius: 3px;
	background: #fa3e3e;
	color: white;
	font-size: 0.7em;
}

.bg-onhold {
	background-color: #76B6EC;
}

.SelectOCItem {
	color: rgb(170,170,170);
	cursor: pointer;
}

	.SelectOCItem:hover {
		color: rgb(170,170,170);
	}

	.SelectOCItem:focus {
		color: rgb(170,170,170);
	}

.box-vmiddle-wrap:before {
	height: 0;
}

.gridFooterTotalCell {
	text-align: right;
	text-overflow: ellipsis;
	overflow: hidden;
}


.media-block .media-body {
	display: block;
	overflow: hidden;
	width: auto;
}

.comments .media-body {
	padding-left: 10px;
	padding-bottom: 15px;
}

.media-body, .media-left, .media-right {
	display: table-cell;
	vertical-align: top;
}

.media-body {
	width: 10000px;
}

.media, .media-body {
	overflow: hidden;
	zoom: 1;
}

#ZebraApp {
	display: inline-block;
}

/* few proton style*/

.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
	margin-bottom: 5px;
	/*padding-top: 6px;*/
}

/**
 * Select2 Bootstrap CSS
 * Compatible with Select2 3.3.2, 3.4.1, 3.4.2 and Twitter Bootstrap 3.0.0
 * MIT License
 */
/**
 * Reset Bootstrap 3 .form-control styles which - if applied to the
 * original <select>-element the Select2-plugin may be run against -
 * are copied to the .select2-container.
 */
.select2-container.form-control {
	background: transparent;
	border: none;
	margin: 0;
	padding: 0;
}
/**
 * Adjust Select2 inputs to fit Bootstrap 3 default .form-control appearance.
 */
.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
	background: none;
	padding: 0;
	border-color: #e3e3e3;
	border-radius: 3px;
	color: #555555;
	font-family: 'SegoeUI Web', sans-serif;
	background-color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.select2-search input {
	background: #ffffff url('select2.png') no-repeat 100% -22px;
	border-color: #e3e3e3;
	border-radius: 3px;
	color: #555555;
	font-family: 'SegoeUI Web', sans-serif;
	background-color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.select2-container .select2-choices .select2-search-field input {
	-webkit-box-shadow: none;
	box-shadow: none;
}
/**
 * Adjust Select2 input heights to match the Bootstrap default.
 */
.select2-container .select2-choice {
	height: 34px;
	line-height: 1.428571429;
}
/**
 * Address Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-container.select2-container-multi.form-control {
	height: auto;
}
/**
 * Address Bootstrap 3 control sizing classes
 * @see http://getbootstrap.com/css/#forms-control-sizes
 */
.select2-container.input-sm .select2-choice,
.input-group-sm .select2-container .select2-choice {
	height: 30px;
	line-height: 1.5;
	border-radius: 3px;
}

.select2-container.input-lg .select2-choice,
.input-group-lg .select2-container .select2-choice {
	height: 41px;
	line-height: 1.33;
	border-radius: 3px;
}

.select2-container-multi .select2-choices .select2-search-field input {
	height: 32px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-container-multi .select2-choices .select2-search-field input {
	height: 28px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-container-multi .select2-choices .select2-search-field input {
	height: 39px;
}
/**
 * Adjust height and line-height for .select2-search-field amd multi-select Select2 widgets.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 < 3.3.2.
 */
.select2-container-multi .select2-choices .select2-search-field input {
	margin: 0;
}

.select2-chosen,
.select2-choice > span:first-child,
.select2-container .select2-choices .select2-search-field input {
	padding: 6px 12px;
}

.input-sm .select2-chosen,
.input-group-sm .select2-chosen,
.input-sm .select2-choice > span:first-child,
.input-group-sm .select2-choice > span:first-child,
.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-choices .select2-search-field input {
	padding: 5px 10px;
}

.input-lg .select2-chosen,
.input-group-lg .select2-chosen,
.input-lg .select2-choice > span:first-child,
.input-group-lg .select2-choice > span:first-child,
.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-choices .select2-search-field input {
	padding: 7.5px 16px;
}

.select2-container-multi .select2-choices .select2-search-choice {
	margin-top: 5px;
	margin-bottom: 3px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-choice,
.input-group-sm .select2-container-multi .select2-choices .select2-search-choice {
	margin-top: 3px;
	margin-bottom: 2px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-choice,
.input-group-lg .select2-container-multi .select2-choices .select2-search-choice {
	line-height: 24px;
}
/**
 * Adjust the single Select2's dropdown arrow button appearance.
 *
 * 1. For Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
	border-left: 1px solid #e3e3e3;
	background: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.select2-dropdown-open .select2-choice .select2-arrow,
.select2-dropdown-open .select2-choice div {
	border-left-color: transparent;
	background: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
/**
 * Adjust the dropdown arrow button icon position for the single-select Select2 elements
 * to make it line up vertically now that we increased the height of .select2-container.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
	background-position: 0 3px;
}

.select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open .select2-choice div b {
	background-position: -18px 3px;
}

.select2-container.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-container .select2-choice .select2-arrow b,
.select2-container.input-sm .select2-choice div b,
.input-group-sm .select2-container .select2-choice div b {
	background-position: 0 1px;
}

.select2-dropdown-open.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-sm .select2-choice div b,
.input-group-sm .select2-dropdown-open .select2-choice div b {
	background-position: -18px 1px;
}

.select2-container.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-container .select2-choice .select2-arrow b,
.select2-container.input-lg .select2-choice div b,
.input-group-lg .select2-container .select2-choice div b {
	background-position: 0 9px;
}

.select2-dropdown-open.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-lg .select2-choice div b,
.input-group-lg .select2-dropdown-open .select2-choice div b {
	background-position: -18px 9px;
}
/**
 * Address Bootstrap's validation states and change Select2's border colors and focus states.
 * Apply .has-warning, .has-danger or .has-succes to #select2-drop to match Bootstraps' colors.
 */
.has-warning .select2-choice,
.has-warning .select2-choices {
	border-color: #d09c0d;
}

.has-warning .select2-container-active .select2-choice,
.has-warning .select2-container-multi.select2-container-active .select2-choices {
	border-color: #a0780a;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.has-warning.select2-drop-active {
	border-color: #a0780a;
}

	.has-warning.select2-drop-active.select2-drop.select2-drop-above {
		border-top-color: #a0780a;
	}

.has-error .select2-choice,
.has-error .select2-choices {
	border-color: #bc401a;
}

.has-error .select2-container-active .select2-choice,
.has-error .select2-container-multi.select2-container-active .select2-choices {
	border-color: #8f3114;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.has-error.select2-drop-active {
	border-color: #8f3114;
}

	.has-error.select2-drop-active.select2-drop.select2-drop-above {
		border-top-color: #8f3114;
	}

.has-success .select2-choice,
.has-success .select2-choices {
	border-color: #758f27;
}

.has-success .select2-container-active .select2-choice,
.has-success .select2-container-multi.select2-container-active .select2-choices {
	border-color: #54671c;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.has-success.select2-drop-active {
	border-color: #54671c;
}

	.has-success.select2-drop-active.select2-drop.select2-drop-above {
		border-top-color: #54671c;
	}
/**
 * Make Select2's active-styles - applied to .select2-container when the widget receives focus -
 * fit Bootstrap 3's .form-element:focus appearance.
 */
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
	border-color: #3699d2;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.select2-drop-active {
	border-color: #3699d2;
}

.select2-drop-auto-width,
.select2-drop.select2-drop-above.select2-drop-active {
	border-top-color: #3699d2;
}
/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstrap 3's
 * "Input Group" component, we don't want specific edges of the Select2 container
 * to have a border-radius.
 *
 * In Bootstrap 2, input groups required a markup where these style adjustments
 * could be bound to a CSS-class identifying if the additional elements are appended,
 * prepended or both.
 *
 * Bootstrap 3 doesn't rely on these classes anymore, so we have to use our own.
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on a Bootstrap 3 .input-group
 * to let the contained Select2 widget know which edges should not be rounded as they are
 * directly followed by another element.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
.input-group.select2-bootstrap-prepend [class^="select2-choice"] {
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
}

.input-group.select2-bootstrap-append [class^="select2-choice"] {
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

.select2-dropdown-open [class^="select2-choice"] {
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.select2-dropdown-open.select2-drop-above [class^="select2-choice"] {
	border-top-right-radius: 0 !important;
	border-top-left-radius: 0 !important;
}
/**
 * Adjust Select2's choices hover and selected styles to match Bootstrap 3's default dropdown styles.
 */
.select2-results .select2-highlighted {
	color: var(--primary-text-color);
	background-color: #76b6ec;
}
/**
 * Adjust alignment of Bootstrap 3 buttons in Bootstrap 3 Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-bootstrap-append .select2-container-multiple,
.select2-bootstrap-prepend .select2-container-multiple,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .input-group-btn .btn {
	vertical-align: top;
}
/**
 * Make Multi Select2's choices match Bootstrap 3's default button styles.
 */
.select2-container-multi .select2-choices .select2-search-choice {
	color: var(--primary-text-color);
	background: #aaaaaa;
	border-color: #aaaaaa;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
	background: #969696;
	border-color: #8b8b8b;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/**
 * Address Multi Select2's choice close-button vertical alignment.
 */
.select2-search-choice-close {
	margin-top: -7px;
	top: 50%;
}
/**
 * Adjust the single Select2's clear button position (used to reset the select box
 * back to the placeholder value and visible once a selection is made
 * activated by Select2's "allowClear" option).
 */
.select2-container .select2-choice abbr {
	top: 50%;
}
/**
 * Adjust "no results" and "selection limit" messages to make use
 * of Bootstrap 3's default "Alert" style.
 *
 * @see http://getbootstrap.com/components/#alerts-default
 */
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
	background-color: #f4c84f;
	color: #d09c0d;
}
/**
 * Address disabled Select2 styles.
 *
 * 1. For Select2 v.3.3.2.
 * 2. Revert border-left:0 inherited from Select2's CSS to prevent the arrow
 *    from jumping when switching from disabled to enabled state and vice versa.
 */
.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-choices {
	cursor: not-allowed;
	background-color: #eeeeee;
	border-color: #e3e3e3;
}

	.select2-container.select2-container-disabled .select2-choice .select2-arrow,
	.select2-container.select2-container-disabled .select2-choices .select2-arrow,
	.select2-container.select2-container-disabled .select2-choice div,
	.select2-container.select2-container-disabled .select2-choices div {
		background-color: transparent;
		border-left: 1px solid transparent;
		/* 2 */
	}

/* few proton style end*/

/* Custom Vue Kendo Grid CSS */

.k-menu:not(.k-context-menu) > .k-item {
	color: #656565 !important;
}

.k-menu:not(.k-context-menu) > .k-item:hover, .k-menu:not(.k-context-menu) > .k-item.k-state-hover {
	color: #656565 !important;
}

.tab-base .nav-tabs {
	margin-bottom: 0px;
}

.panel, .btn, .tab-base .nav-tabs li a, .tab-content {
	border-radius: 3px;
}

.tab-pane .row label {
	text-align: right;
	vertical-align: middle;
	height: 26px;
	line-height: 26px;
}

.tab-base .nav-tabs > li:not(.active) > a:hover {
	background-color: #E4E7EC;
	border-color: transparent;
	transition: background-color,0.3s;
	color: #27333F;
}

.tab-base .nav-tabs > li {
	margin-bottom: 0px;
}

ol.breadcrumb li:last-child {
	font-weight: bold;
}

.tab-pane .row .magic-input-list-wrapper label, .tab-pane .row magic-input-list-wrapper label {
	min-height: 30px;
	line-height: 11px;
}

input[type=radio].magic-radio, input[type=checkbox].magic-checkbox {
	position: fixed;
	z-index: -50;
	top: -2000px;
}

.magic-checkbox + label:before {
	border-radius: 2px;
}

.magic-radio + label:before, .magic-checkbox + label:before {
	border: 1px solid rgba(0,0,0,0.15);
	box-shadow: 0 0 0 0 rgba(0,0,0,0.07);
	content: '';
	display: block;
	height: 17px;
	left: 0;
	position: absolute;
	top: 0;
	width: 17px;
	transition: all 0.3s;
}

.magic-checkbox + label:after {
	border-color: #fff;
	border-style: solid;
	border-width: 0 2px 2px 0;
	box-sizing: border-box;
	height: 13px;
	left: 6px;
	top: 0;
	transform: rotate(48deg);
	width: 6px;
}

.magic-radio:checked + label:after, .magic-checkbox:checked + label:after {
	display: block;
}

.magic-radio + label:after {
	background: #25476a;
	border-radius: 50%;
	height: 9px;
	left: 4px;
	top: 4px;
	width: 9px;
}

.magic-radio:checked + label:before {
	border: 2px solid #25476a;
}

.magic-radio:checked + label:before, .magic-checkbox:checked + label:before {
	animation-name: none;
}

.magic-radio + label:before {
	border-radius: 50%;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
	position: absolute;
	margin-top: 4px\9;
	margin-left: -20px;
}

input[type=checkbox], input[type=radio] {
	margin: 4px 0 0;
	margin-top: 1px\9;
	line-height: normal;
}

input[type=checkbox], input[type=radio] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

input {
	background-image: none !important;
}

.magic-radio + label:not(:empty), .magic-checkbox + label:not(:empty) {
	margin: 0 5px 0 0;
	text-indent: 25px;
}

.magic-radio + label, .magic-checkbox + label {
	cursor: pointer;
	display: inline-block;
	margin: 0;
	min-width: 1.34em;
	padding: 0;
	position: relative;
	vertical-align: middle;
}

.magic-radio:checked+label:after, .magic-checkbox:checked+label:after {
    display: block;
}

.magic-radio+label:after {
    background: #25476a;
    border-radius: 50%;
    height: 9px;
    left: 4px;
    top: 4px;
    width: 9px;
}

.magic-radio+label:after, .magic-checkbox+label:after {
    content: '';
    display: none;
    position: absolute;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon {
	font-size: 17px !important;
	top: 15px;
	right: 12px;
}

.jconfirm .jconfirm-box {
	padding-right: 0px;
	padding-left: 0px;
}

.jconfirm-content {
	padding: 10px 15px;
}

.jconfirm-title {
	padding: 0px 15px;
}
	
.jconfirm-content-pane {
	border-bottom: 1px solid #e5e5e5;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
	margin-bottom: 4px;
}

.jconfirm .jconfirm-box .jconfirm-buttons {
	padding: 0px 10px 5px 10px;
}

.magic-input-list-wrapper td .form-checkbox:not(.btn), .magic-input-list-wrapper th .form-checkbox:not(.btn) {
	padding: 9px;
}

.tab-pane .row label.form-radio {
	text-align: left;
}

.mar-left-dbl {
	margin-left: 30px;
}

.text-overflow-file-name {
	display: inline-block;
	width: 50%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}

.float-right {
	float: right;
}

.float-none {
	float:none!important;
}

.hidden-control {
	height: 0px;
	width:0px; 
	overflow:hidden;
}

#mainnav-container {
	z-index: 1001;
}

.multiselect-container {
	display: flex;
	align-items: center;
}

.multiselect-container div {
	flex-grow: 1;
}

.multiselect-container .clickable-div {
	width: 100%;
	padding: 15px 0;
	cursor: pointer;
}

.k-multiselect .k-button, .k-multiselect .k-button.k-state-hover {
	background-color : #27333D;
	border : hidden;
}

.k-multiselect .k-item .k-state-selected, .k-state-selected, .k-list > .k-state-selected {
	color : #ccc !important;
	border-color : transparent; 
	background-color : transparent !important;
}

.k-multiselect.k-header, .k-multiselect.k-header:hover {
	border-color : #e3e3e3;  
	padding : 0 0 0 0;
	background : none; 
}

.k-multiselect .k-i-close, .k-multiselect .k-i-close:hover {
    background-position: -95px -17px !important;
}

.k-list > .k-item.k-state-selected.k-state-focused {
	color: black;
	background-color: transparent !important;
}

.k-multiselect ul.parsley-errors-list {
	margin-bottom: 0;
}

.k-multiselect-wrap .k-input {
	float: none;
}

.k-widget.k-multiselect.k-header {
	text-align: left !important;
	padding: 5px;
}
.k-widget.k-multiselect .k-button {
	text-align: left;
}
.k-widget.k-multiselect.k-state-disabled .k-button {
	padding: 0;
	background: transparent;
	margin: 0 2px;
}
.k-widget.k-multiselect.k-state-disabled .k-button > span {
	padding: 0 5px;
}
.k-widget.k-multiselect.k-state-disabled .k-button .k-select {
	display: none;
} 

	/****************************************************niftyCustomLocal end*******************************************************************/

.block-with-text {
	/* hide text if it more than N lines  */
	overflow: hidden;
	/* for set '...' in absolute position */
	position: relative;
	/* use this value to count block height */
	line-height: 1.2em;
	/* max-height = line-height (1.2) * lines max number (3) */
	max-height: 3.6em;
	/* place for '...' */
	margin-right: -1em;
	padding-right: 1em;
}
/* create the ... */
.block-with-text:before {
	/* points in the end */
	content: '...';
	/* absolute position */
	position: absolute;
	/* set position to right bottom corner of block */
	right: 0;
	bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
.block-with-text:after {
	/* points in the end */
	content: '';
	/* absolute position */
	position: absolute;
	/* set position to right bottom corner of text */
	right: 0;
	/* set width and height */
	width: 1em;
	height: 1em;
	margin-top: 0.2em;
	/* bg color = bg color under block */
	background: white;
}
.k-grid tbody tr:hover .block-with-text:after {
	background: #ededed;
}
.k-grid tbody tr.k-state-selected .block-with-text:after {
	background: #f8dbb9;
}
.form-group.additional-info {
	margin: 0px;
}



.tooltip.show{
	opacity: 1;
}

.slider.slider-horizontal {
	width: 100% !important;
}

[v-cloak]{
	display:none;
}

/*NEW BUTTON DESIGNS Orange with text + hover, Grey with text+hover, Grey with icons*/
.panel-control.form-group .btn.btn-action-main-dark{
    margin-left: 0px;
}

.btn.btn-action-icon{
	padding-left: 6px;
}

.btn.btn-action-main.dropdown-toggle{
	border: 1px solid var(--primary-color);
}

.btn.btn-primary{
	text-align: center;
	font: 12px Segoe UI;
	letter-spacing: 0px;
	color: var(--primary-button-text-color);
	background: var(--primary-button-bg-color);
	text-transform: uppercase;
	opacity: 1;
	border: 1px solid var(--primary-button-border-color);
	border-radius: 3px !important;
	margin: 1px;
}

.btn.btn-primary:hover{
	background: var(--primary-button-hover-bg-color);
	color: var(--primary-button-hover-text-color);
	border: 1px solid var(--primary-button-border-color);
}

.btn.btn-primary:disabled{
	opacity: 50%;
}

.btn.btn-default-dark{
	text-align: center;
	font: 12px Segoe UI;
	line-height: normal;
	letter-spacing: 0px;
	color: var(--secondary-button-text-color);
	background: var(--secondary-button-bg-color);
	text-transform: uppercase;
	opacity: 1;
	border: 1px solid var(--secondary-button-border-color);
	margin: 1px;
}

.btn.btn-default-dark:hover{
	background: var(--secondary-button-hover-bg-color);
	color: var(--secondary-button-hover-text-color);
	border: 1px solid var(--secondary-button-border-color);
}

.btn.btn-default-dark:disabled{
	opacity: 50%;
}

.btn.btn-default-gray {
	text-align: center;
	font: 12px Segoe UI;
	line-height: normal;
	letter-spacing: 0px;
	color: var(--primary-text-color);
	background: #748595;
	text-transform: uppercase;
	opacity: 1;
	border: 1px solid #748595;
	margin: 1px;
}

.btn.btn-default-gray:hover {
	background: #FFFFFF;
	color: #748595;
	border: 1px solid #748595;
}

.btn.btn-default-gray:disabled {
	opacity: 50%;
}

.btn-action-icon{
	background: var(--action-button-bg-color);
	border-radius: 3px !important;
	opacity: 1;
	color: var(--action-button-text-color);
	font-size: 16px;
	padding: 7px 6px;
	vertical-align: middle;
	height: 30px;
	width: 30px;
	margin: 1px;
	text-align: center;
	line-height: 1;
	cursor: pointer;
}

.btn-action-icon:hover{
	color: var(--action-button-text-color);
}

.modal-footer .btn + .btn {
    margin-left: 0; 
    margin-bottom: 1px; 
}

.btn.btn-action-icon.fa.fa-sitemap{
	padding-left: 2px;
}

.btn.btn-action-icon.fa.fa-sitemap{
	padding-left: 2px;
}

.btn.btn-primary.btn-icon.fa.fa-cog{
	font-family: FontAwesome;
}

.btn.btn-primary.btn-icon.fa.fa-pencil{
	font-family: FontAwesome;
}

.panel-control .btn.btn-primary.dropdown-toggle{
	border: 1px solid var(--primary-color);
}

.jconfirm-buttons .btn.btn-primary{
	color:red;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default-dark, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default-dark {
	text-align: center;
	font: 12px Segoe UI;
	font-weight: 600;
	letter-spacing: 0px;
	color: var(--primary-text-color);
	background: var(--secondary-color);
	text-transform: uppercase;
	opacity: 1;
	border: 1px solid var(--secondary-color);
	margin: 1px;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default-dark:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default-dark:hover {
	background: var(--secondary-button-hover-bg-color);
	color: var(--secondary-button-hover-text-color);
	border: 1px solid var(--secondary-button-border-color);
}

.dark-badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    color: var(--primary-text-color);
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #27333d;
    border-radius: 10px;
}


.red-badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	color: var(--primary-text-color);
	line-height: 1;
	vertical-align: baseline;
	white-space: nowrap;
	text-align: center;
	background-color: red;
	border-radius: 10px;
}

#tabAttributes div.checkbox {
	padding-left: 0px;
}

.ul-checkbox-list-vertical{
	list-style-type:none;
	padding-left:0px;
	padding-top: 5px;
	display:flex;
	flex-direction:column;
}

.ul-checkbox-list-horizontal{
	list-style-type:none;
	padding-left:0px;
	padding-top: 5px;
	display:flex;
	flex-direction:row;
}

.panel.panel-bordered.panel-bordered-filter{
	overflow-y: hidden !important;
}

.btn-group.btn-toggle > .btn:first-child:not(:last-child):not(.dropdown-toggle).btn-primary{
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.btn-group.btn-toggle > .btn:last-child:not(:first-child):not(.dropdown-toggle).btn-primary{
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.btn-default-light {
	text-align: center;
	font: 12px Segoe UI;
	letter-spacing: 0px;
	text-transform: uppercase;
	opacity: 1;
	border: 1px solid var(--secondary-color);
	margin: 1px;
	color: #768697;
}

.btn.btn-default-light:hover{
	background: var(--secondary-button-hover-bg-color);
	color: var(--secondary-color);
	border: 1px solid var(--secondary-color);
}

.btn-simple {
	height: 30px;
	width: 30px;
	padding: 0;
	border: 0;
}

.form-group.addNewItem{
	margin-left: auto;
}

.panel-heading > * .btn-default {
	text-transform:uppercase !important;
}

.panel-control.form-group > .btn.btn-default-dark{
	margin-left: 1px;
}


#SalesOrderConversionGrid{
	overflow:unset;
}

.toggle-switch:checked + label:before {
	background-color: var(--primary-color);
	transition: all 0.3s;
}

#SalesOrderConversionGrid td{
	overflow:unset;
}

.ScanInputDivWidth{
	width: 1000px;
}

.JobTypeDetailControllGroup {
    background-color: rgba(0,0,0,0.08);
    border: 1px solid;
	border-color: #DCDCDC;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px !important;
	padding-right: 5px !important;
    margin-bottom: 15px;
	min-height: 63px;
}

.JobTypeDetailControllGroupDark {
    background-color: rgb(45, 59, 71);
    border: 1px solid;
	border-color: #DCDCDC;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px !important;
	padding-right: 5px !important;
    margin-bottom: 15px;
	min-height: 63px;
}

.JobTypeDetailControllGroupDark .k-widget {
	margin-top: 3px;
}

.JobTypeDetailControllGroup > .checkbox {
    margin-top: 5px;
    padding-left: 10px;
}

.JobTypeDetailControllGroup .k-widget {
	margin-top: 3px;
}

.JobTypeDetailControllGroup .control-label {
	margin: 0 5px 0 8px;
    font-weight: bold;
}

.JobTypeDetailControllGroupDark .control-label {
    color: white;
	margin: 0 5px 0 8px;
    font-weight: bold;
}

.JobTypeDetailControllGroup .form-control {
	margin-top: 3px;
	padding: 5px 12px;
}

.JobTypeDetailControllGroupDark .form-control {
	margin-top: 3px;
	padding: 5px 12px;
}

.JobTypeDetailItemType {
    float: right;
    margin-right: 2px;
    width: 25px;
    height: 25px;
    padding-top: 5px;
    padding-left: 5px;
}

.control-label-upper {
    font-weight: bold;
    background-color: rgba(0,0,0,0.08);
    border: 1px solid;
    border-color: rgba(0,0,0,0.08);
}

.modal-header-background {
    background-color: var(--primary-color);
    border-radius: 5px;
}

.modal-header-secondary-background {
	background-color: #27333F;
	border-radius: 3px;
}

.modal-title-white {
    color: white;
}

.modal-title-black {
	color: black;
}

.btn.btn-primary.fa.fa-cog.btn-xs.kendo-edit-link.edit-button, .btn.btn-xs.btn-primary.fa.fa-plus{
	font-family: 'FontAwesome';
}

.grid-panel-header .panel-control {
	text-align: right;
}
/*
@media screen and (max-width: 1280px) {
	.grid-panel-header.panel-heading {
		height: 95px;
	}
	
	.grid-panel-header #FilterSection {
		padding-left: 10px;
	}

	.grid-panel-header #QuickFilter,
	.grid-panel-header #SimpleFilter {
		padding-left: 0px;
		margin-top: 10px;
	}
}
	*/
/* same but for some specified grids */

.smallScreenGrid .grid-panel-header.panel-heading {
	height: 95px;
}

.smallScreenGrid .grid-panel-header #FilterSection {
	padding-left: 10px;
}

.smallScreenGrid .grid-panel-header #QuickFilterSection {
	padding-left: 0px;
	margin-top: 10px;
}

.modal-body.thumbModal-Body {
	text-align: center;
}

.k-detail-row > .k-detail-cell {
	overflow: inherit;
}
/* --- CustomAttributeManageLinkComponent --- */
.custom-attribute-manage-component {
	background-color: var(--primary-color);
	color: var(--primary-text-color);
	float: left;
	width: 100%;
	padding: 5px 6px 5px 10px;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	font-size: 16px;
	position: relative;
}

	.custom-attribute-manage-component:after {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-right-color: var(--primary-color);
		border-left: 0;
		margin-top: -5px;
		margin-left: -5px;
	}

	.custom-attribute-manage-component .manage-text {
		float: left;
		padding-top: 3px;
	}

		.custom-attribute-manage-component .manage-text img {
			margin-left: 8px;
		}

	.custom-attribute-manage-component .manage-link {
		float: right;
		background-color: #fff;
		color: var(--primary-color);
		text-transform: uppercase;
		padding: 2px 10px;
		border: 1px solid #FFFFFF;
		border-radius: 4px;
	}

		.custom-attribute-manage-component .manage-link a {
			color: var(--primary-color);
			font-weight: 600;
		}
/* --- */
.orange-bold-link {
	color: var(--primary-color);
	font-weight: bold;
}
.orange-bold-link:hover {
	color: var(--primary-color);
	text-decoration: underline;
}

#JobOrderItemsGrid tr td:first-child, #PriceQuoteItemsGrid tr td:first-child, #SalesOrderItemsGrid tr td:first-child {
	position: relative;
	padding-left: 15px;
	padding-top: 18px;
}

#JobOrderItemsGrid tr td:first-child span, #PriceQuoteItemsGrid tr td:first-child span, #SalesOrderItemsGrid tr td:first-child span {
	top: 50%;
	left: 5px;
}

#JobOrderItemsGrid td:first-child, #PriceQuoteItemsGrid td:first-child, #SalesOrderItemsGrid td:first-child {
	display: flex;
}

#JobOrderItemsGrid td:first-child .dropdown-menu.dropdown-menu-right.narrow-dropdown {
	position: sticky;
}

#JobOrderItemsGrid td span {
	padding-top: 3px;
	margin-right: 5px;
}

#JobOrderItemsGrid td div{
	flex-grow: 1;
}

.menu-element .k-header-column-menu {
	top: 5px;
	right: -22px !important;
	width: calc(1.4285714286em + 5px) !important;
	height: calc(1.4285714286em + 5px) !important;
}

.ControllGroup {
	border: solid;
	border-width: 1px 1px 0px 1px;
	border-color: rgba(0,0,0,0.08);
	min-height: 70px;
}

.ControllGroup.Dark {
	background-color: rgba(0,0,0,0.08);
}

.ControllGroup > .checkbox {
	margin-top: 5px;
	padding-left: 10px;
}
/*
.ControllGroup .k-widget {
	border: 1px solid #e9e9e9;
}*/

.ControllGroup .control-label {
	margin: 2px 5px 10px 10px;
	font-weight: bold;
	text-align:left;
}

.ControllGroupControllGroupDark .control-label {
	color: white;
	margin: 2px 5px 10px 10px;
	font-weight: bold;
}

.ControllGroup .custom-padding,
.ControllGroup.Dark.custom-padding {
	padding: 7.5px 20px 15px 20px;
}

.control-group-shadow {
	box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 20%);
}

.switch-controll span{
	padding:0 5px;
	font-weight: 900;
	font-size: 15px;
}

.center-bottom-flex-alignment {
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.end-center-flex-alignment {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.control-flex-size{
	flex:1;
}

.button-flex-size {
	flex: 0 0 25px;
}

.ControllGroup .control-button {
	width: 21px;
	height: 21px;
	border-radius: 11px;
	padding: 0px;
	font-size: 13px;
}

.magic-checkbox:checked + label:before {
	background: var(--secondary-color);
	border-color: var(--secondary-color);
}

.magic-radio + label:hover:before, .magic-checkbox + label:hover:before {
	border-color: var(--secondary-color);
	transition: all 0.3s;
}

.ControllGroup .toggle-switch:checked + label:before {
	background-color: transparent;
	transition: all 0.3s;
	border: 1px solid var(--secondary-color);
}

.ControllGroup .toggle-switch + label:before {
	width: 32px;
	height: 18px;
	border: 1px solid var(--secondary-color);
	background-color: transparent;
}

.ControllGroup .toggle-switch:checked + label:after {
	left: 15px;
	transition: left 0.3s, right 0.3s;
	background-color: var(--secondary-color);
}

.ControllGroup .toggle-switch + label:after {
	top: 2px;
	left: 2px;
	background-color: var(--secondary-color);
}

.ControllGroup .toggle-switch + label {
	height: 20px;
	max-height: 2em;
}

.not-selected-toggle-label {
	opacity: 0.4;
}

.control-group-padding{
	padding: 0 11px;
}

.control-title-padding{
	padding-left: 20px;
}

.required-star {
	padding-left: 3px;
}

.ControllGroup .k-tooltip-error.k-invalid-msg {
	background-color: #ff6358 !important;
	margin: 0 0 0 5px;
	font-size: 12px;
	position: absolute;
	z-index: 1;
	text-align: left;
	min-width: 250px;
	border-color: transparent;
	color: white;
	display: inline;
	padding: 2px 8px;
	top: unset;
	bottom: -20px;
	left: 15px;
}

.ControllGroup .half-block .k-tooltip-error.k-invalid-msg {
	background-color: #ff6358 !important;
	margin: 0 0 0 5px;
	font-size: 12px;
	position: absolute;
	z-index: 1;
	text-align: left;
	min-width: 250px;
	border-color: transparent;
	color: white;
	display: inline;
	padding: 2px 8px;
	top: unset;
	bottom: -35px;
	left: 0px;
}
/*--- info box ---*/
.info-box {
	display: flex;
	margin-top: 10px;
	text-align: left;
	border: 2px solid var(--primary-color);
	border-radius: 4px;
	color: var(--primary-color);
}
.info-box-icon {
	background-color: var(--primary-color);
	width: 130px;
	text-align: center;
	padding-top: 17px;
}
.info-box-text {
	padding: 8px 18px;
}
/*---*/

.add-customer:hover {
	content: url("../../Resources/Images/Icons/add-customer-hover.svg");
}
.add-to-list {
	content: url("../../Resources/Images/Icons/add_to_list.svg");
}
.add-to-list:hover {
	content: url("../../Resources/Images/Icons/add_to_list_hover.svg");
}
.edit-customer:hover {
	content: url("../../Resources/Images/Icons/edit-customer-hover.svg");
}
.edit-item {
	content: url("../../Resources/Images/Icons/edit_item.svg");
}
.edit-item:hover {
	content: url("../../Resources/Images/Icons/edit_item_hover.svg");
}
.list-items {
	content: url("../../Resources/Images/Icons/list_items.svg");
}
.list-items:hover {
	content: url("../../Resources/Images/Icons/list-items-hover.svg");
}
.pricing-list:hover {
	content: url("../../Resources/Images/Icons/pricing_list_hover.svg");
}
.refresh {
	content: url("../../Resources/Images/Icons/refresh-.svg");
}
.refresh:hover {
	content: url("../../Resources/Images/Icons/refresh-hover.svg");
}
.filter-apply:hover {
	content: url("../../Resources/Images/Icons/filter_apply_hover.svg");
}
.filter-reset:hover {
	content: url("../../Resources/Images/Icons/filter_reset_hover.svg");
}
/**/
.mb-5 {
	margin-bottom: 5px;
}
.mt-3 {
	margin-top: 3px;
}
.ml-5 {
	margin-left: 5px;
}
.pr-20 {
	padding-right: 20px;
}

.ControllGroup .customDisabledControl {
	font-weight: bold;
}

.customDisabledControl .k-state-disabled,
.customDisabledControl .k-widget[disabled] {
	opacity: .9;
}

.magic-radio[disabled] + label:not(:empty), .magic-checkbox[disabled] + label:not(:empty) {
	cursor: not-allowed;
}

.magic-radio[disabled] + label:hover:before, .magic-checkbox[disabled] + label:hover:before {
	border-color: rgba(0,0,0,0.15);
	transition: none;
}

.what-new-badge {
	position: relative;
	top: -10px;
	left: 5px;
	font: normal normal bold 9px/11px Segoe UI;
	background-color: var(--primary-color);
}

position-absolute {
	position: absolute;
}


@media (min-width: 768px) {
	#container.mainnav-sm #mainnav-menu a .badge {
		padding: 3px 5px;
		left: 26px;
		top: 25%;
		width: 17px;
	}
}

.custom-pipe-checked {
	content: url("../../Resources/Images/Icons/pipe_checked.svg");
}

.custom-pipe-unchecked {
	content: url("../../Resources/Images/Icons/pipe_unchecked.svg");
}

/*-- page header --*/
.page-header {
	font-size: 20px;
	font-weight: bold;
}
.breadcrumb li, .breadcrumb li a {
	color: #748597;
	font-size: 14px;
}
.breadcrumb > li + li:before {
	color: #748597;
}
/*-- filter --*/
.panel .grid-panel-header {
	display: flex;
	align-items: flex-start;
	height: auto;
}

.grid-panel-header .filter-container {
	padding: 10px 10px 5px 10px;
}
.panel-heading .panel-control {
	order: 2;
}
.panel-heading .btn-default {
	border-color: #DCDCDC;
	border-radius: 2px;
	color: #27333F;
	font-weight: 600;
}
.filter-header-text {
	font-weight: 600;
	text-transform: uppercase;
}
.filter-header-arrow {
	text-align: right;
}
#FilterSection .dropdown.open > .dropdown-menu, #ReceivingListGridFilters .dropdown.open > .dropdown-menu, #WorkflowListGridFilters .dropdown.open > .dropdown-menu {
	top: -8px;
	padding-left: 8px;
}
#ReceivingListGridFilters .form-group .col-lg-9, #WorkflowListGridFilters .form-group .col-lg-9 {
	padding-right: 20px;
}
/*
.dropdown.open .control-label {
	text-align: left;
}*/
.filter-container .quick-filter {
	padding: 6px;
	text-transform: uppercase;
	color: #27333F;
	font-weight: 600;
	width: 120px !important;
}
.filter-container .quick-filter:after {
	content: "\f105";
	font-family: FontAwesome;
}
.filter-container .quick-filter-buttons {
	width: 140px !important;
}
@media (max-width: 1430px) {
	.filter-container .quick-filter {
		display: none;
	}
	#QuickFilterSection {
		margin-left: -7.5px;
	}
}
@media (max-width: 1120px) {
	#QuickFilterSection {
		display: none;
	}
	.grid-panel-header .filter-container:not(.full-width) {
		width: 40%;
	}
	.grid-panel-header .panel-control {
		width: 60%;
	}
}

#QuickFilterSection .form-control, #QuickFilterSection .k-autocomplete, #QuickFilterSection .k-datepicker .k-picker-wrap {
	border-color: #DCDCDC;
	border-radius: 3px;
	/*color: #A6B4C2;*/
	font-size: 13px;
}
#QuickFilterSection .k-datepicker .k-picker-wrap {
	height: 32px;
}
#QuickFilterSection .k-datepicker .k-picker-wrap input {
	padding: 0px 12px;
}
#QuickFilterSection ::placeholder {
	color: #A6B4C2;
}
#QuickFilterSection .btn_simplefilter {
	cursor: pointer;
}
/*-- grid --*/
.k-grid {
	color: #27333F !important;
}
.k-grid-header .k-header {
	color: #27333F !important;
	font-weight: 600;
}
.k-grid tbody tr:hover, .k-grid tbody tr.k-state-hover {
	color: #27333F !important;
}

.k-grid .v-select {
	background-color: #FAFAFA;
}
.k-grid .v-select:hover {
	background-color: #E8E8E8;
}

.k-menu .k-item {
	font-size: 13px;
	color: #27333F !important;
}
.ActionButtonCollumn .btn-default {
	color: #27333F;
}
/*-- detail --*/
.panel-title.detail-title {
	color: #27333F;
	font-size: 18px;
	font-weight: bold;
}
.panel-title.subpanel-title {
	color: #27333F;
	font-size: 16px;
	font-weight: bold;
}
.panel-title.small-panel-title {
	color: #27333F;
	font-size: 14px;
	font-weight: bold;
}

.tab-base .nav-tabs > li:not(.active) > a {
	background-color: #E4E7EC;
	color: #748595;
	font-weight: bold;
}

.nav-tabs .navFile a {
	color: #A6B4C2;
	font-weight: bold;
}

.group-title {
	font-size: 15px;
	font-weight: bold;
}

.form-control {
	border-color: #DCDCDC;
	border-radius: 2px;
	color: #27333F;
}

.k-state-default .k-input, .k-state-default input {
	color: #27333F !important;
}

select[class="form-control"] {
	padding: 5px 12px;
}

.form-control[disabled], .form-control .k-state-disabled span[class^="k-"], .k-state-disabled input, .k-state-disabled span {
	background-color: #f4f4f4;
	color: #758697 !important;
}
.k-dropdown .k-state-default .k-input, .k-dropdown .k-state-default .k-select, .k-datepicker .k-state-default .k-select, .k-dropdown .k-dropdown-wrap:hover, .k-dropdown-wrap.k-state-hover, .k-dropdown-wrap.k-state-active {
	background-color: #FFF !important;
	/*height: auto !important;*/
}
.k-dropdown .k-dropdown-wrap, .k-datepicker .k-picker-wrap {
	border-color: #DCDCDC !important;
	/*height: 30px;*/
}

.k-datepicker, .k-datetimepicker, .k-dropdown, .k-combobox, .k-numerictextbox {
	font-size: 13px !important;
}
.k-datepicker .k-state-disabled, .k-datetimepicker .k-state-disabled, .k-dropdown .k-state-disabled, .k-combobox .k-state-disabled, .k-numerictextbox .k-state-disabled {
	background-color: #f4f4f4 !important;
	border-color: #DCDCDC !important;
	color: #758697 !important;
	opacity: 1;
}

.k-picker-wrap input, .k-dropdown-wrap .k-input {
	height: 30px !important;
	padding-left: 12px !important;
}
.old-form .k-picker-wrap input, .old-form .k-dropdown-wrap .k-input {
	height: 1.95em !important;
	text-indent: 0px;
}

.header-label {
	color: #27333F;
	font-weight: 600;
}
/* --- */
.fancybox-opened .fancybox-title {
	text-align: center;
	font-weight: bold;
}
/*--*/
.newline-icon {
	line-height: 30px;
}

.panel-container {
	display: flex; 
	align-items: stretch;
	flex-direction: row;
	float: none;
}

.shadow-box {
	box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 20%);
	float: left;
	margin: 10px;
	padding: 0px;
}

.shadow-box .form-group, .inline-icon-container {
	margin-right: 8px;
	display: flex;
	align-content: center;
}

.shadow-box .text-danger, .inline-icon-container .text-danger {
	margin-left: -8px;
	position: relative;
}

.shadow-box-row-container {
	display: flex;
	margin-top: auto;
	margin-bottom: auto;
	margin-right: 4px;
}

.shadow-box-icon-container {
	padding-left: 5px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.mu_wrapper.inline_icon {
	position: absolute;
	margin-left: 5px;
	z-index: 10;
}

.shadow-box-fancy-checkbox {
	width: 18px;
	height: 18px;
	accent-color: #27333F;
	border: 1px solid #27333F;
}

.checkbox-label {
	margin: 0px !important;
	display: flex;
	align-items: center;
}
/*--*/
.newline-icon {
	line-height: 30px;
}

.panel-container {
	display: flex; 
	align-items: stretch;
	flex-direction: row;
}

.shadow-box .form-group {
	margin-right: 8px;
	display: flex;
	align-content: center;
}

.shadow-box .text-danger {
	margin-left: -8px;
	position: relative;
	margin-top: auto;
	margin-bottom: auto;
	top: 0px;
}

.shadow-box .form-group {
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 18px;
}

.shadow-box-separator-title {
	height: 40px;
	width: 100%;
	display: flex;
	padding-left: 15px;
	background-color: #F4F4F4;
	padding-bottom: 0px;
	align-items: center;
	font-weight: bold;
	color: #27333F;
	margin-bottom: 15px;
}

.shadow-box-icon-container {
	padding-left: 5px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.growing-control {
	flex-grow: 1;
	width: 0px !important;
}

.JobTypeDetailControllGroup > .k-dropdown .k-state-default .k-input, .k-dropdown .k-state-default .k-select, .k-datepicker .k-state-default .k-select, .k-dropdown .k-dropdown-wrap:hover, .k-dropdown-wrap.k-state-hover, .k-dropdown-wrap.k-state-active {
	height: auto !important;
}

#user-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

#user-image-div {
	background-color: #333333;
	align-content: center;
	border-radius: 50%;
	display: inline-block;
	padding: 2.5px;
	justify-content: center;
}

#user-image {
	height: 37px;
	width: 37px;
	box-shadow: 0 0 0 2px rgb(0 0 0 / 77%);
	object-fit: cover;
}

#initials {
	background-color: #333333;
	color: white;
	font-size: 125%;
	text-align: center;
	padding-top: 8px;
	height: 39px;
	width: 39px;
	border-radius: 50%;
	display: inline-block;
	cursor: default;
}

#closed-job-action-button-default {
	padding-left: 20px;
	padding-right: 20px;
}

.textarea-for-notes {
	color: black;
}


#sendEmailModeal .text-danger {
	position: relative;
}

.services-bar {
	overflow: hidden;
	margin-bottom: 15px;
	background-color: #fff;
}.k-filtercell > span .k-button,
.k-filtercell > span .k-dropdown-operator {
	width: 30px !important;
}

.k-filtercell {
	height: 28px;
}

#divVerifyOrderForms .k-grid td {
	border: 0;
}

#choosePrintModal .modal-dialog {
	width: 800px;
}

.choose-fingerprint-from-images.tab-pane {
	align-items: flex-end;
	max-width: 100%;
}

.choose-fingerprint-from-images.tab-pane.active {
	display: flex;
	flex-wrap: wrap;
}

.choose-fingerprint-from-images.tab-pane > div {
	margin: 5px;
	border: solid 2px transparent;
	flex: 0 1 32%;
}

.choose-fingerprint-from-images.tab-pane > div.selected {
	border: solid 2px var(--primary-color);
}

.choose-fingerprint-from-images.tab-pane img {
	width: 100%;
	height: auto;
	max-height: 500px;
	cursor: pointer;
}

.long-text-cell-with-line-breaks {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	max-width: 100%;
	overflow: hidden;
}

.clickable-cursor {
	cursor: pointer;
}

.hint-message-for-filters {
	margin-left: auto;
	font-size: 12px;
	font-style: italic;
}

.percent-symbol {
	font-size: 15px;
	font-weight: bold;
}

.flex-center-all-directions {
	display: flex;
	justify-content: center;
	align-items: center;
}

.k-grid-content {
	max-height: calc(100vh - 200px)!important;
}

.copy-text-container {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	width: 92%;
	float: right;
}

@media (min-width: 850px) and (max-width: 1360px) {
	.responsive-container {
		display: grid;
		grid-template-areas:
			"first-row-first-element first-row-second-element"
			"second-row-element second-row-element"
	}

	.responsive-grid-item1 {
		grid-area: first-row-first-element;
		width: 95%;
		justify-self: center;
	}

	.responsive-grid-item2 {
		grid-area: first-row-second-element;
		width: 95%;
		justify-self: center;
	}

	.responsive-grid-item3 {
		grid-area: second-row-element;
		width: 95%;
		justify-self: center;
	}
}

@media (max-width: 849px) {
	.responsive-container {
		display: flex;
		flex-direction: column;
	}

	.responsive-item {
		width: 95%;
		align-self: center;
	}
}

.nav.navbar-top-links.pull-right {
	display: flex;
	align-items: center;
}
.nav.navbar-top-links.pull-right li.server-time {
	padding: 0 10px;
}

.copy-button{
	max-width: 15px;
	cursor: pointer;
}

.copy-icon {
	content: url("../../Resources/Images/Icons/Copy_icon.svg");
}

.copy-icon-after {
	content: url("../../Resources/Images/Icons/Copy_icon_copied.svg");
}

.copy-subitem-button {
	float: right;
}

#jobItemBasedRejectionDialogContent {
	width: 1250px;
}

@media (min-width: 768px) {
	#JobOrderList .panel-control.col-sm-3 {
		width:fit-content;
	}
}

.vue-fine-uploader-gallery-file {
	padding-top: 30px!important;
}

.vue-fine-uploader-thumbnail-container {
	top: auto!important;
}

.vue-fine-uploader-gallery-thumbnail-icon-backdrop,
.vue-fine-uploader-gallery-upload-success-icon {
	display:none!important;
}

.vue-fine-uploader-gallery-filename,
.vue-fine-uploader-gallery-status,
.vue-fine-uploader-gallery-filesize {
	display: block!important;
	text-align: center!important;
}

.vue-fine-uploader-gallery-file-input-container {
	border: 1px solid var(--primary-color)!important;
	background-color: var(--primary-color)!important;
	text-transform: uppercase!important;
	text-align: center!important;
	font: 12px Segoe UI!important;
	letter-spacing: 0!important;
	color: var(--primary-text-color)!important;
}

.vue-fine-uploader-gallery-file-input-container:hover {
	background-color: #FFFFFF!important;
	color: var(--primary-color)!important;
}

.vue-fine-uploader-gallery-file-input-container:hover .vue-fine-uploader-gallery-file-input-upload-icon {
	fill: var(--primary-color)!important;
}

.vue-fine-uploader-gallery-dropzone {
	border: 2px dashed #000!important;
}

@media (max-width: 1024px) {
	.k-grid-content {
		height: 78% !important;
	}
}

#page-breadcrumb #_elev_io > div {
	transform: translate3d(-0px, -12px, 0px) !important;
}

#page-breadcrumb .page-header {
	line-height: 8px;
}

.bulk-action-item-name {
	float: left;
	width: 85%;
	padding: 0px 15px 0px 0px;
	margin-right: 10px;
}

.bulk-action-dropdown-li {
	padding: 5px 0px 5px 0px !important;
}
.bg-orange {
	background-color : var(--primary-color);
}

.detail-dropdown-buttons .default-action {
	border-bottom-right-radius: 0 !important;
	border-top-right-radius: 0px !important;
}
.detail-dropdown-buttons .dropdown-toggle {
	border-bottom-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
}
.inventory-attr-filter {
	display: flex;
	position: relative;

}
.inventory-attr-filter .text-danger {
	position: absolute;
	right: -10px;
	float: none;
}

.disabled-primary-btn {
	cursor: not-allowed !important;
	opacity: 0.5 !important;
}
.disabled-primary-btn:hover {
	background: var(--primary-button-bg-color) !important;
	border: 1px solid var(--primary-button-border-color) !important;
	color: var(--primary-button-text-color) !important;
}

.pad-0{
	padding: 0;
}
.height-100{
	height: 100%;
}

.maxed-out-img{
	padding: 0;
	max-width:100%;
	height:auto;
	max-height:100%
}

.global-img-comp-button{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
}

.text-underline{
	text-decoration: underline;
}
.comma-after-text{
	margin-left: -3px;
}

.generate-ref-links{
	margin-right: 0px !important;
	margin-left: 7px !important; 
	padding-top: 7px;
}

.img-edit-btn{
	background: transparent;
	padding: 0;
	border: 0;
	-webkit-appearance: none;
}
@media (min-width: 1280px) {

	.custom-width-72{
		width: 72.5% !important;
	}
	.custom-width-58{
		width: 58% !important;
	}
	.custom-width-64{
		width: 64.5% !important;
	}
}
.links-field{
	margin-right: 13px;
	padding: 5px;
	border: 1px solid #DCDCDC;
	margin-left: 9px;
	border-radius: 1px;
	background-color: #f4f4f4;
	min-height: 30px;
}

.disable-vue-tags {
	background-color: #f4f4f4 !important;
	color: #758697
}

.disable-vue-tags .ti-icon-close{
	display: none;
}

.vue-tags-input {
	width: 100% !important;
	max-width: none !important;
}

.vue-tags-input .ti-input {
	border-radius: 2px !important;
	border-color: #DCDCDC !important;
}

.vue-tags-input .ti-new-tag-input-wrapper input::placeholder {
	color: #d6cccf !important;
}

.vue-tags-input .ti-tag {
	background: #9EABB8 !important;
	font-size: 13px !important;
}

.ti-new-tag-input-wrapper input {
	font-size: 13px !important;
}

.vue-tags-input .ti-selected-item {
	background: #9EABB8 !important;
	font-size: 13px !important;
}

.grid-links {
	text-decoration: underline !important;
}

.invoice-detail-address-management-frame {
	display: none;
	position: fixed;
	z-index: 100000;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
}

.multiselect-input {
	width: auto;
}

.multiselect-input.k-multiselect.k-header.k-state-focused {
	box-shadow: none;
	border-color: orangered;
}

.multiselect-input .k-button{
	color: black;
	background-color: #dddddd;
}

.multiselect-input .k-button.k-state-hover {
	background-color: #eaeaea;
}

/*notifications*/
.notification-bell {
	content: url("../../Resources/Images/Icons/bell-icon.svg");
	height: 20px;
}

.notification-eye {
	content: url("../../Resources/Images/Icons/eye-icon.svg");
	height: 11px;
	cursor: pointer;
	margin-right:12px;
}

.notification-delete {
	content: url("../../Resources/Images/Icons/delete-icon.svg");
	cursor: pointer;
}

.notification-history {
	content: url("../../Resources/Images/Icons/history-icon.svg");
	cursor: pointer;
	margin-left: -7px;
	margin-right: -5px;
}

.notification-mark-as-read {
	content: url("../../Resources/Images/Icons/mark-as-read-icon.svg");
	cursor: pointer;
	margin-top: -5px;
	margin-right: 5px;
}

.notification-mark-as-unread {
	content: url("../../Resources/Images/Icons/mark-as-unread-icon.svg");
	cursor: pointer;
	margin-right: 5px;
	margin-bottom: -1px;
}

.notification-mark-as-unread:hover {
	content: url("../../Resources/Images/Icons/mark-as-read-icon.svg");
	cursor: pointer;
	margin-right: 5px;
	margin-bottom: 5px;
}

.notification-mark-as-read:hover {
	content: url("../../Resources/Images/Icons/mark-as-unread-icon.svg");
	cursor: pointer;
	margin-right: 5px;
	margin-top: 1px;
}

.btn-primary-notes {
	color: var(--primary-color) !important;
	background: #FFFFFF !important;
	border: 1px solid var(--primary-color) !important;
}


.notes-button-container {
	display: flex;
	justify-content: flex-end;
	position: relative;
}

.notification-badge {
	display: inline-flex;
	width: 10px;
	height: 10px;
	background-color: #f4765a;
	border-radius: 50%;
	border: 1px solid #ffffff;
	position: relative;
	top: 3px;
	right: 5px;
}

.timeline-user-name {
	color: var(--primary-color);
	font-weight: bold;
}

.overflow-y-360{
	overflow-y: auto;
	max-height: 360px;
}

.d-flex{
	display: flex;
}

.justify-flex-between{
	justify-content: space-between;
}

.list_icon {
	margin-top: 3px;
	margin-left: 5px;
	content: url("../../Resources/Images/Icons/list_icon.svg");
}

.list_icon:hover {
	content: url("../../Resources/Images/Icons/list_icon_hover.svg");
}

.gear_icon {
	margin-top: 5px;
	margin-left: 5px;
	content: url("../../Resources/Images/Icons/gear_icon.svg");
}

.gear_icon:hover {
	content: url("../../Resources/Images/Icons/gear_icon_hover.svg");
}

.available-attribute-link {
	text-decoration: underline;
	cursor: pointer;
}

.totalValues {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	column-gap: 10px;
	margin: 8px 8px 0px 0px;
	align-items: baseline;
}
.totalValuesFixHeight {
	height: 30px;
	padding-left: 10px;
}
.total-value-pair {
	display: flex;
	align-items: baseline;
}

.total-price {
	font-weight: bold;
	font-size: 14px;
	color: #52606d;
}

.total-label {
	margin-right: 5px;
}

.total-item-count {
	font-weight: bold;
	font-size: 14px;
	color: #52606d;
}