html {
	font-size: 100%;
}

.card-title a {
	text-shadow: 0 0 6px #ffffff;
	color: #18547c;
}

h2.card-title {
	font-size: 1.2rem;
}

.bg-light-yellow {
	background-color: rgb(255, 249, 228);
}

.custom-file-label.hide-button::after {
	visibility: hidden;
}

.custom-file-label {
	overflow: hidden;
}

.media-body {
	overflow: hidden;
}

* {
	font-family: 'Nunito', sans-serif;
}

hr {
	border-top: solid 2px hsla(57, 22%, 90%, 1);
	margin-top:2rem;
	margin-bottom:2rem;
}

.bg-transparent {
	background-color: transparent !important;
}

label {
	font-weight: 500;
}

.badge.badge-warning {
    background-color: #ffd768;
    font-weight: 400;
    color: #37260c;
}

.badge.badge-info {
	background-color: #e4effc;
    font-weight: 400;
    color: #37260c;
}

.badge.badge-file {
	background-color: #ecf1f3;
    font-weight: 400;
    color: #37260c;
}


.share-label {
	font-weight: 400;
}

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


.nav-item.active {
	font-weight: 500;
}

@media (min-width: 400px) {
	img.with-background {
		max-width: 60%;
	}
	img.with-background-smaller {
		max-width: 30%;
	}
}

.bg-light,
p.bg-light,
.comment-display.bg-light {
	background-color: hsla(57, 22%, 95%, 1) !important;
}




.container {
	max-width: 980px;
}

.container.container-wide {
	max-width: 2600px;
}



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

.savedBox {
	position: fixed;
    z-index: 10000;
    padding: 6px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    text-align: center;
	margin-top: 12px;
	bottom: 0;
}

@supports (-webkit-touch-callout: none) {
	.savedBox {
		bottom: inherit;
		top: 50%;
	}
}

.list-group-item {
	border-color: hsl(47deg 87% 94%);
}

.btn-group.stretch-to-fill-width {
	display: flex;
}

.btn-group.stretch-to-fill-width .btn {
	flex: 1
}

nav.navbar.bg-light {
	background-color: #e9eff6 !important;
	border-bottom: solid 4px #6e8da6;
    box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.1) !important;
}


.navbar-brand {
	position: relative;
	padding-left: 70px;
	padding-top: 3px;
    font-weight: 700;
    font-size: 1.7em;
	color: #1f3d56 !important;

}

.navbar-brand img {
    width: 157px;
	top: -24px;
    height: auto;
    position: absolute;
    left: 15px;
    z-index: 1;
}

.logo-text {
	display:none;
}

label,
h1, h2, h3, h4, h5 {
	color: #3F2506 !important;
}

.btn-light:hover {
    background-color: #d3d9df;
    border-color: #d3d9df;
}

.btn-light {
    color: #140C02;
    background-color: #dfded22b;
	
}

.btn-primary {
    color: white;
	border-color: #6e8da6;
	background-color: #537088;
}

.custom-control-input:not(:disabled):active~.custom-control-label::before {
	background-color: #99AFC0 !important;
	color: white;
	border-color: #d3d9df;
}

.custom-control-input:checked~.custom-control-label::before {
	border-color: #6e8da6 !important;
	background-color: #6e8da6 !important; /* 6e8da6 */
}

.custom-control-input:focus~.custom-control-label::before,
.btn-primary:hover,
.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(83, 112, 136, 0.322) !important;
    color: #fff;
    background-color: #e9eff6;
	border-color: #e9eff6;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	background-color: #1f3d56 !important;
	color: white;
	border-color: #d3d9df;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #6e8da6;
}

.btn-outline-primary {
    color: #1f3d56;
	border-color: #1f3d56;
	background-color: #fff;
}

.btn-outline-primary:hover {
    color: #fff;
    background-color:#6e8da6;
	border-color: #6e8da6;
}

.btn-primary:hover {
    color: #fff;
    background-color: #6e8da6;
	border-color: #6e8da6;
}

.btn-outline-primary:active {
    color: #fff;
	background-color: #1f3d56 !important;
    border-color: #6e8da6 !important;
}

