/* !Basic */

html.safari #mainNav {
	-webkit-font-smoothing: subpixel-antialiased;
}

body,
input,
button,
select,
textarea {
	font-family:'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1 strong {
	font-weight:600;
}

a,
a span {
	color:#3197d1;
	-webkit-transition:all .15s;
	-moz-transition:all .15s;
	-o-transition:all .15s;
	transition:all .15s;
}

var {
	background: whitesmoke;
	border: 1px solid lightgray;
	border-radius: 3px;
	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
	font-size: 12px;
	font-style: normal;
	padding: 2px 4px 2px 5px;
}

/* !Keyboard Keys (kbd, kbd > kbd) */

#fullArticle kbd {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 0.94em;
}

#fullArticle kbd > kbd {
	background-color: whitesmoke;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(whitesmoke), to(#f8f8f8));
	background: -webkit-linear-gradient(whitesmoke 0%, #f8f8f8 100%);
	background: -moz-linear-gradient(whitesmoke 0%, #f8f8f8 100%);
	background: -o-linear-gradient(whitesmoke 0%, #f8f8f8 100%);
	background: linear-gradient(whitesmoke 0%, #f8f8f8 100%);
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 3px;
	color: #777;
	padding: 1px 5px;
	box-shadow: 0px 2px 0px rgba(0,0,0,0.1), 0px 1px 0px rgba(0,0,0,0.15), inset 0px -2px 0px white, inset 0px 1px 0px #fafafa, inset 1px 0px 0px #fafafa, inset -1px 0px 0px #fafafa;
}

#fullArticle kbd.fun > kbd {
	background: -webkit-linear-gradient(196deg, #fff 0%, #eee 100%);
	background: -moz-linear-gradient(196deg, #fff 0%, #eee 100%);
	background: -o-linear-gradient(196deg, #fff 0%, #eee 100%);
	background: linear-gradient(196deg, #fff 0%, #eee 100%);
	border-radius: 3px;
	color: #777;
	padding: 1px 5px;
	box-shadow: -1px 1px 0px #ddd, -2px 2px 0px #b2c0c6, inset 2px -2px 0px #fafafa;
/* 	box-shadow: -1px 1px 0px #ddd, -2px 2px 0px #b2c0c6, inset 0px -2px 0px white, inset 0px 1px 0px #fafafa, inset 1px 0px 0px #fafafa, inset -1px 0px 0px #fafafa; */
}

#fullArticle .kbd-cmd::before {
	content: "\2318";
	margin-right: 2px;
	font-weight: 500;
}

/* !Code/Pre */

#fullArticle .param-type {
	font-weight: 600;
	font-size: 88%;
}

#fullArticle h1 code,
#fullArticle h2 code,
#fullArticle h3 code,
#fullArticle h4 code,
#fullArticle h5 code,
#fullArticle h6 code {
	color: #0463bc;
	font-size: 80%;
}

/* !Code/Pre Comments (span.comment) */

.comment {
/* 	color: #0463bc; */
	word-break: break-word;
}

/*
pre b,
pre strong {
	font-weight: inherit;
	color: #5ea533;
}
*/

pre b,
pre strong {
	/* 	background-color: #a3df8e; */
	background-color: #d3f4bc;
	border-radius: 2px;
	color: #476f37;
	font-weight: inherit;
	padding: 0 4px;
}

pre i,
pre em {
	font-style: italic;
	color: #5ea533;
}

.comment.js::before { content: "// "; }

.comment.css::before { content: "/* "; }
.comment.css::after { content: " */"; }

.comment.html::before { content: "\003c!-- "; }
.comment.html::after { content: " --\003e"; }

/* remove default webkit input shadow */
input,
textarea {
	-webkit-appearance: none;
}

.brand span {
	color: #f4f4f4;
}

.brand:hover span {
	color: #ff7b15;
}

/*
.clearfix:before,
.clearfix:after {
	display: table;
	content: "";
	line-height: 0;
}

.clearfix:after {
	clear: both;
}
*/

/* !Home Page */

.dotted-vertical {
	background-image: linear-gradient(to bottom, #333 40%, rgba(255, 255, 255, 0) 20%);
	background-position: left;
	background-size: 1px 3px;
	background-repeat: repeat-y;
}

.dotted-horizontal {
	background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%);
	background-position: top;
	background-size: 3px 1px;
	background-repeat: repeat-x;
}

#docsSearch {
height:200px;
  background-color: #F7F9FA;
    border: none;
    background-image: url("https://www.luckyorange.com/graphics/help_docs_back.jpg");
    background-position: center -130px;
    background-size: cover;
}

#docsSearch div:first-of-type{
   color: white !important;
    text-shadow: 1px 1px 2px #000;
    font-size: 12px;
    line-height: 130%;
    font-family: arial;
    max-width: 730px;
    margin: auto;
    background-color: rgba(0,0,0,0.4);
    padding: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#searchBar button {
	background-color: #FF9933;
  border-radius: 0 3px 3px 0;
	border: 1px solid #FF9933;
  text-shadow: none;
	-webkit-transition: all 0.3s ease-out;
}

#searchBar button:hover {
	background-color: #FF9933;
	border-color: #f06900;
}

#searchBar .search-query,
.search-query {
  border: 1px solid #CFD8DC;
  box-shadow: none;
}

#searchBar .search-query:focus {
	border-color: rgba(255, 110, 31, 0.75);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px rgba(106,155,208,.4);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px rgba(106,155,208,.4);
	box-shadow: inset 0 1px 1px rgba(94, 36, 22, 0.1),0 0 4px rgba(255, 155, 5, 0.4);
}

