/* Custom Help Scout StyleSheet */


@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,400i,500,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,400i,500,700');
/* */

body {
	background: #f7f6f4;
}
/* Home Page Title */

#docsSearch h1 {
	font-size: 32px;
	font-weight: 300;
	text-align: center;
	margin-top: .8em;
	font-family: "Montserrat", sans-serif;
	color: #f7f6f4;
	padding: 10px;
}
.navbar .nav li {
	display: inline-block;
	float: none;
	font-family: "Montserrat condensed", sans-serif;
	font-size: 15px;
	letter-spacing: .1em;
}
.navbar .nav li a, .navbar .icon-private-w {
	font-size: 15px;
    font-weight: 300;
}

/* Header Size */

a.brand > img {
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	height: 70px;
	margin-left: 15px;
	width: auto;
}

.navbar .navbar-inner {
	/* background: #00cc99; */
	height: 85px;
}
.navbar .navbar-inner .container-fluid {
	padding: 0;
	height: 80px;
}
.navbar .brand {
	float: left;
	display: block;
	padding: 10px;
	margin-left: -20px;
	font-size: 20px;
	font-weight: 200;
	color: #ffbf3f;
	text-shadow: 0 1px 0 #fff;
}
/* Home Page Search Bar Background */

#docsSearch {
	background: #00cc99;
/*	background-position:center left;
	background-image: url("https://s3.amazonaws.com/helpscout.net/docs/assets/611552637f650717b4ecb865/images/611e8b2eb55c2b04bf6e0053/file-pPvR2a9Va9.png")
*/
	border-top: 1px solid #d0d3d4;
	margin-bottom: 3em;
	padding: 1.5em 0;
}
/* Search Input Box */

input.search-query {
	padding-right: 14px;
	padding-right: 4px \9;
	padding-left: 14px;
	padding-left: 4px \9;
	margin-bottom: 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	font-family: "Montserrat",
	sans-serif;
	font-weight: 100;
	letter-spacing: 1px;
}
/* Home Page Category Title*/

.category-list h3 {
	color: #00cc99;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3em;
	font-family: "Montserrat", sans-serif;
}

/* Main page - Category Styles */

.category-list .category p {
	color: #ea698b;
	font-family: "Open Sans", sans-serif;
	font-weight: 200;
	font-size: 15px;
	letter-spacing: 0.25px;
}
.category-list .category {
	background-color: #f7f6f4;
	background-position: top 20px center !important;
	background-repeat: no-repeat !important;
	background-size: 100px auto !important;
	box-shadow: 3px 3px #D0D3D4;
	box-sizing: border-box;
	min-height: 183px;
	padding: 120px 20px 15px;
	border: 1px solid #f4f5f5;
	border-radius: 5px;
	position: relative;
	width: 27.5%;
	transition: all 0.2s;
}
.category-list .category:hover {
	text-decoration: none;
	background: #f4f5f5;
}



.collection-category h2 {
    font-weight: 500;
    margin: 0 0 20px;
    text-align: center;
    padding-left: 0%;
    font-family: "Montserrat", sans-serif;
    /* text-transform: uppercase; */
    color: #7e8287;
    font-size: 26px;
    letter-spacing: 1px;
}

.collection-category h2 a {
    color: #0076a8;
}

.collection-category .category-list {
    margin: 0 0 4em;
    text-align: center;
}



/* Home Page Link Style */

#serp-dd .result a, #serp-dd .result>li.active, #full-Article strong a, .collection a, .contentWrapper a, .most-pop-articles .popArticles a, .most-pop-articles .popArticles a span, .category-list .category .article-count, .category-list .category .article-count, .contentWrapper a {
	font-weight: 400;
	letter-spacing: .25px;
	color: #ea698b;
	margin-top: 15px;
	text-transform: capitalize;
	text-decoration: none;
	font-family: "Montserrat",
	sans-serif;
}
#serp-dd .result a:hover, #serp-dd .result>li.active, #full-Article strong a, .collection a, .contentWrapper a, .most-pop-articles .popArticles a, .most-pop-articles .popArticles a:hover span, .category-list .category .article-count, .category-list .category:hover .article-count, .contentWrapper a {
	font-weight: 500;
	letter-spacing: .25px;
	color: #00cc99;
	margin-top: 15px;
	text-transform: capitalize;
	/* text-decoration: underline; */
	font-family: "Montserrat",
	sans-serif;
}
/* Home Page Search Button */