.btn.btn-outline-primary:focus,
.btn.btn-outline-primary.focus,
.btn-sm.btn-outline-primary:focus,
.btn-sm.btn-outline-primary.focus {
	box-shadow: 0 0 0 0.2rem rgba(83, 112, 136, 0.322) !important;
}


.btn.focus,
.btn:focus,
.custom-file-input:focus~.custom-file-label,
.custom-file-label:focus,
.custom-file:focus,
.custom-file-input:focus,
.custom-select:focus,
.form-control:focus {
	box-shadow: 0 0 0 0.2rem rgba(83, 112, 136, 0.322) !important;
	border-color: transparent !important;
}

.btn.btn-link,
a {
	color: #1F70A5;
}

.form-control {
	border-color: #DFDED2;
}

.form-control,
.form-control:focus,
.form-control:active {
	color: #140C02;
}

.form-control::placeholder {
	color: #b2b1a3;
}

.card {
	border-color: #DFDED2;
}

.today-period-text .border-bottom {
	border-color: #DFDED2;
}

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

button:focus {
    outline: 5px auto #6e8da6;
}

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


/* BEGIN: github.com/libhide/simplebox.js */

.cross {
	position: fixed;
	right: 0;
	top: 0;
	margin: 30px 55px 0 0;
	cursor: pointer;
	transition: 300ms all ease-in-out;
	z-index: 99;
	opacity: 1;
	will-change: transform;
}
.cross::after, .cross::before {
	position: absolute;
	content: '';
	width: 35px;
	height: 2px;
}
.cross::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.cross::before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.cross--light::after, .cross--light::before {
	background-color: black;
}
.cross--dark::after, .cross--dark::before {
	background-color: white;
}

.border-top-dark-blue {
	border-top: solid 1px #1f3d56 !important;
}

.lightbox-print {
	position: fixed;

	height: 30px;
	width: 30px;

    right: 23px;
    top: 60px;

	cursor: pointer;
	transition: 300ms all ease-in-out;
	z-index: 99;
	opacity: 1;
	will-change: transform;
	background-size: cover;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cmetadata%3E Svg Vector Icons : http://www.onlinewebfonts.com/icon %3C/metadata%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath d='M898.7,300.7H755.3V10H244.7v290.7H101.3c-27.3,0-49.4,22.1-49.4,49.4v349.3c0,27.3,22.1,49.4,49.4,49.4h112.8V668h30.6v322h510.6V668h30.6v80.8h112.8c27.3,0,49.4-22.1,49.4-49.4V350C948.1,322.8,926,300.7,898.7,300.7z M704.5,862L647,939.2H295.5V668h409V862z M704.5,300.7h-409V60.8h409V300.7z'/%3E%3Crect x='356.6' y='716.8' width='296.6' height='50.8'/%3E%3Crect x='356.6' y='820.6' width='296.6' height='50.8'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.slb {
	box-shadow: 2px 2px 12px 1px rgba(0, 0, 0, 0.2);
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}
.slb--invert {
	box-shadow: 2px 2px 12px 1px rgba(255, 255, 255, 0.3);
}
.slb--opened {
	cursor: auto;
}
.pop-in {
	-webkit-animation: pop-in 250ms;
	-moz-animation: pop-in 250ms;
	-ms-animation: pop-in 250ms;
	animation: pop-in 250ms;
}
.pop-out {
	-webkit-animation: pop-out 250ms;
	-moz-animation: pop-out 250ms;
	-ms-animation: pop-out 250ms;
	animation: pop-out 250ms;
}
#overlay {
	display: none;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	pointer-events: none;
	cursor: pointer;
	will-change: transform;
	z-index: 1;
}
.center {
	max-height: 90%;
	max-width: 90%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
@-webkit-keyframes pop-in {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
   }
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
   }
}
@-webkit-keyframes pop-in {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
   }
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
   }
}
@keyframes pop-in {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
   }
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
   }
}
@-webkit-keyframes pop-out {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
   }
	100% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
   }
}
@keyframes pop-out {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
   }
	100% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
   }
}

