/* --- begin animate-flicker --- */
@keyframes flickerAnimation {
	0%   { opacity:1; }
	50%  { opacity:0; }
	100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
	0%   { opacity:1; }
	50%  { opacity:0; }
	100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
	0%   { opacity:1; }
	50%  { opacity:0; }
	100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
	0%   { opacity:1; }
	50%  { opacity:0; }
	100% { opacity:1; }
}
.animate-flicker {
	-webkit-animation: flickerAnimation 2s infinite;
	-moz-animation: flickerAnimation 2s infinite;
	-o-animation: flickerAnimation 2s infinite;
	animation: flickerAnimation 2s infinite;
}
/* --- end animate-flicker --- */

/* --- begin font awesome --- */
.reveal .fa {
  font-family: 'FontAwesome';
  font-style: normal;
}
/* --- end font awesome --- */

.navbar-brand img {
	width: auto;
	height: 2.625rem;
}

section {
	padding-bottom: 1rem;
}
@media only screen and (max-width: 1199px) {
	.navbar-brand {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		padding-right: 5rem !important;
	}
	main {
		margin-top: 5.4rem;
	}
	main.scrolled-up {
		margin-top: 5.4rem;
		transition: all 0.3s ease-in-out;
	}
	main.scrolled-down {
		margin-top: 0.375rem;
		transition: all 0.3s ease-in-out;
	}
	header.scrolled-down{
		transform:translateY(-100%);
		transition: all 0.3s ease-in-out;
	}
	header.scrolled-up{
		transform:translateY(0);
		transition: all 0.3s ease-in-out;
	}
}

@media only screen and (min-width: 1200px) {
	.navbar-brand {
		margin-left: 3rem !important;
		margin-right: 5rem !important;
	}
}

@media only screen and (min-width: 1200px) {
	.navbar-brand {
		margin-left: 1.375rem !important;
		margin-right: 2rem !important;
	}
	main {
		margin-top: 6.25rem;
	}
}

@media only screen and (min-width: 1200px) {
	.navbar-spacer {
		height: 5rem;
	}
}
@media only screen and (max-width: 1199px) {
	.navbar-spacer {
		height: 3.75rem;
	}
}

/*
* >>>>>>>>>>>>>>>>>>>>>>>>>>>> PRINT SETTINGS >>>>>>>>>>>>>>>>>>>>>>>>>>>>
*/
@media print {
	main.overflow-auto {
		overflow: visible !important;
	}

  	.container {
    	width: auto;
  	}

	.table-card-toolbar, .top-scroll-btn {
		display: none !important;
	}

	body { 
		print-color-adjust: exact; } 

	::-webkit-scrollbar {
	    display: none;
	}
	
	.custom-fullscreen {
		position: absolute !important;
		overflow: visible !important;
		height: auto !important;
		padding-top: 0px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;		 
	}
	
	.bootstrap-table.fullscreen{
		position: absolute !important;
		overflow: visible !important;
		background: #fff !important;
		height: auto !important;
	}
}
/*
* <<<<<<<<<<<<<<<<<<<<<<<<<<<< PRINT SETTINGS <<<<<<<<<<<<<<<<<<<<<<<<<<<<
*/


.btn-secondary {
  transition: background-color 0.3s; /* Smooth transition */
  /* background-color: var(--bs-white); */
}

.btn-secondary:hover {
  border: 1px solid var(--bs-border-color); /* Original border color from Bootstrap */
  background-color: var(--bs-gray-200); /* Light gray background on hover */
}


.z-index-0 {
	z-index: 0
}

.z-index-9999 {
	z-index: 9999
}

#btn-scroll-top {
	position: fixed;
	bottom: 0px;
	left: 0px;
	display: none;
	z-index: 9999;
	cursor: pointer;
}

.multiselect-container {
	height: 18.75rem;
	overflow-x: hidden;
	overflow-y: scroll;
}

.accordion-table {
	border-collapse: separate;
	border-spacing:0 20px;
}

.accordion-table thead th {
	background-color: rgba(0,0,0,0);
}

