body{
	background: url("../img/repgray2.png") repeat-x; 
	font-family: Helvetica, Arial, sans-serif;
    /* font-size: 62.5%; */
    font-size: 12px;
    /* position: relative; */
    height: 100%;
    min-width: 800px;
	margin: 0;
	padding: 0;
}
main, .top-bar, .nav-bar, footer > div{
	max-width: 1200px;
	margin: 0 auto;
}
    /* HEADER */
.top-bar{
	height: 60px;
	padding: 15px 30px;
	color:#ccc;
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size: 14px;
}
.top-bar img{height:40px; }
.nav-bar{
	color:#ccc;
	height: 20px; 
	white-space:nowrap; 
	padding:10px 15px; 
	display: flex;
	align-items: center; 
}
.nav-bar a{color:#ccc;margin:0 15px;text-decoration:none;font-size:12px}
main{padding:20px}
h2{font-size:1.2rem;color:#114c8d;margin-top:0}
label{display:block;margin-top:8px}
#hcp-detail-dialog label{
	color: #6f6f6f;
}
input,select,textarea{width:100%;max-width:350px;padding:6px}
.ui-widget-header {
	border: 1px solid #000000;
	background: #000000;
	color: #eeeeee;
	font-weight: bold;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #110e0e;
	background: #000000;
	font-weight: normal;
	color: #ffffff;
}
.mb-0{
 margin-bottom: 0;
}
.button-group{text-align:right;margin-top:20px}
.btn{
	border-radius: 5px;
	background: url(../img/rep1.png) 0 0 repeat-x;
	border: 1px solid #000;
	color: #ccc !important;
	position: relative;
	padding: 3px 10px 3px 0px;
	text-decoration: none;
	width: auto;
	display: inline-block;
	margin-right: 10px;
	padding-bottom: 0.4em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.4em;
	cursor: pointer;
	font-size: 1em;
}
.card{
	background:#fff;
	padding: 0;
	margin-top:24px;
	border-radius: 5px;
	border: 1px solid #AAAAAA;
  }
  .card_header {

	border-top: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	border-left: 1px solid #AAAAAA;
	/* background-color: #eeeeee; */
	padding: 4px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #CCCCCC;
	color: #222222;
	font-weight: bold;
  }
  .card_header h2{
	  margin-bottom: 0;
	  font-size: 12px;
	  color: #000;
  }
  .card_content{
	  padding: 15px;
  }
input[type="text"], input[type="email"], select, textarea {
	background: url(/Images/ui/input.png) 0 0 repeat-x;
	border: 1px solid #ccc;
	color: #555;
	border-radius: 5px;
	max-width: calc(100% - 12px);
	padding: 8px 6px;
}
select{
	max-width: 100%;
}

input[type="checkbox"]{
	width: 12px;
}
.section-header,
.hcp-insights{
	background: #e8e8e8;
	margin:15px 0 5px 0;
	border-radius: 5px;
}
.section-header{
	color:#181818;
	padding: 10px 15px;
	margin-bottom: 0;
}
.hcp-insights_header{
	padding:10px 15px;
	font-size: 14px;
	font-weight: bold;
	color: #3D6CB9;
	cursor: pointer;
}
.hcp-insights_content{
	padding: 0 15px 15px;
}
.row{
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left:-15px;
}
.col-3{
	flex: 0 0 auto;
	width: calc(25% - 30px);
	padding: 0 15px;
}
.col-4{
	flex: 0 0 auto;
	width: calc(33.33333333% - 30px);
	padding: 0 15px;
}
.col-6{
	flex: 0 0 auto;
	width: calc(50% - 30px);
	padding: 0 15px;
}
.col-9{
	flex: 0 0 auto;
	width: calc(75% - 30px);
	padding: 0 15px;
}
.col-12{
	flex: 0 0 auto;
	width: calc(100% - 30px);
	padding: 0 15px;
}
.dropdown-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.dropdown-button {
  padding: 10px 16px;
  border: 1px solid #ccc;
  background: #f9f9f9;
  cursor: pointer;
  border-radius: 6px;
  min-width: 180px;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: white;
	min-width: 180px;
	border: 1px solid #ccc;
	z-index: 1;
	max-height: 200px;
	width: 100%;
	overflow-y: auto;
	padding: 0;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	border-radius: 6px;
}
.dropdown-content > div {
	display: flex;
}
.dropdown-content label {
  display: block;
  margin-bottom: 6px;
}

.dropdown-container.active .dropdown-content {
  display: block;
}
table{width:100%;border-collapse:collapse; border-radius: 5px;}
td{
	border-bottom: 1px solid #ddd;
	cursor: default;
	color: #333;
	padding: 0 1px 0 4px;
	height: 24px;
	overflow: hidden;
	line-height: 24px;
	font-size: 11px;
}
#search-results tr td{
	cursor: pointer;
}
#hcp-detail-dialog{
	overflow-x:hidden;
}
th{
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	cursor: default;
	background: #eee;
	font-weight: normal;
	padding: 4px 0 4px 4px;
	white-space: nowrap;
	text-align: left;
}
tr:hover td{
	border-bottom-color: #649ec6;
	background: #e3eef8;
	border-bottom: 1px solid #ddd;
	cursor: default;
	color: #333;
	padding: 0 1px 0 4px;
	line-height: 18px;
}
td.stars {
	font-family: Arial, sans-serif;
	font-size: 20px;
	color: #f5b301;
}
tr:hover td.stars {
	font-family: Arial, sans-serif;
	font-size: 20px;
	color: #f5b301;
}
table.insights tr td:last-child{
	font-size: 12px;
	color: #000;
}
table.insights tr td{
	background: white;
}
.legend{
	display: inline-block; margin-right: 5px;
	height:10px;
	width: 10px;
	border-radius: 50%;
}
.red{
	background: #FF5959;
}
.green{
	background: #49BEB7;
}
.blue{
	background: #3D6CB9;
}
.yellow{
	background: #FACF5A;
}
.h2{
	font-size: 20px;
	font-weight: normal;
}
.dialogOutput{ 
	font-size: 14px; 
	color: #181818;
}
.ui-button:focus{
	background: none;
	border:0;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
	background-image: url(https://demo2.myeventview.net/styles/custom-theme/images/ui-icons_ffffff_256x240.png);
}
.hcp-insights_content h2{
	font-size: 20px;
	font-weight: normal;
	color: #000;
	margin-bottom: 0.5em;
}
.hcp-insights_content label{
	margin-top: 0;
}
.hcp-insights_content h3{
	margin-top: 0;
	font-size: 16px;
	font-weight: normal;color: #000;
}
.mb-5{
	margin-bottom: 1.5rem;
}
.mx-0{
	margin: 0;
}
.mt-5{
	margin-top: 1.5rem;
}
.mb-2{
	margin-bottom: 0.25rem;
}
/*
.ui-dialog{
	width: 720px!important;
}
*/
footer{
	background: #202020;
	color:#666; 

}
footer > div {
	padding:0 30px; 
	height:70px; 
	display: flex; 
	align-items:center; 
	justify-content:space-between;
}
footer img{
height:40px;
}