/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.error-message {
	display: none;
}

/* === */
input.wait-marker {
	background: url('/icon/loading.svg') no-repeat right;
}


/* ============================ wait dialog ============================ */
#pleaseWaitDialog {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
}

	#pleaseWaitDialog .wait-dialog-fade {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 0.75;
	}

	#pleaseWaitDialog .wait-dialog-content {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-content: center;
		justify-content: center;
	}

	#pleaseWaitDialog img {
		width: 10rem;
	}


/* ============================ login form ============================ */

.atb-login-form {
	max-width: 35rem;
	width: 100%;
}

	.atb-login-form .atb-logo {
		width: 10rem;
	}


/* ============================ small link with icon ============================ */

.small-link-with-icon {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	border: 1px solid rgb( 51, 51, 238 );
	padding: 0.3rem;
	border-radius: 0.2rem;
	color: rgb( 51, 51, 238 );
	font-size: 0.9rem;
}

	.small-link-with-icon.horizontal {
		flex-direction: row;
	}

	.small-link-with-icon.vertical {
		flex-direction: column;
	}


.small-link-with-icon:hover {
	background-color: rgba( 51, 51, 238, 0.2 );
}

.small-link-with-icon:active {
	background-color: rgba( 51, 51, 238, 0.4 );
}

.small-link-with-icon.red {
	border: 1px solid rgb( 238, 51, 51 );
	color: rgb( 238, 51, 51 );
}

	.small-link-with-icon.red:hover {
		background-color: rgba( 238, 51, 51, 0.2 );
	}

	.small-link-with-icon.red:active {
		background-color: rgba( 238, 51, 51, 0.4 );
	}

.small-link-with-icon > img {
	width: 1rem;
	filter: invert(17%) sepia(94%) saturate(6095%) hue-rotate(245deg) brightness(93%) contrast(100%);
}

.small-link-with-icon.red > img {
	filter: invert(27%) sepia(100%) saturate(1697%) hue-rotate(340deg) brightness(93%) contrast(100%);
}

	.small-link-with-icon > span {
		text-align: center;
		text-wrap: auto;
	}

.small-link-with-icon:hover > span {
	text-decoration: underline;
}

@media (min-width: 768px) {

	.small-link-with-icon {
		flex-direction: row;
	}
		.small-link-with-icon > span {
			text-wrap: nowrap;
		}

}


/* ============================ data row ============================ */

div.data-row {
	color: rgb( 64, 64, 64 );
}

	div.data-row:hover {
		color: rgb( 64, 64, 255 );
		background-color: rgba( 255, 255, 212, 0.6 );
	}

	div.data-row:focus-within {
		background-color: rgb( 255, 255, 212 );
	}

	div.data-row .auto-hide {
		max-height: 0;
		overflow: hidden;
		transition: max-height .5s ease;
	}

	div.data-row:focus-within .auto-hide,
	div.data-row:hover .auto-hide {
		max-height: 5rem;
	}


	/*
	div.data-row .row-controls {
		display: flex;
		justify-content: end;
		align-items: end;
		max-height: 0;
		overflow: hidden;
		transition: max-height .5s ease;
	}

		div.data-row .row-controls.always-visible {
			max-height: revert;
		}

	div.data-row:focus-within .row-controls,
	div.data-row:hover .row-controls {
		max-height: 10rem;
	}

	div.data-row .row-controls a {
		padding: 0.2rem;
		text-decoration: none;
		display: flex;
		border: 1px solid rgb( 196 , 196 , 196 );
		border-radius: 0.2rem;
		margin: 0 0.1rem 0 0.1rem;
	}

		div.data-row .row-controls a img {
			width: 1.3rem;
			padding: 0px;
		}

		div.data-row .row-controls a span {
			overflow: hidden;
		}

		div.data-row .row-controls a:hover {
			background-color: rgba( 255, 212 , 164 );
			text-decoration: underline;
		}
*/

