/*!
 * Start Bootstrap - Small Business ()
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-small-business/blob/master/LICENSE)
 */




body {
	font-family: 'Catamaran', sans-serif;
	color: #797777 !important;
	overflow-x: hidden;
	overflow-y: scroll;
	font-size:18px;
}
h4{
	color:#111 !important;
}

.alert-warning{
	line-height:20px;
}

.bhoechie-tab-menu h4{
	font-weight:normal !important;
}

.printbreak{
	display:none ;
}
.reportpageinfo{
	text-align:center;
	margin: 10px 0 10px 0 !important;
	width:100% !important;
	
}

.navbar-toggler i{
	color:#333;
}

.resultinfo{
	font-size:28px;
	display:block;
	text-align:center;

    padding: 15px;
    border-radius: 60px;
	font-weight:bold;
	
	border: 2px solid #033a56;
	background: #0289d0;
    color: #fff;
	text-shadow: 1px 1px 1px #000;
}

@media (max-width: 500px){
	#registerCTA #firstpCTA {
	    font-size: 25px !important;
		line-height:28px !important;
		
	}
	
	.registrationBox .col-md-6{
		width:50%;
	}
}

@media (min-width: 300px){
.modal-dialog {
    max-width: 750px !important;
    margin: 30px auto;
}

}
@media (max-width: 992px) {
 	

	#navbarResponsive ul{
		
	}

	#navbarResponsive ul li{
		border-bottom:1px solid #ddd;
	}

}

/*HAPLO*/



.navicon{
	width:25px !important;
	margin: 1px 5px 0 0 !important;
	display:block !important;
	float:left !important;
}


.list-group-item.active {
 	
    background-color: #fff !important;
    color:#1696e7 !important;
}
.list-group-item {
	border:none !important;
}




.haplomessage{
	padding: 20px 40px;
	margin: 20px 0 20px 0;
	text-align: center;
	border-radius: 10px;
	border: 1px solid #333;
	background: rgba(247,246,215,1);
		font-size:20px ;
}

.haplomessage span{
	margin:0;
    font-size: 28px;
    display: block;
    text-align: center;
    padding: 15px;
    border-radius: 60px;
    font-weight: bold;
    border: 2px solid #033a56;
    background: #0289d0;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
	
}

.introhaplo h3{
	text-align:center;
	margin-bottom:20px;
}


/*REPORT MOBILE*/

@media only screen and (max-width: 768px) {
   ul li ul li .datapoint {
		width: 200px !important;
	}
	

	
	div.bhoechie-tab-menu div.list-group>a {
	    display:inline-block;
		width:20%;
		float:left;
			text-align:center;
	 }
	
	div.bhoechie-tab-menu div.list-group>a i {
	   	font-size:24px;
	 }
	
	div.bhoechie-tab-menu div.list-group{
		display:block !important;
	}
	
	div.bhoechie-tab-menu div.list-group>a.active:after{
	    display:none !important;
	 }
	
	.treebox{
		margin-bottom:20px;
	}
	
	.scrollbar {
	    height: auto !important;
	 	overflow-y: hidden !important;
	}
	
	.bhoechie-tab{
		margin-top:20px !important;
	}
	
	#breadcrumbancestry{
		margin: 0 !important;
	}
	
	
	#leftbutton{
		width:10% !important;
		padding:0  !important;
	}
	
	#leftbutton i,
	#rightbutton i{
		font-size:30px;
	}
	
	#leftbutton span{
		display: none;
	}
	
	
	#middlezero{
		width:80% !important;
		padding:0  !important;
	}
	
	#middlezero h1{
		font-size:24px;
		margin-bottom: 0 !important;
	}
	
	#rightbutton{
		width:10% !important;
		text-align:right !important;
		padding:0  !important;
	}
	
	#rightbutton span{
		display: none;
	}	
	
	div.bhoechie-tab-menu {
	    padding: 0 20px 0 20px !important;
	}
}


/*MODEL*/

#successmodel .modal-dialog{
	max-width: 350px !important;
	top:20%;
}

#errormodel .modal-dialog{
	max-width: 350px !important;
	top:20%;
}

/*CONTACT PAGE*/

legend {
    margin-bottom: 0;

}

