select {
	display: inline-block;
}
.dropdown {
	display: inline-block;
}
.dropdown {
	margin-right: 8px;
}
pre.prettyprint {
	background: rgb(20, 20, 20); color: rgb(248, 248, 248);
}
pre.prettyprint span.str {
	color: rgb(143, 157, 106);
}
pre.prettyprint span.atv {
	color: rgb(143, 157, 106);
}
pre.prettyprint span.kwd {
	color: rgb(205, 168, 105);
}
pre.prettyprint span.pun {
	color: rgb(205, 168, 105);
}
pre.prettyprint span.com {
	color: rgb(95, 90, 96); font-style: italic;
}
pre.prettyprint span.typ {
	color: rgb(155, 112, 63);
}
pre.prettyprint span.lit {
	color: rgb(207, 106, 76);
}
pre.prettyprint span.pln {
	color: rgb(117, 135, 166);
}
pre.prettyprint span.tag {
	color: rgb(172, 136, 91);
}
pre.prettyprint span.atn {
	color: rgb(224, 197, 137);
}
pre.prettyprint span.dec {
	color: rgb(73, 73, 73);
}
pre.prettyprint {
	border: 0px currentColor !important;
}
.col {
	background: rgb(255, 255, 255); width: auto; color: rgb(51, 51, 51); display: block; max-width: 100%; box-shadow: none;
}
.col_2 {
	background: rgb(255, 255, 255); width: auto; color: rgb(51, 51, 51); display: block; max-width: 100%; box-shadow: none;
}
.col_1 {
	background: rgb(255, 255, 255); width: auto; color: rgb(51, 51, 51); display: block; max-width: 100%; box-shadow: none;
}
.col_2 h3 {
	color: rgb(51, 51, 51);
}
.col_2 strong {
	color: rgb(51, 51, 51);
}
pre.prettyprint {
	background: rgb(51, 51, 51) !important; padding: 12px !important; border-radius: 5px !important; font-size: 14px; overflow-x: scroll;
}
hgroup {
	text-align: left; margin-bottom: 10px;
}
.metro {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.metro div {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.metro li {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.metro div::after {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.metro .carat {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.metro .carat::after {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.metro .selected::after {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.metro::after {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.metro .selected::after {
	pointer-events: none; -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none;
}
.scrollable.metro div::after {
	pointer-events: none; -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none;
}
.metro {
	background: rgb(248, 248, 248); width: 250px; font-weight: 200; margin-bottom: 30px; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.open.metro {
	z-index: 2;
}
.metro:hover {
	background: rgb(244, 244, 244);
}
.metro::after {
	top: 2px; width: 30px; right: 3px; bottom: 3px; position: absolute; content: "";
}
.focus.metro::after {
	background: rgb(1, 128, 209);
}
.metro .carat {
	border-width: 8px; border-style: solid; border-color: rgb(0, 0, 0) transparent transparent; -ms-transform-origin: 20%; top: 50%; right: 10px; margin-top: -4px; position: absolute; z-index: 2; content: ""; -webkit-transform-origin: 50% 20%; -moz-transform-origin: 50% 20%; transform-origin: 50% 20%;
}
.metro .carat::after {
	border-width: 8px; border-style: solid; border-color: rgb(0, 0, 0) transparent transparent; -ms-transform-origin: 20%; top: 50%; right: 10px; margin-top: -4px; position: absolute; z-index: 2; content: ""; -webkit-transform-origin: 50% 20%; -moz-transform-origin: 50% 20%; transform-origin: 50% 20%;
}
.metro .carat::after {
	right: -8px; margin-top: -10px; border-top-color: rgb(248, 248, 248);
}
.metro:hover .carat::after {
	border-top-color: rgb(244, 244, 244);
}
.focus.metro .carat {
	border-top-color: rgb(248, 248, 248);
}
.focus.metro .carat::after {
	border-top-color: rgb(1, 128, 209);
}
.open.metro .carat {
	-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);
}
.metro .old {
	left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden; position: absolute;
}
.metro select {
	left: 0px; top: 0px; position: absolute;
}
.touch.metro select {
	left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0;
}
.metro .selected {
	padding: 9px 12px; color: rgb(0, 0, 0); line-height: 1; overflow: hidden; font-size: 18px; display: block; white-space: nowrap;
}
.metro li {
	padding: 9px 12px; color: rgb(0, 0, 0); line-height: 1; overflow: hidden; font-size: 18px; display: block; white-space: nowrap;
}
.metro .selected::after {
	border-radius: 0px 2px 2px 0px; top: 0px; width: 60px; right: 0px; bottom: 0px; position: absolute; content: ""; box-shadow: inset -55px 0px 25px -20px #f8f8f8;
}
.metro:hover .selected::after {
	box-shadow: inset -55px 0px 25px -20px #f4f4f4;
}
.metro div {
	background: rgb(248, 248, 248); left: 0px; top: 100%; height: 0px; right: 0px; overflow: hidden; margin-top: -1px; position: absolute; opacity: 0;
}
.metro:hover div {
	background: rgb(244, 244, 244);
}
.open.metro div {
	z-index: 2; opacity: 1;
}
.scrollable.metro div::after {
	left: 0px; height: 50px; right: 0px; bottom: 0px; position: absolute; content: ""; box-shadow: inset 0px -50px 30px -35px #f8f8f8;
}
.scrollable.metro:hover div::after {
	box-shadow: inset 0px -50px 30px -35px #f4f4f4;
}
.bottom.scrollable.metro div::after {
	opacity: 0;
}
.metro ul {
	list-style: none; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute;
}
.open.scrollable.metro ul {
	overflow-y: auto;
}
.metro li {
	list-style: none; padding: 8px 12px;
}
.metro li.focus {
	background: rgb(1, 128, 209); color: rgb(255, 255, 255); position: relative; z-index: 3;
}
.metro li.active {
	background: rgb(1, 128, 209); color: rgb(255, 255, 255);
}
.flat {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.flat div {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.flat li {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.flat div::after {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.flat .carat {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.flat .carat::after {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.flat .selected::after {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.flat::after {
	-webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
}
.flat .selected::after {
	pointer-events: none; -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none;
}
.scrollable.flat div::after {
	pointer-events: none; -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none;
}
.flat {
	background: rgb(41, 175, 132); padding: 8px 0px; border-radius: 5px; width: 250px; color: rgb(0, 0, 0); font-weight: 200; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none;
}
.open.flat {
	z-index: 2;
}
.flat:hover {
	background: rgb(0, 195, 132);
}
.focus.flat {
	background: rgb(0, 195, 132);
}
.flat .carat {
	border-width: 6px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; -ms-transform-origin: 20%; top: 50%; right: 14px; margin-top: -3px; position: absolute; z-index: 1; -webkit-transform-origin: 50% 20%; -moz-transform-origin: 50% 20%; transform-origin: 50% 20%;
}
.flat .carat::after {
	border-width: 6px; border-style: solid; border-color: rgb(255, 255, 255) transparent transparent; -ms-transform-origin: 20%; top: 50%; right: 14px; margin-top: -3px; position: absolute; z-index: 1; -webkit-transform-origin: 50% 20%; -moz-transform-origin: 50% 20%; transform-origin: 50% 20%;
}
.flat:hover .carat::after {
	border-top-color: rgb(244, 244, 244);
}
.focus.flat .carat {
	border-top-color: rgb(248, 248, 248);
}
.focus.flat .carat::after {
	border-top-color: rgb(1, 128, 209);
}
.open.flat .carat {
	-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg);
}
.flat .old {
	left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden; position: absolute;
}
.flat select {
	left: 0px; top: 0px; position: absolute;
}
.touch.flat select {
	left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0;
}
.flat .selected {
	color: rgb(255, 255, 255);
}
.flat .selected {
	padding: 8px 12px; text-transform: uppercase; line-height: 1; overflow: hidden; font-size: 16px; font-weight: 400; display: block; white-space: nowrap;
}
.flat li {
	padding: 8px 12px; text-transform: uppercase; line-height: 1; overflow: hidden; font-size: 16px; font-weight: 400; display: block; white-space: nowrap;
}
.flat .selected::after {
	border-radius: 0px 5px 5px 0px; top: 0px; width: 60px; right: 0px; bottom: 0px; position: absolute; content: ""; box-shadow: inset -55px 0px 25px -20px #29af84;
}
.flat:hover .selected::after {
	box-shadow: inset -55px 0px 25px -20px #00c384;
}
.focus.flat .selected::after {
	box-shadow: inset -55px 0px 25px -20px #00c384;
}
.flat div {
	background: rgb(0, 195, 132); border-radius: 5px; left: 0px; top: 100%; height: 0px; right: 0px; color: rgb(4, 114, 78); overflow: hidden; margin-top: 1px; position: absolute; opacity: 0;
}
.flat:hover div {
	background: rgb(0, 195, 132); border-radius: 5px;
}
.open.flat div {
	z-index: 2; opacity: 1;
}
.scrollable.flat div::after {
	left: 0px; height: 50px; right: 0px; bottom: 0px; position: absolute; content: ""; box-shadow: inset 0px -50px 30px -35px #00c384;
}
.scrollable.flat:hover div::after {
	box-shadow: inset 0px -50px 30px -35px #00c384;
}
.bottom.scrollable.flat div::after {
	opacity: 0;
}
.flat ul {
	list-style: none; border-radius: 5px; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute;
}
.open.scrollable.flat ul {
	overflow-y: auto;
}
.flat li {
	list-style: none; padding: 14px 12px; border-bottom-color: rgb(41, 175, 132); border-bottom-width: 1px; border-bottom-style: solid;
}
.flat li:last-child {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.flat li.focus {
	background: rgb(0, 195, 132); color: rgb(255, 255, 255); position: relative; z-index: 3;
}
.flat li.active {
	background: rgb(41, 175, 132); color: rgb(255, 255, 255);
}