@charset "UTF-8";

/*******************************************************************************
 * Set the CakePHP style
 *******************************************************************************/
.error-message {
	font-size: 1.4rem;
	padding: 1px 4px;
	border-radius: 2px;
	color: #a94442;
	background-color: #f2dede;
	margin: 1px 0px 5px 0px;
}

/*******************************************************************************
 * Set the jQueryUI style
 *******************************************************************************/
div.ui-widget {
	font-family: 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
		sans-serif;
	font-size: 1.4rem;
}

div.ui-widget.ui-widget-content {
	border: 1px solid #8ea0a9;
	background: #fff;
	box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.2);
}

div.ui-widget-content {
	border: none;
	background: #fff;
	color: #111;
}

div.ui-widget-content a {
	color: inherit;
}

div.ui-widget-overlay {
	background-color: #222;
	opacity: .5;
	z-index: 90000 !important;
}

div.ui-dialog {
	z-index: 90001 !important;
}

div.ui-dialog .ui-dialog-titlebar {
	display: none;
}

div.ui-dialog .ui-button {
	font-weight: normal;
	color: #fff;
	background: #8ea0a9;
	border: 1px solid #fff;
}

div.ui-dialog .ui-button:hover {
	border: 1px solid #8ea0a9;
}

div.ui-dialog .ui-button:active {
	font-weight: normal;
	color: #fff;
	background: #8ea0a9;
	border: 1px solid #8ea0a9;
}

div.ui-datepicker {
	font-size: 1.4rem;
}

button.ui-datepicker-trigger {
	font-size: 1.2rem;
	cursor: pointer;
	padding: 6px 6px 6px 6px;
	border-radius: 2px;
	color: #fff;
	background-color: #8ea0a9;
	border: solid 1px #8ea0a9;
	vertical-align: top;
}

button.ui-datepicker-trigger:hover {
	color: #fff;
	background-color: #718087;
	border-color: #718087;
}

/*******************************************************************************
 * Set the Font Awesome style
 *******************************************************************************/
i.fa,
i.fa,
i.fas,
i.far,
i.fal,
i.fad,
i.fab {
	margin-right: 2px;
}

i.fa-reset,
i.fa-reset,
i.fas-reset,
i.far-reset,
i.fal-reset,
i.fad-reset,
i.fab-reset {
	margin-right: 0;
}

.fa-1x-lg {
	font-size: 1.75em;
}

/*******************************************************************************
 * Set the Bootstrap style
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *******************************************************************************/
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 5px 0;
	border-radius: 4px;
}

.pagination>li {
	display: inline;
}

.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 5px 0px;
	margin-left: -1px;
	line-height: 2.0rem;
	color: #a9a9a9;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	text-align: center;
	width: 40px;
	height: 30px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
	z-index: 2;
	color: #fff;
	background-color: #8ea0a9;
	border-color: #8ea0a9;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	z-index: 3;
	color: #fff;
	cursor: pointer;
	background-color: #8ea0a9;
	border-color: #8ea0a9;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #a9a9a9;
}

.pagination>li.active,
.pagination>li.disabled {
	/* for CakePHP */
	position: relative;
	float: left;
	padding: 5px 0px;
	margin-left: -1px;
	line-height: 2.0rem;
	color: #a9a9a9;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	text-align: center;
	width: 40px;
	height: 30px;
}

.pagination>li:first-child.active,
.pagination>li:first-child.disabled {
	/* for CakePHP */
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pagination>li:last-child.active,
.pagination>li:last-child.disabled {
	/* for CakePHP */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.pagination>li.active,
.pagination>li.active:hover,
.pagination>li.active:focus {
	/* for CakePHP */
	z-index: 3;
	color: #fff;
	cursor: pointer;
	background-color: #8ea0a9;
	border-color: #8ea0a9;
}

.pagination>li.disabled,
.pagination>li.disabled:hover,
.pagination>li.disabled:focus {
	/* for CakePHP */
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #a9a9a9;
}

/*******************************************************************************
 * Set the ThickBox style
 *******************************************************************************/
#TB_overlay {
	position: fixed;
	z-index: 90001;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.TB_overlayBG {
	background-color: #222;
	opacity: 0.5;
}

#TB_window {
	position: fixed;
	background: #fff;
	z-index: 90002;
	color: var(--textColorDefault);
	display: none;
	border: none;
	text-align: left;
	top: 10%;
	left: 50%;
	box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.2);
	padding: 1px;
}

/*******************************************************************************
 * Set the select2 style
 *******************************************************************************/

.select2 {
	font-size: 1.4rem;
}

.select2-results__option {
	font-size: 1.4rem;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	color: #111;
	background-color: #fff;
	border: 1px solid #b5c1c6;
	border-radius: 2px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
	border: solid 1px #ffac36;
}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #b5c1c6;
	border-radius: 2px;
}

.select2-container--default.select2-container--focus .select2-selection--single {
	border: solid 1px #ffac36;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #111;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #b5c1c6;
}

.select2-container--default .select2-selection--multiple {
	min-height: 37px;
	background-color: #fff;
	border: 1px solid #b5c1c6;
	border-radius: 2px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: solid 1px #ffac36;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	color: #111;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	font-weight: normal;
	color: #fff;
	background-color: #8ea0a9;
	border: 1px solid #8ea0a9;
	padding: 1px 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
	background-color: #718087;
	border: 1px solid #718087;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	font-weight: normal;
	color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	font-weight: normal;
	color: #fff;
}