@charset "utf-8";

/* medl Fonts */
@font-face {
    font-family: "IBMPlexSerif-Regular";
    font-display: swap;
    src: url("../fonts/IBMPlexSerif-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "IBMPlexSerif-Bold";
    font-display: swap;
    src: url("../fonts/IBMPlexSerif-Bold.ttf") format("truetype");
}

:root {
  --bs-font-sans-serif: 'IBMPlexSerif-Regular',system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* steuert Bootstrap font-size */
html {
    font-family: 'IBMPlexSerif-Regular',Helvetica,Arial,Lucida,sans-serif;
    font-size: 14px;
}

.dl-horizontal dt {
    text-align: right;
    white-space: nowrap;
    width: 200px;
}

.agb {
  display: inline;
  margin-left:10px;
}

.dsb {
  display: inline;
  margin-left:10px;
}

.input-small {
  width: 150px;
}

.header {
	height: 100px;
  margin: 20px 0 20px 0;
  background-color: #e1ddd1;
}

.container-sidebar-left .form-group {
    margin-bottom: 10px;
}
.container-sidebar-left .mod-list {
    margin-bottom: 10px;
}

.header .headerlogo {
    height: 100px;
    background:url('../images/logo_medl.png');
    background-size: 99px 46px;
    background-position-x: 10px;
    background-position-y: center;
    background-repeat: no-repeat !important;
}
.nav  li  a:hover, .nav li  a:focus {
    background-color: #0061a0;
    text-decoration: none;
}

.footer {
    background-color: #f0eee8;
}

.footer a:hover, .footer a:focus {
    color: #005287;
}

.footer .container {
    font-size: 0.9em;
    margin-top: 10px;
}
.footer  a {
    color: #3e3e3c;
    text-decoration: none;
}

.footer .linklist ul {
    list-style-type: none;
    text-align: left;
    margin:0 0 0 0;
}

.footer .linklist li {
    display: inline;
    padding-left: 10px;
}

a {
    color: #50af31;
    text-decoration: none;
}
a:hover,a:focus {
    color: #50af31;
    background-color: transparent;
    text-decoration: none;
}

.nav > li > a:hover, .nav > li > a:active {
    background-color: transparent;
    text-decoration: none;
}

.breadcrumb {
    background-color : rgb(239,248,245);
}

#member-registration {
	background-color: #f5f5f5;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	margin: 0 0 20px;
	padding: 19px;
	margin-bottom: 20px;
}

#member-registration .control-group .control-label {
	width: 200px;
	text-align: right;
	float: left;
	padding-top: 5px;
}

#member-registration .field-spacer .control-label {
    width:100%;
}

#member-registration .field-spacer .spacer {
	width: 200px;
	text-align: right;
	float: left;
}

#member-registration .control-group .controls {
	margin-left: 220px;
	padding-top: 5px;
}

#member-registration .control-group .controls .password-group {
	max-width: 245px !important;
}

#member-registration .control-group .form-control {
	max-width: 206px !important;
}
#member-registration .control-group .form-select {
	max-width: 206px !important;
}

#adminForm {
    margin: 0;
}

#adminForm .js-stools-field-filter {
	width: 220px;
	float: left;
}

#adminForm .js-stools-container-bar .btn-toolbar {
	justify-content: flex-start;
}

.ordertable {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
	background-color: #EFF8F5;
}
.ordertable .table {
	display: table;
	border-collapse:collapse;
}

.ordertable .tr {
	display:table-row;
}
.ordertable .td {
	display:table-cell;
	border: 0px solid blue;
	padding:5px;
}

.ordertable #uploadform {
	margin:0;
}
.ordertable select {
	background-color: #fff;
	border: 1px solid #ccc;
	width: 180px;
	height:30px;
	line-height:30px;
	padding:0 3px;
	margin-bottom:0;
	vertical-align:top;
}

.ordertable .inputBtnSection {
	display:inline-block;
	vertical-align:top;
	font-size:0;
}

.ordertable .disableInputField {
	display:inline-block;
	vertical-align:top;
	height: 27px;
	margin: 0;
	font-size:14px;
	padding:0 3px;
	width:150px;
}

.ordertable .fileUpload {
	position: relative;
	overflow: hidden;
	border:solid 1px gray;
	display:inline-block;
	vertical-align:middle;
	margin-bottom:0px;
	border-width: 0px;
}

.ordertable .uploadBtn {
	background-color: rgb(0, 97, 160);
	background-image  : linear-gradient(to bottom, #08c, #04c);
	background-repeat : repeat-x;
	border-color      : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color             : #fff;
	text-shadow       : 0 -1px 0 rgba(0, 0, 0, 0.25);
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-image: none;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 4px 12px;
	text-align: center;
	vertical-align: middle;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.ordertable .fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.ordertable .ordernote {
	padding:0px;
	line-height: 16px;
	width: 100px;
}

.ordertable .orderreason {
	padding:0px;
	line-height: 16px;
	width: 150px;
	cursor: not-allowed !important;
	background-color: #eee !important;
}

#orderitems {
	height:100%;
	padding:0px;
	margin:0px;
	overflow:auto;
	background-color: #eee;
	border-color: #E8EFED;
	/*
	background-color:#DCE5ED
	border-color: #CDD3D8;
	*/
	border-style:inset;


}
.orderitemstable {
	padding:2px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	line-height: 14px;
}
.orderitemstable .table {
	display: table;
	border-collapse:collapse;
}

.orderitemstable .tr {
	display:table-row;
}
.orderitemstable .td {
	display:table-cell;
	border: 0px solid blue;
	padding:5px;
}

.orderitemstable .name {
	font-weight:bold;
}

.orderitemstable .value {
	font-weight:normal;
	font-family: monospace;
}

#editclose {
  margin-left: 10px;
}

.usertable {
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  background-color: #EFF8F5;
}
.usertable .table {
  display: table;
  border-collapse:collapse;
}

.usertable .tr {
  display:table-row;
}
.usertable .td {
  display:table-cell;
  border: 0px solid blue;
  padding:5px;
}

@media (max-width: 480px) {

  .header .headerlogo {
    background:url('../images/logo_medl_small.png');
    background-position-x: 10px;
    background-position-y: center;
    background-repeat: no-repeat;
  }

}

#user-registration legend {
    font-size: 14px;
}

.site .btn-primary {
    --bs-btn-bg: #50af31;
    --bs-btn-border-color: #50af31;
    --bs-btn-hover-bg: #50af31;
    --bs-btn-hover-border-color: #50af31;
    --bs-btn-active-border-color: #50af31;
    --bs-btn-disabled-bg: #50af31;
    --bs-btn-disabled-border-color: #50af31;
}

.mod-login-logout__button {
    margin-top: 10px;
}

.nav-item {
    font-family: 'IBMPlexSerif-Bold',Helvetica,Arial,Lucida,sans-serif;
}

.nav-pills {
    --bs-nav-pills-link-active-bg: #50af31;
}
.nav {
    --bs-nav-link-color: #50af31;
    --bs-nav-link-hover-color: #50af31;
}

.btn-wrapper button {
    font-family: 'IBMPlexSerif-Bold',Helvetica,Arial,Lucida,sans-serif;
    color: #50af31;
}

.btn-wrapper button:hover {
    background-color: #50af31;
}

.js-stools-container-bar .btn-toolbar .js-stools-btn-clear {
    background-color: #abb6a7;
}