@charset "utf-8";

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C""\201D""\2018""\2019";
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  /* border: 1px solid #c0c0c0; */
  /* margin: 0 2px; */
  /* padding: 0.35em 0.625em 0.75em; */
}

legend {
  border: 0;
  padding: 0;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

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

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 13px;
  color: #333333;
  background-color: #ffffff;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input,
select[multiple],
textarea {
  background-image: none;
}

a {
  color: #428bca;
  text-decoration: none;
  word-break: break-all;
}

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
a:visited {
  color: #428bca;
}

img {
  vertical-align: middle;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}

#middle-wrapper {
	width: 100%;
	min-height: calc(100vh - 70px);
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	align-items: stretch;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
}

#tapestry {
	width: calc(100% - 576px);
	max-width: calc(100% - 576px);
	background: #f0f0f0;
	color: #666666;
	margin: 0;
	padding: 5vh 20px;
	transition: width 0.3s;
}
@media (max-width: 767.98px) {
	#tapestry {
		padding: 10vh 20px;
	}
}
@media (max-width: 1199.98px) {
	#tapestry {
		padding: 15vh 20px;
	}
}
#tapestry img {
	width: 100%;
}

#main-wrapper {
	width: calc(100% - 250px);
	min-height: calc(100vh - 70px);
	transition: all 0.3s;
}
.tapestry-left #main-wrapper {
	width: 576px;
}

#main-wrapper > .container-fluid {
	border-top: 1px solid #e7f2f5;
	min-height: calc(100vh - 113px);
	background-color: #e7f2f5;
}
@media screen and (max-width: 576px) {
	#main-wrapper > .container-fluid {
		margin-right: 0;
		margin-left: 0;
		padding-right: 0;
		padding-left: 0;
	}
}

.main-title {
	height: 60px;
	margin: 0;
	padding: 0 15px;
	border-top: 1px solid transparent;
	border-bottom: 2px solid #ededf0;
}
.main-title h1 {
	font-size: 1.8rem;
	margin: 10px 0;
	padding: 0.5rem 1.5rem 0.5rem 1.25rem;
	letter-spacing: 0.075rem;
	overflow-y: auto;
}
@media screen and (max-width: 576px) {
	.main-title {
		padding: 0;
	}
}

#sidebar {
	min-width: 250px;
	max-width: 250px;
	background: #f5f5f5;
	color: black;
	border-right: 2px solid #dfe3e8;
	margin-left: 0;
	padding: 1.2rem 0;
	transition: margin-left 0.3s;
}
#sidebar.active {
	margin-left: -250px;
}
#sidebarCollapseBtn {
	display: none;
	border: 2px solid #dfe3e8;
	margin: 10px;
}
@media (max-width: 1199.98px) {
	#main-wrapper {
		width: 100%;
	}
	#sidebar {
		margin-left: -250px;
	}
	#sidebar.active {
		margin-left: 0;
	}
	#sidebarCollapse span {
		display: none;
	}
	#sidebarCollapseBtn {
		display: inline-block;
	}
}
#sidebar a.nav-link {
	color: #5b5c5c;
}
#sidebar a.nav-link.active {
	color: #ffffff;
	background-color: #b5b5b5;
	font-weight: 800;
}
#nav-theme-caption {
	color: #87b1ff;
	font-size: 12px;
}
#nav-theme-title {
	display: block;
	margin: 0 0 0.5rem 0;
	padding: .5rem 1rem;
	background-color: #f3f2f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-radius: 6px 0px 0px 6px;
	border-left: 1px solid #ccc;
}

#sidebar ul.nav {
	padding-left: 15px;
}

a[data-toggle="collapse"] {
    position: relative;
}

@media (max-width: 767.98px) {
	.tapestry-left #main-wrapper {
		width: 100%;
	}
	#tapestry {
		width: 0;
		padding: 0;
	}
	#tapestry * {
		display: none;
	}
}

#home-wrapper {
	height: calc(100vh - 60px);
	overflow-x: hidden;
	overflow-y: auto;
}

#threads_wrapper {
	height: calc(100vh - 60px);
	overflow-x: hidden;
	overflow-y: auto;
}
#threads_wrapper > div {
	top: 0;
	position: relative;
}

#topics_wrapper {
	height: calc(100vh - 60px);
	overflow-x: hidden;
	overflow-y: auto;
}
#topics_wrapper > div {
	top: 0;
	position: relative;
}
* {
	scrollbar-width: thin;
}
::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar:horizontal {
	height: 8px;
}
::-webkit-scrollbar-track {
    background: #f0f0f0;
}
::-webkit-scrollbar-thumb {
    background: #cdcdcd;
}
::-webkit-scrollbar-thumb:hover {
    background: a6a6a6;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.h2 .small,
h3 small,
h3 .small,
.h3 small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: 0.2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase,
.initialism {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
}
.bg-primary {
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  text-align: center;
  font-size: 137%;
}
.page-header span {
  padding: 8px 16px;
  border-bottom: 3px #398eca solid;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
.dl-horizontal dd:before,
.dl-horizontal dd:after {
  content: " ";
  display: table;
}
.dl-horizontal dd:after {
  clear: both;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "\2014 \00A0";
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: "";
}
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: "\00A0 \2014";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.form-control::-webkit-input-placeholder {
  color: #b9c1c7;
}
.form-control:-moz-placeholder {
  color: #b9c1c7;
}
.form-control::-moz-placeholder {
  color: #b9c1c7;
}
.form-control::placeholder {
  color: #b9c1c7;
}
.form-control:-ms-input-placeholder {
  color: #b9c1c7;
}

.form-check-label {
  margin-left: 4px;
}

.form-control-plaintext {
  font-size: 1.5rem;
}

.absolute-right {
  position: absolute;
  right: 15px;
}

.edging-white {
  color: #000;
  text-shadow:  1px 1px 0 #FFF, -1px -1px 0 #FFF,
               -1px 1px 0 #FFF,  1px -1px 0 #FFF,
                0px 1px 0 #FFF,  0   -1px 0 #FFF,
               -1px 0   0 #FFF,  1px  0   0 #FFF;
}

#discussion {
	min-height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	margin-top: 5px;
}

#discussion .card.entry-panel {
	transform-origin: left top;
	animation: show-scale-y 1s both;
	background: #e7f2f5;
	overflow: hidden;
}

ul.thread-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.thread-list li {
	position: relative;
	line-height: 1.5;
}
ul.children {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* 子投稿の縦罫線 */
ul.children::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 14px;
	border-left: 3px dotted #fdc37c;
}

/* 非表示子投稿（子孫投稿は表示）の縦罫線 */
.summarized_entry:not(:is(.show, .collapsing)) ~ .replies-deep.item > ul.children::before {
  top: 30px;
}

/* 子投稿の横罫線 */
ul.children > li::before {
	content: "";
	position: absolute;
	top: 30px;
	left: -15px;
	width: 15px;
	height: 3px;
	border-top: 3px dotted #fdc37c;
}

ul.children > li.no-rule-line::before {
  content: none;
}

/* 非表示投稿の横罫線を非表示 */
ul.children > li:has(.child-content-deep .content-container):not(:has(.child-content-deep .content-container:not(.summarized_entry:not(:is(.show, .collapsing)))))::before {
  border-top: none;
}

/* 非表示投稿（子孫投稿は表示）の横罫線 */
ul.children > li:has(> .child-content-deep > .child.post-content > .content-container.summarized_entry:not(:is(.show, .collapsing)))::before {
  width: 30px;
}

/* 最後の子投稿の縦罫線非表示 */
ul.children > li:last-child::before,
ul.children > li:not(:has(~ li .child-content-deep .content-container:not(.summarized_entry:not(:is(.show, .collapsing)))))::before {
	background-color: #e7f2f5;
	height: auto;
	top: 30px;
	bottom: 0;
	left: -16px;
}

@media screen and (max-width: 576px) {
	ul.children::before {
		left: 2px;
	}
	ul.children > li::before {
		left: -13px;
		width: 13px;
		height: 3px;
		top: 30px;
		border-top: 3px dotted #fdc37c;
	}
  ul.children > li:has(> .child-content-deep > .child.post-content > .content-container.summarized_entry:not(:is(.show, .collapsing)))::before {
    width: 15px;
  }
  ul.children > li:last-child:before,
  ul.children > li:not(:has(~ li .child-content-deep .content-container:not(.summarized_entry:not(:is(.show, .collapsing)))))::before {
		top: 30px;
		left: -13px;
	}
}

.actions {
	text-align: right;
}

.actions a {
	color: #8899a6;
  vertical-align: top;
}

.actions a:hover {
	color: #e7f2f5;
	background-color: transparent
}

.actions .like_button {
	color: #8899a6;
	cursor: pointer
}

.actions .like_button:hover {
	color: #e7f2f5;
	text-decoration: none
}

.actions .btn {
	margin: 0;
	padding: 0 1.5rem;
	border: none;
  font-size: 13px;
}

.img-radius {
	border-radius: 4px;
	width: 130px
}

.box {
	float: left
}

.boxContainer {
	overflow: hidden
}

