/* Copyright (c) 2017 Open2b Software Snc. */

*, *:before, *:after { box-sizing: border-box; }

html { height: 100%; margin: 0; overflow-x: hidden; padding: 0; width: 100%; }
body { color: #555459; font-family: muli,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif; font-size: 1em; line-height: 1.45; margin: 0; min-height: 100%; overflow-x: hidden; padding: 0; position: relative; }

select, input, button, textarea { font-family: 'Open Sans', sans-serif; }

select, input[type='text'], input[type='password'], textarea { margin: 0; }

h1 { font-size: 36px; font-weight: normal; margin: 0 0 15px 0; line-height: 1.1em; }
h2 { font-size: 28px; font-weight: normal; margin: .8em 0; line-height: 1em; }
h3 { font-size: 20px; font-weight: normal; margin: 1em 0; line-height: 1em; }
p  { margin: .8em 0; line-height: 1.5em; }

a { text-decoration: none; }
a, object { outline: none; }

a[href], a[href]:visited { color: #007AB8; }

.home header { height: 400px; }
header .main { height: 80px; margin: 0 auto; min-height: 20px; padding: 0 10px; overflow: hidden; max-width: 1160px; }
header .main .logo { background-image: url('../images/logo.png'); background-size: 157px; color: transparent; display: block; float: left; height: 50px; margin-top: 12px; width: 157px; }
header .main ul { line-height: 68px; list-style-type: none; margin: 0; padding: 0; padding-top: 2px; float: right; }
header .main ul li { display: inline-block; }
header .main ul li a { color: #262626; cursor: pointer; display: inline-block; font-size: 15px; letter-spacing: 0.03em; line-height: 1em; margin-left: 9px; padding: 8px 10px 9px; position: relative; text-decoration: none; }
header .main ul li a:hover { background: #E6E6E6; border-radius: 5px; color: #000; }
header .main ul li.signup a { background: #7ABA07; border-radius: 5px; color: #FFF; font-size: 14px; line-height: 28px; padding: 6px 16px; text-align: center; text-transform: uppercase; }
header .main ul li.signup a:hover { opacity: .9; }
header .new-documentation { background: #7aba07; border-radius: 3px; float: right; margin-top: 10px; padding: 5px 20px; }
header .new-documentation a { color: #fff !important; }
header h1 { color: #fff; font-weight: normal; margin-bottom: 18px; margin-top: 30px; text-align: center; }
header p { color: #fff;  font-size: 18px; font-weight: 200; letter-spacing: .03em; margin-bottom: 26px; text-align: center; }
header form { background: #254575; display: block; padding: 20px; }
header form input[type="text"] { border: none; border-radius: 5px; display: block; font-size: 16px; margin: 20px auto; max-width: 630px; padding: 20px; width: 100%; }
header form input[type="text"] { background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im01MS42IDk2LjdjMTEgMCAyMS0zLjkgMjguOC0xMC41bDM1IDM1YzAuOCAwLjggMS44IDEuMiAyLjkgMS4yczIuMS0wLjQgMi45LTEuMmMxLjYtMS42IDEuNi00LjIgMC01LjhsLTM1LTM1YzYuNS03LjggMTAuNS0xNy45IDEwLjUtMjguOCAwLTI0LjktMjAuMi00NS4xLTQ1LjEtNDUuMS0yNC44IDAtNDUuMSAyMC4zLTQ1LjEgNDUuMSAwIDI0LjkgMjAuMyA0NS4xIDQ1LjEgNDUuMXptMC04MmMyMC40IDAgMzYuOSAxNi42IDM2LjkgMzYuOSAwIDIwLjQtMTYuNSAzNi45LTM2LjkgMzYuOXMtMzYuOS0xNi42LTM2LjktMzYuOSAxNi42LTM2LjkgMzYuOS0zNi45eiIvPjwvc3ZnPg'); background-origin: content-box; background-position: right center; background-repeat: no-repeat; background-size: 22px 22px; }
header button { display: none; }

pre { border: 1px solid #e8e8e8; border-radius: 5px; padding: 0; }
pre code, pre code.hljs { display: block; font-size: 1.1em; overflow-x: auto; padding: 1em; }
pre .optional { color: #888; }
code { background: #F3F3F3; border-radius: 2px; padding: .2rem .5rem; }
pre code div { border-top: 1px solid #e6e6e6; margin-top: 20px; color: #555; padding: 18px 10px 0 10px; }

.comment {
    color: #060;
}

.flex-grid { display: flex; }
.col { flex: 1; }

@media (max-width: 400px) {
  .flex-grid { display: block; }
}

.content { margin: 0 auto; overflow: hidden; max-width: 1160px; }

.breadcrumbs ul { display: block; margin: 0; margin: 30px 0; padding: 0; }
.breadcrumbs li { display: inline-block; padding-left: 4px; padding-right: 16px; }
.breadcrumbs li { background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA4IDgiIGZpbGw9IiM1NTU0NTkiPiAgPHBhdGggZD0iTTEuNSAwbC0xLjUgMS41IDIuNSAyLjUtMi41IDIuNSAxLjUgMS41IDQtNC00LTR6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxKSIgLz48L3N2Zz4=') no-repeat right 7px; }
.breadcrumbs li:last-child { background: none; }
.breadcrumbs a, .breadcrumbs a:visited { color: #333; }

.index { float: left; font-size: 1.1em; margin-top: 20px; min-height: 500px; width: 250px; }
.index ul { list-style: none; margin: 0; padding: 0; }
.index a { color: #555459; border-radius: 4px; display: block; padding: 6px 20px 6px 20px; }
.index a:hover { background: #efefef;  }
.index a:visited { color: #333; }
.index li.expanded > a { color: #000; font-weight: bold; }
.index li.selected > a { background: #7aba07; border-left: none; color: #fff; font-weight: normal; }
.index li.selected > a .new { color: #fff; }
.index li li a { padding-left: 30px; }
.index li li li a { padding-left: 40px; }
.index li li li li a { padding-left: 50px; }
.index .new { border-radius: 3px; color: brown; font-size: 10px; font-weight: bold; padding-left: 3px; text-transform: uppercase; }

.article { margin-left: 280px; margin-top: 20px; }
.article p { line-height: 1.5em; }
.article ol { font-weight: normal; margin-left: 34px; padding-left: 0; }
.article ul { margin-left: 20px; padding-left: 10px; }
.article li { line-height: 1.5em; padding: 6px 6px 6px 0; }
.article li > ul { margin-top: 12px; }
.article h1 { margin-bottom: 40px; }
.article h2 { line-height: 1.2em; margin-top: 20px; padding-top: 20px; }
.article h3 { color: #666; line-height: 1.5em; margin-top: 18px; padding-top: 18px; }
.article img { height: auto; max-width: 100%; }
.article textarea { font-size: 14px; }

.article ol.latin > li { list-style-type: lower-latin; margin-left: 30px; font-weight: bold; }
.article ol.latin > li > span { font-weight: normal; padding-left: 4px; }

.article .note { border: 1px solid #E8E8E8; border-left: 5px solid #3aa3e3; border-radius: 4px; color: #696969; line-height: 1.6em; margin: 16px 0; padding: 16px 20px 12px 20px; }
.article .note h4 { color: #469BCD; font-size: 15px; margin-bottom: 8px; margin-top: 0; padding-left: 30px; }
.article .note h4 { background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2NSA2NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPmNpcmNsZSxwYXRoe2ZpbGw6IzNlOGFiNiFpbXBvcnRhbnQ7fTwvc3R5bGU+PHBhdGggZD0iTTMyLjUsMEMxNC41OCwwLDAsMTQuNTc5LDAsMzIuNVMxNC41OCw2NSwzMi41LDY1UzY1LDUwLjQyMSw2NSwzMi41UzUwLjQyLDAsMzIuNSwweiBNMzIuNSw2MUMxNi43ODUsNjEsNCw0OC4yMTUsNCwzMi41ICAgIFMxNi43ODUsNCwzMi41LDRTNjEsMTYuNzg1LDYxLDMyLjVTNDguMjE1LDYxLDMyLjUsNjF6Ii8+PGNpcmNsZSBjeD0iMzMuMDE4IiBjeT0iMTkuNTQxIiByPSIzLjM0NSIvPjxwYXRoIGQ9Im0zMi4xMzcgMjguMzQyYy0xLjEwNCAwLTIgMC44OTYtMiAydjE3YzAgMS4xMDQgMC44OTYgMiAyIDJzMi0wLjg5NiAyLTJ2LTE3YzAtMS4xMDUtMC44OTYtMi0yLTJ6Ii8+PC9zdmc+') no-repeat; }
.article .note a { color: #469BCD; }

.article .warning { border: 1px solid #e8e8e8; border-left: 5px solid #edb431; border-radius: 4px; color: #555459; margin: 16px 0; padding: 16px 20px 12px 20px; }
.article .warning h4 { color: #edb431; font-size: 15px; margin-bottom: 8px; margin-top: 0; padding-left: 30px; }
.article .warning h4 { background: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA3OC41NjEgNzguNTYxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Y2lyY2xlLHBhdGh7ZmlsbDojZDJhMDJiIWltcG9ydGFudDt9PC9zdHlsZT48Y2lyY2xlIGN4PSIzOS4yOCIgY3k9IjU3Ljc3MiIgcj0iMy42MzIiLz48cGF0aCBkPSJtMzguNzkyIDQ4LjM0N2MxLjEwNCAwIDItMC44OTYgMi0ydi0xOWMwLTEuMTA0LTAuODk2LTItMi0ycy0yIDAuODk2LTIgMnYxOWMwIDEuMTA0IDAuODk2IDIgMiAyeiIvPjxwYXRoIGQ9Im00Ni41NyAxMS41NDJsLTAuMDkxLTAuMTQxYy0xLjg1Mi0yLjg1NC0zLjc2Ni01LjgwNi03LjE5OS01LjgwNi0zLjU3OCAwLTUuNDUgMi45OTQtNy4yNiA1Ljg5MS05ZS0zIDAuMDE0LTAuMDY1IDAuMTA0LTAuMDc0IDAuMTE5bC0zMS42NjggNTMuNjYxYy0wLjE4MiAwLjMwOC0wLjI3OCAwLjQ2OS0wLjI3OCAwLjgyNiAwIDMuODk2IDMuMTM1IDYuODc0IDYuOTg4IDYuODc0aDY0LjU4NWMzLjg1NCAwIDYuOTg4LTIuOTc5IDYuOTg4LTYuODc0IDAtMC4zNTctMC4wOTYtMC42MTQtMC4yNzctMC45MjFsLTMxLjcxNC01My42Mjl6bTI1LjAwMyA1Ny40MjRoLTY0LjU4NWMtMS40NjEgMC0yLjcxNy0wLjk1MS0yLjk1LTIuMzk0bDMxLjM3NC01My4wNjFjMS41NTQtMi40ODcgMi41NzItMy45NjMgMy44NjgtMy45NjMgMS4yNjEgMCAyLjQ1NyAxLjg3IDMuODQzIDQuMDA2bDMxLjM5OSA1My4wMDdjLTAuMjMyIDEuNDQyLTEuNDg4IDIuNDA1LTIuOTQ5IDIuNDA1eiIvPjwvc3ZnPg') no-repeat; }

.article table { border-left: 1px solid #E6E6E6; border-spacing: 0; border-top: 1px solid #E6E6E6; margin: 20px 0; width: 100%; }
.article table td,
.article table th { border-bottom: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; font-weight: normal; padding: 12px; text-align: left; vertical-align: top; }

.article table.variables th { background: #E6E6E6; }
.article table.variables td:first-child,
.article table.variables td:nth-child(2), .article table.variables td:nth-child(3) { font-family: Consolas, monospace; }
.article table.variables td:last-child { font-family: inherit; width: 100%; }
.article table.variables .new { background: brown; display: inline-block; border-radius: 3px; color: #FFF; font-size: 10px; font-weight: bold; margin-left: 3px; padding: 0 5px; position: relative; text-transform: uppercase; }

.article table.functions th { background: #E6E6E6; }
.article table.functions td:first-child {
	font-weight: bold;
}
.article table.functions td:first-child,
.article table.functions td:nth-child(2), .article table.functions td:nth-child(3) { font-family: Consolas, monospace; }
.article table.functions td:nth-child(2) { width: 50%; }
.article table.functions td:last-child { font-family: inherit; width: 100%; }

.article .custom-variable-ui { background: #F3F3F3; border-radius: 5px; color: #333; max-width: 360px; padding: 15px; }

.article .promotion-rules li { list-style-type: none; }

.icon-small svg { height: 52px; width: 52px; }
.icon-blue { fill: #254575; stroke: #254575; }
.icon-gold { fill: #BF8B56; stroke: #BF8B56; }

.sections { margin-top: 30px; }
.sections.home { margin-top: 60px; }
.sections .icon { float: left; margin-right: 20px; }
.sections a { display: block; padding: 30px; }
.sections a:hover { background: #e7ecf3; border-radius: 5px; }
.sections h3 { color: #254575; font-size: 22px; margin-bottom: 10px; margin-top: 0; }
.sections.enterprise h3 { color: #BF8B56; }
.sections p { color: #333; }

.sections.special a { background: #e7ecf3; margin: 20px 0; }
.sections.special a:hover { background: #d7e3f3; }
.sections.special .icon-small svg { fill: #333; height: 72px; stroke: #333; width: 72px; }
.sections.special h3 { color: #333; font-size: 24px; }
.sections.special p { color: #333; }

.required { color: red; }

.article .new { background: #7aba07; border-radius: 5px; color: #fff; text-transform: uppercase; font-size: 11px; line-height: 1.5em; margin-left: 10px; margin-top: 4px; padding: 1px 8px; position: absolute; }
.article h3 .new { margin-left: 8px; margin-top: 2px; }
.article .screenshot { border: 1px solid #ececec; border-radius: 3px; display: block; height: auto; margin: 40px auto; }
.article .edition { color: #777; font-size: 13px; }
.article span.upgrade-required { background: #ffd700; border-radius: 5px; color: #332b00; text-transform: uppercase; font-size: 12px; margin-left: 10px; margin-top: 1px; padding: 2px 8px 0 8px; position: absolute; }
.article li span.upgrade-required { font-size: 11px; margin-left: 5px; margin-top: -1px; }
.article p span.upgrade-required  { font-size: 11px; margin-left: 5px; margin-top: -1px; padding: 0 8px; }
.article p.upgrade-required { border-left: 4px solid #ffd700; border-radius: 5px; padding-left: 6px; }

.article .editions-prices, .article .editions-features { width: 100%; }
.article .editions-prices th, .article .editions-features th { font-weight: bold; }
.article .editions-prices thead th, .article .editions-features thead th { font-size: 12px; text-transform: uppercase; }
.article .editions-prices tbody th { color: #777; }
.article .editions-features tbody td { font-size: 13px; line-height: 1.8em; }
.article .editions-features .new { margin-left: 6px; margin-top: 2px; }

.algolia-autocomplete { display: block!important; margin: 0 auto; max-width: 630px; width: 100%; }
.algolia-autocomplete .aa-input, .algolia-autocomplete .aa-hint { width: 100%; }
.algolia-autocomplete .aa-hint { color: #999; }
.algolia-autocomplete .aa-dropdown-menu { background-color: #fff; border: 1px solid #eee; border-radius: 3px; border-top: none; font-size: 16px; width: 100%; }
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion { cursor: pointer; padding: 10px; }
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor { background-color: #B2D7FF; }
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion em { font-style: normal; font-weight: bold; }

fieldset.feedback { border: 0; border-top: 1px solid #e6e6e6; border-radius: 5px; margin-top: 40px; padding: 50px 0 0 0; text-align: center; }
fieldset.feedback h5 { font-size: 14px; margin-bottom: 30px; margin-top: 0; }
fieldset.feedback label { display: inline-block; font-size: 0; height: 36px; margin: 0 16px; position: relative; }
fieldset.feedback input { cursor: pointer;  height: 36px; margin: 0; opacity: 0; position: absolute; width: 36px; z-index: 10; }
fieldset.feedback svg { height: 36px; width: 36px; }
fieldset.feedback label:hover svg { fill: #7aba07; stroke: #7aba07; }
fieldset.feedback input:checked + svg { fill: #7aba07; stroke: #7aba07; }
fieldset.feedback textarea { border: 1px solid #7aba07; border-radius: 5px; box-shadow: none; margin: 30px auto; max-width: 450px; outline: none; padding: 8px; resize: none; width: 100%; }
fieldset.feedback button { background: #7aba07; border: none; border-radius: 5px; color: #fff; cursor: pointer; display: block; margin: 0 auto; min-width: 160px; padding: 10px 30px; text-transform: uppercase; }
fieldset.feedback .confirmation { display: none; font-weight: bold; }

footer { background: #30373b; color: #fff; margin-top: 100px; padding: 80px; text-align: center; }

#mobile-index { display: none; }

@media (min-width: 768px) and (max-width: 1050px) {
	header .main, .content { margin: 0 30px; }
}

.require-advanced { background: #EAC096; border-radius: 5px; color: #44382C; cursor: default; font-size: 0.8em; letter-spacing: 0.03em; margin-left: 6px; padding: 2px 12px; text-transform: uppercase; }
h3 .require-advanced { font-size: 0.6em; vertical-align: text-top; }
nav.index .require-advanced { border: 1px solid #FFF; font-size: 0.7em; margin-left: 2px; padding: 2px 6px; }
.breadcrumbs .require-advanced { display: none; }

img.report { border: 1px solid #ccc; height: auto; margin-top: 20px; width: 738px; }

@media only screen and (max-width: 767px) {

	header h1 { font-size: 32px; line-height: 1.4em; margin-top: 20px; }
	header p { font-size: 16px; }
	.sections { margin-top: 0; }
	.sections:first-child { margin-top: 20px; }
	footer { margin-top: 30px; }

	nav.index { display: none; }
	.article { margin: 0; padding: 25px; }
	.article h1 { margin-bottom: 30px; }

	nav.breadcrumbs { padding: 0 15px; }
	nav.breadcrumbs div { overflow-x: scroll; }
	nav.breadcrumbs div::-webkit-scrollbar { height: 3px; }
	nav.breadcrumbs div::-webkit-scrollbar-thumb { background-color: #bfbfbf; display: block; }
	nav.breadcrumbs ul { margin: 15px 0; white-space: nowrap; }

	#mobile-index { display: block; margin-bottom: 30px; }
	#mobile-index button { border: 0; cursor: pointer; background: #f4f6f8; font-size: 14px; font-weight: bold; line-height: 19px; padding: 12px; padding-right: 40px; text-align: left; width: 100%;  }
	#mobile-index button span { display: block; float: right; height: 18px; margin-right: -26px; width: 18px; }
	#mobile-index button span { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDQ4IDQ4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xNC44MyAxNi40Mmw5LjE3IDkuMTcgOS4xNy05LjE3IDIuODMgMi44My0xMiAxMi0xMi0xMnoiLz48cGF0aCBkPSJNMC0uNzVoNDh2NDhoLTQ4eiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==') no-repeat center 1px; }
	#mobile-index ul { display: none; }
	#mobile-index.expanded ul { display: block; }
	.article #mobile-index .new { margin-left: 5px; margin-top: 2px; }

	.article table.variables,
	.article table.variables tbody,
	.article table.variables tr,
	.article table.variables td { border: 0; display: block; overflow: hidden; }
	.article table.variables thead { display: none; }
	.article table.variables tr { background: #f6f6f6; border: 1px solid #ddd; border-radius: 5px; display: block; margin-bottom: 2px; }
	.article table.variables td { display: block; float: left; width: auto; }
	.article table.variables td:first-child { padding-bottom: 10px; padding-right: 3px; }
	.article table.variables td:nth-child(2n) { padding-bottom: 10px; padding-left: 3px; }
	.article table.variables td:last-child { background: #fff; border-top: 1px solid #eee; clear: left; }
	.article table.variables .new { margin-left: 5px; margin-top: 3px; }

	.article .value-description-table,
	.article .value-description-table tbody,
	.article .value-description-table tr,
	.article .value-description-table td { border: 0; display: block; overflow: hidden; }
	.article .value-description-table thead { display: none; }
	.article .value-description-table tr { background: #f6f6f6; border: 1px solid #ddd; border-radius: 5px; display: block; margin-bottom: 2px; }
	.article .value-description-table td { display: block; }
	.article .value-description-table th { border: 0; font-weight: normal; padding-bottom: 10px; }
	.article .value-description-table td { background: #fff; border-top: 1px solid #eee; }

	fieldset.feedback textarea, fieldset.feedback button { font-size: 16px; }

}