/*******  HOW TO REMOVE PADDING BETWEEN COLUMNS BS 3 *******/
/* http://stackoverflow.com/questions/21254889/how-can-i-remove-the-gutter-between-bootstrap-3-column  */
/* http://stackoverflow.com/questions/19337238/twitter-bootstrap-modal-pushes-html-content-to-the-left */


html,body{-webkit-font-smoothing: antialiased}
html {
  /* Why did I set these? was it due to the bs.modal popup 
  
overflow: hidden;
  height: 100%;
	  */
}
body{
	font-family:sans-serif;
	font-size:16px;
	/* Why did I set these? was it due to the bs.modal popup 
	  
	overflow: auto;
	height: 100%;
		*/
}
/* unset bs3 setting */
.modal-open { overflow: auto}

p{margin-bottom:15px}
a{text-decoration:underline}

.container{width:95%}
table tbody tr td {vertical-align:middle}

/*
h1 {color:#356096;font-size:2.25em;font-weight:normal;margin-bottom:10px;padding:10px 0 5px;border-bottom:1px solid #ddd;line-height:1.2em;margin-top:0}
*/

/* Widths based on container width of the tags holding the column classes */
/* currently its a 970px width */
/* MAIN Navigation for site */
header{   
    position: fixed;
    top: 0;
    width:100%;
    z-index:100;
}

.well{padding:15px;border-radius:0}
.nopad{padding-left:0;padding-right:0}

.input-group-btn:last-child > .btn {
	display: table-cell;
	float: right;
	vertical-align: middle;
}

.bs-glyphicons .glyphicon-class {
	display: block;
	/*text-align: center;	*/
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	color:#254380;
	margin-top: 0px;
	font-size: 14px;
}
.bs-glyphicons .glyphicon {
	/* margin-top: 5px; */
	/* margin-bottom: 10px; */
	font-size: 24px;
	color:#254380;
}
.bs-glyphicons-list {
	padding-left: 0;
	list-style: none;
}

.bs-glyphicons li {
	float: left;
	width: 50%;
	text-align: center;
}

/**************************************/
/********** IMAGES (START) ***********/
/**************************************/
.img_stylemain {float: right}
img.img_stylemain{
	background: #fff;
	border: 1px solid #c9c9c9;
	padding: 1px;
	margin: 5px 0 20px 10px;
}
.img-pull-left{float:left;padding:0 20px 10px 0}
.img-pull-right{float:right;padding:0 0px 10px 20px}

.figure, .img_stylemain, .img-thumbnail {
	float: right;
	border: thin silver solid;
	margin: 1.1em;
	padding: 1em;
}

img.scaled{width:100%;margin-bottom: 5px;}

.img-thumbnail {
  width: 30%;
}
.img-thumbnail img {
  max-width: 100%;
}

.with-caption {
  display: inline-block;
  background: #f5f5f5;
  font-style:italic;
  font-size:0.8em;
  
  /* OPTIONAL */
  text-align: center;
}
.with-caption p {
  margin: 0;
  padding-top: 0.5em;
  text-wrap:normal;
}
.with-caption small:before {
  content: '\2014 \00A0';
}
.with-caption small {
  width: 100%;
  text-align: right;
  display: inline-block;
  color: #999;
}

.img-xs{width:20%}
.img-sm{width: 25%}/*default*/
.img-lg{width:35%}

.hide-border{border:none}

.img-responsive.img-logo {
  width: auto;
}

/**************************************/
/************ IMAGES (END) ************/
/**************************************/

