/* label and inputの幅を調整。行に並ぶ場合を想定。デフォルトだと幅ひろいので狭くする */
label {
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 15px;
    font-weight: normal !important;
    ;
}
/* radioのlabelには上記labelは適用しないようにするための対処 */
input[type="radio"]+label {
    margin-bottom: 0px;
    margin-top: 5px;
    ;
}

/* フォーカスを持つ <input> 要素を選択 */
.form-control:focus {
    background-color: #FFFACD;
    color:black;
}
/* inputのselect各Optionはbackgroundはwhiteとする */
select option {
    background: white;
}

/* autocomplete時の色を変更したい場合 */
/* input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
} */

.form-control {
    color: black;
}

/* disabled状態の際background-colorがdisabledの影響で変わってしまうためdisabledがある場合も指定 */
.css_underbar_style {
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-color: black;
    background-color: inherit;
    padding-left: 2px;
}
/* disabled状態の際background-colorがdisabledの影響で変わってしまうためdisabledがある場合も指定 */
.css_underbar_style:disabled {
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-color: black;
    background-color: inherit;
    /* bootstrapのcol-に見た目を合わせるための対応。padding-right:7.5px;padding-left:7.5px;とされるのでそれに見た目を合わせるためmargin-leftを7.5pxとしている(border-bottomも同時に動かしたいためmarginにしている) */
    margin-left: 7.5px;
    padding-right:7.5px;
    padding-left: 2px;
}

/* 年月タイプのCalendar入力を14chにする */
.custom_year_month {
    width: 14ch;
}
/* read-onlyでも背景色は普通にしておく */
.custom_year_month:read-only {
    background-color: white;
}
/* form-control:disabledと:read-onlyは同一cssのためdisabledはreadonly設定に上書きされてしまう。故、read-onlyとは別に設定 */
.custom_year_month:disabled {
    background-color: #e9ecef;
}
.custom_date {
    width: 18ch;
}
/* read-onlyでも背景色は普通にしておく */
.custom_date:read-only {
    background-color: white;
}
/* form-control:disabledと:read-onlyは同一cssのためdisabledはreadonly設定に上書きされてしまう。故、read-onlyとは別に設定 */
.custom_date:disabled {
    background-color: #e9ecef;
}