/* END: github.com/libhide/simplebox.js */

img.simplebox,
.edit-page img.img-fluid,
.pupil-edit-page img.img-fluid {
	cursor: pointer;
}

.tokenfield .token {
    background-color: #f2f1e0;
    border: none;
    padding-bottom: 28px;
}

.tokenfield .token.active {
	background-color: #CCD89E;
}

.tokenfield {
	padding-bottom: 0;
	padding-left: .375rem;
}

.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");
	background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    max-width: 12px;
}

.icon {
	width: 1em;
	height: 1em;
	vertical-align: -.125em;
}

.iconAttach {
	display: inline-block;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath fill='currentColor' d='M364.2 83.8c-24.4-24.4-64-24.4-88.4 0l-184 184c-42.1 42.1-42.1 110.3 0 152.4s110.3 42.1 152.4 0l152-152c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-152 152c-64 64-167.6 64-231.6 0s-64-167.6 0-231.6l184-184c46.3-46.3 121.3-46.3 167.6 0s46.3 121.3 0 167.6l-176 176c-28.6 28.6-75 28.6-103.6 0s-28.6-75 0-103.6l144-144c10.9-10.9 28.7-10.9 39.6 0s10.9 28.7 0 39.6l-144 144c-6.7 6.7-6.7 17.7 0 24.4s17.7 6.7 24.4 0l176-176c24.4-24.4 24.4-64 0-88.4z'/%3E%3C/svg%3E");
	max-width: 12px;
}

.iconPencil {
	display: inline-block;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M497.9 142.1l-46.1 46.1c-4.7 4.7-12.3 4.7-17 0l-111-111c-4.7-4.7-4.7-12.3 0-17l46.1-46.1c18.7-18.7 49.1-18.7 67.9 0l60.1 60.1c18.8 18.7 18.8 49.1 0 67.9zM284.2 99.8L21.6 362.4.4 483.9c-2.9 16.4 11.4 30.6 27.8 27.8l121.5-21.3 262.6-262.6c4.7-4.7 4.7-12.3 0-17l-111-111c-4.8-4.7-12.4-4.7-17.1 0zM124.1 339.9c-5.5-5.5-5.5-14.3 0-19.8l154-154c5.5-5.5 14.3-5.5 19.8 0s5.5 14.3 0 19.8l-154 154c-5.5 5.5-14.3 5.5-19.8 0zM88 424h48v36.3l-64.5 11.3-31.1-31.1L51.7 376H88v48z'%3E%3C/path%3E%3C/svg%3E");
	max-width: 12px;
}

.iconArchive {
	display: inline-block;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath d='M32 32H480c17.7 0 32 14.3 32 32V96c0 17.7-14.3 32-32 32H32C14.3 128 0 113.7 0 96V64C0 46.3 14.3 32 32 32zm0 128H480V416c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V160zm128 80c0 8.8 7.2 16 16 16H336c8.8 0 16-7.2 16-16s-7.2-16-16-16H176c-8.8 0-16 7.2-16 16z'/%3E%3C/svg%3E");
	max-width: 12px;
}

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

.iconTeam {
	display: inline-block;
	content: url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='currentColor' d='M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z'%3E%3C/path%3E%3C/svg%3E");
}

.iconCheckbox {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='currentColor' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
}

.iconCheckboxWhite {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='white' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
}

.iconSmall {
	top: -0.04rem;
    position: relative;
    height: 0.8rem;
}


/***************************************/


.dropdown-user .dropdown-menu .dropdown-header .dropdown-user-img {
    height: 2.5rem;
    width: 2.5rem;
    margin-right: 1rem;
    border-radius: 100%;
}

.dropdown-user .dropdown-menu .dropdown-header .dropdown-user-details {
    font-weight: 400;
}