.callcontent{
	margin:20px 0;
}

.contactBox .well-sm {
    padding: 9px;
    border-radius: 3px;
}

.contactBox .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.contactBox .map {
    min-width: 300px;
    min-height: 300px;
    width: 100%;
    height: 100%;
}

.contactBox .header {
    background-color: #F5F5F5;
    color: #36A0FF;
    font-size: 27px;
    padding: 10px;
}

.contactBox .col-md-10 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.termsbox h4{
	font-size:18px;
	color:#1696e7;
}

.termsbox ol{
	padding-left:16px;
}

#headingOne, #headingTwo, #headingThree, #headingFour, #headingFive,
#headingSix, #headingSeven, #headingEight {
	color: #111;
	text-decoration: none;
	font-size:16px !important;

	margin:0 ;
	padding:5px 10px;
}

#ssltag{
	width:100px;
	margin:0 auto;
}

#pageheaders{
	text-align:center;
	display:block;
	margin:0 0 20px;
	padding:20px 0 0;
}

.panel-body{
	padding:20px;
}



.panel-heading h4{
	font-size:18px !important;
	margin-bottom:0 !important;
}

/*LOGIN*/

.account-body{
	border-top:2px solid #70b214;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background: #f8f9fa;
	width:90%;
	padding:20px;
	margin:0 auto;
}

.account-body h5{
	text-align:center;
}

#registerlink_login{
	text-align:center;
	display:block;
	margin:20px 0;
	
}

#registerlink_login  a{
	text-decoration:underline;
}


/*REGISTERATION PAGE*/
.green{
	color:#70b214;
}

.red{
	color:red !important;
}

.addmorekitbox a{
	Cursor : pointer;
}

.registrationBox{
	    -ms-flex: 1 1 auto;
	    flex: 1 1 auto !important;
	    padding:0.5rem 1.25rem 1.25rem 1.25rem !important;
		width:100%;
		margin:0 auto;
		border-top: 2px solid #1696e7;
		border-bottom: 2px solid #1696e7;
		border-left: 2px solid #1696e7;
		border-right:2px solid #1696e7;
		background: #f8f9fa;
	
}

.registrationBox #signinregister{
	text-align:right;
	line-height:16px;
	
}

.kitnumberbox{
	background:#daffda;
	padding:0 20px 20px 20px;
	margin:10px 0 0;
	border:1px solid #137900;
}

.kitnumberbox label{
	display:none;
}

.kitnumberbox p{
	padding:15px 0;
	margin:0;
	line-height:20px;
}

.registrationBox #signinregister a{
	color:#1696e7;
	
}

.addmorekitbox{
	text-align:center;
	margin:20px;
}

.kitboxfield{
	margin:10px 0;

}

.kitheadgreen{
	text-align:center;
	font-size:16px;
	padding:10px 0 10px;
	margin:30px 0 10px;
	border-top:2px solid #70b214 !important;
}

.kitheadblue{
	text-align:center;
	font-size:16px;
	padding:10px 0 10px;
	margin:30px 0 10px;
	border-top:2px solid #1696e7 !important;
}


.kitboxfield label{
	display:none;
}

.kitboxfield input{
	margin:10px 0;
}

#registerCTA{
	text-align:center;
	display:block;
	width:90%;
	margin:0 auto;
}


#registerCTA #firstpCTA{
	font-size:36px;
	margin-bottom:0;
	line-height:40px;
	padding-left: 20px !important;
}

#consentCheckboxes{
	margin-top:20px;
}

.modal-content{
	font-size:12px;
	padding:20px;
}


.modal-content h3{
	font-size:20px;
	text-align:center;
}

.modal-content h4{
	font-size:16px;
}

.modal-content ol{
	padding:0 0 0 10px;
	margin:0;
}


/**/

.flag{
	width:16px;margin-right:6px;
}
.treebox{
	padding: 0;
}

.card-body{
	padding: 0 !important;
	margin-bottom:40px;
}

.card-body h1{
	font-size:25px;
	font-weight:bold;
}

.reportheader{
	max-width:900px;
	margin: 0 auto;
}


.locationbox ul{
	padding:0 9px;
	margin:20px 0;
	overflow:auto;
}

