:root {
	
  /*--nicos-green-default: #00827c;*/
  --nicos-green-default: rgb(35, 118, 101);

  --nicos-green-dark:    #00827c;
  --nicos-green-light:   #138a82;
	
  --nicos-anthracite: #212121;
  --nicos-orange: #f49e00;
  --nicos-orange-light: #ffa600;
	
  --nicos-background-green-light: #d8e7e4;
  --font-family-sans-serif: Verdana,sans-serif;
  --font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;

  --tw-ring-opacity: 1;
  --tw-ring-shadow: var(--nicos-green-dark);
  --tw-ring-color: var(--nicos-green-default);
}

body {
	font-family: var(--font-family-sans-serif) !important;
	color: var(--nicos-anthracite);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--nicos-green-dark);
}

button {
	text-transform: uppercase;
}

/*
 * nicos colors
 */

.text-gray-900 {
	color: var(--nicos-anthracite);
}

/** nicos-green-default */

.bg-nicos-green, .hover\:bg-nicos-green:hover {
  background-color: var(--nicos-green-default);
}

.text-nicos-green, .hover\:text-nicos-green:hover {
  color: var(--nicos-green-default);
}

.focus\:ring-nicos-green:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: var(--nicos-green-default);
  border-color: var(--nicos-green-default);
  --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);	
}

.focus\:border-nicos-green:focus {
  border-color: var(--nicos-green-default);
}

.focus\:ring-offset-nicos-green:focus {
  --tw-ring-offset-color: var(--nicos-green-light);
}

.border-nicos-green {
  border-color: var(--nicos-green-default);
}

/** nicos-green-dark */

.bg-nicos-green-dark, .hover\:bg-nicos-green-dark {
  background-color: var(--nicos-green-dark);
}

.text-nicos-green-dark, .hover\:text-nicos-green-dark:hover {
  color: var(--nicos-green-dark);
}

.focus\:ring-nicos-green-dark:focus {
  border-color: var(--nicos-green-dark);
}

.focus\:border-nicos-green-dark:focus {
  border-color: var(--nicos-green-dark);
}

.border-nicos-green-dark {
  border-color: var(--nicos-green-dark);
}

/** nicos-green-light */

.bg-nicos-green-light, .hover\:bg-nicos-green-3:hover {
  background-color: var(--nicos-green-light);
}

.text-nicos-green-light, .hover\:text-nicos-green-light:hover {
  color: var(--nicos-green-light);
}

.focus\:ring-nicos-green-light:focus {
  border-color: var(--nicos-green-light);
}

.focus\:border-nicos-green-light:focus {
  border-color: var(--nicos-green-light);
}

.border-nicos-green-light {
  border-color: var(--nicos-green-light);
}

/** nicos-background-green-light */

.bg-nicos-background-green-light, .hover\:bg-nicos-background-green-light:hover {
  background-color: var(--nicos-background-green-light);
}

.text-nicos-background-green-light, .hover\:text-nicos-background-green-light:hover {
  color: var(--nicos-background-green-light);
}

.focus\:ring-nicos-background-green-light:focus {
  border-color: var(--nicos-background-green-light);
}

.focus\:border-nicos-background-green-light:focus {
  border-color: var(--nicos-background-green-light);
}

.border-nicos-background-green-light {
  border-color: var(--nicos-background-green-light);
}

/** nicos-orange */

.bg-nicos-orange, .hover\:bg-nicos-orange:hover {
  background-color: var(--nicos-orange);
}

.text-nicos-orange, .hover\:text-nicos-orange:hover {
  color: var(--nicos-orange);
}

.focus\:ring-nicos-orange:focus {
  border-color: var(--nicos-orange);
}

.focus\:border-nicos-orange:focus {
  border-color: var(--nicos-orange);
}

.border-nicos-orange {
	border-color: var(--nicos-orange);
}

.bg-nicos-login {
	overflow: hidden;
}

.nicos-logo-top-left {
	position: absolute;
	top: 3rem;
	left: 8rem;
}

.login-change-nicos-bg {
	height: 5rem;
	width: 5rem;
	background-color: var(--nicos-orange);
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	bottom: 3rem;
	right: 2rem;
	color: white;
	font-size: .75rem;
	vertical-align: middle;
	text-align: center;
	padding-top: .75rem;
}

.login-change-nicos-bg:hover {
	cursor: pointer;
	background-color: var(--nicos-orange-light);
}

#login-imprint {
    position: absolute;
	bottom: 1rem;
	right: 2rem;
	width: 5rem;
	text-align: center;
}

.bg-image-signet {
	background-color: var(--nicos-green-default);
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: opacity .5s ease-in-out;
}

.bg-image-bridge {
	background-image: url('/img/anders-jilden-SWGW-rW0zeE-unsplash_RGB.jpg');
	background-color: var(--nicos-green-default);
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: opacity .5s ease-in-out;
}

.ticket-in-location-list-wrapper:not(:last-of-type) .ticket-in-location-list:after {
	content: ",";
}

/* amcharts styles */
.amcharts-Slice g {
	fill: currentColor;
}

/* prevent datetime-local from having the default focus ring when in a container which gets the focus ring */
.focus-within\:ring-1 input[type=datetime-local]:focus-visible {
	outline: none;
}

.top-navbar {
	background-color: var(--nicos-green-default);
}

@media (min-width: 768px) {
	.md\:rounded-l-md {
		border-top-left-radius: 0.375rem;
		border-bottom-left-radius: 0.375rem;
	}
	.md\:rounded-none {
		border-radius: 0;
	}

	.top-navbar {
		background-image: url('/img/anders-jilden-SWGW-rW0zeE-unsplash_RGB.jpg');
		background-position: center top;
	}
}

.dataTables_length select {
	font-size: .85rem;
	padding-right: 2rem !important;
}

/* styles to toggle showing customer device names or nicos device names */
.customer-device-name, .nicos-device-name {
	display: none;
}

.show-customer-device-name .customer-device-name {
	display: initial;
}

.show-nicos-device-name .nicos-device-name {
	display: initial;
}

/* styles to toggle showing customer location names or nicos location names */
.customer-location-name, .nicos-location-name {
	display: none;
}

.show-customer-location-name .customer-location-name {
	display: initial;
}

.show-nicos-location-name .nicos-location-name {
	display: initial;
}


/* minimal tooltip */
.tooltip-trigger:hover .tooltip {
	display: block;
}

.cursor-zoom-in {
	cursor: zoom-in;
}

.cursor-zoom-out {
	cursor: zoom-out;
}