/*
## All Rights Reserved. Copyright c 2021 Hitachi Solutions East Japan, Ltd.
## 土壌分析診断システム
##
*/
@charset "UTF-8";

/* HTML全体 */
html {
    font-family:"BIZ UDGothic","ヒラギノ角ゴ ProN";
}
button {
    font-family:"BIZ UDGothic","ヒラギノ角ゴ ProN";
}
input {
    font-family:"BIZ UDGothic","ヒラギノ角ゴ ProN";
}
select {
    font-family:"BIZ UDGothic","ヒラギノ角ゴ ProN";
}
textarea {
    font-family:"BIZ UDGothic","ヒラギノ角ゴ ProN";
}

/** handsontable.full.min.css　をオーバーライド */
.pika-single {
    font-family:"BIZ UDGothic","ヒラギノ角ゴ ProN" !important;
}

/** jquery-ui.min.css　をオーバーライド */
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family:"BIZ UDGothic","ヒラギノ角ゴ ProN" !important;
}

/* 共通ヘッダー */
.headertitle {
    width: 100%;
    display: flex;
    white-space: nowrap;
    align-items: center;
}
.headertitle>* {
    margin: 1px;
}
.logintitle {
    flex: 2 1 auto;
    overflow-x: auto;
}

/* 共通ヘッダータイトル */
.systemtitle2 {
    flex: 1 0 auto;
    text-align: left;
    font-family:"BIZ UDGothic","ヒラギノ角ゴ ProN";
    color: #00a33e;
    font-size: 24pt;
}

/*iphone*/
.iOS td.systemtitle2{
    font-size: 16pt;
    color: #00a33e;
}

/*android*/
.Android td.systemtitle2{
    font-size: 19pt;
    color: #00a33e;
}

/*共通ヘッダー 所属 */
.shozoku {
	color: #00a33e;
    font-size: 17pt;
    }

/*iphone*/
.iOS td.shozoku {
	color: #00a33e;
    font-size: 12pt;
    }

/*android*/
.Android td.shozoku {
    color: #00a33e;
    font-size: 15pt;
    }

/*共通ヘッダー 所属名 */
.shozokuname {
    color: #00a33e;
    font-size: 16pt;
    }

/*iphone*/
.iOS span.shozokuname {
	color: #00a33e;
	font-size: 12pt;
	}

/*android*/
.Android span.shozokuname {
    color: #00a33e;
    font-size: 15pt;
    }

/*共通ヘッダー ログイン*/
.login {
    color: #00a33e;
    font-size: 17pt;
    }

/*iphone*/
.iOS td.login {
	color: #00a33e;
    font-size: 12pt;
	}

/*android*/
.Android td.login {
    color: #00a33e;
    font-size: 15pt;
    }

/*共通ヘッダー ログイン名 */
.loginname {
    color: #00a33e;
    font-size: 16pt;
    }

/*iphone*/
.iOS span.loginname {
    color: #00a33e;
    font-size: 12pt;
    }

/*android*/
.Android span.loginname {
    color: #00a33e;
    font-size: 15pt;
    }

/*android*/
.Android select:not(:disabled) {
    background-color: #FFF;
}

/*android ソフトウェアキーボード表示*/
.Android.SoftKeyBoard #footer-fixed {
    display: none !important;
}

body {
  overscroll-behavior-y: none;
}


/* 共通ヘッダー ログアウトボタン */
.button_logout {
    display       : inline-block;
    border-radius : 5%;
    font-family   : "BIZ UDGothic","ヒラギノ角ゴ ProN";
    font-size     : 10pt;
    text-align    : center;
    cursor        : pointer;
    padding       : 5px 5px;
    background    : #92d050;
    color         : #ffffff;
    line-height   : 1em;
    transition    : .3s;
    box-shadow    : 2px 2px 7px #666666;
    border        : 2px solid #92d050;
}

/* 共通ヘッダー ログアウトボタンhover */
.button_logout:hover {
    box-shadow    : none;
    color         : #92d050;
    background    : #ffffff;
}