#searchBar .search-query::-webkit-input-placeholder {
	color: #b2c0c6;
	-webkit-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

#searchBar .search-query:-moz-placeholder { /* Firefox 18- */
	color: #b2c0c6;
	-moz-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

#searchBar .search-query::-moz-placeholder {  /* Firefox 19+ */
	color: #b2c0c6;
	-moz-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

#searchBar .search-query:-ms-input-placeholder {
	color: #b2c0c6;
	-ms-transition: color 0.2s linear;
	transition: color 0.2s linear;
}

#searchBar .search-query:focus::-webkit-input-placeholder {
	color: #b2c0c6;
}

#searchBar .search-query:focus:-moz-placeholder { /* Firefox 18- */
	color: #b2c0c6;
}

#searchBar .search-query:focus::-moz-placeholder {  /* Firefox 19+ */
	color: #b2c0c6;
}

#searchBar .search-query:focus:-ms-input-placeholder {
	color: #b2c0c6;
}

#serp-dd {
  border: 1px solid #CFD8DC !important;
  border-radius: 0 0 3px 3px !important;
  box-shadow: 0px 1px 1px rgba(44, 50, 61, 0.25) !important;
  top: 75px !important;
  background-color: white  !important;
  text-shadow: none  !important;
  padding: 0px !important;
}

/*
.threeCol .collection {
	border: 0;
}

.threeCol .collection .collection-head {
	background: #2c323d;
	border-bottom: 1px solid #2c323d;
	border-radius: 8px 8px 0 0;
	margin-bottom: 0;
}

.threeCol .collection .collection-body {
	padding-top: 2.2em;
	border: 1px solid #b2c0c6;
	border-top: 0;
}

.threeCol .collection a,
.threeCol .collection a span {
	color: #777;
}

.threeCol .collection h2 a {
	color: #ff7200;
}
*/



.category-list .category:hover {
	background:#f7f9fa;
}

.category-list .category p {
	color:#6d7983;
	line-height:22px;
}

#content {
	background:none;
}

#content:after {
	background-color:#f7f9fa;
/*
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(#ff7800 52px, #f7f9fa 53px);
*/
	height:100%;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	content:"";
}

.contentWrapper {
	border:0;
  border-radius: 3px;
  box-shadow: 0px 1px 1px rgba(44, 50, 61, 0.25);
}

#sidebar .nav-list .active a,#sidebar .nav-list .active a:hover,#sidebar .nav-list .active a:focus,#sidebar .nav-list h3 {
	color:#2a4258;
	font-weight:600;
}

