/* 
  汎用性のあるスタイル定義
*/

.general-body-block {
    display: flex;
    flex-wrap: wrap;
}
.general-body-block>div {
    padding: 10px;
    width : calc(100%);
    box-sizing: border-box;
}
.general-line-block {
    display: flex;
    flex-wrap: wrap;
}
.general-line-block > div {
    vertical-align: middle;
}

.general-line-block > div input[type=number]
{
    text-align: right;
}
.general-line-block > div.label
{
    padding-top  : 5px;
    padding-left : 1px;
    padding-right: 1px;
}
.general-line-block > div input[type=checkbox]
{
    margin-top: 2px;
}
.general-line-block > div.spacer-s0
{
    margin-left: 2px;
}
.general-line-block>div.spacer-s05
{
    margin-left: 3px;
}
.general-line-block>div.spacer-s09 
{
    margin-left: 9px;
}
.general-line-block > div.spacer-s1
{
    margin-left: 10px;
}
.general-line-block > div.spacer-s2
{
    margin-left: 20px;
}
.general-line-block > div.spacer-s3
{
    margin-left: 30px;
}
.general-line-block > div.spacer-s4
{
    margin-left: 40px;
}
.general-line-block > div.spacer-s5
{
    margin-left: 50px;
}

.line-margin-s1
{
    margin-top: 4px;
    margin-bottom: 4px;
}

.line-margin-s2 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.line-margin-s3 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.line-margin-s4 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.line-margin-s5 {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Simple Table */
table.search-condition > tbody > tr > td
{
    padding: 5px;
}

table.search-condition > tbody > tr > td.title-cell
{
    font-weight: bold;
}

table.search-condition > tbody > tr > td > div > div > input[type=checkbox]
{
    padding-top: 5px;
}

select.select-sa
,input.input-sa
{
    width : auto;
}
select.select-ss1
,input.input-ss1
{
    width : 80px;
}
select.select-ss15,
input.input-ss15 {
    width: 90px;
}
select.select-ss2,
input.input-ss2 {
    width: 100px;
}
select.select-s1
,input.input-s1
{
    width : 120px;
}
select.select-s2
,input.input-s2
{
    width : 160px;
}
select.select-s3
,input.input-s3
{
    width : 200px;
}
select.select-s4
,input.input-s4
{
    width : 240px;
}
select.select-s5
,input.input-s5
{
    width : 300px;
}
select.select-s6
,input.input-s6
{
    width : 424px;
}
select.select-sm
,input.input-sm
{
    width : 100%;
}
select.select-syear
{
    width : 100px;
}
select.select-smon
{
    width : 40px;
}
input.input-sa:disabled
, input.input-ss1:disabled
, input.input-ss15:disabled
, input.input-ss2:disabled
, input.input-s1:disabled
, input.input-s2:disabled
, input.input-s3:disabled
, input.input-s4:disabled
, input.input-s5:disabled
, input.input-s6:disabled
, input.input-sm:disabled
{
    border-color: #999999;
    background-color: #EEEEEE;
    color :#333333;

}

/* Cursor */
.default-cursor
{
    cursor : default;
}
.pointer-cursor
{
    cursor : pointer;
}

/* underline */
.underline
{
    border-bottom: 1px solid #dee2e6;
}

/* tips Text */
.tips-text {
    color: #FF3333;
    font-size: 12px;
}