@CHARSET "UTF-8";

body {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 14px;
	color: #3b4347;
}
/* user agent stylesheet reset */
table {
	white-space: normal;
	line-height: normal;
	font-weight: normal;
	font-size: 14px;
	font-style: normal;
	color: #3b4347;
	font-variant: normal;
}
@media screen and (max-width: 767px) {
	body {
		font-size: 13px;
	}
	table {
		font-size: 13px;
	}
	h1 {
		font-size: 18px;
	}
	h2 {
		font-size: 15px;
	}
	h3 {
		font-size: 14px;
	}
	h4 {
		font-size: 14px;
	}
	h5 {
		font-size: 14px;
	}
	.panel-title h5 {
		font-size: 15px;
	}
}
@media screen and (min-width: 768px) {
	.content-header > h1, .user-panel {
		min-height: 70px;
	}
}

/* content */
.fixed .content, .layout-boxed .content {
	max-width: 1116px;
	margin: 0;
}
.content-wrapper {
	background-color: #ffffff;
}
.content-header > h1 {
	margin-right: 70px;
}

/* nav */
.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
	background: #3c5975;
	color: #c1c9d1;
}
/* sidebar */
.nav.sidebar-menu .treeview-menu > li > a {
	padding: 10px 5px 10px 35px;
	white-space: normal;
	text-indent: -12px;
}
.sidebar-menu > li > .treeview-menu > li > a::before {
	content: '\30FB';
}
.nav.sidebar-menu > li > a {
	white-space: normal;
	height: 60px;
}

.sidebar-menu li > a > .pull-right-container {
	display: none;
}
.nav .side-menu-title {
	float: right;
	width: 80%;
}
.nav.sidebar-menu > li > a > .fa {
	float: left;
}

/* form-control */
.form-control, input[type="text"], input[type="password"], input[type="email"], select {
	height: 25px;
	max-width: 500px;
}

/** select **/
.selecter {
	max-width: 500px;
	margin-right: 10px;
}
.selecter .selecter-selected {
	padding: 2px 10px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.selecter .selecter-selected:after {
	top: 10px;
}
.selecter .selecter-selected {
	border: 1px solid #cccccc;
}
.selecter .selecter-options {
	max-height: 200px;
}

/** select2 **/
.select2-container {
	max-width: 500px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 25px;
}
.select2-container .select2-selection--single {
	height: 25px;
	border-radius: 2px;
	border: 1px solid #cccccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	margin-top: -8px;
}
.selecter .selecter-item {
	padding: 3px 8px;
}
.select2-results__option {
	padding: 3px;
}
.select2-search--dropdown .select2-search__field {
	padding: 1px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #111111 transparent transparent transparent;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	white-space: initial;
}
/** group-addon **/
.input-group-addon {
	padding: 0 12px;
}
.input-group-addon {
	font-size: 12px;
}

/** input-group **/
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
	margin-left: -6px;
}

/** btn **/
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	opacity: .25;
}
.input-group-btn {
	padding: 0px 6px;
}
@media screen and (max-width: 767px) {
	.btn {
		padding: 10px 35px;
	}
	.file-upload {
		padding: 0 6px;
	}
}
.btn-sm, .btn-group-sm > .btn {
	padding: 1px 10px;
	font-size: 14px;
}
.btn-xs, .btn-group-xs > .btn {
	padding: 1px 10px;
	font-size: 10px;
}
.btn-circle {
	width: 21px;
	height: 21px;
	padding: 2px 0;
	border-radius: 15px;
	text-align: center;
	font-size: 10px;
	line-height: 1.428571429;
}

/* box */
.box-title-l {
	font-size: 130%!important;
	font-weight: bold;
}