#sidebar .nav-list .active a .icon-arrow:before,
#sidebar .nav-list .active a:hover .icon-arrow:before,
#sidebar .nav-list .active a:focus .icon-arrow:before {
	color: #2a4258;
}

#sidebar .nav-list a {
	color: #6d7983;
}

#categoryHead h1 {
	color: #34495E;
	margin-bottom: 15px;
}

h1 {
	letter-spacing: -.5px;
}

.contentWrapper p.descrip {
	color: #6d7983;
	line-height: 26px;
	margin-bottom: 25px;
}

.contentWrapper h1,
#fullArticle h1.title {
	line-height: 1.4em;
}

/* Original: */
/*
#fullArticle dt {
	background: #3197d1;
}
*/

#fullArticle dl.plain dt {
	float: none;
	position: static;
	display: block;
	font-weight: 400;
	text-align: left;
	padding: 0;
	margin-bottom: 0;
	font-size: 15px;
	line-height: 1.2em;
	border-radius: 0;
	color: #3197d1;
	background: transparent;
	white-space: nowrap;
	margin-left: 1.5em;
}

#fullArticle dl.plain dd {
	margin-left: 1.5em;
}

#fullArticle dl.orangey dt {
	background-color: #ff7f00;
}

#fullArticle dt {
	background: transparent;
/* 	background: rgba(239, 130, 0, 0.25); */
	border: 1px solid #FF9933;
	border-radius: 50px;
	color: #444;
	display: inline-block;
	float: left;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.2em;
	margin-bottom: 1em;
	min-width: 9px;
	padding: 4px 8px 4px 9px;
	position: relative;
	text-align: center;
	top: -2px;
	vertical-align: baseline;
	white-space: nowrap;
}

#fullArticle dl.inline-capsule::after {
	content: "";
	clear: both;
	display: table;
	line-height: 0;
}

#fullArticle dl.inline-capsule dt {
	font-weight: 600;
	padding: 4px 15px 5px;
}

#fullArticle dl.inline-capsule dd {
	float: left;
	padding-top: 2px;
	margin: 0 0.5em 1em;
	font-weight: 600;
}

#fullArticle dl.inline {
	font-size: 15px;
	line-height: 1.73;
	margin-bottom: 1.5em;
}

#fullArticle dl.inline dt {
	float: none;
	position: static;
	display: inline;
	font-weight: 600;
	text-align: left;
	padding: 0;
	margin-bottom: 0;
	font-size: 15px;
	line-height: 1.2em;
	border-radius: 0;
	color: #3197d1;
	background: transparent;
	white-space: normal;
	margin-left: 0;
	border: 0;
}

#fullArticle dl.inline dd {
	display: inline;
	margin-left: 0;
}

#fullArticle dl.inline dd::before,
#fullArticle dl.inline dd::after {
	display: none;
	content: initial;
	line-height: 0;
}

#fullArticle dd p:last-child {
	margin-bottom: 0;
}

#fullArticle dl.roomy dd p:last-child {
	margin-bottom: 1.5em;
}

/* ----------------------------------------------------------------------------- */
/* !Tokens and Badges */
/* ----------------------------------------------------------------------------- */

.token-box::after {
	content: "";
	clear: both;
	display: table;
	line-height: 0;
}

.token-box .token {
	background-color: #ff7f00;
	border-radius: 50px;
	color: #fff;
	display: inline-block;
	float: left;
	font-weight: 600;
	font-size: 15px;
	line-height: 1.2em;
	margin: 0 0.5em 1em;
	min-width: 9px;
	padding: 4px 15px 5px;
	position: relative;
	text-align: center;
	top: 2px;
	vertical-align: baseline;
	white-space: nowrap;
}

.token-box.mini .token,
.token-box .token.mini {
	border-radius: 11px;
	font-size: 12px;
	line-height: 1;
	margin: 0 0.25em 1em;
	padding: 5px 15px;
	top: 3px;
}

.badge {
	background-color: #ff7f00;
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	float: none;
	font-weight: 600;
	font-size: 12px;
	line-height: 1em;
	min-width: 10px;
	padding: 4px 12px 4px;
	position: relative;
	text-align: center;
	vertical-align: baseline;
	white-space: nowrap;
	top: -3px;
}

