@font-face {
	font-family: "Lexend";
	src: url("fonts/Lexend-Medium-CcJ-CKmR.ttf");
	font-weight: 500;
}
@font-face {
	font-family: "Open Sans";
	src: url("fonts/OpenSans-SemiBold-D3TTYgdB.ttf");
	font-weight: 600;
}

@font-face {
	font-family: "Inter";
	src: url("fonts/Inter-Regular-DYjygwQm.ttf");
}

@font-face {
	font-family: "Inter Medium";
	src: url("fonts/Inter-Medium-CKLJZXR2.ttf");
}

@font-face {
	font-family: "Inter Bold";
	src: url("fonts/Inter-SemiBold-XVCL1Lno.ttf");
}

: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: Inter, sans-serif;
	font-size: 1.6rem;
	font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Lexend, sans-serif;
}
b,
strong {
	font-family: "Inter Bold", sans-serif;
}
.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;
}

#filtersRow {
	position: absolute;
    z-index: 990;
    background: #fff;
    padding: 20px 0;
    top: 50px;
    width: 400px;
    right: 15px;
    font-size: 0.9rem;
    border: 1px solid rgba(0, 0, 0, .125);
}

#filtersRow.modifiedtop {
	top: 105px;
}

#filtersRow.modifiedtop2 {
	top: 126px;
}

/* 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 */

.navbar-expand-lg .navbar-nav {
	flex-direction: column !important;
	font-size: 0.75rem;
	font-weight: 700;
}

.pagination > li.active {
	z-index: unset !important;
}

body {
	margin-bottom: 0px !important;
}

.white-bg {
	background-color: #fff !important;
}

/* SIDEBAR */
#sidebar.sidebar-expanded,
#header-left {
	width: 200px;
	float: left;
}

#sidebar.sidebar-expanded,
#sidebar.sidebar-expanded nav,
#sidebar.sidebar-expanded #navbarNav ul {
	width: 200px;
}

#sidebar.sidebar-collapsed {
    width: 60px;
	float: left;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#sidebar.sidebar-collapsed,
#sidebar.sidebar-collapsed nav,
#sidebar.sidebar-collapsed #navbarNav ul {
    width: 60px;
}

#sidebar.sidebar-collapsed i {
    text-indent: -30px;
    white-space: normal;
    overflow: visible;
}

#sidebar.sidebar-collapsed ul li:first-child i {
	/*
    text-indent: -26px;
	*/
}

#main-content {
	min-height: 100vh;
}

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

.ring-white {
	--tw-ring-opacity: 1;
	--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1));
}

.ring-2 {
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
		var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
		calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
		var(--tw-shadow, 0 0 #0000);
}

.text-base {
	font-size: 1rem;
}

.object-cover {
	-o-object-fit: cover;
	object-fit: cover;
}

.rounded-full {
	border-radius: 9999px;
}
.overflow-hidden {
	overflow: hidden;
}
.justify-center {
	justify-content: center;
}
.items-center {
	align-items: center;
}
.min-w-\[32px\] {
	min-width: 32px;
}
.w-\[32px\] {
	width: 32px;
}
.min-h-\[32px\] {
	min-height: 32px;
}
.h-\[32px\] {
	height: 32px;
}
.inline-flex {
	display: inline-flex;
}

.bg-black {
	--tw-bg-opacity: 1;
	background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

#main-content,
#header-right {
	width: calc(100% - 200px);
	float: right;
}

#main-content.sidebar-collapsed {
	width: calc(100% - 60px);
}

#header-left {
	padding-left: 10px;
}

#header-left {
	padding-right: 10px;
}

#main-content::after {
	clear: both;
}

/*@supports ((position: -webkit-sticky) or (position: sticky)) {
	.sticky-top {
		position: relative;
	}
}*/

#sidebar,
#sidebar nav,
#sidebar #navbarNav ul {
	padding: 0px !important;
}

#sidebar #navbarNav ul li {
	padding: 9px 0px !important;
}


.navbar-expand-lg .navbar-nav .dropdown-menu {
	position: relative !important;
}
/* SIDEBAR end */

.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 3.5px;
	border-bottom-right-radius: 3.5px;
}

.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:not(:first-child) {
	border-top-left-radius: 3.5px;
	border-bottom-left-radius: 3.5px;
	margin-left: 5px;
}

.btn {
	padding: 12px 24px !important;
}

