@charset "utf-8";

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
big,
blockquote,
body,
button,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
input,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
tr,
tt,
ul,
var,
video,
li .list-title {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	line-height: inherit;
	border: 0;
	outline: 0;
	-webkit-font-smoothing: antialiased;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

body,
html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

html {
	height: 100%;
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

body {
	text-rendering: optimizeLegibility;
}

body {
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 17px;
	line-height: 26px;
	color: #2a2d33;
}

aside,
footer,
header,
section {
	display: block;
}

p {
	margin-bottom: 30px;
	font-size: 17px;
	line-height: 24px;
}

h1,
h2,
h3 {
	line-height: normal;
	padding: 0;
	text-transform: uppercase;
}

.navbar-collapse .nav>li>a {
	padding: 0 30px;
}

.navbar-header h1 {
	margin-top: auto;
	margin-bottom: auto;
}

.navbar-header {
	min-width: 270px;
}

a.navbar-brand:hover {
	color: rgba(255, 255, 255, .8);
}

.mobile-menu button {
	font-family: 'remixicon';
	display: none;
	color: #fff;
	background: 0 0;
	line-height: 36px;
	font-size: 23px;
}

.buy-button {
	background: #24b47e;
}

.navbar-inverse .navbar-nav>li>.buy-button:focus,
.navbar-inverse .navbar-nav>li>.buy-button:hover,
.navbar.navbar-inverse.affix .navbar-nav>li>.buy-button:hover {
	color: #ffffff;
	background: #22a0db;
}

a {
	color: #24b47e;
}

h1 {
	font-size: 28px;
	margin-top: 6px;
}

h2 {
	font-family: 'Be Vietnam Pro', sans-serif;
	text-transform: uppercase;
	font-size: 26px;
}

h2.page-header {
	font-size: 42px;
	color: #333;
	border-bottom: none;
	text-transform: none;
}

h3 {
	font-size: 24px;
	font-family: 'Be Vietnam Pro', sans-serif;
	text-transform: none;
	padding-bottom: 9px;
	padding-top: 35px;
	margin-bottom: 20px;
	border-bottom: 2px solid #f6f6f6;
}

h4,
li .list-title {
	font-size: 20px;
	line-height: normal;
	padding: 20px 0 10px 0;
	font-family: 'Be Vietnam Pro', sans-serif;
}

h5 {
	font-size: 14px;
	text-transform: none;
}

h6 {
	font-size: 12px;
	text-transform: none;
}

.addons,
.lts,
h4.shrts {
	font-size: 24px;
	line-height: normal;
	padding: 50px 0 10px 0;
	font-family: 'Be Vietnam Pro', sans-serif;
}

.doc-nav li.active.trx-active-rolled ul {
	display: none !important;
}

ol:not(.linenums),
ul:not(.linenums) {
	margin-bottom: 30px;
}

ol:not(.linenums) {
	counter-reset: item;
	padding-left: 25px;
}

.doc-content ul>li {
	display: block;
	padding-left: 20px;
	line-height: 1.5em;
}

.doc-content ul>li:before {
	margin: auto;
	margin-left: -20px;
	display: inline-block;
	height: 100%;
	position: relative;
	float: left;
}

ol:not(.linenums) li:last-child {
	border-bottom: none;
}

ol:not(.linenums) li {
	display: block;
	border-bottom: 1px solid #edeef2;
	padding-left: 20px;
	padding-bottom: 15px;
	padding-top: 15px;
	line-height: 1.5em;
}

ol:not(.linenums) li:last-child {
	border-bottom: none;
}

ol:not(.linenums) li+li {
	margin-bottom: 0;
}

ol:not(.linenums) li:before {
	font-family: 'Be Vietnam Pro', sans-serif;
	content: counter(item) ".";
	counter-increment: item;
	margin: auto;
	margin-left: -20px;
	display: inline-block;
	height: 100%;
	position: relative;
	float: left;
}

#header {
	width: 100%;
	z-index: 99999;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#header.affix {
	height: 80px
}

.doc-nav.affix.active {
	top: 80px;
}

.doc-nav.affix-top.active {
	top: 145px;
}

img {
	max-width: 100%;
	height: auto;
	margin: 20px 0;
	padding: 7px;
	border: 2px solid #eee;
	background-color: #fafafc;
	position: relative;
	display: block;
}

#pp_full_res img {
	display: inline-block;
	padding: 0;
	margin: 0;
	border: none;
}