.badge.badge-glyph-only {
	padding: 4px 8px 4px;
	cursor: help;
}

.badge.badge-yellow {
	background: #fff7e4;
}

.badge.badge-blue {
	background: #ecf7ff;
}

.badge.badge-green {
	background: #e9fceb;
}

.badge.badge-red {
	background: #fde8e8;
}

#sidebar form .search-query:focus {
	border-color: rgba(255, 110, 31, 0.75);
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px rgba(106,155,208,.4);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 4px rgba(106,155,208,.4);
	box-shadow: inset 0 1px 1px rgba(94, 36, 22, 0.1),0 0 4px rgba(255, 155, 5, 0.4);
	outline: 0 !important;
}

/* ----------------------------------------------------------------------------- */
/* !Article Typography */
/* ----------------------------------------------------------------------------- */

#fullArticle h4 {
	font-weight: 400;
}

#fullArticle p,
#fullArticle ul,
#fullArticle ol,
#fullArticle li,
#fullArticle div,
#fullArticle blockquote,
#fullArticle dd,
#fullArticle table {
	color: #768794;
	font-size: 15px;
	line-height: 1.733333333em;
}

#fullArticle strong {
	color:#34495E;
	font-weight:600;
}

#fullArticle h1,
#fullArticle h2,
#fullArticle h3,
#fullArticle h4,
#fullArticle h5 {
	color:#34495E;
	margin-bottom:1em;
}

#fullArticle h2,
#fullArticle h5 {
	font-weight:600;
}

#fullArticle h4 {
	font-weight:500;
}

#fullArticle h1,
#fullArticle h3 {
	font-weight:400;
}

/*
#fullArticle h3 {
	font-size:23px;
}
*/

#fullArticle h1.title {
	margin-bottom:1em;
}

#fullArticle pre {
	color: #3498DB;
  overflow: auto;
  white-space: pre;
}

#fullArticle pre .comment {
	color: #B2C0C6;
}

#fullArticle pre,
#fullArticle code {
  background-color: #fff !important;
  border: 3px solid #ECEFF1;
}

#fullArticle code {
  margin: auto 3px;
}

#fullArticle pre,
#fullArticle table {
	margin-bottom:2.5em;
}

#fullArticle table th {
	font-weight: 600;
}

#fullArticle table th[scope="row"],
#fullArticle table td[scope="row"] {
	font-weight: 500;
}

#fullArticle table thead th[rowspan="2"] {
	vertical-align: baseline;
}

#fullArticle table thead tr + tr th {
	font-size: 12px;
	padding: 5px 8px;
	line-height: 1;
	font-weight: 400;
}

#fullArticle table thead tr + tr th:not(:first-child) {
	border-color: #ddd;
}

#fullArticle table thead tr + tr th:not(:last-child) {
	border-color: #ddd;
}

#fullArticle table th.small,
#fullArticle table td.small {
	font-size: 85%;
	line-height: 1.5em;
}

#fullArticle table thead {
	color: #4A4D4F;
}

#fullArticle table .shaded-light {
	background: #f4f4f4;
}

@-webkit-animation light-up {
	0% { color: #768794; }
	100% { color: #ff5b04; }
}

#fullArticle #fn-1:target {
	-webkit-animation-delay: 0.3s;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-name: light-up;
	-webkit-animation-iteration-count: 2;
	-webkit-animation-fill-mode: both;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: ease-out;
}

/* ----------------------------------------------------------------------------- *
 * !Table Cell Alignment
 * ----------------------------------------------------------------------------- */

/* Left Top */
#fullArticle table th.cell-lt,
#fullArticle table td.cell-lt {
	text-align: left;
	vertical-align: top;
}

/* Center Top */
#fullArticle table th.cell-ct,
#fullArticle table td.cell-ct {
	text-align: center;
	vertical-align: top;
}

/* Right Top */
#fullArticle table th.cell-rt,
#fullArticle table td.cell-rt {
	text-align: right;
	vertical-align: top;
}

