/** General 
 ** pa-font : Tahoma,arial,sans-serif
 ** t5-font: "Trebuchet MS",Arial,sans-serif
**/

:root {
	--buttonbackgroundcolor: #124978;
}

body {
	font-size: 100% !important;
	position: relative;
	margin: 2px;
	padding: 0px;
	font-family: Tahoma, Arial, sans-serif;
	background-color: #FFFFFF;
}

.startpage_body {
	text-align: center;
	position: relative;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
/* 	border-bottom: 20px solid #0088d0; */
}

.startpage_blatt {
	position: absolute !important;
	text-align: center;
	margin: auto;
	background-repeat: repeat-x;
	background-position: 0em 20em;
	width: 25em !important;
	height: initial !important;
	border: 0px !important;
	display: inline-grid;
	gap: 30px;
}

.startpage_demologin {
	position: absolute;
	top: 8em;
	right: 0em;
	width:21em;
}

.startpage_login {
	position: initial !important;
	top: 8em;
	right: 0em;
	width: 100% !important;
}

.startpage_info {
	position: initial !important;
	top: 23em;
	right: 0em;
	width: 100% !important;
	bottom: 0em;
}

.start_logo {
	position: initial !important;
	background: transparent;
	margin: auto;
	padding: 0px !important;
}

.boxround {
	position: relative;
	background-color: #DDDDDD;
	display: block;
	float: left;
	padding: 6px;
	margin-right: 1em;
	margin-left: 0.3em;
}

.box_clear {
	width: 10em;
}

.box_lo {
	position: absolute;
	float: left;
	top: 0px;
	left: 0px;
	height: 6px;
	width: 6px;
}

.box_lu {
	position: absolute;
	float: left;
	bottom: 0px;
	left: 0px;
	height: 0px !important;
	width: 0px !important;
}

.box_ro {
	position: absolute;
	float: right;
	top: 0px;
	right: 0px;
	height: 6px;
	width: 6px;
}

.box_ru {
	position: absolute;
	float: right;
	bottom: 0px;
	right: 0px;
	height: 6px;
	width: 6px;
}

.boxleftshadow {
	position: absolute;
	bottom: -8px;
	left: 0px;
	height: 0px !important;
	width: 0px !important;
	background-image: url("/file/assets/meta/22843e06/avetana/box_shadow_u.gif");
	background-repeat: repeat-x;
	text-align: left
}

.box_shadow_lu {
	position: absolute;
	float: left;
	bottom: 0px;
	height: 0px !important;
	width: 0px !important;
}

.boxleftround {
	background-color: white !important;
	display: block;
	padding: 6px;
}

.boxleft_clear {
	clear: left;
/* 	max-width: initial !important; */
	width: initial !important;
	display: block;
}

.mbuttonline {
	position: absolute;
	z-index: 1
}

.menubuttons {
	float: left;
	margin: 0.1em;
	display: block;
}

.mbutton {
	float: left;
	position: relative;
	margin: 0 0 7px 12px;
}

.mbutton_clear {
	position: relative;
	z-index: 2;
	vertical-align: middle;
	padding-top: 0.3em;
	padding-bottom: 0.1em;
	padding-left: 0.9em;
	padding-right: 0.9em;
}

.mbutton_clear a {
	text-decoration: none;
	border: 0px;
	font-size: 14px;
}

.mbutton_clearsmall {
	position: relative;
	z-index: 2;
	vertical-align: middle;
	padding-top: 0.3em;
	padding-bottom: 0.1em;
	padding-left: 0.9em;
	padding-right: 0.9em;
}

.mbutton_clearsmall a {
	text-decoration: none;
	border: 0px;
	font-size: 12px;
}

.mbutton_div {
	position: relative;
	z-index: 2;
	color: #FF0000;
	padding: 2px;
}

.mbutton_bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	padding: 0px;
}

.mbutton_lo {
	height: 50%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	padding: 0px;
}

.mbutton_ro {
	height: 50%;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
	padding: 0px;
}

.mbutton_lu {
	height: 50%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 2;
	padding: 0px;
}

