.table-responsive th	{ white-space: nowrap; }
.main .table-responsive .container-fluid	{ padding: 0 15px; }
.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	{ margin: 15px 0; padding: 7px 20px; border: 1px solid #ccc; border-radius: 3px; background-color: #f0f3f5; }

@media (max-width: 767.98px) {
	.minititle	{ }
	.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%); }
}

.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; }

.alert	{ 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; }

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

.nobreak	{ white-space: nowrap; }
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; 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%; }
.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; }


/* ------------ 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; }
.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); }
.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;  }
@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	{ }
#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; } }