@font-face {
	font-family: "FontAwesome";
	src:url("../asset/font-awesome/fonts/fontawesome-webfont.woff2") format("woff2"),
		url("../asset/font-awesome/fonts/fontawesome-webfont.woff") format("woff");
}

.invalid-feedback {
	display: block;
}

.nobreak {
	white-space: nowrap;
}

.table-responsive th {
	white-space: nowrap;
}

.app-header .nav-item {
	margin: 0 10px 0 0;
}

.form-control {
	border: 2px solid #e4e7ea;
}

.console ul {
	list-style: none;
}

.console ul li {
	list-style: none;
}

.subtitlewk {
	position: relative;
	padding: .7em 1em;
	margin: 10px 0 25px;
}

.subtitlewk::before,
.subtitlewk::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}

.subtitlewk::before {
	top: 0;
	border-top: 2px solid #e4eaed;
	border-bottom: 1px solid #e4eaed;
}

.subtitlewk::after {
	bottom: 0;
	border-top: 1px solid #e4eaed;
	border-bottom: 2px solid #e4eaed;
}

.subtitlewk3 {
	margin: 0;
	border-bottom: solid 3px #f0f3f5;
	padding-bottom: 5px;
	margin-bottom: 25px;
	position: relative;
}

.subtitlewk3:before {
	content: '';
	width: 50px;
	height: 3px;
	background-color: #42a6ff;
	display: block;
	position: absolute;
	left: 0;
	bottom: -3px;
}

.subtitlewk2 {
	margin: 15px 0;
	padding: 7px 0;
	border-bottom: double 5px #f0f3f5;
}

.subtitlewk1 {
	margin: 15px 0;
	padding: 7px 20px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #f0f3f5;
}

.subtitlewk .pull-right {
	margin-top: -5px;
}

@media (max-width: 767.98px) {
	.subtitlewk {
		padding: .6em 0;
		margin: 10px 0;
	}
}

.igt-icon {
	width: 42px;
}

@media (max-width: 767.98px) {
	.main .container-fluid {
		padding: 0 15px;
	}

	.table-responsive th,
	.table-responsive td {
		white-space: nowrap;
	}

	.form-group {
		margin-bottom: .4rem;
	}
}

@media (max-width: 991.98px) {
	.app-header .navbar-brand {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-15%, -50%);
	}
}


/* .alert {
	padding: 0.45rem 0.85rem;
} */

.alert > p:last-child {
  margin-bottom: 0;
}

.alert-dismissible .close {
	padding: 0.45rem 0.85rem;
}

.buttonTd {
	white-space: nowrap;
	text-align: center;
}

.tableFixed {
	table-layout: fixed;
}

.tableFixed td {
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-all;
}

.period_br {
	display: none;
}

@media (max-width: 1400px) {
	.period_br {
		display: block;
	}
}

.tb_code a.btn-outline-primary {
	border: 1px solid #20a8d8 !important;
	/* max-width: 70px; */
	background-color: #ffffff;
	white-space: nowrap;
}

.tb_code a:hover {
	background-color: #20a8d8 !important;
	color: #fff !important;
	cursor: pointer;
}

.tb_code2 a.btn-outline-primary {
	border: 1px solid #20a8d8 !important;
	/* max-width: 140px; */
	background-color: #ffffff;
	white-space: nowrap;
}

.tb_code2 a:hover {
	background-color: #20a8d8 !important;
	color: #fff !important;
	cursor: pointer;
}

.sortNo {
	text-align: center;
	font-weight: 700;
	color: var(--dark);
}


@media (max-width: 767.98px) {
	.tableFixed {
		table-layout: auto;
	}
}

ul.tbtdTitle {
	list-style: none;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 0;
}

ul.tbtdTitle > li {
	width: calc(100% - 80px);
	list-style: none;
}

ul.tbtdTitle > li:last-child {
	width: 75px;
}

@media (max-width: 1280px) {
	ul.tbtdTitle {
		flex-wrap: wrap;
	}

	ul.tbtdTitle > li,
	ul.tbtdTitle > li:last-child {
		width: 100%;
	}
}

@media (max-width: 767.98px) {
	ul.tbtdTitle {
		flex-wrap: nowrap;
	}

	ul.tbtdTitle > li {
		width: calc(100% - 75px);
		padding: 0 10px 0 0;
	}

	ul.tbtdTitle > li:last-child {
		width: 75px;
		padding: 0;
	}
}

