/**全体変更用スタイル*/
body {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
		YuGothic, 'Yu Gothic Medium', 'Segoe UI', 'Hiragino Sans',
		'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	background-color: #EDEBE3;
	color: #000;
}

@media screen and (max-width:1360px) {
	#formTable {
		font-size: 0.8em;
	}
}

#pageTable th {
	background-color: #EDEBE3;
	text-align: center;
}

/** tooltip用 */
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #280C00;
}

.tooltip-inner {
	text-align: left;
	max-width: 100%;
	background-color: #280C00;
}

.button-wrapper {
	/* wrapper の幅を内包する要素に合わせる。 */
	display: inline-block;
}

.button-wrapper .btn:disabled {
	/* マウスをホバーした際のイベント伝搬を止めないようにする。 */
	pointer-events: none;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	/** ボタン非活性時の色をより薄くする。 */
	opacity: .10;
}

/********************/
.content {
	margin: 10px;
}

.form-group-margin0 {
	margin: 0;
}

.hidden {
	display: none;
}

.listbox-fontsize {
	font-size: 13px;
}

.listbox-fontsize-min {
	font-size: 11px;
}

.select2 {
	width: 100% !important;
}

/**サイドバー色変更用 */
.sidebar {
	background-color: #280C00;
}

.sidebar ul li a.active {
	background-color: transparent;
}

.sidebar .nav-second-level li a {
	padding-left: 20px;
}

/*****************/

/** ナビバー色変更用 */
.navbar-brand {
	color: #fff;
}

.nav>li>a {
	color: rgba(252, 252, 252, 0.8);
}

.nav>li>a:focus, .nav>li>a:hover {
	background-color: transparent;
	color: rgba(252, 252, 252, 1);
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: transparent;
}

/*navbarの高さ調整*/
.navbar-custom {
	min-height: 30px;
}

.navbar-custom-brand {
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
}

.navbar-custom-toggle {
	/* (80px - button height 34px) / 2 = 23px */
	margin-top: 23px;
	padding: 9px 10px !important;
}

@media ( min-width : 768px) {
	.navbar-custom-nav>li>a {
		/* (30px - line-height of 27px) / 2 = 26.5px */
		padding-top: 26.5px;
		padding-bottom: 26.5px;
		line-height: 27px;
	}
}

.navbar-custom-top-links li a {
	min-height: 30px;
}
/*************************/

/** タブ色変更用*/
/** 通常用 */
.tab-color>li>a {
	background-color: #738d9d;
}

.tab-color>li.active>a, .tab-color>li.active>a:focus, .tab-color>li.active>a:hover,
	.tab-color>li>a:focus, .tab-color>li>a:hover {
	background-color: #002F4C;
	color: #FCFCFC;
}

/** エラー時用 */
.tab-color>li.has-error li.active>a, .tab-color>li.has-error li.active>a:focus,
	.tab-color>li.has-error li.active>a:hover, .tab-color>li.has-error>a:focus,
	.tab-color>li.has-error>a:hover {
	background-color: #a62320;
}

.tab-color>li.has-error>a {
	background-color: #CE8685;
}

/** ダークグリーン */
.tab-color>li.tab-darkgreen li.active>a, .tab-color>li.tab-darkgreen li.active>a:focus,
	.tab-color>li.tab-darkgreen li.active>a:hover, .tab-color>li.tab-darkgreen>a,
	.tab-color>li.tab-darkgreen>a:focus, .tab-color>li.tab-darkgreen>a:hover
	{
	background-color: #005331;
}

/*********************************/

/*********** wizard用色変更 ********/
.sw-btn-prev, .sw-btn-prev:focus {
	background-color: #002F4C;
	color: rgba(252, 252, 252, 1);
}

.sw-btn-prev:hover {
	background-color: #002F4C;
	color: rgba(252, 252, 252, 0.7);
}

.sw-btn-next, .sw-btn-next:focus {
	background-color: #A67A16;
	color: rgba(252, 252, 252, 1);
}

.sw-btn-next:hover {
	background-color: #A67A16;
	color: rgba(252, 252, 252, 0.7);
}

.sw-theme-dots>ul.step-anchor>li.active>a:after {
	background: #002F4C;
}

.sw-theme-dots>ul.step-anchor>li.active>a {
	color: #002F4C;
	background: none;
}

.sw-theme-dots>ul.step-anchor>li.done>a:after {
	background: #A67A16;
}

.sw-theme-dots>ul.step-anchor>li.done>a {
	color: #A67A16;
	background: none;
}

.sw-theme-dots>ul.step-anchor:before {
	top: 45px;
}
/*******************************************/

/** DataTable用スタイル */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
	.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
	{
	background-color: #280C00;
	border-color: #280C00;
}

.pagination>li>a, .pagination>li>span {
	color: #280C00;
}
/*******************************************/

/******* 背景色変更用 *********************/
.background-color-white {
	background-color: #EDEBE3;
}

.background-color-white2 {
	background-color: #b7ae8e;
}

.background-color-navy {
	background-color: #002F4C;
}

.background-color-brown {
	background-color: #A67A16;
}

.background-color-darkbrown {
	background-color: #280C00;
}

.background-color-gray {
	background-color: #909D9E;
}

.background-color-darkgreen {
	background-color: #005331;
}

.background-color-red {
	background-color: #b80000;
}
/**************************************/

/************ ボタンカラー変更用 **********/
/**ネイビー */
.btn-color {
	color: rgba(252, 252, 252, 1);
	background-color: #002F4C;
	border-color: #FCFCFC
}

.btn-color:hover, .btn-color:focus {
	color: rgba(252, 252, 252, 0.7);
	background-color: #002F4C;
	border-color: #FCFCFC
}