.breadcrumb {
	background-color: #fff;
}

.dropdown-item {
	white-space: normal;
	font-size: 12px;
}

.dropdown-menu {
	border: none;
}

#sidebar #navbarNav .dropdown-submenu ul li {
	padding: 0px 0px 0px 5px !important;
	padding-left: 5px;
}

.products .input-group input {
	height: auto;
}

.products .input-group .btn {
	margin-bottom: 0px;
}

.catalogue-image-wrapper {
	height: 300px;
	overflow: hidden;
}

.catalogue-image-wrapper img {
	transition: transform 0.5s ease;
}

.catalogue-image-wrapper:hover img {
	transform: scale(1.05);
}

.table-bordered {
    border: none;
}

.table-bordered th {
    border-top: none;
}

.td-centeralign {
	text-align: center;
	vertical-align: middle;
}
.menu-icon {
	margin-right: 10px;
}
.basket-icon {
	font-size: 1.5rem;
}

.artmatrix-card.border-success .card-footer {
	background-color: #D9EAD3;
}

.artmatrix-card.border-danger .card-footer {
	background-color: #F4CCCC;
}

.artmatrix-card .card-footer:last-child {
    border-radius: 0 0 calc(1.25rem - 1px) calc(1.25rem - 1px);
}

/* TAMAS styles - todo: átnézni */
a.nav-link {
	font-size: 14px;
	border-style: none;
	padding-left: 20px!important;
}
a.nav-link.dropdown-toggle {
	font-size: 14px;
	padding-left: 20px;
}
a.dropdown-item.dropdown-toggle {
	font-size: 12px;
}
div.col-12.col-xs-12.col-sm-12.col-md-4.col-lg-4.col-xl-3.products.ownpager-item {
	border-style: none;
}
div.card.mb-3 {
	border-radius: 10px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-top: 20px;
}
div.card-header {
	border-radius: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-top: 20px;
	border-style: none;
	background-color: #d9d2e9;
}
div.accordion.card.py-2 {
	border-radius: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-top: 20px;
}
div.badge-pill.mb-2.font-weight-bold.touchpoint {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
div.card.my-2 {
	border-style: none;
}
div.tab-content.bg-white.p-4.border-left.border-right.border-bottom.mb-4 {
	border-style: none;
}
div div hr {
	border-style: dotted;
	border-color: #d9d2e9;
	border-width: 1px;
}
ul.nav.nav-tabs {
	border-style: none;
}
div.card.border-danger.h-100 {
	border-style: dotted;
	border-width: 1px;
	border-radius: 20px;
}
div.card.border-success.h-100 {
	border-style: dotted;
	border-width: 1px;
	border-radius: 20px;
}
div.card-footer {
	text-align: center;
}
table.table.table-striped.table-bordered.table-sm {
	border-style: none;
}
div.table-responsive {
	border-style: none;
}
div.col-9.pr-4.py-2 {
	border-style: none;
}
div.collapse.show {
	border-style: none;
}
tbody tr td {
	border-style: none;
}
thead tr th {
	border-style: none;
}
div.grid-item.grid-item-approved {
	border-radius: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-top: 20px;
	border-style: solid;
	border-width: 5px;
	border-radius: 20px;
}
div.grid-item.grid-item-disapprove {
	border-radius: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-top: 20px;
	border-style: dotted;
	border-width: 1px;
	border-radius: 20px;
}
div.col-12.col-md-8.alert.alert-info {
	background-color: #d9d2e9;
	border-width: 0px;
}
div.col-12.col-md-8.offset-md-4.alert.alert-secondary {
	border-width: 0px;
}

div.dam-icon-tile {
	border-radius: 20px;
	border-width: 0px;
}
div.card-body {
	background-color: transparent;
	border-radius: 22px;
}
#dam-browser-list {
	border-width: 0px;
}
#dam-treeview-gui {
	border-width: 0px;
}
/* END OF TAMAS styles */

/* 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);
}


div.grid-row.eshop-grid-image-container {
  margin-left: 10px;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: white;
}
div.grid-row.grid-row-name.altavia-long-text {
  margin-left: 10px;
  margin-right: 10px;
}
div.grid-item {
  margin-left: 5px;
  margin-top: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 15px;
  border-style: none;
  border-radius: 15px;
  background-color: white;
}

.modal-lg, .modal-xl {
	max-width: 80%;
}