.mbutton_ru {
	height: 50%;
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 2;
	padding: 0px;
}

.mbutton_shadow {
	height: 2px;
}

.mbutton_shadow_l {
	height: 30%;
	position: absolute;
	z-index: 3;
	padding: 0px;
}

.mbutton_shadow_bg {
	width: 100%;
	height: 30%;
	position: absolute;
	z-index: 1;
	padding: 0px
}

.mbutton_shadow_r {
	height: 30%;
	position: absolute;
	right: 0px;
	z-index: 3;
	padding: 0px
}

.menu_line {
	width: 100%;
	background-color: #666666;
	height: 0.13em;
	position: absolute;
	top: 2.2em;
}

.select_language {
	float: right;
	margin-top: 1.2em;
}

/*BUTTONS AND ICONS */
.button {
	width: 1em;
	height: 1em;
	padding: 0px;
	border: 0px;
	margin: 0px;
}

.buttonaction {
	width: 1em;
	height: 1em;
	padding: 0px;
	border: 0px;
	margin: 0px 0.5em 0px 0.5px;
}

.header {
	position: absolute;
	display: block;
	float: left;
	font-size: 100%;
	height: 4em;
	width: 100%;
}

.navigation {
	position: absolute;
	top: 5.5em;
	left: 1%;
	width: 98%;
	font-size: 10pt;
	display: block;
	background-color: #F1F1F1;
	border: #FF9933 solid 1px;
	white-space: nowrap;
	overflow: hidden;
}

.navigation .label {
	width: 4.5em;
	display: block;
	float: left;
	text-align: right;
	white-space: nowrap;
	overflow: hidden;
}

.navigation .value {
	width: 9em;
	margin-left: 0.5em;
	overflow: hidden;
	display: block;
	float: left;
	clear: right;
	white-space: nowrap;
	overflow: hidden;
}

.menu {
	position: absolute;
	display: block;
	float: left;
	height: 4em;
	left: 12em;
	font-size: 100%;
	font-family: Tahoma, Arial, sans-serif
}

.content {
	position: absolute;
	top: 6.5em;
	width: 100%;
	display: block;
	background-color: transparent;
	color: #000000
}

.tabnavigation_data {
	position: relative;
	left: 12em;
	font-size: 100%;
	font-family: Tahoma, Arial, sans-serif;
	width: 100%;
	height: 1.5em;
	padding: 0.3em 0em 0.5em 0em;
}

.tabnavigation_tabs {
	position: absolute;
	top: -3.8em;
	margin-left: 0.1em;
	height: 2em;
	display: block;
	padding-left: 12em;
}

.tabnavigation_groups {
	position: relative;
	left: 12em;
	font-size: 100%;
	font-family: Tahoma, Arial, sans-serif;
	width: 100%;
	height: 1.5em;
	padding: 0.3em 0em 0.5em 0em;
}

.footer {
	position: absolute;
	top: 48px;
	left: 225px;
	display: block;
}

.header_logoavetana {
	background: #FFFFFF;
	width: 12em;
	z-index: 2;
	position: absolute
}

h1 {
	clear: both;
	background-color: #FFFFFF;
	padding: 1em 0px 0px 1em;
	font-size: 130%;
	margin: 0em;
	color: #BBBBBB;
	text-align: center;
}

h2 {
	background-color: #DDDDDD;
	border-bottom: 2px solid #FEC667;
	padding: 2px 0px 0px 1em;
	font-size: 14pt;
	margin: 0px;
}

h3 {
	background-color: #DDDDDD;
	border-bottom: 2px solid #FEC667;
	padding: 2px 0px 0px 1em;
	font-size: 12pt;
	margin: 0px;
}

h4 {
	background-color: #DDDDDD;
	border-bottom: 1px solid #FEC667;
	padding: 1px 0px 0px 1em;
	font-size: 10pt;
	margin: 0px;
}

h5 {
	background-color: #DDDDDD;
	border-bottom: 1px solid #FEC667;
	padding: 1px 0px 0px 1em;
	font-size: 8pt;
	margin: 0px;
}

