html {
	font-size: 100%;
}

* {
	font-family: 'Nunito', sans-serif;
}

label {
	font-weight: 500;
}

.notify {
    border-left: 4px solid hsla(199, 76%, 31%, 1);
    background-color: hsla(199, 80%, 31%, 0.1);
}
.badge {
	font-weight: 400;
}

.badge.badge-warning {
    background-color: #ffd768;
    color: #37260c;
}

.badge.badge-success {
    background-color: #7fa52c;
}

.logged-in-as {
	fill: rgba(0,0,0,.5);
}

.logged-in-as svg {
	width: 1.1rem;
    top: -0.05rem;
    position: relative;
}

@media (min-width: 992px) {
	.container {
	    max-width: 720px;
	}
}

footer {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

footer p {
	margin-bottom: .25rem;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show>.btn-light.dropdown-toggle {
	box-shadow: inset 0 0 12px -2px rgba(0, 0, 0, 0.31);
}

.list-group-item {
	border-color: #DFDED2;
}

.btn-group.stretch-to-fill-width {
	display: flex;
}

.btn-group.stretch-to-fill-width .btn {
	flex: 1
}

.navbar-brand {
	padding-right: 130px;
}

.navbar-brand img {
    width: 134px;
    top: 8px;
    position: absolute;
}

label,
h1, h2, h3, h4, h5 {
	color: #023164 !important;
}

.btn-danger {
    color: #fff;
    background-color: #B44733;
    border-color: #B44733;
}

.border-top {
    border-top: 1px solid hsla(57, 14%, 89%, 1) !important;
}

.bg-success {
	background-color: #95AD32 !important;
}

.alert a {
	color: white !important;
	/* text-decoration: underline; */
	font-weight: 800;
}

.alert-success {
	color: white;
	background-color:#95AD32 !important;
	border-color: #95AD32 !important;
}

.alert-success a {
	color: white;
}

.alert-danger {
    color: white;
    background-color: #B44733;
	border-color: #B44733;
}

.alert-danger a {
	color: hsla(204, 87%, 92%, 1);
}

.alert-info {
	background-color: #e9eff6 !important;
    border-color: transparent;
	color: #255e8d !important;
}

.navbar-toggler {
	padding: 0.25rem 0.30rem;
	color: white;
/*     border-color: #798444;
    background-color: #95AD32; */
    /* border-color: #6e8da6;
    background-color: #537088; */
	border-color: unset;
    background-color: unset;
	border: none;
}

.navbar-light .navbar-toggler-icon {
	/* background-image: url("data:image/svg+xml,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>"); */
	width:24px;
	height:24px;
	display: inline-block;
	background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='bars' class='svg-inline--fa fa-bars fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%231f3d56' d='M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z'%3E%3C/path%3E%3C/svg%3E");

}

.navbar-collapse.collapsing ul.navbar-nav,
.navbar-collapse.show ul.navbar-nav {
	padding-top: 1.5em;
}


@media print {
	.page-break-before {		
		page-break-before: always;
	}

	.print-no-max-width {
		max-width: none;
	}
	.page-break-after {
		page-break-after: always;
		max-width: none;
	}

	.no-page-break-inside {
		page-break-inside: avoid;
	}
}

header nav.navbar .navbar-brand {
	margin-right: 0;
}

@media (min-width: 400px) {
	header nav.navbar .navbar-brand {
		margin-right: 1rem;
	}
}

.nav.nav-tabs {
	border: none;
}

.nav-tabs a.nav-link.active {
	border: none;
	background-color: #f2f5e6;
}

.animated--fade-in-up {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-timing-function: margin cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
    animation-timing-function: margin cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
}

.custom-file-label::after {
    content: "Durchsuchen";
}

table.table > thead th,
table.table > tbody td {
	text-align: center;
	vertical-align: middle;
}

.bg-current-week {
    background-color: #ffc06814;
}

.bg-transparent-grey {
    background-color: #b3b3b314;
}

.text-deleted {
	text-decoration: line-through;
    color: rgb(0 0 0 / 18%);
}

.text-deleted a {
	text-decoration: line-through;
    color: rgb(31 112 165 / 18%);
}

.datetime-picker > .form-control:disabled,
.datetime-picker > .form-control[readonly] {
    background-color: unset !important;
    opacity: 1;
}

.nav-link.btn.btn-primary {
	color: white !important;
    min-width: 9.4em;
}

h3 {
	font-weight: 700;
}

.min-height-20rem {
	min-height: 20rem;
}

.badge-info {
	background-color: #5693c2 !important;
}

.iconThreeDots {
	display: inline-block;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-three-dots-vertical' viewBox='0 0 16 16'%3E%3Cpath d='M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z'%3E%3C/path%3E%3C/svg%3E");
}

.iconGreenCheckmark {
	width:12px;
	height:12px;
	display: inline-block;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' enable-background='new 0 0 64 64'%3E%3Cpath d='M32,2C15.431,2,2,15.432,2,32c0,16.568,13.432,30,30,30c16.568,0,30-13.432,30-30C62,15.432,48.568,2,32,2z M25.025,50 l-0.02-0.02L24.988,50L11,35.6l7.029-7.164l6.977,7.184l21-21.619L53,21.199L25.025,50z' fill='%2343a047'/%3E%3C/svg%3E");
}

.overflow-scroll {
	overflow-x: scroll;
}

.border-3 {
	border-width:3px !important;
}

.bg-light-green {
	background-color: #fbfdf7 !important;
}

.bg-light-blue {
	background-color: #f4f7fb !important;
}

.border-success {
    border-color: #7fa52c!important;
}

label.no-box::before {
	display:none;
}

label.no-box::after {
	display:none;
}

.border-red {
	border-color: #dc3545 !important;
}

.color-deep-blue {
	color: #1f3d56 !important
}

@media (max-width: 991px) {

	.max-width-md-100 {
		max-width: 100%;
	}
}

/* 
@media (max-width: 991px) {

	table.table thead {
		display: none;
	}

	table.table tbody {
		display: block;
		width: 100%;
	}

	table.table > tbody tr
	 {
		width: 100%;
		display: block;
	}

	table.table > tbody th
	 {
		display: block;
		border: none;
		padding: 0;
	}

	table.table > tbody td
	 {
		display: inline-block;
		border: none;
		padding: 0;
	}

}


@media (min-width: 992px) {

	.bg-lg-none {
		background: unset !important;
	}

} */



.tokenfield .token {
	background-color: hsl(199, 41%, 91%);
	border: none;
    padding-bottom: 28px;
}

.tokenfield .token.active {
	background-color: hsl(199, 43%, 73%);
}

.tokenfield {
	padding-bottom: 0;
	padding-left: .375rem;
}

.tokenfield.focus {
	-webkit-box-shadow: 0 0 0 0.2rem hsla(199, 46%, 65%, 0.322) !important;
	box-shadow: 0 0 0 0.2rem hsla(199, 46%, 65%, 0.322) !important;
	border-color: hsl(199, 46%, 65%) !important;
}

.tokenfield .token {
    margin: unset;
    height: unset;
    padding-bottom: unset;
	margin-right: 8px;
	margin-bottom: 6px;
}

.tokenfield {
    height: auto;
}

.min-width-280px {
	min-width: 280px;
}

.max-width-100-percent {
	max-width: 100%;
}

.max-width-2600px {
	max-width: 2600px;
}


.bg-light-primary {
	background-color: #f6efd5 !important;
}

.show > .btn-light.bs-placeholder.dropdown-toggle {
    background-color: unset !important;
    color: unset !important;
}

.text-wish-number-1 {
	color: #2e9545
}

.text-wish-number-2 {
	color: #b1aa19
}

.text-wish-number-3 {
	color: #c99505
}

.text-wish-number-4 {
	color: #b54311
}

.priority {
	display: inline-block;
	border-radius: 1rem;
    width: 2rem;
    height: 2rem;
    text-align: center;
}

.priority-1 {
	background-color: #f8d7da;
}

.priority-2 {
	background-color: #fff3cd;
}

.priority-3 {
	background-color: #c4e2b3;
}

#overlay {
	z-index: 110 !important;
}

#overlay .slb.pop-in.center {
	max-height: 90% !important;
}


