html, body, .page {
	padding: 0 5px 0 0;
	margin:0;
	min-height: 750px;
    width: 100%;
}


.logo {
	margin-bottom: 0;
}
.patient {
	padding: 0 10px;
}

img.portrait {
	float: left;
	padding: 0 10px 10px 0;
	width: 70px;
	xheight: 121px;
}

.iframe_div {
	background: #fff;
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 150px;
}

.container {
	margin: 65px 0 60px;
}

.venue .container {
	margin-top: 150px;
}
.welcome .container {
	margin-top: 60px;
}

h1 {
	margin-top: 10px !important;
	font-size: 18px !important;
}
h2 {
	margin-top: 10px !important;
	font-size: 14px !important;
	background:#eee;
	padding: 3px 5px;
}

div.text-right.refreshpage {
	opacity: .3;
}
div.text-right.refreshpage:hover {
	opacity: .5;
}


x.style4 {font-size: 12px}
x.style5 {font-family: Verdana, Arial, Helvetica, sans-serif}
xbody {
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url();
}
x.style6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
x.style8 {font-family: Geneva, Arial, Helvetica, sans-serif}
xbody,td,th {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}

.status {
	background-image: url('https://choicedemo.3phealth.com/3PHealth_logo_S_white.png');
	background-repeat: no-repeat;
	background-position: 5px 10px;
	background-size: 80px auto;
	background-color: #ccc;
    position:fixed;
    text-align:right;
    top:0;
    left:0;
    padding-right: 10px;
    width: 100%;
}

.status.red {
	background-color: #932e34;
	color: #fff;
}
.status.green {
	background-color: #1eb10c;
	color: #fff;
}
.status.yellow {
	background-color: #face22;
	color: #932e34;
}
.status .icon {
	color: #fff;
	height: 50px;
	width: 100%;
    font-family: FontAwesome;
	font-size: 1.1em;
	text-align:right;
    xleft:3px;
    right:20px;
    position:absolute;
    top:23px;

}
.status p {
	margin:15px 60px 0 0;
}
.status.red .icon::after {
    content: "\f057";
	font-size: 1em;
	padding-left: 5px;
}
.status.green .icon::after {
    content: "\f058";
	font-size: 1em;
	padding-left: 5px;
}
.status.yellow .icon::after {
    content: "\f071";
	font-size: 1em;
 	color:#932e34;
	padding-left: 5px;
}
.status .reveal {
    xcontent: "\f071";
    font-size:.8em;
    float:left;
	width: 100%;
	color:rgba(255,255,255,.5);
	margin: 20px 0 5px 0;
	text-align:center;
	display:inline-block;
    -webkit-transform:scale(3,1.5); /* Safari and Chrome */
    -moz-transform:scale(3,1.5); /* Firefox */
    -ms-transform:scale(3,1.5); /* IE 9 */
    -o-transform:scale(3,1.5); /* Opera */
    transform:scale(3,1.5); /* W3C */
}
.status.yellow .icon,
.status.yellow .reveal {
 	color:#932e34;
}
.message {
	display:none;
	margin: 20px 0px 10px;
	padding: 10px 10px;
	background: rgba(255,255,255,.8);
	color:#000;
	text-align:left;
}
.message p {
	margin: 5px 0;
	padding: 0;
}

.btn-default,
.btn-primary {
	width:100%;
}
.btn-default,
.btn-primary {
	width:100%;
}

 .kp_home {
	font-size: 15px !important;
}
.icons {
	background: #fff;
	border-bottom: 1px solid #eee;
	position: absolute;
	z-index:1000;
	top: 114px;
	right:0px;
	padding: 5px 10px 5px 5px;
}
.icons-small {
}
.icons .icon {
	float:right;
	margin-left: 5px;
	width:25px;
}
.icons_small .icons {
	float:left;
	margin-left: 3px;
	width:25px;
}
.red {
	color: #932e34;
}
.green {
	color: #1eb10c;
}
.yellow {
	color: #face22;
}

table {
}

tr {
	vertical-align: top;
}

th {
	padding-right: 10px !important;
	text-align: right !important;
	padding-bottom: 10px !important;
}

td {
	padding-bottom: 10px !important;

}
ul {
	xmargin: 0 !important;
	xpadding: 0 !important;
	xlist-style: none;
}
.today {
	font-weight: bold;
	background: #eee;
}

.btn-xsm {
	width:auto;
	padding: 3px 5px !important;
	font-size: 10px !important;
	line-height: 1.1 !important;
	border-radius: 3px !important;
}

table.hours {
	border:1px solid #ccc !important;
	width:100%;
	margin:10px 0;
}
table.hours th {
	padding: 2px 5px !important;
	background: #eee;
	text-align: center !important;
}
table.hours td {
	padding: 2px 5px !important;
	text-align: center;
}
table.hours td.td_day {
	text-align: left;
}

.plan_details table {
	font-size: 10px;
	border:1px solid #ccc !important;

}
.plan_details table th {
	background: #eee;
}
.plan_details table th,
.plan_details table td {
	padding: 2px 5px;
}

.btn .fa {
	color: #ddd;
	font-size: 1.3em;
	float:left;
	padding-left:2px;
}