.theme-panel .card-header {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

.theme-accordion-wrapper {
	position: relative;
}
.theme-explain.collapse:not(.show) {
	display: block;
	height: 120px !important;
	overflow: hidden;
}
.theme-explain.collapsing {
	display: block;
	height: 120px;
	overflow: hidden;
}
.theme-accordion-cover {
	position: absolute;
	top: 30px;
	width: 100%;
	height: 60px;
	background: linear-gradient(to bottom, transparent, white);
}
.theme-accordion-cover.collapsing {
	display: none;
}
.theme-accordion-display-all {
	position: absolute;
	top: 90px;
	width: 100%;
	height: 30px;
	color: #b5b399;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	background: white;
}
.theme-accordion-display-all.collapsing {
	display: none;
}

.live-poll-accordion-wrapper {
	position: relative;
}
.live-poll-explain.collapse:not(.show) {
	display: block;
	height: 40px !important;
	overflow: hidden;
}
.live-poll-explain.collapsing {
	display: block;
	height: 60px;
	overflow: hidden;
}
.live-poll-accordion-cover {
	position: absolute;
	top: 20px;
	width: 100%;
	height: 20px;
	background: linear-gradient(to bottom, transparent, white);
}
.live-poll-accordion-cover.collapsing {
	display: none;
}
.live-poll-accordion-display-all {
	position: absolute;
	top: 40px;
	width: 100%;
	height: 30px;
	color: #b5b399;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	background: white;
}
.live-poll-accordion-display-all.collapsing {
	display: none;
}
.live-poll-period {
	font-size: 13px;
}
.live-poll-period-bar-border {
	width: 100%;
	height: 12px;
	border: 1px solid white;
	border-radius: 4px;
}
.live-poll-period-bar-rate {
	width: calc(100% - 2px);
	height: 8px;
	margin: 1px;
	background-color: white;
	border-radius: 2px;
}
.live-poll-image {
	max-width: 100%;
	max-height: 500px;
	border: lightgray 1px solid;
	border-radius: 6px;
}
.live-poll-bar-back {
	height: 1rem;
	background-color: #ddd;
	border-radius: 4px;
}
.live-poll-bar-votes {
	width: 0;
	height: 1rem;
	position: relative;
	background-color: #28a745;
	border-radius: 4px;
	transform-origin: left;
	animation: show-scale-x 1s ease-out;
}
.live-poll-total-votes {
}
.live-poll-cand-voted {
	color: #fff !important;
	background-color: #28a745 !important;
	border-color: #28a745 !important
}
.live-poll-made-by {
	color: #aea381 !important;
	font-size: smaller;
}

.thread {
	margin-bottom: 35px
}

.entry-icon-box {
	width: 50px
}

div.entry-title {
	float: left;
	margin-bottom: 8px;
	overflow: hidden;
}
span.entry-title {
	font-size: 18px;
	font-weight: bold
}
div.entry-sns-buttons {
	float: right;
	margin-bottom: 8px;
	overflow: hidden;
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	justify-content: flex-end;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
}
div.fb-share-button-wrap {
	display: inline-block;
	vertical-align: top;
	height: 26px;
	overflow: hidden;
	padding: 12px 3px;
	text-align: right;
}
div.twitter-share-button-wrap {
	display: inline-block;
	vertical-align: top;
	height: 26px;
	overflow: hidden;
	padding: 3px;
	text-align: right;
}
div.hot-topics-button-wrap {
	display: inline-block;
	vertical-align: top;
	height: 26px;
	overflow: hidden;
	padding: 3px;
	text-align: right;
}
a.hot-topics-button {
	width: 75px;
	height: 20px;
}
/*
@media screen and (max-width: 576px) {
	div.entry-sns-buttons {
		display: block;
	}
	div.fb-share-button-wrap {
		display: block;
	}
	div.twitter-share-button-wrap {
		display: block;
	}
	div.hot-topics-button-wrap {
		display: block;
	}
}
*/
.content {
	margin-left: 110px
}
.content-deep {
	transform-origin: left top;
	animation: show-scale-xy 1s ease-out both;
	overflow: hidden;
}

.content hr {
	margin: 5px 0
}
.content-deep hr {
	margin: 5px 0
}

.icon-margin {
	margin-left: -50px;
	float: left
}

.entry-box .user-name {
	font-weight: bold;
	font-size: 14px
}

.entry-box .timestamp {
	color: #8899a6;
	font-size: 14px;
	margin-right: 10px
}

.entry-node {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: white;
	border: #dddddd 1px solid;
	border-radius: 8px;
  margin-right: -15px;
  margin-left: -15px;
}

.entry-text-wrapper {
	position: relative;
	overflow: hidden;
}
.entry-text.collapse:not(.show) {
	display: block;
	height: 120px !important;
	overflow: hidden;
}
.entry-text.collapsing {
	display: block;
	height: 120px;
	overflow: hidden;
}
.entry-text-cover {
	position: absolute;
	top: 30px;
	width: 100%;
	height: 60px;
	background: linear-gradient(to bottom, transparent, white);
}
.entry-text-cover.collapsing {
	display: none;
}
.entry-text-display-all {
	position: absolute;
	top: 90px;
	width: 100%;
	height: 30px;
	color: #989679;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	background: white;
}
.entry-text-display-all.collapsing {
	display: none;
}

.entry-children-display-all {
	color: #989679;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

.info-list {
	color: #8899a6;
	padding-left: 16px;
	padding-right: 4px;
}

.info-list span{
  margin: 0;
  padding: 0;
  line-height: 1;
}

.entry-box .info-list .glyphicon {
	font-size: 14px;
	font-weight: bold
}

.entry-box .info-list .point {
	font-size: 15px
}

.entry-box .info-icon {
	margin-right: 10px
}

.point-box {
	float: left;
	margin-left: -50px;
	font-weight: bold
}

.entry-points {
	float: left;
	margin-left: -105px;
	font-size: 18px;
	font-weight: bold;
	text-align: center
}
.entry-points-deep {
	float: left;
	margin-top: 15px;
	margin-left: 5px;
	font-size: 18px;
	font-weight: bold;
	text-align: center
}
.entry-point-content {
	width: 42px;
	display: inline;
}
.content-points {
	padding: 0px;
	margin-left: 10px;
}

.points-text {
	margin-top: -15px;
	font-size: 14px;
	font-weight: normal
}

.content .points {
	border-top: 4px solid black;
	padding-top: 5px
}
.content-deep .points {
	border-top: 4px solid black;
	padding-top: 5px
}

.child-content .points {
	border-top: 4px solid #8899a6;
	padding-top: 5px
}
.child-content-deep .points {
	border-top: 4px solid #8899a6;
	padding-top: 5px
}

.child-content {
	margin-left: 100px;
	margin-bottom: 25px
}
.child-content-deep {
	/* margin-bottom: 25px */
}

.child-points {
	color: #8899a6;
	float: left;
	margin-left: -100px;
	font-size: 15px;
	font-weight: bold;
	text-align: center
}
.child-points-deep {
	color: #8899a6;
	float: left;
	margin-top: 15px;
	margin-left: 5px;
	font-size: 15px;
	font-weight: bold;
	text-align: center
}

.child-content .points-text {
	margin-top: -15px;
	font-size: 12px;
	font-weight: normal
}
.child-content-deep .points-text {
	margin-top: -15px;
	font-size: 12px;
	font-weight: normal
}

.child-content .thumb-box {
	float: left;
	margin-left: -47px;
	margin-top: 43px
}
.child-content-deep .thumb-box {
	float: left;
	margin-top: 2px;
}

.child-content hr {
	border-top: 1px dotted #eeeeee
}
.child-content-deep hr {
	border-top: 1px dotted #eeeeee
}

.replies {
	margin-left: -47px
}
.replies-deep {
	transform-origin: left top;
	animation: show-scale-xy 1s ease-out both;
}

@keyframes show-scale-x {
	0% {
		transform: scaleX(0);
		opacity:0;
	}
	100% {
		transform: scaleX(1);
		opacity: 1;
	}
}
@keyframes show-scale-y {
	0% {
		transform: scaleY(0);
		opacity:0;
	}
	100% {
		transform: scaleY(1);
		opacity: 1;
	}
}
@keyframes show-scale-xy {
	0% {
		transform: scale(0);
		opacity:0;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

#modal-window-content {
	margin-left: 0px;
	padding-left: 50px
}

.form-check_box {
	font-size: 18px
}

input#entry_agreement {
	width: 18px;
	height: 18px;
	margin-left: 5px
}

button.btn-thread {
	color: #333333;
	background-color: white;
	border-color: #cccccc;
	color: #333333;
	text-decoration: none
}

.facilitate-table {
	display: table;
	table-layout: fixed;
	width: 100%
}

.show-stamp {
	margin-top: -10px;
	border-radius: 4px;
	width: 125px
}

.entry-left {
	display: table-cell;
	padding-right: 8px;
	padding-left: 8px
}

@media ( max-width : 780px) {
	.entry-left {
		display: table-cell;
		padding-right: 4px;
		padding-left: 4px
	}
  .entry-right{
    padding-right: 4px;
  }
	.info-list {
		color: #8899a6;
		padding-left: 8px
	}
}

.entry-right {
	display: table-cell;
	width: 100%;
	vertical-align: top;
  padding-right: 8px;
}

.entry-padding {
	padding: 2px
}

.fixed-bottom {
    position: fixed;
    left: 18px;
    right: 18px;
    bottom: 18px;
    margin: 0;
    padding: 0;
}

.btn-float {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12),0 3px 4px 1px rgba(0,0,0,0.15),0 3px 4px 0 rgba(0,0,0,0.2);
}

.btn-circle.btn-sm {
    width: 30px;
    height: 30px;
    padding: 6px 0px;
    border-radius: 15px;
    font-size: 8px;
    text-align: center;
}
.btn-circle.btn-md {
    width: 60px;
    height: 60px;
    padding: 7px 10px;
    border-radius: 30px;
    font-size: 10px;
    text-align: center;
}
.btn-circle.btn-xl {
    width: 80px;
    height: 80px;
    padding: 10px 16px;
    border-radius: 40px;
    font-size: 12px;
    text-align: center;
}
.btn-sm .btn-icon-text-icon {
    font-size: 10px;
    text-decoration: none !important;
}
.btn-md .btn-icon-text-icon {
    font-size: 18px;
    text-decoration: none !important;
}
.btn-xl .btn-icon-text-icon {
    font-size: 24px;
    text-decoration: none !important;
}
.btn-sm .btn-icon-text-text {
    font-size: 4px;
    text-decoration: none !important;
}
.btn-md .btn-icon-text-text {
    font-size: 7px;
    text-decoration: none !important;
}
.btn-xl .btn-icon-text-text {
    font-size: 9px;
    text-decoration: none !important;
}

.conditional-alerts-wrapper {
    position: fixed;
    bottom: 40px;
    left: 250px;
    right: 0;
    margin: 0;
    padding: 0 15px;
    z-index: 1050;
}
@media (max-width: 1199.98px) {
    .conditional-alerts-wrapper {
        left: 0;
    }
}
.conditional-alerts-wrapper .toast {
    width: 100%;
    max-width: 100%;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 576px) {
    .conditional-alerts-wrapper .toast {
        width: 90%;
        max-width: 90%;
    }
}
@media screen and (min-width: 768px) {
    .conditional-alerts-wrapper .toast {
        width: 60%;
        max-width: 60%;
    }
}
@media screen and (min-width: 992px) {
    .conditional-alerts-wrapper .toast {
        width: 50%;
        max-width: 600px;
    }
}

@media screen and (max-width: 760px) {
	.child-content {
		margin-left: 50px
	}
	.child-content-deep {
	}
}

.login-btn {
	margin-top: 10px
}

.axis path, .axis line {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges
}

.x.axis path {
	display: none
}

.line {
	fill: none;
	stroke: steelblue;
	stroke-width: 1.5px
}

.axis path, .axis line {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges
}

.bar {
	fill: orange
}

.bar:hover {
	fill: #fa603a
}

.x.axis path {
	display: none
}

.d3-tip {
	line-height: 1;
	font-weight: bold;
	padding: 12px;
	color: #2682d5;
	border: 1px #2682d5 solid;
	border-radius: 3px
}

.d3-tip:after {
	box-sizing: border-box;
	display: inline;
	font-size: 10px;
	width: 100%;
	line-height: 1;
	color: rgba(38, 130, 213, 0.8);
	content: "\25BC";
	position: absolute;
	text-align: center
}

.d3-tip.n:after {
	margin: -1px 0 0 0;
	top: 100%;
	left: 0
}

.axis text {
	font: 10px sans-serif
}

.axis path, .axis line {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges
}

.bar {
	fill: rgba(38, 130, 213, 0.8);
	fill-opacity: .9
}

.x.axis path {
	display: none
}

p, ol, ul, td {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px
}

pre {
	background-color: #eee;
	padding: 10px;
	font-size: 11px
}

div.field {
	margin-bottom: 10px
}

#notice {
	color: green
}

.field_with_errors {
	padding: 2px;
	background-color: #dc3545;
	display: table
}

#error_explanation {
	width: 450px;
	border: 2px solid #dc3545;
	padding: 7px;
	padding-bottom: 0;
	margin-bottom: 20px;
	background-color: #f0f0f0
}

#error_explanation h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	margin: -7px;
	margin-bottom: 0px;
	background-color: #c00;
	color: #fff
}

#error_explanation ul li {
	font-size: 12px;
	list-style: square
}

.next_link_div {
	background: #8899A6;
	padding: 10px 0px;
	text-align: center;
	color: #fff
}

.next_link_div:hover {
	opacity: 0.80
}

a.next_link_a_tag {
	color: #fff
}

a.next_link_a_tag:hover {
	color: #fff
}

.hero-image {
	background-image: url(../images/discussion2.jpg);
	background-size: cover;
	margin: -20px -15px
}

.smoke {
	background: rgba(0, 0, 0, 0.2);
	padding-top: 3em;
	padding-bottom: 3em;
	min-height: 400px
}

.col-md-8.hero-content {
	border-radius: 4px;
	padding: 20px
}

.hero-image h1 {
	text-align: center;
	color: white;
	text-shadow: 2px 8px 6px rgba(0, 0, 0, 0.2), 0px -5px 16px
		rgba(255, 255, 255, 0.3)
}

.hero-login {
	text-align: center
}

.hero-login span.btn {
	width: 30%;
	margin: 0 10px;
	border: 2px solid white;
	background-color: transparent;
	color: white
}

.hero-login span.btn:hover {
	background-color: #bbb
}

.hero-login span.btn a {
	text-decoration: none;
	color: white
}

.nav.margin-bottom {
	margin-bottom: 1em
}

.table.point-table tbody + tbody,
.table.point-table td,
.table.point-table th,
.table.point-table thead th {
    border: 0;
}
.table.point-table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

.table.point-table>tbody>tr>td {
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle
}

.point-table td#active_point, .point-table td#passive_point {
	font-size: 25px
}

.ai-facilitation-status {
  font-size: 16px;
  text-align: center
}

.user-score {
	font-size: 16px;
	font-weight: bold
}

.ranking-table .rank-image {
	font-size: 18px
}

.table.ranking-table>tbody>tr>td {
	line-height: 40px
}

.ranking-table td.rank-1 {
	font-size: 30px;
	font-weight: bold;
	color: red
}

.ranking-table td.rank-2 {
	font-size: 25px;
	font-weight: bold
}

.ranking-table td.rank-3 {
	font-size: 20px;
	font-weight: bold
}

.theme-image img {
	width: 80px;
	height: 60px
}

.theme-image-disc img {
	width: 100%
}

.theme-image-top img {
	width: 100%;
	height: 100%;
}

.embed-media {
	width: 100%;
}
.embed-media > div, .embed-media > iframe {
	width: 100%;
}
.embed-media > a > img, .embed-media > div > img {
	width: 100%;
	height: auto;
}

.tab-content>.active {
	padding-top: 15px
}

.keywords .wordlist span {
	margin-right: 15px;
	word-break: break-all
}

.keywords .wordlist span.keyword-0 {
	font-size: 24px;
	font-weight: bold
}

.keywords .wordlist span.keyword-1 {
	font-size: 22px;
	font-weight: bold
}

.keywords .wordlist span.keyword-2 {
	font-size: 20px;
	font-weight: bold
}

.keywords .wordlist span.keyword-3 {
	font-size: 16px
}

.keywords .wordlist span.keyword-4 {
	font-size: 14px
}

.bold {
	font-weight: bold
}

#entry_notice {
	display: none
}

#reply_notice {
	display: none
}

#object {
	display: none;
	height: 100px;
	width: 250px;
	background-size: contain;
	visibility: hidden
}

#sum_point {
	font-weight: bold;
	font-size: 32px
}

.facilitation-phrase h4 {
	cursor: pointer
}

.facilitation-phrase>ul {
	display: none
}

#tl-tool {
	overflow: hidden
}

#tl-order {
	float: left
}

#issues {
	float: left;
	margin-left: 20px
}

#issues .label.active {
	background-color: orange
}

.child {
	margin-top: 10px
}

.reply-label {
	cursor: pointer
}

#icon-loading {
	display: none;
	text-align: center
}

#top-loading {
	display: none;
	text-align: center
}

.thumb-success {
	background-color: #E05151 !important
}
.thumb-warning {
	background-color: #3498DB !important
}
.thumb-danger {
	background-color: #D9534F !important;
}

.slider_np_bar {
	background: #E05151 !important;
	margin-top: 2px
}

.slider .ui-slider-range {
	background: #e7f2f5
}

.slider .ui-slider-handle {
	border-color: #a3a3a3
}

.np-slider-label .label-success {
	float: right
}

.cation-slider {
	float: right
}

#stamp input[name="entry[stamp]"] {
	display: none
}

.img-stamp {
	border-radius: 4px;
	width: 75px;
	border: 1px solid rgba(0, 0, 0, 0.1)
}

.img-stamp-selected {
	border-radius: 4px;
	width: 75px;
	border: 1px solid rgba(0, 0, 0, 0.5)
}

.phase img {
	width: 60%
}

.f_image {
	float: left;
	width: 7%;
	margin-right: 3%
}

.f_image img {
	width: 100%
}

.f_comment {
	float: left;
	width: 88%
}

.f_comment_btn {
	clear: both
}

.page-top {
	display: none;
	margin: 0;
	padding: 0
}

.page-top p {
	margin: 0;
	padding: 0;
	position: fixed;
	right: 16px;
	bottom: 16px
}

a.move-page-top:link {
	color: #ffffff;
	background: #e7f2f5;
	text-decoration: none
}

a.move-page-top:visited {
	color: #ffffff;
	background: #e7f2f5;
	text-decoration: none
}

