/** 案件で必要なCSSをこちらに記載します */
.btn:not(.btn-block) {
	min-width: 120px;
}

/* ---------- 要素のデフォルト ---------- */
body {
	font-size: 16pt;
}

/* disableの場合はいかなる場合においても灰色固定とする。 */
select:disabled {
	background-color: rgb(235, 235, 228) !important;
}
input:disabled {
    background-color: rgb(235, 235, 228) !important;
}
label{
	font-weight: normal;
}

/* ------------------------------------------------------------------ */
/* ---------- System上書き ---------- */
/* 上部メニュー */
/* ヘッダ高： 60px */
/* サイドバー */
/* サイド幅：270px */

/* ----- 上書き ----- */
/* ----- spectrum上書き ----- */
/* カラーパレットのマスのサイズ */
.sp-palette .sp-thumb-el {
	width: 32px;
	height: 32px;
}

/* ----- Bootstrap上書き ----- */
.panel-title {
	font-size: 24pt;
}

/* close.less */
.close {
	font-size: 40pt;
}

/* ----- Bootstrap-toggle上書き ----- */
.toggle-on.btn {
	font-size: 13pt;
	padding-right: 15px;
}

.toggle-off.btn {
	font-size: 13pt;
	padding-left: 15px;
	background: #FFFFFF;
}

.toggle-handle {
	position: static;
}

/* ----- AdminLTE上書き ----- */
/* ログイン画面 */
.login-logo,
.register-logo {
	font-size: 36pt;
}

.login-box,
.register-box {
	width: 540px;
}

/* システムロゴ */
.main-header .logo {
	height: 60px;
	line-height: 60px;
	width: 270px;
}

/* ナビバー */
.main-header .navbar {
	margin-left: 270px;
}

.main-header .sidebar-toggle {
	padding: 14px 15px;
}

/* メインサイドバー */
.main-sidebar {
	width: 200px;
	padding-top: 60px;
}

/* サイドバーメニュー */
.sidebar-menu {
	padding-bottom: 30px;
}

.sidebar-menu>li>a {
	padding: 22px 5px 12px 15px;
}

.control-sidebar-bg,
.control-sidebar {
	right: -270px;
	width: 270px;
}

.content-wrapper,
.main-footer {
	margin-left: 200px;
}

/* レスポンシブ設定 */
/* スマホ */
@media (max-width: 767px) {
	.main-sidebar {
		-webkit-transform: translate(-270px, 0);
		-ms-transform: translate(-270px, 0);
		-o-transform: translate(-270px, 0);
		transform: translate(-270px, 0);
	}
}

@media (max-width: 767px) {

	.content-wrapper,
	.main-footer {
		margin-left: 0;
	}
}

@media (min-width: 768px) {
	.sidebar-collapse .main-sidebar {
		-webkit-transform: translate(-270px, 0);
		-ms-transform: translate(-270px, 0);
		-o-transform: translate(-270px, 0);
		transform: translate(-270px, 0);
	}
}

@media (min-width: 768px) {

	.control-sidebar-open .content-wrapper,
	.control-sidebar-open .right-side,
	.control-sidebar-open .main-footer {
		margin-right: 270px;
	}
}

@media (max-width: 767px) {

	.sidebar-open .content-wrapper,
	.sidebar-open .main-footer {
		-webkit-transform: translate(270px, 0);
		-ms-transform: translate(270px, 0);
		-o-transform: translate(270px, 0);
		transform: translate(270px, 0);
	}
}

@media (max-width: 767px) {

	.top-fixed .content-wrapper,
	.top-fixed .right-side {
		padding-top: 10px;
	}
}

@media (max-width: 767px) {
	.main-header .navbar {
		margin-left: 0;
	}
}

/* タブレット */
@media (max-width: 991px) {
	.main-sidebar {
		-webkit-transform: translate(-270px, 0);
		-ms-transform: translate(-270px, 0);
		-o-transform: translate(-270px, 0);
		transform: translate(-270px, 0);
	}
}

@media (max-width: 991px) {

	.content-wrapper,
	.main-footer {
		margin-left: 0;
	}
}

@media (max-width: 991px) {

	.sidebar-open .content-wrapper,
	.sidebar-open .main-footer {
		-webkit-transform: translate(270px, 0);
		-ms-transform: translate(270px, 0);
		-o-transform: translate(270px, 0);
		transform: translate(270px, 0);
	}
}

@media (max-width: 991px) {

	.top-fixed .content-wrapper,
	.top-fixed .right-side {
		padding-top: 5px;
	}
}

@media (max-width: 991px) {
	.main-header .navbar {
		margin-left: 0;
	}
}

/* ツリーメニュー */
.treeview-menu>li>a {
	padding: 5px 5px 5px 18px;
	font-size: 16pt;
}

