/* noto-sans-regular - latin */
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/noto-sans-v7-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Noto Sans'), local('NotoSans'),
	url('../fonts/noto-sans-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/noto-sans-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/noto-sans-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/noto-sans-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/noto-sans-v7-latin-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-italic - latin */
@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 400;
	src: url('../fonts/noto-sans-v7-latin-italic.eot'); /* IE9 Compat Modes */
	src: local('Noto Sans Italic'), local('NotoSans-Italic'),
	url('../fonts/noto-sans-v7-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/noto-sans-v7-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/noto-sans-v7-latin-italic.woff') format('woff'), /* Modern Browsers */
	url('../fonts/noto-sans-v7-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/noto-sans-v7-latin-italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-700 - latin */
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/noto-sans-v7-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Noto Sans Bold'), local('NotoSans-Bold'),
	url('../fonts/noto-sans-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/noto-sans-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/noto-sans-v7-latin-700.woff') format('woff'), /* Modern Browsers */
	url('../fonts/noto-sans-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/noto-sans-v7-latin-700.svg#NotoSans') format('svg'); /* Legacy iOS */
}
/* noto-sans-700italic - latin */
@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: 700;
	src: url('../fonts/noto-sans-v7-latin-700italic.eot'); /* IE9 Compat Modes */
	src: local('Noto Sans Bold Italic'), local('NotoSans-BoldItalic'),
	url('../fonts/noto-sans-v7-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/noto-sans-v7-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/noto-sans-v7-latin-700italic.woff') format('woff'), /* Modern Browsers */
	url('../fonts/noto-sans-v7-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/noto-sans-v7-latin-700italic.svg#NotoSans') format('svg'); /* Legacy iOS */
}

body {
	color: #444;
	background:#07446b;
	font-family: 'Noto Sans', 'Helvetica', sans-serif;
	margin:55px 0 70px 0;
}

.card {
    position: inherit;
}

nav {
	background:#0a5d92;
}

.navbar-dark .navbar-toggler {
	border:0;
}

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


.btn {
	min-width:1.2rem;
	text-transform:none;
}

.btn-group-xs > .btn, .btn-xs {
	padding  : .5rem .5rem;
	font-size  : .675rem;
	line-height  : .5;
	border-radius : .2rem;
}

.fixed-bottom .btn {
	border-radius:0 !important;
	border-left:1px solid #fff2 !important;
	border-right:1px solid #000a !important;
	text-transform:none;
	background:#20303e;
	margin-left:0 !important;
}

.fixed-bottom .btn:first-child {
	border-left:0 !important;
}

.fixed-bottom .btn:last-child {
	border-right:0 !important;
}

.fixed-bottom .btn i {
	margin-bottom:5px;
}

.btn-bordered {
	border:1px solid #ccc;
}

.alert ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

.navbar,
nav.fixed-bottom {
	box-shadow:0 0 4px 1px #0008;
}

.btn-secondary {
	background:#aaa;
}

.btn-dark {
	background:#203033;
}

.btn-white {
	background:#fff;
}

.flashalert {
	display:none;
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
}

.flashalert .alert {
	padding-top:70px;
}

.hidden { display:none;}

.start-timer {
	margin-right:0 !important;
}

/** MODAL LEFT / RIGHT **/
.modal.left .modal-dialog {
	position: fixed;
	margin: auto;
	width: 320px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.left.fade .modal-dialog {
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
	left: 0;
}

.popover {
	box-shadow: 2px 2px 12px 1px rgba(0, 0, 0, 0.7)}
.popover-header {
	color:#000b;
	background:#f4f4d0;
}
.popover-body {
	color:#000b;
	background:#f8f8ed;
}
.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	right:0;
	width: 500px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.right.fade .modal-dialog {
	right: -320px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
	right: 0;
}


.modal.left .modal-content,
.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
	margin-top:0;
	border-radius:0;
	border:0;
}

.modal.left .modal-header,
.modal.right .modal-header {
	background:#20303322;
	box-shadow: 0 0 2px 1px #0008;
	border-radius:0;
}

.modal.left .modal-body,
.modal.right .modal-body {
	padding: 15px 15px 80px;
}

.tracker-card {
	border:0;
}

.btn-group {
	margin:0;
}

.btn-group .btn {
	margin:0;
}

.fixed-top .navbar-brand,
.fixed-bottom .btn {
	color:#fff !important;
}

.subproject:last-child {
	margin-bottom:0 !important;
}

label {
	color:#666 !important;
}
input::placeholder { /* Chrome/Opera/Safari */
	color: #aaa !important;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #aaa !important;
}
input::-moz-placeholder { /* Firefox 19+ */
	color: #aaa !important;
}
input::-ms-input-placeholder { /* IE 10+ */
	color: #aaa !important;
}
input::-moz-placeholder { /* Firefox 18- */
	color: #aaa !important;
}

/** ENDE MODAL LEFT / RIGHT **/

@media (max-width: 34em) {
	.card-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.hidden-xs {
		display:none;
	}

	.modal.right .modal-dialog { width: 100% !important; }

	body {
	}
}

@media (min-width: 34em) {
	.card-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.visible-xs {
		display:none;
	}
}

@media (min-width: 48em) {
	.card-columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}

@media (min-width: 62em) {
	.card-columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}

@media (min-width: 75em) {
	.card-columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
}

.crossed-out {
	display: inline-block;
	height: auto;
	line-height: 0;
	position: relative;
	vertical-align: middle;
	width: auto;
}

.crossed-out:after {
	content: '|';
	color: red;
	display: block;
	font-weight: bold;
	text-align: center;
	font-size: 2em;
	position: absolute;
	height:0;
	top:6px;
	left:-2px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}