/* table */
.table-responsive {
	margin-bottom: initial;
}
@media screen and (max-width: 767px) {
	.table-responsive {
		border: none;
	}
}
.table-hover > tbody > tr:hover {
	background-color: initial;
}
.table-hover > tbody > tr:nth-of-type(odd) {
	background-color: #fafafa;
}
.table-hover > tbody > tr:nth-of-type(even) {
	background-color: #ffffff;
}
.table-striped > tbody > tr > th {
	background-color: #EBEBEB;
	text-align: right;
	width: 1%;
	min-width: 220px;
	max-width: 220px;
}
.table-striped > tbody{
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.table-bordered {
	border: none;
}
table div.form-group {
	padding-left: 25px;
}
table div.survey {
	padding-left: 25px;
}
table div.survey div.form-group {
	padding-left: 0px;
}
table#search-tbl div.form-group {
	padding-left: 0px;
}
div.form-group span.like_field:before {
	font-family: 'Glyphicons Halflings';
	color: #f0ad4e;
	content: "\e251";
	position: absolute;
	margin-top: -15px;
	margin-left: -13px;
	transform: rotate(45deg);
}
td.required::before {
	content: '\5FC5\9808';
	color: #ffffff;
	position: absolute;
	margin-top: 3px;
	margin-left: -4px;
	font-size: 10px;
	font-weight: bold;
	transform: none;
	background-color: #ef7884;
	padding: 1px 2px 3px 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
td.optional::before {
	content: '\4EFB\610F';
	color: #ffffff;
	position: absolute;
	margin-top: 3px;
	margin-left: -4px;
	font-size: 10px;
	font-weight: bold;
	transform: none;
	background-color: #CCCCCC;
	padding: 1px 2px 3px 2px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

@media screen and (max-width: 767px) {
	.table-responsive th[class*="col-"], .table-responsive th[class*=" col-"], .table-responsive td[class*="col-"], .table-responsive td[class*=" col-"] {
		padding: 4px 0 7px 10px;
	}
	.table-striped > tbody > tr > th {
		background-color: initial;
		text-align: left;
		border-right: none;
	}
	.table>thead>tr>td.required::before, .table>tbody>tr>td.required::before {
		margin-top: 3px;
		margin-left: -4px;
	}
	.table-responsive > .table > * > * > th:before {
		content: none;
	}
	.table-responsive > .table > * > * > td input {
		max-width: 437px!important;
	}
}
div.bs-callout.bs-callout-danger.required {
	display: none;
}
table.dataTable {
	font-size: 13px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
table.dataTable > thead > tr > th, table.dataTable > tbody > tr > th, table.dataTable > tfoot > tr > th {
	padding: 5px;
	font-weight: normal;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	border-bottom-width: 1px;
	border-top-width: 1px;
}
table.dataTable > thead > tr > td, table.dataTable > tbody > tr > td, table.dataTable > tfoot > tr > td {
	padding: 6px;
	white-space: nowrap;
}
table.dataTable thead .sorting_disabled, table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled, table.dataTable tfoot th {
	background-color: #476D92;
	border-color: #304F6D;
	color: #eee;
}
table.dataTable {
	font-size: 13px;
}
/* sort-icon*/
table.dataTable > thead > tr > th[class*="sort"]:not(.select-checkbox):after{
	content: "" !important;
}

/* th.select-checkbox */
table.dataTable > thead > tr > th.select-checkbox {
    position: relative;
}

table.dataTable > thead > tr > th.select-checkbox:before, table.dataTable > thead > tr > th.select-checkbox:after {
	display: block;
	position: absolute;
	top: 1.2em;
	left: 50%;
	width: 12px;
	height: 12px;
	box-sizing: border-box
}

table.dataTable > thead > tr > th.select-checkbox:before {
	content: ' ';
	margin-top: -6px;
	margin-left: -6px;
	border: 1px solid black;
	border-radius: 3px
}

table.dataTable > thead > tr.selected th.select-checkbox:after {
  content: '\2714';
  margin-top: -11px;
  margin-left: -4px;
  text-align: center;
  text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9
}

div.table-panel {
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

/* caption */
caption {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #4e565a;
	text-align: left;
	padding: 2px 6px;
	margin: 10px 0;
	border-left: 5px solid #337ab7;
}
div.caption {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #4e565a;
	text-align: left;
	padding: 2px 6px;
	margin: 10px 0;
	border-left: 5px solid #337ab7;
}

/* result-tbl */
table.result-tbl tbody td, table.fetch-result-tbl tbody td {
	white-space: nowrap;
}

@media screen and (min-width: 768px) {
	.main-header .logo span.bg-primary img, .main-header .logo span.bg-logo img {
		max-width: 20px;
		max-height: 20px;
		margin: -25px 0 0;
	}

	.sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
		display: block;
		margin-left: 0;
		margin-right: 0;
		font-size: 18px;
	}
}

/* tabs */
.content ul:not(.list-unstyled), .content ol {
	margin: 0;
	padding-left: 0px;
}
.nav-tabs-custom > ul.nav-tabs:not(.list-unstyled) {
	box-shadow: -2px 2px 3px rgba(0, 0, 0, 0.03);
}
.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
	font-weight: bold;
	color: #4e565a;
}
.nav-tabs-custom > .nav-tabs > li.active {
	border-top: 3px solid #3c8dbc;
}
.nav-tabs-custom > .nav-tabs > li {
	margin-bottom: -1px;
	margin-right: 5px;
	background-color: #eeeeee;
}
.tab-pane li {
	margin-left:40px;
}

/* TODO logo -> skin */
.logo .bg-logo {
	position: absolute;
	top: 10px;
	left: 12px;
	display: inline-block;
	width: 35px;
	height: 35px;
	border-radius: 35px;
	text-align: center;
}
.bg-dark-purple {
	background: #555299;
}
.bg-dark-green {
	background: #198050;
}
.bg-dark-red {
	background: #de3434;
}

span.site-full {
	/*color: #de3434;*/
	/*font-weight: bold;*/
}

span.site-over {
	color: #ffffff;
	background-color: #de3434;
	font-weight: bold;
	font-size: 15px;
	padding: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

span.site-hide {
	/*color: #cccccc;*/
	/*text-decoration: line-through;*/
}

.bg-top-menu > h2 {
	margin-bottom: 0px;
}

.login-form .form-control, input[type="text"].login-form, input[type="password"].login-form, input[type="email"].login-form, select.login-form {
	height: 35px;
	max-width: initial;
}

/* table */
@media (min-width: 1026px) {
	.step-col .table-striped > tbody > tr > th {
		/*min-width: 100px;*/
	}
	.step-col .box-header {
		padding: 13px 15px;
	}
}
.box.step-col {
	width: 98%;
}
@media (min-width: 1026px) {
	.box.step-col {
		/*width: 31.5%;*/
	}
	div.step-col {
		margin-left: 12px;
	}
}
.step-col .box-header > .fa{
	width: 100%;
}
.step-col.box.box-warning >.box-footer > form > .btn-primary {
	font-size: 18px;
	background-color: #ed6767;
}
@media screen and (max-width: 767px) {
	.step-col.box.box-warning >.box-footer > form > .btn-primary {
		font-size: 16px;
	}
}
@media (min-width: 1026px) {
	.step-badge {
		font-size: 20px;
		padding: 3px 8px;
		border-radius: 15px;
	}
}

.row-eq-height {
	display: flex;
	flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
	.row-eq-height {
		padding-left: 7px;
	}
}

.exam-check {
	width: 50px;
}
.supplements {
	padding-left: 25px;
}

@media screen and (max-width: 767px) {
	.content-header > h1 > .fa, .content-header > h1 > small, .breadcrumb > li > a, .breadcrumb > li.active {
		display: none;
	}
}

.site-list > table > tbody > tr:hover {
	cursor: pointer;
}
.check-list .radio-inline {
	margin-right: initial;
}
.check-list > table > tbody > tr:hover {
	background-color: #e1eff5;
}
.check-list > table > tbody > tr.disabled:hover {
	cursor: not-allowed;
}

.login-form .form-control, input[type="text"].login-form, input[type="password"].login-form, input[type="email"].login-form, select.login-form {
	height: 35px;
	max-width: 100%;
}

.alert-mini {
	padding: 5px;
	margin-bottom: 0px;
}

.nav-tabs-custom {
	box-shadow: none;
}
.nav-tabs-custom > .tab-content {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.nav-tabs-custom-border {
	border: solid 1px #eee;
}

/*.btn {*/
	/*margin-bottom: 3px;*/
/*}*/

.menu-box .menu-box-hide {
	display: none;
}


.callout {
	padding: 10px 15px;
}
.callout-notice {
	border-left: 1px solid #eee;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	padding: 10px 15px 0;
}
.callout-notice h2.title {
	margin: 0;
	font-size: 19px;
	line-height: 20px !important;
}
.callout-notice h2.title small {
	color: #333333;
	font-size: 11px;
}
.callout-notice h2.title i {
	font-size: 35px;
	padding: 0 25px 12px 12px;
	float: left;
}
.callout-notice ul {
	list-style: none;
}
.callout-notice ul li {
	border-top: 1px #dddddd solid;
	display: block;
}
.callout-notice .title {
	color: #00a65a;
	border-bottom: none;
}
.callout-notice ul li .title {
	display: block;
	margin-left: 5.5em;
	margin-bottom: 0.2em;
	font-size: 14px;
	padding-bottom: 0px;
}
.callout-notice ul li .message {
	display: block;
	margin-left: 6.5em;
	font-size: 12px;
	padding-bottom: 0px;
}
.callout-notice ul li .date {
	margin-top: 0.13em;
	float: left;
	color: #999999;
}

.inner-list li {
	margin-left: 20px;
}

.small-box {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	height: 90%;
}
.small-box .title {
	height: 50px;
}
.small-box .title.menu-box > .fa {
	display: none;
}
.small-box .text {
	width: 70%;
}
.small-box .icon {
	opacity:0.5;
	top: 60px;
}
.link-box {
	z-index: 2;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.link-box:hover + .title.menu-box {
	color: #67adce!important;
}

.custom-message ul:not(.list-unstyled), .custom-message ol {
	margin-left: 35px;
	padding-left: 0px;
}
a {
	word-break: break-all;
}

h2.sub-title {
	border-bottom: 1px solid #e4e4e4;
	padding-bottom: 7px;
	margin-bottom: 17px;
}

/* heading */
.ribbon {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	padding: 5px 0;
	margin: 10px 0 14px -10px;
	width: calc(100% + 10px);
	color: white;
	background: #1b9bd5;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.ribbon h3{
	margin: 0;
	padding: 0 30px 0 15px;
	border-top: dashed 1px #ffffff;
	border-bottom: dashed 1px #ffffff;
	font-size: 18px;
	line-height: 35px;
}
.ribbon:after {
	position: absolute;
	content: '';
	z-index: 1;
	top: 0;
	right: 0;
	width: 0px;
	height: 0px;
	border-width: 25px 15px 25px 0px;
	border-color: transparent #ffffff transparent transparent;
	border-style: solid;
}
.ribbon:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 10px transparent;
	border-right: solid 10px #246798;
}
.ribbon2-wrapper {
	display: block;
	position: relative;
	margin: 0 0 20px 0;
	padding: 6px 0;
	background: #eeeeee;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.ribbon2 {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 9px;
	box-sizing: border-box;
	padding: 0 12px;
	margin: 0;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	letter-spacing: 0.1em;
	color: #ffffff;
	background: #21b26f;/*#21b26f;#009da6;*/
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}
.ribbon2:before {
	position: absolute;
	content: '';
	top: 0;
	left: -7px;
	border: none;
	height: 38px;
	width: 7px;
	background: #21b26f;/*#21b26f;#009da6;*/
	border-radius: 5px 0 0 5px;
}
.ribbon2:after {
	position: absolute;
	content: '';
	bottom: -7px;
	left: -5px;
	border: none;
	height: 7px;
	width: 5px;
	background: #1a774c;/*#1a774c;#006b76;*/
	border-radius: 5px 0 0 5px;
}
.ribbon2-wrapper h4 {
	padding: 38px 20px 0 20px;
	margin-bottom: 5px;
	font-size: 22px;
	font-weight: bold;
	color: #636e77;
}
.ribbon2-wrapper p {
	padding: 0 20px 0 20px;
}
.ribbon3-wrapper {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	padding: 10px;
	margin: 0px 0px 15px 0px;
	width: 99%;
	color: #636e77;
	background: #eeeeee;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.ribbon3 {
	display: inline-block;
	position: absolute;
	top: -6px;
	right: 10px;
	margin: 0;
	padding: 10px 0;
	z-index: 2;
	width: 40px;
	text-align: center;
	color: white;
	font-size: 17px;
	background: linear-gradient(#ff785b 0%, #e95738 100%);
	border-radius: 2px 0 0 0;
}

.ribbon3:before {
	position: absolute;
	content: '';
	top: 0;
	right: -6px;
	border: none;
	border-bottom: solid 6px #cf4a2d;
	border-right: solid 6px transparent;
}
.ribbon3:after {
	content: '';
	position: absolute;
	left: 0;
	top: 100%;
	height: 0;
	width: 0;
	border-left: 20px solid #e95738;
	border-right: 20px solid #e95738;
	border-bottom: 10px solid transparent;
}
.ribbon-black {
	background: linear-gradient(#cacaca 0%, #888888 100%);
}
.ribbon-black:before {
	border-bottom: solid 6px #888888;
}
.ribbon-black:after {
	border-left: 20px solid #888888;
	border-right: 20px solid #888888;
}
@media screen and (max-width: 767px) {
	.ribbon2-wrapper h4 {
		font-size: 15px;
	}
	.ribbon h3 {
		font-size: 15px;
		line-height: 28px;
	}
	.ribbon:after {
		border-width: 20px 15px 20px 0px;
	}
	.ribbon3 {
		font-size: 12px;
	}
	.ribbon3-wrapper h2.sub-title {
		font-size: 13px;
	}
}

.form-control-feedback {
	line-height: 23px;
}

/** ckeditor **/
.preview-ckeditor {
	max-height: 200px;
	overflow: auto;
	background-color: #ffffff;
}
.preview-ckeditor li {
	margin-left:40px;
}
.txt-xl {
	font-size: 18px;
}
.txt-l {
	font-size: 16px;
}
.txt-m {
	font-size: 14px;
}
.txt-xs {
	font-size: 12px;
}
@media screen and (max-width: 767px) {
	.txt-xl {
		font-size: 15px;
	}
	.txt-l {
		font-size: 14px;
	}
	.txt-m {
		font-size: 13px;
	}
	.txt-xs {
		font-size: 10px;
	}
}


.cp_arrows .cp_bounce {
	-webkit-animation: arrow-move 2s infinite ease-in-out;
	animation: arrow-move 2s infinite ease-in-out;
	padding: 4px 0px 0px 7px;
	color: #ed6767;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
@-webkit-keyframes arrow-move {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	48% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	60% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}
}
@keyframes arrow-move {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	48% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	60% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}
}


.item-title {
	padding-bottom: 5px;
}
.item-contents {
	padding: 6px 0px 0px 6px;
}
.item-price {
	padding: 0px 5px;
	text-align: right;
}
.item-form {
	text-align: center;
	vertical-align: top;
}
.item-btn {
	padding: 5px 30px;
	font-size: 13px;
	line-height: 1.5;
	border-radius: 3px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.item-title {
		padding-top: 5px;
	}
	.item-contents {
		padding-left: 10px;
	}
	.item-price {
		padding: 0px 5px 4px 5px;
		text-align: left;
	}
	.item-form {
		text-align: left;
		padding-bottom: 40px;
	}
	.item-btn {
		margin-bottom: 5px;
	}
}
@media screen and (max-width: 1116px) {
	.view-wide {
		display: none!important;
	}
}

.footer-link {
	padding-left: 10px;
}

.notice-inform {
	font-size: 18px;
	font-weight: bold;
	padding-left: 32px;
	letter-spacing: 0.05em;
	color: #666666;
}

.ejyuken_mainte {
	background-color: #f4f4f4;
	border-color: #ececec;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	margin-bottom: 10px;
}
.ejyuken_mainte .title {
	border-color: #4e87a2;
	color: #4e87a2;
	font-weight: bold;
}

.emphasis-title {
	border-color: #4e87a2;
	color: #4e87a2;
	font-weight: bold;
	font-size: 18px;
}

/** ckeditor **/
input[type="checkbox"].cke_dialog_ui_checkbox_input,
input[type="radio"].cke_dialog_ui_radio_input {
	opacity: unset;
}
.cke_notifications_area {
	pointer-events: none
}

.cke_notification {
	pointer-events: auto;
	position: relative;
	margin: 10px;
	width: 300px;
	color: white;
	text-align: center;
	opacity: .95;
	filter: alpha(opacity=95);
	-webkit-animation: fadeIn .7s;
	animation: fadeIn .7s
}

.cke_notification_message a {
	color: #12306f
}

@-webkit-keyframes fadeIn {
	from {
		opacity: .4
	}
	to {
		opacity: .95
	}
}

@keyframes fadeIn {
	from {
		opacity: .4
	}
	to {
		opacity: .95
	}
}

.cke_notification_success {
	background: #72b572;
	border: 1px solid #63a563
}

.cke_notification_warning {
	background: #c83939;
	border: 1px solid #902b2b
}

.cke_notification_info {
	background: #2e9ad0;
	border: 1px solid #0f74a8
}

.cke_notification_info span.cke_notification_progress {
	background-color: #0f74a8;
	display: block;
	padding: 0;
	margin: 0;
	height: 100%;
	overflow: hidden;
	position: absolute;
	z-index: 1
}

.cke_notification_message {
	position: relative;
	margin: 4px 23px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	z-index: 4;
	text-overflow: ellipsis;
	overflow: hidden
}

.cke_notification_close:before {
	content: "\f00d";
	font-family: fontawesome;
	color: #ffffff;
}
.cke_notification_close {
	position: absolute;
	cursor: pointer;
	text-align: center;
	height: 20px;
	width: 20px;
	top: 1px;
	right: 1px;
	padding: 0;
	margin: 0;
	z-index: 5;
}

.cke_notification_close:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}

.cke_notification_close span {
	display: none
}

.cke_notification_warning a.cke_notification_close {
	opacity: .8;
	filter: alpha(opacity=80)
}

.cke_notification_warning a.cke_notification_close:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}


.tc-cal .tc-date {
	min-width: initial;
	display: inline-block;
	height: 100%;
	border-left: 1px solid #f4f4f4;
}
.tc-data-8 {
	width: 12.5%;
}
.tc-data-9 {
	width: 11%;
}
.tc-data-10 {
	width: 10%;
}
.tc-data-11 {
	width: 9%;
}
.tc-data {
	height: 52px!important;
	min-height: 52px!important;
}
.tc-header {
	text-align: left!important;
	max-width: 220px;
}
.tc-data {
	padding: 0;
}
.tc-date-content {
	margin-top: 20px;
}
.tc-address {
	font-size: 11px;
	color: #666666;
	padding-left: 10px;
}
.tc-text {
	font-size: 17px;
}
@media screen and (max-width: 767px) {
	.tc-header {
		max-width: initial;
	}
	.tc-header-content {
		padding: 5px;
	}
	.tc-date-content {
		margin-top: 16px;
	}
	#calendar > tbody > tr > th {
		max-width: initial;
	}
	#calendar > * > * > td {
		padding: initial!important;
	}
}

/** katex **/
.katex-display>.katex {
	text-align: left!important;
}

.form-in-td {
	text-align: center;
	background-color: #EBEBEB;
	font-weight: bold;
}


/** cropperjs **/
.preview-lg {
	height: 350px;
	width: 350px;
}
.crop-box {
	height: 350px;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
img.image_file {
	max-width: 100%;
	max-height: 150px;
	min-height: 50px;
	margin-bottom: 1rem;
}
.img-preview {
	float: left;
	overflow: hidden;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
.btn-crop {
	padding: 5px;
	margin: 3px;
}
.input-group-crop {
	width: 100%;
}
.crop-btn-area {
	text-align: left;
	padding-bottom: 15px;
}
@media (max-width: 414px) {
	img.image_file {
		max-height: 300px;
		min-height: 150px;
	}
	.preview-lg {
		height:300px;
		width: 300px;
	}
	.crop-box {
		height:300px;
	}
}
@media (max-width: 375px) {
	img.image_file {
		max-height: 100px;
		min-height: 50px;
	}
	.preview-lg {
		height:250px;
		width: 250px;
	}
	.crop-box {
		height:250px;
	}
}

/** demo_mark **/
.__demomark {
	font-family: Consolas, "Courier New", Courier, Monaco monospace;
	cursor: pointer;
	background-color: #ff0000c2;
	padding: 4px 10px;
	color: #fff;
	margin: 0;
	top: 60px;
	right: 0;
	position: fixed;
	font-size: 2.96em;
	z-index: 999;
}
.__checkbox_demomark {
	display: none;
}
.__checkbox_demomark:checked + .__demomark{
	display: none;
}

/** welcome **/
.ribbon2-public h4.ribbon2-content:before {
	content: "\3088\3046\3053\305D\3001";
}
.ribbon2-public h4.ribbon2-content:after {
	content: "\0020\3055\3093\FF01";
}
.ribbon2-group h4.ribbon2-content:after {
	content: "\0020\69D8";
}

/** date-dropdowns **/
.date-dropdowns select {
	padding: 3px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	margin: 0 3px;
}
.has-success > .input-group >.date-dropdowns > select {
	border-color: #3c763d;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.has-error > .input-group >.date-dropdowns > select {
	border-color: #a94442;
	background-color: #FFE4E1;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

/** file-upload **/
.fileinput-button {
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	font-size: 200px !important;
	direction: ltr;
	cursor: pointer;
}
/* Fixes for IE < 8 */
@media screen\9 {
	.fileinput-button input {
		filter: alpha(opacity=0);
		font-size: 100%;
		height: 100%;
	}
}

.disk-usage-area > .panel-success > .panel-heading {
	color: #ffffff;
	background-color: #21b26f;
	border-color: #e9e9e9;
}

.disk-usage-area > .panel-danger > .panel-heading {
	color: #ffffff;
	background-color: #b22121;
	border-color: #e9e9e9;
}

.flex-container-center {
	display: flex;
    justify-content: center;
    align-items: center;
	min-height: 100vh;
}

div.form-group:has(> * > .form-group-item-center) {
	text-align: center;
}

#chatbot {
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.25);
	z-index: 99999;
	overflow: auto;
}
.chatbotc{
opacity: 1;
font-size: 1em;
}
@media screen and (min-width: 768px) {
	#chatbot {
		position: fixed;
		top: auto;
		left: auto;
		right: 0;
		bottom: 40px;
		width: auto;
		height: auto;
		background-color: transparent;
	}
}
#chatbot .frame {
	cursor: pointer;
}
#chatbot .frame p {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 10px 15px 0;
	border-radius: 5px 5px 0 0;
	background-color: #00afec;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	box-sizing: border-box;
}
#chatbot .frame p:after {
	content: "×";
	display: block;
}
#chatbot .frame .iframe {
	width: 360px;
	height: 500px;
	padding: 10px;
	background-color: #00afec;
	box-sizing: border-box;
}
@media screen and (min-width: 768px) {
	#chatbot .frame .iframe {
		width: 380px;
	}
}
#chatbot .frame .iframe iframe {
	width: 100%;
	height: 100%;
	border: none;
	background-color: #ffffff;
}

/*  .close  */
#chatbot.close {
	position: fixed;
	top: auto;
	left: 0;
	right: 0;
	bottom: 40px;
	width: auto;
	height: auto;
	margin: auto;
	background-color: transparent;
	overflow: auto;
}
@media screen and (min-width: 768px) {
	#chatbot.close {
		position: fixed;
		top: auto;
		left: auto;
		right: 0;
		bottom: 40px;
		display: block;
		width: auto;
		height: auto;
		background-color: transparent;
		z-index: 9999;
		overflow: auto;
	}
}
#chatbot.close .frame {
	box-shadow: none;
}
#chatbot.close .frame p {
	display: inline-block;
}
#chatbot.close .frame p:after {
	content: none;
}
#chatbot.close .frame .iframe {
	height: 85px;
	background-image: url('../images/chatbot.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: calc(100% - 20px) 65px;
}
#chatbot.close .frame .iframe iframe {
	display: none;
}

/*  box-shadow  */
#chatbot {
	padding: 0 10px 10px 0;
}
#chatbot .frame {
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}
#chatbot.close .frame .iframe {
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
}