/*******************************
             Global
*******************************/

/*--------------
       Page
  ---------------*/
ul.list {
	list-style-type: disc;
}

ul.list li {
	list-style-position: outside;
}

p {
	margin: 1em 0em;
}

p:first-child {
	margin-top: 0em;
}

p:last-child {
	margin-bottom: 0em;
}

/*----------------
        Footer
  -----------------*/
#body>.pusher>.footer {
	margin: 0em;
	border-radius: 0em;
	padding: 4em 0em 4em 0em;
}

/*--------------
       Code
  ---------------*/

/* Inline Code */
pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

pre {
	background-color: #FFFFFF;
	text-align: left;
}

/*rtl:ignore*/
pre.console {
	background-color: transparent;
	line-height: 1.6;
	font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas',
		'source-code-pro', monospace;
	height: 300px;
	overflow: auto;
	direction: ltr;
}

code {
	background-color: rgba(0, 0, 0, 0.08);
	border-radius: 3px;
	display: inline-block;
	font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas",
		"source-code-pro", monospace;
	font-size: 0.875em;
	font-weight: bold;
	padding: 1px 6px;
	vertical-align: baseline;
}

pre code {
	border: none;
	padding: 0px;
	font-size: 1em;
}

blockquote {
	border-left: 4px solid #777777;
	font-size: 16px;
	line-height: 1.5;
	padding: 0em 2em;
	margin: 1em 0em 2em;
}

blockquote p {
	line-height: inherit;
}

blockquote .author {
	display: block;
	margin: 1em 0em 0em;
	font-weight: bold;
}

/* Code Inside Message */
.ui.message>p>code, .ui.message>code {
	background-color: rgba(0, 0, 0, 0.06);
	line-height: 1;
	padding: 3px 4px;
}

/*--------------
      Docs Icon
  ---------------*/
#body .body i.code.icon:before {
	font-family: 'Docs Code';
	content: "\e600";
	vertical-align: top;
}

/*--------------
       Sidebar
  ---------------*/
#body .ui.sidebar.menu .item {
	will-change: transform;
}

#body .sidebar.menu .logo.image, #body .ui.menu .logo.image {
	width: 35px;
	margin-right: 1em;
}

#body #toc>* {
	will-change: transform;
}

#body #toc>:last-child {
	padding-bottom: 2em;
}

#body #toc>.ui.menu {
	max-height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

/* Incomplete Label */
#body #toc .item .circular.label {
	position: absolute;
	top: 0.75rem;
	right: 1em;
	opacity: 0.2;
	transition: background 0.3s ease;
}

#body #toc .item.active>.circular.label, #body #toc .item:hover>.circular.label
	{
	opacity: 0.8;
}

/* Hidden Items */
#body #toc .hide.item {
	display: none;
}

/* Sidebar Header */
#body #toc .inverted.header {
	font-size: 1em;
	font-weight: normal;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 0.5em;
}

#body #toc a.inverted.header.active, #body #toc a.inverted.header:hover
	{
	color: rgba(255, 255, 255, 1);
}

#body #toc .menu .active.item {
	color: #FFF;
}

/*--------------
     Page Headers
  ---------------*/
#body .masthead.segment {
	position: relative;
	z-index: 3;
	margin: 0em;
	min-height: 185px;
	/*padding: 1em 0em;*/
	padding-top: 1em;
	padding-bottom: 3em;
	padding-left: 0;
	padding-right: 0;
	background-color: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	box-shadow: none;
}

#body .masthead .introduction {
	display: block;
}

#body .masthead .introduction:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#body .masthead iframe {
	margin-left: 5px;
	width: 101px !important;
	float: right;
}

/* Align with buttons */
#body .masthead .main.menu {
	margin-top: -2px;
	min-height: 0em;
}

#body .masthead .main.menu>.item {
	padding-top: 0.785714em;
	padding-bottom: 0.785714em;
}

/*--------------
      Languages
  ---------------*/
#body .language.dropdown.button {
	margin-top: 0.3em;
}

#body .language.dropdown>.text .description {
	color: rgba(255, 255, 255, 0.4);
}

#body .language.dropdown>.menu {
	width: 280px;
}

/*--------------
      Page Tabs
  ---------------*/
#body .tab.masthead.segment {
	display: block;
	padding-bottom: 0em;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1) inset;
}

#body .tab.masthead.segment .vertical.menu {
	display: none;
	margin: 2rem 0em 1rem;
}

#body .tab.masthead.segment .tabular.menu {
	margin: 3rem 0px 0em;
	border-bottom: none;
}

#body .tab.masthead.segment .tabular.menu .active.item {
	background-color: #F7F7F7;
}

/*--------------
      Ad Beg
  ---------------*/
#body .beg.segment {
	background-color: #F9F5F5;
	padding: 2em 3em;
}

#body .beg.segment .delete.icon {
	position: absolute;
	top: 1.5em;
	right: 1.5em;
}

#body .beg.segment .ui.header {
	margin: 0 !important;
}

/*--------------
      Download
  ---------------*/

/* Download Popup */
#body .masthead.segment .download.popup {
	width: 400px;
}

#body .masthead.segment .download.popup .check.icon {
	margin-left: -1em;
}

#body .masthead.segment .download.popup .framework.grid, #body .masthead.segment .download.popup .standalone.grid,
	#body .masthead.segment .download.popup .integration.grid, #body .masthead.segment .download.popup .link.grid
	{
	display: none;
}

/* lists */
#body .features {
	list-style-position: inside;
	margin: 10px 0px 0px;
	padding: 0px;
}

#body .features li {
	list-style-type: disc;
	margin: 0px 0px 10px;
	font-weight: bold;
}

#body .main.container a.anchor {
	height: 1px;
	position: absolute;
	right: 100%;
	top: -2.5em;
	width: 1px;
}

/*--------------
    Fixed Columns
  ---------------*/
#body .fixed.column {
	position: absolute;
	right: -0.5em;
	top: 0px;
	width: 250px;
	padding-top: 2em;
}

#body .fixed.column+.bodys {
	margin-right: 280px;
}

#body .tab.masthead .item.menu {
	margin: 3rem 0rem 2rem;
}

#body .tab.masthead.segment .fixed .tabular.menu {
	position: fixed;
	top: 50px;
}

#body .fixed .launch {
	display: none;
}

#body .fixed.column .sticky {
	margin-top: 0em;
}

/*--------------
     Fixed Menu
  ---------------*/
#body .main.menu .title.item b {
	margin-right: 0.5em;
}

#body .fixed.main.menu .launch.item {
	display: block;
}

#body .fixed.main.menu .search .icon {
	opacity: 0.9;
}

/*--------------
    Sidebar Button
  ---------------*/
