@charset "UTF-8";

.three-column > .partition-body > div {
    display: inline-block;
    width: 33%;
    letter-spacing: 0em;
}
.two-column > .partition-body > div {
    display: inline-block;
    width: 50%;
    letter-spacing: 0em;
}
.one-column > .partition-body > div {
    display: inline-block;
    width: 100%;
    letter-spacing: 0em;
}
.hr {
    border: 1px solid #CCCCCC;
    height: 0px;
    margin: 10px 0px;
    clear: both;
}
.partition-header {
    background-color: #CCBBBB;
    width: 100%;
    line-height: 30px;
    margin-bottom: 10px;
}
.partition-body {
    width: 100%;
    letter-spacing: -1em;
}
.child {
    display: inline;
    margin:0;
    border:0;
    padding:0;
    text-align:left;
}
.child-inner {
    width: 100%;
    display: flex;
    margin:0;
    border:0;
    padding:0;
    text-align:left;
}
.child-body {
    flex: 1;
    margin-bottom:3px;
}
.child-body-full {
    flex: 1;
    margin-bottom:3px;
}
input[type=text], select {
    margin-left: 5%;
    width: 90%;
}
.child-body-full > input[type=text], .child-body-full > select {
    border: 0;
    margin: 0;
    width:100%;
}
.hidden {
    display: none;
}

/* 次のページへ進むボタンを含むdiv要素 */
.page-navigation {
    text-align: right;
    margin-top: 1em;
}

/* 次のページへ進むボタン */
button.next-page-button {
    padding: 0.75em 1.5em;
    cursor: pointer;
}

/* 一つ前のページへ戻るボタン */
button.prev-page-button {
    padding: 0.75em 1.5em;
    cursor: pointer;
    float: left;
}

/* 保存ボタン */
button.submit {
    padding: 0.75em 1.5em;
    cursor: pointer;
}

.errors {
    color: #FF5555;
    background-color: #FFCCCC;
}
.success {
    color: #1f631f;
    background-color: #CCFFCC;
}
.sd3-table {
    border: solid 1px #000000;
    border-collapse: collapse;
}
.sd3-table > thead > tr, .sd3-table > tbody > tr {
    border: solid 1px #000000;
    border-collapse: collapse;
}
.sd3-table > thead > tr > th {
    background-color: #BBBBBB;
    font-weight: bold;
}
.sd3-table > thead > tr > th, .sd3-table > tbody > tr > td {
    border: solid 1px #000000;
    border-collapse: collapse;
}
.item-form {
    width: 100%;
}
.item-text {
    width: 100%;
}
th.btns, th.expand-btn {
    visibility: hidden;
}
.selected {
    background-color: #CCFFCC;
}
.faraway {
    position: fixed;
    bottom: -100px;
}
table.sd3-table th, table.sd3-table td {
    white-space: nowrap;
    width: 10px;
}
.required {
    color: #FF5555;
}
.ui-dialog .reference {
    z-index: 1000 !important;
}

/* ページ切り替え用のタブを含むdiv要素 */
.page-tabs {
    display: table;
    /*width: 96%;*/
    width: 800px;
    background: #FFF;
}

.page-tabs .available {
    background: #faefd9;
    cursor: pointer;
}

.page-tabs .unavailable {
    cursor: not-allowed;
}

/* 現在開いているページのタブ */
.page-tabs .active {
    background: wheat;
}

/* ページ切り替え用のタブ */
.page-tab-item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0.25em 0;
}
.page-tabs .unavailable a {
    text-decoration: none;
}
.page-tabs .available a:hover {
    text-decoration: underline;
}

.page-tabs .page-name {
    font-weight: bold;
}
.page-tabs .available .page-name {
    color: #3333ff;
}
.page-tabs .unavailable .page-name {
    color: #000000;
}