@charset "utf-8";

/*
.dataTables_wrapper.form-inline .form-control2 {
    display: inline-block;
    width:100%;
    vertical-align: middle;
}
*/
.required {
    font-weight:bold;
    color:#f00;
}

form span.required:before {
    content: " ※ ";
    color:#f00;
}

.panel-white {
    background:white;
}

.table-white {
    background:white;
}

.table-white th {
    background:aliceblue !important;
}

label {
    margin-bottom:0px;
}

.form-group {
    margin-bottom:5px;
}
.form-cyan {
    background:lightcyan;
}
.big {
    font-size:150%;
}
#post_progress {
    display:none;
}

label.radio_inline_header {
    margin-right:1rem;
}

hr.border {
    border: 2px;
    border-top: 2px solid #ccc;
}

.text_red {
    color:#ff0000;
}

/* 2025-06-02 */
.table_area {
    overflow-x: scroll;
    padding: 10px 0;
}
.table_scroll {
    width:auto;
}
.table_area .table {
    width:auto;
    max-width: none !important;
}
.table_area .table th, .table_area .table td {
    white-space:nowrap;
}
.table-area {
    overflow-x: scroll;
}
.text_red {
    color:#ff0000;
}
.bg_close {
    background-color:#d3d3d3 !important;
}
.flex_horizontal {
    display:inline-flex;
    align-items: center;
}
.flex_horizontal > * {
    white-space:nowrap;
    margin:0 .5rem 0 0;
}

/* 2025-06-09 */
.table_area .table.invoice_list {
    width:100%;
}
.flex_horizontal > .form-control {
    width:auto;
}
form .msg {
    font-weight:bold;
    color:#f00;
    padding:5px;
}

/* 2025-06-10 */
.btn[disabled],
.btn[disabled]:hover,
.btn.disabled,
.btn.disabled:hover {
  pointer-events: none; /* ホバーイベント無効化 */
  background-color: #dcdcdc !important; /* グレー系など明示的に */
  border-color: #dcdcdc !important;
  color: #999 !important;
  cursor: not-allowed;
  box-shadow: none !important;
}

/* 2025-06-11 */
input[type="number"].form-control {
    text-align: right;
}
input[type="number"].width-1 {
    width: 150px; !important;    /* 必要な固定幅に調整 */
}

/* 2025-06-19 */
input[type="number"].width-2 {
    width: 75px; !important;    /* 必要な固定幅に調整 */
}
input.form-control.input_date.width-2 {
    width: 100px; !important;    /* 必要な固定幅に調整 */
}

/* 2025-06-25 */
.mb-1 {
    margin-bottom:15px;
}
.pt-0 {
    padding-top:0px;
}

/* 2025-08-01 */
@media print {
  [class*="col-"] {
    float: left !important;
    display: block !important;
  }

  /* col-lg-3 col-md-4 col-sm-6 col-xs-12 */
  .col-lg-3.col-md-4.col-sm-6.col-xs-12 {
    width: 25% !important; /* col-lg-3 基準 */
  }

  /* col-lg-12 col-md-12 col-sm-12 col-xs-12 */
  .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
    width: 100% !important;
  }
}

/* 2025-08-18 */
.inline-block {
  display: inline-block !important;
}

/* 2025-09-30 */
/* btn-gray: グレー系ボタン */
.btn-gray {
    color: #fff;                /* 文字色は白 */
    background-color: #6c757d;  /* 標準時の背景色 */
    border-color: #6c757d;      /* 標準時の枠線色 */
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
    color: #fff;
    background-color: #5a6268;  /* hover/active時は少し濃いグレー */
    border-color: #545b62;
}

.btn-gray.disabled,
.btn-gray[disabled],
fieldset[disabled] .btn-gray,
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover {
    background-color: #6c757d;
    border-color: #6c757d;
    opacity: 0.65;              /* 無効時は半透明 */
}