#body .fixed.launch.button {
	display: none;
	position: fixed;
	top: 2.5em;
	left: 0px;
	width: 55px;
	height: auto;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: 0.3s width ease, 0.5s transform ease;
	-moz-transition: 0.3s width ease, 0.5s transform ease;
	-o-transition: 0.3s width ease, 0.5s transform ease;
	-ms-transition: 0.3s width ease, 0.5s transform ease;
	transition: 0.3s width ease, 0.5s transform ease;
}

#body .launch.button .icon {
	margin-left: 0px;
}

#body .fixed.launch.button .text {
	position: absolute;
	white-space: nowrap;
	top: auto;
	left: 54px;
	opacity: 0;
	-webkit-transition: 0.3s opacity 0.3s;
	-moz-transition: 0.3s opacity 0.3s;
	-o-transition: 0.3s opacity 0.3s;
	-ms-transition: 0.3s opacity 0.3s;
	transition: 0.3s opacity 0.3s;
}

#body .fixed.launch.button:hover {
	width: 130px;
}

#body .fixed.launch.button:hover .text {
	opacity: 1;
}

/* Position Change */
#body.pushable.left.overlay .fixed.launch.button {
	transform: translate3d(0, 0, 0);
}

#body.pushable.overlay.left.pushed .fixed.launch.button {
	transform: translate3d(260px, 0, 0);
}

/*******************************
          Alternate Layouts
  *******************************/

/*----------------
     Wide Layout
  -----------------*/
#body.wide .main.container {
	max-width: 1200px !important;
}

/*----------------
     Basic Layout
  -----------------*/
#body.basic .fixed.menu>.container, #body.basic .main.container, #body.basic .masthead>.container
	{
	position: relative;
	width: 700px !important;
	left: 0px;
	margin-right: 4em !important;
}

#body.basic .main.container>.rail, #body.basic .main.container>.tab>.rail
	{
	display: none !important;
}

#body .main.container .introduction p, #body .main.container .tab>p,
	#body .main.container .body>p, #body .main.container>p {
	font-size: 16px;
	line-height: 1.5;
	color: rgba(0, 0, 0, 0.8);
}

/* Link Styles */
#body .main.container>p a, #body .main.container>.tab>p a, #body .main.container .body>.ignored a,
	#body .main.container .body>p a {
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: top;
	z-index: 0;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	outline: none;
}

#body .main.container>p a>code, #body .main.container>.tab>p a>code,
	#body .main.container .body>.ignored a>code, #body .main.container .body>p a>code
	{
	background-color: rgba(0, 50, 100, 0.08);
}

#body .main.container>p a:before, #body .main.container>.tab>p a:before,
	#body .main.container .body>.ignored a:before, #body .main.container .body>p a:before,
	#body .main.container .code .value a:before {
	position: absolute;
	top: auto;
	bottom: 1px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #4183C4;
	content: '';
	-webkit-transition: all 0.2s;
	-webkit-backface-visibility: hidden;
	transition: all 0.2s;
	backface-visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

/* Not on UI */
#body .main.container .body>.ignored a.ui:before {
	display: none;
}

/* Hover */
#body .main.container>p a:hover>code, #body .main.container>.tab>p a:hover>code,
	#body .main.container .body>.ignored a:hover>code, #body .main.container .body>p a:hover>code
	{
	background-color: rgba(0, 50, 100, 0.12);
}

#body .main.container>p a:hover:before, #body .main.container>p a:focus:before,
	#body .main.container>.tab>p a:hover:before, #body .main.container>.tab>p a:focus:before,
	#body .main.container .body>.ignored a:hover:before, #body .main.container .body>.ignored a:focus:before,
	#body .main.container .body>p a:hover:before, #body .main.container .body>p a:focus:before,
	#body .main.container .code .value a:hover:before {
	background-color: #2C76BF;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

#body .ui.ad {
	max-width: 100%;
}

/*----------------
     Minimal Layout
  -----------------*/

/* Always Hidden Sidebar */
#body.minimal.basic>.launch.button {
	display: block;
}

#body.minimal.basic .full.height>.toc {
	display: none;
}

#body.minimal.basic .full.height>.article {
	margin-left: 0px;
}

#body.minimal.basic .fixed.menu>.container, #body.minimal.basic .main.container,
	#body.minimal.basic .masthead>.container, #body.minimal.basic .footer>.container
	{
	position: relative;
	width: 700px !important;
	left: 0px;
	margin-left: auto !important;
	margin-right: auto !important;
}

#body.minimal>.pusher>.footer {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media only screen and (max-width: 820px) {
	#body.minimal.basic .fixed.menu>.container, #body.minimal.basic .main.container,
		#body.minimal.basic .masthead>.container, #body.minimal.basic .footer>.container
		{
		width: auto !important;
		margin-left: 1em !important;
		margin-right: 1em !important;
	}
}

/*----------------
    Settings Table
  -----------------*/
#body .settings.table {
	margin-bottom: 20px;
}

#body .settings.table td:first-child {
	font-weight: bold;
}

#body .settings.table td:nth-child(2n) {
	width: 100px;
}

/*----------------
     Code Samples
  -----------------*/
#body .segment pre {
	background-color: transparent;
	margin: 0em;
	padding: 0em;
}

#body .segment pre .code {
	margin: 0em;
	padding: 0em;
	max-height: 610px;
	font-weight: normal;
	transform: rotateZ(0deg);
	-ms-transform: none !important;
	font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas',
		'source-code-pro', monospace;
}

#body table .instructive.segment {
	background-color: transparent;
	border: 0px;
	box-shadow: none;
	padding: 0em;
}

#body .ui.label+.instructive.segment {
	margin-top: 0em;
}

#body .instructive.segment:after {
	display: none;
}

#body .existing.segment em, #body .instructive.segment em {
	font-style: normal;
	color: rgba(0, 0, 0, 0.4);
}

#body .existing.segment .title+em, #body .instructive.segment .title+em
	{
	position: absolute;
	right: 1em;
}

#body .label+.code {
	margin-top: 1.5em;
}

/*----------------
       bodys
  -----------------*/
#body .body {
	margin: 2em 0em;
	padding: 2em 0em;
	position: relative;
	-webkit-tap-highlight-color: transparent;
}

#body .body>.ignored.message, #body .body>.ignore.message, #body .body>p
	{
	max-width: 700px;
}

#body .body:last-child {
	margin-bottom: none;
}

/* Header */
#body .body>h4:first-child {
	font-size: 18px;
	margin: 0em 0em 0em;
}

/* Wireframe Image */
#body .body .wireframe.image {
	opacity: 0.5;
}

#body .body .accordion .content>.wireframe.image {
	opacity: 0.5 !important;
}

#body .body :not (.images ) >.wireframe.image {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

#body .body :not (.images ) >.wireframe.image:first-child {
	margin-top: 0em;
}

