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 {
    display: inline-block;
    width: 2em;
    height: 2em;
    top: 10px;
    position: relative;
    left: 17px;

    /* Adjust fill color with background-color */
    background-color: #5e762a;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");

    /* Ensure the mask is properly contained */
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}

.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
}

/* .handwritten-comment svg {
    position: relative;
    width: 100%;
    height: auto;
} */

.badge-priority-1 {
	background-color: #dc3545;
	color: white;
}

.badge-priority-2 {
	background-color: #ff973d;
}

.badge-priority-3 {
	background-color: #ffdc83;
}

.simplebox {
	cursor: pointer;
}

#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;
}


.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-size: 1rem;
	font-variant: all-small-caps;
	color: #356aa7 !important;
	margin-bottom: 0.2rem;
}


.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;
}


.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%);
}

.form-control[readonly].flatpickr-input {
	background-color: unset;
}

.noselect {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}

.transparent-overlay::after {
	pointer-events: none;
	content: "";
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5000;
	background-color: rgba(255, 255, 255, 0.7);
}


.text-bold {
	font-weight: 700;
}


.issues-overview .d-lg-table-cell {
	display: table-cell;
	width: 12.5%;
}
	
	
.opacity-035 {
	opacity: 0.35;
}

mark {
	padding: 0;
}

/*         
    $("body").on("click", "#images .card-body", function(event) {
        log ("click");
        var card = $(event.target).closest(".card");

        if (event.ctrlKey) {
            card.toggleClass("card-selected");
        }
    });
 */

#images .card-selected {
	background-color: #ff0 !important;
}

.image-overlapping {
	position: absolute;
	top: 0;
	left: 0;
}

/*     // can drag image-overlapping to another tr and drop it
    $("body").on("dragstart", ".image-overlapping", function(event) {
        log ("dragstart");
        log ("image: " + $(event.target).closest(".image-overlapping").find("img").data("uuid"));
    });

    $("body").on("dragover", ".image-overlapping", function(event) {
        var tr = $(event.target).closest("tr");
        tr.addClass("dragover");
    });

    // when dropped
    $("body").on("dragend", ".image-overlapping", function(event) {
        event.preventDefault();
        var tr = $(event.target).closest("tr");
        tr.addClass("dragover");
        var targetUuid = tr.attr("id").split("-")[1];
        log ("dragover: " + targetUuid);

    });
 */

.dragover {
	background-color: rgb(255, 255, 190) !important;
	cursor: pointer !important;
}

.dragover td {
	background-color: rgb(255, 255, 190) !important;
	cursor: pointer !important;
}

#issues-overview tr.dragover {
	background-color: rgb(255, 255, 190) !important;
	cursor: pointer !important;
}

#issues-overview .dragover img {
	cursor: pointer !important;
}

.container-wide {
	max-width: 100%;
}


/* .card-flex {
	display: flex;
	flex-direction: column;
}
.media-container-flex {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.pdf-container, .img-fluid-flex {
	max-height: 100%;
	max-width: 100%;
} */

.bg-success-light {
	background-color: #8eb83236 !important;
}

table.issues-overview {
	width: 100%;
	border-collapse: collapse;
}

table.issues-overview thead, 
table.issues-overview tbody {
	display: block;
}

table.issues-overview thead tr, 
table.issues-overview tbody tr {
	display: flex;
	width: 100%;
}

table.issues-overview th, 
table.issues-overview td {
	flex: 1;
	padding: 8px;
	text-align: left;
	box-sizing: border-box;
	border-top: none;
}

.table-row-selected {
	background-color: #dee0f5 !important;
}

.list-group-item-selected {
	background-color: #dee0f5 !important;
}

.top-0 {
	top: 0 !important;
}

.left-0 {
	left: 0 !important;
}

@media (max-width: 992px) {
	.issues-overview-filter {
		max-width: 300px
	}
}


.map-wrapper .map .indicator {
	cursor: pointer;
}

.dragover {
	background-color: rgb(255, 255, 190);
	cursor: pointer;
}