/* Custom CSS for myClinicReports BI Dashboard Portal */
/* Dartmouth Data */

/*
myClinicReports

#80bfff -- lighter
#3399ff -- Blue
#0073e6 -- Darker

#ff704d -- Lighter
#ff3300 -- Red -- #ffe6e6
#b32400 -- Darker

#70db70 -- Lighter
#33cc33 -- Green -- #e6ffe6
#248f24 -- Darker

-----------------------------------------
Logo Colors
#565589 - Blue
#777777 - Gray
#acc202 - Green
-----------------------------------------

#e6ffe6 light green -- #cdffcd, #b3ffb3, #9aff9a
#B5D3E7 light Blue -- #7bb1d4, #8ebcdb, #a2c8e1  -xx-  #c8deed, #dceaf3, #eff5fa
#FFFFE0 light yellow 
#ffe6e6 light red

#009B69 St Patricks Day Green Background

#2c2b6c - th header
#565589 - rcm menu bar
#8080a7 - rcm notes tab

*/

html, body {
	line-height: 1.5;
	height: 100%;
	table-layout: fixed;
	width: 100%;
	background: #ffffff;
	color: #222222;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.jumbotron_image {
  background-image: url("../images/bi.jpeg");
  background-size: cover;
}

.clear {
    clear: both;
}
.clearfix {
overflow: auto;
 }


/* ========== Nav Bar ========== */
.bg-light {
  background-color: #f8f9fa !important
}
.navbar-brand {
  padding-right: 50px;
}
.navbar {
  height: auto;
  padding: 0px 100px 0px 100px;
  border-radius: 0px;
  border-bottom: 1px solid #008dd2;
  box-shadow: 0px 2px 5px grey;
  background-color: #f8f9fa;
}
.navbar li {
  display: inline-block;
  font-size: 14px;
  padding: 0px;
  margin-right: 15px;
}
.navbar-nav li a {
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  color: #008dd2;
}
.navbar-nav li:hover a {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  color: #33cc33;
}
.navbar-nav li:active a {
  color: #336699;
}
/* change the color of active or hovered links */
.nav-link {
  color: #ffffff;
  border-bottom: 2px solid #f8f9fa; /* add border-color */
}
.nav-link:hover {
  color: #336699;
  border-bottom: 2px solid #33cc33; /* add border-color */
}

/* ========== myClinicReports ========== */
.signup_container {
  margin: 10px auto 0px auto;
  padding: 30px 50px 30px 50px;
  width: 40%;
  height: auto;
  border: solid 1px #706F6F;
  background-color: #eeeeee;
  border-radius: 30px;
}
.contact_container {
  padding: 20px 40px 20px 40px;
  margin: 40px auto 40px auto;
  border: solid 1px #706F6F;
}
.contact_subcontainer {
  padding: 10px 20px 10px 20px;
  margin: 10px auto 10px auto;
  border: solid 1px #aaaaaa;
}
.contact_commentscontainer {
  margin: 20px auto 10px auto;
}
.form-label {
  color: #555555;
  font-weight: 400;
  font-size: 16px;
  float: none;
  line-height: 1.3;
  margin: 0 0 4px 0;
  padding: 0
}
.form-container {
  padding: 0px;
  margin: 0px;
}


/* ========== General ========== */
h1, h2, h3 {
  font-weight: bold;
  padding: 0;
  margin: 0;
  font-family: "Roboto", sans-serif;
}
h4, h5 {
  font-weight: normal;
  padding: 0;
  margin: 0;
  font-family: "Roboto", sans-serif;
}
hr {
  border-top: 1px solid #555555;
}
.hr_light {
  border-top: 1px solid #dddddd;
  padding: 8px 0px 4px 0px;
}
.hr_light2 {
  border-top: 1px solid #cccccc;
  padding: 4px 0px 4px 0px;
}
button {
  font-family: "Roboto", sans-serif;
  font-size: 11px;
}
/* ========== button ========== */
.btn-bd-primary, .btn-bd-primary:focus, .btn-bd-primary:active {
	width: 150px;
	margin:10px;
  font-weight: 600;
  color: #fff;
  background-color: #ff8243;
  border-color: #ff8243;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 14px;
}
.btn-bd-primary:hover {
  font-weight: 600;
  color: #fff;
  background-color: #565589;
  border-color: #565589;
  text-decoration: none;
  font-family: "Roboto", "Source Sans Pro", Helvetica, sans-serif;
  font-size: 14px;
}

