html,
body {
	height: 100%;
	padding-top: 37px;
	font-family: 'Open Sans', sans-serif;
}

/* fix padding under menu after resize */
    /*@media screen and (max-width: 767px) {
        body { padding-top: 60px; }
    }
    @media screen and (min-width:768px) and (max-width: 991px) {
        body { padding-top: 110px; }
    }
    @media screen and (min-width: 992px) {
        body { padding-top: 60px; }
    }*/

/* fix for alert:growl on mobile... */
@media screen and (max-width: 576px) {
    .alert { padding-left: 30px; }
}

/* fix for first alert to be below NavBar */
#w15 {
	top: 70px !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

h1, h2, h3, h4, h5, .btn {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
}

.font-condensed
/*tbody,
thead > .filters,
.select2-container*/ {
	font-family: 'Open Sans Condensed', sans-serif !important;
}

.font-semibold {
	font-family: 'Open Sans Semibold', sans-serif !important;
}

.force-small {
	font-size: 80% !important;
	font-weight: 400 !important;
	height: 38px !important;
}

.nowrap {
	white-space: nowrap;
}

/*.tbodyregular {
	font-family: 'Open Sans', sans-serif;
}*/

.wrap {
	min-height: 100%;
	height: auto;
	margin: 0 auto -25px;
	padding: 0 0 30px;
}

.wrap > .container {
	padding: 70px 15px 20px;
}

.footer {
	height: 25px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	font-size: 8pt;
}

.jumbotron {
	text-align: center;
	background-color: transparent;
}

.jumbotron .btn {
	font-size: 21px;
	padding: 14px 24px;
}

.not-set {
	color: #c55;
	font-style: italic;
}


.was-changed {
	font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	padding-left: 5px;
}

a.asc:after {
	content: /*"\e113"*/ "\e151";
}

a.desc:after {
	content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
	content: "\e153";
}

.sort-numerical a.desc:after {
	content: "\e154";
}

.sort-ordinal a.asc:after {
	content: "\e155";
}

.sort-ordinal a.desc:after {
	content: "\e156";
}

.grid-view th {
	white-space: nowrap;
}

.hint-block {
	display: block;
	margin-top: 5px;
	color: #999;
}

.error-summary {
	color: #a94442;
	background: #fdf7f7;
	border-left: 3px solid #eed3d7;
	padding: 10px 20px;
	margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
	padding: 15px;
	border: none;
}

@media(max-width:767px) {
	.nav li > form > button.logout {
		display:block;
		text-align: left;
		width: 100%;
		padding: 10px 15px;
	}
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
	text-decoration: none;
}

.nav > li > form > button.logout:focus {
	outline: none;
}

/* ----------------------------------------------------------------------------
 * NavBar
 */

.navbar-bfo {
	padding: .6rem 1rem;
	background: #FFFFFF; /* #b3b3b3 */
	border-bottom: 1px solid #F5F5F5; /* #f5f5f5 #ddd*/
}

.icon-bar {
	background: #D4000F;
}
.nav > li > form > button.btn,
.nav > li > a {
	color: #000000;
}

.navbar-collapse {

}

.navbar-brand {
	padding: 1px;
}

.navbar-brand img {
	display: inline;
	padding-right: 20px;
	height: 39px;
}

.dropdown > .dropdown-menu {
	/*
	 * fix to pull dropdown-menues to the right
	 */
	right: 0;
	left: auto;
}

a {
	color: #004186;
}

a:hover {
	color: #850009;
	text-decoration: none;
}

/* ----------------------------------------------------------------------------
 * Scrolling & vertical scroll indicator
 */

/* Hide default scrollbar */
body {
	overflow: scroll;
	overflow-x: hidden;
}


::-webkit-scrollbar {
	width: 3px;
	background: #FFFFFF;
}

body::-webkit-scrollbar {
	width: 5px;
	background: transparent;
}

/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
	background: #4a4a4a;
}

/* Hide Scrollbar in Mozilla Firefox */
@-moz-document url-prefix() {
	html,body{
		/*scrollbar-width: none;*/
	}
}

/* Style the header: fixed position (always stay at the top) */
.header {
	position: fixed;
	top: 57px;
	z-index: 1;
	width: 100%;
	background-color: #f1f1f1;
}

/* The progress container (grey background) */
.progress-container {
	width: 100%;
	height: 3px;
	background: #DDDDDD;
}

/* The progress bar (scroll indicator) */
.progress-bar {
	height: 3px;
	background: #EF9FA5; /*#F4BFC3;*/
	width: 0%;
}

/* ----------------------------------------------------------------------------
 * colourisation of buttons, tables, ...
 */

.btn-bfo {
	color: #fff;
	background-color: #D4000F;
	border-color: #BA000D;
}

.btn-bfo:hover {
	color: #fff;
	background-color: #9F000B;
	border-color: #850009;
}

.btn-bfo:focus, .btn-success.focus {
	color: #fff;
	background-color: #9F000B;
	border-color: #850009;
}

.btn-outline-bfo {
  color:  #D4000F;
  border-color: #BA000D;
}

.btn-outline-bfo:hover {
  color: #fff;
  background-color: #9F000B; /*#D4000F;*/
  border-color: #850009; /*#BA000D;*/
}


.bg-bfo {
	background: #D4000F !important;
}
.bg-bfo-light {
	background: #FADFE1 !important;
}


.bg-danger-light {
	background: #FBE6E8 !important;
}
.bg-warning-light {
	background: #FFF7E0 !important;
}
.bg-info-light {
	background: #E2F3F6 !important;
}
.bg-success-light {
	background: #E4F4E8 !important;
}
.bg-primary-light {
	background: #DFEFFF !important;
}
.bg-secondary-light {
	background: #EDEEED !important;
}

.my-action-btn {
	padding: 0px;
	background: none;
	border: none;
}

/* ----------------------------------------------------------------------------
 * error messages in forms
 */

.help-block {
	font-size: small;
	font-style: italic;
}

.has-error > .help-block {
	color: #D4000F;
}
.has-error > input,
.has-error > textarea,
.has-error > .select2 > .selection > .select2-selection {
	border: 1px solid #D4000F;
	background: #FBE6E8;
}


/* ----------------------------------------------------------------------------
 * TODO: check for fix from vendor
 * fixes the position of the "x" to clear selection in SELECT2 (04.09.2020, no longer required 28.09.2020)
 */

/*.select2-container--krajee-bs4 .select2-selection--single .select2-selection__clear {
	float: right !important;
	right: 0.2rem !important;
}*/



/* ----------------------------------------------------------------------------
 * ...
 */


ul.timeline {
	list-style-type: none;
	position: relative;
}
ul.timeline:before {
	content: ' ';
	background: #d4d9df;
	display: inline-block;
	position: absolute;
	left: 29px;
	width: 2px;
	height: 100%;
	z-index: 400;
}
ul.timeline > li {
	margin: 20px 0;
	padding-left: 20px;
}
ul.timeline > li:before {
	content: ' ';
	background: white;
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	border: 3px solid #D4000F;
	left: 20px;
	width: 20px;
	height: 20px;
	z-index: 400;
}

ul.timeline > li.grey {
	color: #AAAAAA;
}

ul.timeline > li.grey:before {
	border: 3px solid #DDDDDD;
}