.iconSearch {
    display: block;
	content: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='search' class='svg-inline--fa fa-search fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'%3E%3C/path%3E%3C/svg%3E");
	background-size: contain;
    height: 1rem;
}

.iconFavorite {
	display: block;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z' fill='%23f8d7da'/%3E%3C/svg%3E");
	background-size: contain;
	height: 1rem;
}

.iconFavoriteFill {
	display: block;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z' fill='%23dc3545'/%3E%3C/svg%3E");
	background-size: contain;
	height: 1rem;
}


.dropdown.bootstrap-select {
	white-space: normal;
	width: 100%;
}


.bootstrap-select {
	color: unset;
}

.bootstrap-select button {
	background-color: unset !important;
}


#errors-and-messages {
	z-index: 1;
}

.prevent-overflow {
	overflow-wrap: break-word;
	word-break: break-word;
	overflow: hidden;
}


.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: hsl(211, 0%, 50%);
    background-color: transparent;
}

.prevent-double-click-zooming {
	touch-action: manipulation;
}


.overview-image {
	height: 100% !important;
	width: 100% !important;
	object-fit: cover !important;
}

.highlight-search-term {
	background-color: #ff0;
}

.navbar {
	border-bottom: 5px solid #356AA7;
}

.navbar-light .navbar-nav .nav-link {
	color: black;
}