#searchBar button {
	color: #fff;
	text-shadow: 0 0px 0px rgba(255,255,255,.0);
	background: #ea698b;
	border-radius: 0 5px 5px 0;
	border: 2px solid #00cc99;
	font-size: 18px;
	padding: 0 1.5em;
	height: 50px;
	position: absolute;
}
#searchBar button:hover {
	background: #00cc99;
	text-shadow: 0 0px 0px rgba(255,255,255,.0);
	border: 1px solid #193b94;
}
input, button, select, textarea {
	font-family: "Montserrat",
	sans-serif,
	"Open Sans",
	Sans-serif,
	Arial,
	sans-serif;
}


/* Category Images */

/*
  Here is where you determine the images to be used just above each section of your Help Scout main page.
  You have to create one #category-xxx CSS selector for each separate category in your Help Scout collection.
  To get your category xxx number, simply visit the relevant category in your Help Scout docs and
  check the URL bar for the 3 digit category number.

  Then you have to specify an image located on a shared server somewhere on the internet that can
  serve up the images so Help Scout can display them.
*/

/*

Support
*/

/* Getting Started 236 (use your actual category names here in the comment to make it easier) */
#category-236{
	background-image: url(https://s3.amazonaws.com/helpscout.net/docs/assets/611552637f650717b4ecb865/images/65e76f070f2a4c04f24da1c4/file-odYvt6aOOc.png);
}
/* Clinical */
#category-220{
  background-image: ;
}
/* finacials */
#category-224{
  background-image: ;
}
/* Insurance and Claims */
#category-219{

}
/* practice Setup */
#category-221{
  background-image: url(https://s3.amazonaws.com/helpscout.net/docs/assets/611552637f650717b4ecb865/images/65e75d6c8cb417537bd29c1f/file-zXSYhqpJro.png);
}
/* Tops DPX */
#category-217{
  background-image: ;
}
/* tops Pay */
#category-216{
  background-image: ;
}

}



/* etc... keep going and add one CSS ID selector for each category. */

/* this is the SortBy box on categories screen */

#categoryHead .sort select {
	width: 150px;
	height: 32px;
	margin: 0;
	line-height: 24px;
	font-size: 14px;
	color: #7E8287;
	font-family: "Montserrat",
	sans-serif;
	font-weight: 300;
}

/* Side Bar Styles */

#sidebar .nav-list a {
	font-weight: 500;
	color: #00cc99;
	background: 0 0;
	text-shadow: none;
}
#sidebar .nav-list .active a, #sidebar .nav-list .active a:hover, #sidebar .nav-list .active a:focus {
	font-weight: 500;
	color: #ea698b;
	background: 0 0;
	text-shadow: none;
	text-decoration: underline;
}
#sidebar h3 {
	text-transform: uppercase;
	font-size: 18px;
	color: #ea698b;
    font-weight: 500;
	margin-bottom: 4px;
	font-family: "Montserrat",
	sans-serif;
	letter-spacing: 2px;
}
/* Article Styles */

#main-content {
    background: none;
    float: right;
    margin-bottom: 2em;
    padding: 32px 0 0 28px;
}

/* image shadows in articles */

#fullArticle img {
/*    background: #f4f5f5; */
	display: block;
    margin: 1em 0 2em;
    padding: 4px;
    border-radius: 4px;
    box-sizing: border-box;
	box-shadow: 1px 2px #d0d3d4;
}
/* article header - blue */

#fullArticle .title, .contentWrapper h1 {
	margin: 0 30px .5em 0;
	font-family: "Montserrat",
	sans-serif;
	color: #ea698b;
	font-weight: 400;
/*	border-bottom: 3px solid #035480;*/
}



#fullArticle .printArticle {
	position: absolute;
	right: 46px;
	top: 40px;
}
#fullArticle, #fullArticle p, #fullArticle ul, #fullArticle ol, #fullArticle li, #fullArticle div, #fullArticle blockquote, #fullArticle dd, #fullArticle table {
	color: #484B5C;
	font-family: "Open Sans",
	sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .01em;
/*	background: #f4f5f5;   */
}

/* Style this one if you want bolded article text to have a different color */

