/* PAGE */
:root {
	--paperColor: #FFFFFF;
	--highlightedtextcolor: #FFFFFF;
	--highlightedmenucolor: #84bbed;
	--brightblue: #84bbed;
	--buttontextcolor: #FFFFFF;
	--tableheadertextcolor: black;
	--buttoniconcolor: black;
	--buttonbackgroundcolor: #124978;
	--buttonhighlightedtextcolor: white;
	--buttonhighlightedbackgroundcolor: #286090;
	--iconhighlightedbackgroundcolor: #84bbed;
	--formcontrolfocusbordercolor: #84bbed;
	--textcolor: #337ab7;
	--iconcolor: rgb(51, 122, 183);
	--highlightediconcolor: black;
	--lightblue: #124978;
	--toolbartextcolor: #FFFFFF; 
	--toolbariconcolor: #FFFFFF;
	--toolbarhighlightediconcolor: #FFFFFF;
	--darkblue: #163759;
	--menuleftcolor: #E5B661;
	--menuheight: 31px;
	--menuwidthclosed: 50px;
	--menuwidthopen: 270px;
	--bggray: #EAEAEA;
	--bordergray: var(--paperColor);
	--regularLineHeight: 24px;
	--myBoxShadow6dp: 0 1rem 2rem hsl(0 0% 0% / 20%);;
	--myBoxShadow4dp: 0 0.5rem 1rem hsl(0 0% 0% / 20%);;
	--myBoxShadow2dp: 0 0.25rem 0.5rem hsl(0 0% 0% / 20%);
	--myBoxRedShadow2dp: 0 0.25rem 2.5rem hsl(0 100% 50% / 50%);
	--myBorderRadius: 3px;
	--myMargin: 20px;
	--graphwidth: calc(100% - 50px);
	--dragBarColor: rgb(51, 122, 183);
	--tablerowsecondcolor: rgb(234, 234, 234);
}
* {
	box-sizing: border-box;
}
body {
	color: #000000;
	background-color: var(--bggray);
	font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6, div.headline {
	background-color: var(--paperColor);
	padding: 5px 0px 5px 20px;
}
h1, h2, h3, h4, h5, h6 {
	border-radius: var(--myBorderRadius);
	box-shadow: var(--myBoxShadow2dp);
	flex: 0 0 100% ;
}

a {
	color: var(--textcolor);
}

svg:not(:host).svg-inline--fa, svg:not(:root).svg-inline--fa, span:not(:host).svg-inline--fa, span:not(:root).svg-inline--fa {
	color: var(--iconcolor);
}

div#toolbar svg:not(:host).svg-inline--fa, div#toolbar svg:not(:root).svg-inline--fa, div#toolbar span:not(:host).svg-inline--fa, div#toolbar span:not(:root).svg-inline--fa {
	color: var(--toolbariconcolor);
}

input:is([type="button"], [type="submit"], [type="reset"]), input[type="file"]::file-selector-button {
	font-size: 12px;
	padding: 2px 9px;
	vertical-align: top;
	margin-top: 2px;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: var(--buttonbackgroundcolor);
	color: var(--buttontextcolor);
}

.btn-primary {
	background-color: var(--buttonbackgroundcolor);
	color: var(--buttontextcolor);
}

.btn-primary:hover, input[type="submit"]:hover, input[type="file"]::file-selector-button:hover {
	background-color: var(--buttonhighlightedbackgroundcolor);
	color: var(--buttonhighlightedtextcolor);
}

div.bottombuttons .btn svg:not(:host).svg-inline--fa, div.bottombuttons .btn svg:not(:root).svg-inline--fa, div.bottombuttons .btn span:not(:host).svg-inline--fa, div.bottombuttons .btn span:not(:root).svg-inline--fa {
	color: var(--buttontextcolor);
}

.form-control:focus {
	border-color: var(--formcontrolfocusbordercolor);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px var(--formcontrolfocusbordercolor);
}

.administrative_alarm_form {
	display: block;
}

div#innercontent > h1 {
	display: none;
}
div#innercontent > div#DWR_UpdateZone > div > h1 {
	display: none;
}
						
						/* MENU */
div.menu_line {
	display:none;
}
div#menuwrapper {
    position: fixed;
    z-index: 550;
    min-width: var(--menuwidthclosed);
    width: var(--menuwidthclosed);
    background-color: var(--paperColor);
    line-height: 20px;
    font-size: 18px;
    height: 100vh;
    overflow: hidden;
    color: var(--darkblue);
    border-image: linear-gradient(to bottom, var(--darkblue) 0, var(--darkblue) var(--menuheight), var(--bordergray) var(--menuheight), var(--bordergray) 100% ) 1;
    border-style: solid;
    border-width: 0px 3px 0px 0px;
    border-bottom: 0px;
    transition: width 0.3s ease;
    box-shadow: var(--myBoxShadow4dp);
}
div#menuwrapper:hover, div.hovered {
    overflow: visible !important;
    width: var(--menuwidthopen);
}

div#menu {
	position: absolute;
	z-index: 548;
	width: var(--menuwidthclosed);
	background-color: white;
	line-height: 20px;
	font-size: 18px;
	overflow: hidden;
	color: var(--darkblue);
	border-image: linear-gradient(to bottom, var(--darkblue) 0, var(--darkblue) var(--menuheight), var(--bordergray) var(--menuheight), var(--bordergray) 100% ) 1;
	border-style: solid;
	border-width: 0px 3px 0px 0px;
	height: 100%;
	transition: width 0.3s ease;
	box-shadow: var(--myBoxShadow4dp);
}

div#menu:hover, div.hovered {
/* 	min-width: var(--menuwidthopen); */
	width: var(--menuwidthopen) !important;
}

.menuline {
	padding-left: 5px;
	line-height: 35px;
	max-height: 35px;
	overflow: hidden;
	background-color: var(--paperColor);
	transition: max-height 0.3s ease;
}

.menuline.menuline_active {
	max-height: 100%;
}

.menuline .submenu:active {
	height: fit-content;
}

.menuline:hover .menuline_title, .menuline:hover .menuline_title a, .menuline:hover .menuline_title switchcurrent a {
	background: var(--highlightedmenucolor);
	color: var(--highlightedtextcolor);
}

.menuline:hover .menuline_title, .menuline:hover .menuline_title > a:hover, .menuline:hover > a:hover {
	color: var(--highlightedtextcolor);
}
.menuline_active {
/* 	min-width: var(--menuwidthopen); */
	border-image: linear-gradient(to right, transparent 0, transparent var(--menuwidthclosed), var(--bordergray) calc(var(--menuwidthclosed) + 3px), var(--bordergray) 100% ) 1 ;
	border-right: 3px solid;
	width: var(--menuwidthclosed);
	transition: width 0.3s, max-height 0.3s ease;
}

div.hovered .menuline_active {
	width: var(--menuwidthopen);
}

#menuaccounts .submenu, #menupatients .submenu, #menudevices .submenu, #menualarms .submenu, #menupatient .submenu{
	
}
#menuaccounts:hover .submenu {
	display: block;
}

div.menu_bottom_container {
	width: 100%;
	bottom: 0px;
	position: absolute;
	transition: max-height 0.3s ease;
}

#BuildingBlocksZoll_menuzoll_more {
	padding-right: 5px;
	font-size: max(1em, 25px);
	padding-top: 2px;
}
div#toolbar {
	background-color: var(--lightblue);
	line-height: 30px;
	font-size: 18px;
	height: 30px;
	text-align: right;
	color: var(--toolbartextcolor);
	position: fixed;
	width: calc(100% - var(--menuwidthclosed));
	max-width: calc(100% - var(--menuwidthclosed));
	margin-left: var(--menuwidthclosed);
	display: inline-flex;
	z-index: 548;
}

div#toolbar .current_patient_container {
	flex-grow: 1;
	text-align: left;
	padding-left: 10px;
}

div#allSubmenus {
	display: none;
}

#toolbar div {
	display: inline-block;
}

div#toolbar strong {
	color: var(--toolbartextcolor);
}

#toolbar .item_after {
	display: none;
}

#toolbar a {
	color: var(--toolbartextcolor);
	gap: 5px;
	display: inline-flex;
	place-items: center;
}

div#content, div#actionlogforentryzone {
	padding-top: calc(var(--menuheight) + 10px);
	padding-left: calc(var(--menuwidthclosed) + 10px);
}
div#innerbody_lowerborder {
	padding-left: 60px;
	display: inline-flex;
	gap: 10px;
}

.toolbaritem {
	padding-left: 5px;
	padding-right: 5px;
}

div#screenshotoption div.item_icon {
	display: inline-flex;
	vertical-align: middle;
}

div#fullscreenoption {
	position: initial;
	width: fit-content;
}

#menu_border_left {
	background: #163759;
	height: 40px;
	line-height: 30px;
	padding-left: 6px;
	border-bottom: 10px solid var(--paperColor);
	display: flex;
	gap: 10px;
	color: transparent;
}

div.menufooter {
	background-image: url("bg/header_orange_bg_new.png");
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: -10px;
}

