.bvdatefilterselect {
	width: 30px;
}

.jxheader {
	background-color: #01559E;
}

.jxaside {
	background-color: #01559E;
	min-height:100%;
}

.jxfooter {
	position:fixed; 
	bottom:0;
	width:65%s
}

.jxbody {
	background-color: #d7d7d7; 
	background-image:  url("/art/bgBody.png"); 
	background-repeat: repeat-x;
	min-height:100%;
}
.img-responsive {
	margin: 2px;
}

.headerheadline {
	color:#FFFFFF;
}

.jxFormMargin {
	margin : 5px;
}

#signatureparent {
		color:darkblue;
		background-color:darkgrey;
		/*max-width:600px;*/
		padding:20px;
	}
	
#signature {
		border: 2px dotted black;
		background-color:lightgrey;
	}

/* Drawing the 'gripper' for touch-enabled devices */ 
html.touch #content {
	float:left;
	width:92%;
}

html.touch #scrollgrabber {
	float:right;
	width:4%;
	margin-right:2%;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAFCAAAAACh79lDAAAAAXNSR0IArs4c6QAAABJJREFUCB1jmMmQxjCT4T/DfwAPLgOXlrt3IwAAAABJRU5ErkJggg==)
}

html.borderradius #scrollgrabber {
	border-radius: 1em;
}

/* Datepickerklasen Farbe überladen bzw. Vererbung aus Bootstrap vermeiden */
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    color: #535353;
}

.iconTrayHeader {
	background-color: #fff; 
	padding:5px; 
	display:table; 
	line-height:1; 
	margin-top:3px; 
	border-radius:3px;
}



/************  Änderungen 22.02.2018 --- @author: Alkje Naumann  ************/
@media (min-width: 1500px) {
    .container{
        max-width: 1200px;
    }
}

.navbar-user {
	background-color: rgb(232, 237, 245);
}

.navbar-light .navbar-nav .active > .nav-link {
	color: rgb(123, 143, 193);		/* Farbe aus dem Logo für die Navbar */
}

.navbar {
	margin-bottom: 1em;	
	padding: .1rem;
}

.btn-group-sm > .btn,
.btn-sm {
	padding: 0rem .2rem;
}

.dropdown-item {
    font-weight: 200;
}

a {
	color: #5e77b5;
	cursor:pointer;	
}

.jxFormContainer {
	padding: 1rem 1rem 1rem 0rem;
	max-width: 600px;
}
.container > .jx-innerframe > .alert {
	max-width: 900px;
}

.container > .jx-header-navbar {
	margin-bottom: 2rem;
}

.jx-innerframe {
	margin: 1rem;
}

.jx-btn {
	margin: .25rem;
}

@media (max-width: 800px) {
    .jx-footer {
        display: none;
    }
}

.jx-footer {
	background-color: rgb(232, 237, 245);
	padding-top: 0.25rem;
}

.container > .jx-debuginfos {
	max-width: 300px;
	margin: 5rem 1rem 5rem 1rem;
	font-size: 12px;
	color: grey;
}

.jx-logo {
	padding-left: 0.5rem;
}

.flex-container {
  flex-wrap: wrap;
}

.jx-gj-buttons {
	margin: 1rem;
	padding: 1rem;
	background-color: #B3DDF0; /* alternativ: #3D9CD3 */
	cursor:pointer;
}

.card {
	/* cursor:pointer;*/ 
	margin-top: 1rem;
	background-color: #B3DDF0; /* alternativ: #3D9CD3 */	
}