:root {
	/*
	light yellow 
	*/
	--notice: rgba(255, 255, 128, 1);
	--alert-notice-color: #a47e1a;
	--alert-notice-color-bg: #fffbe6;
	--alert-notice-color-border: #fff6db;
}

@font-face {
	font-family: Altavia;
	src: url("fonts/Altavia-2017.otf") format("opentype");
}
html {
	position: relative;
	min-height: 100%;
	font-size: 0.875rem;
}
body {
	margin-bottom: 60px; /* Margin bottom by footer height */
	line-height: 1.5;
}
.wordwrap {
	white-space: pre-wrap; /* CSS3 */
	white-space: -moz-pre-wrap; /* Firefox */
	white-space: -pre-wrap; /* Opera <7 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* IE */
}
.print {
	display: none;
}
.logotitle {
	font-family: Altavia;
	font-size: 1.6rem;
	font-weight: 700;
}
.notreaded td {
	font-weight: 700;
}
.no-bullets {
	margin-left: 0px;
	padding-left: 0px;
}
.no-bullets li {
	list-style-type: none;
}
.lang a {
	font-weight: 700;
}
.lang a,
#statusbar a {
	font-size: 0.8rem;
}
#statusbar span {
	line-height: 10px;
}
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	font-size: 0.9rem;
	font-weight: 500;
	height: 40px;
	line-height: 40px;
}
.unreaded {
	font-weight: 700;
}
header h1 {
	font-weight: 500;
	font-size: 1.2rem;
	font-weight: 600;
}
.orders-breadcumb-item {
	padding: 10px;
}
.summary .btn-group {
	display: none;
}
.main-title {
	display: inline-block;
}
.products .card-body ul {
	font-size: 0.8rem;
}
.products .card-body h5 {
	min-height: 42px;
}
.products form {
	margin-bottom: 0;
}
.product-pcs .material-icons {
	font-size: 1.2rem;
	font-weight: 700;
	vertical-align: middle;
}
.limit-four-rows-text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; /* number of lines to show */
	line-height: 16px; /* fallback */
	max-height: 64px; /* fallback */
}
.pos-kitting-items {
	border: 2px solid #aaa !important;
}
.datagroup {
	background: #aaa;
}
.selected-duallist {
	background: #0069d9;
    color: #fff;
}
.duallist-wrapper .card {
	overflow: auto;
}
.duallist-checkbox-label {
	width: 100%;
}
.duallist-checkbox-label {
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

.sticky-col {
	position: -webkit-sticky;
	position: sticky;
	background-color: white;
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	left: 0px;
}

/* Loader */
.loader-container {
	position: fixed;
	min-height: 100%;
	min-width: 100%;
	left: 0;
	top: 0;
	background: rgba(50, 50, 50, 0.8);
	z-index: 9999;
	overflow: hidden;
}
.loader-text {
	font-weight: 700;
	color: #fff;
	font-size: 2em;
	margin-left: 10px;
}
.lds-roller {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 40px 40px;
}
.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #fff;
	margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
	top: 63px;
	left: 63px;
}
.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
	top: 68px;
	left: 56px;
}
.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
	top: 71px;
	left: 48px;
}
.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
	top: 72px;
	left: 40px;
}
.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
	top: 71px;
	left: 32px;
}
.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
	top: 68px;
	left: 24px;
}
.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
	top: 63px;
	left: 17px;
}
.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
	top: 56px;
	left: 12px;
}
@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/* end of loader */

/* login */
.form-signin {
	width: 100%;
	max-width: 350px;
}
.form-signin .checkbox {
	font-weight: 400;
}
.form-signin .form-control {
	height: auto;
	padding: 10px;
	font-size: 1.05rem;
}
.form-signin .form-control:focus {
	z-index: 2;
}
.form-signin input[type="text"] {
	margin-bottom: -1px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
	margin-bottom: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.details-control .material-icons {
	font-size: 2.2rem;
}
td.details-control {
	/*padding: 0 20px;*/
	cursor: pointer;
	/*background: url(../assets/images/details_open.png) no-repeat center center;*/
}
.card-top {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 250px;
}
.card-top-sm {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 180px;
	padding: 7px;
}
.card-img-top-fixed {
	max-width: 100%;
	width: auto;
	max-height: 250px;
	vertical-align: middle;
}
.card-img-top-fixed-sm {
	max-width: 100%;
	width: auto;
	max-height: 166px;
	vertical-align: middle;
}
.card-img-top {
	max-width: 100%;
	width: auto;
	max-height: 15vw;
	vertical-align: middle;
}
.catalogue-image-wrapper {
	height: 15vw;
	line-height: 15vw;
	text-align: center;
}
.oi-large {
	font-size: 8rem;
}
.eshop-title {
	min-height: 42px;
	font-size: 1.15rem;
}
.paginate-right {
	margin: 0;
	white-space: nowrap;
	text-align: right;
}
.paginate-right .pagination {
	margin: 2px 0;
	white-space: nowrap;
	justify-content: flex-end;
}

/* dropdown */
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu a::after {
	transform: rotate(-90deg);
	position: absolute;
	right: 6px;
	top: 0.8em;
}

.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: 0.1rem;
	margin-right: 0.1rem;
}