#body .body :not (.images ) >.wireframe.image:last-child {
	margin-bottom: 0em;
}

/* Description */
#body .body .anchor+p {
	margin-top: 0;
	padding-bottom: 1em;
}

#body .no.body .anchor+p {
	margin: 0em 0px 1em;
	padding-bottom: 0em;
}

#body .body>p {
	color: rgba(0, 0, 0, 0.8);
}

/* Message */
#body .body .anchor+p+.ignored.message:not (.attached ), #body .body .anchor+p+.ignored.message+.ignored.message:not
	(.attached ) {
	margin: 0em 0 2em;
}

#body .pushing.body .rail .sticky {
	margin: 2em 0em;
}

#body .inline.body>.segment>.sticky.fixed {
	background-color: #FFFFFF;
}

#body .inline.body>.segment>.sticky.fixed+* {
	margin-top: 39px;
}

/* Another */
#body .another.body {
	margin-top: 0em;
	padding-top: 2em;
}

/* Spaced */
#body .spaced.body .buttons, #body .spaced.body .button {
	margin-bottom: 0.75em;
}

#body .spaced.body .buttons .button {
	margin-bottom: 0em;
}

#body .body .toggle.button {
	min-width: 100px;
}

/* bodys Tab */
#body .tab[data-tab*="bodys"] .body>p, #body .bodys.tab .body>p {
	margin: 1em 0em;
}

#body .tab[data-tab*="bodys"] .body .anchor+p, #body .bodys.tab .body .anchor+p
	{
	padding: 0em;
}

/* Intro Tab */
#body .intro>h3.ui.header {
	margin-top: 4em;
}

#body .intro .body .anchor+p {
	margin-top: 0.5em;
}

#body .intro .body>p {
	color: rgba(0, 0, 0, 0.8);
}

#body .existing.segment:after, #body .instructive.segment:after {
	display: none;
}

/*----------------
    body Types
  -----------------*/

/* No body */
#body .no.body i.code {
	display: none;
}

#body .fixed.body iframe {
	border: none;
	width: 100%;
	height: 350px;
}
/* Stretched body */
#body .stretched.body .column img {
	/* This is only necessary for IE which doesnt respect img intrinsic aspect ratios */
	max-height: 225px;
}

#body .clear.dropdown .dropdown {
	vertical-align: middle;
}

/* Requires Clear */
#body .clearing.body {
	overflow: hidden;
	clear: both;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
}

#body .piled.body {
	position: relative;
	z-index: 1;
}

#body .main.container:after {
	content: '';
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#body .body-group {
	position: relative;
}

#body .main.container>.tab {
	position: relative;
}

#body .main.container .bodys>h2, #body .main.container>h2, #body .main.container>.tab>h2
	{
	position: relative;
	margin: 5rem 0rem 3rem;
}

#body .main.container .bodys>h3, #body .main.container>h3, #body .main.container>.tab>h3
	{
	position: relative;
	margin: 3rem 0rem 2rem;
}

#body .main.container .bodys>.rail+h2, #body .main.container>.rail+h2,
	#body .main.container>.tab>.rail+h2, #body .main.container .bodys>h2:first-child,
	#body .main.container>h2:first-child, #body .main.container>.tab>h2:first-child
	{
	margin-top: 0em;
}

/* After Section Header */
#body .body:first-child, #body h2+.body, #body h3+.body, #body h4+.body
	{
	margin-top: 0px;
}

#body .body:first-child i.code, #body h2+.body i.code, #body h3+.body i.code,
	#body h4+.body i.code {
	top: 0.75em;
}

#body .another.body i.code {
	top: -0.5em;
}

/* Spaced */
#body .spaced.body .buttons, #body .spaced.body .button {
	margin-bottom: 0.75em;
}

#body .spaced.body .buttons .button {
	margin-bottom: 0em;
}

#body .body .toggle.button {
	min-width: 200px;
}

/* Code Language */
#body .body .language.label {
	margin: 1em 0em 0.75em;
}

/*--------------
     Code Button
  ---------------*/
#body .body i.code {
	cursor: pointer;
	position: absolute;
	top: 2rem;
	right: 0rem;
	margin: 0;
	opacity: 0.5;
	font-size: 20px;
	color: #000000;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

/*#body .body i.code:before {*/
/*font-family: 'Docs';*/
/*content: "\e600";*/
/*}*/
#body .body:hover i.code {
	opacity: 0.85;
}

#body .body:hover i.code:hover {
	opacity: 1;
}

#body .body .grid i.code {
	right: 25%;
}

#body .pointing.label+.existing.segment {
	margin-top: 0em;
}

#body .existing.code {
	display: none;
}

/* Code Annotation */
#body .body .annotation {
	margin: 0em;
}

#body .annotation pre code {
	min-width: 500px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#body .transition.body .ui.button {
	margin-bottom: 0.5em;
}

/* HTML Wrapper */
#body .body>.html {
	padding: 0em;
	transition: box-shadow 0.2s ease, padding 0.2s ease;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

#body .body>.html>.top.attached.label {
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	display: none;
	background-color: #F8F8F8;
	box-shadow: 0px 0px 0px 1px #DDDDDD;
}

#body .body>.html>.top.attached.label .copy {
	position: absolute;
	top: 9px;
	right: 8px;
	color: #AAAAAA;
}

#body .body>.html>.top.attached.label .copy:hover {
	color: #666666;
}

#body .body>.empty.html.segment {
	padding: 1.15em 1em 1em;
}

#body .body>.html.segment:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#body .body>.html.segment>.attached.label {
	display: block;
}

#body .body>.html.segment>.attached.label .copy {
	float: right;
}

#body .body>.html.segment {
	padding: 3.5em 1em 1em;
}

#body .body .instructive.segment {
	margin-top: -1px;
}

/* Fixes for UI */
#body .segment>.dimmer {
	z-index: 800;
}

#body .code .active.ui.modal {
	display: none !important;
}

#body .body .circular.segment {
	width: 175px;
	height: 175px;
}

#body .body .annotation.visible+.icon.buttons {
	margin-top: 1rem;
}

/*******************************
             UI Pages
  *******************************/

/*----------------
    Getting Started
  -----------------*/
#body.started .tab.segment>.body:first-child {
	margin-top: 0em;
	padding-top: 0em;
}

#body.started .tab.segment>.body:last-child {
	margin-bottom: 0em;
	padding-bottom: 0em;
}

/*----------------
       Theming
  -----------------*/
#body.theming .main.container .button {
	margin-bottom: 0.4em;
}

#body.theming .variable.grid .segment {
	display: block;
	width: 100%;
	height: 500px;
	overflow: auto;
}

/*--------------
    Content Loader
  ---------------*/
#body .content.body .ignored.card {
	display: none;
}

#body .content.body .card .image+.content {
	min-height: 94px;
}

