@font-face {
	font-family: "Roboto";
	src: url("/inc/fonts/Roboto/Roboto-Regular.ttf");
}
@font-face {
	font-family: "SourceSansPro";
	src: url("/inc/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf");
}

a {
	color: #000000;
	text-decoration: none;
}

body {
	margin: 0px;
	font-family: SourceSansPro, Helvetica, Arial, sans-serif;
}

.bodyBgColor {
	background-color: #f2f2f6;
}

.tooltip-content {
	font-size: 8px!important;
	padding: 0px!important;
	font-family: SourceSansPro, Helvetica, Arial, sans-serif;
}

.dialog-content {
	font-size: 0.9rem;
	padding: 0px!important;
	margin: 0px!important;
	font-family: SourceSansPro, Helvetica, Arial, sans-serif!important;
}

.ui-tooltip-content {
	font-size: 0.9rem;
	padding: 0px!important;
	margin: 0px!important;
	font-family: SourceSansPro, Helvetica, Arial, sans-serif;
}

.ui-dialog {
	z-index: 1000 !important;
}

.context-menu-item {
	font-size: 14px!important;
}

.small-text {
	font-size: 13px!important;
}

table { 
	border-spacing: 0;
	border-collapse: collapse;
}

label {
	margin-bottom: 0rem;
}

.leaflet-sidebar {
	font-size: 0.9rem !important;
	font-family: SourceSansPro, Helvetica, Arial, sans-serif !important;
}

.headerText {
	font-size: 24px;
}
.headerMain {
	position: fixed;
	width: 100%;
	height: 50px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 10;
}

.displayCurrentSiteName {
	font-size: 18px;
}

.navText {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
}

.navTextDropDown {
	font-size: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: normal;
}

.mainContent {
	padding-top: 60px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 0.9rem;
}
.mainContent .fas {
	font-size: 16px;
}

.displaySVG svg {
	height: 32px;
}


.mainContentFrame {
	font-size: 12px;
}

.contentBerichtHeader {
	background-color: #5d5c63;
	color: #FFFFFF;
}

