#agencies-index .main-header .header-top .welcome-text {
    top: -19px!important;
}


div.hero-highlighted {padding:0px!important;}

h1.banner {
  background-color:#1ebcbe!important;
  padding:10px 0px!important;
  margin-top:-20px!important;
  color:#FFF!important;
  font-weight:200!important;
}


a {font-weight:bold!important; /*color:#006db8!important;*/}

div.container-fluid a {color:#006db8!important;}

.highlight {color:#1771b7; font-weight: bold;}

label {margin-left: 0px!important;}

select:required:invalid {
  color: gray;
}
option[value=""][disabled] {
  display: none;
}
option {
  color: black;
}

.nextPrevButtons, .Delete {display:none!important;}

/****  Style registration list numbers ****/
table.noBorder tr td {border:none!important;}
.circle {font-size:31.5px; width:50px; line-height: 50px; 
  border-radius:50%; text-align:center; background-color:#000;}


/****  Style page forms ****/
.content {border:none!important;}
.header-top {height:110px!important;}
input.input-search.input-black.filter-item.placeholder {height:30px!important;}
input.input-search.placeholder {height:32px!important;}
.row {margin-left:0px!important; margin-right:0px!important;}


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 0px!important;
    padding-left: 0px!important;
}


input.form-control {
    width: 100%!important;
}

.centered {text-align:center!important;}

.register, .prelogin {height:50px; margin-bottom:50px!important; align:right!important;}

.login {height:50px; width:80%!important;}

a.bottom-spacer {margin-bottom:2em!important;}

p.top-spacer {margin-top:2em!important;}


div.container-fluid { padding-left:0px; padding-right:0px;}

div#wrap.container-fluid { margin-bottom:0px!important;}

div.panel-heading {padding:25px!important;}

div#nested > div.panel > div.panel-heading,
div#nested1 > div.panel > div.panel-heading,
div#nested2 > div.panel > div.panel-heading,
div#nested3 > div.panel > div.panel-heading,
div#nested4 > div.panel > div.panel-heading,
div#nested5> div.panel > div.panel-heading,
div#nested6 > div.panel > div.panel-heading,
div#nested7 > div.panel > div.panel-heading,
div#nested8 > div.panel > div.panel-heading,
div#nested9 > div.panel > div.panel-heading,
div#nested10 > div.panel > div.panel-heading,
div#nested11 > div.panel > div.panel-heading,
div#nested12 > div.panel > div.panel-heading,
div#nested13 > div.panel > div.panel-heading,
div#nested14 > div.panel > div.panel-heading

 {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    height: 32px;
}



div#nested > div.panel > div.panel-heading > a > div.panel-heading,
div#nested1 > div.panel > div.panel-heading > a > div.panel-heading,
div#nested2 > div.panel > div.panel-heading > a > div.panel-heading,
div#nested3 > div.panel > div.panel-heading > a > div.panel-heading,
div#nested4 > div.panel > div.panel-heading > a > div.panel-heading,
div#nested5 > div.panel > div.panel-heading > a > div.panel-heading,
div#nested6 > div.panel > div.panel-heading > a > div.panel-heading,
div#nested7 > div.panel > div.panel-heading > a > div.panel-heading,
div#nested8 > div.panel > div.panel-heading > a > div.panel-heading,
div#nested9 > div.panel > div.panel-heading > a > div.panel-heading,
div#nested10 > div.panel > div.panel-heading > a > div.panel-heading,
div#nested11 > div.panel > div.panel-heading > a > div.panel-heading,
div#nested12 > div.panel > div.panel-heading > a > div.panel-heading,
div#nested13 > div.panel > div.panel-heading > a > div.panel-heading,
div#nested14 > div.panel > div.panel-heading > a > div.panel-heading

 {padding-top:0px!important; padding-bottom:0px!important; /*height:50px;*/}



div#nested > div.panel > div.panel-heading > a > div.panel-heading > h5.panel-title,
div#nested1 > div.panel > div.panel-heading > a > div.panel-heading > h5.panel-title,
div#nested2 > div.panel > div.panel-heading > a > div.panel-heading > h5.panel-title,
div#nested3 > div.panel > div.panel-heading > a > div.panel-heading > h5.panel-title,
div#nested4 > div.panel > div.panel-heading > a > div.panel-heading > h5.panel-title,
div#nested5 > div.panel > div.panel-heading > a > div.panel-heading > h5.panel-title,
div#nested6 > div.panel > div.panel-heading > a > div.panel-heading > h5.panel-title,
div#nested7 > div.panel > div.panel-heading > a > div.panel-heading > h5.panel-title,
div#nested8 > div.panel > div.panel-heading > a > div.panel-heading > h5.panel-title,
div#nested9 > div.panel > div.panel-heading > a > div.panel-heading > h5.panel-title,
div#nested10 > div.panel > div.panel-heading > a > div.panel-heading > h5.panel-title,
div#nested11 > div.panel > div.panel-heading > a > div.panel-heading > h5.panel-title,
div#nested12 > div.panel > div.panel-heading > a > div.panel-heading > h5.panel-title,
div#nested13 > div.panel > div.panel-heading > a > div.panel-heading > h5.panel-title,
div#nested14 > div.panel > div.panel-heading > a > div.panel-heading > h5.panel-title

 {padding-top:7px!important; padding-bottom:0px!important; /*height:50px;*/}





/******  Accordion toggle  *******/
a.accordion-toggle {
  display: block;
  position: relative;
}/**
a.accordion-toggle:after{
  content: "\f078"; /* fa-chevron-up */
 /** font-family: 'FontAwesome';
  position: absolute;
  right: 28px;
  top:39px;
}
a.accordion-toggle[aria-expanded="true"]:after, a.nest[aria-expanded="true"]:after {
  content: "\f077"; /* fa-chevron-down */ /*
}     */


.panel-group .panel+.panel {margin-top:0px!important;}

.panel-group {margin-bottom:0px!important;}/*
.panel-group .panel-heading a:after{ content:"\f077"; font-family:"fontAwesome"; position:absolute; right:5px; top:6px; /*font-size:30px;*//*}  */
/*.panel-group .panel-heading a.collapsed:after{ content:"\f078";}*/


a.accordion-toggle.parent[aria-expanded="true"]:after, a.accordion-toggle.child[aria-expanded="true"]:after 
{content: "\f077"!important; /* fa-chevron-down */}    



 a.accordion-toggle.parent:after
{content: "\f078"!important; font-family: 'FontAwesome'; position:absolute; right:28px; top:39px;}



a.accordion-toggle.child-out:after
{content: "\f077"!important; font-family: 'FontAwesome';position:absolute; right:5px; top:6px;}  


a.accordion-toggle.child-out[aria-expanded="false"]:after 
{content: "\f078"!important; /* fa-chevron-up */}  


a.accordion-toggle.child:after
{content: "\f078"!important; font-family: 'FontAwesome';position:absolute; right:5px; top:6px;} 


h4.panel-title {font-size:20px; height:26px!important;}

i.fa {margin-top:-10px!important;}

div.patient {margin-top:10px!important;}


div.app:hover {background-color:#dbefff!important; cursor:hand;}


.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: rgba(219, 239, 255, 0.4)!important;
}



/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height:100%;
  /* The html and body elements cannot have any padding or margin. */
}

div.modal-padding > input[type="email"] {width:100%!important;}


/* Wrapper for page content to push down footer */
#wrap {
  min-height:100%;
  /*min-height:650px;*/
  height:auto!important;
  height:100%;
  /* Negative indent footer by its height */
  margin:0 auto -60px;
  /* Pad bottom by footer height */
  /*padding:0 0 60px;*/
}