/** ブラウン */
.btn-color-brown {
	color: rgba(252, 252, 252, 1);
	background-color: #A67A16;
	border-color: #FCFCFC
}

.btn-color-brown:hover, .btn-color-brown:focus {
	color: rgba(252, 252, 252, 0.7);
	background-color: #A67A16;
	border-color: #FCFCFC
}

/** ダークブラウン */
.btn-color-darkbrown {
	color: rgba(252, 252, 252, 1);
	background-color: #280C00;
	border-color: #FCFCFC
}

.btn-color-darkbrown:hover, .btn-color-darkbrown:focus {
	color: rgba(252, 252, 252, 0.7);
	background-color: #280C00;
	border-color: #FCFCFC
}

/**ダークグリーン */
.btn-color-darkgreen {
	color: rgba(252, 252, 252, 1);
	background-color: #005331;
	border-color: #FCFCFC
}

.btn-color-darkgreen:hover, .btn-color-darkgreen:focus {
	color: rgba(252, 252, 252, 0.7);
	background-color: #005331;
	border-color: #FCFCFC
}

/**グレー */
.btn-color-gray {
	color: rgba(252, 252, 252, 1);
	background-color: #909D9E;
	border-color: #FCFCFC
}

.btn-color-gray:hover, .btn-color-gray:focus {
	color: rgba(252, 252, 252, 0.7);
	background-color: #909D9E;
	border-color: #FCFCFC
}

/**パープル */
.btn-color-purple {
	color: rgba(252, 252, 252, 1);
	background-color: #473857;
	border-color: #FCFCFC
}

.btn-color-purple:hover, .btn-color-purple:focus {
	color: rgba(252, 252, 252, 0.7);
	background-color: #473857;
	border-color: #FCFCFC
}

/**水色 */
.btn-color-lightblue {
	color: rgba(252, 252, 252, 1);
	background-color: #488484;
	border-color: #FCFCFC
}

.btn-color-lightblue:hover, .btn-color-lightblue:focus {
	color: rgba(252, 252, 252, 0.7);
	background-color: #488484;
	border-color: #FCFCFC
}

/** 赤 */
.btn-color-red {
	color: rgba(252, 252, 252, 1);
	background-color: #b80000;
	border-color: #FCFCFC
}

.btn-color-red:hover, .btn-color-red:focus {
	color: rgba(252, 252, 252, 0.7);
	background-color: #990000;
	border-color: #FCFCFC
}
/*****************************************************/

/******** フォント色変更用 ******************************/
.font-color-darkbrown {
	color: #280C00 !important;
}

.font-color-white {
	color: #EDEBE3;
}
/*****************************************************/

/*************各カラー変更用****************************/
.blockquote-color {
	border-left: 5px solid #A67A16;
}

.border-color {
	border-color: #002F4C;
}

.panel-color>.panel-heading {
	background-color: #002F4C;
	color: white;
	border-color: #e7e7e7;
}

.well-color {
	background-color: #FCFCFC;
	border: none;
}
/*****************************************************/

/**********datetimepicker用スタイル *********************/
.bootstrap-datetimepicker-widget table td.active,
	.bootstrap-datetimepicker-widget table td.active:hover {
	background-color: #A67A16;
}

.bootstrap-datetimepicker-widget table td span.active {
	background-color: #A67A16;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
	background: #002F4C;
	color: rgba(252, 252, 252, 1);
}

.bootstrap-datetimepicker-widget .picker-switch td span:hover,
	.bootstrap-datetimepicker-widget .picker-switch td span:focus {
	background: #002F4C;
	color: rgba(252, 252, 252, 0.7);
}
/*****************************************************/

/*******************テーブル罫線変更********************/
.table-bordered {
	border-color: rgb(150, 150, 150);
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th,
	.table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th,
	.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border-color: rgb(150, 150, 150);
}
/*****************************************************/
/*********************ローディング用********************/
#loading {
	display: table;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: 0.8;
	z-index: 10;
}

#loading .loadingMsg {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-top: 140px;
}
/*****************************************************/
/*********************静的ページ用********************/
ul.kou {
	/** Basic Box Model **/
	padding: 0 0 0 15px;
}

ul.kou>li {
	/** Positioned Layout **/
	position: relative;
	/** Basic Box Model **/
	margin: 10px 0;
}

.list-layout-1 {
	/** Basic Box Model **/
	display: flex !important;
	/** Flexible Box Layout **/
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: stretch;
}

.list-layout-1>.marker {
	/** Text **/
	white-space: nowrap;
}

.list-layout-1>.text {
	/** Basic Box Model **/
	margin: 0 0 0 .5em;
}
/*****************************************************/
/***************エラー時の表示職変更*********************/
.has-error
.select2-container--default
.select2-selection--single {
	border: 2px solid #d9534f;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label,
	.has-error .help-block, .has-error .radio, .has-error .radio-inline,
	.has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label,
	.has-error.radio-inline label, .has-error .form-check {
	color: #d9534f;
}

.has-error .form-control {
	border: 2px solid #d9534f;
}

.has-error .input-group-addon {
	border: 1px solid #d9534f;
}
/*****************************************************/
/***************入力フォーム関連の文字色変更**************/
.form-control {
	color: #000;
}

::placeholder {
	color: #ddd !important;
}

/* IE */
:-ms-input-placeholder.form-control {
	color: #ddd !important;
}

/* Edge */
::-ms-input-placeholder {
	color: #ddd important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder
	{
	color: #ddd !important;
}
/*****************************************************/
/*fileupload用スタイル*/
.fileinput-button {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity = 0);
	font-size: 200px !important;
	direction: ltr;
	cursor: pointer;
}