body .pswp {
	z-index: 99999;
}

p+img,
p+.clearfix img,
p+div img {
	margin-top: 0;
}

#header .container {
	display: flex;
	align-items: center;
	height: 100%;
}

.doc-nav {
	position: absolute;
	top: 80px;
	width: 270px;
	/*Scroll overflow screen*/
	max-height: 75vh;
	overflow-y: scroll;
}

.doc-nav.affix,
.doc-nav.affix-bottom {
	position: fixed;
	top: 100px;
	z-index: 11111;
}

.doc-nav.affix-bottom {
	position: relative;
}

.doc-sidebar .nav>li>a {
	padding: 12px 30px 12px 30px;
}

.doc-nav>li {
	background: #fafafc;
	position: relative;
	list-style: outside none none;
}

.doc-nav>li a {
	font-size: 16px;
	white-space: nowrap;
	margin-bottom: 2px;
	color: #2a2d33;
	outline: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.doc-nav>li:last-child>a {
	margin-bottom: 0;
}

.doc-nav ul li.active a,
.doc-nav>li.active>a {
	color: #24b47e;
}

.doc-nav>li a:hover {
	color: #24b47e;
}

a:hover {
	color: #24b47e;
}

.doc-content ul:not(.linenums) {
	padding: 0 15px 0 25px;
}

.doc-content ul:not(.linenums)>li {
	font-size: 17px;
	list-style: none;
	line-height: 1.5em;
	padding-bottom: 10px;
	color: #757f8f;
}

.doc-content ul:not(.linenums)>li::before {
    content: "»";
    margin-right: 10px;
    font-size: 22px;
    color: #24b47e;
    line-height: 1em;
}

.doc-content ul:not(.linenums) ul>li::before {
	content: "▪";
}

.doc-content ul:not(.linenums) ul ul>li::before {
	content: "-";
}

.doc-nav {
	background-color: #fff;
}

.doc-nav li ul {
	display: none;
	list-style-type: none;
	margin-bottom: 2px;
	background: #fff;
	padding: 18px 0 18px 30px;
}

.doc-nav li.opened ul {
	display: block;
}

.doc-nav li.active ul {
	display: block;
}

.doc-nav li ul li a {
	font-size: 14px;
	border: none;
}

.doc-sidebar .doc-nav li ul li a:hover {
	background: 0 0;
}

.doc-nav li ul li a:before {
	content: '\e807';
	display: inline-block;
	margin-right: 10px;
	font-family: 'remixicon';
	font-size: 14px;
	color: #24b47e;
}

.doc-nav li ul li a:hover:before {
	text-decoration: none;
}

.doc-nav ul li.active a,
.doc-nav>li.active>a {
	font-family: 'Be Vietnam Pro', sans-serif;
	border: none;
}

.doc-nav::-webkit-scrollbar,
.doc-nav>li ul::-webkit-scrollbar {
	width: 2px !important;
}

.doc-nav::-moz-scrollbar,
.doc-nav>li ul::-moz-scrollbar {
	width: 2px !important;
}

.doc-nav::-webkit-scrollbar {
	background: #edeef2;
}

.doc-nav>li ul::-webkit-scrollbar-track {
	background: #fff;
}

.doc-nav::-moz-scrollbar-track,
.doc-nav>li ul::-moz-scrollbar-track {
	background-color: rgb(31, 31, 31);
}

.doc-nav::-webkit-scrollbar-thumb,
.doc-nav>li ul::-webkit-scrollbar-thumb {
	/*background-color: rgb(235, 235, 235);*/
	background-color: #24b47e;
}

.doc-nav ul li.active a {
	color: #24b47e;
}

.toggle-button:before {
	z-index: 100;
	cursor: pointer;
}

.doc-nav .docs-progress-bar {
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0;
	max-height: 50px;
	display: none;
}

.doc-nav .active .docs-progress-bar,
.doc-nav .viewed .docs-progress-bar {
	display: block;
}

.doc-content {
	padding-right: 70px;
    background: #fff;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgb(3 0 71 / 9%);
    margin-left: 15px;
}

.navbar-collapse {
	padding-right: 0;
}

.doc-content>div {
	width: 100%;
	overflow: hidden;
}

.navbar-collapse .navbar-nav:not(.navbar-right) li,
.navbar-inverse .navbar-collapse .navbar-nav>li>a {
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 18px;
	line-height: 36px;
}

.navbar .navbar-collapse {
	width: 100%;
	line-height: 100%;
}

.navbar-collapse .navbar-nav:not(.navbar-right) {
	margin-bottom: 0;
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
	color: #24b47e;
}

.fullwidth {
	width: 100%;
}

.navbar {
	border-radius: 0;
	margin-bottom: 0;
}

.navbar-inverse,
.navbar.navbar-inverse.affix {
	background-color: #2a2d33;
	border-color: #2a2d33;
}

.footer-wrapper {
	background-color: #2a2d33;
}

.page-header {
	margin-top: 75px;
}

.navbar-inverse .navbar-brand {
	margin: auto;
	height: auto;
	outline: 0;
	line-height: .9em;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav>li>a {
	color: #ffffff;
	font-size: 32px;
	font-weight: 100;
}

.affix.navbar-inverse .navbar-brand {
	font-size: 23px;
}

.affix.navbar-inverse .navbar-nav>li>a {
	font-size: 18px;
}

.affix.navbar-inverse .navbar-brand .navbar-brand-descr {
	margin-bottom: 0px;
}

.navbar-inverse .navbar-brand .navbar-brand-descr {
	display: block;
	margin-bottom: 10px;
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 14px;
	line-height: 1em;
	text-transform: none;
	color: #22a0db;
}

.navbar.navbar-inverse.affix .custom-search-button,
.navbar.navbar-inverse.affix .navbar-brand,
.navbar.navbar-inverse.affix .navbar-nav>li>a {
	color: #fff;
	height: auto;
	font-weight: 100;
}

.navbar.navbar-inverse.affix .navbar-nav>li.active>a,
.navbar.navbar-inverse.affix .navbar-nav>li.open>a,
.navbar-inverse .navbar-nav>.open>a {
	color: #fff;
}

.navbar.navbar-inverse.affix .navbar-nav>li.open>a:hover {
	color: #fff;
	opacity: .8;
}

.navbar.navbar-inverse.affix .custom-search-button:hover,
.navbar.navbar-inverse.affix .navbar-brand:hover,
.navbar.navbar-inverse.affix .navbar-nav>li>a:hover {
	color: #24b47e;
	opacity: 1;
}

.doc-sidebar .doc-nav>li a:hover {
	background-color: #efeff4;
}

.highlight {
	background-color: #3f4045;
	color: #fff;
}

.find_selected {
	background-color: #29739d;
	color: #fff;
	font-weight: 700;
}

.custom-search-button {
	float: right;
	color: #fff;
}

.custom-search-button input {
	background: 0 0;
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 14px;
	border: none;
	text-transform: uppercase;
	letter-spacing: .5px;
}

.custom-search-button:hover {
	color: rgba(255, 255, 255, .8) !important;
}

.custom-search-button .icon-search:before {
	font-size: 16px;
	margin-right: 0;
}

.custom-search-button label {
	cursor: pointer;
}

#findwindow {
	top: 160px !important;
	position: fixed !important;
	right: 36.12% !important;
	left: auto !important;
	font-size: 16px;
}

#window_body {
	text-align: center
}