a.move-page-top:hover {
	color: #ffffff;
	background: #e7f2f5;
	text-decoration: none
}

a.move-page-top:active {
	color: #ffffff;
	background: #e7f2f5;
	text-decoration: none
}

.move-page-top {
	display: block;
	background: #e7f2f5;
	width: 120px;
	height: 50px;
	cursor: pointer;
	color: #fff;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s
}

@media ( max-width : 780px) {
	.move-page-top:hover {
		opacity: 0.85
	}
	.hero-image {
		background-image: url(../images/discussion3.png)
	}
}

a#top-theme:link {
	color: #333333;
	background-color: #f5f5f5;
	text-decoration: none
}

a#top-theme:visited {
	color: #333333;
	background-color: #f5f5f5;
	text-decoration: none
}

a#top-theme:hover {
	color: #333333;
	background-color: #f5f5f5;
	text-decoration: none
}

a#top-theme:active {
	color: #333333;
	background-color: #f5f5f5;
	text-decoration: none
}

#form-change-color-red:focus {
	border-color: red;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(255, 0, 0, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(255, 0, 0, 0.6)
}

#form-change-color-green:focus {
	border-color: green;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(0, 255, 0, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(0, 255, 0, 0.6)
}

.entry-child-count-left {
	color: #8899a6;
	text-align: center;
	padding-bottom: 10px;
	font-size: 16.5px;
	margin-top: -10px
}

.phase-top img {
	width: 100%;
	border-radius: 6px;
	margin-bottom: 30px
}

.thumb-box {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.child-content .thumb-box {
	float: left;
	margin-left: -50px;
	font-size: 1px;
	margin-top: 55px;
	text-align: center;
	width: 50px
}
.child-content-deep .thumb-box {
	float: left;
	font-size: 8px;
	margin-top: 2px;
	padding: .2em .3em .3em;
	text-align: center;
	width: 50px
}

@media ( max-width : 780px) {
	.child-content .thumb-box {
		float: left;
		margin-left: -40px;
		font-size: 1px;
		margin-top: 50px;
		text-align: center;
		width: 40px;
		z-index: 30
	}
	.child-content-deep .thumb-box {
		float: left;
		font-size: 6px;
		margin-top: 2px;
		padding: .2em .1em .3em;
		text-align: center;
		width: 40px;
		z-index: 30
	}
}

.entry-body-text {
	max-height: 220px;
	overflow: auto
}

select.vote_form {
	font-family: inherit;
	width: 100px;
	height: 160px;
	font-size: 30px;
	border: 1px;
	padding: 6px 10px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-sizing: border-box;
	padding-bottom: 20px;
	height: 80px
}

.vote-submit-btn:hover {
	text-align: center;
	background-color: #f39800;
	display: block;
	margin: 0 0 0 0;
	text-decoration: none;
	color: #fff;
	font-size: 135%;
	padding: 1.5%;
	width: 100%;
	border: none;
	border-radius: 4px;
	opacity: 0.6
}

.vote-submit-btn {
	text-align: center;
	background-color: #f39800;
	display: block;
	margin: 0 0 0 0;
	text-decoration: none;
	color: #fff;
	font-size: 135%;
	padding: 1.5%;
	width: 100%;
	border: none;
	border-radius: 4px
}

input[type="radio"] + .input-fa,
input[type="radio"] + label > .input-fa {
	cursor: pointer;
}
input[type="radio"] + .fa-stop-circle:before,
input[type="radio"] + label > .fa-stop-circle:before {
	font-size: 3rem;
	content: "\f28d";
	color: #6c757d;
}
input[type="radio"] + .fa-play-circle:before,
input[type="radio"] + label > .fa-play-circle:before {
	font-size: 3rem;
	content: "\f144";
	color: #6c757d;
}
input[type="radio"]:checked + .fa-stop-circle:before,
input[type="radio"]:checked + label > .fa-stop-circle:before {
	font-size: 3rem;
	content: "\f28d";
	color: #dc3545;
}
input[type="radio"]:checked + .fa-play-circle:before,
input[type="radio"]:checked + label > .fa-play-circle:before {
	font-size: 3rem;
	content: "\f144";
	color: #28a745;
}

input[type="checkbox"] + .input-fa,
input[type="checkbox"] + label > .input-fa {
	cursor: pointer;
}
input[type="checkbox"] + .fa-check-circle:before,
input[type="checkbox"] + label > .fa-check-circle:before {
	font-size: 2rem;
	content: "\f057";
	color: #e83e8c;
}
input[type="checkbox"]:checked + .fa-check-circle:before,
input[type="checkbox"]:checked + label > .fa-check-circle:before {
	font-size: 2rem;
	content: "\f058";
	color: #17a2b8;
}
.fa-check-circle-label {
	height: calc(0.75em + 0.375rem + 1px);
}

.result-fa.fa-times-circle {
	font-size: 2rem;
	color: #e83e8c;
}
.result-fa.fa-check-circle {
	font-size: 2rem;
	color: #17a2b8;
}

.modal {
	display: none
}

.modalBody {
	position: fixed;
	z-index: 1000;
	background: white;
	width: 690px;
	left: 50%;
	top: 50%;
	height: 460px
}

.modalBK {
	position: fixed;
	z-index: 999;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity = 90);
	-moz-opacity: 0.90
}

.btns {
	font-size: 80px;
	width: 150px;
	background: #111;
	height: 150px;
	line-height: 150px;
	text-align: center;
	font-family: arial;
	color: #fff;
	float: left;
	margin: 10px;
	cursor: pointer
}

.close {
	cursor: pointer;
	/* font-size: 10px */
}

.modal p {
	font-size: 60px;
	text-align: justify;
	padding: 0px 15px
}

.modal h1 {
	font-weight: bold;
	font-size: 30px
}

.modalBody {
	padding: 10px;
	border-radius: 8px
}

@media ( max-width : 690px) {
	.modal {
		width: 100%;
	}
}

@media ( max-width : 780px) {
	.modalBody {
		position: fixed;
		z-index: 1000;
		background: white;
		width: 360px;
		left: 50%;
		top: 50%;
		height: 280px
	}
	.modalBK {
		position: fixed;
		z-index: 999;
		height: 700px;
		width: 100%;
		background: #000;
		opacity: 0.4;
		filter: alpha(opacity = 90);
		-moz-opacity: 0.90
	}
	.modal {
		/* color: #eee */
	}
	.modal p {
		font-size: 40px;
		text-align: justify;
		padding: 0px 10px
	}
	.smoke {
		background: rgba(0, 0, 0, 0.2);
		padding-bottom: 5em;
		min-height: 200px
	}
}

input.btn.btn-default.btn-sm {
	background-color: transparent
}

.modal-body-max {
	max-height: 250px;
	overflow-y: auto
}

#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: white;
	z-index: 100
}

#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: black;
	z-index: 99
}
ul.absolute{
  list-style: none;
}
ul.entry_attaches {
    list-style: none;
    padding-left: 0;
}
ul.entry_attaches li {
    margin: 4px 0;
}
ul.entry_attaches li img {
    border: lightgray 1px solid;
    border-radius: 6px;
    cursor: pointer;
}
.attach-item {
  background-color: #f8f9fa!important;
}
.attach-item .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}
.attach-item-name {
  width: 300px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width : 576px) {
  .attach-item-name {
    width: 450px;
  }
}

.height-limit-scroll50 {
    max-height: 50vh;
    overflow-y: auto;
}

.height-limit-scroll60 {
    max-height: 60vh;
    overflow-y: auto;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.t6rem {
	width: 6rem !important;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.t8rem {
	width: 8rem !important;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.t10rem {
	width: 10rem !important;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.t12rem {
	width: 12rem !important;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.t14rem {
	width: 14rem !important;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.t16rem {
	width: 16rem !important;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.t18rem {
	width: 18rem !important;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.t20rem {
	width: 20rem !important;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.w3rem {
	width: 3rem !important;
	min-width: 3rem !important;
}
.w5rem {
	width: 5rem !important;
	min-width: 5rem !important;
}
.w7rem {
	width: 7rem !important;
	min-width: 7rem !important;
}
.w9rem {
	width: 9rem !important;
	min-width: 9rem !important;
}
.w11rem {
	width: 11rem !important;
	min-width: 11rem !important;
}
.w13rem {
	width: 13rem !important;
	min-width: 13rem !important;
}
.w15rem {
	width: 15rem !important;
	min-width: 15rem !important;
}
.w17rem {
	width: 17rem !important;
	min-width: 17rem !important;
}
.w19rem {
	width: 19rem !important;
	min-width: 19rem !important;
}

/*
  ARCHES Co. Ltd. A.Ogura
 */
#footer-wrapper {
	width: 100%;
	background-color: #e7f2f5;
	border-top: 2px solid #dfe3e8;
}
#footer {
	width: 100%;
	padding: 0.8em 0;
	font-size: 0.9em;
	line-height: 100%;
	text-align: center;
}

ul.sns_login {
	list-style-type: none;
	margin: 20px 0;
	padding: 0;
}
.sns_login_button {
	width: 100%;
	margin: 8px auto;
	padding: 8px 24px 8px 8px;
	color: white;
	font-family: Roboto,Helvetica,Arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	font-weight: 500;
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	border-radius: 4px;
}
a.sns_login_button:hover, a.sns_login_button:visited {
	color: white;
	text-decoration: none;
}
.sns_login_button_facebook {
	font-family: Helvetica,Arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	background-color: #3b5998;
}
.sns_login_button_x {
	font-family: 'Segoe UI',Meiryo,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
	background-color: #000;
}
.sns_login_button_twitter {
	font-family: 'Helvetica Neue',Arial,"hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
	background-color: #55acee;
}
.sns_login_button_google {
	color: #000;
	background-color: #ffffff;
}
a.sns_login_button_google:hover, a.sns_login_button_google:visited {
	color: #000;
}
.sns_login_button img {
	border: none;
	display: inline-block;
	height: 18px;
	width: 18px;
	margin: 0 6px 0 0;
}

#tree .nav-tabs .nav-item a,
#ranking .nav-tabs .nav-item a,
#discussion .nav-tabs .nav-item a {
	font-size: 16px;
	padding: 12px 20px;
}
#tree .nav-tabs .nav-item a.active,
#ranking .nav-tabs .nav-item a.active,
#discussion .nav-tabs .nav-item a.active {
	font-weight: 600;
}
#tree .nav-tabs .nav-item a img,
#ranking .nav-tabs .nav-item a img,
#discussion .nav-tabs .nav-item a img {
	height: 20px;
	vertical-align: middle;
}
#tree .nav-tabs .nav-item,
#ranking .nav-tabs .nav-item,
#discussion .nav-tabs .nav-item{
	margin-bottom: -4px;
}
#tree .nav-tabs .nav-link:focus,
#tree .nav-tabs .nav-link:hover,
#ranking .nav-tabs .nav-link:focus,
#ranking .nav-tabs .nav-link:hover,
#discussion .nav-tabs .nav-link:focus,
#discussion .nav-tabs .nav-link:hover {
	border-color: transparent;
	background-color: #eeeeee;
}

#use_agreement {
	font-size: 0.9em;
	padding: 1em;
}
#use_agreement h2 {
	font-size: 1.2em;
}
#use_agreement h3 {
	font-size: 1em;
}
#use_agreement h4 {
	font-size: 1em;
}

.agreement_block {
	width: 100%;
	border: solid 1px #ccc;
	height: 250px;
	margin: auto;
	padding: 9.5px;
	overflow: auto;
	color: black;
	background-color: white;
}
@media screen and (max-width:767px) {
	.agreement_block {
		width:98%;
		margin: 0 auto;
		height:200px;
		overflow:auto;
		-webkit-overflow-scrolling:touch;
		border:1px solid #ccc;
	}
}

.down-allow{
	font-size: 1.1em;
}

.navbar-height{
	padding-top: 10px;
	padding-bottom: 10px;
}

.trial-btn{
	color: #FF69B4 !important;
	border: 2px solid #FF69B4 !important;
}

.url_thumbanail{
	border-left:solid 6px #a9a9a9;
	padding : 8px;
	margin: 8px;
}

/* margin */
.mb5 {
    margin-bottom: 5px;
}
.mb10 {
     margin-bottom: 10px;
}
.mb15 {
     margin-bottom: 15px;
}
.mb20 {
     margin-bottom: 20px;
}
.mt5 {
    margin-top: 5px;
}
.mt10 {
    margin-top: 10px;
}
.mt15 {
    margin-top: 15px;
}
.mt20 {
    margin-top: 20px;
}

.ml10 {
    margin-left: 10px;
}

.pl10 {
    padding-left: 10px;
}

