/* Add here all your CSS customizations */


/**
 * $brand-primary: #399ad5;
 *
 */

html, body {
	background-color: #fff;
}

.content-body {
	z-index: 1; // akward fix
}

.form-control {
	max-width: 100%;
}

.gem__content {
	max-width: 1065px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 24px;
	padding-left: 25px;
	padding-right: 10px;
}

.gem__content--nopad {
	max-width: none;
}

	@media (min-width: 768px){
		.gem__content {
			padding-left: 0;
			padding-right: 0;
		}
	}

.gem__content h1 {
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: 700;
}

.gem__content h1,
.gem__content h2 {
	color: #399ad5;
}

body .btn-primary {
	background-color: #008dcd;
	border-color: #008dcd;
	text-transform: uppercase;
	font-weight: bold;
	padding-left: 32px;
	padding-right: 32px;
}

.btn-lg, .btn-group-lg > .btn {
	border-radius: 22px;
	padding-left: 22px;
	padding-right: 22px;
	color: #399ad5;
}

/* = #Fairchex 
------------------------------------- */

.header--fairchex {
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
}


	@media (min-width: 768px){
		.header--fairchex {
			padding-top: 0;
			padding-left: 0;
			padding-right: 0;
		}
	}

.header--fairchex img {
	background-color: #fff;
	padding-right: 15px;
}

.intro--fairchex {
	position: relative;
	background-image: url(../../images/gem/gem/fairchex-intro.jpg);
	background-repeat: no-repeat;
	background-position: center 60px;

	font-family: "Raleway", "HelveticaNeue", Arial, sans-serif;

	min-height: 605px;

	text-align: center;

}

	@media (min-width: 768px){
		.intro--fairchex {
			background-position: top center;
		}
	}


.fairchex__introbox {
	position: relative;
	box-sizing: border-box;
	background-color: #fff;
	display: inline-block;

	margin-left: auto;
	margin-right: auto;
	margin-top: 42px;
	margin-bottom: 82px;

	max-width: 670px;

	padding: 6px 24px 24px;
	
	box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.25);
}

.fairchex__introbox:before {
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: 1px;
    bottom: -1.3em;
    left: 50%;
    box-sizing: border-box;
    
    border: 8px solid black;
    border-color: transparent transparent #399ad5 #399ad5;
    
    transform-origin: 0 0;
    transform: rotate(-45deg);
    z-index: 2;
}

  .fairchex__introbox:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -1.3em;
    bottom: -3em;
    left: 50%;
    box-sizing: border-box;
    
    border: 1.6em solid black;
    border-color: transparent transparent #fff #fff;
    
    transform-origin: 0 0;
    transform: rotate(-45deg);
    
    box-shadow: -3px 3px 3px 0 rgba(0,0,0,0.1);
  }

.fairchex__introbox h2 {
	color: #399ad5;
	font-size: 27px;
	font-family: "Montserrat";
	text-transform: uppercase;
	font-weight: 700;
}

.fairchex__introbox p {
	font-size: 20px;
}

.fairchex__bluebox {
	display: inline-block;
	padding: 24px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 220px;
	font-size: 16px;
	font-family: "Raleway";

	max-width: 670px;

	background-color: #399ad5;
	color: #fff;
}

.fairchex__bluebox .btn {
	margin-top: 12px;
}

@media (min-width: 768px){
	.fairchex__bluebox {

	}
}


/* = #FairChex Search
------------------------------------------- */

.fairchex__searchrow {
	position: relative;
	background-color: #f4f4f4;
	width: 100%;
	margin-top: 24px;
}

	.fairchex__searchrow:before, 
	.fairchex__searchrow:after {
	  z-index: -1;
	  position: absolute;
	  content: "";
	  bottom: 12px;
	  left: 10px;
	  width: 60%;
	  top: 80%;
	  max-width:500px;
	  background: #bdbdbd;
	  -webkit-box-shadow: 0 15px 10px #bdbdbd;
	  -moz-box-shadow: 0 15px 10px #bdbdbd;
	  box-shadow: 0 15px 10px #bdbdbd;
	  -webkit-transform: rotate(-2deg);
	  -moz-transform: rotate(-2deg);
	  -o-transform: rotate(-2deg);
	  -ms-transform: rotate(-2deg);
	  transform: rotate(-2deg);
	}

	.fairchex__searchrow:after {
	  -webkit-transform: rotate(2deg);
	  -moz-transform: rotate(2deg);
	  -o-transform: rotate(2deg);
	  -ms-transform: rotate(2deg);
	  transform: rotate(2deg);
	  right: 10px;
	  left: auto;
	}