.dropdown-user .dropdown-menu .dropdown-header .dropdown-user-details .dropdown-user-details-name {
    color: #212832;
    font-weight: 500;
    font-size: 0.9rem;
    max-width: 10rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdown-user .dropdown-menu .dropdown-header .dropdown-user-details .dropdown-user-details-email {
    color: #69707a;
    font-size: 0.75rem;
    max-width: 10rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


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

.badge-name {
	border-radius: 3px;
	background-color: #f6efd5;
	font-weight: unset;
	font-size: unset;
	display: inline;
    padding: 0.3em 0.4em;
}

.topics-badge-name {
	border-radius: 3px;
	background-color: #f6efd5;
	font-weight: unset;
	font-size: 80%;
	display: inline-block;
    padding: 0.3em 0.4em;
	margin-bottom: 2px;
	margin-right: 4px;
}

.topics-badge-name-border {
	border-radius: 3px;
	border: solid 1px #dcc05b;
	font-weight: unset;
	font-size: 80%;
	display: inline-block;
    padding: 0.3em 0.4em;
	margin-bottom: 2px;
	margin-right: 4px;
}

.topics-badge-name-blank {
	border-radius: 3px;
    border: solid 1px #dedede;
	font-weight: unset;
	font-size: 80%;
	display: inline-block;
    padding: 0.3em 0.4em;
	margin-bottom: 2px;
	margin-right: 4px;
}

.topics-badge-own-name {
	border: #ffae00 solid 1px;
    background-color: #ffdb8f;
}

.messages-overview .badge-name {
    padding: 0 .3em;
}

.badge-date {
	white-space: unset;
	border-radius: 3px;
	background-color: #f2f1e0;
	font-weight: 600;
	font-size: unset;
	display: block;
	text-align: unset;
}

.tokenfield.focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(193, 207, 125, 0.322) !important;
	box-shadow: 0 0 0 0.2rem rgba(193, 207, 125, 0.322) !important;
	border-color: #C1CF7D !important;
}


.custom-file-label::after {
    content: "Durchsuchen";
}

.custom-control-input:checked~.custom-control-label::before {
	border-color: #798444;
    background-color: #95AD32;
}

.checkbox-display .custom-control-input:disabled~.custom-control-label::before,
.checkbox-display .custom-control-input[disabled]~.custom-control-label::before {
    cursor: normal !important;
    background-color: unset !important;
}

.checkbox-display.checkbox-big .custom-control-input:hover~.custom-control-label::before,
.checkbox-display.checkbox-normal .custom-control-input:hover~.custom-control-label::before {
	box-shadow: none !important;
	cursor: normal !important;
}

.custom-checkbox.checkbox-task .custom-control-input:checked~.custom-control-label::after {
	background-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 fill='%2395AD32' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
    background-size: contain;

    width: 1.5rem;
    height: 1.1rem;
    left: -1.7rem;
    top: 0.1rem;
}

.custom-checkbox.checkbox-task .custom-control-input:checked~.custom-control-label::before {
    color: #fff;
	border-color: #798444;
	background-color: #fff;
}

.custom-checkbox.checkbox-task .custom-control-input:focus~.custom-control-label::before {
    color: white;
	border-color: #798444 !important;
	background-color: white !important;
    box-shadow: 0 0 0 0.2rem rgba(193, 207, 125, 0.322) !important;
}


.custom-checkbox.checkbox-task.checkbox-big .custom-control-label::before,
.custom-checkbox.checkbox-task.checkbox-big .custom-control-label::after,
.custom-checkbox.checkbox-task.checkbox-big input[type=checkbox] {
    width: 1.5rem;
    height: 1.5rem;
}

.custom-checkbox.checkbox-task.checkbox-big .custom-control-input:checked~.custom-control-label::after {
	width: 1.7rem;
    height: 1.8rem;
    left: -1.5rem;
    top: 0.1rem;
}

.custom-checkbox.checkbox-task.checkbox-big .custom-control-label {
	font-size: 1.5rem;
}

#notes-rendered {
	padding: .375rem .75rem;
	min-height: 200px;
    word-break: break-word!important;
    overflow-wrap: break-word!important;
}

#notes-rendered * {
	max-width: 100%;
}

#notes-rendered p {
	margin-bottom: 1.5rem;
}

#notes-rendered p:last-child {
	margin-bottom: 0;
}

.tokenfield .token {
    margin: unset;
    height: unset;
    padding-bottom: unset;
	margin-right: 8px;
	margin-bottom: 6px;
}