.locationbox ul li{
	font-size:18px;
	color:#111;
	width:50%;
	float:left;
}


/*SURVEY REPORT PAGE LINK*/

#surveycontainer{
		padding:20px;
		margin: 0 auto;
	}


    
 .surveybutton{
     width:100%;
     max-width:400px;
     margin:0 auto;
     padding:10px 20px;
     background:#6cb301;
     text-align:center;
     color:#fff !important;
     font-size:18px !important;
     border-radius:5px;
 }
 
 #surveylink{
     color:#fff;
 }
 
 
 #buttoninfo{
     max-width:768px;
     margin:20px auto;
 }

/**/

a {
    color: #111;
}

ul{
	padding-left:25px;
}

.centertext{
	text-align:center;
}

.welcome p{
	font-size:24px;
	display:block;
	padding:0;
	margin-bottom: 0;
}

.welcomeinfo p{
	padding-top:6px;
	font-size:17px;
	text-align:center;
}

.margintop{
	margin-top:20px;
}

.bg-secondary {
    background-color: #ebffe2!important;
	color:#111 !important;
}


#copy{
	border: 1px solid #ccc;
    background: #f8f9fa;
}

#copy p{
  padding-left:8px;

}

.locationTitle{
	border-bottom:2px solid #70b214;
	font-size:20px;
	padding:5px 10px;
	color:#1696e7;
}

#topbar{
	height: 40px;
	background: #fff;
	border-bottom: 2px solid #1696e7;
	width: 100%;
	margin: 0;
}






.list-group-item {

    padding:5px 0 !important;
}

.tabicons{
	font-size:30px;
	font-weight:bold;
}


#mapbox{
	margin-top:20px;
}



/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;

}

.bhoechie-tab strong,
.bhoechie-tab u{
  color:#333 !important;

}


.bhoechie-tab .treebox u{
	color:#111 !important;
}

div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
	color:#848383;
	line-height:32px;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
 	font-size:24px;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}

div.bhoechie-tab-menu div.list-group>a.active:after{
 	display:none;
}


div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}
div.bhoechie-tab-menu{
	padding:0 20px 0 0 ;
}

/*NAV*/
.navbar{
	border-bottom:2px solid #ccc;
	margin-bottom:20px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 20px;
    padding-left: 20px;
	font-size:17px;
}




/**STEP PROCESS**/


@media only screen and (max-width: 768px) {
    .progress{
		display:none !important;
	}
	
	
	.desktopmenu{
		display:none !important;
	}
	
	
}


.userbox{
	margin:0 0 20px;
	padding:20px;
	border:1px solid #ccc !important;
	background:#f8f9fa;
	border-radius: 10px;
}

.kitinfo p{
	text-align:center;
	font-size:18px;
}

.status{
	text-align:center;
	margin:5px 0;
}

.status span{
	font-weight:bold;
}

.status .green{
	color:#6cb301;
}

.blue{
	color:#1696e7;	
}

.orange{
	color:#FF4500;
}

.status .red{
	color:red;	
}


.progress > li:before {
    content: attr(data-step);
    display: block;
    margin: 0 auto;
    background: #DFE3E4;
    width: 25px;
    height: 25px;
    text-align: center;
    margin-bottom: 0.25em;
    line-height: 3em;
    border-radius: 100%;
    position: relative;
    z-index: 1000;
}

.progress > li:after {
    content: '';
    position: absolute;
    display: block;
    background: #DFE3E4;
    width: 100%;
    height: 0.5em;
    top: 1.25em;
    left: 50%;
    margin-left: 1.5em\9;
    z-index: 1;
}

.progress > .last:after {   
	
   display:none !important;
}

.progress > li.is-complete:before, .progress > li.is-complete:after {
    color: #FFF;
    background: #0c95cd !important;
 	font-size: 9px;
}


.card-footer {
    background-color: #fff;
}

.progress{
 	margin:0;
	padding:0 !important;
 	background-color: transparent;
    list-style: none;
    display: table;
    table-layout: fixed;
    width: 100%;
    color: #849397;
    font-family: sans-serif;
    line-height: 1.15;
    background-color: none;
    overflow: visible;

}



.progress > li {
    position: relative !important;
    display: table-cell;
    text-align: center;
    font-size: 0.6em;
}