div.logofooter { 
	text-align: center;
}

img.logoimg {
	height: 50px;	
}

div.shortlogocontainer {
	padding-left: 10px;
}

img.shortlogoimg { 
	height: 20px;
}

.menu_border_left_active {
	color: var(--toolbartextcolor) !important;
}

input {
	background-color: var(--bggray);
}
svg {
	font-size: max(1em, 20px);
}
.menuline svg {
	font-size: 25px;
}

.form-control, .searchField {
	display: inline-block;
	width: inherit;
}

.svg-inline--fa {
	padding: 0 2px;
	width: 1em;
	font-size: max(1em, 22px);
	height: 25px;
	overflow: visible;
	vertical-align: -.125em;
}
div.submenu_buttons {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 30px;
	border-left: 1px solid var(--textcolor);
	margin-left: 14.25px;
	margin-top: 2px;
	margin-bottom: 2px;
	max-height: 500px;
	overflow: auto;
	width: var(--menuwidthopen);
	transition: width 0.3s ease;
}

div.hovered div.submenu_buttons {
/* 	padding-left: 15px; */
/* 	width: var(--menuwidthopen); */
}

div.submenu_buttons a {
	display: block;
	height: 35px;
}

div.hovered div.submenu_buttons a {
	height: inherit;
}

div.submenu_buttons a:hover {
	text-decoration: underline; 
}

.headlinebuttons {
	display: inline-flex;
/*	align-items: center;*/
	flex-grow: 1;
}

.headlinebuttons .searchField {
	border-left: 1px solid black;
	padding: 0px 10px;
}

.search_xhtml {
	gap: 5px;
	display: inline-flex;
	place-items: center;
}

.sender_select_class {
	display: inline-flex;
	gap: 2em;
	place-items: center;
}
							/* FOOTER */
div#tabbingblocker {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
	background-color: transparent;
	line-height: 100vh;
	text-align: center;
}

.headlinebuttons a + a {
	padding-left: 5px;
}

.headlinebuttons a {
	display: inline-block;
	line-height: var(--regularLineHeight);
}

.subheadlinebuttons {
	margin-left: auto;
	margin-right: 30px;
	display: flex;
	place-items: center;
}

div.BeanForm, div#dataoverview, div.logineditor, div.senderconfigform, div.BeanPopupForm {
	background-color: var(--paperColor);
	border: 0;
	border-radius: var(--myBorderRadius);
	box-shadow: var(--myBoxShadow2dp);
	position: relative;
	padding: 2em;
}

div.BeanForm, div#dataoverview, div.logineditor, div.senderconfigform, div#ecgGraphAdditional {
	margin-bottom: var(--myMargin);
}

div.senderconfigform {
	display: grid;
	gap: 2em;	
}

div.senderconfigform div.normalform, div.senderconfigform div.normalform .t-beaneditor-head-label {
	background-color: #f5f5f5;
}

div#innercontent > div.list_data, div#innercontent div.t-outer-grid {
	background-color: var(--paperColor);
	box-shadow: var(--myBoxShadow2dp);
}

div#innercontent .well, div#bottomcontent .well {
	display: inline-flex;
	height: fit-content;
	align-items: center;
	background-color: var(--paperColor);
	box-shadow: var(--myBoxShadow2dp);
}

div#innercontent textarea {
	min-height: 40px;
	min-width: 200px;
	width: 100%;
	max-width: 100%;
}

div#innercontent .parent_alarm_container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(49%, 1fr));
	gap: 5px;
} 

@media ( max-width :900px) {
	div#innercontent .parent_alarm_container {
		display: block;
	}
}

div.headline {
	font-size: 24px;
	display: inline-flex;
	gap: 50px;
	width: 100%;
	place-items: center;
	line-height: 1;
}

div.t-beaneditor-head {
	display: inline-flex;
	width: 100%;
}

div.t-beaneditor-head-label {
	font-size: 24px;
/* 	display: inline-block; */
	flex-grow: 1;
}
div.t-beaneditor-head-img {
	display: inline-flex;
/* 	position: absolute; */
	right: 1em;
	top: 1em;
	place-items: center;
}

div.btn-danger a {
	color: var(--buttontextcolor);
}

div.loadAfterText {
	display: inline-block;
	min-width: 30px;
}
div#innercontent, div.administrative_footer_button_container,  div#bottomcontent, div.actionloglist {
	width: calc(100% - 10px);
}
div.loadAfterText {
	position: relative;
}
div#loadAfterText {
}
div.loadAfterText_open {
	position: absolute;
	z-index: 1;
	right: 0px;
}

div.well table {
	width: 100%;
}

div.loadAfterText_open .well {
	background-color: transparent;
	margin-bottom: 0;
	background-color: var(--brightblue);
}

div.bef_close {
	display: none;
}

div.bef_open {
}

div.bef_openbutton {
	display: inline-block;
}

div.bef_closebutton {
	display: inline-block;
}

div.lAT_close {
	display: none;
	position: absolute;
	z-index: 2;
/*	top: -24px;*/
	left: 3px;
}

div.bean_title_section {
	display: inline-flex;
	place-items: center;
	width: 100%;
}

.cancelbutton a{
	color: #FFFFFF;
	fint-size: 15px;
}
.savebutton a{
	color: #000000;
}

fieldset.gap {
	display: flex;
	gap: 5px;
}

div.bottombuttons {
	position: relative;
	text-align: center;
	margin-top: 1em;
}

div.form_bottombuttons {
	display: flex;
	gap: 10px;
	justify-content: center;
}

.savebutton{
	position: relative;
}
.savebutton input{
	width: 100%;
	height: 100%;
}

.cancelbutton {
}


div.bottombuttons .btn + .btn{
	margin-left: 2em;
}

/* Flexbox / Responsive */
div#innercontent,  div#bottomcontent {
	display: flex;
	flex-wrap: wrap;
	gap: var(--myMargin);
}

div#innercontent {
	min-height: calc(100vh - 121px);
}

div#innercontent > div,  div#bottomcontent > div {
	min-width: 500px;
	/* option 1 */
/* 	flex: 1 0 0 ; */
	/* option 2*/
	width: fit-content;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: auto;
}

div#innercontent > div#clinicselect {
	width: 100%;
}


div.t-beandisplay > :nth-child(2n), .patient_DataECG .ECGMeasuringDataAfterClick table > tbody > :nth-child(2n) {
	background-color: var(--tablerowsecondcolor);
}

div.t-beandisplay-label, div.t-beaneditor-row > label, div.t-beaneditor-row > div.form-group {
	display: flex;
	place-items: center;
	gap: 5px;
}

div.t-beandisplay-label, div.t-beaneditor-row > label, div.t-beaneditor-row > div.form-group > label {
	flex: 1 0 0;
	min-width: 150px;
}
div.t-beandisplay-value, div.t-beaneditor-row > input,  div.t-beaneditor-row > div.form-group > input {
	flex: 1 0 0;
	min-width: 150px;
	word-wrap: break-word;
}

div.t-beandisplay-row, .patient_DataECG .ECGMeasuringDataAfterClick table > tbody > tr > td {
	padding-left: 2px;
}

div.t-beandisplay-row, div.t-beaneditor-row {
	display: flex;
	flex-wrap: wrap;
	min-height: 1em;
}

div.administrative_button_container div {
	width: 100%;
}


div.BeanForm.floatingform, div.BeanPopupForm.floatingform {
	box-shadow: var(--myBoxShadow6dp);
	border: 1px solid var(--lightblue);
/* 	margin: 2em inherit; */
	z-index: 555;
}
div#blockinglayer {
	background-color: #CCCCCC;
	opacity: 0.5;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 550;
}

div#blockinglayer {
	position: fixed;
	background-color: #CCCCCC;
	filter: alpha(opacity = 50);
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 550;
}

div.bottombuttons .btn  {
	padding: 0;
}
div.bottombuttons .btn svg {
	padding: 7px 15px !important;
}

div.t-beaneditor-head-img .sprite_none, div.t-beaneditor-head-img .ablabel {
	display: none;
}

/*  div.t-beaneditor-row > *:first-child {  */
/* 	flex: 1 0 0; */
/* 	min-width: 100px; */
/* } */

div.t-beaneditor-row > *:nth-child(-n +1) {
/* 	flex: 1 0 0; */
	min-width: 100px;
}

/* Ripple effect https://css-tricks.com/how-to-recreate-the-ripple-effect-of-material-design-buttons/ */
.ripple {
  background-position: center;
  transition: background 0.8s;
}
.ripple:hover {
  	background: var(--iconhighlightedbackgroundcolor) radial-gradient(circle, transparent 1%, var(--iconhighlightedbackgroundcolor) 1%) center/15000%;
}
.ripple:active {
  background-color: #FFFFFF;
  background-size: 100%;
  transition: background 0s;
}


/* https://loading.io/css/ */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid var(--darkblue);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--darkblue) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}  

/* MENU BUTTON - https://uiverse.io/Creatlydev/pretty-gecko-71 */

/* .menu_button { */
/* 	padding: 0px 4px; */
/* } */
  