.table-responsive > .table-borderedZ {
	border: 0;
}

.table-borderedZ th,
.table-borderedZ td {
	border: 1px dotted #ffffff;
}

.rollicon {
	text-align: center;
	font-size: 1.4rem;
}

.sidebar .sidebar-nav {
	width: 260px;
}

.sidebar .nav {
	width: 260px;
}

html:not([dir=rtl]) .sidebar {
	margin-left: -280px;
}

.app-body .sidebar {
	-ms-flex: 0 0 260px;
	flex: 0 0 260px;
}

.app-header .navbar-brand {
	width: 210px;
}

@media (max-width: 991.98px) {
	.sidebar {
		width: 260px;
	}
}

@media (min-width: 992px) {

	html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .main,
	html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .app-footer,
	html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .main,
	html:not([dir="rtl"]) .sidebar-show.sidebar-fixed .app-footer {
		margin-left: 260px;
	}

	.sidebar-fixed .sidebar {
		width: 260px;
	}

	.sidebar-minimized .sidebar .nav-item:hover {
		width: 330px;
	}

	.sidebar-minimized .sidebar .nav-dropdown-items .nav-link .nav-icon {
		width: 30px;
	}
}

.jpn {
	font-size: 88%;
}

.sidebar .nav-link.jpn {
	padding: .48rem 1rem;
}

.sidebar .nav-link.jpn .nav-icon {
	font-size: 0.5rem;
	margin: 0.48em .5em 0;
}

@media (min-width: 992px) {
	.sidebar-minimized .sidebar .nav-link:hover {
		width: 330px;
	}

	.sidebar-minimized .sidebar .nav-link.jpn {
		padding-left: 0 !important;
	}
}

.chartAchd {
	display: -webkit-flex;
	display: flex;
}

/* .chartAchd label {
	min-width: 48px;
	margin-right: 15px;
} */

.chart-sizeA {
	height: 300px;
	margin: 40px 0 0 0;
}

.chart-sizeA canvas {
	height: 300px;
}

@media (max-width: 767.98px) {
	.chart-sizeA {
		height: 260px;
		margin: 20px 0 0 0;
	}

	.chart-sizeA canvas {
		height: 260px;
	}

	.cAtitle h4 {
		font-size: 1rem;
	}
}

@media (min-width: 992px) {

	.sidebar-minimized .sidebar .nav-dropdown-items .nav-item,
	.sidebar-minimized .sidebar .nav-dropdown-items .nav-item .nav-link {
		width: 280px;
	}

	.sidebar-minimized .sidebar .nav-dropdown-items .nav-item .nav-link.jpn {
		padding-left: 8px !important;
	}
}

.footer-wrapper {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	margin: 0 20px;
}

.footer-wrapper > * {
	width: 50%;
}

.footer-wrapper .pwdby {
	font-size: .765625rem;
	text-align: right;
}

@media (max-width: 767.98px) {
	.footer-wrapper {
		display: block;
		margin: 0;
	}

	.footer-wrapper > * {
		width: 100%;
		text-align: center;
		padding: 20px 0 0;
	}

	.footer-wrapper .pwdby {
		text-align: center;
		padding: 10px 0;
	}
}

.selwrapper {
	display: inline-block;
	padding: 0 5px;
}

.selectedArea {
	display: inline-block;
	font-weight: 400;
	color: #23282c;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	margin-right:.25rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .25rem;
	background-color: rgba(0, 0, 0, .1);
}

@media (max-width: 992px) {
	.selwrapper {
		display: block;
		padding: 10px 0 0;
	}

	.selectedArea {
		margin: 0 0 5px;
	}
}


ul.cate_price {
	list-style: none;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}

ul.cate_price li {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.cate_price li.input {
	padding: 0 25px 0 0;
}

@media (max-width: 767.98px) {

	ul.cate_price li.input,
	ul.cate_price li {
		padding-bottom: 10px;
	}
}

.tooltip-inner {
	max-width: 280px;
	padding: 0.45rem 0.75rem 0.75rem;
	color: #fff;
	text-align: center;
	background-color: #000;
	border-radius: 0.25rem;
}

.tttxt {
	text-align: left;
}

.tticon {
	font-size: 1.3rem;
	color: var(--red);
	vertical-align: text-bottom;
	cursor: pointer;
}


.thumbnail {
	width: 100%;
	margin: 0;
	padding: 0;
	display: table;
	table-layout: fixed;
}

.thumbnail > .inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	padding: 0;
}

