@CHARSET "UTF-8";

.round-button {
    width:10%;
}

.round-button-circle {
    background: #304256;
    border-radius: 50%;
    height:52px;
    width:52px;
	margin-left: auto;
    position: relative;
    box-shadow: 0 0 0 3px white;
    margin:5px;
}

.scale-btn {
    position: absolute;
    height:40px;
    width:40px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%);
}

.scale-btn2 {
    position: absolute;
     top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%);
}

.back-btn {
    background: url(../images/icons/back_icon.png);
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    position: absolute;
    height:50px;
    width:50px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%);
     
}

.print-btn {
    background: url(../images/icons/printer-icon.png);
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    position: absolute;
    height:30px;
    width:30px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%);
     
}

.next-btn {
    background: url(../images/icons/hand_icon.png);
    background-size: 100%, 100%;
    background-repeat: no-repeat;
    position: absolute;
    height:50px;
    width:50px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
    transform: translate(-50%, -50%);
}

.round-button-circle:hover {
    background:#0099f1;

}

.selected-button {
    background:#0099f1;

}

.button-ext {
	display: inline; 
	float: left; 
	margin: 5px;
}

.gait-stable-btn {
	    background: url(../images/icons/gait-stable-btn.png);
	     background-size: 100%, 100%;
   		 background-repeat: no-repeat;
	
}

.gait-unsteady-btn {
	    background: url(../images/icons/gait-unsteady-btn.png);
	     background-size: 100%, 100%;
   		 background-repeat: no-repeat;
}

.gait-help-btn {
	    background: url(../images/icons/gait-help-btn.png);
	     background-size: 100%, 100%;
   		 background-repeat: no-repeat;
}

.gait-wheelchair-btn {
	    background: url(../images/icons/gait-wheelchair-btn.png);
	     background-size: 100%, 100%;
   		 background-repeat: no-repeat;
}

.gait-bedridden-btn {
	    background: url(../images/icons/gait-bedridden-btn.png);
	     background-size: 100%, 100%;
   		 background-repeat: no-repeat;

}

.mental-agitated-btn {
	    background: url(../images/icons/mental-agitated.png);
	     background-size: 100%, 100%;
  		 background-repeat: no-repeat;
}

.mental-alert-btn {
	    background: url(../images/icons/mental-alert.png);
	     background-size: 100%, 100%;
  		 background-repeat: no-repeat;
}

.mental-voice-btn {
	    background: url(../images/icons/mental-voice.png);
	     background-size: 100%, 100%;
  		 background-repeat: no-repeat;
}

.mental-pain-btn {
	    background: url(../images/icons/mental-pain.png);
	     background-size: 100%, 100%;
  		 background-repeat: no-repeat;
}

.mental-unresponsive-btn {
	    background: url(../images/icons/mental-unresponsive.png);
	     background-size: 100%, 100%;
  		 background-repeat: no-repeat;
}

.intensity-none-btn {
	    background: url(../images/icons/intensity-none.png);
	     background-size: 100%, 100%;
  		 background-repeat: no-repeat;
}

.intensity-mild-btn {
	    background: url(../images/icons/intensity-mild.png);
	     background-size: 100%, 100%;
  		 background-repeat: no-repeat;
}

.intensity-moderate-btn {
	    background: url(../images/icons/intensity-moderate.png);
	     background-size: 100%, 100%;
  		 background-repeat: no-repeat;
}

.intensity-severe-btn {
	    background: url(../images/icons/intensity-severe.png);
	     background-size: 100%, 100%;
  		 background-repeat: no-repeat;
}

.assert-true-btn {
	    background: url(../images/icons/assert-true.png);
	     background-size: 100%, 100%;
  		 background-repeat: no-repeat;
}

.assert-false-btn {
	    background: url(../images/icons/assert-false.png);
	     background-size: 100%, 100%;
  		 background-repeat: no-repeat;
  		 
}


.worse-btn {
	    background: url(../images/icons/worse-btn.png);
	     background-size: 100%, 100%;
  		 background-repeat: no-repeat;
}

.same-btn {
	    background: url(../images/icons/same-btn.png);
	     background-size: 100%, 100%;
  		 background-repeat: no-repeat;
}

.better-btn {
	    background: url(../images/icons/better-btn.png);
	     background-size: 100%, 100%;
  		 background-repeat: no-repeat;
}


.assert-unknown-btn {
	    font-size: 7pt;
	    white-space: normal;
  		 background-repeat: no-repeat;
}

.assert-unknown-btn:after {
	 height:35px;
    width:35px;
	font-family:Verdana;
    position: absolute;
    color:#387089;
    text-align:center;
    font-weight:bold;
    text-decoration:none;
    padding-top: 5px;
    padding-left: 8px;
	font-size: 7pt;
	white-space: normal;
  	background-repeat: no-repeat;
    margin-left:auto;
    content: "DON\'T KNOW";
}

.visible-attribute {
	display: block;
}

.hidden-attribute {
	display: none;
}

.visible-observation {
	display: block;
}

.hidden-observation {
	display: none;
}


.vital-temp-btn {
	    background: url(../images/icons/vital-temp.png);
	     background-size: 100%, 100%;
   		 background-repeat: no-repeat;
	
}

.vital-resp-btn {
	    background: url(../images/icons/vital-resp.png);
	     background-size: 100%, 100%;
   		 background-repeat: no-repeat;
	
}

.vital-bpm-btn {
	    background: url(../images/icons/vital-bpm.png);
	     background-size: 100%, 100%;
   		 background-repeat: no-repeat;
	
}

.vital-fi02-btn {
	    background: url(../images/icons/vital-fi02.png);
	     background-size: 100%, 100%;
   		 background-repeat: no-repeat;
	
}

.vital-02sat-btn {
	    background: url(../images/icons/vital-02sat.png);
	     background-size: 100%, 100%;
   		 background-repeat: no-repeat;
	
} 

.vital-mmhg-btn {
	    background: url(../images/icons/vital-mmhg.png);
	     background-size: 100%, 100%;
   		 background-repeat: no-repeat;
	
}

.overdue-blink {
    -webkit-animation: color-change 1s infinite;
    -moz-animation: color-change 1s infinite;
    -o-animation: color-change 1s infinite;
    -ms-animation: color-change 1s infinite;
    animation: color-change 1s infinite;
}

@-webkit-keyframes color-change {
    0% { color: white; }
    50% { color: #d9534f; }
    100% { color: white; }
}