/*--------------
      Colored
  ---------------*/
#body .colored.body .label, #body .colored.body .button, #body .colored.body .menu
	{
	margin-bottom: 0.5em;
}

#body .colored.body .menu {
	margin-right: 0.5em;
}

#body .colored.body .attached.label {
	margin-bottom: 0em;
}

/*--------------
      Callback
  ---------------*/
#body .callback.body .console {
	height: 350px;
	overflow: auto;
}

/*--------------
      Fitted
  ---------------*/
#body .fitted.body .segment {
	line-height: 1;
}

/*--------------
        Grid
  ---------------*/
#body .highlighted.body .grid {
	position: relative;
}

#body .highlighted.body .grid:before {
	position: absolute;
	top: 1rem;
	left: 1rem;
	background-color: #FAFAFA;
	content: '';
	width: calc(100% - 2rem);
	height: calc(100% - 2rem);
	box-shadow: 0px 0px 0px 1px #DDDDDD inset;
}

#body .highlighted.body .relaxed.grid:before {
	width: calc(100% - 3rem);
	left: 1.5em;
}
/* Consecutive */
#body .highlighted.body>.grid+.grid {
	margin-top: 1rem;
}

#body .highlighted.body .grid .grid:before {
	background-color: #F0F0F0;
}

#body .highlighted.body .row {
	position: relative;
}

#body .highlighted.body .grid>.column {
	position: relative;
	z-index: 11;
}

#body .highlighted.body .grid .column:not (.row ):not (.grid ):after {
	background-color: rgba(86, 61, 124, .1);
	-webkit-box-shadow: 0px 0px 0px 1px rgba(86, 61, 124, 0.2) inset;
	box-shadow: 0px 0px 0px 1px rgba(86, 61, 124, 0.2) inset;
	content: "";
	display: block;
	min-height: 50px;
}

#body .highlighted.body .grid .column:not (.grid ):first-child, #body .ui.type.cards .image .grid .column:not
	(.grid ):first-child {
	box-shadow: none;
}

#body .highlighted.body .grid .column:not (.grid ), #body .ui.type.cards .image .grid .column:not
	(.grid ) {
	min-height: 50px;
}

#body .highlighted.body .grid .segment, #body .ui.type.cards .image .grid .segment
	{
	border-radius: 0px;
	box-shadow: 0 0 0 1px #D4D4D4;
}

#body .negative.body>.button {
	position: relative;
	z-index: 100;
	margin: 0px 1px;
}

/* Nested Grid body */
#body .highlighted.special.body .ui.grid>.column:first-child:after,
	#body .highlighted.special.body .ui.grid>.column:last-child:after {
	display: none;
}

#body .highlighted.special.body .ui.grid .grid .column:not (.row ):not (.grid
	):after {
	display: block;
	background-color: rgba(186, 61, 84, 0.1);
	-webkit-box-shadow: 0 0 0 1px rgba(186, 61, 84, 0.2) inset;
	box-shadow: 0 0 0 1px rgba(186, 61, 84, 0.2) inset;
}

#body.animated .negative.body>.grid {
	margin: -1rem !important;
	background-color: #FFEEEE;
}

#body .colored.body .column {
	padding-top: 2em;
	padding-bottom: 2em;
}

/* Animation */
#body.animated .highlighted.body .html>.grid, #body.animated .animated.body .html>.grid,
	#body.animated .highlighted.body>.grid, #body.animated .animated.body>.grid
	{
	margin: -1rem auto;
	-webkit-animation: grid 7s ease infinite;
	-moz-animation: grid 7s ease infinite;
	animation: grid 7s ease infinite;
}

#body.animated .negative.body .html>.grid, #body.animated .negative.body>.grid
	{
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	animation: none;
}
/* Grid Inside Grid */
#body.animated .highlighted.body .grid .grid, #body.animated .animated.body .grid .grid
	{
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	animation: none;
}

#body .ui.table .help.icon {
	float: right;
}

#body.site .colors.body .column {
	padding: 50px 0px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
}

@
-webkit-keyframes grid { 0% {
	width: 100%;
}

45%
{
width
:

90%;
}
55%
{
width
:

90%;
}
100%
{
width
:

100%;
}
}
@
-moz-keyframes grid { 0% {
	width: 100%;
}

45%
{
width
:

90%;
}
55%
{
width
:

90%;
}
100%
{
width
:

100%;
}
}
@
keyframes grid { 0% {
	width: 100%;
}

45%
{
width
:

90%;
}
55%
{
width
:

90%;
}
100%
{
width
:

100%;
}
}
#body .layered.body {
	z-index: 1;
}

/*--------------
        Demo
  ---------------*/
#body .demo.container .button.demo>.buttons, #body .demo.container .button.demo>.button,
	#body .demo.container .button.demo>.segment>.button {
	margin-bottom: 0.5em;
}

#body .demo.container h4:first-child {
	font-weight: bold !important;
	margin: 0em 0em 1em !important;
	font-size: 18px;
}

#body .demo.container .body:first-child {
	margin-top: 0;
	padding-top: 0;
}

#body .demo.container .segment.body {
	z-index: 1;
}

#body .demo.container>.ui.label:not (.empty ) {
	margin-bottom: 1em;
}

#body .demo.container .segment .ui.label {
	margin-bottom: 0em;
}

/*--------------
      New
  ---------------*/
.complex-popup.body #one {
	display: block;
	position: relative;
	padding: 50px 100px;
	background-color: #F0F0F0;
}

.complex-popup.body #two {
	display: block;
	background-color: #E2EAE4;
	position: relative;
	top: 10px;
	padding: 50px 8px;
}

/*--------------
     Visibility
  ---------------*/

/* static */
.visibility.body .overlay {
	padding: 0em;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	transition: padding 0.5s ease;
	background: transparent;
}

.visibility.body .overlay.fixed+.placeholder {
	display: none;
}
/* fixed */
.visibility.body .overlay.fixed {
	position: fixed;
	background-color: #FFFFFF;
	padding: 1em;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
	z-index: 10;
}

.visibility.body .overlay.fixed+.placeholder {
	display: block;
	height: 28px;
}

/* Flash Animation */
.main.container .highlight {
	-moz-animation: highlight 2s ease-out;
	-moz-animation-iteration-count: 1;
	-webkit-animation: highlight 2s ease-out;
	-webkit-animation-iteration-count: 1;
	-ms-animation: highlight 2s ease-out;
	-ms-animation-iteration-count: 1;
	animation: highlight 2s ease-out;
	animation-iteration-count: 1;
}

@
-webkit-keyframes highlight { 0% {
	background-color: none;
}

30%
{
background-color
:

#ffff00
;


}
100%
{
background-color
:

none
;


}
}
@
-moz-keyframes highlight { 0% {
	background-color: none;
}

30%
{
background-color
:

#ffff00
;


}
100%
{
background-color
:

none
;


}
}
@
-ms-keyframes highlight { 0% {
	background-color: none;
}

30%
{
background-color
:

#ffff00
;


}
100%
{
background-color
:

none
;


}
}