.icon-menu {
  	--gap: 5px;
  	--height-bar: 2.5px;
  	--pos-y-bar-one: 0;
  	--pos-y-bar-three: 0;
  	--scale-bar: 1;
  	--rotate-bar-one: 0;
  	--rotate-bar-three: 0;
  	width: 28px;
  	display: flex;
  	flex-direction: column;
  	gap: var(--gap);
  	cursor: pointer;
/*   position: relative; */
	padding-top: 6px;
	margin-left: 5px;
}

.bar {
  position: relative;
  height: var(--height-bar);
  width: 100%;
  border-radius: .5rem;
  background-color: var(--toolbartextcolor);
}

.bar--1 {
  top: var(--pos-y-bar-one);
  transform: rotate(var(--rotate-bar-one));
  transition: top 200ms 100ms, transform 100ms;
}

.bar--2 {
  transform: scaleX(var(--scale-bar));
  transition: transform 150ms 100ms;
}

.bar--3 {
  bottom: var(--pos-y-bar-three);
  transform: rotate(var(--rotate-bar-three));
  transition: bottom 200ms 100ms, transform 100ms;
}

.check_icon:checked + .icon-menu > .bar--1, .check_icon_checked + .icon-menu > .bar--1 {
  transition: top 200ms, transform 200ms 100ms;
}

.check_icon:checked + .icon-menu > .bar--3, .check_icon_checked + .icon-menu > .bar--3 {
  transition: bottom 200ms, transform 200ms 100ms;
}

.check_icon:checked + .icon-menu, .check_icon_checked + .icon-menu {
  --pos-y-bar-one: calc(var(--gap) + var(--height-bar));
  --pos-y-bar-three: calc(var(--gap) + var(--height-bar));
  --scale-bar: 0;
  --rotate-bar-one: 45deg;
  --rotate-bar-three: -45deg;
}

.menuline_title {
	display: inline-flex;
	width: 100%;
	padding-left: 2px;
/* 	padding-right: 10px; */
	place-items: center;
	gap: 10px;
	white-space: nowrap;
}

.menuline_title_button {
	flex-grow: 1;
}

.menuline_title_button .svg-inline--fa {
	padding: 0px 6px;
}

.menuline_title_button {
	width: var(--menuwidthclosed);
	display: contents;
	height: 35px;
}

.menuline_title_button, div#switchcurrent {
	display: contents;
}

div.hovered .menuline_title_button {
	height: inherit;
}

.menuline_title_button svg:not(:host).svg-inline--fa, svg:not(:root).svg-inline--fa, .menuline_title_button span:not(:host).svg-inline--fa, span:not(:root).svg-inline--fa {
	min-width: 25px;
	min-height: 25px;
}

span:not(:host).svg-inline--fa, span:not(:root).svg-inline--fa {
	overflow: visible;
	box-sizing: content-box;
	display: inline-flex;
	place-content: center;
}

#alarmTargetSelect span:not(:host).svg-inline--fa, #alarmTargetSelect span:not(:root).svg-inline--fa,
#setToday span:not(:host).svg-inline--fa, #setToday span:not(:root).svg-inline--fa {
	place-content: initial;
	width: inherit;
	gap: 5px;
}

#setToday span:not(:host).svg-inline--fa, #setToday span:not(:root).svg-inline--fa {
	margin-left: 5px;
}

.menuline_title_right_side_icon_container {
	flex-grow: 1;
	display: grid;
	justify-content: end;
	align-items: center;
}

.menuline_title_right_side_icon {
	font-size: 15px !important;
}

div[t-data-property$="header"] {
	flex-flow: column;
	text-align: left44;
}

thead th[data-grid-column-sort="ascending"] a, thead th[data-grid-column-sort="descending"] a, thead th[data-grid-column-sort="sortable"] a {
   background-image: none;
   
}
thead th[data-grid-column-sort="ascending"]::before a {
	font-family: 'FontAwesome';
	content: '\f175';
}
thead th[data-grid-column-sort="descending"]::before a {
	font-family: 'FontAwesome';
	content: '\f176';
}
thead th[data-grid-column-sort="sortable"]::before a {
	font-family: 'FontAwesome';
	content: '\f178';
}
div.toolbariteminner {
	position: relative;
}

span.languagelabel {
	position: absolute;
	right: 0px;
	font-size: 0.75em;
	top: 0px;
	text-align: end;
	text-transform: uppercase;
}

div.newentry {
	width: 500px;
	right: 2%;
	top: 85px;
	position: absolute;
	z-index: 1001;
}

div.group_buttons_container {
	display: none;
	position: absolute;
	border: 1px solid var(--bordergray);
	z-index: 548;
	background-color: white;
	padding: 5px;
}

div.group_buttons_container a {
	display: block;
	width: 100%;
	margin-bottom: 5px;
	padding-left: 0px;
	font-size: 14px;
}


/* ----- PEAK FLOW, DATA BP ----- */

.patient_DataPFIEM .ViewTypeSelector, .patient_DataBPIEMSimple .ViewTypeSelector, .patient_DataWeightIEM .ViewTypeSelector, .patient_DataBPAdiphea .ViewTypeSelector,
.patient_DataWeightAdiphea .ViewTypeSelector, .patient_DataGlucoAdiphea .ViewTypeSelector, .patient_DataTemperature .ViewTypeSelector, .patient_DataCoagulationIEM .ViewTypeSelector,
.patient_DataBP .ViewTypeSelector, .patient_DataWeight .ViewTypeSelector, .patient_DataHeight .ViewTypeSelector, .patient_DataPF .ViewTypeSelector, .patient_DataGluco .ViewTypeSelector,
.patient_DataSpo2 .ViewTypeSelector, .patient_DataCoagulation .ViewTypeSelector, .patient_DataPedometer .ViewTypeSelector, .patient_DataSurvey .ViewTypeSelector, .patient_VitalDataTrends .ViewTypeSelector,
.patient_DataAMxQuestionnaire .ViewTypeSelector, .patient_DataPFMTI .ViewTypeSelector, .patient_DataSlowFMTI .ViewTypeSelector, .patient_DataBPMTI .ViewTypeSelector, .patient_DataWeightMTI .ViewTypeSelector,
.patient_DataSpo2MTI .ViewTypeSelector, .patient_DataGlucoMTI .ViewTypeSelector, .patient_DataAMxCombined .ViewTypeSelector, .patient_DataAM3Combined .ViewTypeSelector, .patient_DataPFmREACH .ViewTypeSelector,
.patient_DataForcedSpiro .ViewTypeSelector, .patient_DataGlucoNHS .ViewTypeSelector, .patient_DataPFMayo .ViewTypeSelector, .patient_DataBPMedgate .ViewTypeSelector, .patient_DataGlucoMedgate .ViewTypeSelector,
.patient_DataPFMedgate .ViewTypeSelector, .patient_DataSpo2Medgate .ViewTypeSelector, .patient_DataWeightMedgate .ViewTypeSelector, .patient_Overview .ViewTypeSelector, .patient_DataCoagulationMedgate .ViewTypeSelector,
.patient_DataMTIQuestionnaire .ViewTypeSelector, .patient_DataCRISSQuestionnaire .ViewTypeSelector, .patient_DataFeNOMTI .ViewTypeSelector, .patient_DataFeCOMTI .ViewTypeSelector, .patient_DataSpirometryFOTMTI .ViewTypeSelector,
.patient_DataHandDynamoMTI .ViewTypeSelector, .patient_DataHeightMTI .ViewTypeSelector, .patient_DataBPNovartis .ViewTypeSelector, .patient_DataBPNovartis2105 .ViewTypeSelector {
	min-width: auto !important;
	flex-grow: 0 !important;
	height: fit-content;
	margin: 0px 0px 10px 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--bordergray);
}

.patient_DataPFIEM .dragimagecontainer, .patient_DataBPIEMSimple .dragimagecontainer, .patient_DataPF4Sigma .dragimagecontainer, .patient_DataPF4Sigma .dragimagecontainer,
.patient_DataBPIEMSimple .iembpgraph, .patient_DataBPIEMSimple .print_control_container, .patient_DataWeightIEM .dragimagecontainer, .patient_DataBPAdiphea .dragimagecontainer,
.patient_DataWeightAdiphea .dragimagecontainer, .patient_DataGlucoAdiphea .dragimagecontainer, .patient_DataTemperature .dragimagecontainer, .patient_DataBPAgedio .dragimagecontainer,
.patient_DataCoagulationIEM .dragimagecontainer, .patient_DataBP .dragimagecontainer, .patient_DataWeight .dragimagecontainer, .patient_DataHeight .dragimagecontainer, .patient_DataPF .dragimagecontainer,
.patient_DataGluco .dragimagecontainer, .patient_DataSpo2 .dragimagecontainer, .patient_DataCoagulation .dragimagecontainer, .patient_DataPedometer .dragimagecontainer, .patient_PageOverview div#innercontent > div,
.patient_DataPlethysmogram .dragimagecontainer, .patient_VitalDataTrends .dragimagecontainer, .patient_DataAMxQuestionnaire .dragimagecontainer, .patient_DataPFERT .dragimagecontainer, .patient_DataAMxCombined .dragimagecontainer,
.patient_DataAM3Combined .dragimagecontainer, .patient_DataPFmREACH .dragimagecontainer, .DataCATmREACHWeekly .dragimagecontainer, .patient_DataForcedSpiro .dragimagecontainer, .patient_PageOverviewERTUCLA .dragimagecontainer,
.patient_DataActivityDaily .dragimagecontainer, .patient_DataGlucoNHS .dragimagecontainer, .patient_DataPFMayo .dragimagecontainer, .patient_DataBPMedgate .dragimagecontainer, .patient_DataGlucoMedgate .dragimagecontainer,
.patient_DataPFMedgate .dragimagecontainer, .patient_DataSpo2Medgate .dragimagecontainer, .patient_DataWeightMedgate .dragimagecontainer, .patient_Overview .dragimagecontainer, .patient_DataCoagulationMedgate .dragimagecontainer,
.patient_DataMTIQuestionnaire .dragimagecontainer, .patient_DataCRISSQuestionnaire .dragimagecontainer, .patient_DataHeightMTI .dragimagecontainer, .patient_DataBPNovartis .dragimagecontainer,
.patient_DataBPNovartis2105 .dragimagecontainer {
	display: inline-flex;
	width: 100%;
}