p, li, span, input {
  color: #222222;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
	line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	  
}
p.cliniclist {
  color: #008dd2;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
list {
  color: #222222;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
list11 {
  color: #222222;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 11px;
}
.size11 {
  color: #555555;
  font-family: "Roboto", sans-serif;
  font-size: 11px;
}
.list12 {
  color: #555555;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
.size16 {
  color: #444444;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}
.size16white {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}
.budget_words {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  color: #555555;
  text-align: right;
}
.mainpage {
  margin: 70px auto 0px auto;
  padding: 10px 5px 10px 5px;
  height: auto;
  min-height: 650px;
  border: solid 1px #706F6F;
  background-color: #ffffff;
}
.no_marginpadding {
  margin: 0px;
  padding: 0px; 
}

.container {
  padding-top: 10px;
}
.container100 {
  width: 100%;
	height: auto;
  padding: 0px;
  margin: 0px;
}
.welcome {
  width: 70%;
  margin: 10px auto 10px auto;
  padding-top: 2rem;
}
.card-title {
  text-align: center;
  color: #999999;
}
.bucket {
  border: solid 1px #706F6F;
  background-color: #eeeeee;
  padding: 10px;
  margin-bottom: 20px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.bucket_budget {
  border: solid 1px #706F6F;
  background-color: #eeeeee;
  padding: 10px 10px 0px 10px;
  margin-bottom: 5px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.entry {
  font-size: 14px;
  color: #008dd2;
  text-align: center;
  padding: 10px auto;
  margin: 10px auto;
  height: 25px;
  width: 100%;
}
a.entry:hover {
  color: #F28707;
  font-size: 14px;
}
/* ========== Data Bubbles ========== */

.data_bubble {
  margin: 0px 0px 0px 5px; 
  padding: 5px; 
  border: 1px solid #ccc; 
  border-radius: 10px; 
  text-align: center; 
  display: inline-block; 
  width: 60px; 
  line-height: 13px;
}

.menu_bubble {
  margin: 0px 0px 0px 5px; 
  padding: 5px; 
  border: 1px solid #eeeeee; 
  border-radius: 10px; 
  text-align: center; 
  display: inline-block; 
  width: 60px; 
  line-height: 13px;
}
.menu_bubble_active, .menu_bubble:hover {
  margin: 0px 0px 0px 5px; 
  padding: 5px; 
  border: 1px solid #eeeeee; 
  border-radius: 10px; 
  text-align: center; 
  display: inline-block; 
  width: 60px; 
  line-height: 13px;
  background-color: antiquewhite;
}

/* ========== Table ========== */
table {
  width: 100%;
}
table, th, td {
  font-family: "Roboto", sans-serif;
  font-size: 11px;
  border: 1px solid #aaaaaa;
  border-collapse: collapse;
  line-height: 1.3;
}
th {
  text-align: center;
  padding: 8px;
  color: #FFFFFF;
  background-color: #2c2b6c;  
  border: 1px solid #222;
}
.th_sticky {
  text-align: center;
  padding: 8px;
  color: #FFFFFF;
background-color: #2c2b6c;
border: 1px solid #aaaaaa;
  position: -webkit-sticky;
  position: sticky;
  top: 0; 
	z-index: 1;
	border-bottom: 2px solid #EB9486;
}
.th_sticky2 {
  text-align: center;
  padding: 8px;
  color: #FFFFFF;
  background-color: #2c2b6c;
  border: 1px solid #aaaaaa;
  position: -webkit-sticky;
  position: sticky;
  top: 30px; 
	z-index: 1;
}
.th_sticky2_gray {
  text-align: center;
  padding: 8px;
  color: #FFFFFF;
  background-color: #aaa;
  border: 1px solid #aaaaaa;
  position: -webkit-sticky;
  position: sticky;
  top: 30px; 
	z-index: 1;
}


#sticky_table {
    max-height: 600px;
    overflow: auto;
}
.table_size_frame {
	height: auto;
  display: block; 
  overflow-y:auto	
}
.noRLpadding {
  padding: 8px 0px 8px 0px;
}
th.noBackgroundColor {
  background-color: #fff;
  color: #008dd2;
}
td {
  text-align: right;
  padding: 8px;
  color: #000000;
  border: 1px solid #aaaaaa;
  font-size: 11px; 
}
.td_sticky {
  position: relative;
  top: 60px; 
}
td.text10 {
  color: #222222;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
}
td.left {
  text-align: left;
}
td.right {
  text-align: right;
}
td.center {
  text-align: center;
}
.center {
  text-align: center;
}
.right {
  text-align: right;	
}
.left {
  text-align: left;	
}
/*
tr:nth-child(even) {
  background-color: #eeeeee;
}
*/
/* ========== Fontawesome ========== */
.fa_white {
  color: #ffffff;
}
.fa_white:hover, a.list12:highlighted {
  color: #FF9900;
}
.fa_blue, a.listblue {
  color: #008dd2;
  text-decoration: none;
}
.fa_blue:hover, a.listblue:hover {
  color: #FF9900;
  text-decoration: none;
}
.fa_hover:hover {
  color: #FF9900;
}
.fa_active, .fa_active:hover {
  color: #FF9900;
  text-decoration: none;
}
.dot {
  height: 10px;
  width: 10px;
  background-color: #008dd2;
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 4px;
}
i.faCircle {
  display: inline-block;
  border-radius: 60px;
  box-shadow: 0 0 2px #888;
  padding: 0.5em 0.6em;
}

/* ========== rcm links ========== */
a.rcm_link10 {
  color: #23aadd;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
}
a.rcm_link10:hover {
  color: #dd9933;
  text-decoration: underline;
  font-family: "Roboto", sans-serif;
  font-size: 10px;
}

/* ========== Links ========== */
a {
  color: #008dd2;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}
a:hover {
  color: #FF9900;
  text-decoration: underline;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}
a.active {
  color: #FF9900;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}
a.list {
  color: #008dd2;
  font-family: "Roboto", sans-serif;
  font-size: 8px;
}
a.list:hover {
  color: #FF9900;
  text-decoration: underline;
  font-family: "Roboto", sans-serif;
  font-size: 8px;
}
a.list12 {
  color: #008dd2;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
a.list12:hover {
  color: #FF9900;
  text-decoration: underline;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  display: inline;
}
a.list16 {
  color: #008dd2;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}
a.list16:hover {
  color: #FF9900;
  text-decoration: underline;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  display: inline;
}
a.list16active {
  color: #FF9900;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  display: inline;
}
a.list16active:hover {
  color: #FF9900;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  display: inline;
}
button.list12 {
  color: #008dd2;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
button.list12:hover {
  color: #FF9900;
  text-decoration: underline;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  display: inline;
}
a.listwhite {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
a.listwhite:hover {
  color: #FF9900;
  text-decoration: underline;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
a.menulinks {
  color: #ffffff;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
a.menulinks:hover {
  color: #aaaaaa;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
a.lock {
  color: #50C878; /* == green lock == */
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
a.lock:hover {
  color: #FF9900;
  text-decoration: underline;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
}
.success {
  color: #31B806;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  text-align: center;
}
.error {
  color: #FA0105;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  text-align: center;
}
.msg_white {
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  text-align: center;
}
.message_container {
  margin: 0px auto 0px auto;
  width: 300px;
  height: 50px;
}

.chart {
  width: 100%;
  min-height: 350px;
}
.row {
  padding: 0 !important;
  margin: 0 !important;
}

/* ========== Form Layout ========== */
label {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #333333;
}
input, select, option {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #555555;
  padding: 2px 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.faq {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #555555;
}
.fyzical {
  font-family: "Roboto", sans-serif;
  font-size: 10px;
  color: #555555;
}
.input-group-prepend span {
  width: 35px;
  background-color: #dddddd;
  color: #555555;
  border: 0 !important;
}
input[type=submit], select, option {
  background: #ffffff;
  border: 1px solid #ddd;
  cursor: pointer;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type=submit].green {
  background: #eeeeee;
  border: 1px solid green;
  cursor: pointer;
}
input[type=submit].tableau {
  background: #eeeeee;
  border: 2px solid #FA0105;
  color: #FA0105;
  font-size: 20px;
  cursor: pointer;
  padding: 25px;
  border-radius: 25px;
}
input[type=submit].tableau:hover {
  background: #555555;
  border: 2px solid #eeeeee;
  color: #ffffff;
  font-size: 20px;
  cursor: pointer;
  padding: 25px;
  border-radius: 25px;
}
input[type=submit]:hover {
  background: #008dd2;
  color: #fff;
  border: 1px solid #999;
  cursor: pointer;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type=text], select, option {
  display: inline-block;
  border: 1px solid #ccc;
  margin: 4px 0;
}
input[type=date], select, option {
  display: inline-block;
  border: 1px solid #ccc;
}
input[type=submit].runrate {
  background: #fdf5e6;
  color: #222;
  border: 1px solid #ddd;
  cursor: pointer;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type=submit].runrate:hover {
  background: #008dd2;
  color: #fff;
  border: 1px solid #999;
  cursor: pointer;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
textarea {
  width: 100%;
  height: auto; /* 1500px */
  padding: 5px 15px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
  overflow: visible;
}

/* ========== Footer Layout ========== */
.footer_style {
  background-color: #86A6B9;
  color: #d5d5d5;
  font-size: 12px;
  padding: 30px 20px 30px 20px;
}
.footer_box1 {
  float: left;
  text-align: left;
  border-right: 1px solid #d5d5d5;
}
.footer_box2 {
  float: left;
  text-align: center;
  padding: 0px;
}
.footer_box3 {
  float: left;
  text-align: center;
  padding: 0px;
}
.footer_box4 {
  float: left;
  text-align: center;
  padding: 0px;
  padding-right: 0px;
}
.footer {
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
}
a.footer {
  color: #d5d5d5;
  text-decoration: none;
  font-size: 12px;
}
a.footer:hover {
  color: #ffffff;
  text-decoration: underline;
  font-size: 12px;
}

/* ========== Marketing ========== */
.msg_container {
  padding: 0;
  margin: 0;
  height: auto;
}
.iframe_container {
  padding: 0;
  margin: 0;
  width: 100%;
  height: auto;
}
.responsive_iframe {
  position: relative;
  width: 100%;
  height: 425px;
  padding: 0px 10px 0px 30px;
  -webkit-box-shadow: 0px 0px 3px 2px rgba(221, 221, 221, 1);
  -moz-box-shadow: 0px 0px 3px 2px rgba(221, 221, 221, 1);
  box-shadow: 0px 0px 3px 2px rgba(221, 221, 221, 1);
}

/* ========== Video Guides ========== */
.com_video {
  min-width: 250px;
}
.small-img-row {
  display: flex;
  background: #efefef;
  margin: 20px 0px;
  align-items: top;
  border-radius: 10px;
  border: 1px solid #555;
  overflow: hidden;
  width: 100%;
}
.small-img {
  position: relative;
  border-right: 1px solid #555;
}
.small-img img {
  width: 200px;
  height: 150px;
}
.small-img .overlay {
  position: absolute;
  top: 0px;
  left: 0px;
}
.small-img-row p {
  margin: 20px;
  color: #707070;
  line-height: 1.3;
  font-size: 15px;
}
.video-player {
  width: 65%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  border: 2px solid #aaaaaa;
  -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(85, 85, 85, 0);
  box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(85, 85, 85, 0);
  background: #FFFFFF;
}
video:focus {
  outline: none;
}
.closeVideo-btn {
  position: absolute;
  top: 20px;
  right: 10px;
  width: 100px;
  cursor: pointer;
}
/* ========== More ========== */
.card_reports, .card_reports2 {
  min-height: 175px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
  transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12), .3s box-shadow, .3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);
  padding: 14px 30px 14px 30px;
  cursor: pointer;
}
.card_reports:hover {
  transform: scale(1.00);
  background: #FFFFE0;
  border: 1px solid #008dd2;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
}
.card_reports2:hover {
  transform: scale(1.00);
  background: #e6ffe6;
  border: 1px solid #008dd2;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);
}

/* ========== rcm modal ========== */
.drop-from-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  Margin: 0px auto;
  z-index: 999999;
  overflow: auto;
  overflow-y: auto;
}
.modal-header {
  padding: 2px 16px;
  background-color: #565589;
  color: white;
  border-bottom: 4px solid #acc202;
}
.modal-body {
  padding: 12px 16px;
}
.modal-footer {
  padding: 2px 16px;
  background-color: #565589;
  color: white;
  border-top: 4px solid #acc202;
}

/* ========== modal ========== */
.drop-from-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  Margin: 0px auto;
  z-index: 999999;
  overflow: auto;
  overflow-y: auto;
}
.modal-header {
  padding: 2px 16px;
  background-color: #008dd2;
  color: white;
  border-bottom: 4px solid #fbec5d;
}
.modal-body {
  padding: 12px 16px;
}
.modal-footer {
  padding: 2px 16px;
  background-color: #008dd2;
  color: white;
  border-top: 4px solid #fbec5d;
}

/* Formatting result items */
.PT_search_result p {
  margin: 0;
  padding: 7px 10px;
  border: 1px solid #CCCCCC;
  border-top: none;
  cursor: pointer;
}
.PT_search_result p:hover {
  background: #f2f2f2;
}


/* ========== END ========== */
/* ========== END ========== */
/* ========== END ========== */