.font-weight-bold {
    font-weight: bold;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.error {
    color: #dc3545;
}

[v-cloak] {
    display: none !important;
}

/*.hero-login {*/
    /*display: none;*/
/*}*/

.navbar .nav .open>a, .navbar .nav .open>a:hover, .navbar .nav .open>a:focus {
    background-color: #4289b9;
}

.navbar .nav>li>a:hover, .navbar .nav>li>a:focus {
    background-color: #4289b9;
}
.content-container{
}
.content-borders{
    width:100%;
    display: flex;
  flex-direction: row;
}

/* 非表示投稿のボーダー */
.content-borders:not(:has(~ .child-content-deep > .child.post-content > .content-container:not(.summarized_entry:not(:is(.show, .collapsing))))) {
  display: none;
}

.content-border1{
    /* width: 15px; */
    /* border: 1px solid white; */
}
.content-border4{
    margin:1px
}

.should-wrap {
    white-space: pre-wrap;
    word-wrap : break-word;
    overflow-wrap : break-word;
}
@media screen and (max-width: 575px){
    .should-wrap {
        word-break: break-all;
    }
}

.icon-content-info{
  padding-left: 15px;
}

.content-info-pc {
    display: block;
}
.content-info-sp {
    display: none;
}
.content-actions {
    width: 100%;
    order: 2;
}
@media screen and (min-width: 576px){
    .content-right {
        padding-left: 0;
    }
}
@media screen and (max-width: 575px){
    .content-left {
        width: 100%;
        order: 1;
    }
    /* .content-icon-points {
        width: 25%;
    } */
    .content-info-pc {
        display: none;
    }
    .content-info-sp {
        width: 74%;
        display: block;
    }
    .content-right {
        width: 100%;
        order: 0;
    }
}
.child-entry-phase-line-1 {
    margin-left: 30px;
}
.child-entry-phase-line-2 {
    margin-left: 30px;
}
.child-entry-phase-line-3 {
    margin-left: 30px;
}
.child-entry-phase-line-4 {
    margin-left: 30px;
}
@media screen and (max-width: 576px) {
	.child-entry-phase-line-1 {
		margin-left: 15px;
	}
	.child-entry-phase-line-2 {
		margin-left: 15px;
	}
	.child-entry-phase-line-3 {
		margin-left: 15px;
	}
	.child-entry-phase-line-4 {
		margin-left: 15px;
	}
}

.replies {
}

.theme-list-title {
    margin-right:18px;
    font-size:20px;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}
.theme-list-title.pre-open-from,
.theme-list-title.post-open-to {
    color: #888888;
}
.theme-list-span {
    font-size: 1rem;
}

.theme-list-title .theme-title-box {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.theme-list-title .theme-title-text {
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.theme-list-body {
    color: #333333;
    text-decoration: none;
}

.theme-list-body .theme-body-text {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
}

.theme-list-body.pre-open-from,
.theme-list-body.post-open-to {
    color: #888888;
}

.theme-list {
    width: calc(100% - 16px);
    margin: 8px;
}
/*
@media screen and (min-width: 768px) {
    .theme-list {
        width: calc(100% / 2 - 36px);
    }
}
@media screen and (min-width: 1200px) {
    .theme-list {
        width: calc(100% / 3 - 60px);
    }
}
*/

.theme-list a {
    display: block;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
    text-decoration: none;
    color: #428bca;
    border-radius: 4px;
    box-shadow: 0 0 0 2px;
}
.theme-list a:hover,
.theme-list a:focus {
  color: #23527c;
}

.theme-list .card {
    border: 2px solid #f5f5f5;
    border-radius: 4px;
}
.theme-list .card-header {
    border-bottom: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.theme-list .card-body {
    padding: 0;
}
.theme-list .card-body .theme-image {
    padding: 1.25rem;
}

.open-theme-alert {
    color: #312a83;
    background-color: #d2d0ff;
    border-color: #d3d1ff;
    margin-bottom: 1rem;
}
.theme-soon-mark {
    color: #ff7f47;
}
.theme-finished-mark {
    color: #d9148b;
}
.theme-soon-mark.pre-opening {
    color: #ff9c70;
}
.theme-finished-mark.post-closing {
    color: #d95fa9;
}
.theme-soon-alert {
    color: #852800;
    background-color: #ffdccc;
    border-color: #ffcdb8;
    margin-bottom: 1rem;
}
.theme-finished-alert {
    color: #850050;
    background-color: #ffcceb;
    border-color: #ffb8e3;
    margin-bottom: 1rem;
}
.phase-conclusion-alert {
    color: #005085;
    background-color: #ccebff;
    border-color: #b8e3ff;
    margin-bottom: 1rem;
}
.anonymized-alert {
    color: #fbffff;
    background-color: #72AB38;
    border-color: #72AB38;
    border-radius: 2px;
    margin-bottom: 1rem;
}

.news-alert {
    color: #59510b;
    background-color: #ffffcc;
    border-color: #fbffb8;
}

.twitter-btn-o a {
    text-decoration: none;
}
.x-btn-o a {
    text-decoration: none;
}

.twitter-btn {
    position: relative;
    height: 20px;
    box-sizing: border-box;
    padding: 1px 8px 1px 6px;
    background-color: #1b95e0;
    color: #fff;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer;

    display: inline-block;
    vertical-align: top;
    zoom: 1;
}
.x-btn {
    position: relative;
    height: 20px;
    box-sizing: border-box;
    padding: 1px 8px 1px 6px;
    background-color: #1b95e0;
    color: #fff;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer;

    display: inline-block;
    vertical-align: top;
    zoom: 1;
}

.twitter-btn i {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: transparent 0 0 no-repeat;
}
.x-btn i {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: transparent 0 0 no-repeat;
}

.twitter-btn .twitter-btn-label {
    font-family: Helvetica, Arial, "hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
    vertical-align: text-top;
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;

    /*margin-left: 3px;*/
}
.x-btn .x-btn-label {
    font-family: 'Segoe UI',Meiryo,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
    vertical-align: text-top;
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;

    /*margin-left: 3px;*/
}

.btn-dark {
    color: #333;
    background-color: #ccc;
    border-color: #ccc;
}

.facilitator-entry-body-border {
    border: #ffd3cf solid 2px;
	padding: 5px 10px;
	border-radius: 5px;
    color: #676767;
}

/*.container-square {*/
    /*max-width: 600px;*/
    /*position: relative;*/
/*}*/
/*.container-square:after {*/
    /*padding-top: 100%;*/
    /*display: block;*/
    /*content: "";*/
/*}*/
/*.content{*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*right: 0;*/
/*}*/

.theme-color-0 .card-header {
    color: #333333;
    background-color: #f5f5f5;
}

.theme-color-0 a:hover .card-header {
  background-color: #e5e5e5;
}

.theme-color-0.pre-open-from .card-header,
.theme-color-0.post-open-to .card-header {
    color: #888888;
    background-color: #d8d8d8;
}

.theme-color-0.pre-open-from a:hover .card-header,
.theme-color-0.post-open-to a:hover .card-header {
  background-color: #c8c8c8;
}

.theme-color-0 .card {
    border: 1px solid #f5f5f5;
}

.theme-color-0.pre-open-from .card,
.theme-color-0.post-open-to .card {
    border: 1px solid #d8d8d8;
}

.theme-color-1 .card-header {
    color: #333333;
    background-color: #ffaf1a;
}

.theme-color-1 a:hover .card-header {
  background-color: #ef9f0a;
}

.theme-color-1.pre-open-from .card-header,
.theme-color-1.post-open-to .card-header {
    color: #888888;
    background-color: #d8d8d8;
}

.theme-color-1.pre-open-from a:hover .card-header,
.theme-color-1.post-open-to a:hover .card-header {
  background-color: #c8c8c8;
}

.theme-color-1 .card {
    border: 1px solid #ffaf1a;
}

.theme-color-1.pre-open-from .card,
.theme-color-1.post-open-to .card {
    border: 1px solid #d8d8d8;
}

.loader {
  margin: 60px auto;
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #29aee7, 1.8em -1.8em 0 0em rgba(41,174,231, 0.2), 2.5em 0em 0 0em rgba(41,174,231, 0.2), 1.75em 1.75em 0 0em rgba(41,174,231, 0.2), 0em 2.5em 0 0em rgba(41,174,231, 0.2), -1.8em 1.8em 0 0em rgba(41,174,231, 0.2), -2.6em 0em 0 0em rgba(41,174,231, 0.5), -1.8em -1.8em 0 0em rgba(41,174,231, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(41,174,231, 0.7), 1.8em -1.8em 0 0em #29aee7, 2.5em 0em 0 0em rgba(41,174,231, 0.2), 1.75em 1.75em 0 0em rgba(41,174,231, 0.2), 0em 2.5em 0 0em rgba(41,174,231, 0.2), -1.8em 1.8em 0 0em rgba(41,174,231, 0.2), -2.6em 0em 0 0em rgba(41,174,231, 0.2), -1.8em -1.8em 0 0em rgba(41,174,231, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(41,174,231, 0.5), 1.8em -1.8em 0 0em rgba(41,174,231, 0.7), 2.5em 0em 0 0em #29aee7, 1.75em 1.75em 0 0em rgba(41,174,231, 0.2), 0em 2.5em 0 0em rgba(41,174,231, 0.2), -1.8em 1.8em 0 0em rgba(41,174,231, 0.2), -2.6em 0em 0 0em rgba(41,174,231, 0.2), -1.8em -1.8em 0 0em rgba(41,174,231, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(41,174,231, 0.2), 1.8em -1.8em 0 0em rgba(41,174,231, 0.5), 2.5em 0em 0 0em rgba(41,174,231, 0.7), 1.75em 1.75em 0 0em #29aee7, 0em 2.5em 0 0em rgba(41,174,231, 0.2), -1.8em 1.8em 0 0em rgba(41,174,231, 0.2), -2.6em 0em 0 0em rgba(41,174,231, 0.2), -1.8em -1.8em 0 0em rgba(41,174,231, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(41,174,231, 0.2), 1.8em -1.8em 0 0em rgba(41,174,231, 0.2), 2.5em 0em 0 0em rgba(41,174,231, 0.5), 1.75em 1.75em 0 0em rgba(41,174,231, 0.7), 0em 2.5em 0 0em #29aee7, -1.8em 1.8em 0 0em rgba(41,174,231, 0.2), -2.6em 0em 0 0em rgba(41,174,231, 0.2), -1.8em -1.8em 0 0em rgba(41,174,231, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(41,174,231, 0.2), 1.8em -1.8em 0 0em rgba(41,174,231, 0.2), 2.5em 0em 0 0em rgba(41,174,231, 0.2), 1.75em 1.75em 0 0em rgba(41,174,231, 0.5), 0em 2.5em 0 0em rgba(41,174,231, 0.7), -1.8em 1.8em 0 0em #29aee7, -2.6em 0em 0 0em rgba(41,174,231, 0.2), -1.8em -1.8em 0 0em rgba(41,174,231, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(41,174,231, 0.2), 1.8em -1.8em 0 0em rgba(41,174,231, 0.2), 2.5em 0em 0 0em rgba(41,174,231, 0.2), 1.75em 1.75em 0 0em rgba(41,174,231, 0.2), 0em 2.5em 0 0em rgba(41,174,231, 0.5), -1.8em 1.8em 0 0em rgba(41,174,231, 0.7), -2.6em 0em 0 0em #29aee7, -1.8em -1.8em 0 0em rgba(41,174,231, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(41,174,231, 0.2), 1.8em -1.8em 0 0em rgba(41,174,231, 0.2), 2.5em 0em 0 0em rgba(41,174,231, 0.2), 1.75em 1.75em 0 0em rgba(41,174,231, 0.2), 0em 2.5em 0 0em rgba(41,174,231, 0.2), -1.8em 1.8em 0 0em rgba(41,174,231, 0.5), -2.6em 0em 0 0em rgba(41,174,231, 0.7), -1.8em -1.8em 0 0em #29aee7;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #29aee7, 1.8em -1.8em 0 0em rgba(41,174,231, 0.2), 2.5em 0em 0 0em rgba(41,174,231, 0.2), 1.75em 1.75em 0 0em rgba(41,174,231, 0.2), 0em 2.5em 0 0em rgba(41,174,231, 0.2), -1.8em 1.8em 0 0em rgba(41,174,231, 0.2), -2.6em 0em 0 0em rgba(41,174,231, 0.5), -1.8em -1.8em 0 0em rgba(41,174,231, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(41,174,231, 0.7), 1.8em -1.8em 0 0em #29aee7, 2.5em 0em 0 0em rgba(41,174,231, 0.2), 1.75em 1.75em 0 0em rgba(41,174,231, 0.2), 0em 2.5em 0 0em rgba(41,174,231, 0.2), -1.8em 1.8em 0 0em rgba(41,174,231, 0.2), -2.6em 0em 0 0em rgba(41,174,231, 0.2), -1.8em -1.8em 0 0em rgba(41,174,231, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(41,174,231, 0.5), 1.8em -1.8em 0 0em rgba(41,174,231, 0.7), 2.5em 0em 0 0em #29aee7, 1.75em 1.75em 0 0em rgba(41,174,231, 0.2), 0em 2.5em 0 0em rgba(41,174,231, 0.2), -1.8em 1.8em 0 0em rgba(41,174,231, 0.2), -2.6em 0em 0 0em rgba(41,174,231, 0.2), -1.8em -1.8em 0 0em rgba(41,174,231, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(41,174,231, 0.2), 1.8em -1.8em 0 0em rgba(41,174,231, 0.5), 2.5em 0em 0 0em rgba(41,174,231, 0.7), 1.75em 1.75em 0 0em #29aee7, 0em 2.5em 0 0em rgba(41,174,231, 0.2), -1.8em 1.8em 0 0em rgba(41,174,231, 0.2), -2.6em 0em 0 0em rgba(41,174,231, 0.2), -1.8em -1.8em 0 0em rgba(41,174,231, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(41,174,231, 0.2), 1.8em -1.8em 0 0em rgba(41,174,231, 0.2), 2.5em 0em 0 0em rgba(41,174,231, 0.5), 1.75em 1.75em 0 0em rgba(41,174,231, 0.7), 0em 2.5em 0 0em #29aee7, -1.8em 1.8em 0 0em rgba(41,174,231, 0.2), -2.6em 0em 0 0em rgba(41,174,231, 0.2), -1.8em -1.8em 0 0em rgba(41,174,231, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(41,174,231, 0.2), 1.8em -1.8em 0 0em rgba(41,174,231, 0.2), 2.5em 0em 0 0em rgba(41,174,231, 0.2), 1.75em 1.75em 0 0em rgba(41,174,231, 0.5), 0em 2.5em 0 0em rgba(41,174,231, 0.7), -1.8em 1.8em 0 0em #29aee7, -2.6em 0em 0 0em rgba(41,174,231, 0.2), -1.8em -1.8em 0 0em rgba(41,174,231, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(41,174,231, 0.2), 1.8em -1.8em 0 0em rgba(41,174,231, 0.2), 2.5em 0em 0 0em rgba(41,174,231, 0.2), 1.75em 1.75em 0 0em rgba(41,174,231, 0.2), 0em 2.5em 0 0em rgba(41,174,231, 0.5), -1.8em 1.8em 0 0em rgba(41,174,231, 0.7), -2.6em 0em 0 0em #29aee7, -1.8em -1.8em 0 0em rgba(41,174,231, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(41,174,231, 0.2), 1.8em -1.8em 0 0em rgba(41,174,231, 0.2), 2.5em 0em 0 0em rgba(41,174,231, 0.2), 1.75em 1.75em 0 0em rgba(41,174,231, 0.2), 0em 2.5em 0 0em rgba(41,174,231, 0.2), -1.8em 1.8em 0 0em rgba(41,174,231, 0.5), -2.6em 0em 0 0em rgba(41,174,231, 0.7), -1.8em -1.8em 0 0em #29aee7;
  }
}
div.translucence {
    background-color: rgba(124, 181, 255, 0.5);
    color: white;
    font-size: large;
}

div.translucence a {
    color: white;
}

.emphasis {
    border-width: thick !important;
    border-style: solid !important;
    border-color: #ffaf1a !important;
}

div.theme-emphasis {
    border-width: thick !important;
    border-style: solid !important;
    border-color: #ffaf1a !important;
}

button.mail-invitation-emphasis {
    border-width: thick !important;
    border-style: solid !important;
    border-color: #ffaf1a !important;
}

div.trial-tooltip > div.tooltip-inner {
    background-color: #ffaf1a !important;
    font-size: large;
}

#contents-search-modal .modal-content {
    height: calc(100vh - 30px);
}

.search-keyword-div {
  width: 60%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.form-control {
  display: block;
  width: 100%;
  /* padding: 6px 12px; */
  font-size: 1.5rem;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.modal-body {
	padding: 1.4rem;
}

.modal-body p {
	font-size: 1.25rem;
	text-align: justify;
	padding: 0px 15px
}

#contents-search-modal div.height-limit-scroll {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0,0,0,0);
}

.navbar.navbar-dagree {
  border-radius: 0px;
  border-bottom: 2px solid #dfe3e8;
}
.navbar-dagree .navbar-nav > li > a {
  color: white;
  background-color: #6396b7;
}
.navbar-dagree .nav > li > a:hover,
.nav > li > a:focus {
  background-color: #6396b7;
}

.navbar-dagree .navbar-collapse .navbar-nav {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
@media ( min-width : 768px) {
  .navbar-dagree .nav-item .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .navbar-dagree .navbar-collapse .navbar-nav {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
}

.navbar-dagree .navbar-collapse {
  transition: all 0.4s ease-in-out;
}

.navbar-dagree .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-item {
  font-size: 1.4rem;
}

a.dropdown-item, a.dropdown-item:hover, a.dropdown-item:visited {
  color: #212529;
}

#discussion .move-buttons {
  width: 120px;
  height: 26px;
  color: #87b1ff;
  font-size: 18px;
  letter-spacing: 2px;
}
#discussion .move-buttons a {
  color: #87b1ff;
  height: 24px;
  line-height: 24px;
}
#discussion .move-buttons a:hover, #discussion .move-buttons a:focus {
  color: #87b1ff;
}
#discussion .move-buttons .disabled {
  color: #cccccc;
  height: 24px;
  line-height: 24px;
}

#discussion .card {
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  margin-bottom: 10px;
  background-color: #fff;
}
#discussion .card .card-header {
  padding: 10px;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  border-color: #dddddd;
}
#discussion .card .card-header {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #b06022;
  background-color: #ffd382;
  font-size: 18px;
}
#discussion .card .card-header h4,
#discussion .card .card-header h5 {
  font-size: 18px;
}
#discussion .card .card-body {
  padding: 10px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-color: #dddddd;
}
.nav-pills.nav-dagree > li.active > a,
.nav-pills.nav-dagree > li.active > a:hover,
.nav-pills.nav-dagree > li.active > a:focus {
  background-color: #e7f2f5;
}