.patient_DataPFIEM div#dragMeasurementImage, .patient_DataBPIEMSimple div#dragMeasurementImage, .patient_DataPF4Sigma div#dragMeasurementImage, .patient_DataPF4Sigma div#dragMeasurementImage,
.patient_DataBPIEMSimple .iembpgraph, .patient_DataBPIEMSimple .print_control_container, .patient_DataWeightIEM div#dragMeasurementImage, .patient_DataBPAdiphea div#dragMeasurementImage,
.patient_DataWeightAdiphea div#dragMeasurementImage, .patient_DataGlucoAdiphea div#dragMeasurementImage, .patient_DataTemperature div#dragMeasurementImage, .patient_DataBPAgedio div#dragMeasurementImage,
.patient_DataCoagulationIEM div#dragMeasurementImage, .patient_DataBP div#dragMeasurementImage, .patient_DataWeight div#dragMeasurementImage, .patient_DataHeight div#dragMeasurementImage, .patient_DataPF div#dragMeasurementImage,
.patient_DataGluco div#dragMeasurementImage, .patient_DataSpo2 div#dragMeasurementImage, .patient_DataCoagulation div#dragMeasurementImage, .patient_DataPedometer div#dragMeasurementImage, .patient_PageOverview div#innercontent > div,
.patient_DataPlethysmogram div#dragMeasurementImage, .patient_VitalDataTrends div#dragMeasurementImage, .patient_DataAMxQuestionnaire div#dragMeasurementImage, .patient_DataPFERT div#dragMeasurementImage, .patient_DataAMxCombined div#dragMeasurementImage,
.patient_DataAM3Combined div#dragMeasurementImage, .patient_DataPFmREACH div#dragMeasurementImage, .DataCATmREACHWeekly div#dragMeasurementImage, .patient_DataForcedSpiro div#dragMeasurementImage, .patient_PageOverviewERTUCLA div#dragMeasurementImage,
.patient_DataActivityDaily div#dragMeasurementImage, .patient_DataGlucoNHS div#dragMeasurementImage, .patient_DataPFMayo div#dragMeasurementImage, .patient_DataBPMedgate div#dragMeasurementImage, .patient_DataGlucoMedgate div#dragMeasurementImage,
.patient_DataPFMedgate div#dragMeasurementImage, .patient_DataSpo2Medgate div#dragMeasurementImage, .patient_DataWeightMedgate div#dragMeasurementImage, .patient_Overview div#dragMeasurementImage, .patient_DataCoagulationMedgate div#dragMeasurementImage,
.patient_DataMTIQuestionnaire div#dragMeasurementImage, .patient_DataCRISSQuestionnaire div#dragMeasurementImage, .patient_DataHeightMTI div#dragMeasurementImage, .patient_DataBPNovartis div#dragMeasurementImage,
.patient_DataBPNovartis2105 div#dragMeasurementImage {
	width: var(--graphwidth) !important
}

.patient_DataPFIEM div#innercontent, .patient_DataBPIEMSimple div#innercontent, .patient_DataWeightIEM div#innercontent, .patient_DataBPAdiphea div#innercontent,
.patient_DataWeightAdiphea div#innercontent, .patient_DataGlucoAdiphea div#innercontent, .patient_TrainingsplanList div#innercontent, .patient_Kiosk div#innercontent,
.patient_DataVascAssistBP div#innercontent, .patient_DataVascAssistABI div#innercontent, .patient_DataVascAssistBAV div#innercontent, .patient_DataVascAssistBRA div#innercontent,
.patient_DataVascAssistRAD div#innercontent, .patient_DataVascAssistHRV div#innercontent, .patient_DataVascAssistANY div#innercontent, .patient_DataTemperature div#innercontent,
.SelectPatientHKS div#innercontent, .patient_DataPWAAgedio div#innercontent, .patient_DataBPAgedio div#innercontent, .patient_DataCoagulationIEM div#innercontent,
.patient_DataBP div#innercontent, .patient_DataWeight div#innercontent, .patient_DataHeight div#innercontent, .patient_DataPF div#innercontent, .patient_DataGluco div#innercontent,
.patient_DataSpo2 div#innercontent, .patient_DataCoagulation div#innercontent, .patient_DataPedometer div#innercontent, .patient_PageOverview div#innercontent, .patient_DataPlethysmogram div#innercontent, .patient_VitalDataTrends div#innercontent,
.patient_DataGoHome div#innercontent, .patient_DataAMxQuestionnaire div#innercontent, .patient_DataPFMTI div#innercontent, .patient_DataSlowFMTI div#innercontent, .patient_DataBPMTI div#innercontent, .patient_DataWeightMTI div#innercontent,
.patient_DataSpo2MTI div#innercontent, .patient_DataGlucoMTI div#innercontent, .patient_DataPFERT div#innercontent, .patient_DataAMxCombined div#innercontent, .patient_DataAM3Combined div#innercontent, .patient_DataPFmREACH div#innercontent,
.DataCATmREACHWeekly div#innercontent, .patient_DataSlowFlow div#innercontent, .patient_DataSpiroProAnswers div#innercontent, .patient_DataForcedSpiro div#innercontent, .patient_DataForcedSpiroTestSet div#innercontent,
.patient_DataSlowSpiroTestSet div#innercontent, .patient_PageOverviewERTUCLA div#innercontent > div, .patient_DataActivityDaily div#innercontent, .patient_DataGlucoNHS div#innercontent, .patient_DataPFMayo div#innercontent,
.patient_DataBPMedgate div#innercontent, .patient_DataGlucoMedgate div#innercontent, .patient_DataPFMedgate div#innercontent, .patient_DataSpo2Medgate div#innercontent, .patient_DataWeightMedgate div#innercontent,
.patient_Overview div#innercontent, .patient_DataCoagulationMedgate div#innercontent, .patient_DataMediplan div#innercontent, .DataDokumentation div#innercontent,
.patient_DataArztbericht div#innercontent, .patient_DataMTIQuestionnaire div#innercontent, .patient_DataCRISSQuestionnaire div#innercontent, .patient_DataCATMTI div#innercontent, .patient_DataFeNOMTI div#innercontent,
.patient_DataFeCOMTI div#innercontent, .patient_DataSpirometryFOTMTI div#innercontent, .patient_DataMedicationMTI div#innercontent, .patient_DataDBAdminMTI div#innercontent, .patient_DataHandDynamoMTI div#innercontent,
.patient_DataMTICleanup div#innercontent, .patient_DataMeasurements div#innercontent, .patient_DataHeightMTI div#innercontent, .patient_DataBPNovartis div#innercontent, .patient_DataBPNovartis2105 div#innercontent,
.patient_DataConditions div#innercontent {
	display: inherit;
}

.patient_DataAMxQuestionnaire div#innercontent > div.ViewTypeSelector, .patient_DataPFERT div#innercontent > div.ViewTypeSelector, .patient_DataAMxCombined div#innercontent > div.ViewTypeSelector,
.patient_DataAM3Combined div#innercontent > div.ViewTypeSelector, .patient_DataPFmREACH div#innercontent > div.ViewTypeSelector {
	padding: 10px 0px;
}

.control_container > a {
	display: flex;
}

.patient_DataBPIEMSimple .control_container > *, .patient_PageOverview .control_container > *, .patient_PageOverviewERTUCLA .control_container > *, .patient_DataBPMedgate .control_container > *,
.patient_DataGlucoMedgate .control_container > *, .patient_DataPFMedgate .control_container > *, .patient_DataSpo2Medgate .control_container > *, .patient_DataWeightMedgate .control_container > *,
.patient_Overview .control_container > *, .patient_DataCoagulationMedgate .control_container > *, .patient_DataBPNovartis .control_container > *, .patient_DataBPNovartis2105 .control_container > * {
	margin: 10px 0px;
}