.tokenfield {
    height: auto;
}



a.file {
	line-break: anywhere;
}

.subtask-notes-extract-wrapper {
	position : relative;
	max-height: 4rem;
	overflow: hidden;
}

.subtask-notes-extract-wrapper::after,
.tasks .card-body::after {
	content  : "";
	position : absolute;
	z-index  : 1;
	bottom   : 0;
	left     : 0;
	pointer-events   : none;
	background-image : linear-gradient(to bottom, 
					  rgba(255,255,255, 0), 
					  rgba(255,255,255, 1) 96%);
	width    : 100%;
	height   : 2rem;
}

.notes-extract-wrapper p {
	margin-bottom: 0;
}

.notes-extract-wrapper {
	overflow: hidden;
}


body {
    color: #140C02;
	background-color: #f2f5f7;
}


label, h1, h2, h3, h4, h5 {
	color: #255e8d !important;
}

.max-width-60rem {
	max-width: 60rem;
}

.max-width-720px {
	max-width: 720px;
}

@media (min-width: 768px) {
	.md-max-width-240px {
		max-width: 240px;
		flex-basis: unset;
	}
}

.alert {
    z-index: 10000;
}

.table-col-7th {
	width: 14.28%;
}

.drop-target {
	background-color: yellow;
}

.draggable {
	touch-action: none;
	transform: translate(0px, 0px);
}

.tasks .card {
	height: 250px;
	overflow-wrap: break-word;
	word-break: break-word;
}



.bg-orange-striped {
	background-image: linear-gradient(-45deg, #ee617d00 25%, #f9e9dc 25%, #f9e9dc 50%, #ee617d00 50%, #ee617d00 75%, #f9e9dc 75%, #f9e9dc 100%);
	background-size: 15px 15px;
}

/* .text-muted a {
	color:#6c757d!important;
} */


.card .notes-extract-wrapper img,
.img-notes {
	max-width: 100% !important;
	max-height: 267px !important;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.card .notes-extract-wrapper h1 {
	font-size: 120%;
	font-weight: 700;
}

.card .notes-extract-wrapper h2 {
	font-size: 100%;
	font-weight: 700;
}

.card .notes-extract-wrapper h3 {
	font-size: 100%;
	font-weight: 600;
}


@media (min-width: 1620px) {
	.row-cols-xxl-3>* {
		flex: 0 0 33.3333333%;
		max-width: 33.3333333%;
	}
	.row-cols-xxl-4>* {
		flex: 0 0 25%;
		max-width: 25%;
	}
}

@media (min-width: 2120px) {
	.row-cols-xxxl-4>* {
		flex: 0 0 25%;
		max-width: 25%;
	}
}

#notes-rendered img {
    cursor: pointer;    
}

#overlay {
	z-index: 2;
	background-color: rgb(255 255 255 / 96%) !important;
}

#overlay img {
	max-height: 96% !important;
	max-width: 96% !important;
}

.changelog del {
    background-color: hsl(0deg 100% 93%);
}

.changelog ins {
    background-color: hsl(93deg 100% 86%);
}

.changelog table {
	display: none;
}

.changelog table td {
	overflow-wrap: break-word;
	word-break: break-word;
}

.changelog table thead th {
	text-align: center;
	width: 50%;	
}

.not-selectable {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome, Edge, Opera and Firefox */
}




.custom-checkbox.checkbox-normal {
    top: -0.2rem;
}

.custom-checkbox.checkbox-big {
    top: -0.1rem;
}

.checkbox-normal .custom-control-label::before {
	width: 1.3rem;
	height: 1.3rem;
}

.checkbox-big .custom-control-label::before {
	width: 1.5rem;
	height: 1.5rem;
}

.checkbox-normal .custom-control-label::after {
    width: 1.45rem;
    height: 1.45rem;
    top: 0.1rem;
    left: -1.45rem;
	cursor: pointer;
}

.checkbox-big .custom-control-label::after {
    width: 1.7rem;
    height: 1.7rem;
    top: 0.05rem;
    left: -1.4rem;
	cursor: pointer;
}