.progress > li.is-complete {
    color: #21252a;
}

.progress > li.is-complete:before, .progress > li.is-complete:after {
    color: #FFF;
    background: #0c95cd !important;
}
.progress > li.is-active:before {
    color: #FFF;
    background: #6cb301;
}
.progress > li.is-active p{
  margin: 0 0;
}

#pulse {
	color: #FFF;
	background: #6cb301;
	-webkit-animation: pulse 1.5s ease-out;
	-moz-animation: pulse 1.5s ease-out;
	animation: pulse 1.5s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	margin:-45px auto 0;
	}

.fa-5x {
  color: #6cb301;
}

@-moz-keyframes pulse {
 0% {
    -moz-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -moz-transform: scale(0);
    opacity: 0.1;
 }

 50% {
    -moz-transform: scale(0.1);
    opacity: 0.3;
 }

 75% {
    -moz-transform: scale(0.5);
    opacity: 0.5;
 }

 100% {
    -moz-transform: scale(1);
    opacity: 0.0;
 }
}

@-webkit-keyframes "pulse" {

 0% {
    -webkit-transform: scale(0);
    opacity: 0.0;
 }
 25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
 }
 50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
 }

 75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
 }
 100% {
    -webkit-transform: scale(1);
    opacity: 0.0;
 }
}

.progress > li.is-active {
	color: #6cb301;
	font-weight:bold;
}
.progress p{
  font-size:12px;
}
.progress .is-active p{
  font-size:12px !important;
}


/*KIT INFO*/

.kitnumber span{
	color:#0c95cd;
}



/**RESULT BLOCKS**/


.card-title {
    font-size:24px;
	text-align:center;
}

.card-text{
	font-size:14px;
	text-align:center;
}

.card-footer a{
	text-align:center;
	display:block;
	width:80%;
	margin:0 auto;
}



/*ABOUT SECTION HUB PAGE*/

.caption{
	text-align:center;
	background:#eff9fa;
	color:#111;
	font-size:20px;
	padding:10px 0;
	border-radius: 10px;
}

.caption span {
    display: block;
}

.section{
	margin:40px 0;
}

.section div{
	padding:0 !important;
}

/*footer*/

.bg-dark {
    background-color: #fff !important;
}

.bg-dark p{
  color: #111 !important;
}

.hidden{
	display:none !important;
}


.modal-content {
    margin-top: 30px !important;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}


.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}


/*MATERNAL PATERNAL UPSELL PAGES*/

#paternalupsell{
	font-size:18px;
}

#paternalupsell h2,
#paternalupsell h3{
	text-align:center;
}


#paternalupsell strong{
	font-weight:bold;
	color:#1696e7;
}

#paternalupsell p {
    color: #848383;
    font-size: 18px !important;
}

.orderbox{
	font-size:25px;
	text-align:center;
	margin:20px 0;
}

/*LOGIN PAGE*/

.account-body h5{
	margin-bottom:20px;
}


/*FORGOT PASSWORD PAGE*/

.account-body{
	margin:10% 0 !important;
	width: 100% !important;

}

.backtologintext{
	font-size:14px;
}

.passresettext{
	margin:0 0 20px 0px;
	line-height:16px;
}








header
{
	text-align: center;
	font-size: 25px;	
}

#info
{
	font-size: 18px;
	color: #555;
	text-align: center;
	margin-bottom: 25px;
}

a{
	color: #074E8C;
}

.scrollbar
{
	float: left;
	height:540px;
	background: #F5F5F5;
	overflow-y: scroll;
	margin-bottom: 25px;
}

.force-overflow
{
	min-height: 450px;
}

#wrapper
{
	text-align: center;
	width: 580px;
	margin: auto;
}


/*
 *  STYLE 7
 */

.style-7::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.style-7::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.style-7::-webkit-scrollbar-thumb
{
	background-color: #0ae;
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                   color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}


#reportsheader{
	font-size:16px;
	display:block;
	padding:5px 0 0 ;
	color:#848383 !important;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
}

/** celebraty page **/

.celebbox img{
	width:100%;
	display:block;
	margin:0 auto;	
}

.celebheadersection h4,
.celebheadersection .famoussubhead{
	text-align:center !important;
	line-height:23px;
}