.content {
	min-height: 270px;
}

.box-header>.fa,
.box-header>.glyphicon,
.box-header>.ion,
.box-header .box-title {
	font-size: 16pt;
}

/* ----- system.css上書き ----- */
/* エラーメッセージ領域の余白を削除　*/
section.content-header {
	padding: 10px 5px 0px 5px;
}

/* ボタン */
.box, .btn {
	font-size: 20pt;
}

/* ページングフッター */
.pagination span, .pagination a {
	font-size: 20pt !important;
	width: 60px;
}

.top-fixed .wrapper,
.top-fixed .right-side {
	padding-top: 60px;
}

table.dataTable tbody th, table.dataTable tbody td {
	vertical-align: middle;
}

/* ------------------------------------------------------------------ */
/* ---------- カスタムレイアウト ---------- */
/* ---------- フレーム ---------- */
.titleFarmNameField {
/* 	color: #FFFFFF; */
	margin-left: 14px;
	font-size: 14pt;
	display: inline-block;
	vertical-align: middle;
}

.accountField {
/* 	color: #FFFFFF; */
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	font-size: 14pt;
	height: 60px;
}

/* ログアウトボタンエリア */
.logoutBtnArea {
	display: inline-block;
	vertical-align: middle;
	height: 60px;
	padding-left: 5px;
	padding-right: 5px;
}

/* ログアウトボタン */
.logoutBtn {
	color: white;
	background-color: #a6a6a6;
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #666666;
	vertical-align: middle;
	font-size: 18pt;
}

/* 画面上部操作ボタンエリア */
.common-upper-btn-area {
	padding-bottom: 10px;
	display: table;
	width: 100%;
}

/* 画面上部操作ボタンエリア 一覧に戻る、メニューに戻るボタン(左側) */
.common-upper-btn-area-back-btn {
	display: table-cell;
	float: left;
}

/* 画面上部操作ボタンエリア 操作ボタン(右側) */
.common-upper-btn-area-coomand-btn {
	text-align: right;
	display: table-cell;
	vertical-align: middle;
}
/* 画面上部操作ボタンエリア 操作ボタン(右側) */
.common-upper-btn-area-coomand-btn-right {
	text-align: right;
	display: table-cell;
	vertical-align: middle;
	width: 130px;
}


/* お知らせアイコン */
.infomationIcon {
	width: 45px;
	height: 45px;
	margin-right: 5px;
	background: url('/kaidoku_web/project/img/info-icon-429bf18450ee743622f4005357c40062.png');
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

/* ------------------------------------------------------------------ */

/* ---------- 共通スタイル ---------- */
/* アコーディオン見出しラベル */
.custom-accordion-label {
	display:inline-block;
	width:100%;
}
/* アコーディオン開閉 */
.accordion-toggle a:after {
	font-family: FontAwesome;
	content:"\f106";
	float: right;
	color: inherit;
	text-align: right;
}
.accordion-toggle a.collapsed:after {
	font-family: FontAwesome;
	content:"\f107";
	float: right;
	color: inherit;
	text-align: right;
}

/* ---------- 共通 ---------- */

/* モーダルウィンドウ用ガラス */
#overlay {
	width: 100%;
	height: 120%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	display: none;
	z-index: 9998;
}

/* モーダルウィンドウ用ボタンフォントサイズ */
.ModalWindowBtnFont {
	font-size: 11pt;
}

/* モーダルウィンドウ用テーブル見出し行高さ */
.ModalWindowTableHeaderRowHeight {
	height: 34.4px;
}

/* モーダルウィンドウ用テーブル行高さ */
.ModalWindowTableRowHeight {
	height: 20px;
	vertical-align: middle;
}

/* モーダルウィンドウ用入力項目のスタイル:共通の設定(本PJ専用) */
.custom-modal-window-form-control {
	height: 30px;
	padding: 1px 4px;
	font-size: 11pt;
}

/* 子画面起動用の選択ボタンの共通スタイル */
.common-open-modal-window-select-btn {
	width:72px !important;
	min-width: 72px !important;
	font-size: 16pt;
}

/* 検索条件エリア */
.SearchConditionArea {
	position: relative;
	margin: 27px 0px 0px 0px;
	padding: 0.1em 0px 0px 0px;
	border: solid 2px #555555;
}

.SearchConditionAreaLayout {
	margin: 5px;
}