.checkbox-small .custom-control-label::after {
	width: 1rem;
    height: 1rem;
    top: 0.15rem;
    left: -1.4rem;
}

.custom-checkbox.checkbox-normal .custom-control-input:checked~.custom-control-label::after,
.custom-checkbox.checkbox-small .custom-control-input:checked~.custom-control-label::after,
.custom-checkbox.checkbox-big .custom-control-input:checked~.custom-control-label::after {
    background-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 fill='%23798444' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
	background-position-x: center;
    background-position-y: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.checkbox-big .custom-control-input:focus~.custom-control-label::before,
.checkbox-small .custom-control-input:focus~.custom-control-label::before,
.checkbox-normal .custom-control-input:focus~.custom-control-label::before {
	border-color: #c0cc86;
    background: #e5eacd !important;
}

.checkbox-big .custom-control-input:checked~.custom-control-label::before,
.checkbox-small .custom-control-input:checked~.custom-control-label::before,
.checkbox-normal .custom-control-input:checked~.custom-control-label::before {
	border-color: #798444;
    background: #e5eacd !important;
}

.checkbox-big .custom-control-input:hover~.custom-control-label::before,
.checkbox-normal .custom-control-input:hover~.custom-control-label::before {
	box-shadow: 0 0 0 0.2rem rgb(193 207 125 / 32%) !important;
}


.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
    border-color: #b3d7ff;
}


.custom-control-input:not(:disabled):active~.custom-control-label::before {
    color: unset;
    background-color: #e4eac7;
    border-color: #adb5bd;
}

span.search-highlight {
	background-color: rgb(252, 255, 60);
}


.prevent-overflow {
	overflow-wrap: break-word;
	word-break: break-word;
	overflow: hidden;
}

.iconView {
	display: inline-block;
	content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M10,501.6c0,0,436,673,980,6.1C990,507.7,540.6-186.1,10,501.6z M500,734.5c-129.6,0-234.5-105.1-234.5-234.5S370.4,265.6,500,265.6c129.6,0,234.5,104.9,234.5,234.5C734.5,629.6,629.6,734.5,500,734.5z'/%3E%3Cpath d='M403,500c0,53.6,43.4,97,97,97s97-43.4,97-97c0-53.6-43.4-97.1-97-97.1C446.4,402.9,403,446.4,403,500C403,500,403,500,403,500L403,500z'/%3E%3C/g%3E%3C/svg%3E");
	width: 1rem;
	height: 1rem;
	top: calc(50% - 1rem);
	text-align: center;
	padding: 0;
	line-height: 0;
}

.btn-view {
	line-height: 0;
}

.iconDownload {
	display: inline-block;
	content: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M 7 2 L 7 9.2929688 L 4.3535156 6.6464844 L 3.6464844 7.3535156 L 7.5 11.207031 L 11.353516 7.3535156 L 10.646484 6.6464844 L 8 9.2929688 L 8 2 L 7 2 z M 3 13 L 3 14 L 3.5 14 L 11.5 14 L 12 14 L 12 13 L 11.5 13 L 3.5 13 L 3 13 z' /%3E%3C/svg%3E%0A");
	width: 1rem;
	height: 1rem;
	top: calc(50% - 1rem);
	text-align: center;
	padding: 0;
	line-height: 0;
}

.btn-download {
	line-height: 0;
}


.iconClear {
	display: inline-block;
	content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 12 12' height='12' width='12' id='Layer_1'%3E%3Cmetadata id='metadata1318'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cpath id='path1307' d='M 9,8.2 6.8,6 9,3.8 8.2,3 6,5.2 3.8,3 3,3.8 5.2,6 3,8.2 3.8,9 6,6.8 8.2,9 Z M 6,0 c 3.3000001,0 6,2.7 6,6 0,3.3 -2.6999999,6 -6,6 C 2.7,12 0,9.3 0,6 0,2.7 2.7,0 6,0 Z' /%3E%3C/svg%3E%0A");
}

.clear-date-button {
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: 2.5rem;
    top: calc(50% - 1rem);
    display: block;
    text-align: center;
    padding: 0;
    line-height: 2rem;
}