.celebheadersection .alert{
	text-align:center;
	
}

.celebheadersection{
	margin:20px 0;
}



@media only screen and (max-width: 500px) {
	.celebbox img{
		margin:20px auto;	
	}
	
}


.ctahaplo{
	padding:20px;
	margin:40px 0;
	border-radius:5px;
}

.upsellfamous{
	font-size:22px !important;
	padding:10px 20px;
	display:block;
	max-width:300px;
	margin:0 auto;
}

#introhaplo h4{
	text-align:center;
	margin: 0 !important;
}



.alert-warning{
	text-align:center;
}


#author_bio_wrap_toggle,
#author_bio_wrap_toggle2,
#author_bio_wrap_toggle3{
	display:block;
	width:100%;
	padding:10px 20px;
	background:#08557d;
	text-align:center;
	font-size:18px;
	border:2px solid #08557d;
}
.author_bio_toggle_wrapper a,
.author_bio_toggle_wrapper2 a,
.author_bio_toggle_wrapper3 a
{
	color:#fff;
}

#introhaplo strong,
#introhaplo h4{
	color:#333 !important
}

.navbar-toggler {
    padding: 10px ;
    font-size: 45px;
	line-height:0;
}

.navbar-toggler-icon {
    display: inline-block;
	height: auto;
	width: auto;
}

@media (max-width: 768px) {

#welcomebox{
	margin-bottom:0 !important;
}

.subreports li{
	width:30px;
	float:left;
}

.col-3 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

h1{
	text-align:center;
}

}


@media (min-width: 768px){
.col-md-3 {
	
    max-width: 240px;
	
}
}

.container h1 {
    font-size: 28px;
    text-align: center;
    margin-bottom: 20px !important;
	font-weight:700;
}

#trackingkit{
	font-size:18px;
}

#trackingkit li{
	margin:10px 0;
}

.form-control {
    font-size: 1.3rem;
}

#formheader{
	background:#1696e7;
	color:#fff;
	margin: 0 !important;
	padding:10px 0;
}


.timelinenote{
	border:2px solid #edab1e;
	background:#fed011;
	padding:2px;
	font-size:14px;
	text-align:center;
	border-radius:5px;
	color:#333;
}