.dropdown-submenu.active .dropdown-toggle {
	font-weight: 500;
}

.master-db {
	font-size: 0.8rem;
}

.logo-img {
	max-height: 65px;
	max-width: 225px;
	width: auto;
	height: auto;
}

/* development */
.development nav.navbar,
.development .footer {
	background-color: #ff0000 !important;
	color: #fff !important;
}
.development nav.navbar a,
.development .footer a {
	color: #fff !important;
}
.development nav.navbar .dropdown-item {
	color: #232323 !important;
}
.development header .logotitle:after {
	content: " - Test Site!!!!";
}
.development header .logotitle:before {
	content: "Test Site!!!! - ";
}
.development header .logotitle {
	animation: blinker 1s linear infinite;
}
@keyframes blinker {
	50% {
		opacity: 0;
	}
}
/* end of dev css */

.rotation-wrapper-outer {
	display: table;
}
.rotation-wrapper-inner {
	padding: 50% 0;
	height: 0;
}
.element-to-rotate {
	display: block;
	transform-origin: top left;
	/* Note: for a CLOCKWISE rotation, use the commented-out
       transform instead of this one. */
	transform: rotate(-90deg) translate(-100%);
	/* transform: rotate(90deg) translate(0, -100%); */
	margin-top: -50%;

	/* Not vital, but possibly a good idea if the element you're rotating contains
    text and you want a single long vertical line of text and the pre-rotation
    width of your element is small enough that the text wraps: */
	white-space: nowrap;
}

th.rotated-text {
	height: 140px;
	white-space: nowrap;
	padding: 0 !important;
}

th.rotated-text > div {
	transform-origin: top left;
	transform: rotate(-90deg) translate(-100%);
}

/* SUBMENU */
.dropdown-submenu {
	position: relative;
}

.dropdown-submenu a::after {
	transform: rotate(-90deg);
	position: absolute;
	right: 6px;
	top: 0.8em;
}

.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-left: 0.1rem;
	margin-right: 0.1rem;
}
/* END OF SUBMENU */

/*
th.rotated-text > div > span {
	// padding: 5px 10px;
}
*/

/* DAM styles */

#folders li {
	list-style-type: none;
}

/* END OF DAM styles */

.fixed-table {
	table-layout: fixed;
	display: none;
	white-space: normal;
}

.fixed-table th,
.fixed-table td {
	white-space: normal !important;
}

.duallist-wrapper select[size="7"] {
	height: calc(10.5rem + 30px) !important;
}
.duallist-wrapper select[size="10"] {
	height: calc(15.2rem + 30px) !important;
}
.duallist-wrapper select[size="15"] {
	height: calc(23.5rem + 30px) !important;
}

.dtable-container {
	max-width: 100% !important;
}

.dtable-container table {
	white-space: nowrap !important;
	width: 100% !important;
	border-collapse: collapse !important;
}
.cursor-pointer {
	cursor: pointer;
}
.cursor-move {
	cursor: move;
}
.acc-header {
	cursor: pointer;
	padding: 0.5rem 1rem;
}
.acc-body {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.acc-body a {
	padding: 0.375rem 0.5rem;
	cursor: pointer;
	display: block;
}

/* Extra small devices (portrait phones, less than 576px)
   No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#navbarNav .nav-link:before {
		content: "|";
		padding-right: 20px;
		padding-left: 20px;
	}
	#navbarNav .first-nav-item a:before {
		content: none;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

.image-preview-hidden {
	max-width: 60px;
	height: auto;
}

.altavia-long-text {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

  /* Optional for better word wrapping */
  word-break: break-word;
  white-space: normal;
}

.altavia-growl pre {
	color: white !important;
}

.altavia-growl pre,
.alert pre {
	white-space: pre-wrap; /* Maintains formatting and allows line breaks */
	word-break: break-all; /* Forces line breaks after every character */
	overflow-wrap: break-word; /* Ensures there are no overflow issues */
	overflow: visible; /* Ensures that nothing is hidden by overflow */
}

.jgrowl-alert-empty {
	background-color: black !important;
	color: white !important;
}

.jgrowl-alert-secondary {
	background-color: var(--secondary) !important;
	color: white !important;
}
.jgrowl-alert-success {
	background-color: var(--success) !important;
	color: white !important;
}
.jgrowl-alert-info {
	background-color: var(--primary) !important;
	color: white !important;
}
.jgrowl-alert-notice,
.jgrowl-alert-notice .altavia-growl pre {
	background-color: var(--notice) !important;
	color: black !important;
}
.jgrowl-alert-warning,
.jgrowl-alert-warning .altavia-growl pre {
	background-color: var(--warning) !important;
	color: black !important;
}
.jgrowl-alert-danger {
	background-color: var(--danger) !important;
	color: white !important;
}

.jGrowl .ui-state-highlight {
	background-color: transparent; /* Override background */
	border: none; /* Override border */
	box-shadow: none; /* Override shadow */
}

.sticky-container {
	background-color: rgba(245, 245, 245, 0.75);
	backdrop-filter: blur(5px);
}

.alert-notice {
	color: var(--alert-notice-color);
	background-color: var(--alert-notice-color-bg);
	border-color: var(--alert-notice-color-border);
}