body {
    background-color: var(--contentsbase);
}

.report-edit-title {
    font-weight: 600;
    font-size: 18px;
}

/* 作業項目の編集エリア：時間 */
.report_edit_work_time {
    padding-bottom: 0;
    padding-top: 0;
    padding-right: 0;
}

/* 作業項目の編集エリア：作業 */
.report_edit_work_item_time {
    display: flex;
}

/* 作業項目の編集エリア：実数と実時間 */
.report_edit_work_item_actual {
    display: flex;
}

/* 「期間を選択」の背景色指定 */
input.form-control[readonly] {
    background-color: var(--table-background-color);
}

/* 「実行」プルダウンのサイズ */
select.report-list-pulldown {
    width: 80%;
}

/* 罫線の調整 */
hr.report_edit_border {
    margin-top: 2px;
}

/* 
    業務日報宛先入力マルチセレクト関連
    ・作成ダイアログ
    ・サイドフレーム
    ・詳細画面
    ・テンプレート新規作成ダイアログ
    ・テンプレート編集画面
*/
#multiautocomplate_report_edit_dialog_address,
#multiautocomplate_report_edit_slide_address,
#multiautocomplate_report_edit_address,
#multiautocomplate_template_new_dialog_address,
#multiautocomplate_report_template_edit_address {
    box-shadow: none;
}

#multiautocomplate_report_edit_dialog_address div.wj-token img {
    vertical-align: middle;
}

/* 入力要素 アイコンの追加によるちらつきを抑えるための措置 */
#multiautocomplate_report_edit_dialog_address .wj-token-label,
#multiautocomplate_report_edit_slide_address .wj-token-label,
#multiautocomplate_report_edit_address .wj-token-label,
#multiautocomplate_template_new_dialog_address .wj-token-label,
#multiautocomplate_report_template_edit_address .wj-token-label {
    margin-left: 32px;
}

#multiautocomplate_report_edit_dialog_address .wj-token-label.hasIcon,
#multiautocomplate_report_edit_slide_address .wj-token-label.hasIcon,
#multiautocomplate_report_edit_address .wj-token-label.hasIcon,
#multiautocomplate_template_new_dialog_address .wj-token-label.hasIcon,
#multiautocomplate_report_template_edit_address .wj-token-label.hasIcon {
    margin-left: 0;
}

/* 入力要素のアイコン */
.wj-token img.to_user_icon {
    width: 24px;
    height: 24px;
    margin: 4px 0 4px 8px;
}

#multiautocomplate_report_edit_dialog_address_dropdown .wj-listbox-item,
#multiautocomplate_report_edit_slide_address_dropdown .wj-listbox-item,
#multiautocomplate_report_edit_address_dropdown .wj-listbox-item,
#multiautocomplate_template_new_dialog_address_dropdown .wj-listbox-item,
#multiautocomplate_report_template_edit_address_dropdown .wj-listbox-item {
    padding: 8px 0 8px 10px;
}

/* ドロップダウンリスト
    水平方向スクロールバー表示を防ぐための措置
*/
#multiautocomplate_report_edit_dialog_address_dropdown .wj-listbox-item > div,
#multiautocomplate_report_edit_slide_address_dropdown .wj-listbox-item > div,
#multiautocomplate_report_edit_address_dropdown .wj-listbox-item > div,
#multiautocomplate_template_new_dialog_address_dropdown .wj-listbox-item > div,
#multiautocomplate_report_template_edit_address_dropdown
    .wj-listbox-item
    > div {
    margin: 0;
}

.wj-listbox-item .user_icon_box {
    width: 50px;
}

.wj-listbox-item .user_icon_box img {
    width: 30px;
    height: 30px;
}

.wj-listbox-item .name_mail_box {
    width: calc(100% - 90px);
}

.wj-listbox-item .name_mail_box .item_user_name {
    font-size: 14px;
    line-height: 1.2;
}

.wj-listbox-item .name_mail_box .item_mail_address {
    font-size: 12px;
    line-height: 1.2;
}

/* サイドフレーム・詳細画面の宛先表示（略式） */
#report_edit_slide_address img,
#report_edit_address img,
#report_template_edit_address img {
    width: 24px;
    height: 24px;
    margin: 0 4px 4px 0;
}