/*--------------
     Progress
  ---------------*/
body.progress.animated .ui.progress .bar {
	-webkit-animation: finish 10s ease-in-out infinite;
	-moz-animation: finish 10s ease-in-out infinite;
	-ms-animation: finish 10s ease-in-out infinite;
	animation: finish 10s ease-in-out infinite;
}

/*--------------
      Divider
  ---------------*/
#body.divider .ui.grid {
	position: relative;
}

/*--------------
        Header
  ---------------*/
#body.header .wireframe.image {
	max-width: 500px;
}

/*--------------
        Modal
  ---------------*/
#body.modal-page .main.container {
	z-index: auto;
}

/*--------------
        Popup
  ---------------*/
#body.popup .inline.body .popup {
	color: #FF0000;
}

#body .position.body .icon {
	position: absolute;
	margin: 0em;
	width: auto;
	font-size: 1.5em;
	height: auto;
	padding: 0.5em !important;
}

#body .position.body .segment:not (.instructive ) {
	width: 250px;
	height: 250px;
}

#body .position.body .segment .icon:nth-of-type(1) {
	top: 0em;
	left: 0em;
}

#body .position.body .segment .icon:nth-of-type(2) {
	top: 0em;
	left: 50%;
	margin-left: -1em;
}

#body .position.body .segment .icon:nth-of-type(3) {
	top: 0em;
	right: 0em;
}

#body .position.body .segment .icon:nth-of-type(4) {
	top: 50%;
	margin-top: -1em;
	right: 0em;
}

#body .position.body .segment .icon:nth-of-type(5) {
	bottom: 0em;
	right: 0em;
}

#body .position.body .segment .icon:nth-of-type(6) {
	bottom: 0em;
	left: 50%;
	margin-left: -1em;
}

#body .position.body .segment .icon:nth-of-type(7) {
	bottom: 0em;
	left: 0em;
}

#body .position.body .segment .icon:nth-of-type(8) {
	top: 50%;
	margin-top: -1em;
	left: 0em;
}

#body .main.ui.grid {
	position: relative;
}

/*--------------
        Icon
  ---------------*/
#body iconSearch.ui.search {
	float: right;
	position: relative;
	z-index: 3;
}

#body iconSearch .result i.icon {
	font-size: 20px;
	float: right;
	margin-top: -5px;
	margin-left: 11px;
	color: #000000;
}

#body .icon.body .grid {
	text-align: left;
}

#body .icon.body .grid .code {
	position: static;
}

#body .icon.body .grid>.column {
	opacity: 0.8;
	text-align: center;
	color: transparent;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-transition: color 0.3s ease, opacity 0.3s ease;
	-moz-transition: color 0.3s ease, opacity 0.3s ease;
	-o-transition: color 0.3s ease, opacity 0.3s ease;
	-ms-transition: color 0.3s ease, opacity 0.3s ease;
	transition: color 0.3s ease, opacity 0.3s ease;
}

#body .icon.body .attached.segment .grid>.row>.column {
	color: #555555;
}

#body .icon.body .column .icon {
	opacity: 1;
	height: 1em;
	color: #333333;
	display: block;
	margin: 0em auto 0.25em;
	font-size: 2em;
	-webkit-transition: color 0.6s ease, transform 0.2s ease;
	-moz-transition: color 0.6s ease, transform 0.2s ease;
	-o-transition: color 0.6s ease, transform 0.2s ease;
	-ms-transition: color 0.6s ease, transform 0.2s ease;
	transition: color 0.6s ease, transform 0.2s ease;
}

#body .icon.body .html.segment .grid .column, #body .icon.body .grid:hover .column
	{
	color: #777777;
}

#body .icon.body .grid:hover .column .icon {
	color: #333333;
}

#body .icon.body .grid .column:hover .icon {
	color: #000000;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}

#body .icon.body .grid .column:hover {
	opacity: 1;
	color: #444444;
}

#body .another.icon.body {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#body .another.body i.code ~ .ignored.message {
	margin: 0em 0em 2em;
}

/*--------------
      List Page
  ---------------*/
#body .element.cards .image {
	overflow: hidden;
	min-height: 100px;
}

#body .collection.cards {
	min-height: 350px;
}

#body .ui.type.cards>.item {
	min-height: 255px;
}

#body .ui.type.cards>.item>.image {
	padding: 1em;
	height: 165px;
	vertical-align: middle;
}
/*--------------
        Header
  ---------------*/
#body.header .sizer {
	padding: 1rem 0em;
}

/*--------------
        Flag
  ---------------*/
#body.flag .basic.table tbody td:first-child {
	width: 20px;
}

/*--------------
        Feed
  ---------------*/
#body.feed .body .segment {
	max-width: 800px;
}

/*--------------
        Search
  ---------------*/
.fixed.menu .right.searching.menu .borderless.item, .fixed.menu .right.searching.menu .popup.item,
	.fixed.menu .right.searching.menu .language.item {
	display: none;
}

#search input {
	color: white;
	width: 146px;
	text-align: right;
}

#search.hidden input {
	padding: 0 0.8em 0 0 !important;
	width: 0;
}

#search .results {
	margin-top: 1em;
	border-radius: 0px 0px 3px 3px;
}

#search.ui.input input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.75);
}

#search.ui.input input::-moz-placeholder {
	color: rgba(255, 255, 255, 0.75);
}

#shortcuts.ui.modal .actions {
	padding: 0;
	border: none;
	background: none;
}

/*******************************
           Code Samples
  *******************************/
code.code {
	display: block;
	overflow-x: auto;
	padding: 0em;
	color: #666;
	background-color: transparent;
	-webkit-text-size-adjust: none;
}

/*--------------
     Hover Only
  ---------------*/
code.code, code.code span {
	-moz-transition: 0.5s color ease;
	-webkit-transition: 0.5s color ease;
	-ms-transition: 0.5s color ease;
	transition: 0.5s color ease;
}

code.code {
	color: #333333;
}

code.code.xml {
	color: #555555;
}

code.code.xml:hover {
	color: #333333;
}

/* Class Name */
code .string, code .tag .value, code .phpdoc, code .dartdoc, code .tex .formula
	{
	color: #008C79;
}

code:hover .string, code:hover .tag .value, code:hover .phpdoc, code:hover .dartdoc,
	code:hover .tex .formula {
	color: #007b6b;
}

/* Comment */
code .comment, code .template_comment, code .diff .header, code .javadoc
	{
	color: #AAAAAA;
	font-style: italic;
}

