/*ENTIRE PAGE*/

html {
	height: 100% !important;
}

body {
    font-family: Arial, sans-serif;
	 line-height: 1;
}

.container-fluid {
    background-color: rgb(93,144,162);
	 height: 100% !important;
}

/*highlight styling for active hospitals, outcomes measures*/
.active {
    color:  rgb(197,225,249);
}

/*FIRST ROW*/
.header{
    padding-top: 0.5%;
    margin-bottom: 1%;
    text-align: center;
    background: rgb(94,126,137);
    color: #fff;
    font-family: Arial, sans-serif;
}

#headertitle a{
    color: #fff;
}

#headertitle a:hover{
    text-decoration: none;
    color: #fff;
}

#headertitle2 {
    padding: 0.5%;
}

#logo{
    max-width:100%;
    max-height:100%;
}

.links a:hover{
    color: rgb(249, 245, 149);
}

.links li{
    display: inline-block;
}

.nav-link{
  color: #fff;
  text-align: center;
}

.login_link {
	color: #fff;
	text-align: center;
}
.login_link:hover {
	text-decoration: none;
	color: rgb(249, 245, 149);
	text-align: center;
}

/*about this site styling*/
.aboutsection{
    color: #fff;
}

/*styling for CV and PCI hospital lists*/
.hospitalList {
    color: #fff;
}

.hospitalList th{
    color: rgb(197,225,249);
}

.hospitalList th:hover{
    background-color: rgb(94, 144, 164);
}

/*outcomes measures selection table styling*/
.metricList2 td{
    text-align: right;
    cursor: pointer;
}

.metricList2{
    padding-top: 5%;
    border: 0;
}

.metricList2 th:hover{
    background-color: rgb(94, 144, 164);
}

/*makes scroll bar if contents of column six (center tables) overflow*/
.overflow{
    overflow-y: auto;
}

#map{
    height: 35%;
}

#dataTable1 th{
     background-color: rgb(241,241,241);
 }

#dataTable1 th:hover{
  background-color: rgb(241,241,241);
}

#dataTable2 th{
     background-color: rgb(241,241,241);
 }

#dataTable2 th:hover{
  background-color: rgb(241,241,241);
}

.centerTables{
    padding-left: 5%;
    padding-right: 5%;
    background-color: white;
}

#procedureCountTable {
    table-layout: fixed;
}

#metricsTable {
    table-layout: fixed;
}

td.right {
    text-align: right;
    color: rgb(94, 143, 163);
}

th.left {
    text-align: left;
    width: 30%;
    color: (94, 94, 94);
}

td.center {
    text-align: center;
    color: rgb(19, 130, 150);
}

th.center {
    text-align: center;
    color: (94, 94, 94);
}

#hospitalVolume{
    text-align: center;
}

#hospitalLabel{
    text-align: center;
}

/*table styling for outcomes measures and hospitals*/
tr.borderless td{
   border: 0;
   cursor: pointer;
}

tr.borderless td.CV{
   text-align: right;
}

tr.borderless th{
   text-align: center;
   border: 0;
}

/*THIRD ROW*/
.footer{
    text-align:center;
    padding: 1%;
    color: rgb(8, 78, 126);
}


/* new CSS changes by Peter */
#hospitalListCV {
	text-align:center;
}
#hospitalListPCI {
	text-align:center;
}
.col-3 {
/*	padding-left: 0px !important;
	padding-right: 0px !important;*/
}
.col-6 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.hospitalList th {
	color: black;
}
.nav-link {
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
}
.hospitalList th:hover{
	background: white !important;
}
#map {
	height:400px;
}
.links {
	padding-left: 0px;
}
h2 {
	text-align: center;
}

#pci {
	margin-left: auto;
	margin-right: auto;
}
#cv {
	margin-left: auto;
	margin-right: auto;
}
.hopitalList{
	padding-right: 0px;
}
.dropdownTable {
	width:100%;
	display: none;
}
td.PCI {
	text-align: left;
}
td.CV {
	text-align: right;
}

.headersubtitle {
	color: #C6E0F8;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	text-align: center;
	font-size: 1.2em;
}
th.right {
	font-size: 1.2em;
}
th.left {
	font-size: 1.2em;
}
th.center {
	font-size: 1.2em;
}
td.right {
	font-size: 1.2em;
}
td.center {
	font-size: 1.2em;
}
.dropdown {
	position: initial !important;
}
.dropdown-toggle {
	width: 100%;
}
.dropdown {
	background-color: rgb(94,126,137);
	border: 2px solid rgb(94,126,137);
	border-radius: 0.5em;
	overflow: hidden;
}
.dropdown-item {
	padding: 0rem !important;
	padding-right: 1em !important;
	padding-left: 1em ! important;
}
.show {
	overflow: scroll;
	position: absolute;
	height: 400px;
	width: 100%;
}
.dropdown-menu {
	transform: translate3d(0,0,0) !important;
}

.dropdown-menu-right {
	transform: translate3d(-50,-200,-200) !important;
	width: auto !important;
	float: left !important;
	right:0 !important;
	margin-left:auto !important;
	margin-right:0 !important;
	
}