.bootstrap-table .fixed-table-container .table thead th .th-inner:not(.sortable) {
	padding: 0.75rem 0 !important;
}

.bootstrap-table .fixed-table-container .table thead th .th-inner.sortable {
	padding: 0.75rem 18px 0.75rem 0 !important;
	background-position:center right -3px
}

div .bootstrap-table .fixed-table-container .table thead th .sortable.sortable-center {
	padding-left: 0.3125rem !important;
  	padding-right: 0.9375rem !important;
  	background-position:center right -3px
}

/**
div .bootstrap-table .fixed-table-container .table  th .both,.bootstrap-table .fixed-table-container .table thead th .both{
	background-position:center right -2px
}
*/
.bootstrap-table .fixed-table-container .table thead th {
	vertical-align: text-top !important;
}
/**
.bootstrap-table .fixed-table-container .table thead th .both {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw1AUhU/TakUrDnYQcchQnSyIijhKFYtgobQVWnUweekfNGlIUlwcBdeCgz+LVQcXZ10dXAVB8AfE2cFJ0UVKvC8ptIjxweN9nPfO4d77AKFRYaoZmABUzTJS8ZiYza2KwVd0I4A+AOMSM/VEejEDz/V1Dx8/76I8y/vdn6tfyZsM8InEc0w3LOIN4plNS+e8TxxmJUkhPuf1GFQg8SPXZZffOBcdFnhm2Mik5onDxGKxg+UOZiVDJZ4mjiiqRvlC1mWF8xZntVJjrTp5h6G8tpLmOu0RxLGEBJIQIaOGMiqwEKVTI8VEiu5jHv5hx58kl0yuMhg5FlCFCsnxg//B79mahalJNykUA7pebPtjFAjuAs26bX8f23bzBPA/A1da219tALOfpNfbWuQIGNgGLq7bmrwHXO4AQ0+6ZEiO5KctFArA+xl9Uw4YvAV619y5te5x+gBkaFbLN8DBITBWpOx1j757Ouf275vW/H4ANn1yj6cFA6IAAAAGYktHRAD/AP8A/6C9p5MAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfoBgQLLxuizU/YAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAApFJREFUWMPt2E+IVmUUBvDfNzajToXiqFCQ0JQbw1CCFjov4iIiaOe4icCSbDGK0ciQMhQUqSX+2USLmBatIjetRFCkxQsxJbQphilwMaDhvwg0atLJz81ZDMPM1/2+e+cbkXngbi7vPee55zzvc897WcQCIee8POf8WFXxOioitQRvYjjnvPyBIJZz7sB2vIu3sCeILhyxnHMNT2MYvejBXmwvS65sxVZhCCli1bAeB/BMEG8vsZzzMuzGa5henRpewjtY0VZi0aZXsA+Pz7JkCd7AQM65sy3Eoj0b8D6earC0GwPYERtk3iu2Ch/j+WhbIzyBQWxqllxHk9V6FO/h5Rm6ahT/hdgMa+eFWM65CzuxC0ubzNGPt+PFqiMWbXgx2rKmhfZ3YT/6i/pb0Yo9iQ/wXAFdNdLmIaQieusoUK3uEPu2koZcw7PxlVhXiliUfQCvxtqpklcdWzEYLzwnHvkf4r3YiLESLZwN68NuRlslNoGDBa2hWfxRpmKrY6v3VFyxKXyDX1sl9lcI9vUmvasR7uECRlquWK1Wu12v149jM7ZUMCbVMY6juNbyruzr66vjcpjjRAQug5v4BD+llP4r5WMppXv4JfznRglyf+MrnE4p3a3E+SPQGXwZumtF7GdxLKU0WelHPKV0C5/jfCRqRlc/4sNo5bzMY1ciwc9NkJrApxhPKdXnhVgEHgu9XS3wyC18gXNFdFVqgk0pTeE7nIzEc+FO6OqzoroqfRiJRCP4Fv/OYaI/YCildLutx7eU0p84jO+DyEwTHcbvC3XgvYSP8Nu0e9dxChfDA9tPLBKP4kRMC//g6zDRyTKxK5kY4vfTkZjfdqeUrpeNWdkok3NeiU7cbMavFvHQ4z6Xzc8uhXxlVgAAAABJRU5ErkJggg==') !important;
}
.bootstrap-table .fixed-table-container .table thead th .asc {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw1AUhU/TakUrDnYQcchQnSyIijhKFYtgobQVWnUweekfNGlIUlwcBdeCgz+LVQcXZ10dXAVB8AfE2cFJ0UVKvC8ptIjxweN9nPfO4d77AKFRYaoZmABUzTJS8ZiYza2KwVd0I4A+AOMSM/VEejEDz/V1Dx8/76I8y/vdn6tfyZsM8InEc0w3LOIN4plNS+e8TxxmJUkhPuf1GFQg8SPXZZffOBcdFnhm2Mik5onDxGKxg+UOZiVDJZ4mjiiqRvlC1mWF8xZntVJjrTp5h6G8tpLmOu0RxLGEBJIQIaOGMiqwEKVTI8VEiu5jHv5hx58kl0yuMhg5FlCFCsnxg//B79mahalJNykUA7pebPtjFAjuAs26bX8f23bzBPA/A1da219tALOfpNfbWuQIGNgGLq7bmrwHXO4AQ0+6ZEiO5KctFArA+xl9Uw4YvAV619y5te5x+gBkaFbLN8DBITBWpOx1j757Ouf275vW/H4ANn1yj6cFA6IAAAAGYktHRAD/AP8A/6C9p5MAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfoBgQLMTGtN7nRAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAAXBJREFUWMPt1r1qFVEUhuFnJv6dKAgWARUcTAwKB0MYGwlsBEFsvACx0+kV/EGcgFVKwWuSNCmENHJ6g5cgEhCizRJEjnGSmZMU7hem3fPO+r69GDLHRGraUWrac0OdVw4kNYfHWE9NOxrizLkBpErcxQbW8LWq08ed7c0fxyaWmrbAIt5hFfNYwqSq0+c+cn2jvIBXSHFWgWW8wFKIH61YatozeIJHf0y+wD08w/kjjTLK/gBvsfCXDx5jt6rT1s725t7MxSKeMd7jekxoGidxA1+qOk0O2rfykL3awMo+Ur+4iOdYjds7G7HUtGfxGvc7TrvErbgMCzOJMjXtKTzEywOWuojIv8V++z6YWMRwOyK82iHCae9Zib596tK3rlFeihs4PoTU7918g9Slb2WHac3HpO70XMgFrmEdV3pFGfvqaSzSEfZ6PnAZp6s6fdivbyf+Ib6Im5j0iHAay9G5rfzDmMlkMplMJpPJ/J/8BI6xXaUqiFjyAAAAAElFTkSuQmCC') !important;
}
.bootstrap-table .fixed-table-container .table thead th .desc {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw1AUhU/TakUrDnYQcchQnSyIijhKFYtgobQVWnUweekfNGlIUlwcBdeCgz+LVQcXZ10dXAVB8AfE2cFJ0UVKvC8ptIjxweN9nPfO4d77AKFRYaoZmABUzTJS8ZiYza2KwVd0I4A+AOMSM/VEejEDz/V1Dx8/76I8y/vdn6tfyZsM8InEc0w3LOIN4plNS+e8TxxmJUkhPuf1GFQg8SPXZZffOBcdFnhm2Mik5onDxGKxg+UOZiVDJZ4mjiiqRvlC1mWF8xZntVJjrTp5h6G8tpLmOu0RxLGEBJIQIaOGMiqwEKVTI8VEiu5jHv5hx58kl0yuMhg5FlCFCsnxg//B79mahalJNykUA7pebPtjFAjuAs26bX8f23bzBPA/A1da219tALOfpNfbWuQIGNgGLq7bmrwHXO4AQ0+6ZEiO5KctFArA+xl9Uw4YvAV619y5te5x+gBkaFbLN8DBITBWpOx1j757Ouf275vW/H4ANn1yj6cFA6IAAAAGYktHRAD/AP8A/6C9p5MAAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfoBgQLMgWnrh6nAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAAaBJREFUWMPt1s9qFEEQx/GPs4qIgr7B4iE3T4sHUeYJfIx9iyUXBScEo+I97dFD3kA8aV+8SILiKUZ0kfgPlYAGjWzWSwvLQnZnJgFF+gtz6pqq6q5fVTeZTCaTyWQymUzmf+bYrMWyP1jAIs7Ps23IN1yLoXpykMHxOQ5e4Tmu4uwRJfULq3g2y6gza3G4HsfdXrmBBVzACRSH+MZ4jEEM1adZsYt524uh2k3lfIT9Q5zUGC9xA8N5xkVNp9u4jhcpQBu+YAkxhmruBjt1PKaSvk+ivYzTDZPawwpCDNXPOj906noersdRt1du4hwu1micP+xjDUsxVF/rxiuabDuG6juW8QCjmkk9xS18bBKraKmVxdTu8/T2DrexUUdXrUo5UVLdXvkZH5LeDppvuymp1RiqUdM4nTbtlZrhdboNLuHklMkIActp3DSmaDuUYqh+4B7uT+ltjIe4i522/lsnNqG3m4hJ6GNsJrFvxVC1nXntSjmltx28xZWU2ArW2ujqyBKb0NubdDlv4U4M1d4/834q+4NTZX9wJr8k/xa/AcKpiEWlRLMJAAAAAElFTkSuQmCC') !important;
}
*/
.table-xs tbody td {
	line-height: 1.375rem;
	padding-top: 0px;
	padding-bottom: 0px;
}

