@charset "UTF-8";
/*********************************
styles for fixed footer at bottom 
**********************************/
html, body { height:100%; }
#wrap { min-height:100%;}
#main { overflow:hidden; padding:10px 10px 30px 10px; }  /* must be same height as the footer */
#foot { position:relative; margin-top:-30px; height:30px; clear:both; background-color:#0e76BC; padding-left:5px; }
/***/

/* CSS Document */
BODY, OL, UL, LI, TD { font-family: 'Open Sans'; font-size: 13px; line-height:19px; }
BODY, TD { color: #555; }
H1 { font-size: 150%; margin: .3em 0 .4em 0; color:#0e76BC; }
H2 { font-size: 130%; margin: .2em 0 .4em 0; color:#D48513; }
H3 { font-size: 120%; margin: .1em 0 .4em 0; }
H4 { font-size: 105%; margin: .1em 0 .4em 0; }
H5 { font-size: 100%; margin: .1em 0 .4em 0; }
H6 { font-size: 100%; margin: .1em 0 .4em 0; }
PRE, TT, CODE { font-family: courier, sans-serif; font-size: 1.0em; }
a:link { text-decoration: none; color: #196783; outline: 0;}
a:visited { text-decoration: none; color:#196783; outline: 0;}
a:hover { text-decoration: none; color: #3987a3; outline: 0;}
p { margin:6px 0px; }
blockquote { margin:6px 20px; }
.smallish { font-size:.9em; }
.link { color:#0e76BC; cursor:pointer;}
input { margin-bottom: 3px; }

/* force scrollbar to prevent shifting */
html{ 
    overflow-y:auto;
}

/* extra text styles */

.errmsg { color: #c00; padding:2px; }
.shadow {
	-webkit-box-shadow: 2px 2px 2px #aaa;
	   -moz-box-shadow: 2px 2px 2px #aaa;
	   		box-shadow: 2px 2px 2px #aaa;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

*[contenteditable] {
    -webkit-user-select: auto !important;
}

/* main screen components */

.mainbody {
	background-color: #fff;
	margin:0;
	padding:0;
	min-width:1240px !important;
}

.content {
	padding:0px;
}

/* header */

#header {
	position:relative;
	background-color:#f8f9fa;
	z-index:100;
	height:60px;
	border-bottom:4px #0e76BC solid;
}

#header .headerdiv {
	position:relative;
	margin:0 auto;
	height:60px;
}

#header .header_logo {
	float:left;
	padding:10px;
	width:360px;
}

#header .header_info {
	position:relative;
	float:left;
	color:#999;
	font-size:28px;
	padding-top:10px;
	text-align:center;
}

#header .header_userinfo {
	margin:15px 25px 0;
	padding:0;
	float:right;
}

#header .mainmenu {
	margin:0 auto;
	padding-top:0px;
	text-align:left;
}

/* footer */

.footer { padding:5px; margin:0 auto; } 
.footer a { color:#ddd; }
.footer a:hover { color:#f0fff0; text-decoration: none; }

.footer .copyright { font-size:.85em; color:#ddd }
.footer span.copyright_sym { font-size:1.2em; color:#ddd; cursor:pointer; }
.footer_logo { float:right; padding:4px 0px 0 0; } 

.login-box {
    width:300px;
    margin:10px auto;
    border:1px #dedede solid;
    background: #f8f9fa;
	padding:10px 20px;
}

.login-logo {
    padding:10px 0;
    text-align:center;
}
.login-info {
    text-align:center;
    margin:0 auto;
}

.login-field {
    margin:10px 0;
}

/* fudge factors */

.divline { line-height:0px; font-size: 3px; padding:0px; border-top:1px #dedede solid; margin: 10px 0; }

.fleft { float:left; }
.fright { float:right; }
.fnone { float:none; }
.clear { clear:both; }
.nowrap { overflow:hidden; white-space:nowrap; }
.t1 { padding-top: 1px; }
.t2 { padding-top: 2px; }
.t3 { padding-top: 3px; }
.t4 { padding-top: 4px; }
.t5 { padding-top: 5px; }
.t6 { padding-top: 6px; }
.t7 { padding-top: 7px; }
.b5 { padding-bottom: 5px; }
.bm3 { margin-bottom: 3px; }
.bm5 { margin-bottom: 5px; }
.t10 { padding-top: 10px; }
.t15 { padding-top: 15px; }
.b10 { padding-bottom: 10px; }
.t20 { padding-top: 20px; }
.b20 { padding-bottom: 20px; }
.pad { padding:10px; }
.cloak { display:none; }
.gap  { padding-right: 10px; }
.gap20 { padding-right: 20px; }
.lgap { padding-left: 15px !important; }
.w30 { width: 30px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w75 { width: 75px; }
.w100 { width: 100px; }
.w125 { width: 125px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w225 { width: 225px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.noborder { border:none; box-shadow: none;}
.overhide { overflow:hidden; }
.hide { display:none; }
.shim { padding-left:2px; padding-right:2px; }
.minht { min-height:400px; }
.hand { cursor:pointer; }
.mover { cursor:move; }
.vspace { margin:4px 0; }
.redtext { color:#cc0000; }
.bluetext { color:#0e76BC; }
.greentext { color:#00cc00; }
.pink { color:#E43C59; padding-right:4px; }
.black { color:#000; }
.lt-gray { background-color:#ffe; }
.fat { font-weight:bold; }
.lborder { border-left:1px silver solid; }
.header-border { border-bottom:4px #0e76BC solid; }
.selecttop { position:relative; z-index:1000; }
.ctr { text-align:center; }
.shiftup { margin-top:-5px; }

body.dragging, body.dragging * {
    cursor: move !important;
}

.dragged {
    position: absolute;
    opacity: .60;
    border:1px #f90 dashed;
    z-index: 2000;
    background-color:#ffd;
}

.flat { background-image: none; }

/*  charts  */
.canvasjs-chart-credit {
	color:white !important;
}

.dashpie {
	height:320px;
	width:100%;
}

/********************************************************/

/* form and js error handling  */

.strength-group {
	margin-left: 10px;
}

.strength-text {
	color: black;
	font-size: 9px;
}

.strength-bar {
	width: 260px;
	height: 20px;
	line-height: 20px;
}

/*.strength-bar .progress{
    width: 200px;
    height: 34px;
    line-height: 34px;
}*/

.uploadbox {
	line-height: normal;
	color: #0e76BC;
	background-color: #fff;
	margin: 0;
	padding: 0px;
	width: 500px;
}

/* CCDA navigation bar */

#ccda-parser .affix {
    top:0;
    /* width: 100%; */
    background-color: white;
    z-index: 9999 !important;
}

#ccda-parser .affix ~ .container-fluid {
   position: relative;
   top: 50px;
}

#records-browser .dataTables_length {
	float:left;
}

#records-browser .patient-column {
	border-right: 3px solid #eee;
}

/* Records Browser Datatable */
/*div#patients_wrapper div.dataTables_paginate,
div#patients_wrapper div.dataTables_filter {
	text-align: left;
}*/

/*DASHBOARD NEWS PANEL*/
.news-panel {
	background: #ffffff;
	color: white;
	width: 750px;
	border-radius:0;
	border-bottom-left-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
}
.news-panel-head {
	color: #fdfdfd;
	background: linear-gradient(130deg, #1b63a3, #af002d 41.07%, #448484 76.05%);
	padding: 8px 13px;
	font-weight: 700;
}
.news-panel-body {
	color: black;
	background: white;
	padding: 14px 21px 0px;
}
.news-panel-cls-btn {
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 8px;
	text-align: right;
	background: white;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}