.question-img {
	width: 100%;
   height : auto;
}

.hidden {
	display:none;
}

.error-text {
	color:red;
}

body {
   margin: 0;
}

div[data-role="header"], div[data-role="footer"] {
	background:#ffffff;  /*#eeeeee;*/
   height: 40px;
}
.ui-page{
	background:#ffffff;  /*#eeeeee;*/
}

.btn-blue,
.btn-red {
	color: #fff;
	text-shadow: none;
}
.btn-blue {
	background: #257ea8;
}
.btn-red {
	background: #cc0000;
}
.btn-blue:hover,
.btn-red:hover {
	color: #fff;
}
.btn-blue .ui-btn-inner,
.btn-red .ui-btn-inner {
	padding: 0.3em 10px;
	font-size: 1.4em;
}

#branding {
	text-align: center;
}
#branding img {
	margin: 0 10px;
	max-width: 90%;
}

#logindiv {
   margin: 0 auto;
}
#logindiv  h3 {
   font-size:1.4em;
   color:#257ea8;
   margin: 0;
   padding: 0;
}
#logindiv  .fldname {
   color:#747474;
   display: inline-block ;
   margin-top: 1em;
   font-size:1em;
}
.f_green_button {
    background: linear-gradient(to bottom, rgba(146, 224, 107, 1) 0%, rgba(99, 204, 93, 1) 45%, rgba(65, 170, 44, 1) 62%, rgba(51, 142, 49, 1) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: 1px 1px 5px #888888;
    color: #fff;
    font-weight: bold;
    line-height: 150%;
    padding: 15px 20px;
    text-align: center;
    text-shadow: 0 1px 1px #415a00;
}
#logindiv  .fld {
   color:#000;
   font-size:1.8em;
   height:1.8em;
   width:100%;
   min-height:auto;
   padding:0;
   margin:0;
   /*border:1px solid #e6e6e6;
   background:fbfbfb;*/
}
#logindiv  .ui-checkbox {
   display: inline-block ;
}
#logindiv  .ui-checkbox #remind {
   position: static ;
}
#logindiv  #logbttns {
   text-align: right;
   margin-top: 0.5em;
}
#logindiv  #logbttns  img {
   height:1.8em;
}
#logindiv  #areg {
   width:95%;
   text-align:center;
   padding-right:5%;
   margin-top:1em;
   color:#898989;
   font-size:1em;
   margin-top: 1em;
}
#logindiv  #areg  a {
   text-decoration:none;
   color:#898989;
   font-weight:normal;
}

#page-plot .plotlegend {
   margin-left:2em; 
   /*margin-bottom:0.5em;*/
}
#page-plot #plotblutttl {
   color:#4884ff; 
   font-size:1.2em; 
   font-weight:bold;
   margin-bottom:0.2em;
}
#page-plot #plotpulsttl {
   color:#ff0000; 
   font-size:1.2em; 
   font-weight:bold;
   margin-bottom:0.2em;
}
#page-plot #plotweittl {
   color:#00ffbb; 
   font-size:1.2em; 
   font-weight:bold;
   margin-bottom:0.2em;
}
#page-plot .leftbttns { float:left; }
#page-plot .rightbttns { float:right; }
#page-plot .clear { clear:both; }
#page-plot .plotdesc {
   color:#000; 
   font-size:1em;
}
#page-plot .plotwert {
   display:inline-block; 
   height:1em; 
   width:1em;
}
#page-plot .unt {
   background-color:#7045d2; 
}
#page-plot .ob {
   background-color:#4884ff; 
   margin-left:0.8em;
}
#page-plot .puls {
   background-color:#ff0000; 
}
#page-plot .weight {
   background-color:#00ffbb; 
}
#page-plot .plotblutchart {
   height:14em; 
   width:100%;
}
#page-plot .plotpulschart , #page-plot .plotweichart{
   height:10em; 
   width:100%;
}
#page-plot .ui-content .ui-btn-inner {
   padding: 0.6em 0.9em; 
}

#adddat label {
   /*padding-top:0.4em;*/
}
.ui-dialog .ui-datebox-container h1{margin-left:10%;margin-right:10%;}
#modicalend .ui-btn, #page-plot .ui-content .ui-btn {
   margin-left: 0.2em;
   margin-right: 0.2em;
}

#modicalend .bttnsdiv {
   width:100%;
   text-align:center;
}

@media screen and (min-width:1000px) {
   body {
      font-size:18px;
   }
   #logindiv {
      width:90%;
   }
   #modicalend .ui-btn-inner, #page-plot .ui-content .ui-btn-inner {
      font-size:18px;
   }
}
@media screen and (min-device-aspect-ratio: 1/1) and (min-width:1000px) {
   body {
      font-size:16px;
   }
   #logindiv {
      width:45%;
   }
   #modicalend .ui-btn-inner, #page-plot .ui-content .ui-btn-inner {
      font-size:16px;
   }
}
@media screen and (min-width:800px)  and (max-width:1000px) {
   body {
      font-size:16px;
   }
   #logindiv {
      width:90%;
   }
   #modicalend .ui-btn-inner, #page-plot .ui-content .ui-btn-inner {
      font-size:16px;
   }
}
@media screen and (min-device-aspect-ratio: 1/1) and (min-width:800px) and (max-width:1000px) {
   body {
      font-size:14px;
   }
   #logindiv {
      width:45%;
   }
   #modicalend .ui-btn-inner, #page-plot .ui-content .ui-btn-inner {
      font-size:14px;
   }
}
@media screen and (min-width:600px)  and (max-width:800px) {
   body {
      font-size:14px;
   }
   #logindiv {
      width:90%;
   }
   #modicalend .ui-btn-inner, #page-plot .ui-content .ui-btn-inner {
      font-size:14px;
   }
}
@media screen and (min-device-aspect-ratio: 1/1) and (min-width:600px)  and (max-width:800px) {
   body {
      font-size:10px;
   }
   #logindiv {
      width:45%;
   }
   #modicalend .ui-btn-inner, #page-plot .ui-content .ui-btn-inner {
      font-size:10px;
   }
}
@media screen and (min-width:300px)  and (max-width:600px) {
   body {
      font-size:12px;
   }
   #logindiv {
      width:90%;
   }
   #modicalend .ui-btn-inner, #page-plot .ui-content .ui-btn-inner {
      font-size:12px;
   }
}
@media screen and (min-device-aspect-ratio: 1/1) and (min-width:300px)  and (max-width:600px) {
   body {
      font-size:10px;
   }
   #logindiv {
      width: 90%;
   }
   #modicalend .ui-btn-inner, #page-plot .ui-content .ui-btn-inner {
      font-size:10px;
   }
}
@media screen and (max-width:300px) {
   body {
      font-size:10px;
   }
   #logindiv {
      width:90%;
   }
   #modicalend .ui-btn-inner, #page-plot .ui-content .ui-btn-inner {
      font-size:10px;
   }
}
@media screen and (min-device-aspect-ratio: 1/1) and (max-width:300px) {
   body {
      font-size:9px;
   }
   #logindiv {
      width: 90%;
   }
   #modicalend .ui-btn-inner, #page-plot .ui-content .ui-btn-inner {
      font-size:9px;
   }
}