.patient_DataPFIEM div#GraphDateSelector, .patient_DataBPIEMSimple div#GraphDateSelector, .patient_DataPF4Sigma div#GraphDateSelector, .patient_DataWeightIEM div#GraphDateSelector, 
.patient_DataBPAdiphea div#GraphDateSelector, .patient_DataWeightAdiphea div#GraphDateSelector, .patient_DataGlucoAdiphea div#GraphDateSelector, .patient_DataTemperature div#GraphDateSelector, .patient_DataBPAgedio div#GraphDateSelector,
.patient_DataCoagulationIEM div#GraphDateSelector, .patient_DataBP div#GraphDateSelector, .patient_DataWeight div#GraphDateSelector, .patient_DataHeight div#GraphDateSelector, .patient_DataPF div#GraphDateSelector,
.patient_DataGluco div#GraphDateSelector, .patient_DataSpo2 div#GraphDateSelector, .patient_DataCoagulation div#GraphDateSelector, .patient_DataPedometer div#GraphDateSelector, .patient_PageOverview .control_container,
.patient_DataPlethysmogram div#GraphDateSelector, .patient_DataAMxQuestionnaire div#GraphDateSelector, .patient_DataPFERT div#GraphDateSelector, .patient_DataAMxCombined div#GraphDateSelector,
.patient_DataAM3Combined div#GraphDateSelector, .patient_DataPFmREACH div#GraphDateSelector, .DataCATmREACHWeekly div#GraphDateSelector, .patient_DataForcedSpiro div#GraphDateSelector, .patient_PageOverviewERTUCLA div#GraphDateSelector,
.patient_DataActivityDaily div#GraphDateSelector, .patient_DataGlucoNHS div#GraphDateSelector, .patient_DataPFMayo div#GraphDateSelector, .patient_DataBPMedgate div#GraphDateSelector,
.patient_DataGlucoMedgate div#GraphDateSelector, .patient_DataPFMedgate div#GraphDateSelector, .patient_DataSpo2Medgate div#GraphDateSelector, .patient_DataWeightMedgate div#GraphDateSelector,
.patient_Overview div#GraphDateSelector, .patient_DataCoagulationMedgate div#GraphDateSelector, .patient_DataMTIQuestionnaire div#GraphDateSelector, .patient_DataCRISSQuestionnaire div#GraphDateSelector,
.patient_DataHeightMTI div#GraphDateSelector, .patient_DataBPNovartis div#GraphDateSelector, .patient_DataBPNovartis2105 div#GraphDateSelector {
	margin-right: 10px;
	width: max-content;
}

.patient_DataBPIEMSimple div#AVGBPGraphDateSelector, .patient_PageOverviewERTUCLA div#AVGBPGraphDateSelector, .patient_DataBPMedgate div#AVGBPGraphDateSelector, .patient_Overview div#AVGBPGraphDateSelector,
.patient_DataBPNovartis div#AVGBPGraphDateSelector, .patient_DataBPNovartis2105 div#AVGBPGraphDateSelector {
	margin-right: 10px;
	width: max-content;
}

.patient_DataGlucoMedgate div.legendcontainer, .patient_DataPFMedgate div.legendcontainer, .patient_DataSpo2Medgate div.legendcontainer, .patient_DataWeightMedgate div.legendcontainer,
.patient_DataCoagulationMedgate div.legendcontainer {
	margin-right: 10px;
	width: max-content;
}

.patient_PageOverviewERTUCLA div#AVGBPGraphDateSelector {
	margin-left: 10px;
}

.patient_DataPFIEM div#innercontent > div, .patient_DataBPIEMSimple div#innercontent > div, .patient_DataWeightIEM div#innercontent > div, .patient_DataBPAdiphea div#innercontent > div,
.patient_DataWeightAdiphea div#innercontent > div, .patient_DataGlucoAdiphea div#innercontent > div, .patient_TrainingsplanList div#innercontent > div, .patient_Kiosk div#innercontent > div,
.patient_DataVascAssistBP div#innercontent > div, .patient_DataVascAssistABI div#innercontent > div, .patient_DataVascAssistBAV div#innercontent > div, .patient_DataVascAssistBRA div#innercontent > div,
.patient_DataVascAssistRAD div#innercontent > div, .patient_DataVascAssistHRV div#innercontent > div, .patient_DataVascAssistANY div#innercontent > div, .patient_DataTemperature div#innercontent > div,
.SelectPatientHKS div#innercontent > div, .patient_DataPWAAgedio div#innercontent > div, .patient_DataBPAgedio div#innercontent > div, .patient_DataCoagulationIEM div#innercontent > div,
.patient_DataBP div#innercontent > div, .patient_DataWeight div#innercontent > div, .patient_DataHeight div#innercontent > div, .patient_DataPF div#innercontent > div, .patient_DataGluco div#innercontent > div,
.patient_DataSpo2 div#innercontent > div, .patient_DataCoagulation div#innercontent > div, .patient_DataPedometer div#innercontent > div, .patient_PageOverview div#innercontent > div,
.patient_DataPlethysmogram div#innercontent > div, .patient_VitalDataTrends div#innercontent > div, .patient_DataGoHome div#innercontent > div, .patient_DataAMxQuestionnaire div#innercontent > div, .patient_DataPFMTI div#innercontent > div,
.patient_DataSlowFMTI div#innercontent > div, .patient_DataBPMTI div#innercontent > div, .patient_DataWeightMTI div#innercontent > div, .patient_DataSpo2MTI div#innercontent > div, .patient_DataGlucoMTI div#innercontent > div, .patient_DataPFERT div#innercontent > div,
.patient_DataAMxCombined div#innercontent > div, .patient_DataAM3Combined div#innercontent > div, .patient_DataPFmREACH div#innercontent > div, .DataCATmREACHWeekly div#innercontent > div, .patient_DataSlowFlow div#innercontent > div,
.patient_DataSpiroProAnswers div#innercontent > div, .patient_DataForcedSpiro div#innercontent > div, .patient_DataForcedSpiroTestSet div#innercontent > div, .patient_DataSlowSpiroTestSet div#innercontent > div,
.patient_PageOverviewERTUCLA div#innercontent > div > div, .patient_DataActivityDaily div#innercontent > div, .patient_DataGlucoNHS div#innercontent > div, .patient_DataPFMayo div#innercontent > div,
.patient_DataBPMedgate div#innercontent > div, .patient_DataGlucoMedgate div#innercontent > div, .patient_DataPFMedgate div#innercontent > div, .patient_DataSpo2Medgate div#innercontent > div,
.patient_DataWeightMedgate div#innercontent > div, .patient_Overview div#innercontent > div, .patient_DataCoagulationMedgate div#innercontent > div, .patient_DataArztbericht div#innercontent > div,
.patient_DataMTIQuestionnaire div#innercontent > div, .patient_DataCRISSQuestionnaire div#innercontent > div, .patient_DataCATMTI div#innercontent > div, .patient_DataFeNOMTI div#innercontent > div,
.patient_DataFeCOMTI div#innercontent > div, .patient_DataSpirometryFOTMTI div#innercontent > div, .patient_DataMedicationMTI div#innercontent > div, .patient_DataDBAdminMTI div#innercontent > div,
.patient_DataHandDynamoMTI div#innercontent > div, .patient_DataMTICleanup div#innercontent > div, .patient_DataMeasurements div#innercontent > div, .patient_DataHeightMTI div#innercontent > div,
.patient_DataBPNovartis div#innercontent > div, .patient_DataBPNovartis2105 div#innercontent > div, .patient_DataConditions div#innercontent > div {
	width: auto;
}