h6 {
	background-color: #DDDDDD;
	border-bottom: 1px solid #FEC667;
	padding: 1px 0px 0px 1em;
	font-size: 6pt;
	margin: 0px;
}

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

a img {
	vertical-align: top;
}

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

#accordion {
	width: 10em;
}

.accordion_toggle {
	background-color: #DDDDDD;
	border-bottom: 2px solid #FEC667;
	width: 10em;
}

.accordion_toggle_active {
	background-color: #FEC667;
	width: 10em;
}

/*HORIZONTAL MENU NAVIGATION*/
.menu_logout {
	background-color: #DDDDDD;
	border: 1px solid #000000;
}

.menu_userlist {
	background-color: #DDDDDD;
	border: 1px	solid #000000;
}

.menu_patientlist {
	background-color: #DDDDDD;
	border: 1px solid #000000;
}

.menu_alarmlist {
	background-color: #DDDDDD;
	border: 1px	solid #000000;
}

.menu_devicelist {
	background-color: #DDDDDD;
	border: 1px	solid #000000;
}

.menu_patientdata {
	background-color: #DDDDDD;
	border: 1px	solid #000000;
}

.menu_selected {
	background-color: #FEC667;
}

/*LOGIN-FORM*/
.login {
	text-align: center;
}

.login_header {
	color: #0088D0;
}

.login_user {
	position: relative;
	left: 2em;
	display: block;
	text-align: left;
}

.login_username {
	position: relative;
	width: 7em;
}

.login_usernameinput {
	position: relative;
	width: 5em;
}

.login_pass {
	position: relative;
	left: 2em;
	display: block;
	text-align: left;
}

.login_password {
	position: relative;
	width: 7em;
}

.login_passwordinput {
	position: relative;
	width: 7em;
}

/*GRID-STYLING*/
table.t-data-grid {
	width: 100%;
}

div.headline {
	clear: both;
	color: #000000;
	font-size: 130%;
	background-color: #ffe5bc;
	padding: 4px;
	position: relative;
}

table.t-data-grid thead tr th {
	background-color: #FFFFFF;
	color: #000000;
	border: 0.3em solid #FFFFFF;
}

table.t-data-grid tr th a {
	color: #000000;
}

table.t-data-grid tbody tr td {
	border: 0.3em solid #FFFFFF;
}

div.t-data-grid {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 80%;
	border: 0px solid black;
}

.rowzero {
	background-color: #EEEEEE;
}

.rowone {
	background-color: #EEEEEE;
}

.rowtwo {
	background-color: #EEEEEE;
}

.rowthree {
	background-color: #EEEEEE;
}

.rowfour {
	background-color: #CCCCCC;
}

.t-sort-column-ascending {
	
}

.actions-cell {
	text-align: center;
	width: 1em;
}

/*userlist*/
.edit-cell {
	text-align: center;
	width: 1em;
}

.select-cell {
	text-align: center;
	width: 1em;
}

.capabilitysuperadmin-cell {
	text-align: center;
	width: 1em;
}

.capabilityviewusers-cell {
	text-align: center;
	width: 1em;
}

.capabilityviewpatients-cell {
	text-align: center;
	width: 1em;
}

.createdbyusername-cell {
	width: 1em;
	white-space: nowrap;
}

.username-cell {
	padding: 0px;
	white-space: nowrap;
}

.delete-cell {
	text-align: center;
	width: 1em;
}

.lastloggedin-cell {
	text-align: center;
	width: 1em;
}

/*patientlist main*/
.status-cell {
	text-align: center;
	width: 1em;
}

.birthdate-cell {
	text-align: center;
	width: 1em;
}

/*patientlist device*/
.selectForDevice-cell {
	text-align: center;
	width: 1em;
}

/*patientlist alarm*/
.selectforalarm-cell {
	text-align: center;
	width: 1em;
	white-space: nowrap;
}

/*grouplist*/
.capabilityviewbp-cell {
	text-align: center;
	width: 1em;
}

.capabilityviewweight-cell {
	text-align: center;
	width: 1em;
}

.capabilityviewecg-cell {
	text-align: center;
	width: 1em;
}

