@charset "UTF-8";

/** エラーメッセージ */
.documentupload-error-message {
    display: none;
}

/** モーダル描画時の影 */
div.modal-backdrop.fade.in {
    z-index: 11;
}

/** 「選任解任届出書向け注意書き」行、「ファイル形式」行、「ファイル選択」行、「添付ファイル」行 */
.documentupload-energymanager-caution,
.documentupload-file-type,
.documentupload-selected-file,
.documentupload-filelist {
    padding: 15px;
    margin: 0px;
    display: flex;
    align-items: center;
}

/** 「ファイル形式」および「ファイル選択」ラベル */
.documentupload-file-type .col-xs-3 div,
.documentupload-selected-file .col-xs-3 div {
    font-weight: bolder;
    color: rgba(0, 0, 0, 0.54);
}

/** 「選任解任届出書向け注意書き」行 */
.documentupload-energymanager-caution {
    color: red;
}

/** 「添付ファイル」行のヘッダー列 */
.documentupload-filelist-label {
    padding-left: 15px;
    width: 30%;
}

/** 「新規アップロード」ボタンの描画領域 */
#docUpload > div > div > div.modal-body > div > div.row.documentupload-file-type > div.col.col-xs-6 {
    text-align: right;
}

/** 「添付ファイル」行のファイル名列 */
.documentupload-filelist-filename {
    width: 75%;
}

/** 「添付ファイル」行のバツボタン列 */
.documentupload-filelist-delete {
    text-align: right;
}
.documentupload-filelist-delete:hover {
    cursor: pointer;
}

/** 新規アップロード」ボタン */
#documentuploadUploadButton {
    background-color: #00BCD4;
    color: white;
    margin: 5px 0px;
}

/** 「閉じる」ボタン */
#documentuploadCloseButton {
    background-color: #00BCD4;
    color: white;
    margin: 5px 0px;
}

/** 「新規アップロード」ボタン */
#documentuploadUploadButton {
    font-size: 16px;
}

/** ファイルの種類セレクトボックス */
#documentuploadFileTypes {
    font-weight: normal;
}

/** 入力形式セレクトボックス */
#documentuploadReportForms {
    font-weight: normal;
}

/** 添付資料一覧 */ 
#docUpload > div.modal-dialog.modal-lg > div > div.modal-body > div > div.row.documentupload-filelist > table {
    display: flex;
    max-height: 60vH;
    flex-direction: column;
}
#docUpload > div.modal-dialog.modal-lg > div > div.modal-body > div > div.row.documentupload-filelist > table > tbody {
    flex: 1;
    overflow: auto;
}

/** ファイル選択ボタン表示領域 */
.input-type-file-button {
    width: 370px;
}

/** ファイル選択ボタンのCSS  */
.input-type-file-button::file-selector-button {
    background-color: #00BCD4;
    color: #FFF;
    min-width: 100px;
    font-size: 13px;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    padding: 5px 12px;
    border: none;
    border-radius: 2px;
    border-color: transparent;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    background-image: none;
    margin-right: 7px;
    margin-bottom: 7px;
}

/** ボタンタイプのデフォルトスタイルを上書きする */
#tab-documentupload .documentupload button {
    background: none;
    border: none;
}