@keyframes glowing {
  0% { box-shadow: 0 0 -10px #f92702; }
  40% { box-shadow: 0 0 20px #fff; }
  60% { box-shadow: 0 0 20px #f92702; }
  100% { box-shadow: 0 0 -10px #f92702; }
}

@keyframes glowingActive {
  0% { box-shadow: 0 0 -10px #752d65; }
  40% { box-shadow: 0 0 20px #fff; }
  60% { box-shadow: 0 0 20px #752d65; }
  100% { box-shadow: 0 0 -10px #752d65; }
}



.button-glow {
  animation: glowing 5000ms infinite;
}

.alert-error label{
	color:#f92702 !important;
}


.card-body p {
    width: 95% !important;
    margin: 10px auto 10px !important;
}

.dark{
	color:#333;
}

.card-body img{
	margin-top:20px !important; 
}


.mb-4 {
    margin-bottom: 0.5rem!important;
}


.newmessage{
	font-weight:bold;
	color:red !important;
}


.userbox p{
	padding:0;
	margin:0 auto;

}

.userbox hr{
	margin:5px 0;
}


.kitsectiondash{
	margin:15px 0;
	background:#fff;
}

.kitsectiondash .col-md-4 a{
	text-decoration:underline;
}

.ancestrySection{
	background:#eafff0;
	margin-bottom:0 !important;
	border-top: 1px solid #ccc;
}

.wellnessSection{
	background:#edf6ff;
	margin-bottom:0 !important;
	 border: 1px solid #ccc;
}

.TraitsSection{
	background:#fdf7dd;
	margin-bottom:0 !important;
}

.TraitsSection h4{
	text-align:center;
	margin:20px 0 10px;
	font-size:34px;
	color:#797777;
	font-weight:normal !important;
}

.wellnessSection h4{
	text-align:center;
	margin:20px 0 10px;
	font-size:34px;
	color:#797777;
	font-weight:normal !important;
}

.ancestrySection h4{
	text-align:center;
	margin:40px 0 10px;
	font-size:34px;
	color:#797777;
	font-weight:normal !important;
}



.ancestrySection p{
	text-align:center;
	color:#797777;
	
}

.wellnessSection p{
	text-align:center;
	color:#797777;
	margin-bottom:20px;
	
}
.TraitsSection p{
	text-align:center;
	color:#797777;
	margin-bottom:20px;
	
}


.kitsectiondash{
	border:1px solid #ccc;
}

.kitsectiondash .btn{
	width:100%;
	padding:5px !important;
	
}

.rightcolreports{
	margin:15px 0;
}

.rightcolreports img{
	margin-right:10px !important;
}

.rightcolreports .btn-success {
    color: #fff;
    background-color: #54bc09 !important;
    border-color: #337702 !important;
}


.rightcolreports .btn-secondary {
    color: #fff;
    background-color: #d4d1d1;
    border-color: #ccc;
}

.btn-primary {
    color: #fff;
    background-color: #0c95cc !important;
    border-color: #5b9602 !important;
}


.btn-food {
    color: #fff;
    background-color: #b50000 !important;
    border-color: #b50000 !important;
}

@media only screen and (max-width:991px) {
	.col-md-9 {
	    -ms-flex: 0 0 100% !important;
	    flex: 0 0 100% !important;
	    max-width: 100%;
	}
	.ancestrySection,
	.wellnessSection,
	.TraitsSection,
	#welcomebox {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}

	
	.ancestrySection h4,
	.ancestrySection p,
	.wellnessSection h4,
	.wellnessSection p,
	.TraitsSection h4,
	.TraitsSection p {
	    margin: 10px 0 10px !important;
	 
	}
	
   .userbox p,
	#welcomebox,
	.welcomeinfo p{
		text-align:center !important;
	}
	
	.rightcolreports img {
	    margin-right: 5px !important;
	}
	
	.kitsectiondash .btn {
	   	margin:15px 0 !important;
	}
}


.subreports{
	margin:0 0 10px 10px;
}

.sectionbutton{
	margin: 0;
	display:block;
}

.sectionbutton .tabtitle{
 display: block;
 margin-top: 3px;

}

.container .bhoechie-tab {
    color: #333;
    font-size: 16px !important;
	line-height:30px;
}

.container .bhoechie-tab p{
    margin:20px 0;
	color:#111;
}




.container .bhoechie-tab h6{
	font-size:18px;
}

.reportresults p{
	margin:0 !important;
}

.reportresults{
	text-align:center;
	display:block;

}


.orange{
	color:#ce88be;

}


.resultboxmarker{
	font-size:40px;
	text-align:center;
	display:block;
}


.markerlist p{
	margin:0 !important;
}


.markerlist .row{
	margin:10px 0;
	padding:5px 0;
}

.markerlist .active{
	background:#cf88bf;
	padding:5px 0;
	border:2px solid #752d65;
	border-radius:10px;
	color:#fff;
	animation: glowingActive 5000ms infinite;
	
}

.resultsbox{
	border:2px solid #ccc;
	border-radius:20px;
}


.markerheader{
	text-align:center;
	display:block;
	padding: 0 0 10px;
	font-size:20px;
	font-weight: bold;
}

.resultsbox .col-2,
.resultsbox .col-10{
	padding-left:0 !important;
	padding-right:0 !important;
}

/*DATABASE RESULTS*/

.compareboxmarker{
	font-size:38px;
	font-weight:bold;
}

.comparebox img{
	display:block;
	max-width:150px;
	margin: 30px auto;
}


.container .bhoechie-tab p {
    margin: 20px 0;
	font-size:20px;
	color:#111;
}

.comparebox{
	border-bottom:2px solid #ddd;
	margin:20px 0;

}

.comparelist .row{
	margin: 0;
}

.tableheader{
	font-size:20px;
	text-align:center;
	display:block;
	font-weight:700;
}

.facts{
	background:rgb(240, 243, 244);
	margin:20px 0;
	padding:30px;

}

.facts ul li{
	margin:10px 0;
}


 h5{

}

.collapse .card,
.collapse .show{
	border:none !important;
}



/*questionaire*/

.questionaireBox{
	border: 2px solid #1696e7;
	padding:0 0 10px 0;
	width:99.0%;
	margin: 0 auto 30px;
}

.questionaireBox h4{
	text-align:center !important;
	font-size:18px;
	padding:5px;
	background:#1696e7 ;
	color:#fff;
}

.questionaireBox fieldset{
	text-align:center !important;
}

.questionaireBox label{
	padding:0 20px;
}

.questionaireBox legend{
	font-size:20px;
}

.questionaireBox label input{
	padding-right:20px;
	border:2px solid #333;
	border-radius:20px;
    margin-right: 5px;
}

.questionaireBox .surveybutton{
	width:200px;
	display:block;
	margin:0 auto;
	padding:10px;
	line-height: 10px;
}

.modal-content h3 {
    font-size: 20px;
    text-align: center;
    display: block;
    width: 100%;
}

.basicModal {
	display: block;
	background: #000;
	opacity: .4;
}


.modal {
	background: #3333335c;
}

#answer-nout{
	display:none !important;
} 


#survey-question-form .choice {
	display:inline-block;
}

#survey-question-form  input[type=checkbox], #survey-question-form  input[type=radio] {
    position: absolute;
    left: -9999px;
}
#survey-question-form  input[type=checkbox], #survey-question-form  input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

#survey-question-form  input[type=checkbox]+label, #survey-question-form  input[type=radio]+label {
    margin: 0 0 15px;
}
#survey-question-form  input[type=radio]+label {
    text-indent: -28px;
    padding-left: 28px; 
}

input[type=checkbox]:checked+label:before, input[type=radio]:checked+label:before {
    border: 4px solid #f7f9fa;
    background: #92c746;
    -webkit-box-shadow: 0 0 0 1px #1696e7;
    box-shadow: 0 0 0 1px #92c746;
}


#survey-question-form input[type=checkbox]+label:before, #survey-question-form input[type=radio]+label:before {
    content: ' ';
    width: 19px;
    height: 19px;
    display: inline-block;
    background: #f7f9fa;
    -webkit-box-shadow: 0 0 0 1px #c0c1c2;
    box-shadow: 0 0 0 1px #1696e7;
    border-radius: 100%;
    margin: 0 7px -4px 1px;
    cursor: pointer;
}


#survey-question-form input[type=checkbox]:checked+label:before, #survey-question-form input[type=radio]:checked+label:before {
    border: 4px solid #f7f9fa;
    background: #1696e7;
    -webkit-box-shadow: 0 0 0 1px #1696e7;
    box-shadow: 0 0 0 1px #1696e7;
}









/***REVAMPED REPORTS**/



.customereport{

	padding: 20px 40px;
	margin:20px 0 20px 0;
	text-align: center;
	border-radius: 10px;
	border: 1px solid #333;
	background: rgba(247,246,215,1);
	
}

.yourresultheader{
	display:block;
	margin:0 auto;
	width:300px;
	background:#1696e7;
	text-align:center;
	color:#fff;
	border-bottom-left-radius: 26px;
	border-bottom-right-radius: 26px;
	font-size:14px;
}

/***************************/
.customerresultboxblue{
	border:#6288f3 4px solid;
}

.insideborderblue{
	border:#b1c5fd 2px solid;
	padding:15px;
}

.customerresultboxblue span{
	font-size:30px;
	display:block;
	text-align:center;
}
/***************************/

.customerresultboxgreen{
	border:#32921a 4px solid;

}

.insidebordergreen{
	border:#83d26f 2px solid;
	padding:15px;
}

.customerresultboxgreen span{
	font-size:30px;
	display:block;
	text-align:center;
}




/***************************/

.customerresultboxorange{
	border:#bf6436 4px solid;
}

.insideborderorange{
	border:#ff590a 2px solid;
	padding:15px;
}

.customerresultboxorange span{
	font-size:30px;
	display:block;
	text-align:center;
}



/***************************/

.resultsbox2{
	margin:20px 0;
	text-align:center;
	padding:10px;
	background: #f7f7f7;
	border: 1px solid #666666;
	border-radius: 20px;
}

.container .resultsbox2 p{
	font-size: 16px !important;
    color: #a7a7a7;
    font-family: helvetica;
	margin:5px 0 !important;
}
.container .resultsbox2 p strong{

}

.comparebox .progress{
	width:100%;
}

.comparebox_green{
	padding:20px 0 ;
}

.comparebox_white{
	border:#fff 2px solid;
	
}

.customerresultbox p{
	font-size:30px;
	text-align:center;
}

.compareboxmarker{
	color:#089c31;
}

.howwegetresults{
	border:4px solid #0b1807;
	padding:20px;
	margin:20px 0;
}

.referencebox{
	width:200px;
	margin:0 auto;
	display:block;
}

.container .result_description p{
	margin:20px 0 0  !important;
	text-align:center;
	font-size:18px;
	line-height: 25px;
}


.desktopmenu .tabtitle{
	font-size:18px;
	color:#333;
}

.profilebox h4,
.monthlysubscription h4,
.blueprintbox h4{
	font-size:18px;
	border-bottom:2px solid #ccc;
	padding:10px 0;
	font-weight: bold;
}


.profilebox_inner{
	padding:0;
	font-size:18px;
}

.profilebox_inner span{
	display:block;
}



.comparebox .genotypebox{
	text-align:center;
	display:block;
	font-size:22px;
	margin:10px 0;
}

.active  h5{
	text-align:center;
	font-weight:bold;
	margin:10px 0 !important;
}


.card-body ul {
	margin:20px 0 0 !important;
}

.card-body ul li{
	margin: 0 !important;
	list-style:none;
}


.active ul li{
	list-style:disc !important;
}

#ancestry-content ul li{
	margin:0 0 5px !important;
}