.capabilityviewpeakflow-cell {
	text-align: center;
	width: 1em;
}

.capabilityviewspo2-cell {
	text-align: center;
	width: 1em;
}

.capabilityviewgluco-cell {
	text-align: center;
	width: 1em;
}

/*alarmlist*/
.lastAlarmTime-cell {
	text-align: center;
	width: 1em;
}

.enabled-cell {
	text-align: center;
	width: 1em;
}

.assignment-cell {
	text-align: center;
	width: 1em;
}

/*medikation*/
.von-cell {
	width: 1em;
}

.bis-cell {
	width: 1em;
}

/*messungen*/
.timeOfMeasurement-cell {
	width: 1em;
	white-space: nowrap;
}

.nibpSys-cell {
	width: 1em;
}

.nibpDias-cell {
	width: 1em;
}

.hr-cell {
	width: 1em;
}

.savedChannels-cell {
	width: 1em;
}

.currentSize-cell {
	width: 1em;
}

/*zielwert*/
.ab-cell {
	width: 1em;
}

.toggle-cell {
	text-align: center;
}

.selectforalarm-cell {
	
}

/* HEADLINES */
.headline_text {
	
}

.headline_buttons_debug {
	display: block;
	float: right;
}

.headline_buttons {
	display: block;
	float: left;
}

/*.tab {position:static; margin:0em 0.5em 0em 0.5em;}
	.tab_selected {position:static; margin:0em 0.5em 0em 0.5em; border:1px solid #FEC667; background-color: #FEC667}
	*/
.tab_selected {
	font-size: 10px
}

.tab {
	font-size: 10px
}


.content_headlines {
	float: left;
	vertical-align: center;
}

h3.content_error_title {
	background-color: #FF5000;
	color: #FFFFFF;
	border-bottom: 2px solid #FEC667;
	padding: 2px;
	font-size: 12pt;
	margin: 2px;
}

.list_data {
	margin: 1em;
	clear: both;
}

div.t-beaneditor-head {
	color: #666666;
	background-color: #ffe5bc;
	width: 100%;
	height: 1.5em;
}

div.t-beaneditor label,div.t-beandisplay div.t-beandisplay-label {
	white-space: nowrap;
	overflow: hidden;
	color: #666666;
	width: 35%;
}

div.t-beaneditor label,div.t-beandisplay div.t-beandisplay-value {
	display: inline;
}

div.t-beaneditor,div.t-beandisplay div.t-beandisplay-row {
	display: block;
}

/*User-BeanForm*/
.User-BeanForm {
	
}

/*span.User-BeanForm,
		span.Alarm-BeanForm,
		span.Device-BeanForm,
		span.PatientEx-BeanForm,
		span.DevicePF-BeanForm,
		span.DeviceBT12-BeanForm,
		span.DeviceCorBelt-BeanForm,
		span.DeviceRTX-BeanForm,*/
.BeanForm {
	background-color: #F1F1F1;
	display: block;
	margin: 0.5em;
	float: left;
	padding: 0.4em;
	border: #FF9933 solid 1px;
}

.CapForm {
	background-color: #F1F1F1;
	display: block;
	margin: 0.5em;
	float: left;
	padding: 0.4em;
	border: #FF9933 solid 1px;
}

div.DeviceBP-BeanForm {
	width: 35em;
}

h1.t-beaneditor-headline {
	background-color: #F1F1F1;
	padding: 0px;
	margin: 0em;
	padding-top: 0.5em;
	font-size: 130%;
	color: #BBBBBB;
	text-align: center
}

div.t-beandisplay,div.t-beaneditor {
	background-color: #F1F1F1;
	border: none;
	padding: 0.5em;
}

div.t-beandisplay {
	font-size: 0.8em;
}

div.t-beaneditor,div.t-beandisplay {
	font-family: Tahoma, Arial, sans-serif;
}

/*End*/
t-zone {
	
}

/*	form{ display:inherit;}*/
span.Medikation-BeanForm {
	float: clear;
	width: 50%
}

span.medikationField {
	float: left;
	clear: both;
	width: 100%
}

span.medVGField {
	float: left;
	clear: both;
	width: 100%
}