/* Properties */
code .tag, code .rules .property, code .django .tag .keyword {
	color: #858188;
	font-weight: normal;
}

code:hover .tag, code:hover .rules .property, code:hover .django .tag .keyword
	{
	color: #892A6F;
	font-weight: normal;
}

/* HTML Tag */
code .tag .title {
	color: #858188;
	font-weight: normal;
}

code:hover .tag .title {
	color: #892A6F;
}

/* Attribute */
code .attribute, code .variable, code .lisp .body {
	color: #8D8A8A;
	transition: color 0.3s;
}

code:hover .attribute, code:hover .variable, code:hover .lisp .body {
	color: #934E4E;
}

/* CSS ID */
code .title, code .id, code .scss .preprocessor {
	color: #9C989F;
	font-weight: bold;
}

/* CSS Attribute */
code .rule .attribute {
	color: #892A6F;
}

code:hover .rule .attribute {
	color: #892A6F;
}

/* CSS Value */
code .number, code .hexcolor, code .ruby .constant {
	color: #666666;
}

code:hover .number, code:hover .hexcolor, code:hover .ruby .constant {
	color: #333333;
}

/* LESS */
code.less .number, code.less .hexcolor, code.less .ruby .constant {
	color: #005FAA;
}

code.less:hover .number, code.less:hover .hexcolor, code.less:hover .ruby .constant
	{
	color: #005FAA;
}
/* LESS Variable */
code.less .attribute, code.less .variable, code.less .lisp .body {
	color: #333333;
	transition: color 0.3s;
}

code.less:hover .attribute, code.less:hover .variable, code.less:hover .lisp .body
	{
	color: #333333;
}

/* Emphasized Value */
code.code .class {
	color: #008C79;
}

code.code .class b {
	font-weight: normal;
	background-color: rgba(90, 90, 90, 0);
	border-radius: 5px;
	line-height: 1;
	vertical-align: baseline;
	display: inline-block;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 0px -4px;
	padding: 1px 4px;
}

code.code .class b {
	background-color: rgba(218, 189, 40, 0.15);
	color: #9E6C00;
}

/* Linked UI */
code .tag .value a {
	position: relative;
	border-radius: 5px;
	line-height: 1;
	color: inherit;
	margin: 0px -2px;
	padding: 1px 4px;
	background-color: rgba(150, 150, 150, 0.1);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

code .tag .value a b {
	border-radius: 0px;
}

code .tag .value a:hover {
	background-color: rgba(40, 150, 218, 0.2);
	color: #00689E;
}

code .tag .value a:hover b {
	background-color: transparent;
	color: inherit;
}

/*--------------
        Normal
  ---------------*/
code .keyword, code .css .rule .keyword, code .winutils, code .javascript .title,
	code .nginx .title, code .subst, code .request, code .status {
	color: #333;
	font-weight: bold;
}

code .javascript .title, code .list .keyword, code .subst {
	font-weight: normal;
}

code .class .title, code .type, code .vhdl .literal, code .tex .command
	{
	color: #458;
	font-weight: bold;
}

code .regexp {
	color: #009926;
}

code .built_in {
	color: #0086b3;
}

code .preprocessor, code .pragma, code .pi, code .doctype, code .shebang,
	code .cdata {
	color: #999;
	font-weight: bold;
}

code .deletion {
	background: #fdd;
}

code .addition {
	background: #dfd;
}

code .diff .change {
	background: #0086b3;
}

code .chunk {
	color: #aaa;
}

/*******************************
           Sidebar Layout
  *******************************/
#body>.pusher>.full.height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

#body:not (.site ) >.pusher>.full.height {
	background-color: #FFFFFF;
}

/* page layout */
#body .full.height>.toc {
	position: fixed;
	z-index: 1;
	background-color: #1b1c1d;
	width: 250px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

#body .full.height>.toc .ui.menu {
	border-radius: 0;
	border-width: 0 1px 0 0;
	box-shadow: none;
	margin: 0;
	/* width: inherit; */
	overflow: hidden;
	will-change: transform;
	max-height: 100vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 1.0rem;
}

#body .article {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0px;
	margin-left: 260px;
}

#body .full.height>.toc .ui.menu::-webkit-scrollbar {
	-webkit-appearance: none;
}

#body .full.height>.toc .ui.menu::-webkit-scrollbar-track {
	background-color: rgba(255, 255, 255, 0);
}

#body .full.height>.toc .ui.menu::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0);
}

#body .full.height>.toc .ui.menu:hover::-webkit-scrollbar-track {
	background-color: rgba(255, 255, 255, 0.1);
}

#body .full.height>.toc .ui.menu:hover::-webkit-scrollbar-thumb {
	background-color: rgba(255, 255, 255, 0.25);
}

#body>.pusher>.footer, #body .article>.footer {
	border-top: 1px solid #DDDDDD;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08) inset;
	background-color: #FAFAFA;
	padding-top: 2em;
}

/*******************************
        Definition Container
  *******************************/
#body>.pusher>.footer {
	clear: both;
}

#body .fixed.menu>.container, #body .main.container, #body .masthead>.container,
	#body .footer>.container {
	position: relative;
}

#body .main.container {
	padding: 2em 0em 7em;
}

#body .wide.main.container {
	width: 80%;
	margin: 0 auto;
	max-width: 1140px;
}

#body .main.container>.right.rail .sticky, #body .main.container>.tab>.bodys>.right.rail .sticky,
	#body .main.container>.tab>.right.rail .sticky {
	padding-bottom: 2em;
}

#body .following.menu .menu .active.item {
	font-weight: bold;
}

/*******************************
             Advert
  *******************************/

/*----------------
    Style Overrides
  -----------------*/
#body .advertisement #carbonads {
	position: relative;
	display: block;
	width: auto;
	margin: 0 auto;
	background-color: #F5F8F9;
	border: 1px solid #9ECAD3;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
	padding: 1em;
	font-family: "Helvetica Neue", Arial, sans-serif;
	overflow: hidden;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#body .advertisement #carbonads:hover {
	background-color: #F0F8F9;
	border: 1px solid #87C7D0;
}

#body .advertisement .carbon-wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

#body .advertisement .carbon-img {
	width: 130px;
	margin-right: 0.75em;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

#body .advertisement .carbon-img img {
	display: block;
	border: 1px solid #DDDDDD;
}

#body .advertisement .carbon-text {
	font-size: 13px;
	line-height: 16px;
	padding-bottom: 1.5em;
	height: auto;
	min-width: 145px;
	color: rgba(20, 50, 50, 0.8);
}

#body .advertisement .carbon-text:hover {
	color: rgba(0, 30, 30, 0.8);
}

#body .carbon-poweredby {
	position: absolute;
	left: 130px;
	margin-left: 2em;
	bottom: 1em;
	color: #bbb;
	font-size: 11px;
	color: rgba(0, 0, 0, 0.3);
	text-align: left;
}