/* Left Middle */
#fullArticle table th.cell-lm,
#fullArticle table td.cell-lm {
	text-align: left;
	vertical-align: middle;
}

/* Center Middle */
#fullArticle table th.cell-cm,
#fullArticle table td.cell-cm {
	text-align: center;
	vertical-align: middle;
}

/* Right Middle */
#fullArticle table th.cell-rm,
#fullArticle table td.cell-rm {
	text-align: right;
	vertical-align: middle;
}

/* Left Bottom */
#fullArticle table th.cell-lb,
#fullArticle table td.cell-lb {
	text-align: left;
	vertical-align: bottom;
}

/* Center Bottom */
#fullArticle table th.cell-cb,
#fullArticle table td.cell-cb {
	text-align: center;
	vertical-align: bottom;
}

/* Right Bottom */
#fullArticle table th.cell-rb,
#fullArticle table td.cell-rb {
	text-align: right;
	vertical-align: bottom;
}

#fullArticle table tbody th.align-middle,
#fullArticle table tbody td.align-middle {
	vertical-align: middle;
}

#fullArticle img {
	border: none;
	border-radius: 0;
	padding: 0;
	margin: 1em 0;
}

#fullArticle .align-left {
	float: left;
}

#fullArticle .align-right {
	float: right;
}

#fullArticle .width-25 {
	width: 25%;
}

#fullArticle .width-33 {
	width: 33.33%;
}

#fullArticle .width-50 {
	width: 50%;
}

#fullArticle .width-66 {
	width: 66.66%;
}

#fullArticle .width-75 {
	width: 75%;
}

#fullArticle .width-100 {
	width: 100%;
}

#fullArticle .col-wrapper {
	margin: 0;
	padding: 0;
	width: 100%;
}

#fullArticle .col-wrapper > .col {
	float: left;
	margin: 0;
	padding: 0;
}

#fullArticle .col-wrapper > .col > * {
	margin: 0;
}

#fullArticle .col-wrapper::after {
	content: " ";
	clear: both;
	display: table;
}

#fullArticle table.table-bordered tr:first-child td {
	border-top: 1px solid #e2e2e2;
}

#fullArticle ul.plain-list,
#fullArticle ol.plain-list {
	list-style-type: none;
	margin-left: 0;
}

#fullArticle .top-link::before {
	content: "\25b4";
	margin-right: 5px;
	float: left;
}

/* ----------------------------------------------------------------------------- *
 * Article Index List
 * ----------------------------------------------------------------------------- */

/* !Index List */

#fullArticle .index-list {
	margin-bottom: 2.5em;
	border-left: 5px solid #aaaeb7;
}

#fullArticle .index-list.plain {
	border-left: 0;
}

#fullArticle .index-list.plain h4 {
	padding: 8px 0 0;
}

#fullArticle .index-list::after {
	content: " ";
	clear: both;
	display: table;
}

#fullArticle .col-wrapper > * {
	margin: 0;
	padding: 0;
}

#fullArticle .index-list h4 {
	display: block;
	text-transform: uppercase;
	margin:0;
	padding: 8px 26px 0;
	font-size: 1em;
	font-weight: 600;
}

#fullArticle .index-list ul,
#fullArticle .index-list ol {
	list-style: none;
	float: left;
}

#fullArticle .index-list > ul,
#fullArticle .index-list > ol {
	margin: 1em 25px 0;
}

#fullArticle .index-list.plain > ul,
#fullArticle .index-list.plain > ol {
	margin: 1em 0 0;
}

#fullArticle .index-list li,
#fullArticle .index-list li a {
	clear: both;
	display: block;
	font-size: 14px;
	line-height: 1.5em;
}

#fullArticle .index-list li > a + ul,
#fullArticle .index-list li > a + ol {
	margin: 10px 25px 0;
}

#fullArticle .compressed li {
	margin-bottom: 0;
}

#fullArticle ul .sub-item-header,
#fullArticle ol .sub-item-header {
	display: block;
	font-weight: 600;
	margin-bottom: 10px;
}

#fullArticle ul.compressed .sub-item-header,
#fullArticle ol.compressed .sub-item-header {
	margin-bottom: 0;
}