/**************************************/
/********** BUTTONS (START) ***********/
/**************************************/
.btn{
    border-color:#ddd;
    background-color:#f5f5f5;
    text-decoration:none;
    white-space:normal; /* ATM: REMOVED SO BUTTON TEXT LARGER THAN CONTAINER CAN WRAP ONTO MULTIPLE LINES */
}
.btn-primary:visited, .btn-forest:visited{color:#fff}
.btn:hover{       
	color: #333;
	text-decoration: none !important;
	background-color: #e6e6e6;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
}

.btn.btn-center{
    margin:auto;
}
.btn.text-left{
    text-align:left;
    padding-left:10px;
}
.btn.text-center{
    text-align:center;
    vertical-align:middle;
}

.btn-default{color:#333;background-color:#fff;border-color:#ccc}

.btn-primary {
	color: #ffffff;
	background-color: #254380;
	border-color: #254380;
}
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.active.btn-primary, 
.disabled.btn-primary, 
[disabled].btn-primary {
	color: #ffffff;
	background-color: #428bca;
	border-color: #254380;
}

/* Set text color to FH green */
.btn-primary,
.btn-primary:hover,
.btn-forest,
.btn-forest:hover {
  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
  color: #ffffff;
}

/* Provide *some* extra contrast for those who can get it */
.btn-primary.active {
  color: rgba(255,255,255,.75);
}

.btn-primary.disabled, 
.btn-primary[disabled], 
fieldset[disabled] .btn-primary, 
.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, 
.btn-primary.disabled:active, 
.btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, 
.btn-primary[disabled].active, 
fieldset[disabled] .btn-primary.active {
	background-color: #254380;
	border-color: #254380;
}

.btn-primary h1,
.btn-forest h1,
.btn-primary h2,
.btn-forest h2,
.btn-primary h3,
.btn-forest h3,
.btn-primary h4,
.btn-forest h4 {
	color:#ffffff;
	margin-top:0;
}

.btn-forest {
	color: #ffffff;
	background-color: #016659;
	border-color: #566963;
}
.btn-forest:hover/*, .btn-forest:focus, .btn-forest:active, .active.btn-forest, .disabled.btn-forest, [disabled].btn-forest*/
{
	color: #ffffff;
	background-color: #3b9488;
	border-color: #016659;
}

/*
.btn-block,
.btn-group.btn-group-justified.btn-group-1 .btn{
    max-width:400px
}
*/

.btn-block{
    text-align:left;
    padding-left:10px;
}

.btn-block a {
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	padding-top: 5px;
	height: 21px;
	width: auto;
	background-color: #254380;
	text-align: center;    
}
.btn-block a:hover {
	color: #FFFFFF;
	text-decoration: none;
	height: 21px;
	width: auto;
	display: block;
	background-color: #689ED6;
}

.btn-nav {
	display:inline-block;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:4px 9px;
	border-radius:0;
}

.btn-reset{width:auto !important;}

.btn-sm, 
.btn-xs {
	line-height: 12px;
	margin-bottom:5px;
	padding: 2px 8px;
}

.btn-sm [class^=icon-], .btn-sm [class*=' icon-']{margin-top:0}
.btn-xs{font-size: 10px}

/********   BTN-GROUPS  ********/

.btn-group:last-child{
    margin-bottom:10px
}
.btn-group + .btn-group, .btn-group +.btn {
    margin-top:5px
}
.btn-group .dropdown-menu li > a{
    padding:10px 20px;
    text-decoration:none;
    font-size:1.1em;
}
.btn-group .dropdown-menu li > a:hover,
.btn-group .dropdown-menu li > a:focus,
.btn-group .dropdown-menu li > a:active{
    color: #ffffff;
	background-color: #428bca;
	border-color: #254380;
}
.btn-group.btn-group-justified.btn-group-1 .btn{
    width:100%;
}
.btn-group-justified>.btn, .btn-group-justified>.btn-group {
    float:left;
}
/*************************************/
/*********   BUTTONS (END)  **********/
/*************************************/


/*************************************/
/*********  TABLES (START)  **********/
/*************************************/
.table.table-clinics td:first-child{width:36%}
.table.table-clinics td + td{width:43%}
.table.table-clinics td:last-child,
.table.table-clinics td + td + td{width:auto}
/*************************************/
/**********  TABLES (END)  ***********/
/*************************************/


/*************************************/
/**********  PANELS (START)  *********/
/*************************************/
.panel-title a{text-decoration:none;display: block;}
.panel-title .disease-title{padding-right:7px}
#accordion .panel .panel-heading,
.panel-group .panel .panel-heading{border-bottom:none;border-bottom-color:transparent;text-decoration:none}

#accordion .panel .panel-heading .panel-title,
#accordion .panel .panel-heading .panel-title:hover,
.panel-group .panel .panel-heading .panel-title,
.panel-group .panel .panel-heading .panel-title:hover{text-decoration:none}

#accordion .panel .panel-heading .panel-title a:after,
#clinical-trials-accordion .panel .panel-heading .panel-title a:after,
.panel-group .panel .panel-heading .panel-title a:after{
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	float: right;
	color: grey;
}
#accordion .panel .panel-heading .panel-title .collapsed:after,
#clinical-trials-accordion .panel .panel-heading .panel-title .collapsed:after,
.panel-group .panel .panel-heading .panel-title .collapsed:after {content: "\e080"}



/*************************************/
/***********  PANELS (END)  **********/
/*************************************/


/*************************************/
/**********  TABS (START)  *********/
/*************************************/

.tab-content {margin-top: 15px;}

/*************************************/
/***********  TABS (END)  **********/
/*************************************/


/*************************************/
/*********  MEDIA (START)  **********/
/*************************************/
.media-style-fh .media-body a{
    color:#333;
    text-decoration:none;

}

.media-style-fh:hover, media-style-fh:active { background: #ebebeb;}
.media-style-fh{padding: 10px;}

/*************************************/
/***********  MEDIA (END)  ***********/
/*************************************/


/*****  RESET CLASSES MODULE *****/
#divSearchContainer div table tbody tr td {vertical-align: top !important}
#divSearchContainer div table tbody tr td div#dvClassType,
#divSearchContainer div table tbody tr td div#dvSponser {padding:0 8px}
table.creg_label tbody tr td{padding:3px}
#divSearchContainer div table tbody tr td.rcbInputCell{padding:0 !important;padding-left:2px !important}
.rcInputCell span.RadInput{width:90px !important}

.c_contentContainer .c_contentContainerFull #textResize .c_readingContent .row.blue-gradient .col-lg-9 .row .col-lg-12{padding-left:0;padding-right:0}

.bs-margin-reset{margin:0 -15px}

.item img {width:100%}

.carousel-fade .item {
	-webkit-transition: opacity 3s; 
	-moz-transition: opacity 3s;
	-o-transition: opacity 3s; 
	transition: opacity 3s;
}
.carousel-fade .active.left {
	left:0;opacity:0;z-index:2;
}
.carousel-fade .next {
	left:0;opacity:1;z-index:1;
}
.carousel-caption{
	bottom:auto;
	right:70%;    
	left:15px;
	text-align:left;	
	padding:10px 0 20px 0;
	top:0;	
	min-height:100%
}
.carousel-caption.carousel-program-overlay{
    left:66.75%;
    padding-right:15px;
    padding-left:15px;
}
.carousel-caption-lg {right:30%}
.carousel-caption p{
    color:#000;
    text-shadow:none
}
.carousel-caption .text-white {color:#fff}
.carousel-caption h3{
	/* color:#000; */
	/* font-size:2.5em; */
}
.carousel-caption .slide-title-large{
    font-size:2.5em
}

.carousel-caption .slide-title-small{color:#066158;font-size:22px;font-weight:700}
.carousel-caption .slide-title-medium{color:#254380;font-size:32px;font-weight:700}
.carousel-control{
	width:10%;
}
.carousel-indicators{
	margin-left:0;
	margin-bottom:0;
	width: 25%;
	text-align: left;
	bottom: 0;
	left: 1%;
}
.carousel-indicators li {
  background-color: #999;
  background-color: rgba(70,70,70,.25);
}

.carousel-indicators .active {
  background-color: #444;
}
.overlay-title{color:#066158;font-size:22px;font-weight:700}
.overlay-item .fa-ul{margin-left:0;width:100%;background-color:#fff}
.overlay-item .fa-ul>li{left:9%}
.overlay-item + .overlay-item{padding-top:15px}
.carousel-overlay{padding:15px}
.carousel-overlay,
.carousel-program-overlay{
	min-height:100%;
	position:absolute;
	z-index:10;
	right:0;
	top:0;
    padding:15px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTkzMEM1OTk2MTA5MTFFMzk0NzdCOERFOEI1MzY5NzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTkzMEM1OUE2MTA5MTFFMzk0NzdCOERFOEI1MzY5NzkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBOTMwQzU5NzYxMDkxMUUzOTQ3N0I4REU4QjUzNjk3OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBOTMwQzU5ODYxMDkxMUUzOTQ3N0I4REU4QjUzNjk3OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrFeJigAAAAQSURBVHjaYnj//v1NgAADAAlFA6cWu8ftAAAAAElFTkSuQmCC);
	background-repeat:repeat;
	width:33.3333333%
}
.carousel-program-overlay{
    left:initial;
}

.modal-backdrop.fade.in:nth-child(2){
    z-index: 1060 !important;
}

/****  LG+ DEVICES  ****/
/* Large desktops and laptops */
@media (min-width: 1230px) {
	.container {width: 1170px}
}

/****  SM+ DEVICES  ****/
@media(min-width:768px){
	.form-control-search{height:34px; width:300px}
}

/****    XS/SM DEVICES   ****/
@media (max-width: 991px) {
	.container{width: auto}
	.navbar-menu{background-color:transparent;border:0}
	.navbar-right-align{padding-right:0}
    img.scaled {/* max-width:500px */}
    
}
@media (max-width:992px){
    #accordion .panel .panel-heading .accordion-toggle:after {
		padding-right: 11px;
	}
    .carousel-caption,
    .carousel-control,
    .carousel-caption.carousel-program-overlay{
        left:auto
    }

	.carousel-control{
		top:auto;
		z-index:20;
	}
	.carousel-overlay,
    .carousel-program-overlay{position:relative;width:auto}
	
    .carousel-caption{
        position:relative;
        background-color:#254380;
        background-image:none;
        right:auto;
        padding-left:15px;
        padding-right:15px;
        text-align:left
	}

	.carousel-caption h3{font-weight:bold;padding-bottom:5px}
	.carousel-caption h3, .carousel-caption p, .carousel-caption .slide-title-small, .carousel-caption .slide-title-medium, .carousel-caption .slide-title-large {font-size:1em;color:white}
	.carousel-caption .slide-title-large, .carousel-caption .slide-title-medium, .carousel-caption .slide-title-small{font-weight:bold; margin: 5px 0 5px 0}
	.carousel-caption p:last-child{margin-bottom:0}
	.carousel-caption p a.btn-primary, .carousel-caption p a.btn-forest {color: #333;border-color: #ccc;background-color: #fff}
	.carousel-indicators{position:relative;margin: 0;padding:5px 0;width:auto;text-align:center;left:0}
	.carousel .left{left:15%}
	.carousel .right{right:15%}
	.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{
		font-size:20px;
		margin: -38px 0 0 0;
	}
    header{position:relative;z-index:auto}
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-fixed-top {
		  top: 0;
		  border-width: 0 0 1px;
	 }
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		  margin-top: 7.5px;
	 }
	 .navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		  display:block !important;
	 }
    
}

/****  SMARTPHONES  ****/
/****  XS DEVICES ****/
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.btn-nav {
		font-size: 10px;
		padding: 4px 3px;
	}
	.form-control-search{height:34px; width:100%}    
    .carousel-inner>.item>img, .carousel-inner>.item>a>img{min-width:460px;overflow-x:hidden}
    img.program-lp {float: right; max-width:225px; width:auto; padding-left: 15px;}
}

/* Landscape phones and smaller */
@media (max-width: 480px){
    .page-container .row [class*=col-]{
        float:none;
        width:100%;
    }
    .img-thumbnail{width:100%;}
    img.img-thumbnail {max-width:100%}
    .img-thumbnail, img.img_stylemain, img.program-lp, img.img-pull-left, img.img-pull-right {
        float:none;
        margin:auto;
        max-width:100%;
        display:block;
        padding: 0;
        margin-bottom: 10px;
        }
     img.spotlight{float:right; padding-left:15px; width:30%}
}