#window_body input[type=button] {
	color: #4d4d4d;
	background: 0 0 !important;
	border: none !important;
	outline: 0;
	border: none;
	font-size: 14px;
	margin: 10px 10px 0 10px;
	padding: 5px 10px;
}

#window_body input[type=button]:hover {
	color: #24b47e;
	outline: 0;
	border: none;
	border: none;
}

#window_body input[type=search] {
	outline: 0;
	border: none;
	margin-left: 20px;
	margin-top: 32px;
}

#findwindow .close {
	opacity: 1;
}

#findwindow .close:hover {
	color: #e65d4f !important;
	text-shadow: 0 1px 0 #e65d4f;
}

#fwtext {
	font-size: 12px;
	margin-top: 20px;
	display: block;
	padding-left: 6px;
	color: #333 !important;
	font-family: 'Be Vietnam Pro', sans-serif;
}

footer {
	padding: 50px 0 0 0;
	width: 100%;
	color: #fff;
	margin-top: 140px;
	text-align: right;
	font-size: 16px;
}

footer p {
	font-family: 'Be Vietnam Pro', sans-serif;
	margin-left: 0;
}

footer p.social-wrap {
	text-align: left;
}

footer p.social-wrap a span {
	color: #ffffff;
}

footer a {
	text-decoration: none !important;
}