/* 検索条件タイトル */
.SearchConditionArea .SearchConditionArea-title {
	position: absolute;
	display: inline-block;
	top: -27px;
	left: -2px;
	padding: 0 9px;
	height: 27px;
	line-height: 27px;
	vertical-align: middle;
	font-size: 16pt;
	background: #555555;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}

/* 標準の入力項目のスタイル:共通の設定(本PJ専用) */
.custom-form-control {
	height: 40px;
	padding: 1px 4px;
	font-size: 14pt;
}

/* テキスト横方向中央ぞろえ */
.centering {
	text-align: center;
}

/* 必須項目の入力項目の背景色 */
.requiredInput {
	background: #e0ffe0;
	/*  98fb98 */
}
/* 入力エラーの文字色を上書き */
.highlight-error {
    background-color: #fdeff5;
}

/* マスタ登録処理関連　共通スタイル */
/*   検索結果領域 見出しエリア */
.masterMaintenanceCommonSearchCaption {
	padding-bottom: 5px;
	display: table;
	width: 100%;
}

/*   検索結果領域 見出しラベル */
.masterMaintenanceCommonSearchCaptionLabel {
	display: table-cell;
	text-align: left;
}

/*   検索結果領域 新規登録ボタン */
.masterMaintenanceCommonAddBtn {
	text-align: right;
	display: table-cell;
}

/* 添付用モーダルウィンドウ */
/* 　ウィンドウレイアウト */
.attachFileModalWindowLayout {
	padding: 10px;;
	font-size: 11pt;
}
/* 　画像表示領域 */
.attachFileModalWindowContentImageArea {
	min-width: 1px;
	text-align: center;
	overflow: auto;
}

/* 　画像コンテンツ */
.attachFileModalWindowContentImage {
	height: 50%;
	width: 50%;
}

/* 　動画表示領域 */
.attachFileModalWindowContentVideoArea {
	height: 410px;
	text-align: center;
	overflow: auto;
}

/* 　動画コンテンツ */
.attachFileModalWindowContentVideo {
	width: 320px;
	height: 250px;
	align:center;
	border: solid 1px #000000;
}

/* 検索結果一覧　共通スタイル(モーダルウィンドウは除く) */
.commonSearchListAreaStyle {
	overflow-x:auto;
	font-size:14pt !important;
}

/* ------------------------------------------------------------------ */
/* ---------- 各画面 ---------- */
/* ----- ログイン ----- */
.login-form-style {
	font-size: 20pt;
}

.login-form-control {
	height: 40px;
	padding: 1px 4px;
	font-size: 20pt;
}

.login-btn {
	font-size: 20pt;
}

.login-input-area-style {
	padding: 5px;
	color:#000000;
}

/* ----- メインメニュー(KC0000) ----- */
.main-menu-low-layout-font {
	font-size: 24pt;
}

/*--- Jqueryの子画面表示時の背景色を変更 --- */
.ui-widget-overlay {
    background: #333;
    opacity: 0.90;
    filter: Alpha(Opacity=30);
}

/*--- ダイアログの表示設定 --- */
/*--- 警告ダイアログの表示を変更 --- */
.ui-icon-alert{
	background-image: url(/kaidoku_web/project/img/dialog/warning32-c1c86bb1b541882a2e6a06f20efb4424.png) !important;
	background-position: 0 0px;
	padding-right: 15px;
	width: 32px;
	height: 32px;
}
/*--- 警告ダイアログの表示を変更 --- */
.ui-icon-info{
	background-image: url(/kaidoku_web/project/img/dialog/info32-051de2379ce829175885c01835df3d79.png) !important;
	background-position: 0 0px;
	padding-right: 15px;
	width: 32px;
	height: 32px;
}
.ui-icon-notice{
	background-image: url(/kaidoku_web/project/img/dialog/error32-40f656617d4cd75500a3da42b7fae812.png) !important;
	background-position: 0 0px;
	padding-right: 15px;
	width: 32px;
	height: 32px;
}
/*--- 位置決め --- */
#dialogArea .ui-icon{
	position: absolute;
    top: 42px;
    left: 20px;
}
/*--- メッセージ表示 --- */
#dialogArea .messageArea{
    padding: .5em 2.0em;
}
/*--- ×ボタンのスタイル設定 --- */
.ui-dialog-titlebar-close{
    width: 30px  !important;
    margin: -15px 0 0 0  !important;
    height: 30px !important;
}

/*--- トグルスイッチのサイズを強制固定。（子画面のScriptでサイズが不定形となっているため --- */
.toggle.btn {
    width: 120px !important;
    height: 32px !important;
}

/*--- ソート順のスタイルを書き換え --- */
.sorting,
.sorting_asc,
.sorting_desc{
  /*-- cursor: pointer; --*/
  /*-- *cursor: hand; --*/
  /*-- datatables.jsのスタイルのままだと、ソートがONになっている列だけマウスカーソルがhandになる不具合の修正 --*/
  cursor:auto !important;
  background-repeat: no-repeat;
  background-position: center right;
}
.sorting{
  background-image: url("../img/pass-table/sort_both.png");
}
.sorting_asc{
  background-image: url("/kaidoku_web/project/img/pass-table/sort_asc-9326ad44ae4bebdedd141e7a53c2a730.png");
}
.sorting_desc{
  background-image: url("/kaidoku_web/project/img/pass-table/sort_desc-1fc418e33fd5a687290258b23fac4e98.png");
}