#fullArticle em strong {
	color: #00cc99;
}
#fullArticle strong em {
	color: #00cc99;
}
#fullArticle em {
	color: #ea698b;
}
#fullArticle a {
	border-bottom: 1px dotted #ea698b;
}
#fullArticle a:hover {
	border-bottom: 1px dotted #ea698b;
}	
#fullArticle h2 {
	font-size: 20px;
	font-family: "Montserrat",
	sans-serif;
	font-weight: 500;
	color: #00cc99;
	border-bottom: 1px solid #ea698b;
}
#fullArticle h3 {
	font-size: 16px;
	font-family: "Open Sans",
	sans-serif;
	font-weight: 700;
	color: #ea698b;
	border-bottom: 1px dotted #00cc99;
}
#fullArticle h4 {
	font-size: 16px;
	font-family: "Open Sans",
	sans-serif;
	font-weight: 600;
	color: #00cc99;
}
#fullArticle h5 {
	font-size: 16px;
	font-family: "Open Sans",
	sans-serif;
	font-weight: 600;
	color: #193b94;
}
#fullArticle h6 {
	font-size: 16px;
	font-family: "Open Sans",
	sans-serif;
	font-weight: 600;
	color: #ea698b;
}	
.contentWrapper p {
	margin-top: -4px;
	word-wrap: break-word;
	font-family: "Open Sans",
	sans-serif;
	color: #7E8287;
	font-weight: 300;
	font-size: 16px;
	letter-spacing: .01em;
}

/* Article Footers */

.articleFoot p, .articleFoot time {
	color: #484B5C;
	display: inline-block;
	font-family: "Montserrat",
	sans-serif;
	font-weight: 300;
	font-style: italic;
}

/* Page Footers */

footer p a {
	color: #484B5C;
	font-family: "Montserrat",
	sans-serif;
	font-weight: 300;
}


/* Contact Modal */

#contactModal h2, .abuse h2 {
	background: #00cc99;
	margin: 0;
	padding: 11px 0 10px 18px;
	font-size: 22px;
	border-bottom: 1px solid #ccc;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	box-shadow: 0px 2px #d0d3d4;
	font-family: "Montserrat",
	sans-serif;
	color: #FFFFFF;
	font-weight: 400;
}
#contactModal .control-label {
	width: 110px;
	font-family: "Open Sans",
	sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #00cc99;
}

.btn {
	color: #fff;
	text-shadow: 0 0px 0px rgba(255,255,255,.0);
	background: #33779F;
	border-radius: 5px;
	border: 1px solid #00cc99;
	font-size: 14px;
	padding: .5em;
	/* height: 50px; */
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    color: #fff;
	text-shadow: 0 0px 0px rgba(255,255,255,.0);
	background: #8fa7c2;
  border: 1px solid #9da39a;
}

#search-query .btn:hover {
	color: #fff;
	text-shadow: 0 0px 0px rgba(255,255,255,.0);
	background: #8fa7c2;
	border-radius: 5px;
	border: 1px solid #00cc99;
	font-size: 18px;
	padding: 0 1.5em;
	height: 50px;
}

.category-list {
    text-align: center;
}

/* Fix for making homepage category gallery go smoothly from 3 to 2 to 1 column */

@media screen and (max-width: 1105px) {
	section.category-list .category {
		width: 48.2%;
	}
}
@media screen and (max-width: 760px) {
	section.category-list .category {
		box-sizing: border-box;
		margin: 0 0 20px;
		padding: 120px 20px 15px;
		width: 100%;
	}
}
/* RESPONSIVE */

@media (max-width: 768px) {
	.navbar .btn-navbar {
		margin-top: 16px;
		right: -10px;
	}
	.related {
		padding: 30px 25px 25px;
	}
	.related ul {
		margin-left: 0;
	}
	.related h3 {
		padding-left: 0;
	}
	.related ul>li a {
		margin-left: 0;
	}
}
@media (max-width: 480px) {
	#searchBar button {
		color: transparent;
		text-shadow: 0;
		background: transparent;
		border-radius: 0 5px 5px 0;
		border: 0;
		font-size: 18px;
		padding: 0 1.5em;
		height: 50px;
		position: absolute;
	}
	#searchBar button .icon-search {
		display: block;
		text-shadow: none;
		margin-top: 15px;
	}
	#searchBar button:hover .icon-search:hover {
		display: block;
		text-shadow: none;
		margin-top: 15px;
		background-color: transparent;
	}
}
@media (max-width: 480px) {
	#fullArticle .title, .contentWrapper h1 {
		font-size: 24px;
	}
	#fullArticle h2 {
		font-size: 20px;
	}
}


/* Collection Titles - main page */
.collection-category h2 a {
    color: #00cc99;
}

.collection-category h2 {
    font-weight: 400;
    margin: 0 0 20px;
    padding-left: .65%;
    font-family: "Montserrat",
    sans-serif;
    text-align: center;
}