.thumbnail > .inner > img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.thumbnail.theme {
	height: 120px;
}

.thumbnail.theme > .inner > img {
	max-height: 120px;
}

.thumbnail.logo {
	height: 140px;
}

.thumbnail.logo > .inner > img {
	max-height: 140px;
}

.thumbnail.stamp > .inner > img {
	max-height: 200px;
}

.preview_img {
	max-height: 300px;
	display: block;
}

.preview_img img {
	width: 100%;
	max-height: 300px;
	object-fit: contain;
	margin: 0 0 .3rem;
}

.preview_img.logo img {
	max-width: 300px;
	max-height: 100%;
}

.preview_img.stamp img {
	max-width: 400px;
	max-height: 100%;
}

.invisible {
	display: none;
}

.cms_template1,
.cms_template2 {
	display: block;
}



/* ------------ DataTable ------------- */
.main .table-responsive .container-fluid {
	padding: 0 15px;
}

@media (max-width: 767px) {
	.main .table-responsive .container-fluid {
		padding: 0;
	}

	div.dataTables_wrapper div.dataTables_length,
	div.dataTables_wrapper div.dataTables_filter,
	div.dataTables_wrapper div.dataTables_info,
	div.dataTables_wrapper div.dataTables_paginate {
		text-align: left !important;
	}

	div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		margin: 2px 0;
		white-space: nowrap;
		justify-content: flex-start;
	}
}

.table thead th {
	background-color: #fff;
}


/* ------------ RADIO BUTTON ------------- */
@keyframes ripple {
	0% {
		box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0);
	}

	50% {
		box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1);
	}

	100% {
		box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0);
	}
}

.md-radio {
	margin: 0 0 5px;
}

.card-header .md-radio {
	margin: 0;
}

.md-radio.md-radio-inline {
	display: inline-block;
}

.md-radio input[type="radio"] {
	display: none;
}

.md-radio input[type="radio"]:checked + label:before {
	border-color: #337ab7;
	animation: ripple 0.2s linear forwards;
}

.md-radio input[type="radio"]:checked + label:after {
	transform: scale(1);
}

.md-radio label {
	display: inline-block;
	min-height: 20px;
	position: relative;
	padding: 0 30px;
	margin-bottom: 0;
	cursor: pointer;
	vertical-align: bottom;
}

.md-radio label.rtext {
	padding: 0 10px 0 30px;
}

.md-radio label:before,
.md-radio label:after {
	position: absolute;
	content: '';
	border-radius: 50%;
	transition: all .3s ease;
	transition-property: transform, border-color;
}

.md-radio label:before {
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	border: 2px solid rgba(0, 0, 0, 0.54);
	background: #ffffff;
}

.md-radio label:after {
	top: 5px;
	left: 5px;
	width: 10px;
	height: 10px;
	transform: scale(0);
	background: #337ab7;
}

/* ------------ CHECK BOX ------------- */
.cp_ipcheck {
	padding: 0;
	margin: 0;
}

.cp_ipcheck label {
	cursor: pointer;
	display: block;
	line-height: 20px;
}

.cp_ipcheck label.inline {
	display: inline-block;
	padding: 0 15px 0 0;
}

#areaChoice .cp_ipcheck label {
	display: inline-block;
	line-height: 20px;
}

#areaChoice .cp_ipcheck .dzlg-input {
	display: inline-block;
	margin: 10px 0.4rem 10px 0;
}

@keyframes click-wave {
	0% {
		position: relative;
		width: 10px;
		height: 10px;
		opacity: 0.5;
	}

	100% {
		width: 45px;
		height: 45px;
		margin-top: -15px;
		margin-left: -15px;
		opacity: 0;
	}
}

.dzlg-input {
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	margin-right: 0.4rem;
	cursor: pointer;
	transition: all 0.15s ease-out 0s;
	color: #ffffff;
	border: 2px solid #337ab7;
	outline: none;
	background: #f6fbff;
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	vertical-align: bottom;
}