/* ----------------------------------------------------------------------------- */
/* !Callouts */
/* ----------------------------------------------------------------------------- */

#fullArticle [class*="callout"] {
	font-size: 14px;
/* 	padding: 1.5em; */
	padding: 1em 1.5em;
	margin-bottom: 2em;
	color: #333;
	border-left: 5px solid;
	border-color: #333;
}

#fullArticle ul [class*="callout"],
#fullArticle ol [class*="callout"] {
	margin: 1em 0;
}

#fullArticle [class*="callout"] h3 {
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1em;
	margin: 0 0 1em 0;
	margin: 3px 0 -webkit-calc(1em - 3px) 0;
	margin: 3px 0 -moz-calc(1em - 3px) 0;
	margin: 3px 0 calc(1em - 3px) 0;
}

#fullArticle [class*="callout"] p {
	margin: 0 0 1em;
	line-height: 1.5;
}

#fullArticle .callout-yellow,
#fullArticle .callout-blue,
#fullArticle .callout-red,
#fullArticle .callout-green,
#fullArticle .callout {
	color: #768794;
/* 	padding-bottom: 13px; */
}

#fullArticle .callout-yellow {
	background: #fff7e4;
	border-color: #ffdf92;
}

#fullArticle .callout-blue {
	background: #ecf7ff;
	border-color: #80bfe2;
}

#fullArticle .callout-green {
	background: #e9fceb;
	border-color: #92d7a9;
}

#fullArticle .callout-red {
	background: #fde8e8;
	border-color: #e7aaaa;
}

/*
#fullArticle .callout-yellow p,
#fullArticle .callout-blue p,
#fullArticle .callout-red p,
#fullArticle .callout-green p,
#fullArticle .callout p {
	line-height: 1.5em;
}
*/

#fullArticle .callout-yellow.attn p::before,
#fullArticle .callout-blue.attn p::before,
#fullArticle .callout-red.attn p::before,
#fullArticle .callout-green.attn p::before,
#fullArticle .callout.attn p::before {
	content: "!";
	font-size: 36px;
	font-weight: 600;
	float: left;
	margin-right: 18px;
	height: 48px;
	position: relative;
	background: #fff;
	border-radius: 24px;
	width: 48px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 12px;
	padding-left: 2px;
	text-align: center;
	border: 1px solid rgba(0,0,0,0.15);
}

.example-url {
	background: #fffbd7;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	color: rgba(0, 0, 0, 0.5);
	display: block;
	float: left;
	font-style: normal;
	padding: 1px 8px;
	margin: 1em 0;
}

p .example-url:only-child {
	margin: 0;
}

.example-url a {
	color: rgba(0, 0, 0, 0.5);
}

.example-url a:hover {
	color: rgba(0, 0, 0, 0.75);
}

.icon-article-doc {
	display:none;
}

.related {
	border:0;
	border-top:1px solid #eceef0;
	padding:30px 46px 25px;
}

.articleFoot p {
	font-family:'Whitney SSm A','Whitney SSm B',Helvetica,Arial,sans-serif;
	font-style:normal;
}

.articleFoot p,#sbContact {
	color:#6d7983;
}

.icon-contact {
	color:#c3c8cb;
}

footer p,footer p a {
	color:#6d7983;
}

.articleList a {
	margin-left:0;
}

.articleList li {
	padding-left:0;
}

.articleList li a:hover span {
	color:#065e99;
	text-decoration:none;
}

#serp .articleList > li {
	padding-left:0;
}

#fullArticle .vendor-branding {
	padding-left: 42px; /* 32px icon + 10px spacing */
}

#basic .vendor-branding {
	background: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5509efcae4b061031401e6bc/images/553150f8e4b0eb143c62952c/file-VjwaMpxNbq.png") no-repeat 0 0;
}

#bigcommerce .vendor-branding {
	background: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5509efcae4b061031401e6bc/images/553149a0e4b0a2d7e23f603f/file-GzdSuLUCbL.png") no-repeat 0 0;
}

#blogger .vendor-branding {
	background: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5509efcae4b061031401e6bc/images/55314a45e4b0a2d7e23f60d6/file-k9Os2pOpH2.png") no-repeat 0 0;
}