.patient_DataPFIEM div#GraphDateSelector .gdsline, .patient_DataBPIEMSimple div#GraphDateSelector .gdsline, .patient_DataPF4Sigma div#GraphDateSelector .gdsline,
.patient_DataWeightIEM div#GraphDateSelector .gdsline, .patient_DataBPAdiphea div#GraphDateSelector .gdsline, .patient_DataWeightAdiphea div#GraphDateSelector .gdsline,
.patient_DataGlucoAdiphea div#GraphDateSelector .gdsline, .patient_DataTemperature div#GraphDateSelector .gdsline, .patient_DataBPAgedio div#GraphDateSelector .gdsline,
.patient_DataCoagulationIEM div#GraphDateSelector .gdsline, .patient_DataBP div#GraphDateSelector .gdsline, .patient_DataWeight div#GraphDateSelector .gdsline,
.patient_DataHeight div#GraphDateSelector .gdsline, .patient_DataPF div#GraphDateSelector .gdsline, .patient_DataGluco div#GraphDateSelector .gdsline, .patient_DataSpo2 div#GraphDateSelector .gdsline,
.patient_DataCoagulation div#GraphDateSelector .gdsline, .patient_DataPedometer div#GraphDateSelector .gdsline, .patient_PageOverview div#GraphDateSelector .gdsline,
.patient_DataPlethysmogram div#GraphDateSelector .gdsline, .patient_DataAMxQuestionnaire div#GraphDateSelector .gdsline, .patient_DataPFERT div#GraphDateSelector .gdsline, .patient_DataAMxCombined div#GraphDateSelector .gdsline,
.patient_DataAM3Combined div#GraphDateSelector .gdsline, .patient_DataPFmREACH div#GraphDateSelector .gdsline, .DataCATmREACHWeekly div#GraphDateSelector .gdsline, .patient_DataForcedSpiro div#GraphDateSelector .gdsline,
.patient_PageOverviewERTUCLA div#GraphDateSelector .gdsline, .patient_DataActivityDaily div#GraphDateSelector .gdsline, .patient_DataGlucoNHS div#GraphDateSelector .gdsline,
.patient_DataPFMayo div#GraphDateSelector .gdsline, .patient_DataBPMedgate div#GraphDateSelector .gdsline, .patient_DataGlucoMedgate div#GraphDateSelector .gdsline,
.patient_DataPFMedgate div#GraphDateSelector .gdsline, .patient_DataSpo2Medgate div#GraphDateSelector .gdsline, .patient_DataWeightMedgate div#GraphDateSelector .gdsline, .patient_Overview div#GraphDateSelector .gdsline, 
.patient_DataCoagulationMedgate div#GraphDateSelector .gdsline, .patient_DataMTIQuestionnaire div#GraphDateSelector .gdsline, .patient_DataCRISSQuestionnaire div#GraphDateSelector .gdsline,
.patient_DataHeightMTI div#GraphDateSelector .gdsline, .patient_DataBPNovartis div#GraphDateSelector .gdsline, .patient_DataBPNovartis2105 div#GraphDateSelector .gdsline {
	display: flex;
	width: 100%;
	place-items: center;
	margin: 5px 5px 5px 0px;
}

.patient_DataBPIEMSimple div#AVGBPGraphDateSelector .gdsline, .patient_PageOverview div#AVGBPGraphDateSelector .gdsline, .patient_PageOverviewERTUCLA div#AVGBPGraphDateSelector .gdsline, 
.patient_DataBPMedgate div#AVGBPGraphDateSelector .gdsline,.patient_Overview div#AVGBPGraphDateSelector .gdsline, .patient_DataBPNovartis div#AVGBPGraphDateSelector .gdsline, 
.patient_DataBPNovartis2105 div#AVGBPGraphDateSelector .gdsline  {
	display: flex;
	width: 100%;
	place-items: center;
	margin: 5px 5px 5px 0px;
}


.patient_DataPFIEM div#GraphDateSelector .gdsline .gdslabel, .patient_DataBPIEMSimple div#GraphDateSelector .gdsline .gdslabel, .patient_DataPF4Sigma div#GraphDateSelector .gdsline .gdslabel,
.patient_DataWeightIEM div#GraphDateSelector .gdsline .gdslabel, .patient_DataBPAdiphea div#GraphDateSelector .gdsline .gdslabel, .patient_DataWeightAdiphea div#GraphDateSelector .gdsline .gdslabel,
.patient_DataGlucoAdiphea div#GraphDateSelector .gdsline .gdslabel, .patient_DataTemperature div#GraphDateSelector .gdsline .gdslabel, .patient_DataBPAgedio div#GraphDateSelector .gdsline .gdslabel,
.patient_DataCoagulationIEM div#GraphDateSelector .gdsline .gdslabel, .patient_DataBP div#GraphDateSelector .gdsline .gdslabel, .patient_DataWeight div#GraphDateSelector .gdsline .gdslabel,
.patient_DataHeight div#GraphDateSelector .gdsline .gdslabel, .patient_DataPF div#GraphDateSelector .gdsline .gdslabel, .patient_DataGluco div#GraphDateSelector .gdsline .gdslabel,
.patient_DataSpo2 div#GraphDateSelector .gdsline .gdslabel, .patient_DataCoagulation div#GraphDateSelector .gdsline .gdslabel, .patient_DataPedometer div#GraphDateSelector .gdsline .gdslabel,
.patient_PageOverview div#GraphDateSelector .gdsline .gdslabel, .patient_DataPlethysmogram div#GraphDateSelector .gdsline .gdslabel, .patient_DataAMxQuestionnaire div#GraphDateSelector .gdsline .gdslabel,
.patient_DataPFERT div#GraphDateSelector .gdsline .gdslabel, .patient_DataAMxCombined div#GraphDateSelector .gdsline .gdslabel, .patient_DataAM3Combined div#GraphDateSelector .gdsline .gdslabel,
.patient_DataPFmREACH div#GraphDateSelector .gdsline .gdslabel, .DataCATmREACHWeekly div#GraphDateSelector .gdsline .gdslabel, .patient_DataForcedSpiro div#GraphDateSelector .gdsline .gdslabel,
.patient_PageOverviewERTUCLA div#GraphDateSelector .gdsline .gdslabel, .patient_DataActivityDaily div#GraphDateSelector .gdsline .gdslabel, .patient_DataGlucoNHS div#GraphDateSelector .gdsline .gdslabel,
.patient_DataPFMayo div#GraphDateSelector .gdsline .gdslabel, .patient_DataBPMedgate div#GraphDateSelector .gdsline .gdslabel, .patient_DataGlucoMedgate div#GraphDateSelector .gdsline .gdslabel,
.patient_DataPFMedgate div#GraphDateSelector .gdsline .gdslabel, .patient_DataSpo2Medgate div#GraphDateSelector .gdsline .gdslabel, .patient_DataWeightMedgate div#GraphDateSelector .gdsline .gdslabel,
.patient_Overview div#GraphDateSelecor .gdsline .gdslabel, .patient_DataCoagulationMedgate div#GraphDateSelector .gdsline .gdslabel, .patient_DataMTIQuestionnaire div#GraphDateSelector .gdsline .gdslabel,
.patient_DataCRISSQuestionnaire div#GraphDateSelector .gdsline .gdslabel, .patient_DataHeightMTI div#GraphDateSelector .gdsline .gdslabel, .patient_DataBPNovartis div#GraphDateSelector .gdsline .gdslabel,
.patient_DataBPNovartis2105 div#GraphDateSelector .gdsline .gdslabel {
	flex-grow: 1;
}

.patient_DataBPIEMSimple div#AVGBPGraphDateSelector .gdslabel, .patient_PageOverview div#AVGBPGraphDateSelector .gdsline .gdslabel, .patient_PageOverviewERTUCLA div#AVGBPGraphDateSelector .gdsline .gdslabel,
.patient_Overview div#AVGBPGraphDateSelector .gdsline .gdslabel, .patient_DataCoagulationMedgate div#AVGBPGraphDateSelector .gdsline .gdslabel, .patient_DataBPNovartis div#GraphDateSelector .gdsline .gdslabel,
.patient_DataBPNovartis2105 div#AVGBPGraphDateSelector .gdsline .gdslabel {
	flex-grow: 1;
}

.patient_DataBPIEMSimple #tprintform {
	padding-left: 30px;
}

.full_width_container {
	width: 100%;
}

.patient_DataGlucoAdiphea .table_container, .patient_DataGluco .table_container, .patient_DataPlethysmogram .table_container {
	margin-top: 2em;
}

.patient_DataPWA div.list_image > table, .patient_DataPWA div.list_data {
	background-color: white;
	box-shadow: var(--myBoxShadow2dp);
}

.patient_DataPWA #statispanel {
	padding: 0px 10px;
}

.patient_DataPWA div.list_data > a {
	padding: 10px;
}

.patient_DataGoHome div.bef_openbutton {
	font-size: 24px;
	background-color: white;
	box-shadow: var(--myBoxShadow2dp);
}

.patient_DataGoHome div.loadAfterBEF {
	padding: 10px 0px;
}

.patient_DataGoHome div.loadAfterBEF > :nth-child(1), .patient_DataGoHome div.loadAfterBEF > :nth-child(2), .patient_DataGoHome div.loadAfterText > :nth-child(1), .patient_DataGoHome div.loadAfterText > :nth-child(2) {
	background-color: red;
}

.patient_DataPFMTI .subbutton, .patient_DataSlowFMTI .subbutton, .patient_DataBPMTI .subbutton, .patient_DataWeightMTI .subbutton, .patient_DataSpo2MTI .subbutton, .patient_DataGlucoMTI .subbutton,
.patient_DataFeNOMTI .subbutton, .patient_DataFeCOMTI .subbutton {
	margin-left: 5px;
}

.patient_DataSlowFMTI div#innercontent .spc_data_container {
	width: 100%;
	display: inline-block;
}

.patient_DataSlowFMTI div#innercontent .well, .patient_DataBPMTI div#innercontent .well, .patient_DataWeightMTI div#innercontent .well, .patient_DataSpo2MTI div#innercontent .well, .patient_DataGlucoMTI div#innercontent .well,
.patient_DataFeNOMTI div#innercontent .well, .patient_DataFeCOMTI div#innercontent .well {
	width: 100%;
	gap:5px;
	place-items: flex-start;
}

.patient_DataHandDynamoMTI .list_data {
	width: max-content;
}