/*******************************
          Advertisements
  *******************************/

/* Rail Ad */
#body .rail .advertisement {
	display: block;
	float: none;
	margin: 1em 0;
	padding-left: 0;
}

#body .rail .advertisement #carbonads {
	display: block;
	margin: 0 -1.5em;
	width: auto;
}

#body .bsa-cpc #_default_ {
	position: relative;
	border-bottom: solid 1px #dddddd;
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
	transition: background 0.3s ease;
}

#body .bsa-cpc #_default_:hover {
	background-color: #FAFAFA;
}

#body .bsa-cpc .default-ad {
	display: none;
}

#body .bsa-cpc ._default_ {
	display: inline-block;
	overflow: hidden;
	padding: 10px 3em;
	max-width: 1044px;
	color: #415a5a;
	text-align: left;
	line-height: 1;
	margin-right: 344px;
	display: block;
}

#body .bsa-cpc ._default_>* {
	vertical-align: middle;
}

#body .bsa-cpc a {
	text-decoration: none;
}

#body .bsa-cpc .default-image {
	display: inline-block;
	margin-right: 6px;
	line-height: 0;
}

#body .bsa-cpc .default-image img {
	height: 18px;
	border-radius: 3px;
}

#body .bsa-cpc .default-title:after {
	content: " — ";
}

#body .bsa-cpc .default-title, #body .bsa-cpc .default-description {
	display: inline;
}

#body .bsa-cpc .default-title {
	position: relative;
	font-weight: 600;
}

#body .bsa-cpc .default-description:after {
	position: relative;
	top: 0px;
	right: 0px;
	padding: 4px 6px;
	float: right;
	border-radius: 3px;
	background-color: #848484;
	color: #fff;
	content: "Ad";
	text-transform: uppercase;
	font-size: 9px;
	font-family: Verdana, sans-serif;
}

/*******************************
            Responsive
  *******************************/

/* Defaults */
#body .masthead>.container, #body .main.container, #body .fixed.menu>.container
	{
	margin-left: 1em !important;
	margin-right: 1em !important;
	/*width: auto !important;*/
	/*max-width: 960px !important;*/
}

#body .masthead>.container {
	margin-right: 387px !important;
}

#body .main.container {
	margin-right: 387px !important;
}

/* Rail Default */
#body .main.container>.right.rail, #body .main.container>.tab>.bodys>.right.rail,
	#body .main.container>.tab>.right.rail {
	margin-left: 3em;
	padding-top: 2em;
	width: 319px;
}

#body .masthead .advertisement {
	margin-left: 3em;
	padding: 0em 1.25em;
	width: 342px;
}

/* Absolute Ad */
#body .masthead .introduction {
	display: block;
}

#body .masthead .advertisement {
	position: absolute;
	left: 100%;
	bottom: -2px;
}

/* Remove Overview from pages with bodys */
@media only screen and (max-width: 1500px) {
	#body .fixed.column {
		right: auto;
		left: 100%;
		margin-left: 4.5em;
		width: 300px;
	}
	#body .fixed.column+.bodys {
		margin-right: 0px;
	}
	#body .fixed.column+.bodys .right.rail {
		display: none;
	}
}

/* Table Ad */
@media only screen and (max-width: 1272px) {
	#body .masthead>.container {
		margin-right: 2em !important;
		max-width: none !important;
	}
	#body .masthead .introduction {
		display: table-cell;
		vertical-align: top;
		width: 100%;
	}
	#body .masthead .advertisement {
		position: static;
		float: none;
		display: table-cell;
		vertical-align: bottom;
		padding-left: 3em;
		padding-right: 0em;
	}
	#body .bsa-cpc ._default_ {
		margin-right: 0px;
	}
}

/* Squish Content (Just For Small Computers) */
@media only screen and (max-width: 1272px) {
	/* Resize Main Container */
	#body .main.container {
		margin-right: 318px !important;
	}

	/* Resize TOC  */
	#body .full.height>.toc {
		width: 200px;
	}

	/* Resize Rail */
	#body .main.container>.right.rail, #body .main.container>.tab>.bodys>.right.rail,
		#body .main.container>.tab>.right.rail {
		padding-left: 1.5em;
		width: 260px;
	}
	#body .fixed.column {
		width: 250px;
		margin-left: 2.5em;
	}
}

/* Hide Top Bar */
@media only screen and (min-width: 1145px) {
	#body .fixed.main.menu {
		display: none;
	}
}

/* Remove Fixed Sidebar /  Show Top Bar */
@media only screen and (max-width: 1144px) {
	/* Hide Fixed Sidebar */
	#body .full.height>.toc {
		display: none;
	}
	#body .full.height>.article {
		margin-left: 0px;
	}

	/* Hide Fixed Launch Button */
	#body .fixed.launch.button {
		display: none !important;
	}

	/* Additional Padding for Fixed Menu */
	#body .masthead.segment {
		padding-top: 5em;
	}

	/* Hide GitHub Stars in Intro */
	#body .masthead iframe {
		display: none;
	}

	/* Less Left Padding */
	#body .masthead>.container, #body .main.container, #body .fixed.menu>.container
		{
		margin-left: 2em !important;
	}

	/* Padding Above Rail */
	#body .main.container>.right.rail .sticky, #body .main.container>.tab>.bodys>.right.rail .sticky,
		#body .main.container>.tab>.right.rail .sticky {
		padding-top: 2.5em;
	}

	/* 100% Menu Width */
	#body .fixed.menu>.container {
		margin-left: 0em !important;
		margin-right: 0em !important;
		width: 100% !important;
		max-width: none !important;
	}

	/* Remove Bug Reports */
	#body .main.menu .bug.item {
		display: none;
	}

	/* Space For Header Over bodys */
	#body .fixed.column .sticky {
		padding-top: 2em;
	}
}

/* Remove Rail */
@media only screen and (max-width: 992px) {
	/* Remove Rail */
	#body .main.container>.right.rail, #body .main.container>.tab>.bodys>.right.rail,
		#body .main.container>.tab>.right.rail {
		display: none;
	}

	/* Fluid Containers */
	#body .masthead>.container, #body .main.container, #body .fixed.menu>.container
		{
		margin-left: 1em !important;
		margin-right: 1em !important;
		max-width: none !important;
	}

	/* Still 100% Fixed Menu */
	#body .fixed.menu>.container {
		margin-left: 0em !important;
		margin-right: 0em !important;
		width: 100% !important;
		max-width: none !important;
	}

	/* Remove Padding on Ad */
	#body .masthead .advertisement {
		padding-right: 0em !important;
	}
}