/* ============================ unsorted ============================ */


	div.data-row .hover-only {
		display: none;
	}

	div.data-row:focus-within .hover-only {
		display: revert;
	}

.accordion-button.disabled::after {
	display: none !important;
}

.bold-on-small {
	font-weight: bold;
}

.larger-on-small {
	font-size: 1.25rem;
}

@media (min-width: 768px) {
	div.data-row .highlight-on-small,
	div.data-row:hover .highlight-on-small {
		background-color: revert;
	}

	.bold-on-small {
		font-weight: revert;
	}

	.larger-on-small {
		font-size: revert;
	}
}

.link-bar {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.link-with-icon {
	color: #0d6efd;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	justify-content: center;
	width: 6rem;
}

.link-bar .link-with-icon {
	padding: .25rem !important;
	margin: 0 .12rem 0 .12rem !important;
}

.link-bar .link-with-icon span {
	padding: 0 .1rem 0 .1rem;
}

@media (min-width: 768px) {
	.link-bar {
		justify-content: end;
	}
	.link-with-icon {
		flex-direction: row;
		width: 10rem;
	}
}

	.link-with-icon span {
		color: #0d6efd;
		text-decoration: none;
	}

	.link-with-icon:hover {
		color: #0047b0;
	}

		.link-with-icon:hover span {
			color: #0047b0;
			text-decoration: none;
		}

.product-list-icon {
	width: 5rem;
}

@media (min-width: 768px) {
	.product-list-icon {
		width: 3rem;
	}
}


.carousel .carousel-indicators BUTTON {
	background-color: #88F;
}

.carousel .carousel-control-prev-icon,
.carousel .carousel-control-next-icon {
	background-color: #88F;
	opacity: 0.4;
	height: 5rem;
}

.carousel .carousel-control-next,
.carousel .carousel-control-prev {
	width: 4%;
}

.carousel .product-slide {
	height: 60vh;
	background: url("/icon/document.svg") no-repeat center center;
	background-size: contain;
}

.edit-button {
	background: url("/icon/edit.svg") no-repeat center center;
	background-size: contain;
	display: inline-block;
	width: 1rem;
	height: 1rem;
}

.product-modal-dialog .product-attachments {
	display: flex;
	flex-direction: column;
}

.product-modal-dialog .product-attachments A.product-attachment-link {
	border: 1px solid #999;
	margin-top: 2px;
	padding: 5px;
	text-decoration: none;
}

	.product-modal-dialog .product-attachments A.product-attachment-link:hover {
		border: 2px solid #99F;
		padding: 4px;
	}

.product-modal-dialog .product-attachments A.product-attachment-link img {
	width: 2rem;
}



.autocomplete {
	position: relative;
	display: inline-block;
}

.autocomplete-items {
	position: absolute;
	border: 1px solid #d4d4d4;
	z-index: 99;
	top: 100%;
	left: 0;
	right: 0;
}

	.autocomplete-items .autocomplete-item {
		cursor: pointer;
		padding: 0.2rem;
		background-color: #fff;
		border-bottom: 1px solid #d4d4d4;
	}

		.autocomplete-items .autocomplete-item:hover {
			background-color: #ffc;
		}












.maxw-none { max-width: inherit; }
.maxw-6 { max-width: 6rem; }
.maxw-9 { max-width: 9rem; }
.maxw-12 { max-width: 12rem; }

@media (min-width: 768px) {
	.maxw-md-none { max-width: inherit;	}
	.maxw-md-9 { max-width: 6rem; }
	.maxw-md-9 { max-width: 9rem; }
	.maxw-md-12 { max-width: 12rem; }
}

/*
.fs-1 {
	font-size: 1rem;
}
.fs-2 {
	font-size: 1.2rem;
}
.fs-3 {
	font-size: 1.3rem;
}
.fs-4 {
	font-size: 1.4rem;
}
*/