.patient_DataSlowFMTI div#innercontent .well .leftside, .patient_DataBPMTI div#innercontent .well .leftside, .patient_DataWeightMTI div#innercontent .well .leftside, .patient_DataSpo2MTI div#innercontent .well .leftside,
.patient_DataGlucoMTI div#innercontent .well .leftside, .patient_DataFeNOMTI div#innercontent .well .leftside, .patient_DataFeCOMTI div#innercontent .well .leftside {
	width: 50%;
	display: inline-block;
}

.patient_DataSlowFMTI div#innercontent .well .rightside, .patient_DataBPMTI div#innercontent .well .rightside, .patient_DataWeightMTI div#innercontent .well .rightside, .patient_DataSpo2MTI div#innercontent .well .rightside,
.patient_DataGlucoMTI div#innercontent .well .rightside, .patient_DataFeNOMTI div#innercontent .well .rightside, .patient_DataFeCOMTI div#innercontent .well .rightside {
	width: 50%;
	display: inline-block;
}

.patient_DataDBAdmin div#innercontent .well, .patient_DataDBAdminMTI div#innercontent .well {
	display: block;
}

.patient_DataGlucoNHS div.leftside {
	margin-top: 0em !important;
	position: inherit !important;
	padding-top: 10px;;
}

div#innercontent > div.leftside, div#innercontent > div.rightside {
	min-width: 500px;
	max-width: 49%;
}

/* additional avetana logo at the bottom of the page */
.patient_DataPFERT div#fvcImageContainer, .patient_DataAMxCombined div#fvcImageContainer, .patient_DataAM3Combined div#fvcImageContainer, .patient_DataPFmREACH div#fvcImageContainer,
.patient_DataPFMayo div#fvcImageContainer {
	display: none;
}

.patient_DataMTICleanup div.loadAfterText_open {
	position: initial;
}

.patient_DataMTICleanup table, .patient_DataMeasurements table {
	background-color: white;
}

#updateWidthButton {
	display: none;
}

.patient_DataECGHermiqs .ecggraphdragimage {
	display: inline-flex;
	width: 100%;
}

.risk_assessment_type_container {
	position: absolute;
	z-index: 450;
	left: 95px;
}

.risk_assessment_type_container > img {
	position: absolute;
}

.radar_chart_container {
	width: 100%;
/* 	border: 1px solid grey; */
	padding: 5px;
	text-align: center;
}

.risk_assessment_text_container {
	height: 100px;
}

.radar_chart_canvas {
	height: 100%;
	max-height: 600px;
	max-width: 100%;
}

.patient_DataECGHermiqs .splide__arrows {
	display: none;
}

/* ------------- ECG GRAPH ------------- */

div.ecggraphcontrols_upper_container {
	display: inline-flex;
	gap: 10px;
	width: 100%;
	padding: 10px;
}

div.ecggraphcontrols_upper_container .ecgright {
	min-width: 350px;
	place-content: center;
}

div.ecg_table_container {
	width: 100%;
}

div#ecgchannels {
	width: 100%;
}

div#ecgchannels div.gdsline, div#ecgchannels div.gdslinefloat {
	display: inline-flex;
	place-items: center;
	gap: 10px;
	width: 100%;
	padding: 5px 0px;
}

div#ecgchannels div.gdslinefloat_block {
	display: inline-block;
}

div#ecgchannels div.gdslinefloat_grow {
	flex-grow: 1;
}

div.gdsheader {
	flex-grow: 1;
}

div.gdstable_container .channelLabel {
	padding-left: 5px;
}

div.gdstable_container .channelEnabled {
	padding-top: 5px;
	padding-bottom: 5px;
}

table#ecggraphcontrols {
	margin-top: 10px;
}

table#ecggraphcontrols td {
	gap: 10px;
}

table#ecggraphcontrols tr {
	margin: 5px;
}

table#ecggraphcontrols .gdsline, table#ecggraphcontrols .gdslinefloat {
	margin: 5px 0px;
}


div#ecgcontrols {
	gap: 5px;
}

div#ecgcontrols, div#ecgcontrols #gdsform {
	display: inline-flex;
	width: 100%;
	justify-content: center;
}

div.myecgcomments .gdsheader {
	display: none;
}

div#ecgGraphAdditional div.gdsecg {
	background-color: var(--paperColor);
	box-shadow: var(--myBoxShadow2dp);
	border-radius:	var(--myBorderRadius);
	padding: 5px 10px;
} 

/* ------ only for developement ------ */
div.graph_container {
	width: var(--graphwidth) !important;
}

img.innerDragImage {
/*	width: 100% !important;*/
}

div#dragbar_background {
	display: inline-flex;
	margin-top: 0px !important;
	place-items: center;
	width: 100% !important;
}

div#dragLayer {
	width: 100% !important;
}

div#dragbar_background #dragbar {
	left: 0px !important;
	top: 0px !important;
	position: inherit;
/*	width: var(--graphwidth) !important;*/
}

div#dragMeasurementImage #DragImgBase {
	z-index: -1;
}

div#dragMeasurementImage #visiblyBox {
	overflow: hidden;
	display: inline-flex;
	max-width: var(--graphwidth) !important;
}

div#dragbarhand {
	position: absolute;
	top: -5px;
	background-color: var(--dragBarColor);
	height: 16px;
}

.dragbar_button {
	width: 0px;
	display: none;
}
/* ----- SET TO PUT TABLE HEADER NOT IN FRONT OF ALL ----- */
.floatThead-container {
	z-index: 547 !important;
	background-color: white;
}

button.btn-default {
	color: var(--buttoniconcolor);
}

span.tti_wrap {
	width: 100%;
}

DIV.palette-title {
	background-color: var(--buttonbackgroundcolor) !important;
	color: var(--buttontextcolor) !important;
}

table th a {
	color: var(--tableheadertextcolor);
}

table td a {
	display: inline-flex;
	place-items: center;
}

div#accordion {
	min-width: 700px;
	display: grid;
} 

div#accordion .ui-accordion-content a {
	color: var(--textcolor);
}

div#accordion .ui-accordion-content {
	box-shadow: var(--myBoxShadow6dp);
}

div#accordion .ui-state-default {
	background-color: var(--buttonbackgroundcolor);
	color: var(--buttontextcolor);
	border: 1px solid var(--bordergray);
}

div#accordion .ui-state-default a {
	color: var(--buttontextcolor);
}

div#accordion .ui-state-active {
	background-color: var(--buttonhighlightedbackgroundcolor);
	color: var(--buttonhighlightedtextcolor);
}

div#accordion .ui-state-active a {
	color: var(--buttonhighlightedtextcolor);
}

div#accordion #sendmail_submit_bottom {
	background-color: var(--buttonbackgroundcolor);
	color: var(--buttontextcolor);
	border: 1px solid var(--bordergray);
}

div#sendmail_submit_bottom, div#exportWaitForForm {
	background-color: var(--buttonbackgroundcolor);
	color: var(--buttontextcolor);
	box-shadow: var(--myBoxShadow2dp);
	padding: 0px 5px;
	border: 1px solid var(--bordergray);
}

div#activityTicker {
	right: 70px;
	position: fixed;
	top: 30px;
	background-color: white;
	width: fit-content;
	left: initial;
	border: 1px solid var(--bordergray);
	box-shadow: var(--myBoxShadow4dp);
	padding: 0px 5px;
}

div.loadAfterText {
	display: inline-flex;
}

ul.pagination {
	padding-left: 10px;
}

/*dragimage scss*/

/* _dragimage.scss */

.dragimagecontainer 
{
	text-align:left; 
}

#dragLayer {
	touch-action:none;
	cursor: crosshair; 
	position: absolute; 
	top: 20px; 
	left: 0px; 
	z-index:1;
}
.innerDragImage{
	position:absolute;
}

#visiblyBox {
	overflow: hidden; 
	position: relative;
	cursor: crosshair;  
	z-index: 450;
}
.guide {
	position: absolute;
	left: -200px;
	top: -200px;
	z-index: 510;
}

#dragLayer{
	cursor: crosshair; position: absolute; top: 20px; left: 0px; z-index:500;
}

.innerDragImage{
	position:absolute;
}

div#ecgcomments, div#ecgfindings {
    height: fit-content;
}
div#ecgfindingsbeandisplay textarea {
	width: inherit;
	min-width: inherit;
}
div#ecgcontrols {
	height: 63px;
}

div#ecgchannels {
}

div#ecgtriangle {
	display: none;
}

#GraphDateSelector, #AVGBPGraphDateSelector {
	text-align: center;
}

#GraphDateSelector {
	display: inline-block;
/*	margin-left: 10px;*/
}

.gdslabel, .gdsinput {
    display: block;
    width: 100%;
}

/*dragcontainer.scss*/

#dragcontainer
{
	border:none;
	background:transparent;
	width:50em;
	max-width:50em;
	overflow:hidden;
	visibility:hidden; 
	position:absolute; 
	display:none;
	z-index:800;
	float:left;
}

.drag_on
{
	background:#CC0000 !important;
}

div#splideImageZone {
	padding-bottom: 32px;
	padding-left: 35px;
}
.splide_image_carousel_section, div.splide--slide {
	height: 400px;	
}