@media only screen and (max-width: 820px) {
	/* Ad Takes Full Width */
	#body .masthead .introduction {
		display: block;
	}
	#body .masthead .advertisement {
		display: block;
		float: none;
		margin: 2em 0em 0em;
		padding-left: 0em;
		width: auto;
	}
	#body .masthead .advertisement #carbonads>span {
		position: relative;
		display: block;
		max-width: 300px;
	}
}

@media only screen and (max-width: 768px) {
	/* Hide Some Fixed Menu Content (Pagination, Search) */
	#body .fixed.menu>.container>.section.item {
		display: none;
	}
	#body .masthead.segment {
		padding-bottom: 0em;
	}
	#body.button-page .body>.button, #body.button-page .body .html>.button {
		margin-bottom: 8px;
	}
	#body .stackable.grid .ui.vertical.divider {
		display: none;
	}

	/* Add Sticky Footers */
	body.pushable>.pusher {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	body.pushable>.pusher>.full.height {
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 auto;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
	}

	/* Ad Label */
	#body .bsa-cpc ._default_ {
		padding-left: 1em;
		padding-right: 1em;
	}

	/* Let Buttons Vertically Stack */
	#body .masthead .button {
		margin-bottom: 0.75em;
	}
	#body .masthead .main.menu {
		display: none;
	}
	#body .masthead .main.menu+.main.menu {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	/* No Download Button */
	#body .masthead .download.button {
		display: none;
	}

	/* Hide Sitemap */
	#body .pusher>.footer .grid .three.column {
		display: none !important;
	}
}

/* Small Phone */
@media only screen and (max-width: 500px) {
	/* Stack Advert */
	#body .masthead .advertisement #carbonads>span {
		max-width: none;
	}
	#body .advertisement .carbon-wrap {
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		text-align: center;
		align-items: center;
	}
	#body .carbon-poweredby {
		display: none;
	}
}

/* 追加分 */
#body .sidebar.menu {
	font-size: 0.9rem;
}

#logo {
	width: 120px;
	margin-left: 1em;
	margin-top: 1em;
	margin: 2em 0 0.5em 4em;
	cursor : pointer;
}

.ui.inverted.menu {
	background: #2334bb;
}

.ui.fluid.dropdown {
	width: 200px;
	display: inline;
}

.ui.vertical.menu .item>i.icon {
	float: left;
	margin-right: 0.5em;
	margin-left: 0px;
}

.ui.menu {
	font-size: 1.2rem;
}

.ui.primary.button, .ui.red.button, .ui.blue.button, .ui.teal.button, .ui.yellow.button {
	font-size: 1.2rem;
	padding: 0.7rem 1.2rem;
}

.ui.pagination.menu {
	margin: 1em;
}

.sidebar.menu {
	font-size: 1.3em;
}

.ui.stackable.grid>.wide.column[class*="col-height-0"] {
	padding: 0rem 0rem !important; */
}

h2 {
	float: left;
}

.main.ui.container {
	margin-right: 550px !important;
}

.ui.dividing.header {
	margin-top: 10px;
}

.m-0 {
	margin 0px !important;
}

.m-5 {
	margin: 5px !important;
}

.m-10 {
	margin: 10px !important;
}

.mt-0 {
	margin-top: 0px !important;
}

.mt-5 {
	margin-top: 5px !important;
}

.mt-10 {
	margin-top: 10px !important;
}

.mb-0 {
	margin-bottom: 0px !important;
}

.mb-5 {
	margin-bottom: 5px !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mr-0 {
	margin-right: 0px !important;
}

.mr-5 {
	margin-right: 5px !important;
}

.mr-10 {
	margin-right: 10px !important;
}

.ml-0 {
	margin-left: 0px !important;
}

.ml-5 {
	margin-left: 5px !important;
}

.ml-10 {
	margin-left: 10px !important;
}

.p-0 {
	padding 0px !important;
}

.p-5 {
	padding: 5px !important;
}

.p-10 {
	padding: 10px !important;
}

.pt-0 {
	padding-top: 0px !important;
}

.pt-5 {
	padding-top: 5px !important;
}

.pt-10 {
	padding-top: 10px !important;
}

.pb-0 {
	padding-bottom: 0px !important;
}

.pb-5 {
	padding-bottom: 5px !important;
}

.pb-10 {
	padding-bottom: 10px !important;
}

.pr-0 {
	padding-right: 0px !important;
}

.pr-5 {
	padding-right: 5px !important;
}

.pr-10 {
	padding-right: 10px !important;
}

.pl-0 {
	padding-left: 0px !important;
}

.pl-5 {
	padding-left: 5px !important;
}

.pl-10 {
	padding-left: 10px !important;
}

.ptb-0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.col-height-0 {
}

.required:after {
    content: " *";
}

.scroll {
	overflow: scroll;
}

.scroll-x {
	overflow-x: scroll;
}

.scroll-y {
	overflow-y: scroll;
}
.scroll-y-200 {
	max-height: 200px;
	overflow-y: scroll;
}
.scroll-y-300 {
	max-height: 300px;
	overflow-y: scroll;
}
.scroll-y-400 {
	max-height: 400px;
	overflow-y: scroll;
}
.scroll-y-500 {
	max-height: 500px;
	overflow-y: scroll;
}
.scroll-y-600 {
	max-height: 500px;
	overflow-y: scroll;
}
.scroll-y-700 {
	max-height: 500px;
	overflow-y: scroll;
}
.scroll-y-800 {
	max-height: 500px;
	overflow-y: scroll;
}

.ui.primary.button:hover, .ui.primary.buttons .button:hover{
	background-color: #0264ae;
}

.ui.yellow.button:hover, .ui.yellow.buttons .button:hover{
	background-color: #d69a00;
}

.footerDiv{
	text-align: right;
}

.settingListTable{
	table-layout: fixed;
}

.rowSelect{
	text-align: center !important;
}

.settingListTableHeader{
	text-align: center !important;
}

@media only screen and (min-width: 1200px){
	.ui.container{
		width: 977px;
	}
}

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

	.ui.dividing.header{
		margin-top: 0;
	}

	.h1.ui.header{
		font-size: 1.8rem;
	}

	.ui.table:not(.unstackable) thead{
		display: table-header-group !important;
	}

	.ui.table:not(.unstackable) tbody{
		display: table-row-group !important;
	}

	.ui.table:not(.unstackable) tr{
		display: table-row !important;
	}

	.ui.table:not(.unstackable) tr>td, .ui.table:not(.unstackable) tr>th{
		display: table-cell !important;
	}

	.ui.table:not(.unstackable) tr>td.rowSelect, .ui.table:not(.unstackable) tr>th.rowSelect {
		width: 7rem !important;
	}

	.ui.table:not(.unstackable) tr>td.rowSelect button{
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}

	.scroll-table{
		overflow: auto;
		white-space: nowrap;
	}

	.footerDiv{
		text-align: center;
		font-size: 0.5rem;
	}
}