@supports (-webkit-touch-callout: none) {
	.clear-date-button {
		right: 0.5rem;
	}
}

.calendar-item {
	border: solid 2px black;
	/* border-left: solid 6px black; */
	background: #fff !important;
}

.border-4 {
	border-width: 4px !important;
}

.border-yellow {
	border-color: #ffe200 !important;
}

.bg-light-yellow {
	background-color: #fff8e5 !important;
}

.badge-notify .btn-sm {
	height: 0rem;
    height: 0.7rem;
    width: 0.7rem;
}

.badge-notify a {
	color: #37260c;
}




.calendar .text-muted a {
	color: #aab0b5 !important;
}

.pointer-events-none {
	pointer-events: none;
}

.alert-box-center {
	top: 40px !important;
	position: fixed !important;
}

@supports (-webkit-touch-callout: none) {
	.alert-box-center {
		top: 50% !important;
	}
}

.border-light-blue {
	border-color: #6e8da6 !important;
}

.border-4px {
	border: solid 4px !important;
}

.border-green {
	border-color: #9DB342 !important;
}

.border-white {
	border-color: #ffffff !important;
}


.card-footer {
	background-color: #fcfbf8;
}


.teams .card {
	height: 350px;
	overflow-wrap: break-word;
	word-break: break-word;
}

.profile-pic {
	width: 120px;
    height: 120px;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.profile-pic-small {
	width: 50px;
    height: 50px;
}

.px-default {
	padding-top: 0.75rem !important;
	padding-bottom: 0.75rem !important;
}

.px-default {
	padding-left: 0.375rem !important;
	padding-right: 0.375rem !important;
}

.p-default {
	padding: 0.375rem 0.75rem !important;
}

.mb-05, .my-05 {
    margin-bottom: 0.125rem!important;
}

.mt-05, .my-05 {
    margin-top: 0.125rem!important;
}

.bg-light-green {
	background-color: #f2f1e0 !important;
}

.bg-light-primary {
	background-color: #f6efd5 !important;
}

.pl-05, .px-05 {
    padding-left: 0.125rem!important;
}

.pr-05, .px-05 {
    padding-right: 0.125rem!important;
}

.pt-05, .py-05 {
    padding-top: 0.125rem!important;
}

.pb-05, .py-05 {
    padding-bottom: 0.125rem!important;
}

.w-0 {
	width: 0;
}

.bg-color-transparent {
    background-color: transparent;
}

.color-transparent {
    color: transparent;
	
}

.btn-white {
	box-shadow: none !important;
	border-color: transparent !important;
}


.btn-white:focus,
.btn-white.focus {
	background-color: #f1f1f1 !important;
}

.min-height-one-line {
	min-height: calc(1.5em + .75rem + 2px);
}

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

.small-caps {
	font-variant: small-caps;
	font-weight: 700;
}

.small-caps .uppercase-char {
	font-weight: 600;
}

.small-caps .lowercase-char {
	font-weight: 700;
	font-size: 110%;
}

.card-background-image {
	background-size: cover;
	background-repeat: no-repeat;
	height: 40%;
	width: 100%;
	position: absolute;
	background-position-x: center;
	background-position-y: center;
	opacity: 50%;
}

.card-background-gradient {
	width:100%;
	height:40%;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 1) 100%),
		linear-gradient(220deg, rgba(255, 255, 255, 0.0) 20%, rgba(255, 255, 255, 1) 70%);
	position: absolute;
}

.header-background-image {
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	background-position-x: center;
	background-position-y: center;
	opacity: 50%;
}

.header-background-gradient {
	width:100%;
	height:100%;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.7) 100%),
		linear-gradient(220deg, rgba(255, 255, 255, 0.0) 20%, rgba(255, 255, 255, 1) 70%);
	position: absolute;
}

.custom-select {
    color: unset;
}

.checkbox-display .custom-control-label::after {
	cursor: default;
}

.checkbox-small .custom-control-label::before {
    top: 0.15rem;
}


.loader {
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 2s linear infinite;
	display: inline-block;
}
  
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.file-selected {
	background-color: #f2f1e0;
}