.active ul li{
	margin:20px 0;
	font-size: 18px;
}

.card-body{
	border:none !important;
}

.customecomparetable .progress-title{
    font-size: 16px;
    font-weight: 700;
    color: #808080 !important;
    margin: 0 0 20px;
}
.customecomparetable .progress{
    height: 20px;
    background: #d2d2d2 !important;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    overflow: visible;
}
.customecomparetable .progress .progress-bar{
    position: relative;
    -webkit-animation: animate-positive 2s;
    animation: animate-positive 2s;
}

.customecomparetable .progress .progress-value{
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    position: absolute;
    top: -30px;
    right: -25px;
}

.customecomparetable .progress .progress-bar:after{
    content: "";
    display: inline-block;
    width: 10px;
    background: #fff !important;
    position: absolute;
    top: -10px;
    bottom: -10px;
    right: -5px;
    z-index: 1;
    transform: rotate(35deg);
}

.customecomparetable .progress-bar {
    height: 20px;
	background:#0e9c99 !important;
 
}

.tablesubheader{
	margin:10px 0 0 !important;
	line-height:20px;
	text-align:center;
}


/*NEW IMAGES*/

.thumbcontent{
	max-width:150px;
	padding:0 20px;
	margin: 0 auto;
    display: block;
}


.factsbullets{
	padding-left:40px;
}