.slideDown {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
@keyframes slideDown {
  0% {
    transform: translateY(-100%);
  }
  50% {
    transform: translateY(8%);
  }
  65% {
    transform: translateY(-4%);
  }
  80% {
    transform: translateY(4%);
  }
  95% {
    transform: translateY(-2%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-100%);
  }
  50% {
    -webkit-transform: translateY(8%);
  }
  65% {
    -webkit-transform: translateY(-4%);
  }
  80% {
    -webkit-transform: translateY(4%);
  }
  95% {
    -webkit-transform: translateY(-2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
.slideUp {
  animation-name: slideUp;
  -webkit-animation-name: slideUp;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
@keyframes slideUp {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(-8%);
  }
  65% {
    transform: translateY(4%);
  }
  80% {
    transform: translateY(-4%);
  }
  95% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%);
  }
  50% {
    -webkit-transform: translateY(-8%);
  }
  65% {
    -webkit-transform: translateY(4%);
  }
  80% {
    -webkit-transform: translateY(-4%);
  }
  95% {
    -webkit-transform: translateY(2%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
.slideLeft {
  animation-name: slideLeft;
  -webkit-animation-name: slideLeft;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@keyframes slideLeft {
  0% {
    transform: translateX(150%);
  }
  50% {
    transform: translateX(-8%);
  }
  65% {
    transform: translateX(4%);
  }
  80% {
    transform: translateX(-4%);
  }
  95% {
    transform: translateX(2%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%);
  }
  50% {
    -webkit-transform: translateX(-8%);
  }
  65% {
    -webkit-transform: translateX(4%);
  }
  80% {
    -webkit-transform: translateX(-4%);
  }
  95% {
    -webkit-transform: translateX(2%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
.slideRight {
  animation-name: slideRight;
  -webkit-animation-name: slideRight;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@keyframes slideRight {
  0% {
    transform: translateX(-150%);
  }
  50% {
    transform: translateX(8%);
  }
  65% {
    transform: translateX(-4%);
  }
  80% {
    transform: translateX(4%);
  }
  95% {
    transform: translateX(-2%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%);
  }
  50% {
    -webkit-transform: translateX(8%);
  }
  65% {
    -webkit-transform: translateX(-4%);
  }
  80% {
    -webkit-transform: translateX(4%);
  }
  95% {
    -webkit-transform: translateX(-2%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
.slideExpandUp {
  animation-name: slideExpandUp;
  -webkit-animation-name: slideExpandUp;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease -out;
  visibility: visible !important;
}
@keyframes slideExpandUp {
  0% {
    transform: translateY(100%) scaleX(0.5);
  }
  30% {
    transform: translateY(-8%) scaleX(0.5);
  }
  40% {
    transform: translateY(2%) scaleX(0.5);
  }
  50% {
    transform: translateY(0%) scaleX(1.1);
  }
  60% {
    transform: translateY(0%) scaleX(0.9);
  }
  70% {
    transform: translateY(0%) scaleX(1.05);
  }
  80% {
    transform: translateY(0%) scaleX(0.95);
  }
  90% {
    transform: translateY(0%) scaleX(1.02);
  }
  100% {
    transform: translateY(0%) scaleX(1);
  }
}
@-webkit-keyframes slideExpandUp {
  0% {
    -webkit-transform: translateY(100%) scaleX(0.5);
  }
  30% {
    -webkit-transform: translateY(-8%) scaleX(0.5);
  }
  40% {
    -webkit-transform: translateY(2%) scaleX(0.5);
  }
  50% {
    -webkit-transform: translateY(0%) scaleX(1.1);
  }
  60% {
    -webkit-transform: translateY(0%) scaleX(0.9);
  }
  70% {
    -webkit-transform: translateY(0%) scaleX(1.05);
  }
  80% {
    -webkit-transform: translateY(0%) scaleX(0.95);
  }
  90% {
    -webkit-transform: translateY(0%) scaleX(1.02);
  }
  100% {
    -webkit-transform: translateY(0%) scaleX(1);
  }
}
.expandUp {
  animation-name: expandUp;
  -webkit-animation-name: expandUp;
  animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}
@keyframes expandUp {
  0% {
    transform: translateY(100%) scale(0.6) scaleY(0.5);
  }
  60% {
    transform: translateY(-7%) scaleY(1.12);
  }
  75% {
    transform: translateY(3%);
  }
  100% {
    transform: translateY(0%) scale(1) scaleY(1);
  }
}
@-webkit-keyframes expandUp {
  0% {
    -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
  }
  60% {
    -webkit-transform: translateY(-7%) scaleY(1.12);
  }
  75% {
    -webkit-transform: translateY(3%);
  }
  100% {
    -webkit-transform: translateY(0%) scale(1) scaleY(1);
  }
}
.fadeIn {
  animation-name: fadeIn;
  -webkit-animation-name: fadeIn;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  visibility: visible !important;
}
@keyframes fadeIn {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  60% {
    transform: scale(1.1);
  }
  80% {
    transform: scale(0.9);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scale(1.1);
  }
  80% {
    -webkit-transform: scale(0.9);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}
.expandOpen {
  animation-name: expandOpen;
  -webkit-animation-name: expandOpen;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important;
}
@keyframes expandOpen {
  0% {
    transform: scale(1.8);
  }
  50% {
    transform: scale(0.95);
  }
  80% {
    transform: scale(1.05);
  }
  90% {
    transform: scale(0.98);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes expandOpen {
  0% {
    -webkit-transform: scale(1.8);
  }
  50% {
    -webkit-transform: scale(0.95);
  }
  80% {
    -webkit-transform: scale(1.05);
  }
  90% {
    -webkit-transform: scale(0.98);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
.bigEntrance {
  animation-name: bigEntrance;
  -webkit-animation-name: bigEntrance;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  visibility: visible !important;
}
@keyframes bigEntrance {
  0% {
    transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1;
  }
  45% {
    transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  75% {
    transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  100% {
    transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
@-webkit-keyframes bigEntrance {
  0% {
    -webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
    opacity: 0.2;
  }
  30% {
    -webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
    opacity: 1;
  }
  45% {
    -webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  75% {
    -webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  90% {
    -webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
    opacity: 1;
  }
}
.hatch {
  animation-name: hatch;
  -webkit-animation-name: hatch;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  visibility: visible !important;
}
@keyframes hatch {
  0% {
    transform: rotate(0deg) scaleY(0.6);
  }
  20% {
    transform: rotate(-2deg) scaleY(1.05);
  }
  35% {
    transform: rotate(2deg) scaleY(1);
  }
  50% {
    transform: rotate(-2deg);
  }
  65% {
    transform: rotate(1deg);
  }
  80% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes hatch {
  0% {
    -webkit-transform: rotate(0deg) scaleY(0.6);
  }
  20% {
    -webkit-transform: rotate(-2deg) scaleY(1.05);
  }
  35% {
    -webkit-transform: rotate(2deg) scaleY(1);
  }
  50% {
    -webkit-transform: rotate(-2deg);
  }
  65% {
    -webkit-transform: rotate(1deg);
  }
  80% {
    -webkit-transform: rotate(-1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
.bounce {
  animation-name: bounce;
  -webkit-animation-name: bounce;
  animation-duration: 1.6s;
  -webkit-animation-duration: 1.6s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
}
@keyframes bounce {
  0% {
    transform: translateY(0%) scaleY(0.6);
  }
  60% {
    transform: translateY(-100%) scaleY(1.1);
  }
  70% {
    transform: translateY(0%) scaleY(0.95) scaleX(1.05);
  }
  80% {
    transform: translateY(0%) scaleY(1.05) scaleX(1);
  }
  90% {
    transform: translateY(0%) scaleY(0.95) scaleX(1);
  }
  100% {
    transform: translateY(0%) scaleY(1) scaleX(1);
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0%) scaleY(0.6);
  }
  60% {
    -webkit-transform: translateY(-100%) scaleY(1.1);
  }
  70% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
  }
  80% {
    -webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
  }
  90% {
    -webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
  }
  100% {
    -webkit-transform: translateY(0%) scaleY(1) scaleX(1);
  }
}
.pulse {
  animation-name: pulse;
  -webkit-animation-name: pulse;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes pulse {
  0% {
    transform: scale(0.9);
    opacity: 0.7;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0.7;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.95);
    opacity: 0.7;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.95);
    opacity: 0.7;
  }
}
.floating {
  animation-name: floating;
  -webkit-animation-name: floating;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes floating {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(8%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes floating {
  0% {
    -webkit-transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(8%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
.tossing {
  animation-name: tossing;
  -webkit-animation-name: tossing;
  animation-duration: 2.5s;
  -webkit-animation-duration: 2.5s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@keyframes tossing {
  0% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(-4deg);
  }
}
@-webkit-keyframes tossing {
  0% {
    -webkit-transform: rotate(-4deg);
  }
  50% {
    -webkit-transform: rotate(4deg);
  }
  100% {
    -webkit-transform: rotate(-4deg);
  }
}
.pullUp {
  animation-name: pullUp;
  -webkit-animation-name: pullUp;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
}
@keyframes pullUp {
  0% {
    transform: scaleY(0.1);
  }
  40% {
    transform: scaleY(1.02);
  }
  60% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes pullUp {
  0% {
    -webkit-transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}
.pullDown {
  animation-name: pullDown;
  -webkit-animation-name: pullDown;
  animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
}
@keyframes pullDown {
  0% {
    transform: scaleY(0.1);
  }
  40% {
    transform: scaleY(1.02);
  }
  60% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(0.98);
  }
  80% {
    transform: scaleY(1.01);
  }
  100% {
    transform: scaleY(1);
  }
}
@-webkit-keyframes pullDown {
  0% {
    -webkit-transform: scaleY(0.1);
  }
  40% {
    -webkit-transform: scaleY(1.02);
  }
  60% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(0.98);
  }
  80% {
    -webkit-transform: scaleY(1.01);
  }
  100% {
    -webkit-transform: scaleY(1);
  }
}
.stretchLeft {
  animation-name: stretchLeft;
  -webkit-animation-name: stretchLeft;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%;
}
@keyframes stretchLeft {
  0% {
    transform: scaleX(0.3);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes stretchLeft {
  0% {
    -webkit-transform: scaleX(0.3);
  }
  40% {
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}
.stretchRight {
  animation-name: stretchRight;
  -webkit-animation-name: stretchRight;
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
}
@keyframes stretchRight {
  0% {
    transform: scaleX(0.3);
  }
  40% {
    transform: scaleX(1.02);
  }
  60% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(0.98);
  }
  80% {
    transform: scaleX(1.01);
  }
  100% {
    transform: scaleX(1);
  }
}
@-webkit-keyframes stretchRight {
  0% {
    -webkit-transform: scaleX(0.3);
  }
  40% {
    -webkit-transform: scaleX(1.02);
  }
  60% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(0.98);
  }
  80% {
    -webkit-transform: scaleX(1.01);
  }
  100% {
    -webkit-transform: scaleX(1);
  }
}

.mobile .modal-window {
  overflow: scroll;
  max-height: 80%;
  width: 90%;
  padding: 30px 15px;
}
.mobile .buttons {
  text-align: right;
}
.mobile .navbar-brand {
  width: 80%;
}
.mobile .navbar-brand img {
  width: 100%;
}
.mobile .navbar-toggle {
  color: white;
  padding: 5px;
}
.mobile .nav-user-icon {
  display: none;
}

.padding {
  padding: 0 40px;
}

#header-alert {
  height: 50px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.8;
  z-index: 10000;
  background-color: black;
  text-align: center;
  display: none;
}
#header-alert #point-alert {
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  text-align: left;
  color: whitesmoke;
}

img.nav-user-icon {
  width: 40px;
  height: 40px;
  border-radius: 3px;
}
img.user-icon {
  width: 50px;
  height: 50px;
  border-radius: 4px;
}
img.user-icon-small {
  width: 40px;
  height: 40px;
  border-radius: 3px;
}

@media (max-width: 780px) {
  img.user-icon {
    width: 40px;
    height: 40px;
    border-radius: 3px;
  }
}

img.recent-activity-icon {
  width: 30px;
  height: 30px;
  border-radius: 4px;
}

@media (max-width: 780px) {
  img.recent-activity-icon {
    width: 25px;
    height: 25px;
    border-radius: 3px;
  }
}

#lean_overlay {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}

.modal-window {
  background-color: #ffffff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 780px;
}
.modal_close {
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
  width: 28px;
  height: 28px;
  z-index: 2;
}
@media print {
  a[href]:after {
    content: "" !important;
  }
  abbr[title]:after {
    content: "" !important;
  }
}

a#navbar-brand-top:link {
  background-color: transparent;
  text-decoration: none;
}
a#navbar-brand-top:visited {
  background-color: transparent;
  text-decoration: none;
}
a#navbar-brand-top:hover {
  background-color: transparent;
  text-decoration: none;
}
a#navbar-brand-top:active {
  background-color: transparent;
  text-decoration: none;
}
a#navbar-brand-top img {
  width: 120px;
}
@media (max-width: 575.98px) {
  a#navbar-brand-top img {
    width: 90px;
  }
}

#discussion > .row [class*='col-'] {
  transition: flex 0.3s, max-width 0.3s;
}

div#header-time {
  display: none;
}
.floating {
  bottom: 20px;
  left: 20px;
  position: fixed;
  z-index: 1;
}
.ui-pnotify {
  top: 25px;
  right: 25px;
  position: absolute;
  height: auto;
  z-index: 9999;
}
html > body > .ui-pnotify {
  position: fixed;
}
.ui-pnotify .ui-pnotify-shadow {
  -webkit-box-shadow: 0 2px 10px rgba(50, 50, 50, 0.5);
  -moz-box-shadow: 0 2px 10px rgba(50, 50, 50, 0.5);
  box-shadow: 0 2px 10px rgba(50, 50, 50, 0.5);
}
.ui-pnotify-container {
  background-position: 0 0;
  padding: 0.8em;
  height: 100%;
  margin: 0;
}
.ui-pnotify-sharp {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ui-pnotify-title {
  display: block;
  margin-bottom: 0.4em;
  margin-top: 0;
}
.ui-pnotify-text {
  display: block;
}
.ui-pnotify-icon,
.ui-pnotify-icon span {
  display: block;
  float: left;
  margin-right: 0.2em;
}
.ui-pnotify.stack-bottomleft,
.ui-pnotify.stack-topleft {
  left: 25px;
  right: auto;
}
.ui-pnotify.stack-bottomleft,
.ui-pnotify.stack-bottomright {
  bottom: 25px;
  top: auto;
}
.ui-pnotify-closer,
.ui-pnotify-sticker {
  float: right;
  margin-left: 0.2em;
}

.c3 svg {
  font: 10px sans-serif;
}
.c3 path,
.c3 line {
  fill: none;
  stroke: #000;
}
.c3 text {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
  shape-rendering: crispEdges;
}
.c3-chart-arc path {
  stroke: #fff;
}
.c3-chart-arc text {
  fill: #fff;
  font-size: 13px;
}
.c3-grid line {
  stroke: #aaa;
}
.c3-grid text {
  fill: #aaa;
}
.c3-xgrid,
.c3-ygrid {
  stroke-dasharray: 3 3;
}
.c3-text.c3-empty {
  fill: #808080;
  font-size: 2em;
}
.c3-line {
  stroke-width: 1px;
}
.c3-circle._expanded_ {
  stroke-width: 1px;
  stroke: white;
}
.c3-selected-circle {
  fill: white;
  stroke-width: 2px;
}
.c3-bar {
  stroke-width: 0;
}
.c3-bar._expanded_ {
  fill-opacity: 0.75;
}
.c3-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em;
}
.c3-target.c3-focused {
  opacity: 1;
}
.c3-target.c3-focused path.c3-line,
.c3-target.c3-focused path.c3-step {
  stroke-width: 2px;
}
.c3-target.c3-defocused {
  opacity: 0.3 !important;
}
.c3-region {
  fill: steelblue;
  fill-opacity: 0.1;
}
.c3-brush .extent {
  fill-opacity: 0.1;
}
.c3-legend-item {
  font-size: 12px;
}
.c3-legend-item-hidden {
  opacity: 0.15;
}
.c3-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1;
}
.c3-tooltip-container {
  z-index: 10;
}
.c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  -webkit-box-shadow: 7px 7px 12px -9px #777;
  -moz-box-shadow: 7px 7px 12px -9px #777;
  box-shadow: 7px 7px 12px -9px #777;
  opacity: 0.9;
}
.c3-tooltip tr {
  border: 1px solid #ccc;
}
.c3-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #fff;
}
.c3-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999;
}
.c3-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}
.c3-tooltip td.value {
  text-align: right;
}
.c3-area {
  stroke-width: 0;
  opacity: 0.2;
}
.c3-chart-arcs .c3-chart-arcs-background {
  fill: #e0e0e0;
  stroke: none;
}
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px;
}
.c3-chart-arcs .c3-chart-arcs-gauge-max {
  fill: #777;
}
.c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #777;
}
.c3-chart-arc .c3-gauge-value {
  fill: #000;
}

.btn-default-bs3 {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-warning-bs3 {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

.btn-group-sm > .btn, .btn-sm {
    font-size: 1rem;
    border-radius: .3rem;
}

.hint {
    line-height: 1rem;
    width:1rem;
    height:1rem;
    font-size:10pt;
}

.hint-question {
    color: rgb(0, 123, 255);
}

.tooltip {
    font-size: 1.25rem;
}

div.step-progress div.step {
    height: 2em;
    color: #ffffff;
    margin: 2px 0;
}

div.step-progress div.step div.step-text {
    height: 2em;
    background-color: #b5b5b5;
    margin: 0;
    padding: 0.2em;
    text-align: center;
}

div.step-progress div.step div.step-text span {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

div.step-progress div.step div.step-begin {
  width: 1em;
  height: 2em;
  margin: 0;
  padding: 0;
  background: linear-gradient(45deg, transparent 50%, #b5b5b5 50%) top left/ 100% 50% no-repeat,
      linear-gradient(135deg, transparent 50%, #b5b5b5 50%) bottom left/ 100% 49.9% no-repeat;
}

div.step-progress div.step div.step-end {
  width: 1em;
  height: 2em;
  margin: 0;
  padding: 0;
  background: linear-gradient(45deg, #b5b5b5 50%, transparent 50%) top left/ 100% 50% no-repeat,
      linear-gradient(135deg, #b5b5b5 50%, transparent 50%) bottom left/ 100% 49.9% no-repeat;
}

div.step-progress div.step.current div.step-text {
    background-color: #398eca;
}

div.step-progress div.step.current div.step-text span {
    padding: 0 2em;
}

div.step-progress div.step.current div.step-begin {
    background: linear-gradient(45deg, transparent 50%, #398eca 50%) top left/ 100% 50% no-repeat,
        linear-gradient(135deg, transparent 50%, #398eca 50%) bottom left/ 100% 49.9% no-repeat;
}

div.step-progress div.step.current div.step-end {
    background: linear-gradient(45deg, #398eca 50%, transparent 50%) top left/ 100% 50% no-repeat,
        linear-gradient(135deg, #398eca 50%, transparent 50%) bottom left/ 100% 49.9% no-repeat;
}

ul.aster-list, ul.aster-list > li {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.aster-list > li {
    padding-left: 2rem;
    text-indent: -1em;
}
ul.aster-list > li:before {
    content: "*";
    margin-right: 0.5rem;
}

.responsive-container-34 {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 133.3%;
}
.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.text-ellipsis{
  text-overflow: ellipsis;
  white-space:nowrap;
  overflow: hidden;
}

.div-link{
  position: relative;
  z-index: 1;
}

.div-link a.div-link{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent:-999px;
  z-index: 2;
}

.table_border_radius {
  margin:0 auto;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border:1px solid #FFFFFF;
  border-spacing: 0;
  overflow:hidden;
  margin-top:10px;
  margin-bottom: 10px;
  color: #556;
}
table.table_border_radius td,
table.table_border_radius th{
  border-bottom:2px solid #FFFFFF;
  margin:0;
  padding:5px;
}
table.table_border_radius thead tr th{
    background: #2A92DD;
    color: #FFFFFF;
    text-align: center;
}
table.table_border_radius tbody tr:last-child th,
table.table_border_radius tbody tr:last-child td{
    border-bottom: none;
}
table.table_border_radius tr:nth-child(odd){
	background: #D5E9FA;
}
table.table_border_radius tr:nth-child(even){
	background: #E6F4FA;
}
table.table_border_radius tr td:nth-child(odd) {
    text-align: center;
}

/* https://unpkg.com/vue-bootstrap-typeahead/dist/VueBootstrapTypeahead.css */
.vbt-autcomplete-list[data-v-48792d67]{max-height:350px;overflow-y:auto;padding-top:5px;position:absolute;z-index:999}

div.messagebox-no-theme {
  font-size: 16px;
  color: #ffffff;
  border-radius: 30px;
  background-color: #999999;
  display: inline-block;
  align-items: center;
  font-weight: bold;
  padding: 5px 15px;
  margin: 10px;
}

.div-center {
  margin-left: auto;
  margin-right: auto;
}

.discussion_hooper_slide_images {
  height: 640px !important;
}

.discussion_threads_panel {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px;
  background-color: white;
}

.discussion_thread_conditions {
  padding: 10px 30px;
  margin-bottom: 1rem;
  border-radius: 4px;
}

.discussion_table_of_contents {
  background: #edfafd;
  padding: 10px 20px;
  border-radius: 4px;
}

a.discussion_table_of_contents_entry {
  line-height: 2em;
  margin-left: 1em;
  color: #4f8dc1;
}

.thread_pagination .btn-outline-primary {
  background-color: white;
}
.thread_pagination .btn-outline-primary:hover,
.thread_pagination .btn-outline-primary:active {
  color: white;
  background-color: #007bff;
  border-color: #007bff;
}

.thread_no_of_page {
  height: 18px;
  width: 18px;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  color: white;
  background-color: #87b1ff;
  font-size: 10px;
  font-weight: 600px;
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana , Roboto, sans-serif;
  display: inline-block;
}

.transparent-check-front {
	width: 100%;
	height: 100%;
	opacity: 0.8;
	z-index: 3;
	position: absolute;
}

.upload-file-area {
    border: 3px dashed #c0c0c0;
    border-radius: 8px;
    position: relative;
    padding-bottom: 0.5em;
}

.upload-file-area input[type="file"] {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    z-index: 3;
    font-size: 0;
    cursor: pointer;
}

.upload-file-area span {
    margin-top: 0.5em;
}

.upload-file-area .row {
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.upload-file-area .upload-filename{
    display: none;
}

.modal .upload-file-area input[type="file"] {
    z-index: 1051;
}

.list-title {
    font-weight: 600;
    font-size: 1.5rem;
}

.fb_iframe_widget {
    top: -9px;
}

.g-recaptcha > div {
    margin: auto;
}

.contact_step_wrapper {
  margin-top: 40px;
  margin-bottom: 20px;
}
.contact_step_hr {
  border-color: #8a8a8a;
  border-width: 2px;
}
.contact_step {
  margin-bottom: 60px;
  max-width: 480px;
  margin-right: auto;
  margin-left: auto;
}
.contact_step ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style-type: none;
  padding: 0;
}
.contact_step li {
  color: #8a8a8a;
  font-size: 12px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  font-weight: normal;
}
.contact_step li::before,
.contact_step li::after {
  content: '';
  background-color: #d3d3d3;
  display: block;
  position: absolute;
}
.contact_step li::before {
  width: 1.33em;
  aspect-ratio: 1;
  margin: 0 auto;
  text-align: center;
  border-radius: 50%;
  left: 0;
  right: 0;
  top: 3em;
  z-index: 1;
}
.contact_step li::after {
  top: 4.2rem;
  height: 3px;
  z-index: 0;
}
.contact .contact_step li::after {
  left: -100%;
  width: 150%;
}
.contact_step li::after {
  left: -50%;
  width: 100%;
}
.contact_step li:first-child::after {
  content: none;
}
.contact_step li.current {
  color: #398eca;
}
.contact_step li.done::before,
.contact_step li.current::before {
  background-color: #398eca;
}
.contact_step li.done::after,
.contact_step li.current::after {
  background-color: #398eca;
}
.contact_step li.pass {
  color: #d3d3d3;
}
.contact_step li.pass::before {
  background-color: #d3d3d3;
}
.contact_step li br {
  display: none;
}
.contact_step li {
  width: 25%;
  flex-grow: 1;
}
@media screen and (max-width: 768px) {
  .contact_step li {
    font-size: 12px;
    line-height: 1.2;
  }
  .contact_step li::after {
    top: 3.6em;
  }
  .contact_step li br {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .contact_step li br {
    display: none;
  }
}

.navbar .nav-link {
  display: flex;
  align-items: center;
}

.dropdown-toggle {
  text-align: right;
}

#DiscussionSpaceName {
  width: 80px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 13px;
}

@media screen and (min-width: 576px) {
  #DiscussionSpaceName {
    width: 110px;
    font-size: 16px;
  }
}

.item-open, .item-hidden a{
  cursor: pointer;
}

.item-open a::before{
  content: ">";
  margin-left: 5px;
}

.item-hidden a::before {
  content: "v";
  margin-left: 5px;
  margin-right: 2px;
}

.subdiv a::before{
  content: "-";
  margin-right: 5px;
}

.theme-status {
  font-size: 12px;
  padding-left: 1em;
}

.insession div{
  color: #980000;
}

.theme-list-sidebar a {
  padding: 5px 0px;
}

.theme-list-sidebar a::before {
  content: "#";
  margin-right: 5px;
}

.collapsed .collapsed-icon {
  transform: scale(1, -1);
}

/**
 * CSS Material Colors
 * CSS library for Material Design Background and Foreground colors
 *
 * https://github.com/sivot/css-material-colors
 *
 */
.bg-red{background-color:#f44336}.bg-red-50{background-color:#ffebee}.bg-red-100{background-color:#ffcdd2}.bg-red-200{background-color:#ef9a9a}.bg-red-300{background-color:#e57373}.bg-red-400{background-color:#ef5350}.bg-red-500{background-color:#f44336}.bg-red-600{background-color:#e53935}.bg-red-700{background-color:#d32f2f}.bg-red-800{background-color:#c62828}.bg-red-900{background-color:#b71c1c}.bg-red-a100{background-color:#ff8a80}.bg-red-a200{background-color:#ff5252}.bg-red-a400{background-color:#ff1744}.bg-red-a700{background-color:#d50000}.bg-pink{background-color:#e91e63}.bg-pink-50{background-color:#fce4ec}.bg-pink-100{background-color:#f8bbd0}.bg-pink-200{background-color:#f48fb1}.bg-pink-300{background-color:#f06292}.bg-pink-400{background-color:#ec407a}.bg-pink-500{background-color:#e91e63}.bg-pink-600{background-color:#d81b60}.bg-pink-700{background-color:#c2185b}.bg-pink-800{background-color:#ad1457}.bg-pink-900{background-color:#880e4f}.bg-pink-a100{background-color:#ff80ab}.bg-pink-a200{background-color:#ff4081}.bg-pink-a400{background-color:#f50057}.bg-pink-a700{background-color:#c51162}.bg-purple{background-color:#9c27b0}.bg-purple-50{background-color:#f3e5f5}.bg-purple-100{background-color:#e1bee7}.bg-purple-200{background-color:#ce93d8}.bg-purple-300{background-color:#ba68c8}.bg-purple-400{background-color:#ab47bc}.bg-purple-500{background-color:#9c27b0}.bg-purple-600{background-color:#8e24aa}.bg-purple-700{background-color:#7b1fa2}.bg-purple-800{background-color:#6a1b9a}.bg-purple-900{background-color:#4a148c}.bg-purple-a100{background-color:#ea80fc}.bg-purple-a200{background-color:#e040fb}.bg-purple-a400{background-color:#d500f9}.bg-purple-a700{background-color:#a0f}.bg-deep-purple{background-color:#673ab7}.bg-deep-purple-50{background-color:#ede7f6}.bg-deep-purple-100{background-color:#d1c4e9}.bg-deep-purple-200{background-color:#b39ddb}.bg-deep-purple-300{background-color:#9575cd}.bg-deep-purple-400{background-color:#7e57c2}.bg-deep-purple-500{background-color:#673ab7}.bg-deep-purple-600{background-color:#5e35b1}.bg-deep-purple-700{background-color:#512da8}.bg-deep-purple-800{background-color:#4527a0}.bg-deep-purple-900{background-color:#311b92}.bg-deep-purple-a100{background-color:#b388ff}.bg-deep-purple-a200{background-color:#7c4dff}.bg-deep-purple-a400{background-color:#651fff}.bg-deep-purple-a700{background-color:#6200ea}.bg-indigo{background-color:#3f51b5}.bg-indigo-50{background-color:#e8eaf6}.bg-indigo-100{background-color:#c5cae9}.bg-indigo-200{background-color:#9fa8da}.bg-indigo-300{background-color:#7986cb}.bg-indigo-400{background-color:#5c6bc0}.bg-indigo-500{background-color:#3f51b5}.bg-indigo-600{background-color:#3949ab}.bg-indigo-700{background-color:#303f9f}.bg-indigo-800{background-color:#283593}.bg-indigo-900{background-color:#1a237e}.bg-indigo-a100{background-color:#8c9eff}.bg-indigo-a200{background-color:#536dfe}.bg-indigo-a400{background-color:#3d5afe}.bg-indigo-a700{background-color:#304ffe}.bg-blue{background-color:#2196f3}.bg-blue-50{background-color:#e3f2fd}.bg-blue-100{background-color:#bbdefb}.bg-blue-200{background-color:#90caf9}.bg-blue-300{background-color:#64b5f6}.bg-blue-400{background-color:#42a5f5}.bg-blue-500{background-color:#2196f3}.bg-blue-600{background-color:#1e88e5}.bg-blue-700{background-color:#1976d2}.bg-blue-800{background-color:#1565c0}.bg-blue-900{background-color:#0d47a1}.bg-blue-a100{background-color:#82b1ff}.bg-blue-a200{background-color:#448aff}.bg-blue-a400{background-color:#2979ff}.bg-blue-a700{background-color:#2962ff}.bg-light-blue{background-color:#03a9f4}.bg-light-blue-50{background-color:#e1f5fe}.bg-light-blue-100{background-color:#b3e5fc}.bg-light-blue-200{background-color:#81d4fa}.bg-light-blue-300{background-color:#4fc3f7}.bg-light-blue-400{background-color:#29b6f6}.bg-light-blue-500{background-color:#03a9f4}.bg-light-blue-600{background-color:#039be5}.bg-light-blue-700{background-color:#0288d1}.bg-light-blue-800{background-color:#0277bd}.bg-light-blue-900{background-color:#01579b}.bg-light-blue-a100{background-color:#80d8ff}.bg-light-blue-a200{background-color:#40c4ff}.bg-light-blue-a400{background-color:#00b0ff}.bg-light-blue-a700{background-color:#0091ea}.bg-cyan{background-color:#00bcd4}.bg-cyan-50{background-color:#e0f7fa}.bg-cyan-100{background-color:#b2ebf2}.bg-cyan-200{background-color:#80deea}.bg-cyan-300{background-color:#4dd0e1}.bg-cyan-400{background-color:#26c6da}.bg-cyan-500{background-color:#00bcd4}.bg-cyan-600{background-color:#00acc1}.bg-cyan-700{background-color:#0097a7}.bg-cyan-800{background-color:#00838f}.bg-cyan-900{background-color:#006064}.bg-cyan-a100{background-color:#84ffff}.bg-cyan-a200{background-color:#18ffff}.bg-cyan-a400{background-color:#00e5ff}.bg-cyan-a700{background-color:#00b8d4}.bg-teal{background-color:#009688}.bg-teal-50{background-color:#e0f2f1}.bg-teal-100{background-color:#b2dfdb}.bg-teal-200{background-color:#80cbc4}.bg-teal-300{background-color:#4db6ac}.bg-teal-400{background-color:#26a69a}.bg-teal-500{background-color:#009688}.bg-teal-600{background-color:#00897b}.bg-teal-700{background-color:#00796b}.bg-teal-800{background-color:#00695c}.bg-teal-900{background-color:#004d40}.bg-teal-a100{background-color:#a7ffeb}.bg-teal-a200{background-color:#64ffda}.bg-teal-a400{background-color:#1de9b6}.bg-teal-a700{background-color:#00bfa5}.bg-green{background-color:#4caf50}.bg-green-50{background-color:#e8f5e9}.bg-green-100{background-color:#c8e6c9}.bg-green-200{background-color:#a5d6a7}.bg-green-300{background-color:#81c784}.bg-green-400{background-color:#66bb6a}.bg-green-500{background-color:#4caf50}.bg-green-600{background-color:#43a047}.bg-green-700{background-color:#388e3c}.bg-green-800{background-color:#2e7d32}.bg-green-900{background-color:#1b5e20}.bg-green-a100{background-color:#b9f6ca}.bg-green-a200{background-color:#69f0ae}.bg-green-a400{background-color:#00e676}.bg-green-a700{background-color:#00c853}.bg-light-green{background-color:#8bc34a}.bg-light-green-50{background-color:#f1f8e9}.bg-light-green-100{background-color:#dcedc8}.bg-light-green-200{background-color:#c5e1a5}.bg-light-green-300{background-color:#aed581}.bg-light-green-400{background-color:#9ccc65}.bg-light-green-500{background-color:#8bc34a}.bg-light-green-600{background-color:#7cb342}.bg-light-green-700{background-color:#689f38}.bg-light-green-800{background-color:#558b2f}.bg-light-green-900{background-color:#33691e}.bg-light-green-a100{background-color:#ccff90}.bg-light-green-a200{background-color:#b2ff59}.bg-light-green-a400{background-color:#76ff03}.bg-light-green-a700{background-color:#64dd17}.bg-lime{background-color:#cddc39}.bg-lime-50{background-color:#f9fbe7}.bg-lime-100{background-color:#f0f4c3}.bg-lime-200{background-color:#e6ee9c}.bg-lime-300{background-color:#dce775}.bg-lime-400{background-color:#d4e157}.bg-lime-500{background-color:#cddc39}.bg-lime-600{background-color:#c0ca33}.bg-lime-700{background-color:#afb42b}.bg-lime-800{background-color:#9e9d24}.bg-lime-900{background-color:#827717}.bg-lime-a100{background-color:#f4ff81}.bg-lime-a200{background-color:#eeff41}.bg-lime-a400{background-color:#c6ff00}.bg-lime-a700{background-color:#aeea00}.bg-yellow{background-color:#ffeb3b}.bg-yellow-50{background-color:#fffde7}.bg-yellow-100{background-color:#fff9c4}.bg-yellow-200{background-color:#fff59d}.bg-yellow-300{background-color:#fff176}.bg-yellow-400{background-color:#ffee58}.bg-yellow-500{background-color:#ffeb3b}.bg-yellow-600{background-color:#fdd835}.bg-yellow-700{background-color:#fbc02d}.bg-yellow-800{background-color:#f9a825}.bg-yellow-900{background-color:#f57f17}.bg-yellow-a100{background-color:#ffff8d}.bg-yellow-a200{background-color:#ff0}.bg-yellow-a400{background-color:#ffea00}.bg-yellow-a700{background-color:#ffd600}.bg-amber{background-color:#ffc107}.bg-amber-50{background-color:#fff8e1}.bg-amber-100{background-color:#ffecb3}.bg-amber-200{background-color:#ffe082}.bg-amber-300{background-color:#ffd54f}.bg-amber-400{background-color:#ffca28}.bg-amber-500{background-color:#ffc107}.bg-amber-600{background-color:#ffb300}.bg-amber-700{background-color:#ffa000}.bg-amber-800{background-color:#ff8f00}.bg-amber-900{background-color:#ff6f00}.bg-amber-a100{background-color:#ffe57f}.bg-amber-a200{background-color:#ffd740}.bg-amber-a400{background-color:#ffc400}.bg-amber-a700{background-color:#ffab00}.bg-orange{background-color:#ff9800}.bg-orange-50{background-color:#fff3e0}.bg-orange-100{background-color:#ffe0b2}.bg-orange-200{background-color:#ffcc80}.bg-orange-300{background-color:#ffb74d}.bg-orange-400{background-color:#ffa726}.bg-orange-500{background-color:#ff9800}.bg-orange-600{background-color:#fb8c00}.bg-orange-700{background-color:#f57c00}.bg-orange-800{background-color:#ef6c00}.bg-orange-900{background-color:#e65100}.bg-orange-a100{background-color:#ffd180}.bg-orange-a200{background-color:#ffab40}.bg-orange-a400{background-color:#ff9100}.bg-orange-a700{background-color:#ff6d00}.bg-deep-orange{background-color:#ff5722}.bg-deep-orange-50{background-color:#fbe9e7}.bg-deep-orange-100{background-color:#ffccbc}.bg-deep-orange-200{background-color:#ffab91}.bg-deep-orange-300{background-color:#ff8a65}.bg-deep-orange-400{background-color:#ff7043}.bg-deep-orange-500{background-color:#ff5722}.bg-deep-orange-600{background-color:#f4511e}.bg-deep-orange-700{background-color:#e64a19}.bg-deep-orange-800{background-color:#d84315}.bg-deep-orange-900{background-color:#bf360c}.bg-deep-orange-a100{background-color:#ff9e80}.bg-deep-orange-a200{background-color:#ff6e40}.bg-deep-orange-a400{background-color:#ff3d00}.bg-deep-orange-a700{background-color:#dd2c00}.bg-brown{background-color:#795548}.bg-brown-50{background-color:#efebe9}.bg-brown-100{background-color:#d7ccc8}.bg-brown-200{background-color:#bcaaa4}.bg-brown-300{background-color:#a1887f}.bg-brown-400{background-color:#8d6e63}.bg-brown-500{background-color:#795548}.bg-brown-600{background-color:#6d4c41}.bg-brown-700{background-color:#5d4037}.bg-brown-800{background-color:#4e342e}.bg-brown-900{background-color:#3e2723}.bg-grey{background-color:#9e9e9e}.bg-grey-50{background-color:#fafafa}.bg-grey-100{background-color:#f5f5f5}.bg-grey-200{background-color:#eee}.bg-grey-300{background-color:#e0e0e0}.bg-grey-400{background-color:#bdbdbd}.bg-grey-500{background-color:#9e9e9e}.bg-grey-600{background-color:#757575}.bg-grey-700{background-color:#616161}.bg-grey-800{background-color:#424242}.bg-grey-900{background-color:#212121}.bg-blue-grey{background-color:#607d8b}.bg-blue-grey-50{background-color:#eceff1}.bg-blue-grey-100{background-color:#cfd8dc}.bg-blue-grey-200{background-color:#b0bec5}.bg-blue-grey-300{background-color:#90a4ae}.bg-blue-grey-400{background-color:#78909c}.bg-blue-grey-500{background-color:#607d8b}.bg-blue-grey-600{background-color:#546e7a}.bg-blue-grey-700{background-color:#455a64}.bg-blue-grey-800{background-color:#37474f}.bg-blue-grey-900{background-color:#263238}.bg-black{background-color:#000}.bg-white{background-color:#fff}.fg-red{color:#f44336}.fg-red-50{color:#ffebee}.fg-red-100{color:#ffcdd2}.fg-red-200{color:#ef9a9a}.fg-red-300{color:#e57373}.fg-red-400{color:#ef5350}.fg-red-500{color:#f44336}.fg-red-600{color:#e53935}.fg-red-700{color:#d32f2f}.fg-red-800{color:#c62828}.fg-red-900{color:#b71c1c}.fg-red-a100{color:#ff8a80}.fg-red-a200{color:#ff5252}.fg-red-a400{color:#ff1744}.fg-red-a700{color:#d50000}.fg-pink{color:#e91e63}.fg-pink-50{color:#fce4ec}.fg-pink-100{color:#f8bbd0}.fg-pink-200{color:#f48fb1}.fg-pink-300{color:#f06292}.fg-pink-400{color:#ec407a}.fg-pink-500{color:#e91e63}.fg-pink-600{color:#d81b60}.fg-pink-700{color:#c2185b}.fg-pink-800{color:#ad1457}.fg-pink-900{color:#880e4f}.fg-pink-a100{color:#ff80ab}.fg-pink-a200{color:#ff4081}.fg-pink-a400{color:#f50057}.fg-pink-a700{color:#c51162}.fg-purple{color:#9c27b0}.fg-purple-50{color:#f3e5f5}.fg-purple-100{color:#e1bee7}.fg-purple-200{color:#ce93d8}.fg-purple-300{color:#ba68c8}.fg-purple-400{color:#ab47bc}.fg-purple-500{color:#9c27b0}.fg-purple-600{color:#8e24aa}.fg-purple-700{color:#7b1fa2}.fg-purple-800{color:#6a1b9a}.fg-purple-900{color:#4a148c}.fg-purple-a100{color:#ea80fc}.fg-purple-a200{color:#e040fb}.fg-purple-a400{color:#d500f9}.fg-purple-a700{color:#a0f}.fg-deep-purple{color:#673ab7}.fg-deep-purple-50{color:#ede7f6}.fg-deep-purple-100{color:#d1c4e9}.fg-deep-purple-200{color:#b39ddb}.fg-deep-purple-300{color:#9575cd}.fg-deep-purple-400{color:#7e57c2}.fg-deep-purple-500{color:#673ab7}.fg-deep-purple-600{color:#5e35b1}.fg-deep-purple-700{color:#512da8}.fg-deep-purple-800{color:#4527a0}.fg-deep-purple-900{color:#311b92}.fg-deep-purple-a100{color:#b388ff}.fg-deep-purple-a200{color:#7c4dff}.fg-deep-purple-a400{color:#651fff}.fg-deep-purple-a700{color:#6200ea}.fg-indigo{color:#3f51b5}.fg-indigo-50{color:#e8eaf6}.fg-indigo-100{color:#c5cae9}.fg-indigo-200{color:#9fa8da}.fg-indigo-300{color:#7986cb}.fg-indigo-400{color:#5c6bc0}.fg-indigo-500{color:#3f51b5}.fg-indigo-600{color:#3949ab}.fg-indigo-700{color:#303f9f}.fg-indigo-800{color:#283593}.fg-indigo-900{color:#1a237e}.fg-indigo-a100{color:#8c9eff}.fg-indigo-a200{color:#536dfe}.fg-indigo-a400{color:#3d5afe}.fg-indigo-a700{color:#304ffe}.fg-blue{color:#2196f3}.fg-blue-50{color:#e3f2fd}.fg-blue-100{color:#bbdefb}.fg-blue-200{color:#90caf9}.fg-blue-300{color:#64b5f6}.fg-blue-400{color:#42a5f5}.fg-blue-500{color:#2196f3}.fg-blue-600{color:#1e88e5}.fg-blue-700{color:#1976d2}.fg-blue-800{color:#1565c0}.fg-blue-900{color:#0d47a1}.fg-blue-a100{color:#82b1ff}.fg-blue-a200{color:#448aff}.fg-blue-a400{color:#2979ff}.fg-blue-a700{color:#2962ff}.fg-light-blue{color:#03a9f4}.fg-light-blue-50{color:#e1f5fe}.fg-light-blue-100{color:#b3e5fc}.fg-light-blue-200{color:#81d4fa}.fg-light-blue-300{color:#4fc3f7}.fg-light-blue-400{color:#29b6f6}.fg-light-blue-500{color:#03a9f4}.fg-light-blue-600{color:#039be5}.fg-light-blue-700{color:#0288d1}.fg-light-blue-800{color:#0277bd}.fg-light-blue-900{color:#01579b}.fg-light-blue-a100{color:#80d8ff}.fg-light-blue-a200{color:#40c4ff}.fg-light-blue-a400{color:#00b0ff}.fg-light-blue-a700{color:#0091ea}.fg-cyan{color:#00bcd4}.fg-cyan-50{color:#e0f7fa}.fg-cyan-100{color:#b2ebf2}.fg-cyan-200{color:#80deea}.fg-cyan-300{color:#4dd0e1}.fg-cyan-400{color:#26c6da}.fg-cyan-500{color:#00bcd4}.fg-cyan-600{color:#00acc1}.fg-cyan-700{color:#0097a7}.fg-cyan-800{color:#00838f}.fg-cyan-900{color:#006064}.fg-cyan-a100{color:#84ffff}.fg-cyan-a200{color:#18ffff}.fg-cyan-a400{color:#00e5ff}.fg-cyan-a700{color:#00b8d4}.fg-teal{color:#009688}.fg-teal-50{color:#e0f2f1}.fg-teal-100{color:#b2dfdb}.fg-teal-200{color:#80cbc4}.fg-teal-300{color:#4db6ac}.fg-teal-400{color:#26a69a}.fg-teal-500{color:#009688}.fg-teal-600{color:#00897b}.fg-teal-700{color:#00796b}.fg-teal-800{color:#00695c}.fg-teal-900{color:#004d40}.fg-teal-a100{color:#a7ffeb}.fg-teal-a200{color:#64ffda}.fg-teal-a400{color:#1de9b6}.fg-teal-a700{color:#00bfa5}.fg-green{color:#4caf50}.fg-green-50{color:#e8f5e9}.fg-green-100{color:#c8e6c9}.fg-green-200{color:#a5d6a7}.fg-green-300{color:#81c784}.fg-green-400{color:#66bb6a}.fg-green-500{color:#4caf50}.fg-green-600{color:#43a047}.fg-green-700{color:#388e3c}.fg-green-800{color:#2e7d32}.fg-green-900{color:#1b5e20}.fg-green-a100{color:#b9f6ca}.fg-green-a200{color:#69f0ae}.fg-green-a400{color:#00e676}.fg-green-a700{color:#00c853}.fg-light-green{color:#8bc34a}.fg-light-green-50{color:#f1f8e9}.fg-light-green-100{color:#dcedc8}.fg-light-green-200{color:#c5e1a5}.fg-light-green-300{color:#aed581}.fg-light-green-400{color:#9ccc65}.fg-light-green-500{color:#8bc34a}.fg-light-green-600{color:#7cb342}.fg-light-green-700{color:#689f38}.fg-light-green-800{color:#558b2f}.fg-light-green-900{color:#33691e}.fg-light-green-a100{color:#ccff90}.fg-light-green-a200{color:#b2ff59}.fg-light-green-a400{color:#76ff03}.fg-light-green-a700{color:#64dd17}.fg-lime{color:#cddc39}.fg-lime-50{color:#f9fbe7}.fg-lime-100{color:#f0f4c3}.fg-lime-200{color:#e6ee9c}.fg-lime-300{color:#dce775}.fg-lime-400{color:#d4e157}.fg-lime-500{color:#cddc39}.fg-lime-600{color:#c0ca33}.fg-lime-700{color:#afb42b}.fg-lime-800{color:#9e9d24}.fg-lime-900{color:#827717}.fg-lime-a100{color:#f4ff81}.fg-lime-a200{color:#eeff41}.fg-lime-a400{color:#c6ff00}.fg-lime-a700{color:#aeea00}.fg-yellow{color:#ffeb3b}.fg-yellow-50{color:#fffde7}.fg-yellow-100{color:#fff9c4}.fg-yellow-200{color:#fff59d}.fg-yellow-300{color:#fff176}.fg-yellow-400{color:#ffee58}.fg-yellow-500{color:#ffeb3b}.fg-yellow-600{color:#fdd835}.fg-yellow-700{color:#fbc02d}.fg-yellow-800{color:#f9a825}.fg-yellow-900{color:#f57f17}.fg-yellow-a100{color:#ffff8d}.fg-yellow-a200{color:#ff0}.fg-yellow-a400{color:#ffea00}.fg-yellow-a700{color:#ffd600}.fg-amber{color:#ffc107}.fg-amber-50{color:#fff8e1}.fg-amber-100{color:#ffecb3}.fg-amber-200{color:#ffe082}.fg-amber-300{color:#ffd54f}.fg-amber-400{color:#ffca28}.fg-amber-500{color:#ffc107}.fg-amber-600{color:#ffb300}.fg-amber-700{color:#ffa000}.fg-amber-800{color:#ff8f00}.fg-amber-900{color:#ff6f00}.fg-amber-a100{color:#ffe57f}.fg-amber-a200{color:#ffd740}.fg-amber-a400{color:#ffc400}.fg-amber-a700{color:#ffab00}.fg-orange{color:#ff9800}.fg-orange-50{color:#fff3e0}.fg-orange-100{color:#ffe0b2}.fg-orange-200{color:#ffcc80}.fg-orange-300{color:#ffb74d}.fg-orange-400{color:#ffa726}.fg-orange-500{color:#ff9800}.fg-orange-600{color:#fb8c00}.fg-orange-700{color:#f57c00}.fg-orange-800{color:#ef6c00}.fg-orange-900{color:#e65100}.fg-orange-a100{color:#ffd180}.fg-orange-a200{color:#ffab40}.fg-orange-a400{color:#ff9100}.fg-orange-a700{color:#ff6d00}.fg-deep-orange{color:#ff5722}.fg-deep-orange-50{color:#fbe9e7}.fg-deep-orange-100{color:#ffccbc}.fg-deep-orange-200{color:#ffab91}.fg-deep-orange-300{color:#ff8a65}.fg-deep-orange-400{color:#ff7043}.fg-deep-orange-500{color:#ff5722}.fg-deep-orange-600{color:#f4511e}.fg-deep-orange-700{color:#e64a19}.fg-deep-orange-800{color:#d84315}.fg-deep-orange-900{color:#bf360c}.fg-deep-orange-a100{color:#ff9e80}.fg-deep-orange-a200{color:#ff6e40}.fg-deep-orange-a400{color:#ff3d00}.fg-deep-orange-a700{color:#dd2c00}.fg-brown{color:#795548}.fg-brown-50{color:#efebe9}.fg-brown-100{color:#d7ccc8}.fg-brown-200{color:#bcaaa4}.fg-brown-300{color:#a1887f}.fg-brown-400{color:#8d6e63}.fg-brown-500{color:#795548}.fg-brown-600{color:#6d4c41}.fg-brown-700{color:#5d4037}.fg-brown-800{color:#4e342e}.fg-brown-900{color:#3e2723}.fg-grey{color:#9e9e9e}.fg-grey-50{color:#fafafa}.fg-grey-100{color:#f5f5f5}.fg-grey-200{color:#eee}.fg-grey-300{color:#e0e0e0}.fg-grey-400{color:#bdbdbd}.fg-grey-500{color:#9e9e9e}.fg-grey-600{color:#757575}.fg-grey-700{color:#616161}.fg-grey-800{color:#424242}.fg-grey-900{color:#212121}.fg-blue-grey{color:#607d8b}.fg-blue-grey-50{color:#eceff1}.fg-blue-grey-100{color:#cfd8dc}.fg-blue-grey-200{color:#b0bec5}.fg-blue-grey-300{color:#90a4ae}.fg-blue-grey-400{color:#78909c}.fg-blue-grey-500{color:#607d8b}.fg-blue-grey-600{color:#546e7a}.fg-blue-grey-700{color:#455a64}.fg-blue-grey-800{color:#37474f}.fg-blue-grey-900{color:#263238}.fg-black{color:#000}.fg-white{color:#fff}