.nav-item.active {
	font-weight: 800;
}

.bg-light {
	background-color: #edeff2 !important;
}

body {
	background-color: #f0f5fa;
}


a {
    color: #2a609d;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #13355c;
    text-decoration: none;
}

.btn-outline-primary {
    color: #356aa7;
    border-color: #356aa7;
}
.btn-outline-primary:hover {
    color: #356aa7;
    background-color: rgba(53, 106, 167, 0.1);
    border-color: #356aa7;
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #356aa7;
    background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #356aa7;
    border-color: #356aa7;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(53, 106, 167, 0.5);
}




.btn-primary {
    color: #fff;
    background-color: #024995;
    border-color: #024995;
}
.btn-primary:hover {
    color: #fff;
    background-color: #3e7bc0;
    border-color: #3e7bc0;
}
.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #023164;
    border-color: #023164;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #356aa7;
    border-color: #356aa7;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #023164;
    border-color: #023164;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem hsl(211, 96%, 20%, 0.5);
}


.border-thick-blue {
	border: solid 4px #356aa7;
}

label {
	font-weight: 900;
	font-variant-caps: all-petite-caps;
	font-size: 1rem;	color: #356aa7 !important;
	margin-bottom: 0.2rem;
}

label.label-no-caps {
	font-weight: 700;
	font-variant-caps: unset;
}


.alert-box-center {
	top: 40px !important;
	position: fixed !important;
}

@supports (-webkit-touch-callout: none) {
	.alert-box-center {
		top: 50% !important;
	}
}


.sortable-selected {
	background-color: #dee0f5;
}

.selected {
	background-color: #dee0f5;
}


.sortable-handle {
	cursor: move; /* fallback: no `url()` support or images disabled */
	cursor: url(images/grab.cur); /* fallback: Internet Explorer */
	cursor: -webkit-grab; /* Chrome 1-21, Safari 4+ */
	cursor:    -moz-grab; /* Firefox 1.5-26 */
	cursor:         grab; /* W3C standards syntax, should come least */
}

.sortable-handle:active {
	cursor: url(images/grabbing.cur);
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
}

.sortable-drag {
	background-color: hsl(235, 73%, 82%);
}

.noselect {
	user-select: none;
}