#testSpan {
	position:absolute;
}

div.splide__track {
	padding-left: 9px;
	padding-top: 6px;
}

ul.splide__list {
	cursor: crosshair; 
}


button.splide__pagination__page.is-active { 
	transform: scale(1);
}

button.splide__arrow--next {
/* 	right: 0px; */
}

div.savebutton span, div.cancelbutton span {
	display: none;
}

div.toolbariteminner .fa-flag {
	display: none;
}

div.inline-flex {
	display: inline-flex;
	gap: 5px;
	padding: 10px 0px;
}

div.actionloglist {
	box-shadow: var(--myBoxShadow2dp);
}

div.actionloglist {
	box-shadow: var(--myBoxShadow2dp);
}

div.t-beandisplay-label.superheader, div.t-beandisplay-label.doctorheader, div.t-beandisplay-label.deviceheader,
div.t-beandisplay-label.alarmheader, div.t-beandisplay-label.loginheader, div.t-beandisplay-label.adminheader {
	visibility: hidden;
}

div.palette {
/* 	display: inline-flex !important; */
}

div.palette-title, div.palette select {
	width: 280px !important;
}

div.inline-block-container {
	display: inline-block;
	width: 100% !important;
}

div.newMeasurement {
/**
	background: #E2001A;
	color: #000000;
	text-decoration: blink;
	font-weight: bold;
	*/
}

div.ECGMeasuringDataAfterClick {
	margin-left: 35px;
}

div.ECGMeasuringDataAfterClick div.t-beandisplay-label, div.ECGMeasuringDataAfterClick div.t-beaneditor-row > label, div.ECGMeasuringDataAfterClick div.t-beaneditor-row > div.form-group > label {
	min-width: initial;
}

div.ECGMeasuringDataAfterClick tr td:first-child { 
	width: 75px;
}

div.ECGMeasuringDataAfterClick tr td:nth-child(n+2) { 
	width: 50px;
}

div.vitaldatadisplay {
	padding-left: 35px !important;
}

div.vddItemBlock {
	display: inline-block;
	padding: 10px 0px;
	float: inherit !important;
}

tr.row_unseen, tr.row_updated
{
/*	background-color: #FF7F7F;*/
  -webkit-animation: blink 1s linear infinite;
  -moz-animation: blink 1s linear infinite;
  animation: blink 1s linear infinite;
}

tr.row_unseen>td, tr.row_updated>td
{
/*	background-color: #FF7F7F;*/
  -webkit-animation: blink 1s linear infinite;
  -moz-animation: blink 1s linear infinite;
  animation: blink 1s linear infinite;
}

@keyframes blink {  
  0% { background-color: #FF7F7F; }
  100% { background-color: #FFFFFF; }
}
@-webkit-keyframes blink {
  0% { background-color: #FF7F7F; }
  100% { background-color: #FFFFFF; }
}
.blink {
  -webkit-animation: blink 1s linear infinite;
  -moz-animation: blink 1s linear infinite;
  animation: blink 1s linear infinite;
} 

/* ----- ERROR COMPONENT ----- */

div.error_main, div#mainframe_error_content {
	width: calc(100% - 10px);
	margin: 10px 0px;
}

.PageForgotPassword div.error_main, .PageForgotPassword div#mainframe_error_content {
	margin: 10px 0px;
	z-index: 551;
	position: relative;
}	
	
div.error_main {
	background-color: white;
	width: calc(100% - 10px);
	box-shadow: var(--myBoxRedShadow2dp);
	border-radius: var(--myBorderRadius);
}

div.content_error {
	width: calc(100% - 10px);
	padding: 10px 0px;
	display: grid;
	gap: 10px;
}

h3.content_error_title {
	margin: 20px 10px 10px 10px;
}

div.content_error_message {
	padding: 0px 10px;
	display: inline-flex;
	gap: 5px;
}

@media (min-width: 768px) {
	.dl-horizontal dd {
		width: calc(100% - 180px);
		word-break: break-all;
	}
}

/** ETA-Clinic **/

.grid-ManagementPatient-ETA tr {
	height: 32px;
}

.grid-ManagementPatient-ETA tr td {
	vertical-align: middle;
}

div.grid-ManagementPatient-ETA .mts_xFF6600 {
	background-color: #FF6600 !important;
}

div.grid-ManagementPatient-ETA .mts_xff0000 {
	background-color: #ff0000 !important;
	color: #FFFFFF;
}

div.grid-ManagementPatient-ETA .mts_x888888 {
	background-color: #888888 !important;
}

div.grid-ManagementPatient-ETA .mts_xffff00 {
	background-color: #ffff00 !important;
}

div.grid-ManagementPatient-ETA .mts_x00ff00 {
	background-color: #00ff00 !important;
}

div.grid-ManagementPatient-ETA .mts_red {
	background-color: red !important;
}

div.grid-ManagementPatient-ETA .mts_green {
	background-color: green !important;
}

div.grid-ManagementPatient-ETA .mts_yellow {
	background-color: yellow !important;
}

div.grid-ManagementPatient-ETA .mts_blue {
	background-color: blue !important;
}

.row_unseen.mts_xFF6600, .row_updated.mts_xFF6600 {
	animation: blink_xFF6600 1s steps(5, start) infinite;
	-webkit-animation: blink_xFF6600 1s infinite; /* Safari and Chrome */
}




div.grid-ManagementPatient-ETA .mts_xFFFF00 {
	background-color: #FFFF00;
}

table.t-data-grid tbody tr.mts_xFFFF00:hover td, table.t-data-grid tbody tr.mts_xFFFF00:hover td a
	{
	color: #000000;
}

.row_unseen.mts_xFFFF00, .row_updated.mts_xFFFF00 {
	animation: blink_xFFFF00 1s steps(5, start) infinite;
	-webkit-animation: blink_xFFFF00 1s infinite; /* Safari and Chrome */
}


div.grid-ManagementPatient-ETA .mts_x66FF00 {
	background-color: #66FF00;
}

.row_unseen.mts_x66FF00, .row_updated.mts_x66FF00 {
	animation: blink_x66FF00 1s steps(5, start) infinite;
	-webkit-animation: blink_x66FF00 1s infinite; /* Safari and Chrome */
}
div.grid-ManagementPatient-ETA .mts_x0000FF {
	background-color: #0000FF;
}

.row_unseen.mts_x0000FF, .row_updated.mts_x0000FF {
	animation: blink_x0000FF 1s steps(5, start) infinite;
	-webkit-animation: blink_x0000FF 1s infinite; /* Safari and Chrome */
}

div.grid-ManagementPatient-ETA .mts_x000000 a, div.grid-ManagementPatient-ETA .mts_x000000
	{
	color: #FFFFFF;
}

table.t-data-grid tbody tr.mts_x0000FF:hover td, table.t-data-grid tbody tr.mts_x0000FF:hover td a
	{
	color: #FFFFFF;
}

div.grid-ManagementPatient-ETA .mts_x0000FF a, div.grid-ManagementPatient-ETA .mts_x0000FF
	{
	color: #FFFFFF;
}


div.grid-ManagementPatient-ETA .mts_x000000 {
	background-color: #000000;
}

div.grid-ManagementPatient-ETA .mts_x000000 a, div.grid-ManagementPatient-ETA .mts_x000000
	{
	color: #FFFFFF;
}

.row_unseen.mts_x000000, .row_updated.mts_x000000 {
	animation: blink_x000000 1s steps(5, start) infinite;
	-webkit-animation: blink_x000000 1s infinite; /* Safari and Chrome */
}

div.grid-ManagementPatient-ETA .mts_xFF0000 {
	background-color: #FF0000;
}

.row_unseen.mts_xFF0000, .row_updated.mts_xFF0000 {
	animation: blink_xFF0000 1s steps(5, start) infinite;
	-webkit-animation: blink_xFF0000 1s infinite; /* Safari and Chrome */
}

div.grid-ManagementPatient-ETA  td.eta_diagnose {
	text-overflow: ellipsis;
}

div.grid-ManagementPatient-ETA  td.eta_diagnose:hover {
	white-space: normal;
	display: block;
	border: none;
}

div.grid-ManagementPatient-ETA  td.eta_gcs {
	font-size: 16px;
	text-align: center;
}


div.eta_old {
	font-weight: normal;
	width: 5em;
}

div.eta_current {
	font-weight: bolder;
	font-size: 16px;
	width: 5em;
}

div.eta_immediate {
	text-decoration: underline;
	width: 5em;
}

div.eta_overdue {
	font-style: italic;
	width: 5em;
}

body.PageAbout div#abouttable, body.PageAbout div#abouttable table {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
body.PageSettingsAbout div#abouttable, body.PageSettingsAbout div#abouttable table {
	width: 90%;
}
body.PageSettingsAbout td 
{
	text-align: left;
}

div#abouttable td, div#abouttable th {
	padding-left: 2em;
}
body.PageSettingsDBAdmin div#innercontent .well, body.PageSettingsDBAdmin div#bottomcontent .well {
	display: initial;
}