.drag-handle-pattern {
	
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='7' height='15' fill='currentColor' class='bi bi-grip-vertical' viewBox='0 0 7 15' version='1.1' id='svg19' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs23' /%3E%3Cpath d='M 3,2 A 1,1 0 1 1 1,2 1,1 0 0 1 3,2 Z M 6,2 A 1,1 0 1 1 4,2 1,1 0 0 1 6,2 Z M 3,5 A 1,1 0 1 1 1,5 1,1 0 0 1 3,5 Z M 6,5 A 1,1 0 1 1 4,5 1,1 0 0 1 6,5 Z M 3,8 A 1,1 0 1 1 1,8 1,1 0 0 1 3,8 Z M 6,8 A 1,1 0 1 1 4,8 1,1 0 0 1 6,8 Z m -3,3 a 1,1 0 1 1 -2,0 1,1 0 0 1 2,0 z m 3,0 a 1,1 0 1 1 -2,0 1,1 0 0 1 2,0 z m -3,3 a 1,1 0 1 1 -2,0 1,1 0 0 1 2,0 z m 3,0 a 1,1 0 1 1 -2,0 1,1 0 0 1 2,0 z' id='path17' style='fill:%23cccccc' /%3E%3C/svg%3E%0A");
	
    background-size: 8px;
    max-width: 14px;
    background-repeat: no-repeat;
    background-position: center;

}

.badge-recipient {
    background-color: #dee0f5;
    font-size: unset;
    font-weight: unset;
	padding: 0.25rem 0.5rem;
	margin-bottom: 0.25rem;
}

.badge-sender {
    background-color: #dee0f5;
    font-size: unset;
    font-weight: unset;
	padding: 0.25rem 0.5rem;
	margin-bottom: 0.25rem;
}

/* get checkmark as svg*/

i.checkmark {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-check' viewBox='0 0 16 16'%3E%3Cpath d='M13.854 4.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L6.5 10.793l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    width: 14px;
    height: 11px;
    display: inline-block;
}

a.recipient-link {
	color: #0d6efd;
}


.invisible-separator {
	font-size: 0;
}

.line-height-1-2{
	line-height: 1.2;
}

.font-weight-600 {
	font-weight: 600;
}

.word-break-break-word {
	word-break: break-word;
}

.display-table {
	display: table;
}

.display-table-row {
	display: table-row;
}

.display-table-cell {
	display: table-cell;
}

.overflow-wrap-break-word {
	overflow-wrap: break-word;
}

.sortable-selected {
	background-color: #dee0f5;
}


.topic-edit-button {
	max-height: 1.5em;
}

.font-size-80 {
	font-size: 80%;
}

.font-size-80 input,
.font-size-80 textarea {
	font-size: unset;
}


.topic-entry .custom-checkbox.checkbox-normal {
    top: -0.3rem;
}

.btn.dropdown-toggle {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.ui-autocomplete.ui-front {
    max-height: 600px;
    overflow-y: auto;   /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index:1000 !important;
}

.highlight-search-term {
	background-color: #ff0;
}

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

.header-background-gradient-topics {
	width: 100%;
    height: 100%;
	background:
	linear-gradient(180deg, rgba(255, 255, 255, 0) 75%, rgb(255 255 255 / 20%) 100%),
	linear-gradient(188deg, rgba(255, 255, 255, 0) 27%, rgb(255 255 255) 100%);
	position: absolute;
}

.badge-indicator {
	position: absolute;
    right: -7px;
    top: -4px;
}


.topics-badge-own-name {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

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

.topics .card {
	height: 350px;
	overflow-wrap: break-word;
	word-break: break-word;
}

.topics .card-body::after {
	content  : "";
	position : absolute;
	z-index  : 1;
	bottom   : 0;
	left     : 0;
	pointer-events   : none;
	background-image : linear-gradient(to bottom, 
					  rgba(255,255,255, 0), 
					  rgba(255,255,255, 1) 96%);
	width    : 100%;
	height   : 3rem;
}

.modal {
	z-index: 950;
}

.modal-backdrop {
	z-index: 940;
}