.fairchex__numbox {
	display: inline-block;
	background-image: url(../../images/gem/gem/fairchex-numbox.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	padding-top: 58px;
	text-align: center;
	color: #fff;
	font-size: 54px;
	font-family: Georgia, Times, serif;
}

	.fairchex__searchrow_info {
		padding-left: 30px;
	}

	.fairchex__label {
		margin-top:4px;
	}

	.fairchex__searchrow_info > .row {
		margin-bottom: 6px;
	}

	.fairchex__searchrow_info .checkbox {
		margin-top: 34px;
	}

	.fairchex__searchrow_info .form-inline .form-control {
		max-width: 80px;
	}

.searchrow__title {
	width: 100%;
	border-bottom: 1px solid #399ad5;
	font-size: 18px;
	padding-bottom: 8px;
	margin-bottom: 16px;
}
	
	.fairchex__searchrow--three .searchrow__title {
		margin-bottom: 24px;
	}

.fairchex__searchsubmit {
	margin-top: 42px;
}

.fairchex__searchsubmit p {
	margin-top: 24px;
}

.fairchex__searchsubmit p a {
	color: #008dcd;
	text-decoration: underline;
}

.fairchex__searchsubmit p a:hover {
	text-decoration: none;
}

/* = #FAIRChex Results
-------------------------------------------- */

.results__description {
	font-size: 1.1em;
	line-height: 2;
}

.results__description strong {
	color: #4c4c4c;
}

.results__description span {
	color: #008dcd;
	font-weight: bold;
}


.results__network-only {
	text-align: right;
	float: right;
}


.results__btn-group {
	padding-bottom: 20px;
}

.results__network-only label {
	font-weight: bold;
}

.results__network-only .btn {
	margin-left: 20px;
}


.th__gray {
	background-color: #a5a6a6 !important;
	color: #fff;
	text-decoration: underline;
}

.th__blue {
	background-color: #3f5063;
	color: #fff;
}

.table--fairchex {
	border: 0 !important;
}

.table--fairchex > thead > tr > th {
	vertical-align: top;
	font-weight: 400;
	text-transform: uppercase;
	border-top: 0;
	border-bottom: 0;
}

.th__hospital {
	text-decoration: none;
}

.table--fairchex > tbody > tr > .td__quality {
	position: relative;
	color: #399ad5;
	font-size: 18px;
	vertical-align: middle;
	line-height: 2;
}

.td__quality:before,
.td__quality:after {
	position: absolute;
	top: 0;
	width: 15px;
	content: " ";
	height: 100%;
}

.td__quality:before {
	box-shadow: -15px 0 35px -25px #000 inset;
	left: -15px;
}
.td__quality:after {
	box-shadow: 15px 0 35px -25px #000 inset;
	right: -15px;
}



.table--fairchex > thead > tr > .th__costquality {
	background-image: url(../../images/gem/gem/cost-quality.jpg) !important;
	background-color: #699ed6 !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	font-size: 16px;
	padding: 15px 5px !important;
	color: #fff;
	text-decoration: underline;
	vertical-align: middle !important;
}

.table--fairchex input {
	display: inline-block;
	margin-right: 10px;
}

.th__hidden {
	border: 0 !important;
}

.tr__outnetwork {
	border-left: 3px solid #399ad5;
}

.fairchex__outnetworktag {
	border-left: 3px solid #399ad5;
	text-transform: uppercase;
	padding: 5px 15px;
	box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.25);
	display: inline-block;
}

.row__searchfooter {
	margin-top: 42px;
}

/*
.table--fairchex > tbody > tr > .td__quality {
	padding: 0;
}
.td__quality > div {
	color: #399ad5;
	font-size: 18px;
	box-shadow: 0 9px 0px 0px white, 0 -9px 0px 0px white, 8px 0 25px -4px rgba(0,0,0, 0.3), -8px 0 25px -4px rgba(0,0,0, 0.3);
}*/