#dnn .vendor-branding {
	background: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5509efcae4b061031401e6bc/images/5531485ae4b0eb143c629439/file-75lhzHrd9Z.png") no-repeat 0 0;
}

#drupal .vendor-branding {
	background: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5509efcae4b061031401e6bc/images/5531454de4b0eb143c629424/file-mw9BHsUVOP.png") no-repeat 0 0;
}

#google-tag-manager .vendor-branding {
	background: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5509efcae4b061031401e6bc/images/55314c48e4b0a2d7e23f6138/file-zsqUptZZ8P.png") no-repeat 0 0;
}

#joomla .vendor-branding {
	background: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5509efcae4b061031401e6bc/images/55313db4e4b0a2d7e23f600c/file-yKvAZFEZ28.png") no-repeat 0 0;
}

#magento .vendor-branding {
	background: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5509efcae4b061031401e6bc/images/55313db7e4b0a2d7e23f600d/file-BQktzISnpw.png") no-repeat 0 0;
}

#phpbb .vendor-branding {
	background: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5509efcae4b061031401e6bc/images/55313dafe4b0eb143c629405/file-UPqQyonMau.png") no-repeat 0 0;
}

#shopify .vendor-branding {
	background: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5509efcae4b061031401e6bc/images/5531381ce4b0a2d7e23f5ff3/file-8zMtqkp5Sz.png") no-repeat 0 0;
}

#weebly .vendor-branding {
	background: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5509efcae4b061031401e6bc/images/55313643e4b0a2d7e23f5feb/file-KBNjF2qO7X.png") no-repeat 0 0;
}

#wordpress .vendor-branding {
	background: url("https://s3.amazonaws.com/helpscout.net/docs/assets/5509efcae4b061031401e6bc/images/553131bce4b0eb143c6293d0/file-r3wII4j9wG.png") no-repeat 0 0;
}

.quick-link,
.jump-box {
	background: #f7f9fa;
	border: 1px solid rgba(0,0,0, 0.1);
	border-top: 6px solid #FF9933;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: right;
	margin: 0 0 0 3em;
	padding: 1em;
	width: 33.33%;
}

.jump-box.soft {
	border: 1px solid rgba(0,0,0, 0.09);
	border-top: 6px solid #FF9933;
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.07);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.07);
}

#fullArticle .quick-link h1,
#fullArticle .quick-link h2,
#fullArticle .quick-link h3,
#fullArticle .jump-box h1,
#fullArticle .jump-box h2,
#fullArticle .jump-box h3 {
	font-size: 18px;
	line-height: 1em;
	margin: 0.35em 0 1em;
}

#fullArticle .jump-box h3::before {
	content: "\2605";
	margin-right: 4px;
	color: #FF9933;
	position: relative;
	bottom: 4px;
	background: #fff;
	border-radius: 1em;
	line-height: 1em;
	display: block;
	float: left;
	border: 1px solid rgba(0,0,0,0.2);
	padding: 3px;
	left: -1px;
}

#fullArticle .quick-link p,
#fullArticle .jump-box p {
	font-size: 13px;
	line-height: 1.5;
}

#fullArticle .quick-link > :last-child,
#fullArticle .jump-box > :last-child {
	margin-bottom: 0;
}

#fullArticle .quick-link a,
#fullArticle .jump-box a {
	display: block;
}

/* !Contact Forms */