.group-by{
	--bs-table-bg: rgb(202, 211, 219);
}

.table > :not(caption) > .group-by > *{
	box-shadow: none;
}

td>span.indent-1 {
	padding-left: 0.625rem;
}

.accordion-button-small {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
	height: 3rem !important;
}

.popover-body-small .popover-body {
	padding: 0.5rem !important;
}

.popover-body i.bi {
	font-size: 10rem;
}

@media only screen and (max-height: 700px) {
	.popover-body {
	   	height: 100vh !important;
	    overflow-y: auto;
	    white-space:pre-wrap;
	}
}


.popover-body ul li {
	background-color: #fff;
}

@media only screen and (min-width: 1200px) {
	.navbar-usericon {
		width:3.125rem;
		height:3.125rem;
	}
	.navbar-usericon span {
		font-size:1.25rem;
	}
}
@media only screen and (max-width: 1199px) {
	.navbar-usericon {
		width:1.875rem;
		height:1.875rem;
	}
	.navbar-usericon span {
		font-size:0.875rem;
	}
}

/* CASNET-4959: Improve scrolling of multiselect elements on mobile devices
 by only allowing clicking on the checkbox itself to (de-)select an element*/
@media only screen and (max-width: 1199px) {
	button.multiselect-option.dropdown-item, button.dropdown-item.multiselect-all {
	  pointer-events:none;
	  }
	
	span.form-check input  {
	  pointer-events: all;
	}
}