.factsbullets li:before {
    content: "\f00c";
    font-family: 'FontAwesome' !important;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    font-size: 28px !important;
    color: #dc9617 !important;
}

.factsbullets #sublistfacts li:before {
    content: "\f00c";
    font-family: 'FontAwesome' !important;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    font-size: 22px !important;
    color: #17dc32 !important;
}

.active .factsbullets li {
    margin: 15px 0;
    font-size: 18px;
    list-style: none !important;
}

.factsbox{
	background:#f7f7f7;
	padding:20px;
	border-radius:10px;
	border: 1px solid #ccc;
	}


.compare_info{
	background:#f7f7f7;
	padding:20px;
	margin:20px 0;
	border-radius:10px;
 	border: 1px solid #ccc;
	}
}
.reportlist{
	font-size:18px;
	margin-left:25px;
}

.active .card-body ul li{
	list-style:none !important;
}

{
	content: "f251";
    font-family: 'FontAwesome' !important;
    display: inline-block;
   
    width: 1.3em;
    font-size: 22px !important;
    color: #20ad09 !important;
}

.rightcolreports .col-md-5 p {
	color:#111;
}

.kitsectiondash .col-md-5 {
	color:#111;
}


.buynow{
color:#074E8C;
}


.btn-danger {
    color: #fff;
    background-color: #0096d3 !important;
    border-color: #08455f !important;
}