@-webkit-keyframes pulsing-border {
	0% { border-top-color: #cd3f00; }
	100% { border-top-color: #ffae0d; }
}

@-moz-keyframes pulsing-border {
	0% { border-top-color: #cd3f00; }
	100% { border-top-color: #ffae0d; }
}

@-o-keyframes pulsing-border {
	0% { border-top-color: #cd3f00; }
	100% { border-top-color: #ffae0d; }
}

@keyframes pulsing-border {
	0% { border-top-color: #cd3f00; }
	100% { border-top-color: #ffae0d; }
}

#contactModal {
	border: 0;
	border-radius: 4px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #FF9933;
	top: 8%;
/* 	Uncomment for Lucky Orange pulsing action: */
/*
	-webkit-animation: pulsing-border 1s infinite alternate ease-in-out;
	-moz-animation: pulsing-border 1s infinite alternate ease-in-out;
	-o-animation: pulsing-border 1s infinite alternate ease-in-out;
	animation: pulsing-border 1s infinite alternate ease-in-out;
*/
}

#contactModal h2 {
	background:0;
	border:0;
	font-size:28px;
	font-weight:300;
	padding:1em 0 .25em;
	text-align:center;
}

#contactModal .modal-body {
	padding:0 6em;
	min-height:525px;
}

#contactModal .control-label {
	float:none;
	text-align:left;
	width:auto;
}

#contactModal .controls {
	margin:0;
}

#contactModal #md-message {
	height:80px;
	width:400px;
}

#contactModal .form-actions {
	padding:0;
	margin:15px auto 20px;
	text-align:center;
}

#contactModal .icon-close:before {
	color:#c6c8ca;
}

#contactModal .controls input,
#contactForm .controls input {
	box-shadow:none;
	height:25px;
	width:400px;
}

#contactModal .controls input.alt,
#contactForm .controls input.alt {
	border-top:0;
	border-radius: 0px;
	box-shadow: none;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

#contactForm .control-group,
#contactModal .control-group {
	margin-bottom:10px;
}

#contactModal .controls input:focus,
#contactModal #md-message:focus,
#contactForm .controls input:focus,
#contactForm #message:focus {
	border-color:#b2c0c6;
	box-shadow:none;
}

#contactModal #md-message,
#contactForm #message {
	box-shadow:none;
}

#contactModal .form-actions input,
#contactForm .form-actions input {
	background: #FF9933;
	border: 0;
	color: #fff;
	font-size: 18px;
	padding: 0.5em 1em;
	text-shadow: none;
	text-transform: uppercase;
	-webkit-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-ms-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}

#contactModal .form-actions input:hover,
#contactForm .form-actions input:hover {
	background: #ffae0d;
}

#contactForm:before {
	color:#34495E;
	content:"How can we help?";
	font-size:30px;
	font-weight:400;
	display:block;
	line-height:45px;
	margin-bottom:1em;
}

.lucky-callout {
	background:rgba(64,155,255,0.1);
	border:1px solid rgba(40,96,158,0.1);
	border-radius:5px;
	padding:10px;
	width:40%;
}

.lucky-callout.left {
	float:left;
}

.lucky-callout.right {
	float:right;
}

.twoCol .popArticles,
.threeCol .popArticles,
.most-pop-articles .popArticles {
	margin: 0;
}

.twoCol .popArticles a,
.threeCol .popArticles a,
.most-pop-articles .popArticles a {
	display: block;
	margin-left: 0;
}

span[class^="icon"] {
	background-image: url('https://s3.amazonaws.com/helpscout.net/docs/assets/5509efcae4b061031401e6bc/images/55300c6de4b0eb143c62906e/file-Qpsgsmk2C7.png');
	background-repeat: no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	top: 2px;
	vertical-align: baseline;
	margin: 0 2px;
}

.icon-dashboard {
	background-position: 0 0;
}

.icon-live-visitors {
	background-position: -16px 0;
}

.icon-recordings {
	background-position: -32px 0;
}

.icon-chat {
	background-position: -48px 0;
}

.icon-heat-maps {
	background-position: -64px 0;
}

.icon-polls {
	background-position: -80px 0;
}

.icon-form-analytics {
	background-position: -96px 0;
}

.icon-manage-operators {
	background-position: -112px 0;
}

.icon-billing-history {
	background-position: -128px 0;
}

/* !Responsive */
@media (max-width: 768px) {
	.navbar .btn-navbar {
		margin-top:20px;
		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 {
		background:none;
	}

	#contactForm input[name="upload"] {
		width:95%;
	}
}

/* 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 {
		background:#fff;
		width:44.5%;
	}
}

@media screen and (max-width: 760px) {
	section.category-list .category {
		box-sizing:border-box;
		margin:0 0 20px;
		padding:1.5em 1em;
		width:100%;
	}
}