.os-btn {
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.25;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.os-btn-dark {
	color: #FFFFFF !important;
	background-color: #343a40;
}

.os-btn-dark:hover {
	color: #4c4c4c !important;
	border-color: #0064cd;
	background-color: #c4c4c4 !important;
}

.os-btn-light {
	color: #4c4c4c !important;
	background-color: #efefef !important;
}

.os-btn-light:hover {
	color: #4c4c4c !important;
	border-color: #0064cd;
	background-color: #c4c4c4 !important;
}


.color-os-grey,.color-hover-os-grey:hover{color:#FFFFFF!important;background-color:#5d5c63!important}
.color-os-dark,.color-hover-os-dark:hover{color:#FFFFFF!important;background-color: #3f3b3d !important}
.color-os-btn,.color-hover-os-btn:hover{color: #ffffff !important;background-color: #353535 !important}
.color-navigation-sidebar,.color-navigation-sidebar:hover{color:#FFFFFF!important;background-color: #333 !important}
.color-navigation-buttons,.color-navigation-buttons:hover{color:#FFFFFF!important;background-color: #333 !important}
.color-navigation-buttons-dropdown,.color-navigation-buttons-dropdown:hover{color:#FFFFFF!important;background-color: #272425 !important}
.color-header,.color-header:hover{color:#FFFFFF!important;background-color: #333333 !important}
.color-navigation,.color-navigation:hover{color:#FFFFFF!important;background-color: #5d5c63 !important}
.color-os-green, .color-green {color: #66cc66}
.color-os-red, .color-red {color: #ff3333}
.color-os-blue, .color-blue {color: #0064cd}
.color-os-orange, .color-blue {color: #ff8e00}
.bg-color-os-alert {background-color: #ffd000!important;}

.color-divers {
	background:linear-gradient(90deg,#0064cd,#ff3333);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.navigationMissionColor {
	color: #ff8600;
}

.form-control-ssm {
	height: calc(1.5em + .5rem + 2px);
	padding: .25rem .5rem;
	font-size: 13px;
	line-height: 1.5;
	border-radius: .2rem;
}

.bg-green {background-color: #66cc66!important;}
.bg-grey {background-color: #9e9e9e!important;}
.bg-red {background-color: #ff0000!important;}
.text-red {color: #ff0000;}
.linkColorBlue {color: #3f51b5;}
.linkColorBlue:hover {color: #444444;}

.navButton {
	font-size: 15px;
	border:none;
	display:inline-block;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	background-color:inherit;
	text-align:center;
	cursor:pointer;
	white-space:nowrap
}
.headerInlineTextAppName {
	font-size: 15px;
	border:none;
	display:inline-block;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	background-color: #2a3645;
	border-radius: 10px;
	text-align:center;
	white-space:nowrap
}
.navText {
	font-size: 15px;
	border:none;
	display:inline-block;
	padding:8px 16px;
	vertical-align:middle;
	overflow:hidden;
	text-decoration:none;
	color:inherit;
	background-color:inherit;
	text-align:center;
	white-space:nowrap
}

.navButton:hover {
	background-color: #3782a9;
}

.navigationSidebarHeader {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 15px;
	font-size: 13px;
}

.navContentHeader {
	color: #f8f9fa!important;
	background-color: #282828;
	text-align: left!important;
	display: block;
	width: 240px;
	font-weight: 550;
	font-size: 0.95rem;
	align-content: center;
	vertical-align: middle;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	margin: .38rem .2rem;
	line-height: 1.5;
	border-radius: .25rem;
	text-decoration: none;
}
.navContentHeader .icon {
	font-size: 1.1rem;
}

.navContentText {
	color: #f8f9fa!important;
	background-color: #333333;
	width: 240px;
	font-weight: 550;
	font-size: 0.8rem;
	display: block;
	align-content: center;
	vertical-align: middle;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	margin: .38rem .2rem;
	line-height: 1.5;
	border-radius: .25rem;
	text-decoration: none;
}

.navModuleContentText {
	background-color: #555454;
}

.navContentButton {
	color: #f8f9fa!important;
	text-align: left!important;
	display: block;
	width: 240px;
	font-weight: 400;
	font-size: 0.9rem;
	align-content: center;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	background-color: #333;
	border: 1px solid transparent;
	padding: .15rem .50rem;
	margin: .30rem .2rem;
	line-height: 1.5;
	border-radius: .25rem;
	text-decoration: none;
}

.navContentButton:not(.navigation-collapse) {
	padding-left: 35px !important;
}

.navigationSidebarContent .collapse {
	margin-bottom: .2rem;
}

.navigationSidebarContent .collapse .navContentButton {
	background-color: #4a4a4a;
	margin: 0rem .2rem;
	border: 0px solid transparent;
	border-radius: 0rem;
}

.navigationSidebarContent .collapsing .navContentButton {
	background-color: #4a4a4a;
	margin: 0rem .2rem;
	border: 0px solid transparent;
	border-radius: 0rem;
}

.navContentButton:hover {
	background-color: #8a8a8a;
}

.navigationSidebarContent .collapse .navContentButton:hover {
	background-color: #8a8a8a;
}

.navigationSidebarContent {
	padding-top: 0px;
	font-size: 13px;
	width: 265px;
	height: 100%;
	background-color: #fff;
	position: fixed!important;
	z-index: 1;
	overflow: auto;
}

.sidebarButtonRight {
	float: right;
	vertical-align:middle;
	font-size: 14px;
}

.pageIcon {
	font-size: 19px;
	margin-left: 5px;
	margin-right: 5px;
}

.tblBtn {
	border: none;
	display: inline-block;
	padding: 4px 8px;
	vertical-align: middle;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	background-color: inherit;
	text-align: center;
	cursor: pointer;
	white-space: nowrap
}

.tblBtn {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.tblBtn:hover {
	background-color: rgba(62,57,64,0.20);
}

.icon-topmenu {
	font-size: 14px!important;
	line-height: 0rem!important;
}
.icon-table {
	color: #000000;
	font-size: 1rem!important;
	padding-left: 10px;
}

.navContentText {
	font-weight: bold;
	margin-top: 1rem;
}

.fileDropper {
	border:5px dashed #CCC;
}

.fileDropperDragOver {
	background-color: #8a8a8a;
}


@media (min-width: 576px) {

}

@media (max-width: 576px) {
	.dm-xs-none {display: none;}
}

@media (min-width: 768px) {
	.dm-s-none {display: none;}
}

@media (max-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}



.description {
	padding-left: 15px;
	border-left: 2px solid #000;
}
.description h3 {
	font-weight: 300;
	font-size: 15px;
	line-height: 20px;
	margin: 0px;
	color: #000;
	text-transform: uppercase;
}
.description p {
	margin-top: 10px;
	font-weight: 300;
}

.wrapper {
	margin: 50px;
}

ul.breadcrumbs {
	margin: 0px 0px 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
	display: inline-block;
	*display: inline;
	transform: scale(1);
	vertical-align: top;
	height: 25px;
}
ul.breadcrumbs li {
	position: relative;
	margin: 0px 0px;
	padding: 0px;
	list-style: none;
	list-style-image: none;
	display: inline-block;
	*display: inline;
	transform: scale(1);
	vertical-align: top;
	border-left: 1px solid #ccc;
	transition: 0.3s ease;
}
ul.breadcrumbs li:hover:before {
	border-left: 10px solid #59585c;
}
ul.breadcrumbs li:hover a {
	color: #ffffff;
	background: #59585c;
}

ul.breadcrumbs li.active a {
	color: #ffffff;
	background: #59585c;
}
ul.breadcrumbs li.first {
	border-left: none;
}
ul.breadcrumbs li.first a {
	font-size: 15px;
	padding-left: 20px;
	border-radius: 5px 0px 0px 5px;
}
ul.breadcrumbs li.last:before {
	display: none;
}
ul.breadcrumbs li.last:after {
	display: none;
}
ul.breadcrumbs li.last a {
	padding-right: 20px;
	border-radius: 0px 20px 0px 0px;
}
ul.breadcrumbs li a {
	display: block;
	font-size: 12px;
	line-height: 20px;
	color: #757575;
	padding: 0px 15px 0px 25px;
	text-decoration: none;
	background: #fff;
	border: 1px solid #ddd;
	white-space: nowrap;
	overflow: hidden;
	transition: 0.3s ease;
}

span.deleteicon {
	position: relative;
	display: inline-flex;
	align-items: center;
}
span.deleteicon span {
	position: absolute;
	display: block;
	right: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	color: #fff;
	background-color: #ccc;
	font: 13px monospace;
	text-align: center;
	line-height: 1em;
	cursor: pointer;
}
span.deleteicon input {
	padding-right: 18px;
	box-sizing: border-box;
}