/* Set the fixed height of the footer here */
#footer {
  /*height: 60px;
  background-color: #f5f5f5;*/
  margin-top:-20px;
}

.container-footer {position:absolute;}

.navbar-fixed-bottom {position:fixed!important; z-index: 1;}


div#bottomNav {height:60px!important;}
div#bottomNav > a > div.text-center > i.glyphicon {font-size:2em!important;}


.border-padding {
    padding: 20px 0px!important;
    border-right: #fff 1px solid;
    border-top: #fff 2px solid;
}


.icon {position:relative; height:10px; width:10px;}


a, a:hover, a:active, a:visited {text-decoration:none!important}

.iosb {position:relative!important; width:40px; top:-20px!important; left:124px!important;}


div.bloodpanel > h4.badge-icon > div.iosb {top:-20px!important; left:232px!important;}
div.chlamydia > h4.badge-icon > div.iosb {top:-20px!important; left:122px!important;}
div.gramstain > h4.badge-icon > div.iosb {top:-20px!important; left:127px!important;}
div.gonorrhea > h4.badge-icon > div.iosb {top:-20px!important; left:124px!important;}
div.hepatitis > h4.badge-icon > div.iosb {top:-20px!important; left:107px!important;}
div.herpes > h4.badge-icon > div.iosb {top:-20px!important; left:92px!important;}
div.hiv > h4.badge-icon > div.iosb {top:-20px!important; left:57px!important;}
div.metabolic > h4.badge-icon > div.iosb {top:-20px!important; left:177px!important;}
div.papsmear > h4.badge-icon > div.iosb {top:-20px!important; left:112px!important;}
div.pregnancy > h4.badge-icon > div.iosb {top:-20px!important; left:172px!important;}
div.rapidtrich > h4.badge-icon > div.iosb {top:-20px!important; left:205px!important;}
div.syphilis > h4.badge-icon > div.iosb {top:-20px!important; left:98px!important;}
div.urinalysis > h4.badge-icon > div.iosb {top:-20px!important; left:118px!important;}
div.vaginal > h4.badge-icon > div.iosb {top:-20px!important; left:204px!important;}


