<style>

:root {
  /*=============================
	カスタムプロパティ
  ==============================*/
  --success-icon-color: #28a745; /* ファイルアップロード成功時アイコン色 */
  --error-icon-color: #dc3545; /* ファイルアップロード失敗時アイコン色 */
  --remove-icon-color: #6c757d; /* ファイルアップロード取消アイコン色 */
  --spinner-icon-color: #333333; /* ファイルアップロード待機中アイコン色 */
  --percentage-label-color: #333333; /* ファイルアップロード状況パーセンテージの文字色 */
  --file-size-label-color: #6c757d; /* ファイルサイズ文字色 */
  --file-button-disabled-background-color: rgba(51,51,51,0.57); /* ファイルアップロード数上限を超えた場合のファイル参照ボタンの文字色 */
  --file-button-disabled-color: white; /* ファイル参照ボタンの文字色 */
  --file-bold-link-color: #265164; /* アップロードファイル名の文字色 */
}

.success-icon {
    color:var(--success-icon-color);
}

.error-icon {
    color:var(--error-icon-color);
}

.remove-icon {
    color:var(--remove-icon-color);
}

.fa-spinner {
    color:var(--spinner-icon-color);
}

.percentage-label {
    color:var(--percentage-label-color);
}

.sp-form-file-size-label {
    color:var(--file-size-label-color);
}

.sp-form-file-button-disabled {
    background-color:var(--file-button-disabled-background-color) !important;
    color:var(--file-button-disabled-color) !important;
}

.sp-form-file-bold-link {
    text-decoration: none !important;
    color:var(--file-bold-link-color) !important;
    cursor: pointer;
    font-weight: bold;
}

</style>