/* >>>>> Select2 >>>>> */
.select2-selection--le {
	/* height: 3.5rem !important; */
	background-color: #ffffff !important;
}

.select2-dropdown--le {
	background-color: #ffffff !important;
}

.select2-container--bootstrap-5 .select2-selection {
	border-radius: 0.25rem !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
	padding-left: 0px !important;
	/* padding-top: 0.5rem !important; */
}

.select2-container--bootstrap-5 .select2-selection--single {
	display: flex !important;
	align-items: center;
}

.select2-dropdown-fullscreen {
   height: 100vh !important;
   width: 100vw !important;
   position:fixed;
   top:0;
   left:0
}
.select2-disabled {
	background-color: #e9ecef !important;
}

/* control the background colors for enabled and disabled select elements */
select + .select2-container .select2-selection {
	background-color: var(--bs-white) !important;
}
select:disabled + .select2-container .select2-selection {
	background-color: var(--bs-gray-400) !important;
}
/* <<<<< Select2 <<<<< */

.grabbable {
    cursor: move !important; /* fallback if grab cursor is unsupported */
    cursor: grab !important;
    cursor: -moz-grab !important;
    cursor: -webkit-grab !important;
}

 /* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
    cursor: grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: -webkit-grabbing !important;
}

.drp-calendar td, .drp-calendar th {
	padding: 1px !important;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect {
	height: auto !important;
}

.smartbanner {
	position:absolute;
	top:auto;
	bottom:0;
	z-index:1031;
}

.btn-md {
	height: 2.625rem !important;
	line-height: 1rem !important;
}

.btn-md.back-button {
	width: 5.25rem;
}

.btn-md.square {
	width: 2.625rem;
	padding-left: 0px;
	padding-right: 0px;
}

.btn.square {
	width: 3.5rem;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 0px;
}

.btn.square.radio {
	width: 3.5rem;
	padding-left: 0px;
	padding-right: 0px;
	padding-top:0.3125rem;
	padding-bottom: 0.3125rem;
	line-height: 0px;
}

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

.dropdown-menu ul {
	width: 6.25rem;
    display: none;
    padding: 3.125rem;
    background: black;
    z-index: 2000;
    position: absolute;
}

.password-input-comp {
  height: calc(3.5rem + 2px);
}
.password-input-comp > button {
  height: calc(3.5rem + 2px);
}

img.gray-out {
	display: block;
	-webkit-filter: grayscale(50%);
	-moz-filter: grayscale(50%);
	-o-filter: grayscale(50%);
	-ms-filter: grayscale(50%);
	filter: grayscale(50%);
	transition: filter 200ms ease-in-out;
	width: 5.625rem;
	height: auto;
	transition: width 200ms ease-in-out;
	margin-left: auto;
	margin-right: auto;
}
img.not-gray-out {
	box-shadow: 0px 0px 1rem 0px #4d4d4d;
}
img.gray-out:hover, img.not-gray-out {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%);
	transition: filter 200ms ease-in-out;
	width: 6.25rem;
	height: auto;
	transition: width 200ms ease-in-out;
}

.item-hover-bg-color:hover {
	background-color: #D6D6D6;
}

.item-selected-color{
	color: #ffffff;
	background-color: #52646C;
}

.fixed-column-border{
	border-right: solid 3px #D6D6D6;
}

.filter-column-border-left{
	border-left: none;
}

@media(min-width: 1200px) {
	.filter-column-border-left{
	border-left: solid 1px #707070; 
}
	}
	
.filter-column-border-right{
	border-right: none;
}

@media(min-width: 1200px) {
	.filter-column-border-right{
		border-right: solid 1px #707070; 
	}
}

.selectedRow{
 	background-color: #adb5bd;
 	 --bs-table-bg: rgba(0,0,0,0);
}

.beleg{
	font-family: monospace, "Courier New", Courier; 
}

.trash{
	cursor: pointer;
	color:#52646C;
}

.trash:hover{
	color: #ff6e6e !important; 
}

.icon-click{
	cursor: pointer;
	color:#52646C;
}

.icon-click:hover{
	color: rgba(0,0,0);
}

.primary-hover{
	cursor: pointer;
}

.primary-hover:hover{
	background-color: #52646C;
	color: white;
}

.danger-hover{
	cursor: pointer;
}

.danger-hover:hover{
	background-color: #ff6e6e;
	color: white;
}

/**
* CUSTOMIZABLE TABLE CARD 
*/
.table-card-toolbar .columns .dropdown-menu{
	text-align: left;
  	max-height: 300px;
  	overflow: auto;
  	-ms-overflow-style: scrollbar;
  	z-index: 1001;
}
.table-card-toolbar .btn{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.table-card-toolbar .form-control{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.table-card-toolbar .columns {
	display: flex !important;
	flex-wrap: wrap !important;
}

/**
* RADIO BUTTON BUTTONS
*/
.radio-btn-label:hover{
	color: white !important;
	background-color:#52646C !important;
}