div.vaccinations > h4.badge-icon > div.iosb {top:-25px!important; left:190px!important;}
div.medications > h4.badge-icon > div.iosb {top:-25px!important; left:190px!important;}
div.clinicVisits > h4.badge-icon > div.iosb {top:-25px!important; left:220px!important;}


i.fa-plus-square, i.fa-stethoscope, i.fa-heartbeat {font-size:1.5em!important; padding-right:5px;}




.panel-background {background-color:#1771b7;}
div.nested {padding-left:5px!important; padding-right:5px!important; background-color:#fff;}/*div.nested {padding-left:26px!important; padding-right:26px!important; background-color:#fff;}*/
div.panel-heading > h5.date, div.sub {padding-left:0px!important; padding-right:0px!important;}


.app { border-top:#ccc 1px solid; height:140px!important; padding:30px 0px 20px 0px!important; background-color:#ffffff;}

div#wrap > div.pad:first-child > a > .app  {border-top:0px!important;}

.border-right {border-right:#ccc 1px solid;}
div#bottomNav a:last-child > div.border-padding {border-right:0px!important;}

.no-border {border:0px!important;}


.navbar {position:relative; z-index:100000; min-height:50px;}


a.myButton {margin-left:0px!important; margin-top:30px!important; margin-bottom:14px!important;}
div#content, div#content2, div#content3, div#content4, div#content5, div#content6, div#content7, div#content8, div#content9, div#content10,
div#content21, div#content22, div#content23, div#content24, div#content25, div#content26, div#content27, div#content28, div#content29, div#content30
 {padding:0px!important;}



.badge1, .badge2 {position:relative;}
.badge1[data-badge]:after{
	content:attr(data-badge);
	position:absolute;
	top: -3.15em;
    right: 1.15em;
    width: 1.95em;
    height: 1.95em;
    line-height: 1.55em;

    padding: .25em .45em;
	font-size:.75em;
	background-color:red!important;
	color:#fff;

	text-align:center;
	line-height:18px;
	border-radius:50%;

}


.badge2[data-count]:after{
	content:attr(data-count);

    width: 1.95em!important;
    height: 1.95em!important;
    line-height: 1.55em;
    margin-left:1em;
    padding: .2em .45em;
	font-size:.75em;
	background-color:red!important;
	color:#fff;

	text-align:center;
	border-radius:50%;

}




.badge1[data-badge=""]:after, .badge1[data-badge="0"]:after, .badge2[data-count=""]:after, .badge2[data-count="0"]:after {content:none;}





i.count {
    width:100px;
    text-align:center;
    /*vertical-align:middle;*/
}

.fa {
    position: relative;
}
.app-title {
    /*font-family: 'Fira Sans', sans-serif;*/
    font-weight: 700;
    
}



/**.badge {
	font-family:Arial;
    font-size: .2em;
    font-weight:bold;
    display: block;
    position: absolute;
    top: -.25em;
    right: .95em;
    width: 1.95em;
    height: 1.95em;
    line-height: 1.55em;
    border-radius: 50%;
    text-align: center;
    padding: .35em .45em;
    
    color: #fff;
    background: red;
}**/




@media only screen and (min-width: 768px) and (max-width: 991px) {
  ul#myList > li > a.list-group-item {
    font-size:13px!important;
    
  }
}




@media only screen and (max-width: 350px) {

	.main-header nav ul li:hover a {
		color: #379800 !important;
	}


	button.full-width {width:100%!important;}


	a.myButton {margin-left:0px!important; margin-top:30px!important; margin-bottom:14px!important;}
	div#content, div#content2, div#content3, div#content4, div#content5, div#content6, div#content7, div#content8, div#content9, div#content10 {padding:0px!important;}

	div.hero-highlighted {padding:0px!important;}

	div.patient {margin-bottom:-50px!important;}


	div.Pageheader > h4.centered {font-size:14px;}
	h4.panel-title {font-size:16px;}


	div.bloodpanel > h4.badge-icon > div.iosb {top:-20px!important; left:185px!important;}
	div.chlamydia > h4.badge-icon > div.iosb {top:-20px!important; left:97px!important;}
	div.gramstain > h4.badge-icon > div.iosb {top:-20px!important; left:119px!important;}
	div.gonorrhea > h4.badge-icon > div.iosb {top:-20px!important; left:97px!important;}
	div.hepatitis > h4.badge-icon > div.iosb {top:-20px!important; left:85px!important;}
	div.herpes > h4.badge-icon > div.iosb {top:-20px!important; left:70px!important;}
	div.hiv > h4.badge-icon > div.iosb {top:-20px!important; left:44px!important;}
	div.metabolic > h4.badge-icon > div.iosb {top:-20px!important; left:137px!important;}
	div.papsmear > h4.badge-icon > div.iosb {top:-20px!important; left:82px!important;}
	div.pregnancy > h4.badge-icon > div.iosb {top:-20px!important; left:133px!important;}
	div.rapidtrich > h4.badge-icon > div.iosb {top:-20px!important; left:161px!important;}
	div.syphilis > h4.badge-icon > div.iosb {top:-20px!important; left:78px!important;}
	div.urinalysis > h4.badge-icon > div.iosb {top:-20px!important; left:94px!important;}
	div.vaginal > h4.badge-icon > div.iosb {top:-20px!important; left:172px!important;}

  div.vaccinations > h4.badge-icon > div.iosb {top:-25px!important; left:160px!important;}
  div.medications > h4.badge-icon > div.iosb {top:-25px!important; left:160px!important;}
  div.clinicVisits > h4.badge-icon > div.iosb {top:-25px!important; left:180px!important;}






	i{width:30px!important;}

	/*div.navpadding {height:63px!important;}*/
	#footer {height: 0px;}

	.block-title {font-size:12px!important;}

	.badge1[data-badge]:after{
    right: -2.85em!important;
    }


    .fa-4x {margin-left:-28px;
    	padding-top:8px;}

}


.active-footer {background-color: #1ebcbe!important;}
.active-footer > i {color:#fff!important;}


/***************	Slide out message box	**********************/

/* -------------------------------- 

Primary style

-------------------------------- */

/*
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}*/



/*
:not(footer)::after, 
:not(footer)::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  content: " ";
}
*/


.glyphicon-chevron-left:before {content:"\e079"!important;}
.glyphicon-chevron-right:before {content:"\e080"!important;}
.glyphicon-edit:before {content:"\e065"!important;}
.glyphicon-trash:before {content:"\e020"!important;}
.glyphicon-pencil:before {content:"\270f"!important;}
.fa-home:before {content:"\f015"!important;}
.fa-user:before {content:"\f007"!important;}
.fa-edit:before, .fa-pencil-square-o:before {content:"\f044"!important;}
.fa-question-circle:before {content:"\f059"!important;}


div.agency-header > *::after, div.agency-header > *::before, div.agency-header *::after, div.agency-header *::before,
div.main-header > *::after, div.main-header > *::before, div.main-header *::after, div.main-header *::before
 {content: none!important;}

footer, .copyright p {
  min-width:200px!important;
  color: #fff!important;

}

/*
*::after, *::before {
  content: '';
}*/

body {
  font-size: 100%;
  font-family: "Droid Sans", sans-serif;
  color: #dbe2e9;
  background: #424f5c;
}

/*a {
  color: #89ba2c;
  text-decoration: none;
}*/

/* -------------------------------- 

xnugget info 

-------------------------------- */

/*
.cd-nugget-info {
  display: block;
  font-family: "Droid Serif", serif;
  color: #fff;
  margin: 20px auto 0;
  font-size: 12px;
  font-size: 0.75rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 120px;
  position: relative;
}
.cd-nugget-info::after {
  position: absolute;
  display: inline-block;
  top: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 1px;
  width: 0%;
  background-color: white;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.cd-nugget-info:hover::after {
  width: 100%;
}
*/

/* -------------------------------- 

xcarbonads 

-------------------------------- */
/*#carbonads-container,
#ui8ads-container {
  position: fixed;
  left: 40px;
  top: 40px;
  width: 180px;
  display: none;
}
#carbonads-container .close-carbon-adv,
#carbonads-container .close-ui8-adv,
#ui8ads-container .close-carbon-adv,
#ui8ads-container .close-ui8-adv {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 100%;
  background: rgba(56, 56, 56, 0.8);
  text-indent: 100%;
  overflow: hidden;
  width: 32px;
  height: 32px;
  border-radius: 0 3px 3px 0;
}
#carbonads-container .close-carbon-adv:hover,
#carbonads-container .close-ui8-adv:hover,
#ui8ads-container .close-carbon-adv:hover,
#ui8ads-container .close-ui8-adv:hover {
  background: #383838;
}
#carbonads-container .close-carbon-adv::after, #carbonads-container .close-carbon-adv::before,
#carbonads-container .close-ui8-adv::after,
#carbonads-container .close-ui8-adv::before,
#ui8ads-container .close-carbon-adv::after,
#ui8ads-container .close-carbon-adv::before,
#ui8ads-container .close-ui8-adv::after,
#ui8ads-container .close-ui8-adv::before {
  content: '';
  background-color: #fff;
  height: 2px;
  width: 14px;
  position: absolute;
  top: 14px;
  left: 9px;
}
#carbonads-container .close-carbon-adv::after,
#carbonads-container .close-ui8-adv::after,
#ui8ads-container .close-carbon-adv::after,
#ui8ads-container .close-ui8-adv::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#carbonads-container .close-carbon-adv::before,
#carbonads-container .close-ui8-adv::before,
#ui8ads-container .close-carbon-adv::before,
#ui8ads-container .close-ui8-adv::before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#carbonads-container .carbonad,
#carbonads-container .ui8ad,
#ui8ads-container .carbonad,
#ui8ads-container .ui8ad {
  background: rgba(255, 255, 255, 0.9);
  border: none;
  width: 100%;
  height: auto;
  padding: 14px;
  text-align: center;
  border-radius: 3px 0 3px 3px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
#carbonads-container .carbonad .carbonad-image img,
#carbonads-container .carbonad .ui8ad-image img,
#carbonads-container .ui8ad .carbonad-image img,
#carbonads-container .ui8ad .ui8ad-image img,
#ui8ads-container .carbonad .carbonad-image img,
#ui8ads-container .carbonad .ui8ad-image img,
#ui8ads-container .ui8ad .carbonad-image img,
#ui8ads-container .ui8ad .ui8ad-image img {
  width: 130px;
}
#carbonads-container .carbonad .carbonad-image img,
#carbonads-container .ui8ad .carbonad-image img,
#ui8ads-container .carbonad .carbonad-image img,
#ui8ads-container .ui8ad .carbonad-image img {
  margin: 0 0 10px 10px;
}
#carbonads-container .carbonad .ui8ad-image img,
#carbonads-container .carbonad .carbon-img img,
#carbonads-container .ui8ad .ui8ad-image img,
#carbonads-container .ui8ad .carbon-img img,
#ui8ads-container .carbonad .ui8ad-image img,
#ui8ads-container .carbonad .carbon-img img,
#ui8ads-container .ui8ad .ui8ad-image img,
#ui8ads-container .ui8ad .carbon-img img {
  margin: 0 10px 10px;
  width: 130px;
}
#carbonads-container .carbonad .carbon-text, #carbonads-container .carbonad .carbonad-tag,
#carbonads-container .carbonad .carbon-poweredby,
#carbonads-container .carbonad .ui8ad-text, #carbonads-container .carbonad .ui8ad-tag,
#carbonads-container .ui8ad .carbon-text,
#carbonads-container .ui8ad .carbonad-tag,
#carbonads-container .ui8ad .carbon-poweredby,
#carbonads-container .ui8ad .ui8ad-text,
#carbonads-container .ui8ad .ui8ad-tag,
#ui8ads-container .carbonad .carbon-text,
#ui8ads-container .carbonad .carbonad-tag,
#ui8ads-container .carbonad .carbon-poweredby,
#ui8ads-container .carbonad .ui8ad-text,
#ui8ads-container .carbonad .ui8ad-tag,
#ui8ads-container .ui8ad .carbon-text,
#ui8ads-container .ui8ad .carbonad-tag,
#ui8ads-container .ui8ad .carbon-poweredby,
#ui8ads-container .ui8ad .ui8ad-text,
#ui8ads-container .ui8ad .ui8ad-tag {
  font-family: 'Helvetica Neue', Arial, sans-serif;
}
#carbonads-container .carbonad .carbon-wrap,
#carbonads-container .carbonad .ui8ad-text,
#carbonads-container .ui8ad .carbon-wrap,
#carbonads-container .ui8ad .ui8ad-text,
#ui8ads-container .carbonad .carbon-wrap,
#ui8ads-container .carbonad .ui8ad-text,
#ui8ads-container .ui8ad .carbon-wrap,
#ui8ads-container .ui8ad .ui8ad-text {
  display: block;
  width: 100%;
  padding: 0;
}
#carbonads-container .carbonad .carbon-wrap a,
#carbonads-container .carbonad .ui8ad-text a,
#carbonads-container .ui8ad .carbon-wrap a,
#carbonads-container .ui8ad .ui8ad-text a,
#ui8ads-container .carbonad .carbon-wrap a,
#ui8ads-container .carbonad .ui8ad-text a,
#ui8ads-container .ui8ad .carbon-wrap a,
#ui8ads-container .ui8ad .ui8ad-text a {
  color: #89ba2c;
  font-size: 13px;
  font-weight: bold;
}
.no-touch #carbonads-container .carbonad .carbon-wrap a:hover, .no-touch
#carbonads-container .carbonad .ui8ad-text a:hover, .no-touch
#carbonads-container .ui8ad .carbon-wrap a:hover, .no-touch
#carbonads-container .ui8ad .ui8ad-text a:hover, .no-touch
#ui8ads-container .carbonad .carbon-wrap a:hover, .no-touch
#ui8ads-container .carbonad .ui8ad-text a:hover, .no-touch
#ui8ads-container .ui8ad .carbon-wrap a:hover, .no-touch
#ui8ads-container .ui8ad .ui8ad-text a:hover {
  text-decoration: underline;
}
#carbonads-container .carbonad .carbonad-tag,
#carbonads-container .carbonad .carbon-poweredby,
#carbonads-container .carbonad .ui8ad-tag,
#carbonads-container .ui8ad .carbonad-tag,
#carbonads-container .ui8ad .carbon-poweredby,
#carbonads-container .ui8ad .ui8ad-tag,
#ui8ads-container .carbonad .carbonad-tag,
#ui8ads-container .carbonad .carbon-poweredby,
#ui8ads-container .carbonad .ui8ad-tag,
#ui8ads-container .ui8ad .carbonad-tag,
#ui8ads-container .ui8ad .carbon-poweredby,
#ui8ads-container .ui8ad .ui8ad-tag {
  margin-top: 5px;
  color: #424f5c;
}
#carbonads-container .carbonad .carbonad-tag a,
#carbonads-container .carbonad .carbon-poweredby a,
#carbonads-container .carbonad .ui8ad-tag a,
#carbonads-container .ui8ad .carbonad-tag a,
#carbonads-container .ui8ad .carbon-poweredby a,
#carbonads-container .ui8ad .ui8ad-tag a,
#ui8ads-container .carbonad .carbonad-tag a,
#ui8ads-container .carbonad .carbon-poweredby a,
#ui8ads-container .carbonad .ui8ad-tag a,
#ui8ads-container .ui8ad .carbonad-tag a,
#ui8ads-container .ui8ad .carbon-poweredby a,
#ui8ads-container .ui8ad .ui8ad-tag a {
  color: #424f5c;
}
#carbonads-container .carbonad .carbonad-tag a:hover,
#carbonads-container .carbonad .carbon-poweredby a:hover,
#carbonads-container .carbonad .ui8ad-tag a:hover,
#carbonads-container .ui8ad .carbonad-tag a:hover,
#carbonads-container .ui8ad .carbon-poweredby a:hover,
#carbonads-container .ui8ad .ui8ad-tag a:hover,
#ui8ads-container .carbonad .carbonad-tag a:hover,
#ui8ads-container .carbonad .carbon-poweredby a:hover,
#ui8ads-container .carbonad .ui8ad-tag a:hover,
#ui8ads-container .ui8ad .carbonad-tag a:hover,
#ui8ads-container .ui8ad .carbon-poweredby a:hover,
#ui8ads-container .ui8ad .ui8ad-tag a:hover {
  color: #89ba2c;
}
#carbonads-container .carbonad .ui8ad-tag,
#carbonads-container .carbonad .carbon-poweredby,
#carbonads-container .ui8ad .ui8ad-tag,
#carbonads-container .ui8ad .carbon-poweredby,
#ui8ads-container .carbonad .ui8ad-tag,
#ui8ads-container .carbonad .carbon-poweredby,
#ui8ads-container .ui8ad .ui8ad-tag,
#ui8ads-container .ui8ad .carbon-poweredby {
  display: inline-block;
  font-size: 11px;
  line-height: 15px;
}
@media only screen and (min-width: 1170px) {
  #carbonads-container,
  #ui8ads-container {
    display: block;
  }
}
*/

/* -------------------------------- 

Main components 

-------------------------------- */
html, body {
  height: 100%;
}

.cd-main-content {
  text-align: center;
}
.cd-main-content h1 {
  font-size: 20px;
  font-size: 1.25rem;
  color: #64788c;
  padding: 4em 0;
}
.cd-main-content .cd-btn {
  position: relative;
  display: inline-block;
  padding: 1em 2em;
  background-color: #89ba2c;
  color: #ffffff;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 50em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.no-touch .cd-main-content .cd-btn:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
}
@media only screen and (min-width: 1170px) {
  .cd-main-content h1 {
    font-size: 32px;
    font-size: 2rem;
  }
}


.modal-footer {
	padding-right:0px!important;
}

.cd-panel {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  z-index: 9999;
  -webkit-transition: visibility 0s 0.6s;
  -moz-transition: visibility 0s 0.6s;
  transition: visibility 0s 0.6s;
}
.cd-panel::after {
  /* overlay layer */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background 0.3s 0.3s;
  -moz-transition: background 0.3s 0.3s;
  transition: background 0.3s 0.3s;
}
.cd-panel.is-visible {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.cd-panel.is-visible::after {
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: background 0.3s 0s;
  -moz-transition: background 0.3s 0s;
  transition: background 0.3s 0s;
}
.cd-panel.is-visible .cd-panel-close::before {
  -webkit-animation: cd-close-1 0.6s 0.3s;
  -moz-animation: cd-close-1 0.6s 0.3s;
  animation: cd-close-1 0.6s 0.3s;
}
.cd-panel.is-visible .cd-panel-close::after {
  -webkit-animation: cd-close-2 0.6s 0.3s;
  -moz-animation: cd-close-2 0.6s 0.3s;
  animation: cd-close-2 0.6s 0.3s;
}

@-webkit-keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
  }
}
@-moz-keyframes cd-close-1 {
  0%, 50% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(45deg);
  }
}
@keyframes cd-close-1 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@-webkit-keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
  }
}
@-moz-keyframes cd-close-2 {
  0%, 50% {
    -moz-transform: rotate(0);
  }
  100% {
    -moz-transform: rotate(-45deg);
  }
}
@keyframes cd-close-2 {
  0%, 50% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
.cd-panel-header {
  position: fixed;
  width: 90%;
  height: 50px;
  line-height: 50px;
  background: rgba(255, 255, 255, 0.96);
  z-index: 10000;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: top 0.3s 0s;
  -moz-transition: top 0.3s 0s;
  transition: top 0.3s 0s;
}
.cd-panel-header h1, h2, h3, h4 {
  font-weight: bold;
  color: #89ba2c;
  /*padding-left: 5%;*/
  margin:15px 0px!important;
}
.from-right .cd-panel-header, .from-left .cd-panel-header {
  top: -50px;
}
.from-right .cd-panel-header {
  right: 0;
}
.from-left .cd-panel-header {
  left: 0;
}
.is-visible .cd-panel-header {
  top: 0;
  -webkit-transition: top 0.3s 0.3s;
  -moz-transition: top 0.3s 0.3s;
  transition: top 0.3s 0.3s;
}
@media only screen and (min-width: 768px) {
  .cd-panel-header {
    width: 70%;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-panel-header {
    width: 50%;
  }
}

.cd-panel-close {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 60px;
  /* image replacement */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-panel-close::before, .cd-panel-close::after {
  /* close icon created in CSS */
  position: absolute;
  top: 22px;
  left: 20px;
  height: 3px;
  width: 20px;
  background-color: #fff;
  /* this fixes a bug where pseudo elements are slighty off position */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-panel-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-panel-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.no-touch .cd-panel-close:hover {
  background-color: #424f5c;
}
.no-touch .cd-panel-close:hover::before, .no-touch .cd-panel-close:hover::after {
  background-color: #ffffff;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.no-touch .cd-panel-close:hover::before {
  -webkit-transform: rotate(220deg);
  -moz-transform: rotate(220deg);
  -ms-transform: rotate(220deg);
  -o-transform: rotate(220deg);
  transform: rotate(220deg);
}
.no-touch .cd-panel-close:hover::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

header.cd-panel-header {
	background-color:#1771b7;
	color:#fff;
}


header.cd-panel-header h4 {
	padding-left:6%;
}


.cd-panel-container {
  position: fixed;
  width: 90%;
  height: 100%!important;
  top: 0;
  background: #fff!important;
  z-index: 9999;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.from-right .cd-panel-container {
  right: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.from-left .cd-panel-container {
  left: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.is-visible .cd-panel-container {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}
@media only screen and (min-width: 768px) {
  .cd-panel-container {
    width: 70%;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-panel-container {
    width: 50%;
  }
}

.cd-panel-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 70px 5%;
  overflow: auto;
  /* smooth scrolling on touch devices */
  -webkit-overflow-scrolling: touch;
}
.cd-panel-content p {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: "Droid Serif", serif;
  color: #424f5c;
  line-height: 1.4;
  margin: 2em 0;
}
.cd-panel-content p:first-of-type {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .cd-panel-content p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
  }
}

/***************	End Slide out message box 	*******************/

@media only screen and (max-width: 320px) {
  div.ls-row.main p, div.ls-row.main li, div.ls-row.main a, div.ls-row.main label.form-check-label {font-size:12px!important;}
  h3.centered {font-size:21.5px!important;}
  h5.panel-title {font-size:13px!important;}

  }



@media only screen and (min-width: 321px) and (max-width: 767px) {
	.main-header nav ul li:hover a {
		color: #379800 !important;
	}


	button.full-width {width:100%!important;}


	a.myButton {margin-left:0px!important; margin-top:30px!important; margin-bottom:14px!important;}
	div#content, div#content2, div#content3, div#content4, div#content5, div#content6, div#content7, div#content8, div#content9, div#content10 {padding:0px!important;}

	div.hero-highlighted {padding:0px!important;}

	div.patient {margin-bottom:-50px!important;}

	/*div.navpadding{height:63px!important;}*/

	#footer {height: 0px;}

	.fa-4x {padding-top:8px;}

	


}







@media only screen and (min-width: 768px) and (max-width: 991px) {

	/*div.container-fluid {padding-left:8%!important; padding-right:8%!important;}*/


	div.navpadding{height:0px!important;}
	#footer {height: 0px;}

	.fa-4x {padding-top:8px;}

	.inbox-padding-left {padding:0px 0px 0px 15px!important;}

	.inbox-padding-right {padding:0px 15px 0px 0px!important;}

}




@media only screen and (min-width: 991px) {

	/*div.container-fluid {padding-left:11%!important; padding-right:11%!important;}*/

	div.navpadding{height:0px!important;}
	#footer {height: 0px;}

	.fa-4x {padding-top:8px;}

	.inbox-padding-left {padding:0px 0px 0px 15px!important;}

	.inbox-padding-right {padding:0px 15px 0px 0px!important;}

}



@media only screen and (max-width: 767px) {
  h5.directions {
    
    padding-left:20px;
    padding-right:20px;
    
  }

  div.Pageheader h1 {text-align: center!important;}

}


div#wrap, div.patient {max-width:1112px!important;}
@media only screen and (min-width: 768px) {
  div#wrap, div.patient {
    width:750px;
    max-width:750px;
    padding-left:20px;
    padding-right:20px;
    margin-left:auto;
    margin-right:auto;
  }

}

@media only screen and (min-width: 992px) {
  div#wrap, div.patient {
    width:970px;
    max-width:970px;
    padding-left:20px;
    padding-right:20px;
    margin-left:auto;
    margin-right:auto;
  }

}

@media only screen and (min-width: 1200px) {
  div#wrap, div.patient {
    width:1170px;
    max-width:1170px;
    padding-left:20px;
    padding-right:20px;
    margin-left:auto;
    margin-right:auto;
  }

}
.panel-no-border {
    border: none;
    
}