span.ViewTypeSelector {
	display: block;
	background-color: #ffe5bc;
	clear: both;
	border-bottom: 2px solid #F0F0F0;
}

/*span.GraphDateSelector {position: relative;	display: block;	background-color: #ffe5bc;	height: 6em;	float: right;	padding: 3px;	}*/
span.GraphDateSelector {
	position: relative;
	display: block;
	background-color: #ffe5bc;
	height: 7em;
	float: left;
	padding: 3px;
	width: 13.5em;
	color: #ff0000;
}

span.gdslabel {
	font-size: 80%;
	color: #000000;
}

span.gdsinput {
	font-size: 50%;
	max-width: 50px;
	position: absolute;
	left: 13em;
}

span.PatientEx beanForm kmj {
	
}

.inputel {
	width: 8em;
	position: absolute;
}

.dia_img {
	float: left;
	margin: 0px 5px 10px 0px;
}

div.CapForm {
	clear: both;
	float: left;
	width: 25em;
}

span.capEditLabel {
	width: 15em;
	display: block;
	float: left;
}

span.capEditButton {
	width: 5em;
	display: block;
	float: left;
}

span.capEditHeader {
	width: 5em;
	display: block;
	float: left;
}

span.capEditSectionHeader {
	width: 15em;
	display: block;
	float: left;
	color: #BBBBBB;
	text-decoration: bold;
}

div.capGroup {
	border: 1px solid #FF9933;
	clear: both;
	background-color: #F1F1F1;
	padding: 0.4em;
}

div.capEntry {
	clear: both;
}

.leftside {
	width: 45%;
	float: left;
	clear: left;
}

.rightside {
	width: 45%;
	float: left;
	clear: right;
}

.formleft {
	width: 50%;
	text-align: right;
	float: left;
	clear: left;
}

.formright {
	width: 50%;
	float: left;
	clear: right;
}

.target {
	margin: 0.5em;
	padding: 0px 0.4em;
	background-color: #F1F1F1;
	border: #FF9933 solid 1px;
	white-space: nowrap;
	overflow: hidden;
}

html>body div.t-error li {
	left: 0;
	margin-left: 1em;
}

/* ##################### Version ##################### */
#versionnumber {
	text-align: right;
	position: relative;
	top: 34em;
}

/* ####### Register by Voucher ###### */
.registration_header {
	color: #EDB556;
}

.registration_user {
	position: relative;
	left: 2em;
	display: block;
	text-align: left;
}

.registration_username {
	position: relative;
	width: 7em;
}

.registration_usernameinput {
	position: relative;
	width: 5em;
}

.registration_pass {
	position: relative;
	left: 2em;
	display: block;
	text-align: left;
}

.registration_password {
	position: relative;
	width: 7em;
}

.registration_passwordinput {
	position: relative;
	width: 7em;
}

.registration_voucher {
	position: relative;
	left: 2em;
	display: block;
	text-align: left;
}

.registration_vouchercode {
	position: relative;
	width: 7em;
}

.registration_vouchercodeinput {
	position: relative;
	width: 7em;
}

.error_main {
	background-color: #FFFFFF;
	border: 2px solid #FF0000;
	margin: 1em;
	position: relative;
	top: 25px;
	z-index: 3;
	max-width:27em;
}

.content_error {
/* 	border: 3px solid red; */
	border: 3px solid var(--buttonbackgroundcolor) !important;

	margin: 0;
	padding: 0.5em;
}

div.login_form_container {
	display: grid;
	gap: 15px;
}

div.login_form_container > div {
	font-size: 100%;
}

div.signin_container {
	font-size: 24px !important;
	text-align: left;
}

div.username_container, div.password_container, div.login_button_container {
	display: grid;
	place-items: flex-start;
}

div.username_container > input, div.password_container > input, div.login_button_container > input {
	width: 100%;
}

input {
	font-size: 100% !important;
}

select.form-control, input.form-control, input:is([type="button"], [type="submit"], [type="reset"]) {
	height: initial !important;
	padding: 6px 12px !important;
}

.error_top {
	position: initial !important;
}