/* 一覧のヘッダ行をスクロールしても残す */
/* ※固定したい場合はグループの項目コードを「g」「g1」にする */
#TH_g thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

#TH_g1 thead th {
    position: sticky;
    top: 0;
    z-index: 1;
}

/* 一覧のページ制御 */
.PAGE_COUNT {
    width: 170px;
    display: inline-block !important;
}

/* ボタン幅 */
.IoAction {
    min-width: 64px;
}

/* ボタン幅(ダイアログ表示) */
input[onclick*="onDlgBtnClickMultiDialog"]
{
    min-width : auto;
}

/* 一覧内のボタン幅は指定なし */
.IoAction.GROUP_BUTTON {
    min-width: 40px;
}

/* 一覧の余白 */
.g_field {
    padding-left: 4px;
    padding-right: 4px;
    word-break: break-all;
}

.o-field {
    padding-left: 4px;
    padding-right: 4px;
    word-break: break-all;
}

.group th {
    padding-left: 6px;
    padding-right: 6px;
}

/* ラベル表示項目(TEXT)の折り返しを設定 */
span.TEXT {
    word-break: break-all;
}

/* ラベル表示項目(NUM)の折り返しを禁止 */
span.NUM {
	white-space: nowrap;
}

/* 編集不可項目 */
.item__NONEDITABLE {
    color: #aaaaaa;
    background-color: rgb(235, 235, 228);
}


/* パーティション枠 */
fieldset.part_box {
    width: auto;
}


/* 必須ラベル */
div.label__required > label:before {
    content: "* ";
}

.required:before {
    content: "* ";
}


/* 「global.css」のテキストエリアのスクロール設定を上書き */
textarea[wrap="off"] {
	overflow: auto;
}


/* 共通ヘッダ用 Start */

div.top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 4px #2ca9e1;
    white-space: nowrap;
}

div.top > div:nth-child(1) {
    display: flex;
    align-items: center;
}

.main-title {
    font-size: 36px;
    font-weight: bold;
    padding-left: 20px;
    color: #777;
}

div.user-area {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 20px;
    text-align: right;
}

div.ul {
    display: flex;
}
div.lang select {
    margin-left: 2px;
    margin-right: 20px;
}
.lang span, .lang option, .user {
    font-size: 14px;
}

.main-title {
    font-size: 36px;
    font-weight: bold;
    padding-left: 20px;
    color: #777;
}
nav {
    background: #2ca9e1;
    margin-top: -4px;
}
nav ul {
    margin: 0;
}
nav > ul {
    display: flex;
}

nav a {
    display: block;
    padding: 8px 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #2ca9e1;
    border-right: solid 1px #fff;
}
nav a:hover {
    color: #fff;
    background: #70bee0;
    /*
    opacity: 0.7;
    */
}

nav > ul > li > a {
    width: 100px;
}
nav > ul > li > ul > li > a {
    width: 140px;
    padding-left: 4px;
    padding-right: 4px;
}

nav ul li {
    position: relative;
}
nav ul li ul {
    position: absolute;
    z-index: 100;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;
}

nav ul li:hover ul {
    height: 100%;
    opacity: 1;
    visibility: visible;
}

nav ul li ul li a {
    border-top: solid 1px #fff;
}

a.sub:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 2px 10px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
}

/* パンくずリスト */
div.breadcrumb {
    padding-top: 3px;
    float: right;
}

/* 共通ヘッダ用 End */

.label {
    padding-left: 6px;
}

body {
    background: #fafdff;
}
.top {
    background: #fff;
}

/* 必須項目 */
.label__REQ :before {
	content: "* ";
}

/* 検索項目ラベル */
.label__SEARCH {
	background-color: #ffffff;
}

/* 確定系ボタン */
.item__CONF {
	border: solid 1px #ff33cc;
	background-color: #ff33cc;
	background-image: linear-gradient(rgb(255, 51, 204), rgb(216, 43, 173));
}

/* 終了解除ボタン */
.item__CANCEL {
	background-color: #f2f2f2;
	color: #666666;
	border: solid 1px #666666;
}

/* Yellow */
.item__YELLOW {
	background-color: #FFFF00;
}

/* Orange */
.item__ORANGE {
	/* background-color: #FFCC00; */
	background-color: #FF8000;
}

/* Heaven */
.item_HEAVEN_COLOR {
	color: #2ca9e1;
}

/* 全選択・全解除ボタン */
.item__SEL_DESEL {
	border : #c4c4c4;
	background-color : #c4c4c4;
	background-image : linear-gradient(rgb(196, 196, 196), rgb(170, 170, 170));
}

/* リンク非活性 */
.link_disable {
	pointer-events: none;
}

/* 合計行 */
.total_row {
    font-weight: bold;
}

/* ========== 多言語 幅調整 ========== */

/* 一覧ヘッダ 改行設定 */
.group th span {
    display: block;
    white-space: initial;
    word-break: normal;
}

/* 一覧ボタン 改行設定 */
.GROUP_BUTTON {
    white-space: initial;
    word-break: normal;
}

select:disabled {
    color: #aaaaaa;
    background: #ebebe4;
    border-color: #cccccc;
}