@charset "utf-8";
/* CSS Document */
body { font-family: 'Roboto', Arial, Helvetica, sans-serif; color: #666; font-size:18px; line-height:26px; font-weight: normal; margin:30px 0; }
img { max-width: 100%; }

.container { max-width:1200px; padding:0; }
.margin10 { margin-bottom:10px; }
.margin20 { margin-bottom:20px; }
.margin30 { margin-bottom:30px; }

.margin40 { margin-bottom:40px; }
@media (max-width: 575.98px) { .margin40 { margin-bottom:10px; } }
@media (min-width: 768px) and (max-width: 991.98px) { .margin40 { margin-bottom:20px; } }
@media (min-width: 992px) and (max-width: 1199.98px) { .margin40 { margin-bottom:20px; } }

.margin50 { margin-bottom:50px; }
.margin-top { margin-top:115px; }
a:hover, :hover { -webkit-transition: ease-out 0.2s; -moz-transition: ease-out 0.2s; -o-transition: ease-out 0.2s; transition: ease-out 0.2s; text-decoration:none; }

.logo { margin:0 0 30px 0; text-align:left; }

.red-sign { margin:0 0 0 30px; }
.red-sign ul { list-style: none; padding:0; margin-top:15px; }
.red-sign ul li:before { content: '✓'; color:#029341; font-weight: bold; width:20px; display: inline-block; margin-left:-30px; }
.red-sign ul li { list-style-type:none; color: #666; line-height:26px; margin-bottom:5px; font-weight: normal; }

.red-sign-hori { margin:0 0 0 30px; }
.red-sign-hori ul { list-style: none; padding:0; margin-top:15px; }
.red-sign-hori ul li:before { content: '✓'; color:#EB2125; font-weight:bold; width:15px; display: inline-block; }
.red-sign-hori ul li { list-style-type:none; color: #666; line-height:26px; margin-bottom:5px; font-weight: normal; margin-right:15px; }

p { font-size:18px !important; color:#333; text-decoration:none; margin:10px 0; line-height:27px !important; }

.button { background-color:transparent; }
.button span { cursor: pointer; display: inline-block; position: relative; transition: 0.3s; }
.button span:after {  content:'»'; position: absolute;  opacity: 0;  top: 0;  right: -20px;  transition: 0.5s; }
.button:hover span {  padding-right: 25px; }
.button:hover span:after { opacity: 1; right:0; }

.btn-general { background-color:#029341; padding:6px 30px; color:#FFF; font-size:16px; text-decoration:none; font-weight:500; border-radius:25px; border:0; margin:10px 0; }
.btn-general:hover { background-color:#333; color:#FFF; }

.btn-blue { background-color:#333; padding:8px 30px; color:#fff; font-size:16px; text-decoration:none; font-weight:500; border-radius:25px; border:0; margin:15px 5px; }
.btn-blue:hover { background-color:#333; color:#FFF; }

.btn-blue100 { background-color:#6ccaeb; padding:7px 50px; width:100%; color:#FFF; font-size:17px; text-decoration:none; font-weight:500; border-radius:25px; border:0; margin:5px 0 5px 0; }
.btn-blue100:hover { background-color:#128bb6; color:#FFF; }

.btn-red100 { background-color:#333; padding:7px 50px; width:100%; color:#FFF; font-size:16px; text-decoration:none; font-weight:500; border-radius:25px; border:0; margin:20px 0 10px 0; }
.btn-red100:hover { background-color:#000; color:#FFF; }

.btn-blue-small { background-color:#029341; padding:5px 30px; color:#FFF; font-size:15px; text-decoration:none; font-weight:500; border-radius:20px; border:0; margin:3px 0; }
.btn-blue-small:hover { background-color:#333; color:#FFF; }

.btn-light-blue { background-color:#029341; padding:10px 30px; color:#FFF; font-size:15px; text-decoration:none; font-weight:500; border-radius:20px; border:0; margin:3px 0; }
.btn-light-blue:hover { background-color:#333; color:#FFF; }

.greyline { border-bottom:1px solid #CCC; margin:10px 0; }

.grey-border-box { border:1px solid #CCC; padding:30px 20px; text-align:left; margin-top:30px; }
.grey-border-box h2 { font-size:26px; color:#666; text-decoration:none; margin:10px 0 10px 0; line-height:30px; font-weight:bold; }
.grey-border-box ul { list-style: none; padding:0; margin-top:15px; }
.grey-border-box ul li:before { content: '✓'; color:#029341;  }
.grey-border-box ul li { list-style-type:none; color: #666; font-size:16px; line-height:26px; display:inline; margin-bottom:8px; font-weight: normal; }

.prescription {}
.prescription .border-box-left { border:1px solid #CCC; padding:50px; text-align:left; margin-top:10px; }
.prescription .border-box-left p { font-size:18px;}
.prescription .border-box { border:1px solid #CCC; padding:18px; text-align:left; margin-top:10px; }
.prescription .border-box h4 { padding:0; margin:0; }
.prescription .border-box p { font-size:16px; line-height:22px; }

.grey-bg { background-color:#f6f6f6; padding:20px; margin-top:20px; text-align:center; font-size:14px; line-height:20px; }
.grey-bg h2 { margin:0;}

.grey-bg-small { background-color:#f6f6f6; padding:10px 20px; margin-top:10px; text-align:center; font-size:14px; line-height:20px; text-align:left; }
.grey-bg-small h2 { margin:0; padding:0; }
.greyline-small { border-bottom:1px solid #CCC; margin:10px 0; }

.service-grey-bg { background-color:#f6f6f6; padding:15px 20px; margin:20px 0; text-align:center; font-size:14px; line-height:20px; text-align:center; }
.service-grey-bg h2 { margin:0; padding:0; }

.service-box { text-align:center; border:1px solid #CCC; margin-bottom:30px; }

.progressbar { counter-reset: step; }
ul.progressbar { margin:0; padding:0; }
.progressbar li { list-style-type: none; width: 33%; float: left; font-size: 12px; position: relative; text-align: center; text-transform: uppercase; color: #7d7d7d; }
.progressbar li:before { width: 40px; height: 40px; content: ""; line-height: 40px; border: 2px solid #7d7d7d; display: block; text-align: center; margin: 0 auto 3px auto;
    border-radius: 50%; position: relative; z-index: 2; background-color: #fff; }
.progressbar li:after { width: 100%; height: 2px; content: ''; position: absolute; background-color: #7d7d7d; top: 21px; left: -50%; z-index: 0; }
.progressbar li:first-child:after { content: none; }
.progressbar li.active { color: #fff; font-weight: bold; }
.progressbar li.active:before { border-color: #6ccaeb; background: green; }
.progressbar li.active + li:after { background-color: #6ccaeb; }
.progressbar li.active:before { background: #6ccaeb  url(user.svg) no-repeat center center; background-size: 60%; }
.progressbar li::before { background: #fff url(user.svg) no-repeat center center; background-size: 60%; }
.progressbar li:before { content: counter(step); counter-increment: step; }

.form-group { text-align:left; margin-bottom:10px; margin-top:10px; }
.form-control { border: 2px solid #c2c2c2; }
label { margin-bottom: 2px; font-size: 16px; }
.transfer-rx h3 { margin:30px 0 20px 0; padding-top:30px; }
.transfer-rx p { font-size:15px; text-align:left; line-height:20px; }

.address-book-box { background-color:#f4f4f4; padding:25px; text-align: left; margin-bottom:10px; }
.address-book-box h4 { font-size:22px; font-weight:bold; margin:0; border-bottom:1px solid #ccc; padding:0 0 10px 0; }
.address-book-box p { font-size:18px; line-height:30px; }

.preferences { margin:30px 0; text-align:left; }
.preferences p { font-size:18px; margin:5px 0; }
.preferences span { font-weight:bold; margin-right:10px; }

.prescription-history { text-align:left; }
.prescription-history .right-part { text-align:center; }

.accordion-heading { margin:0; text-decoration: none; height:46px; font-size:18px; padding:10px; }
.accordion-heading a { color:#666; margin-right:30px; }
.accordion-heading a:hover { color:#666; }
.accordion-heading p { font-size:18px; line-height:25px; }
.accordion-heading span { color:#666; font-size:16px; text-align:right; float:right; margin-right:20px; font-size:18px; }

.accordion-toggle:after { font-family: 'FontAwesome'; content: "\f078"; float: right; }
.accordion-opened .accordion-toggle:after { content: "\f054"; }
.accordion-inner { padding:12px; background-color: #FFF; }
.accordion-inner h3 { color:#ec1f26; margin:30px 0 10px 0; }
.panel-body { padding: 10px; }

.white-box { background-color:#E5E5E5; padding:1px; margin-bottom: 10px; overflow: hidden; font-size: 14px; text-align:left; border-radius:10px; }

.table td, .table th { padding: .3rem; vertical-align: top; border-top: 0px solid #dee2e6; font-size:14px; }

.grey-underlink { text-decoration: underline; color:#333; margin-left:15px; }
.grey-underlink:hover { text-decoration:none; }

.progressbar-tick { counter-reset: step; }
ul.progressbar-tick { margin:0; padding:0; }
.progressbar-tick li { list-style-type: none; width: 20%; float: left; font-size: 12px; position: relative; text-align: center; text-transform: uppercase; color: #7d7d7d; }
.progressbar-tick li:before { width: 40px; height: 40px; content: ""; line-height: 40px; border: 2px solid #7d7d7d; display: block; text-align: center; margin: 0 auto 3px auto; border-radius: 50%; position: relative; z-index: 2; background-color: #fff; }
.progressbar-tick li:after { width: 100%; height: 2px; content: ''; position: absolute; background-color: #7d7d7d; top: 21px; left: -50%; z-index: 0; }
.progressbar-tick li:first-child:after { content: none; }
.progressbar-tick li.active { color: #fff; font-weight: bold; }
.progressbar-tick li.active:before { border-color: #029341; background: green; }
.progressbar-tick li.active + li:after { background-color: #1b75ba; }
.progressbar-tick li.active:before { background: #029341  url(user.svg) no-repeat center center; background-size: 60%; }
.progressbar-tick li::before { background: #fff url(user.svg) no-repeat center center; background-size: 60%; }
.progressbar-tick li:before {  content: "\2713"; counter-increment: step; }

.health-track-setup .box { border:1px solid #CCC; padding:20px; text-align:left; margin-top:20px; }
.health-track-setup input { width:80px; border-radius:5px; border: 2px solid #c2c2c2; height:35px; width:100%; text-align:center; }
.health-track-setup .smalllink { font-size:14px; color:#666; }
.health-track-setup .smalllink:hover { font-size:14px; }
.fa-edit { color:#1b75ba; }
.health-hide { display:none; }
.health-display { display: block; text-align:center; }

.health-track-setup .inputhide { width:80px; border-radius:5px; border: 0px solid #c2c2c2; height:35px; width:100%; text-align:center; }
.health-track-setup .dottedline { border-right:1px dotted #999999; }
.health-track-setup .notification { border:1px solid #CCC; padding:0px 20px 20px 20px; margin-top:20px; }
.health-track-setup .notification tr { height:45px; }

.prescription-reminder .box { border:1px solid #CCC; padding:0 20px 20px 20px; text-align:left; margin-top:20px; }

.blood-pressure h3 { margin:10px 0 20px 0; border-bottom:1px solid #CCC; padding:0 0 7px 0; font-weight:normal; }
.blood-pressure .height60 { height:60px; }
.blood-pressure .inputbig { height:100px; }
.blood-pressure p { font-size:15px; text-align:left; line-height:20px; }

.table-responsive { font-size:17px; }
.table-secondary, .table-secondary>td, .table-secondary>th { height: 50px; }
.table-striped tbody tr:nth-of-type(odd) { height: 40px; }

.color-normal { color:#87c91e; font-weight:bold; }
.color-prehypertension { color:#d7a703; font-weight:bold; }
.color-hypertension { color:#ff3000; font-weight:bold; }
.color-hypotension { color:#25a9df; font-weight:bold; }

.pharmacy-club-card {}
.pharmacy-club-card .border-box-left { border:1px solid #CCC; padding:50px; text-align:left; margin-top:10px; }
.pharmacy-club-card .border-box-left p { font-size:18px;}
.pharmacy-club-card .border-box { border:1px solid #CCC; padding:5px 10px; text-align:left; margin-top:10px; }
.pharmacy-club-card .border-box h4 { padding:0; margin:40px 0 0 0; }
.pharmacy-club-card .border-box p { font-size:16px; line-height:22px; }

.myaccount label { font-size:14px; }
.myaccount input { border:1px solid #CCC; border-radius:4px; }
.myaccount .form-control { margin-bottom: 0px; margin-top:2px !important; }
.myaccount small { line-height:12px; }
.myaccount .form-check { margin-bottom:5px; }

.btn-red-small { color: #FFF; background-color: #f9ae40; padding:5px 25px; margin:10px 0; border-radius:20px; }
.btn-red-small:hover { color: #FFF; background-color: #333; }

@media (max-width: 576px) {
	.logo { margin: 0 0 0px 0; text-align: left; width:80%; }
	.margin-top { margin-top:0px; }
	.red-sign ul li:before { content: '✓'; color:#029341; font-weight: bold; width:20px; display: inline; margin-left:-20px; }
	.red-sign-hori ul li { display: block; }
	.red-sign-hori ul li:before { content: '✓'; color:#029341; font-weight:bold; width:20px;  margin-left:-20px; }
	.row { margin:0;}
	.prescription .border-box-left { padding: 20px; }
	.prescription .border-box { text-align: center; }
	.pharmacy-club-card .border-box { text-align: center; }
	.pharmacy-club-card .border-box h4 { padding:0; margin:0px 0 0 0; }
	.pharmacy-club-card .border-box-left { padding:15px; }
	.grey-border-box { padding:15px; }
	.service-box { margin-bottom: 10px; }
	.greyline { margin: 20px 0; }
	
	.health-hide { display: block; }
	.health-display { display: none; }
	.health-track-setup .box { padding:10px; }
	.accordion-inner { padding:5px; }
	}

@media (max-width: 768px) {
	.logo { margin: 0 0 0px 0; text-align: left; }
	.row { margin:0;}
	.margin-top { margin-top:0px; }
	.grey-border-box { padding:15px; }
	.prescription .border-box { text-align: center; }
	.prescription .border-box-left { padding: 20px; }
	.service-box { margin-bottom: 10px; }
	.greyline { margin: 20px 0; }
	}

@media (max-width: 992px) {
	.logo { margin: 0 0 0px 0; text-align: left; }
	.row { margin:0;}
	.margin-top { margin-top:0px; }
	}

@media (max-width: 1200px) {
	.row { margin:0;}
	}

.pharmaco-test { margin-top:15px; }
.pharmaco-test .border-box { border: 1px solid #CCC; padding:12px 10px; text-align: left; margin-top: 10px; }
@media (max-width: 575.98px) {.pharmaco-test .border-box { text-align: center; } }
@media (min-width: 768px) and (max-width: 991.98px) { .pharmaco-test .border-box { text-align: center; } }
@media (min-width: 992px) and (max-width: 1199.98px) { .pharmaco-test .border-box { padding:2px 10px 12px 10px; } }

.pharmaco-test h2 { line-height:36px; color:#333; font-size:28px; }
.pharmaco-test h3 { font-weight:normal; color:#333; margin:10px 0 10px 0; font-size:20px; line-height:28px }
.pharmaco-test .border-box-left { border:1px solid #CCC; padding:50px; text-align: center; margin-top:10px; }
.pharmaco-test .border-box-left p { font-size:18px; line-height:26px; color:#666; }
.pharmaco-test .border-box p { font-size:14px !important; line-height:20px !important; }

.pharmaco-test .mt50 { margin-top:40px; }
.pharmaco-test p.text20 { font-size:20px; line-height: 30px; color: #666; }

.btn-greylight { color: #FFF; background-color: #999; padding:3px 15px; }
.btn-greylight:hover { color: #FFF; background-color: #666; }
	
.red-bg-small { background-color:#6ccaeb; padding:16px 15px 1px 15px; font-size:14px; text-align: center; }
@media (max-width: 575.98px) { .red-bg-small { padding:10px; } }
@media (min-width: 768px) and (max-width: 991.98px) { .red-bg-small { padding:1px 0 10px 0; } }
.red-bg-small h2 { color:#FFF; font-size:26px; line-height:35px; }	
	
.medium-title-dark { margin-bottom:20px; }

.select-report-box { border:1px solid #cacaca; margin-top:30px; text-align:center; padding:30px 150px; }
@media (max-width: 575.98px) { .select-report-box { text-align:center; padding:10px; } }

.select-report-box h4 { margin:0; }
.select-report-box ul { margin:0; padding:0; }
.select-report-box ul li a { background-color:#6ccaeb; color:#FFF; margin-bottom:10px; display:block; border-radius:7px; padding:5px; text-decoration:none; font-weight:bold; }

.admin { margin-top:20px; }
.blood-test { margin-top:20px; }

.admin-dashboard-help-you-box { background-color: #6ccaeb; text-align: center; font-size: 26px; color: #fff; padding: 15px 10px; line-height:34px; }
@media (max-width: 575.98px) { .admin-dashboard-help-you-box { padding: 0px 10px; } }
@media (min-width: 768px) and (max-width: 991.98px) { .admin-dashboard-help-you-box { padding: 10px 0 10px 0; } }
	
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; width: 18px; }

.checkout-box { border-radius:7px; border:1px solid #e0e0e0; box-shadow:0px 0px 10px #ccc; padding:25px 30px; }
.checkout-box-package { border-radius:7px; border:1px solid #e0e0e0; box-shadow:0px 0px 10px #ccc; padding:20px 20px 20px 25px; }
.checkout-box textarea { height:100px; width:100%; border-radius:4px; border-color:#dcdcdc; }
.checkout { margin-bottom:20px; }
.checkout-box-package h2 { font-size:21px; font-weight:bold; margin-bottom:0; color:#333; }
.checkout h2 { font-size:21px; font-weight:bold; margin-bottom:0; color:#333; }
.checkout h4 { font-size:17px; font-weight:bold; margin-bottom:0; color:#333; }
.checkout h4 span { font-size:14px; color:#666; font-weight:normal; }
.checkout p { font-size:14px; color:#777; }
.checkout label { padding:10px 0; font-size:14px; color:#333; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; margin-right:5px; }
.checkbox { border:2px solid #333; }
.margin0 { margin:0; }

.page-snapshot {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#beeef6+0,46c5db+100 */
	background: rgb(61,189,233);
	background: linear-gradient(90deg, rgba(61,189,233,1) 0%, rgba(108,202,235,1) 100%);
	border-radius:10px;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	text-align: center;
	width: auto;
	padding:12px 29px;
	/* height: 100%;
	 display: table-cell; */
	border: 0px solid red;
	display: inline-block;
	margin:0 20px 0 0;
	box-shadow:3px 3px 3px #e7e7e7;
}
.page-snapshot:hover { background-color:#f9ae40; color:#FFF; }
.page-snapshot a { color:#fff; }

.page-summary {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#beeef6+0,46c5db+100 */
	background: rgb(61,189,233);
	background: linear-gradient(90deg, rgba(61,189,233,1) 0%, rgba(108,202,235,1) 100%);
	border-radius:10px;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	text-align: center;
	width: auto;
	padding:12px 29px;
	/* height: 100%;
	 display: table-cell; */
	border: 0px solid red;
	display: inline-block;
	margin:0 20px 0 0;
	box-shadow:3px 3px 3px #e7e7e7;
}
.page-summary:hover { background-color:#f9ae40; color:#FFF; }
.page-summary a { color:#fff; }


/*.active { background-color: #f9ae40 !important; color: #fff !important; }*/
.active a, .active a:hover { background-color:#ED1C24; color:#FFF; }

.tab-content .active { background-color: #f5f5f5 !important; color: #000 !important; }

.btn:active, .btn.active { background-color:#ed1c24; }

.pgx-yellow-text { color:#fab63f; }
a.pgx-yellow-link { color:#fab63f !important; }
.pgx-green-text { color:#81c36b; }
a.pgx-green-link { color:#81c36b !important; }
.pgx-red-text { color:#e388a6; }
a.pgx-red-link { color:#e388a6 !important; }

.pgx-report-table {font-size:16px;}
.pgx-report-table a { color:#4bc6dd; font-size:14px; text-decoration:underline; }
.pgx-report-table .typical { color:#fab63f; }
.pgx-report-table .poor { color:#ff0000; }
.pgx-report-table .good { color:#81c36b; }
.pgx-report-table .pgx-dark-blue { color:#1c3564; background-color:#c2eff7; }
.pgx-report-table h4 { color:#1c3564; }

.table td, .table th { padding: .3rem; vertical-align: top; border-top: 0px solid #dee2e6; font-size:16px; }
.table { border: 1px solid #ddd; text-align: center; }
.table a { color:#333; text-decoration:none; font-size:14px; line-height:22px; }
.table th { text-align: center; font-size:14px; }
.table>tbody>tr>td { vertical-align:inherit; padding:5px; border:1px solid #CCC; font-size:14px; text-align:left; line-height:22px; }

.table-responsive { overflow-x:auto; font-size:17px; }
.table-secondary, .table-secondary>td, .table-secondary>th { height: 50px; }
.table-striped tbody tr:nth-of-type(odd) { height: 40px; }

.nav-tabs { border-bottom: 1px solid #ddd; margin-top: 30px; }

.pgx-category { margin:0 0 10px 0; }
.pgx-category select { background-color: #6ccaeb; font-weight:bold; color:#FFF; padding:7px 30px 7px 5px; border-radius:7px; border:0; margin:5px; }

.pg-white-box { background-color:#fff; border:1px solid #CCC; padding:15px; border-radius:7px; margin:15px 0; font-size:14px; }
.pg-white-box h6 { font-size:14px; font-weight:bold; margin:0 0 5px 0; }

.pg-lightred-box { background-color:#ffd6dd; padding:15px; border-radius:7px; margin:15px 0; font-size:14px; }
.pg-lightred-box h6 { font-size:14px; font-weight:bold; margin:0 0 5px 0; }

.btn-grey-small {color: #000;background-color:#ccc; padding:5px 25px; margin:0px 0 10px 0; border-radius:7px; border:0; float:right;}
.btn-grey-small:hover {color: #000;/* background-color: #ccc; */}

.btn-back-small {color: #fff; background-color:#6CCAEB; padding:5px 25px; margin:0px 0 10px 0; border-radius:7px; border:0; float:right;}
.btn-back-small:hover {color: #fff;/* background-color: #ccc; */}

.summary { margin:30px 0; }
.summary select { height:40px; border:2px solid #a2dcf0; border-radius:7px; width:100%; background-color: #c4e9f6; font-weight:bold; margin-bottom:10px; }

.dark-blue { background-color:#dcf1f9; }

.report-table h4 { color:#000; font-weight:bold; padding-top:15px; padding-left:10px; }

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color: #000; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; font-weight:bold; }
.how-to-read-report {}
.how-to-read-report h4 { background-color:#6CCAEB; color:#FFF; padding:7px; margin-top:20px !important; }
.how-to-read-report h3 {}
.how-to-read-report p { font-size:14px !important; line-height:22px !important; text-align:left; margin:5px 0; }

.how-to-read-report thead tr th { background-color: #6CCAEB; color: #fff; vertical-align: middle; }

.how-to-read-report p span { font-weight:bold; }

.how-to-read-report ul { margin:0; padding:0; }
.how-to-read-report ul li { color:#000; margin-bottom:5px; text-decoration:none; margin-left:20px; }
.how-to-read-report ul li:before { top: 8px; margin: 0px 10px 0 -18px; vertical-align: middle; display: inline-block; width:8px; height: 8px; background: #ccc; border-radius:10px; content: ""; }