footer a,
footer span {
	color: #6995f1;
}

footer a:hover span,
footer p.social-wrap a:hover span {
	color: #22a0db;
}

footer a:hover {
	color: #22a0db;
}

.upToScroll {
	-webkit-appearance: none;
	position: fixed;
	height: 48px;
	bottom: 5%;
	right: 10%;
	cursor: pointer;
	z-index: 1001;
}

.upToScroll a {
	display: inline-block;
	width: 48px;
	height: 48px;
	font-size: 14px;
	line-height: 46px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #24b47e;
	outline: 0;
	border-radius: 100%;
}

.upToScroll a:hover {
	background-color: #22a0db;
}

img.small {
	width: 250px;
	float: left;
	overflow: hidden;
}

.under_image_p {
	clear: both;
	padding-top: 1em;
}

.upToScroll a.icon-edit {
	padding-left: 3px;
}

.doc-content code {
	padding: 0 10px;
	font-family: 'Roboto Mono', sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #757f8f;
	background-color: #f5f6fa;
	border: none;
}

.doc-content .wrap-info code,
.doc-content .wrap-danger code,
.doc-content .wrap-warning code {
	color: #5b636f;
	background-color: #e4e5e9;
}

.doc-content code.dark {
	font-size: 12px;
	color: #fff;
	background-color: #2e3138;
}

.doc-content code.light {
	padding: 0 3px;
	background-color: #def4fa;
}

.wrap-warning,
.wrap-danger,
.wrap-info,
.wrap-success {
	padding: 23px;
	border-radius: 3px;
	border: 2px solid #eee;
	background-color: #f5f6fa;
	line-height: 1.6em;
	vertical-align: middle;
}

.wrap-warning img,
.wrap-danger img,
.wrap-info img,
.wrap-success img {
	margin-bottom: 0;
}

.label {
	position: relative;
	top: -3px;
	padding: 5px 9px;
	margin-right: 8px;
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 10px;
	font-weight: 400;
	text-transform: uppercase;
}

.label-info {
	background-color: #24b47e;
}

.label-success {
	background-color: #00cc9c;
}

.label-warning {
	background-color: #24b47e;
}

.label-danger {
	background-color: #ff7b54;
}

p.padding {
	padding: 10px 0 15px 0;
}

@media (max-width:1366px) {
	.upToScroll {
		display: none !important;
	}
}

@media (min-width: 1366px) and (max-width: 1750px) {
	.upToScroll {
		right: 3%;
	}

	.upToScroll {
		height: auto;
	}

	.upToScroll a {
		display: block;
		margin-bottom: 10px;
	}
}