/*--- ここから善徳寺用CSS --- */

/* 必須入力項目のマーク */
.required-mark {
	color: red;
	font-size: 14px;
    vertical-align: middle;
}

/* 検索条件など、折り畳み可能なパネルのデザイン */
.panel-collapse {
	padding: 10px;
}
.panel-collapse > div:not (:first-of-type ) {
	margin-top: 10px;
}

/* テーブル部分のデザイン */
.pass-table th {
	text-align: left;
	padding: 0px 10px;
}

.pass-table td {
	min-width: 100px;
}

/* ↓解読登録画面と解読担当者一覧画面用スタイル */
div#img-list-area {
	width: max-content;
}

div#thumbnail-area {
	float: left;
	height: 600px;
	width: 240px;
	overflow-x: auto;
	border: 2px solid #dddddd;
	padding: 10px;
}

div.thumbnail-div {
	border: 1px solid #dddddd;
	margin-bottom: 10px;
	padding: 5px;
}

div.thumbnail-div-selected {
	border-color: red;
	border-width: 2px;
}

img.thumbnail-img {
	max-width: -webkit-fill-available;
}

img#main-img {
	display: block;
	height: -webkit-fill-available;
	margin: auto;
}

a.thumbnail-no {
	display: block;
	text-align: center;
	text-decoration: underline;
}

div#main-img-area {
	float: left;
	height: 600px;
	width: 940px;
	margin-left: 20px;
	border: 2px solid #dddddd;
	padding: 10px;
}
/* ↑解読登録画面と解読担当者一覧画面用スタイル */

/* 要素を横に並べるときに使用 */
div.float-box {
	float: left;
	margin-right: 20px;
}

/* select2の外観変更 */
.select2-container .select2-selection--single {
	height: 38px;
	font-size: 20px;
}

.select2-container--default .select2-results>.select2-results__options {
	max-height: 800px;
}

li.select2-results__option {
	height: 38px;
}


/* 善徳寺システム専用のメニュースタイル */
.zentoku-color .main-header .navbar {
	background-color: #d7e4bd;
}

.zentoku-color .main-header li.user-header {
	background-color: #d7e4bd;
}

.zentoku-color .sidebar-menu>li.active>a {
	border-left-color: #d7e4bd;
}

.zentoku-color .main-header .navbar .sidebar-toggle {
	color: black;
}

.zentoku-color .main-header .logo {
	background-color: #d7e4bd;
	color: black;
}

.zentoku-color .main-header .logo:hover {
	background-color: #b9cf8b;
}

.zentoku-color .main-header .navbar .sidebar-toggle:hover {
	background-color: #b9cf8b;
}

.titleFarmNameField {
	font-size: 30px;
	line-height: 60px;
}

/* 改行可能な要素 */
.breakable {
	white-space: normal;
}

/* 赤文字 */
td.red {
	color: #ff0000;
}

/* ラジオボタンの要素ごとの間隔を調整 */
.iradio_square-green ~ span {
	margin-right: 20px;
}

/* 子要素が存在しないテーブル行の高さを調整 */
tr.blank-row {
	height: 40px;
	background-color: transparent !important;
}

.blank-row>td {
	border: none;
	color: #7030a0;
	font-weight: bold;
}

/* 非活性ボタンの外観を調整 */
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	opacity: 0.3;
}

/* ファイル選択を独自デザインにするため、元のInput要素を非表示 */
input.hiddenFile {
	display: none;
}

/* ファイル名表示部 */
#fileNameLabel, #defaultLabel {
	display: block;
	width: 1000px;
}

/* デフォルトのボタン */
.btn-default {
	background-color: #a6a6a6;
	border: solid #666666 1px;
	color: white;
}

.btn-default:hover, .btn-default:active, .btn-default.hover,
	.btn-default:focus {
	background-color: #888888 !important;
	color: white !important;
}

/* メニュー画面用 */
.menu-div {
	padding: 10px 20px;
	width: max-content;
}

.menu-div>h1 {
	font-size: 30px;
	font-weight: bold;
}

.menu-div>h2 {
	font-size: 24px;
}

.menu-div>a {
	display: inline-block;
}

.menu-button {
	display: block;
	background-color: #d99694;
	border: 2px solid #953735;
	border-radius: 5px;
	width: 200px;
	height: 100px;
}

.menu-button span {
	align-items: center;
	color: #fff;
	display: flex;
	font-size: 24px;
	height: inherit;
	justify-content: center;
	text-align: center;
}