.dzlg-input:hover {
	background: #8cb7dd;
}

.dzlg-input:checked {
	background: #337ab7;
}

.dzlg-input:checked::before {
	font: normal normal normal 16px/20px FontAwesome;
	position: absolute;
	top: -2px;
	left: 0;
	content: '\f00c';
}

.dzlg-input:checked::after {
	position: relative;
	display: block;
	content: '';
	-webkit-animation: click-wave 0.65s;
	animation: click-wave 0.65s;
	background: #949494;
}

.dzlg-input.radio {
	border-radius: 50%;
}

.dzlg-input.radio::after {
	border-radius: 50%;
}


/* ------------ Sitemap Styler ------------- */
#sitemap,
#sitemap ul,
#sitemap li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sitemap li {
	padding-right: 2.5em;
	margin: 0;
}

#sitemap ul.stmapSeco {
	display: none;
	padding: 0 0 10px 0;
}

#sitemap li label {
	margin: 0;
	padding: 10px 0;
	display: block;
	cursor: pointer;
}

#sitemap li label input {
	vertical-align: middle;
}

#sitemap ul {
	display: none;
}

#sitemap li {
	margin-top: 1px;
	background: #f0f3f5;
	position: relative;
	width: 100%;
	padding-left: 2.5em;
}

/* IE leaves */
* html #sitemap li {
	float: left;
	display: inline;
}

#sitemap li a {
	padding-left: 1.5rem;
}

#sitemap li span {
	position: absolute;
	top: 12px;
	left: 8px;
	width: 17px;
	height: 17px;
	cursor: pointer;
	font-size: 0;
}

#sitemap li span,
#sitemap li span.collapsed {
	background: url(../img/collapsed.gif) no-repeat 0 0;
}

#sitemap li span.expanded {
	background: url(../img/expanded.gif) no-repeat 0 0;
}

/* second level */
#sitemap li li {
	background: #fff;
}

@media (max-width: 767.98px) {
	#sitemap li {
		padding-right: 10px;
		margin: 0;
	}
}

#sitemap li li li {
	background-color: transparent;
}

/* third level
#sitemap li li	{ padding-left: 2em; padding-right:0; } 
#sitemap li li > label	{ padding: 0 0 10px 5px; margin: 0; } 
#sitemap li li span	{ position:absolute; top:6px; }
 */
/* Fourth level
#sitemap li li li	{ padding-left: 2em; padding-right:0; } 
#sitemap li li li > label	{ padding: 0 0 10px 5px; margin: 0; } 
#sitemap li li li span	{ position:absolute; top:6px; }
 */

#sitemap .md-radio {
	margin: 0;
}

#sitemap .md-radio label {
	padding: 10px 15px 10px 2.2em;
}

#sitemap .md-radio label:before {
	left: 2px;
	top: 10px;
}

#sitemap .md-radio label:after {
	top: 15px;
	left: 7px;
}

.sitemap_wrapper {
	padding: 1em;
	border-radius: 5px;
	border: 2px solid #ccc;
	background-color: #f0f3f5;
}

@media (max-width: 767.98px) {
	.sitemap_wrapper {
		padding: .7em;
	}
}


/* ------------ TIME CONTROL ------------- */
.timeSelArea {
	display: -webkit-flex;
	display: flex;
}

.timeSelArea .tilda {
	padding: 0 10px;
	line-height: 2.2;
}

.timeControl {
	list-style: none;
	padding: 0 !important;
	margin: 0;
	display: -webkit-flex;
	display: flex;
}

.timeControl > li {
	list-style: none;
	line-height: 2;
	padding: 0;
}

.timeControl > li:first-child {
	padding: 0 10px 0 0;
}

.timeControl > li.colon {
	padding: 0;
}

@media (max-width: 1345px) {
	.timeControl {
		flex-wrap: wrap;
	}

	.timeControl > li:first-child {
		width: 100%;
		padding: 0 0 10px 0;
	}
}

@media (max-width: 767.98px) {
	.timeSelArea .tilda {
		display: inline-block;
		width: 140px;
		text-align: center;
	}

	.timeSelArea .tilda span {
		display: inline-block;
		transform: rotate(90deg);
	}

	.timeSelArea {
		display: block;
	}
}


/* ------------ BLOCK ------------- */

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