.toggle-button {
	position: absolute;
	top: 11px;
	right: 15px;
	cursor: pointer;
	color: #24b47e;
	font-size: 16px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 10%;
	text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.toggle-button:before {
	content: '\ea6e';
	font-family: 'remixicon';
	display: inline-block;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.toggle-button:hover {
	background-color: #f3f3f7;
}

li.trx-active-rolled.opened .toggle-button:before,
li.trx-active-rolled.active .toggle-button:before {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

li.opened .toggle-button:before,
li.active .toggle-button:before {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.doc-nav li ul li a:before {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

p.padding {
	padding: 10px 0 15px 0;
}

b,
strong {
	font-weight: 700;
}

strong.red {
	color: #f7744d;
}

i.red {
	color: #f7744d;
}

/*! * Bootstrap Docs (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under the Creative Commons Attribution 3.0 Unported License. For * details, see https://creativecommons.org/licenses/by/3.0/. */
.bs-callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}

.bs-callout h4 {
	margin-top: 0;
	margin-bottom: 5px;
}

.bs-callout p:last-child {
	margin-bottom: 0;
}

.bs-callout code {
	border-radius: 3px;
}

.bs-callout+.bs-callout {
	margin-top: -5px;
}

.bs-callout-danger {
	border-left-color: #ce4844
}

.bs-callout-danger h4 {
	color: #ce4844;
}

.bs-callout-warning {
	border-left-color: #aa6708;
}

.bs-callout-warning h4 {
	color: #aa6708;
}

.bs-callout-info {
	border-left-color: #60bae7;
}

.bs-callout-info h4 {
	color: #1b809e;
}

/* Copy link -------------------------------------------------------------- */
.trx-copy-link {
	color: #24b47e;
	padding: 0 10px;
	cursor: pointer;
	/*cursor: copy;*/
}

.trx-copy-link:hover {
	color: #1b809e;
}

.trx-copy-link:before {
	content: '\e802';
	font-family: 'icons';
	font-size: 20px;
	font-weight: 500;
}

/* Accordion -------------------------------------------------------------- */
.card {
	margin-top: 5px;
	background-color: #fafafc;
}

.card .card-header {
	position: relative;
	padding: 5px 50px 5px 30px;
	border-bottom: 2px solid #eee;
}

.card .card-header:after {
	content: '\e810';
	font-family: 'icons';
	position: absolute;
	right: 30px;
	top: 9px;
	line-height: 42px;
	font-size: 18px;
	color: #24b47e;
}

.card .card-header.trx-collapsed:after {
	content: '-';
	font-family: 'icons';
	font-size: 35px;
	line-height: 35px;
}

.card .card-header.trx-collapsed {
	border-color: #24b47e;
}

.card .card-header a {
	display: block;
	color: #24b47e;
	text-transform: uppercase;
}

.card .card-body {
	padding: 30px;
}

.card .card-header {
	cursor: pointer;
}

/* Code copy (Spoiler) -------------------------------------------------------------- */
.doc-content .spoil {
	border-left: none;
}

.doc-content .spoil .sp_top {
	text-transform: uppercase;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: auto;
	height: 35px;
	background: transparent;
	border: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.doc-content .spoil .sp_button {
	font-family: 'Roboto Mono';
	font-weight: 500;
	font-size: 10px;
	position: relative;
	width: auto;
	padding: 0 15px;
	height: 37px;
	margin-top: 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	background: #ff7b54;
	box-sizing: border-box;
	border: 1px #ff7b54 solid;
	-webkit-appearance: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.doc-content .spoil .sp_text {
	position: relative;
	font-family: 'Roboto Mono';
	font-weight: 500;
	font-size: 13px;
	margin: 20px 0 -20px 0;
	box-sizing: content-box;
}

.doc-content .spoil .sp_text span {
	font-family: 'Roboto Mono';
	font-weight: 500;
	font-size: 13px;
}

body .mfp-bg,
body .mfp-wrap {
	z-index: 999999;
}

.mfp-figure img {
	background: transparent;
	border: none;
}

.doc-content .prettyprint {
	background-color: #f5f5f5;
	border: 1px solid #e1e1e8;
	padding: 15px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	max-height: 350px;
	overflow-y: auto;
}

.doc-content .prettyprint.linenums {
	padding: 15px 20px 15px 0px;
}

.doc-content .str {
	color: #ff7b54;
}

.doc-content .pln,
.kwd,
.prettyprint .tag {
	color: #757f8f;
}

.pun,
.opn,
.clo {
	color: #757f8f;
}

.doc-content .spoil .sp_text .trx-copy-code {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 12px;
	padding: 4px 5px;
	border-radius: 3px;
	color: #fff;
	background-color: #818c9e;
	cursor: pointer;
}

.trx-copy-code-message {
	font-family: "HK Grotesk";
	display: block;
	position: absolute;
	background: #e4e5eb;
}

.trx-copy-code-message:after {
	width: 0;
	height: 0;
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	border-left: 60px solid green;
}

/* Live search -------------------------------------------------------------- */
/* Autocomplite dropdown*/
.ui-autocomplete {
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 14px;
	color: #5a5a5a;
	padding: 15px;
	border-radius: 3px;
	-moz-box-shadow: 0 0 9px 0 #a0a0a0;
	;
	-webkit-box-shadow: 0 0 9px 0 #a0a0a0;
	;
	box-shadow: 0 0 9px 0 #a0a0a0;
	;
}

.ui-menu .ui-menu {
	margin-top: 2px;
}

.ui-widget.ui-widget-content {
	border: 1px solid #fff;
}

.trx-search {
	position: relative;
}

.trx-search-input-wrapper {
	position: relative;
	display: inline-block;
}

.trx-search input {
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 15px;
	color: #818c9e;
	width: 270px;
	padding: 11px 110px 11px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 0 15px 2px #000000;
	-webkit-box-shadow: 0 0 15px 2px #000000;
	box-shadow: 0 0 15px 2px #000000;
}

.trx-search button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 11px 15px;
	margin-left: -6px;
	font-family: 'remixicon';
	color: #fff;
	background: #24b47e;
}

.trx-search button[data-search="next"] {
	right: 36px;
}

.trx-search button:hover {
	background: #22a0db;
}

.trx-search-status {
	display: inline-block;
	position: absolute;
	top: 11px;
	right: 70px;
	width: 45px;
	text-align: center;
	font-size: 13px;
	color: #757f8f;
}

.trx-hidden-status {
	visibility: hidden;
}

.ui-autocomplete-term {
	color: #ffffff;
	padding: 2px 0;
	background-color: #2b2d33;
}

.ui-menu .ui-menu-item {
	border-top: 1px solid #c1c1;
}

.ui-menu .ui-menu-item:first-child {
	border-top: none;
}

mark {
	background: yellow;
	padding: 0;
}

mark.current {
	background: orange;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: none;
	background: #def4fa;
	font-weight: normal;
	color: #2a2d33;
	border-radius: 3px;
}

.ui-state-active,
.ui-widget-content .ui-state-active .ui-autocomplete-term,
.ui-widget-header .ui-state-active,
a.ui-button:active .ui-autocomplete-term,
.ui-button:active,
.ui-button.ui-state-active:hover .ui-autocomplete-term {
	color: #ffffff;
	padding: 2px 0;
	background-color: #a1b1b9;
}

.trx-search-loader {
	display: none;
	position: absolute;
	top: 9px;
	right: 15px;
	border: 2px solid #f3f3f3;
	border-radius: 50%;
	border-top: 2px solid #9bb3c3;
	width: 18px;
	height: 18px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* Responsive styles -------------------------------------------------------------- */
@media (min-width: 1366px) and (max-width: 1750px) {
	.upToScroll {
		right: 3%;
	}

	.upToScroll a {
		display: block;
		margin-bottom: 10px;
	}
}

@media (max-width: 1200px) {
	.navbar-collapse {
		padding-left: 30px;
	}

	.trx-search input {
		padding: 7px 30px 7px 10px;
	}

	.trx-search button {
		padding: 7px 15px;
	}

	.navbar-collapse .nav>li>a {
		padding: 0 10px;
	}

	.doc-content {
		padding-right: 50px;
	}

	.doc-content.col-md-9 {
		width: 72%;
	}

	.doc-sidebar.col-md-3 {
		width: 28%;
		padding-left: 0;
	}

	.navbar-collapse .nav>li>a.buy-button {
		margin-left: 1.2em;
	}
}

@media (max-width: 1000px) {
	.upToScroll {
		display: none !important;
	}

	.mobile-menu button {
		display: block;
	}

	.doc-sidebar .nav-list,
	.navbar-toggle,
	.trx-search {
		display: none;
	}

	.doc-content.col-md-9 {
		width: 100%;
	}

	.navbar-right.mobile-menu {
		float: right;
		margin-right: 0;
	}

	/* Mobile menu */
	.doc-sidebar .nav-list.active {
		display: block;
	}

	.doc-sidebar .nav-list {
		position: fixed;
		width: 100%;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: auto;
		z-index: 999999;
		max-height: 100vh;
	}

	.doc-nav>li ul,
	.doc-nav>li .toggle-button {
		display: none !important;
	}
}

@media (max-width: 990px) {

	footer p,
	footer p.social-wrap {
		text-align: center;
	}

	.doc-content,
	.navbar-collapse {
		padding-right: 15px;
		padding-left: 15px;
        margin: 0;
	}

	.navbar-header {
		width: 100%;
		min-width: 250px;
	}
}

@media (max-width: 992px) {
	.doc-banners div[class*="col-"] {
		padding-bottom: 10px;
	}
}

@media (max-width: 767px) {}

@media (max-width: 640px) {
	.doc-nav.affix-top.active {
		top: 80px;
	}
}

@media (max-width: 479px) {}

@media (max-width: 320px) {}

.current:target:before,
h3:target:before,
h4:target:before {
	content: "";
	display: block;
	height: 20px;
	/* fixed header height*/
}

h2:target:before {
	content: "";
	display: block;
	height: 15px;
	/* fixed header height*/
}

p+ol,
p+ul {
	margin-top: -18px;
}

.card ol,
.card ul {
	margin-bottom: 0;
}

.card ol:last-child,
.card ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

div .card:last-child {
	margin-bottom: 40px;
}

body div.pp_overlay {
	z-index: 99999;
}

body div.pp_pic_holder {
	z-index: 999999;
}

#navbar .navbar-right {
	margin-right: 7px;
}

/*Pretty Photo*/
body div.pp_default .pp_close:before {
	content: '\e805';
	color: #fff;
	font-size: 25px;
	font-weight: 200;
	line-height: 48px;
	width: 100%;
	display: inline-block;
}

body a.pp_close {
	text-indent: 0;
	color: transparent;
}

body div.pp_default .pp_close:hover {
	opacity: 1;
	background-color: #22a0db;
}

body div.pp_default .pp_close {
	font-family: 'icons';
	font-size: 15px;
	text-align: center;
	width: 48px;
	height: 48px;
	background: 0 0;
	background-color: #24b47e;
	border-radius: 50%;
}

body div.pp_default .pp_details {
	position: absolute;
	top: -75px;
	right: 0;
}

/* li .list-title equal to h4 */
.doc-content ul.paddings-big>li,
.doc-content ol.paddings-big>li {
	padding-top: 30px;
}

.doc-content ul.paddings-medium>li,
.doc-content ol.paddings-medium>li {
	padding-top: 15px;
}

.doc-content ul.paddings-small>li,
.doc-content ol.paddings-small>li {
	padding-top: 0;
}

.doc-content li .list-title {
	padding-top: 0;
	margin-top: 0;
}

/** * Banners */
.doc-banners {
	margin-right: -10px;
}

.doc-banners [class*="col-"] {
	padding-right: 10px;
	padding-left: 0;
}

.doc-banners .doc-banner {
	background-color: #f5f6fa;
	padding: 45px 40px;
}

.doc-banners img {
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	background: none;
}

.doc-banners h3 {
	font-size: 17px;
	letter-spacing: 0;
	padding-top: 7px;
	padding-bottom: 0;
	border-bottom: none;
}

.doc-banners p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 24px;
}

.doc-banners .service-price {
	font-family: 'Be Vietnam Pro', sans-serif;
	font-size: 18px;
	color: #2e3138;
}

.doc-banners .service-price del {
	color: #98a3b5;
	padding-right: 5px;
}

.doc-banners .doc-banner-bunner {
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	display: inline-block;
	margin-top: 6px;
	padding: 7px 30px;
	color: #fff;
	background-color: #24b47e;
}

.doc-banners .doc-banner-bunner:hover {
	background-color: #21a0db;
	text-decoration: none;
}

table {
	width: 100%;
	border: none;
}

#t01 {
	font-size: 15px;
}

#t01 th {
	background-color: #edeef2;
	border: 1px solid #22a0db;
	padding: 15px;
}

#t01 td {
	border: 1px solid #22a0db;
	padding: 15px;
}

/*!* Sticky sidebar *!*/
/*.doc-sidebar{*/
/*will-change: min-height;*/
/*}*/
/*.doc-nav{*/
/*transform: translate(0, 0); !* For browsers don't support translate3d. *!*/
/*transform: translate3d(0, 0, 0);*/
/*will-change: position, transform;*/
/*}*/
/*.sidebar-affixed {*/
/*margin-left: 15px;*/
/*}*/