/* ナビゲーション 戻るボタン */
.back-button {
    display       : inline-block;
    font-family   : "BIZ UDGothic","ヒラギノ角ゴ ProN";
	font-weight   : bold;
    font-size     : 14pt;
    text-align    : center;
    cursor        : pointer;
    padding       : 8px 15px 8px 15px;
    background    : #0070c0;
    color         : #ffffff;
    line-height   : 1em;
    border        : 2px solid #0070c0;
    width: 100%;
    padding: 7px;
    margin: -1px 0px -1px 0px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* ナビゲーション */
.navigation {
	font-family:"BIZ UDGothic","ヒラギノ角ゴ ProN";
	color: #ffffff;
	font-size: 14pt;
	font-weight: bold;
}

/* 共通ボタン */
.button2 {
    display       : inline-block;
    border-radius : 9%;
    font-family   : "BIZ UDGothic","ヒラギノ角ゴ ProN";
    font-size     : 10pt;
    text-align    : center;
    cursor        : pointer;
    padding       : 5px 15px 8px 15px;
    background    : #0070c0;
    color         : #ffffff;
    line-height   : 1em;
    /*transition    : .3s;*/
    border        : 2px solid #0070c0;
    -webkit-appearance: none;
}

btn{
    -webkit-appearance: none;
}

/* 共通ボタンhover */
.button2:hover:not([disabled]) {
    box-shadow    : none;
    color         : #0070c0;
    background    : #ffffff;
}

/* 共通ボタンdisabled */
.button2:disabled {
    background-image: none;
    background-color: #ccc;
    border-color: #ccc;
}

table.form {
    border-spacing: 10px 10px;
    /*border-collapse: collapse;*/
}

table.form_smpl_no {
    margin-left:	auto;
    margin-right:	auto;
}

table.form td.title {
    height: 10px;
    padding: 5px;
    background-color: #92d050;
    color: #ffffff;
    text-align: center;
    font-family: "BIZ UDGothic","ヒラギノ角ゴ ProN";
    font-size: 12pt;
}

table.form td > input.field {
    padding: 5px;
    border-style: solid;
    border-color: #92d050;
    font-family: "BIZ UDGothic","ヒラギノ角ゴ ProN";
    font-size: 12pt;
}

table.form td > input.field:focus {
    border:2px solid rgb(128, 255, 128);
}

table.form td > input[readonly] {
    background-color: #cccccc;
}

table.form td > select.field {
    height: 30px;
    padding: 5px;
    border-style: solid;
    border-color: #92d050;
    font-family: "BIZ UDGothic","ヒラギノ角ゴ ProN";
    font-size: 12pt;
}

/*android*/
.Android table.form td select.field {
    padding-top: 1px;
    padding-bottom: 1px;
}

table.form td > select.field:focus {
    outline: none;
    border:2px solid rgb(128, 255, 128);
}

table.form td > div.list  {
    padding: 5px;
    background-color: #ffffff;
    border-style: solid;
    border-color: #92d050;
    border-width: thin;
    font-family: "BIZ UDGothic","ヒラギノ角ゴ ProN";
    font-size: 12pt;
    overflow:auto;
}

table.form td > div.list > label  {
	display: block;
}

/* handsontable ヘッダー色対応 */
.handsontable table.htCore div.relative {
	background: #92d050;
	color: #ffffff;
}
.handsontable table.htCore th {
    background-color: #92d050;
}

/* handsontable 入力不可セルの文字色を黒にする */
table.htCore td.htDimmed{
    color: #000000;
}

/* handsontable selectフォント対応 */
select.htSelectEditor {
    font-family: inherit;
    font-size: inherit;
}

/* handsontable selectフォーカス対応 */
select.htSelectEditor:focus::-ms-value {
    color: black;
    background: none;
}

/* handsontable 長い文字列省略表示対応 */
.handsontable tbody td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* handsontableの左右に余白 */
.gridContainer {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
  margin-right: 30px;
  margin-left: 30px;
}

/* 要素を横並び（均等割り付け）にする */
.boxContainer{
  display: flex;
  align-items: flex-end;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-right: 30px;
  margin-left: 30px;
}

/* pikaday 土日色対応 */
.pika-lendar th:first-child,
.pika-lendar td:first-child .pika-button {
    color: #f00;
}
.pika-lendar th:last-child,
.pika-lendar td:last-child .pika-button {
    color: #00f;
}

/** 独自テーブル */
table.orgtable {
    border-width: 0;
    border-collapse: collapse;
}

table.orgtable th{
	border: solid 1px #aaaaaa;
	background: #92d050;
	color: #ffffff;
	font-weight: 400;
	padding: 2px 4px
}

table.orgtable td{
	border: solid 1px #aaaaaa;
	background: #FFFFFF;
}

/** 作物選択画面の選択結果表示欄 */
input.selectedskmt {
	text-overflow: ellipsis;
}

/** Hotヘッダー結合 */
div .mask {
    top:1px;
    display:none;
    position:absolute;
    background-color:#92d050;
    z-index:110;
    text-align:center;
    color:white;
    overflow: hidden;
}

/** Handsontable隠し列 */
.handsontable table .htHiddenColumn {
    max-width: 0 !important;
    border-right: none !important;
}

/** Handsontable複数選択 */
.handsontable table td.highlight:not(.current) {
    position: relative;
}
.handsontable table td.highlight:not(.current)::after {
    content: '　';
    background: #66F;
    opacity: .3;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 10000em; /* IEでは高さが自動計算されないので、通常ではありえない十分な高さを指定 */
}

/** Handsontableエディタ背景色 */
.handsontable .handsontableInput,.handsontable .htSelectEditor {
    background-color: #f2dcdb;
}

/** Handsontableセル高さ固定、拡大率変更対応 */
.handsontable tbody tr {
    height: 24px !important;
    overflow: hidden;
}

/** Handsontable子画面高さ固定 */
.ui-dialog .handsontable tbody input[type='checkbox' i],.ui-dialog .handsontable tbody input[type='radio' i] {
    margin-top: 2px;
    margin-bottom: 2px;
}

/** jQueryUI ダイアログ リサイズ対応 */
.ui-dialog {
    height: auto !important;
}
.ui-dialog .ui-dialog-content {
    width: auto !important;
}

/** フッター用マージンが個別対応が必要な画面に対応 */
.mb-50{
	margin-bottom:50px;
}

/** リンク長押しのポップアップを無効化 */
body {
    -webkit-touch-callout:none;
}

/** イメージのドラッグを無効化 */
img {
    -webkit-user-drag: none;
}

/** エラー画面 */
.err-msg {
	margin: 16px;
	font-size: 16px;
	line-height: 24px;
}
.err-msg .button2 {
	margin-top: 16px;
}