@media (min-width: 768px) {
	.pconly {
		display: block;
	}
}

@media (max-width: 767px) {
	.sponly {
		display: block;
	}
}

@media (min-width: 768px) {
	.sponly {
		display: none !important;
	}
}

#line_icon_list.nav-tabs .nav-link  {
	padding: .5rem .2rem;
}

#tab_line_icon_list ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}

#tab_line_icon_list ul li {
	width: 3%;
}

#tab_line_icon_list ul li img {
	width: 100%;
}

.ticket_toggle {
	position: relative;
	color: #ffffff;
	border-radius: 50%;
	margin-bottom: 0;
	margin-right: 1rem;
	width: 28px;
	height: 28px;
	line-height: 20px;
}

.ticket_toggle::before {
	font: normal normal normal 14px FontAwesome;
	content: '\f068';
}

.ticket_toggle.collapsed::before {
	font: normal normal normal 14px FontAwesome;
	content: '\f067';
}


/* ------------ SEGMENT PAGE ------------- */
.accordion .card { margin-bottom: 0!important; }
button > i { transition: all .5s; }
button.collapsed > i { transform: rotate(-90deg); }
.tooltiphover:hover	{ cursor: pointer; }
.doughnutchart	{ position: relative; z-index: 1; }
.doughnutchart > canvas	{ width: 100%; }
.doughnutchart > span	{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 30; color:#737373; font-size: 20px; line-height: 1; }
.doughnutchart > span b	{ color:#000; font-size: 34px; line-height: 1; }
.doughnuttxt	{ width: 100%; text-align: center; color:#737373; font-size: 16px; line-height: 1; padding: 1em 0 0; }
.doughnuttxt > b	{ color:#000; font-size: 20px; line-height: 1; }
.acchdd	{ display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; }
.acchdd > button	{ text-decoration: none!important; text-align: left; position: relative; padding: 0 0 0 2.2em!important; }
.acchdd > button > i	{ position: absolute; top: 0; left: 0;  }
.accinoron	{ display: -webkit-flex; display: flex; align-items: center;  }
.accinoron label	{ cursor: pointer; }
.accinoron .btn-secondary.active	{ background-color: var(--primary)!important; color:#fff!important; }
@media (max-width: 1200px) {
	.acchdd	{ flex-wrap: wrap; }
	.accinoron	{ width: 100%; justify-content: space-between; }
}
@media (max-width: 980px) {
	.accinoron	{ padding-top: 10px; }
}
.segmentcardList	{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.segmentcardList > .card	{ width: 100%; }
.segmentcardList > .card .card-header .btn	{ white-space: nowrap; }
@media (min-width: 1500px) {
	.segmentcardList > .card	{ width: calc(50% - 10px); }
	.modal-xl .segmentcardList > .card	{ width: calc(33% - 10px); }
}
@media (min-width: 1000px) {
	.modal-xl .segmentcardList > .card	{ width: calc(50% - 10px); }
}
.timeSelArea	{ flex-grow: 1; }
.selectpastList	{ display: -webkit-flex; display: flex; width: 100%; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; }
.selectpastList > li	{ white-space: nowrap; position: relative; }
.selectpastList > li:not(:last-child)	{ padding: 0 0 .5em 0; }
.selectpastList > li:not(:last-child)::after	{ content:"／"; padding: 0 .3em; display: inline-block; }
.selectcheckbox	{ display: -webkit-flex; display: flex; flex-wrap: wrap; padding: 6px 0; }
.selectcheckbox > label	{ padding: 0 1em 0 1.8em; margin: 0 0 .5em 0; cursor: pointer; width: 33%; min-width: 130px; position: relative; }
.selectcheckbox > label > input	{ position: absolute; left: 0; top: 0;  }
.selectpastEvent	{ display: -webkit-flex; display: flex; flex-direction: column; padding: 1em; background-color: #fff; border-radius: 3px; list-style-type: none; }

.error p {
	margin-bottom: 0.5rem;
}

.segmentcardList .condition-ticket_master {
	margin-bottom: 1rem;
}

.segmentcardList .condition-ticket_master p {
	margin-bottom: 0;
}

.card-body.chart {
	position: relative;
}

.loading {
	position: absolute;
	z-index: 30;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.25);
	display: none;
}

.loader {
	box-sizing: border-box;
	display: flex;
	flex: 0 1 auto;
	flex-direction: column;
	flex-grow: 1;
	flex-shrink: 0;
	flex-basis: 25%;
	max-width: 25%;
	height: 100%;
	align-items: center;
	justify-content: center;
	margin: auto;
}

@-webkit-keyframes ball-spin-fade-loader {
	50% {
	  opacity: 0.3;
	  -webkit-transform: scale(0.4);
			  transform: scale(0.4); }
	100% {
	  opacity: 1;
	  -webkit-transform: scale(1);
			  transform: scale(1); } }
  
  @keyframes ball-spin-fade-loader {
	50% {
	  opacity: 0.3;
	  -webkit-transform: scale(0.4);
			  transform: scale(0.4); }
	100% {
	  opacity: 1;
	  -webkit-transform: scale(1);
			  transform: scale(1); } }
  
  .ball-spin-fade-loader {
	position: relative;
	top: -10px;
	left: -10px; }
	.ball-spin-fade-loader > div:nth-child(1) {
	  top: 25px;
	  left: 0;
	  -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
			  animation: ball-spin-fade-loader 1s -0.96s infinite linear; }
	.ball-spin-fade-loader > div:nth-child(2) {
	  top: 17.04545px;
	  left: 17.04545px;
	  -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
			  animation: ball-spin-fade-loader 1s -0.84s infinite linear; }
	.ball-spin-fade-loader > div:nth-child(3) {
	  top: 0;
	  left: 25px;
	  -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
			  animation: ball-spin-fade-loader 1s -0.72s infinite linear; }
	.ball-spin-fade-loader > div:nth-child(4) {
	  top: -17.04545px;
	  left: 17.04545px;
	  -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
			  animation: ball-spin-fade-loader 1s -0.6s infinite linear; }
	.ball-spin-fade-loader > div:nth-child(5) {
	  top: -25px;
	  left: 0;
	  -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
			  animation: ball-spin-fade-loader 1s -0.48s infinite linear; }
	.ball-spin-fade-loader > div:nth-child(6) {
	  top: -17.04545px;
	  left: -17.04545px;
	  -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
			  animation: ball-spin-fade-loader 1s -0.36s infinite linear; }
	.ball-spin-fade-loader > div:nth-child(7) {
	  top: 0;
	  left: -25px;
	  -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
			  animation: ball-spin-fade-loader 1s -0.24s infinite linear; }
	.ball-spin-fade-loader > div:nth-child(8) {
	  top: 17.04545px;
	  left: -17.04545px;
	  -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
			  animation: ball-spin-fade-loader 1s -0.12s infinite linear; }
	.ball-spin-fade-loader > div {
	  background-color: #fff;
	  width: 15px;
	  height: 15px;
	  border-radius: 100%;
	  margin: 2px;
	  -webkit-animation-fill-mode: both;
			  animation-fill-mode: both;
	  position: absolute; }

.btn-group.btn-group-toggle .btn-outline-secondary {
	color: #9da5b1;
}
.btn-group.btn-group-toggle .btn-outline-secondary:hover {
	color: #23282c;
}

.select2-container .select2-selection--single {
	height: 35px;
}

.select2-container--bootstrap4 .select2-selection--single {
	font-size: .875rem;
	padding: 0.65rem 0.125rem 0.75rem 0.375rem;
	border: 2px solid #e4e7ea;
}

.select2-container--bootstrap4 .select2-results__option {
	font-size: .875rem;
	padding: 0.375rem 0.75rem;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    color: #5C6873;
}

/* LINE PUSH 通知 */

.message_quota_consumption {
	margin-bottom: 16px;
}

.message_quota_consumption td {
	background: #f0f3f5;
}


.message_quota_consumption th,
.message_quota_consumption td {
	border: 1px solid #c8ced3;
	padding: .5rem;
	text-align: center;
}

.message_quota_consumption th {
	font-size: 12px;
	font-weight: bold;
	background: #ffffff;
	border-bottom: 1px solid #c8ced3;
}

.message_quota_consumptionth i {
	font-size: 1.1rem;
	line-height: 12px;
	
}

.message_quota_consumption td span {
	font-size: 24px;
	color: #686b6e;
	margin-right: .25rem;
	
}


.message_quota_consumption > div:last-child {
	border-right: 1px solid #c8ced3;
}