diff --git a/.env b/.env
index 855cd06..a35b9f8 100644
--- a/.env
+++ b/.env
@@ -2,7 +2,7 @@ APP_NAME=so-manager
APP_ENV=local
APP_KEY=base64:ejLwJbt2bEXY9emPUmsurG+X1hzkjTxQQvq2/FO14RY=
APP_DEBUG=true
-APP_URL=https://so-manager-dev.com/
+APP_URL=https://main-higashide.so-manager-dev.com/
APP_LOCALE=ja
APP_FALLBACK_LOCALE=ja
diff --git a/.gitea/workflows/deploy-preview.yml b/.gitea/workflows/deploy-preview.yml
new file mode 100644
index 0000000..8f38e5d
--- /dev/null
+++ b/.gitea/workflows/deploy-preview.yml
@@ -0,0 +1,20 @@
+name: Deploy preview (main_higashide)
+
+on:
+ push:
+ branches: ["main_higashide"]
+ workflow_dispatch:
+
+concurrency:
+ group: deploy-main_higashide
+ cancel-in-progress: true
+
+jobs:
+ deploy:
+ runs-on: ["native"]
+ steps:
+ - uses: actions/checkout@v4
+ - name: Deploy to preview (main_higashide)
+ env:
+ BRANCH: main_higashide
+ run: /usr/local/bin/deploy_branch_simple.sh
\ No newline at end of file
diff --git a/.gitea/workflows/deploy.yml b/.gitea/workflows/deploy.yml
deleted file mode 100644
index c6f2c84..0000000
--- a/.gitea/workflows/deploy.yml
+++ /dev/null
@@ -1,14 +0,0 @@
-name: Deploy so-manager (auto)
-
-on:
- push:
- branches: [ "main" ]
- workflow_dispatch:
-
-jobs:
- deploy:
- runs-on: [ "native" ]
- steps:
- - uses: actions/checkout@v4
- - name: Deploy to server
- run: /usr/local/bin/deploy_so.sh
diff --git a/app/Http/Controllers/ReceiptController.php b/app/Http/Controllers/ReceiptController.php
new file mode 100644
index 0000000..dfe5fa4
--- /dev/null
+++ b/app/Http/Controllers/ReceiptController.php
@@ -0,0 +1,117 @@
+where('user_id', $user_id)->first();
+
+ return view('receipt.input', [
+ 'user_name' => $user ? $user->user_name : '', // ユーザー名(ヘッダー用)
+ 'contract_id' => $contract_id
+ ]);
+ }
+
+ // 領収書発行(入力内容の保存)
+ public function issue(Request $request, $contract_id)
+ {
+ $user_id = session('user_id');
+ if (!$user_id) {
+ return redirect('/login');
+ }
+
+ $receipt_name = $request->input('receipt_name');
+ $keisho = $request->input('keisho');
+
+ // 既存レコードチェック
+ $exists = DB::table('inv_publish')->where('contract_id', $contract_id)->exists();
+ if ($exists) {
+ // エラー時はinput画面に戻し、メッセージ表示
+ return redirect()->back()->withInput()->withErrors(['contract_id' => 'この契約の領収書は既に発行されています。契約履歴から再発行を行ってください。']);
+ }
+
+ // inv_publishテーブルに新規登録(insert)
+ $inv_name = $receipt_name . $keisho;
+ $now = date('Y-m-d H:i:s');
+ $seq = DB::table('inv_publish')->max('seq') ?? 0;
+ $seq = $seq + 1;
+ DB::table('inv_publish')->insert([
+ 'seq' => $seq,
+ 'user_id' => $user_id,
+ 'contract_id' => $contract_id,
+ 'inv_name' => $inv_name,
+ 'published_at' => date('Y-m-d'),
+ 'type' => 0,
+ 'count' => 1,
+ 'created_at' => $now,
+ 'updated_at' => null,
+ ]);
+
+ // 完了後はdownloadメソッドを直接呼び出し(再発行フラグfalseで渡す)
+ $is_reissue = false;
+ return $this->download($contract_id, $is_reissue);
+ }
+
+
+
+ public function download($contract_id, $is_reissue = true)
+ {
+ // 必要なデータを取得
+ $contract = DB::table('regular_contract')->where('contract_id', $contract_id)->first();
+ $inv = DB::table('inv_publish')->where('contract_id', $contract_id)->first();
+ $t_number = DB::table('inv_setting')->value('t_number');
+
+ // park_name取得(regular_contract.park_id=park.park_id)
+ $park_name = '';
+ if ($contract && $contract->park_id) {
+ $park = DB::table('park')->where('park_id', $contract->park_id)->first();
+ if ($park && $park->park_name) {
+ $park_name = $park->park_name;
+ }
+ }
+
+ // BladeテンプレートをHTMLにレンダリング
+ $html = view('receipt.pdf', [
+ 'contract' => $contract,
+ 'inv' => $inv,
+ 't_number' => $t_number,
+ 'park_name' => $park_name,
+ 'is_reissue' => $is_reissue,
+ ])->render();
+
+ // mPDF最新版(autoload対応)
+ $mpdf = new \Mpdf\Mpdf([
+ 'mode' => 'ja',
+ 'format' => 'A4',
+ 'custom_font_dir' => resource_path('fonts'),
+ 'custom_font_data' => [
+ 'noto_sans_jp' => [
+ 'R' => 'NotoSansJP-Regular.ttf', // 通常フォント
+ 'B' => 'NotoSansJP-Bold.ttf', // 太字フォント
+ ]
+ ],
+ 'default_font' => 'noto_sans_jp',
+ ]);
+
+
+ $mpdf->WriteHTML($html);
+
+ // PDFダウンロード
+ return response($mpdf->Output('receipt_' . $contract_id . '.pdf', 'S'))
+ ->header('Content-Type', 'application/pdf')
+ ->header('Content-Disposition', 'attachment; filename="receipt_' . $contract_id . '.pdf"');
+ }
+}
diff --git a/app/Http/Controllers/RegularContractController.php b/app/Http/Controllers/RegularContractController.php
new file mode 100644
index 0000000..50fa7c1
--- /dev/null
+++ b/app/Http/Controllers/RegularContractController.php
@@ -0,0 +1,209 @@
+where('user_id', $user_id)->value('user_name');
+
+ $today = date('Y-m-d');
+ // 定期契約情報を取得(park/usertype/psection/ptypeテーブルもJOIN)
+ $contracts = DB::table('regular_contract')
+ ->join('park', 'regular_contract.park_id', '=', 'park.park_id')
+ ->join('usertype', 'regular_contract.user_categoryid', '=', 'usertype.user_categoryid')
+ ->leftJoin('city', 'park.city_id', '=', 'city.city_id')
+ ->leftJoin('psection', 'regular_contract.psection_id', '=', 'psection.psection_id')
+ ->leftJoin('ptype', 'regular_contract.ptype_id', '=', 'ptype.ptype_id')
+ ->where('regular_contract.user_id', $user_id)
+ ->where('regular_contract.contract_flag', 1)
+ ->where('regular_contract.contract_cancel_flag', 0)
+ ->where(function ($query) use ($today) {
+ $query->where('regular_contract.contract_periode', '>', $today)
+ ->orWhere(function ($q) use ($today) {
+ $q->where('regular_contract.contract_periode', '<=', $today)
+ ->whereRaw('DATEDIFF(?, regular_contract.contract_periode) <= 5', [$today]);
+ });
+ })
+ ->select(
+ 'regular_contract.contract_id',
+ 'park.park_name',
+ 'usertype.usertype_subject1',
+ 'regular_contract.contract_periods',
+ 'regular_contract.contract_periode',
+ 'regular_contract.enable_months',
+ 'regular_contract.contract_renewal',
+ 'regular_contract.park_id',
+ 'city.update_grace_period_start_date',
+ 'city.update_grace_period_start_time',
+ 'city.update_grace_period_end_date',
+ 'city.update_grace_period_end_time',
+ 'psection.psection_subject',
+ 'ptype.ptype_subject',
+ 'regular_contract.pplace_no'
+ )
+ ->get();
+
+ return view('regular_contract.info', [
+ 'active_menu' => 'SWC-3-1', // マイページメニューの選択状態用
+ 'user_name' => $user_name, // ユーザー名(ヘッダー用)
+ 'contracts' => $contracts,
+ ]);
+ }
+
+ public function update($contract_id)
+ {
+ $user_id = session('user_id');
+ if (!$user_id) {
+ return redirect('/login');
+ }
+
+ // 元契約データ取得
+ $old_contract = DB::table('regular_contract')->where('contract_id', $contract_id)->first();
+
+ // 新規レコード作成(必要な項目を元契約データから引き継ぐ)
+ $new_contract_id = DB::table('regular_contract')->insertGetId([
+ 'old_contract_id' => $old_contract->contract_id,
+ 'user_id' => $old_contract->user_id,
+ 'user_categoryid' => $old_contract->user_categoryid,
+ 'created_at' => now(),
+ 'updated_at' => now(),
+ 'park_id' => $old_contract->park_id,
+ 'price_parkplaceid' => $old_contract->price_parkplaceid,
+ 'user_securitynum' => $old_contract->user_securitynum,
+ 'contract_created_at' => now(),
+ 'contract_reduction' => $old_contract->contract_reduction,
+ 'update_flag' => 1,
+ 'contract_cancel_flag' => 0,
+ '800m_flag' => 0,
+ 'psection_id' => $old_contract->psection_id,
+ 'zone_id' => $old_contract->zone_id,
+ 'pplace_no' => $old_contract->pplace_no
+ ]);
+
+ // contract_qr_id生成(AES-256-CBC暗号化)
+ $key = "LJLASR4FAS34SAADFA72ASDFALLSDRGT";
+ $iv = substr(hash('sha256', $key), 0, 16); // IVは16バイト
+ $encrypted = openssl_encrypt($new_contract_id, 'AES-256-CBC', $key, 0, $iv);
+
+ // contract_qr_idを更新
+ DB::table('regular_contract')->where('contract_id', $new_contract_id)->update([
+ 'contract_qr_id' => $encrypted
+ ]);
+
+ // 完了後の遷移
+ return redirect()->route('regular_contract.confirm_category', ['contract_id' => $new_contract_id]);
+ }
+
+ public function confirmCategory($contract_id)
+ {
+ $user_id = session('user_id');
+ if (!$user_id) {
+ return redirect('/login');
+ }
+ $user = DB::table('user')->where('user_id', $user_id)->first();
+
+ // regular_contractとparkをJOINしてsecurityreg_display_flagを取得
+ $contract = DB::table('regular_contract')
+ ->join('park', 'regular_contract.park_id', '=', 'park.park_id')
+ ->where('regular_contract.contract_id', $contract_id)
+ ->select('regular_contract.*', 'park.securityreg_display_flag')
+ ->first();
+
+ return view('regular_contract.confirm_category', [
+ 'active_menu' => 'SWC-4-3', // マイページメニューの選択状態用
+ 'user_name' => $user ? $user->user_name : '', // ユーザー名(ヘッダー用)
+ 'user' => $user,
+ 'contract' => $contract
+ ]);
+ }
+
+
+ /**
+ * 契約区分確認画面の「確認して進む」ボタン押下時の分岐処理
+ * 本人確認書類アップロード画面 or 利用期間選択画面へ遷移
+ *
+ * 分岐条件は下記の通り:
+ * 1. 利用者分類(一般/学生):user.user_categoryid=usertype.user_categoryidのusertype_subject1で判別
+ * 2. 利用者分類(減免/減免でない):regular_contract.contract_reduction=1なら減免
+ * 3. 駐輪場マスタの設定(減免確認種別):reduction_confirm.reduction_confirm_type(0=確認しない,1=年1回,2=毎更新時)
+ * 4. 駐輪場マスタの設定(年度跨ぎ):park.overyear_flag(0/NULL=年跨ぎなし,1=年跨ぎあり)
+ * 5. 駐輪場マスタの設定(学生証確認種別):park.student_id_confirm_type(0=確認しない,1=年1回,2=毎更新時)
+ * 6. 契約期間に4/1が含まれる場合は年度跨ぎ判定に利用
+ * 7. ユーザー区分が「学生」の場合のみ、契約終了日が卒業年月日を超える場合も本人確認書類アップロード画面へ
+ */
+ public function confirmCategoryNext($contract_id)
+ {
+ $user_id = session('user_id');
+ if (!$user_id) {
+ return redirect('/login');
+ }
+ // 契約情報取得
+ $contract = DB::table('regular_contract')->where('contract_id', $contract_id)->first();
+ if (!$contract) {
+ return redirect()->back()->with('error', '契約情報が見つかりません');
+ }
+ // ユーザー情報取得
+ $user = DB::table('user')->where('user_id', $user_id)->first();
+ // ユーザー区分取得
+ $usertype = DB::table('usertype')->where('user_categoryid', $user->user_categoryid)->first();
+ // 駐輪場情報取得
+ $park = DB::table('park')->where('park_id', $contract->park_id)->first();
+ // 減免確認種別取得
+ $reduction_confirm = DB::table('reduction_confirm')
+ ->where('park_id', $contract->park_id)
+ ->where('user_categoryid', $contract->user_categoryid)
+ ->first();
+
+ // 分岐条件
+ $reduction_confirm_type = isset($reduction_confirm) ? $reduction_confirm->reduction_confirm_type : 0;
+ $student_id_confirm_type = isset($park) ? $park->student_id_confirm_type : 0;
+ $overyear_flag = isset($park) ? $park->overyear_flag : 0;
+
+ // 契約期間に4/1が含まれるか判定
+ $contract_start = new \DateTime($contract->contract_periods);
+ $contract_end = new \DateTime($contract->contract_periode);
+ // 4/1の年は契約開始年
+ $april_first = new \DateTime($contract_start->format('Y') . '-04-01');
+ // 契約終了日が4/1より前なら翌年の4/1も考慮
+ if ($contract_end < $april_first) {
+ $april_first->modify('+1 year');
+ }
+ $includes_april_first = ($contract_start <= $april_first && $contract_end >= $april_first);
+
+ // ユーザー区分が「学生」の場合のみ卒業年月日判定
+ $exceeds_graduation = false;
+ if (isset($usertype) && $usertype->usertype_subject1 === '学生') {
+ $graduation_date = isset($user) ? $user->user_graduate : null;
+ if ($graduation_date) {
+ $graduation_dt = new \DateTime($graduation_date);
+ $exceeds_graduation = ($contract_end > $graduation_dt);
+ }
+ }
+
+ // 本人確認書類アップロード画面へ遷移する条件
+ // 1. reduction_confirm_typeが1(年1回)または2(毎更新時)
+ // 2. student_id_confirm_typeが1(年1回)または2(毎更新時)
+ // 3. 年度跨ぎ(overyear_flag=1以外)かつ契約期間に4/1が含まれる場合
+ if (
+ in_array($reduction_confirm_type, [1, 2]) ||
+ in_array($student_id_confirm_type, [1, 2]) ||
+ ($overyear_flag != 1 && $includes_april_first) ||
+ $exceeds_graduation
+ ) {
+ // 本人確認書類アップロード画面へ
+ return redirect()->route('regular_contract.upload_identity', ['contract_id' => $contract_id]);
+ } else {
+ // 利用期間選択画面へ
+ return redirect()->route('regular_contract.select_period', ['contract_id' => $contract_id]);
+ }
+ }
+}
diff --git a/app/Http/Controllers/UserEditConfirmController.php b/app/Http/Controllers/UserEditConfirmController.php
new file mode 100644
index 0000000..fdc189b
--- /dev/null
+++ b/app/Http/Controllers/UserEditConfirmController.php
@@ -0,0 +1,217 @@
+where('user_id', $user_id)->first();
+ if (!$user) {
+ return redirect('/login');
+ }
+
+ // 直前のPOST値をold()やsession()->get('_old_input')で取得
+ $input = session()->get('_old_input', []);
+
+ return view('user.confirm', [
+ 'user' => $user,
+ 'input' => $input,
+ 'active_menu' => 'SWC-1-1', // マイページメニューの選択状態用
+ 'user_name' => $user ? $user->user_name : '', // ユーザー名(ヘッダー用)
+ ]);
+ }
+
+ public function confirm(Request $request)
+ {
+ $user_id = session('user_id');
+ if (!$user_id) {
+ return redirect('/login');
+ }
+ $user = DB::table('user')->where('user_id', $user_id)->first();
+ if (!$user) {
+ return redirect('/login');
+ }
+
+ // 本人確認書類画像が画像ファイルかチェック
+ $rules = [
+ 'photo_filename1' => 'nullable|file|image',
+ 'photo_filename2' => 'nullable|file|image',
+ ];
+ $messages = [
+ 'photo_filename1.image' => '本人確認書類(おもて)は画像ファイルを選択してください。',
+ 'photo_filename2.image' => '本人確認書類(ウラ)は画像ファイルを選択してください。',
+ ];
+ $this->validate($request, $rules, $messages);
+
+ $input = $request->all();
+
+ // ファイル保存処理(編集画面→確認画面POST時のみ)
+ if ($request->hasFile('photo_filename1') && $request->file('photo_filename1')->isValid()) {
+ $file1 = $request->file('photo_filename1');
+ $filename1 = uniqid('photo1_') . '.' . $file1->getClientOriginalExtension();
+ $file1->storeAs('photo', $filename1, 'public');
+ $input['photo_filename1'] = $filename1;
+ }
+ if ($request->hasFile('photo_filename2') && $request->file('photo_filename2')->isValid()) {
+ $file2 = $request->file('photo_filename2');
+ $filename2 = uniqid('photo2_') . '.' . $file2->getClientOriginalExtension();
+ $file2->storeAs('photo', $filename2, 'public');
+ $input['photo_filename2'] = $filename2;
+ }
+
+ \Log::info('ユーザー情報編集確認画面にアクセス', [
+ 'user_id' => $user_id,
+ ]);
+
+ return view('user.confirm', [
+ 'user' => $user,
+ 'input' => $input,
+ 'active_menu' => 'SWC-1-1', // マイページメニューの選択状態用
+ 'user_name' => $user ? $user->user_name : '', // ユーザー名(ヘッダー用)
+ ]);
+ }
+
+ // 入力内容確認画面から「変更を確定する」ボタン押下時
+ public function submit(Request $request)
+ {
+ $user_id = session('user_id');
+ if (!$user_id) {
+ return redirect('/login');
+ }
+ $user = DB::table('user')->where('user_id', $user_id)->first();
+ if (!$user) {
+ return redirect('/login');
+ }
+
+ $token = Str::random(64);
+ $changeData = $request->except(['_token']);
+ $changeData['user_id'] = $user_id;
+
+ // 本人確認書類画像アップロード処理
+ if ($request->hasFile('photo_filename1') && $request->file('photo_filename1')->isValid()) {
+ $file1 = $request->file('photo_filename1');
+ $filename1 = uniqid('photo1_') . '.' . $file1->getClientOriginalExtension();
+ $file1->storeAs('photo', $filename1, 'public');
+ $changeData['photo_filename1'] = $filename1;
+ }
+ if ($request->hasFile('photo_filename2') && $request->file('photo_filename2')->isValid()) {
+ $file2 = $request->file('photo_filename2');
+ $filename2 = uniqid('photo2_') . '.' . $file2->getClientOriginalExtension();
+ $file2->storeAs('photo', $filename2, 'public');
+ $changeData['photo_filename2'] = $filename2;
+ }
+
+ Cache::put('change_request_' . $token, $changeData, now()->addDay());
+
+ $verifyUrl = route('user.edit.verify', ['token' => $token]);
+
+ // Mailableでメール送信
+ Mail::to($changeData['user_primemail'])->send(new UserEditVerifyMail($verifyUrl, $user));
+
+ \Log::info('ユーザー情報変更メール送信完了画面にアクセス', [
+ 'user_id' => $user_id,
+ ]);
+
+ return view('user.mail_sent', [
+ 'active_menu' => 'SWC-1-1', // マイページメニューの選択状態用
+ 'user_name' => $user ? $user->user_name : '', // ユーザー名(ヘッダー用)
+ ]);
+ }
+
+ // 認証URLクリック時(変更確定処理)
+ public function verify(Request $request)
+ {
+ $token = $request->query('token');
+ $changeData = Cache::get('change_request_' . $token);
+
+ if (!$changeData) {
+ return redirect()->route('user.edit')->withErrors(['register_expired' => '登録期間が過ぎています。もう一度登録してください。']);
+ }
+
+ // 変更内容をDBに保存(userテーブル更新)
+ // 更新データ生成(photo_filename1, photo_filename2, user_passは入力時のみ追加)
+ $updateData = [
+ 'user_gender' => $changeData['user_gender'] ?? null,
+ 'user_regident_zip' => $changeData['user_regident_zip_1'] . $changeData['user_regident_zip_2'],
+ 'user_regident_pre' => $changeData['user_regident_pre'],
+ 'user_regident_city' => $changeData['user_regident_city'],
+ 'user_regident_add' => $changeData['user_regident_add'],
+ 'user_birthdate' => $changeData['user_birthdate'],
+ 'user_age' => $changeData['user_age'],
+ 'user_homephone' => implode('-', $changeData['user_homephone'] ?? []),
+ 'user_mobile' => implode('-', $changeData['user_mobile'] ?? []),
+ 'user_primemail' => $changeData['user_primemail'],
+ 'user_submail' => $changeData['user_submail'],
+ // 利用者区分(user_categoryid)をusertypeテーブルから取得して登録
+ // 画面からはuser_category(一般/学生)が渡ってくる
+ 'user_categoryid' => self::getUserCategoryId($changeData['user_category'] ?? null),
+ 'user_workplace' => $changeData['user_workplace'] ?? null,
+ 'user_school' => $changeData['user_school'] ?? null,
+ 'user_graduate' => $changeData['user_graduate'] ?? null,
+ 'user_relate_zip' => $changeData['user_relate_zip_1'] . $changeData['user_relate_zip_2'],
+ 'user_relate_pre' => $changeData['user_relate_pre'],
+ 'user_relate_city' => $changeData['user_relate_city'],
+ 'user_relate_add' => $changeData['user_relate_add'],
+ 'updated_at' => now(), //
+ ];
+ if (!empty($changeData['photo_filename1'])) {
+ $updateData['photo_filename1'] = $changeData['photo_filename1'];
+ }
+ if (!empty($changeData['photo_filename2'])) {
+ $updateData['photo_filename2'] = $changeData['photo_filename2'];
+ }
+ if (!empty($changeData['user_pass'])) {
+ $updateData['user_pass'] = self::customPasswordHash($changeData['user_pass'], $changeData['user_id']);
+ }
+ DB::table('user')
+ ->where('user_id', $changeData['user_id'])
+ ->update($updateData);
+
+ // キャッシュ削除
+ Cache::forget('change_request_' . $token);
+
+ // 完了画面へ(ユーザー情報確認画面にリダイレクトし、成功メッセージ表示)
+ return redirect()->route('user.info')->with('success', '更新に成功しました。');
+ }
+
+ /**
+ * 利用者区分の文言(一般/学生)からuser_categoryidを取得
+ */
+ private static function getUserCategoryId($categoryName)
+ {
+ if (!$categoryName) return null;
+ $row = DB::table('usertype')->where('usertype_subject1', $categoryName)->first();
+ return $row ? $row->user_categoryid : null;
+ }
+
+ /**
+ * パスワードをSHA256→SALT連結→25回ストレッチでハッシュ化
+ */
+ private static function customPasswordHash($password, $user_id)
+ {
+ $salt = $user_id . 'SOMSALT';
+ $hash = hash('sha256', $password);
+ $hash .= $salt;
+ for ($i = 0; $i < 25; $i++) {
+ $hash = hash('sha256', $hash);
+ }
+ return $hash;
+ }
+}
diff --git a/app/Http/Controllers/UserEditController.php b/app/Http/Controllers/UserEditController.php
new file mode 100644
index 0000000..0b3bc8c
--- /dev/null
+++ b/app/Http/Controllers/UserEditController.php
@@ -0,0 +1,383 @@
+where('user_id', $user_id)->first();
+
+ // 利用者区分をusertypeテーブルから取得
+ $user_category = '';
+ if (isset($user->user_categoryid)) {
+ $usertype = DB::table('usertype')
+ ->where('user_categoryid', $user->user_categoryid)
+ ->first();
+ if ($usertype && isset($usertype->usertype_subject1)) {
+ $user_category = $usertype->usertype_subject1;
+ }
+ }
+
+ // 契約・更新期間判定
+ $contract = DB::table('regular_contract')
+ ->join('park', 'regular_contract.park_id', '=', 'park.park_id')
+ ->where('regular_contract.user_id', $user->user_id)
+ ->where('regular_contract.contract_flag', 1)
+ ->first();
+
+ $today = date('Y-m-d');
+ $current_time = date('H:i');
+ $is_update_period = true; // デフォルトは編集可能
+ $in_contract_period = false;
+
+ if ($contract) {
+ $contract_periods = str_replace('/', '-', $contract->contract_periods);
+ $contract_periode = str_replace('/', '-', $contract->contract_periode);
+ $contract_periods_month = date('Y-m', strtotime($contract_periods));
+ $contract_periode_month = date('Y-m', strtotime($contract_periode));
+ $current_month = date('Y-m');
+ // 契約月が今月の場合
+ if ($contract_periods_month === $current_month && $contract_periode_month === $current_month && $contract->contract_flag == 1) {
+ $in_contract_period = true;
+ $is_update_period = false; // 編集不可
+ } else if (strtotime($today) >= strtotime($contract_periods) && strtotime($today) <= strtotime($contract_periode)) {
+ $in_contract_period = true;
+ $is_update_period = false; // 編集不可
+ }
+ }
+ if ($contract && !$in_contract_period) {
+ $city = DB::table('city')->where('city_id', $contract->city_id)->first();
+ if ($city) {
+ $contract_year = date('Y', strtotime($contract_periode));
+ $contract_month = date('m', strtotime($contract_periode));
+ $today_year = date('Y');
+ $today_month = date('m');
+ $today_day = date('d');
+ $start_day = (int)$city->update_grace_period_start_date;
+ $end_day = (int)$city->update_grace_period_end_date;
+ $start_time = $city->update_grace_period_start_time ?? '00:00';
+ $end_time = $city->update_grace_period_end_time ?? '23:59';
+ $today_time = date('H:i');
+ $in_grace = false;
+
+ // 契約終了月のみ猶予期間判定
+ if ((int)$today_year === (int)$contract_year) {
+ // 開始日 < 終了日:契約終了月の開始日~終了日
+ if ($start_day < $end_day && (int)$today_month === (int)$contract_month) {
+ $start_datetime = $contract_year . '-' . $contract_month . '-' . sprintf('%02d', $start_day) . ' ' . $start_time;
+ $end_datetime = $contract_year . '-' . $contract_month . '-' . sprintf('%02d', $end_day) . ' ' . $end_time;
+ $today_datetime = date('Y-m-d') . ' ' . $today_time;
+ if (strtotime($today_datetime) >= strtotime($start_datetime) && strtotime($today_datetime) <= strtotime($end_datetime)) {
+ $in_grace = true;
+ }
+ }
+ // 開始日 > 終了日:契約終了月の開始日~翌月の終了日
+ if ($start_day > $end_day && (int)$today_month === (int)$contract_month) {
+ $start_datetime = $contract_year . '-' . $contract_month . '-' . sprintf('%02d', $start_day) . ' ' . $start_time;
+ $end_year = date('Y', strtotime($contract_periode . ' +1 month'));
+ $end_month = date('m', strtotime($contract_periode . ' +1 month'));
+ $end_datetime = $end_year . '-' . $end_month . '-' . sprintf('%02d', $end_day) . ' ' . $end_time;
+ $today_datetime = date('Y-m-d') . ' ' . $today_time;
+ if (strtotime($today_datetime) >= strtotime($start_datetime) && strtotime($today_datetime) <= strtotime($end_datetime)) {
+ $in_grace = true;
+ }
+ }
+ // 開始日 > 終了日:契約終了月の翌月の終了日(翌月分)
+ if ($start_day > $end_day && (int)$today_month === (int)date('m', strtotime($contract_periode . ' +1 month'))) {
+ $end_year = date('Y', strtotime($contract_periode . ' +1 month'));
+ $end_month = date('m', strtotime($contract_periode . ' +1 month'));
+ $end_datetime = $end_year . '-' . $end_month . '-' . sprintf('%02d', $end_day) . ' ' . $end_time;
+ $today_datetime = date('Y-m-d') . ' ' . $today_time;
+ if (strtotime($today_datetime) <= strtotime($end_datetime)) {
+ $in_grace = true;
+ }
+ }
+ }
+ if ($in_grace) {
+ $is_update_period = false; // 猶予期間も編集不可
+ }
+ }
+ }
+
+ // 必要なら値分解(電話番号・住所等)
+ $user->user_homephone = explode('-', $user->user_homephone ?? '');
+ $user->user_mobile = explode('-', $user->user_mobile ?? '');
+ $user->user_regident_zip_1 = substr($user->user_regident_zip ?? '', 0, 3);
+ $user->user_regident_zip_2 = substr($user->user_regident_zip ?? '', 3, 4);
+ $user->user_relate_zip_1 = substr($user->user_relate_zip ?? '', 0, 3);
+ $user->user_relate_zip_2 = substr($user->user_relate_zip ?? '', 3, 4);
+
+ \Log::info('ユーザー情報編集画面にアクセス', [
+ 'user_id' => $user_id,
+ ]);
+
+ return view('user.edit', [
+ 'user' => $user,
+ 'user_category' => $user_category,
+ 'is_update_period' => $is_update_period,
+ 'in_contract_period' => $in_contract_period,
+ 'active_menu' => 'SWC-1-1', // マイページメニューの選択状態用
+ 'user_name' => $user ? $user->user_name : '', // ユーザー名(ヘッダー用)
+ ]);
+ }
+
+ // 編集内容保存
+ public function update(Request $request)
+ {
+
+ $user_id = session('user_id');
+ if (!$user_id) {
+ return redirect('/login');
+ }
+ $user = DB::table('user')->where('user_id', $user_id)->first();
+
+ // バリデーションルール
+ $rules = [
+ 'user_gender' => ['nullable', Rule::in(['男性', '女性'])],
+ 'user_regident_zip_1' => 'nullable|digits:3',
+ 'user_regident_zip_2' => 'nullable|digits:4',
+ 'user_regident_pre' => 'nullable|string|max:5',
+ 'user_regident_city' => 'nullable|string|max:20',
+ 'user_regident_add' => 'nullable|string|max:50',
+ 'user_birthdate' => 'nullable|date',
+ 'user_homephone.*' => 'nullable|digits_between:1,5',
+ 'user_mobile.*' => 'nullable|digits_between:1,5',
+ 'user_primemail' => 'required|email',
+ 'user_primemail_confirmation' => 'required|same:user_primemail',
+ 'user_submail' => 'nullable|email|different:user_primemail',
+ 'user_category' => ['required', Rule::in(['一般', '学生'])],
+ 'user_workplace' => 'nullable|string|max:50',
+ 'user_school' => 'nullable|string|max:50',
+ 'user_graduate' => 'nullable|date',
+ 'user_relate_zip_1' => 'nullable|digits:3',
+ 'user_relate_zip_2' => 'nullable|digits:4',
+ 'user_relate_pre' => 'nullable|string|max:5',
+ 'user_relate_city' => 'nullable|string|max:20',
+ 'user_relate_add' => 'nullable|string|max:50',
+ 'photo_filename1' => 'nullable|image|max:4096',
+ 'photo_filename2' => 'nullable|image|max:4096',
+ 'user_pass_new' => [
+ 'nullable',
+ 'string',
+ 'min:8',
+ 'regex:/^[a-zA-Z0-9]+$/', // 半角英数字のみ
+ ],
+ 'user_pass_confirm' => 'nullable|same:user_pass_new',
+ ];
+
+ // 利用者区分による必須項目
+ if ($request->user_category == '学生') {
+ $rules['user_school'] = 'required|string|max:50';
+ $rules['user_graduate'] = 'required|date';
+ }
+
+ $messages = [
+ 'user_gender.in' => '性別は「男性」または「女性」を選択してください。',
+ 'user_regident_zip_1.digits' => '居住地の郵便番号(前半3桁)は3桁の数字で入力してください。',
+ 'user_regident_zip_2.digits' => '居住地の郵便番号(後半4桁)は4桁の数字で入力してください。',
+ 'user_regident_pre.max' => '居住地の都道府県は5文字以内で入力してください。',
+ 'user_regident_city.max' => '居住地の市区町村は20文字以内で入力してください。',
+ 'user_regident_add.max' => '居住地の住所は50文字以内で入力してください。',
+ 'user_birthdate.date' => '生年月日は正しい日付で入力してください。',
+ 'user_homephone.*.digits_between' => '自宅電話番号はそれぞれ1~5桁の数字で入力してください。',
+ 'user_mobile.*.digits_between' => '携帯電話番号はそれぞれ1~5桁の数字で入力してください。',
+ 'user_primemail.required' => 'メールアドレスは必須です。',
+ 'user_primemail.email' => 'メールアドレスは正しい形式で入力してください。',
+ 'user_primemail_confirmation.required' => 'メールアドレスの確認は必須です。',
+ 'user_primemail_confirmation.same' => '「メールアドレス」と「メールアドレスの確認」が一致しません。',
+ 'user_submail.email' => '予備メールアドレスは正しい形式で入力してください。',
+ 'user_submail.different' => 'メールアドレスと予備メールアドレスに同じアドレスを入力できません。',
+ 'user_category.required' => '利用者区分は必須です。',
+ 'user_category.in' => '利用者区分の値が不正です。',
+ 'user_workplace.max' => '勤務先は50文字以内で入力してください。',
+ 'user_school.max' => '学校名は50文字以内で入力してください。',
+ 'user_school.required' => '学校名は必須です。',
+ 'user_graduate.required' => '卒業年月日は必須です。',
+ 'user_graduate.date' => '卒業年月日は正しい日付で入力してください。',
+ 'user_relate_zip_1.digits' => '関連先の郵便番号(前半3桁)は3桁の数字で入力してください。',
+ 'user_relate_zip_2.digits' => '関連先の郵便番号(後半4桁)は4桁の数字で入力してください。',
+ 'user_relate_pre.max' => '関連先の都道府県は5文字以内で入力してください。',
+ 'user_relate_city.max' => '関連先の市区町村は20文字以内で入力してください。',
+ 'user_relate_add.max' => '関連先の住所は50文字以内で入力してください。',
+ 'photo_filename1.image' => '本人確認書類画像1は画像ファイルを選択してください。',
+ 'photo_filename1.max' => '本人確認書類画像1は4MB以内でアップロードしてください。',
+ 'photo_filename2.image' => '本人確認書類画像2は画像ファイルを選択してください。',
+ 'photo_filename2.max' => '本人確認書類画像2は4MB以内でアップロードしてください。',
+ 'user_pass_new.min' => '新しいパスワードは8文字以上で入力してください。',
+ 'user_pass_new.regex' => '新しいパスワードは半角英数字のみで入力してください。',
+ 'user_pass_confirm.same' => '「新しいパスワード」と「パスワードの確認」が一致しません。',
+ ];
+
+ $validated = $request->validate($rules, $messages);
+
+ // 編集不可項目はDB値を優先
+ // 契約・更新期間判定(showと同じロジックを利用)
+ $contract = DB::table('regular_contract')
+ ->join('park', 'regular_contract.park_id', '=', 'park.park_id')
+ ->where('regular_contract.user_id', $user->user_id)
+ ->where('regular_contract.contract_flag', 1)
+ ->first();
+
+ $today = date('Y-m-d');
+ $current_time = date('H:i');
+ $is_update_period = true; // デフォルトは編集可能
+ $in_contract_period = false;
+
+ if ($contract) {
+ $contract_periods = str_replace('/', '-', $contract->contract_periods);
+ $contract_periode = str_replace('/', '-', $contract->contract_periode);
+ $contract_periods_month = date('Y-m', strtotime($contract_periods));
+ $contract_periode_month = date('Y-m', strtotime($contract_periode));
+ $current_month = date('Y-m');
+ // 契約月が今月の場合
+ if ($contract_periods_month === $current_month && $contract_periode_month === $current_month && $contract->contract_flag == 1) {
+ $in_contract_period = true;
+ $is_update_period = false; // 編集不可
+ } else if (strtotime($today) >= strtotime($contract_periods) && strtotime($today) <= strtotime($contract_periode)) {
+ $in_contract_period = true;
+ $is_update_period = false; // 編集不可
+ }
+ }
+ if ($contract && !$in_contract_period) {
+ $city = DB::table('city')->where('city_id', $contract->city_id)->first();
+ if ($city) {
+ $contract_year = date('Y', strtotime($contract_periode));
+ $contract_month = date('m', strtotime($contract_periode));
+ $today_year = date('Y');
+ $today_month = date('m');
+ $today_day = date('d');
+ $start_day = (int)$city->update_grace_period_start_date;
+ $end_day = (int)$city->update_grace_period_end_date;
+ $start_time = $city->update_grace_period_start_time ?? '00:00';
+ $end_time = $city->update_grace_period_end_time ?? '23:59';
+ $today_time = date('H:i');
+ $in_grace = false;
+
+ // 契約終了月のみ猶予期間判定
+ if ((int)$today_year === (int)$contract_year) {
+ // 開始日 < 終了日:契約終了月の開始日~終了日
+ if ($start_day < $end_day && (int)$today_month === (int)$contract_month) {
+ $start_datetime = $contract_year . '-' . $contract_month . '-' . sprintf('%02d', $start_day) . ' ' . $start_time;
+ $end_datetime = $contract_year . '-' . $contract_month . '-' . sprintf('%02d', $end_day) . ' ' . $end_time;
+ $today_datetime = date('Y-m-d') . ' ' . $today_time;
+ if (strtotime($today_datetime) >= strtotime($start_datetime) && strtotime($today_datetime) <= strtotime($end_datetime)) {
+ $in_grace = true;
+ }
+ }
+ // 開始日 > 終了日:契約終了月の開始日~翌月の終了日
+ if ($start_day > $end_day && (int)$today_month === (int)$contract_month) {
+ $start_datetime = $contract_year . '-' . $contract_month . '-' . sprintf('%02d', $start_day) . ' ' . $start_time;
+ $end_year = date('Y', strtotime($contract_periode . ' +1 month'));
+ $end_month = date('m', strtotime($contract_periode . ' +1 month'));
+ $end_datetime = $end_year . '-' . $end_month . '-' . sprintf('%02d', $end_day) . ' ' . $end_time;
+ $today_datetime = date('Y-m-d') . ' ' . $today_time;
+ if (strtotime($today_datetime) >= strtotime($start_datetime) && strtotime($today_datetime) <= strtotime($end_datetime)) {
+ $in_grace = true;
+ }
+ }
+ // 開始日 > 終了日:契約終了月の翌月の終了日(翌月分)
+ if ($start_day > $end_day && (int)$today_month === (int)date('m', strtotime($contract_periode . ' +1 month'))) {
+ $end_year = date('Y', strtotime($contract_periode . ' +1 month'));
+ $end_month = date('m', strtotime($contract_periode . ' +1 month'));
+ $end_datetime = $end_year . '-' . $end_month . '-' . sprintf('%02d', $end_day) . ' ' . $end_time;
+ $today_datetime = date('Y-m-d') . ' ' . $today_time;
+ if (strtotime($today_datetime) <= strtotime($end_datetime)) {
+ $in_grace = true;
+ }
+ }
+ }
+ if ($in_grace) {
+ $is_update_period = false; // 猶予期間も編集不可
+ }
+ }
+ }
+
+ // 編集不可項目リスト
+ $readonly_fields = [
+ 'user_regident_zip_1',
+ 'user_regident_zip_2',
+ 'user_regident_pre',
+ 'user_regident_city',
+ 'user_regident_add',
+ 'user_birthdate',
+ 'user_workplace',
+ 'user_school',
+ 'user_graduate',
+ 'user_category'
+ ];
+
+ if (!$is_update_period) {
+ // 編集不可項目はDB値を優先し、確認画面にも必ず渡す
+ foreach ($readonly_fields as $field) {
+ if (property_exists($user, $field)) {
+ $request->merge([$field => $user->$field]);
+ }
+ }
+ }
+ // 編集不可・可能どちらでも、セッションには最終的な値を保存
+ $request->flash();
+
+ // 電話番号結合
+ $user->user_homephone = implode('-', $request->input('user_homephone', []));
+ $user->user_mobile = implode('-', $request->input('user_mobile', []));
+
+ // 性別
+ $user->user_gender = $request->user_gender;
+
+ // 住所結合
+ $user->user_regident_zip = $request->user_regident_zip_1 . $request->user_regident_zip_2;
+ $user->user_regident_pre = $request->user_regident_pre;
+ $user->user_regident_city = $request->user_regident_city;
+ $user->user_regident_add = $request->user_regident_add;
+ $user->user_relate_zip = $request->user_relate_zip_1 . $request->user_relate_zip_2;
+ $user->user_relate_pre = $request->user_relate_pre;
+ $user->user_relate_city = $request->user_relate_city;
+ $user->user_relate_add = $request->user_relate_add;
+
+ // メール
+ $user->user_primemail = $request->user_primemail;
+ $user->user_submail = $request->user_submail;
+
+ // 利用者区分
+ $user->user_category = $request->user_category;
+ $user->user_workplace = $request->user_workplace;
+ $user->user_school = $request->user_school;
+ $user->user_graduate = $request->user_graduate;
+
+ // 本人確認書類画像
+ if ($request->hasFile('photo_filename1')) {
+ $file1 = $request->file('photo_filename1');
+ $filename1 = uniqid('photo1_') . '.' . $file1->getClientOriginalExtension();
+ $file1->storeAs('public/photo', $filename1);
+ $user->photo_filename1 = $filename1;
+ }
+ if ($request->hasFile('photo_filename2')) {
+ $file2 = $request->file('photo_filename2');
+ $filename2 = uniqid('photo2_') . '.' . $file2->getClientOriginalExtension();
+ $file2->storeAs('public/photo', $filename2);
+ $user->photo_filename2 = $filename2;
+ }
+
+ // パスワード(ハッシュ化せず次画面に渡す)
+ if ($request->user_pass_new && $request->user_pass_confirm && $request->user_pass_new === $request->user_pass_confirm) {
+ $user->password = $request->user_pass_new;
+ }
+
+ return redirect()->route('user.confirm')->withInput();
+ }
+}
diff --git a/app/Http/Controllers/UserInfoController.php b/app/Http/Controllers/UserInfoController.php
new file mode 100644
index 0000000..2cbeada
--- /dev/null
+++ b/app/Http/Controllers/UserInfoController.php
@@ -0,0 +1,40 @@
+where('user_id', $user_id)->first();
+
+ // 利用者区分をusertypeテーブルから取得
+ $user_category = '';
+ if (isset($user->user_categoryid)) {
+ $usertype = DB::table('usertype')
+ ->where('user_categoryid', $user->user_categoryid)
+ ->first();
+ if ($usertype && isset($usertype->usertype_subject1)) {
+ $user_category = $usertype->usertype_subject1;
+ }
+ }
+
+ \Log::info('ユーザー情報確認画面にアクセス', [
+ 'user_id' => $user_id,
+ ]);
+
+ return view('user.info', [
+ 'user' => $user,
+ 'user_category' => $user_category,
+ 'active_menu' => 'SWC-1-1', // マイページメニューの選択状態用
+ 'user_name' => $user ? $user->user_name : '', // ユーザー名(ヘッダー用)
+ ]);
+ }
+}
diff --git a/app/Http/Controllers/UserWithdrawController.php b/app/Http/Controllers/UserWithdrawController.php
new file mode 100644
index 0000000..3d4b5e8
--- /dev/null
+++ b/app/Http/Controllers/UserWithdrawController.php
@@ -0,0 +1,139 @@
+where('user_id', $user_id)->value('user_name');
+
+ return view('user.withdraw_confirm')
+ ->with([
+ 'active_menu' => 'SWC-1-1',
+ 'user_name' => $user_name ?: '',
+ ]);
+ }
+
+ // 退会処理
+ public function withdraw(Request $request)
+ {
+ $user_id = session('user_id');
+ if (!$user_id) {
+ return redirect('/login');
+ }
+
+ $user = DB::table('user')->where('user_id', $user_id)->first();
+
+ $now = now();
+ DB::table('user')
+ ->where('user_id', $user_id)
+ ->update([
+ 'user_quit_flag' => 1,
+ 'user_quitday' => $now->format('Y-m-d'),
+ 'updated_at' => $now,
+ ]);
+
+ // 定期空き予約マスタ(reserve)の該当ユーザーのupdated_atを退会日時で更新
+ DB::table('reserve')
+ ->where('user_id', $user_id)
+ ->update([
+ 'updated_at' => $now,
+ 'reserve_cancelday' => $now->format('Y-m-d'),
+ 'valid_flag' => 0,
+ ]);
+
+ // 退会完了メール送信
+ try {
+ Mail::to($user->user_primemail)->send(
+ new WithdrawCompleteMail(
+ $user->user_name,
+ $user->user_primemail,
+ $now->format('Y-m-d')
+ )
+ );
+ } catch (\Exception $e) {
+ \Log::error('退会完了メール送信失敗: ' . $e->getMessage());
+ }
+
+ // 退会契約チェック
+ $contract = DB::table('regular_contract')
+ ->where('user_id', $user_id)
+ ->orderByDesc('contract_id')
+ ->first();
+
+ if (!$contract) {
+ // 契約なし→退会完了画面
+ session()->forget('user_id');
+ return view('user.withdraw_complete')->with([
+ 'active_menu' => 'SWC-1-1', // この画面のID
+ 'user_name' => $user ? $user->user_name : '', // ユーザー名(ヘッダー用)
+ ]);
+ }
+
+ // 有効性判定
+ if ($contract->contract_cancel_flag == 1 || $contract->contract_cancel_flag == 2) {
+ session()->forget('user_id');
+ return view('user.withdraw_complete')->with([
+ 'active_menu' => 'SWC-1-1', // この画面のID
+ 'user_name' => $user ? $user->user_name : '', // ユーザー名(ヘッダー用)
+ ]);
+ }
+
+ // 契約期間のyear/month取得
+ $contract_year = date('Y', strtotime($contract->contract_periode));
+ $contract_month = date('m', strtotime($contract->contract_periode));
+ $today_year = $now->year;
+ $today_month = $now->month;
+
+ // 今月までなら退会完了
+ if ($contract_year == $today_year && $contract_month == $today_month) {
+ session()->forget('user_id');
+ return view('user.withdraw_complete')->with([
+ 'active_menu' => 'SWC-1-1', // この画面のID
+ 'user_name' => $user ? $user->user_name : '', // ユーザー名(ヘッダー用)
+ ]);
+ }
+
+ // 翌月以降なら返金処理キュー登録
+ if ($contract_year > $today_year || ($contract_year == $today_year && $contract_month > $today_month)) {
+ DB::table('operator_que')->insert([
+ 'que_class' => 13,
+ 'user_id' => $user_id,
+ 'contract_id' => $contract->contract_id,
+ 'park_id' => $contract->park_id,
+ 'que_comment' => null,
+ 'que_status' => 1,
+ 'que_status_comment' => '返金処理が必要な契約があります',
+ 'work_instructions' => 'お客様にの契約を確認し、退会後の返金処理をおこなってください。',
+ 'created_at' => $now,
+ 'updated_at' => $now,
+ 'operator_id' => null,
+ ]);
+ session()->forget('user_id');
+ return view('user.withdraw_complete')->with([
+ 'active_menu' => 'SWC-1-1', // この画面のID
+ 'user_name' => $user ? $user->user_name : '', // ユーザー名(ヘッダー用)
+ ]);
+ }
+ // どのifにも該当しない場合は退会完了画面にエラーメッセージを表示
+ return view('user.withdraw_confirm')->with([
+ 'active_menu' => 'SWC-1-1',
+ 'user_name' => $user ? $user->user_name : '',
+ 'error_message' => '退会処理に失敗しました。申し訳ございませんが、So-Managerコールセンター(03-5856-4720)にご連絡をお願いいたします。',
+ ]);
+ }
+
+}
diff --git a/app/Mail/UserEditVerifyMail.php b/app/Mail/UserEditVerifyMail.php
new file mode 100644
index 0000000..8eac99f
--- /dev/null
+++ b/app/Mail/UserEditVerifyMail.php
@@ -0,0 +1,28 @@
+verifyUrl = $verifyUrl;
+ $this->user = $user;
+ }
+
+ public function build()
+ {
+ return $this
+ ->subject('【So-Manager】ユーザー情報変更のご確認')
+ ->view('emails.user_edit_verify');
+ }
+}
diff --git a/app/Mail/WithdrawCompleteMail.php b/app/Mail/WithdrawCompleteMail.php
new file mode 100644
index 0000000..411807b
--- /dev/null
+++ b/app/Mail/WithdrawCompleteMail.php
@@ -0,0 +1,34 @@
+user_name = $user_name;
+ $this->user_primemail = $user_primemail;
+ $this->user_quitday = $user_quitday;
+ }
+
+ public function build()
+ {
+ return $this->subject('退会完了のお知らせ')
+ ->view('emails.withdraw_complete')
+ ->with([
+ 'user_name' => $this->user_name,
+ 'user_primemail' => $this->user_primemail,
+ 'user_quitday' => $this->user_quitday,
+ ]);
+ }
+}
diff --git a/config/app.php b/config/app.php
index 324b513..182fbeb 100644
--- a/config/app.php
+++ b/config/app.php
@@ -65,7 +65,7 @@ return [
|
*/
- 'timezone' => 'UTC',
+ 'timezone' => 'Asia/Tokyo',
/*
|--------------------------------------------------------------------------
diff --git a/public/assets/css/mypage/all.css b/public/assets/css/mypage/all.css
new file mode 100644
index 0000000..6439b74
--- /dev/null
+++ b/public/assets/css/mypage/all.css
@@ -0,0 +1,61 @@
+/* iCheck plugin skins
+----------------------------------- */
+@import url("minimal/_all.css");
+/*
+@import url("minimal/minimal.css");
+@import url("minimal/red.css");
+@import url("minimal/green.css");
+@import url("minimal/blue.css");
+@import url("minimal/aero.css");
+@import url("minimal/grey.css");
+@import url("minimal/orange.css");
+@import url("minimal/yellow.css");
+@import url("minimal/pink.css");
+@import url("minimal/purple.css");
+*/
+
+@import url("square/_all.css");
+/*
+@import url("square/square.css");
+@import url("square/red.css");
+@import url("square/green.css");
+@import url("square/blue.css");
+@import url("square/aero.css");
+@import url("square/grey.css");
+@import url("square/orange.css");
+@import url("square/yellow.css");
+@import url("square/pink.css");
+@import url("square/purple.css");
+*/
+
+@import url("flat/_all.css");
+/*
+@import url("flat/flat.css");
+@import url("flat/red.css");
+@import url("flat/green.css");
+@import url("flat/blue.css");
+@import url("flat/aero.css");
+@import url("flat/grey.css");
+@import url("flat/orange.css");
+@import url("flat/yellow.css");
+@import url("flat/pink.css");
+@import url("flat/purple.css");
+*/
+
+@import url("line/_all.css");
+/*
+@import url("line/line.css");
+@import url("line/red.css");
+@import url("line/green.css");
+@import url("line/blue.css");
+@import url("line/aero.css");
+@import url("line/grey.css");
+@import url("line/orange.css");
+@import url("line/yellow.css");
+@import url("line/pink.css");
+@import url("line/purple.css");
+*/
+
+@import url("polaris/polaris.css");
+
+@import url("futurico/futurico.css");
\ No newline at end of file
diff --git a/public/assets/css/mypage/app.css b/public/assets/css/mypage/app.css
new file mode 100644
index 0000000..aec1c51
--- /dev/null
+++ b/public/assets/css/mypage/app.css
@@ -0,0 +1,1374 @@
+/*!
+ * jquery-confirm v3.3.2 (http://craftpip.github.io/jquery-confirm/)
+ * Author: boniface pereira
+ * Website: www.craftpip.com
+ * Contact: hey@craftpip.com
+ *
+ * Copyright 2013-2017 jquery-confirm
+ * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
+ */
+@-webkit-keyframes jconfirm-spin {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@keyframes jconfirm-spin {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+body[class*="jconfirm-no-scroll-"] {
+ overflow: hidden !important;
+}
+.jconfirm {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 99999999;
+ font-family: inherit;
+ overflow: hidden;
+}
+.jconfirm .jconfirm-bg {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ -webkit-transition: opacity 0.4s;
+ transition: opacity 0.4s;
+}
+.jconfirm .jconfirm-bg.jconfirm-bg-h {
+ opacity: 0 !important;
+}
+.jconfirm .jconfirm-scrollpane {
+ -webkit-perspective: 500px;
+ perspective: 500px;
+ -webkit-perspective-origin: center;
+ perspective-origin: center;
+ display: table;
+ width: 100%;
+ height: 100%;
+}
+.jconfirm .jconfirm-row {
+ display: table-row;
+ width: 100%;
+}
+.jconfirm .jconfirm-cell {
+ display: table-cell;
+ vertical-align: middle;
+}
+.jconfirm .jconfirm-holder {
+ max-height: 100%;
+ padding: 50px 0;
+}
+.jconfirm .jconfirm-box-container {
+ -webkit-transition: -webkit-transform;
+ transition: -webkit-transform;
+ transition: transform;
+ transition: transform, -webkit-transform;
+}
+.jconfirm .jconfirm-box-container.jconfirm-no-transition {
+ -webkit-transition: none !important;
+ transition: none !important;
+}
+.jconfirm .jconfirm-box {
+ background: white;
+ border-radius: 4px;
+ position: relative;
+ outline: none;
+ padding: 15px 15px 0;
+ overflow: hidden;
+ margin-left: auto;
+ margin-right: auto;
+}
+@-webkit-keyframes type-blue {
+ 1%,
+ 100% {
+ border-color: #3498db;
+ }
+ 50% {
+ border-color: #5faee3;
+ }
+}
+@keyframes type-blue {
+ 1%,
+ 100% {
+ border-color: #3498db;
+ }
+ 50% {
+ border-color: #5faee3;
+ }
+}
+@-webkit-keyframes type-green {
+ 1%,
+ 100% {
+ border-color: #2ecc71;
+ }
+ 50% {
+ border-color: #54d98c;
+ }
+}
+@keyframes type-green {
+ 1%,
+ 100% {
+ border-color: #2ecc71;
+ }
+ 50% {
+ border-color: #54d98c;
+ }
+}
+@-webkit-keyframes type-red {
+ 1%,
+ 100% {
+ border-color: #e74c3c;
+ }
+ 50% {
+ border-color: #ed7669;
+ }
+}
+@keyframes type-red {
+ 1%,
+ 100% {
+ border-color: #e74c3c;
+ }
+ 50% {
+ border-color: #ed7669;
+ }
+}
+@-webkit-keyframes type-orange {
+ 1%,
+ 100% {
+ border-color: #f1c40f;
+ }
+ 50% {
+ border-color: #f4d03f;
+ }
+}
+@keyframes type-orange {
+ 1%,
+ 100% {
+ border-color: #f1c40f;
+ }
+ 50% {
+ border-color: #f4d03f;
+ }
+}
+@-webkit-keyframes type-purple {
+ 1%,
+ 100% {
+ border-color: #9b59b6;
+ }
+ 50% {
+ border-color: #b07cc6;
+ }
+}
+@keyframes type-purple {
+ 1%,
+ 100% {
+ border-color: #9b59b6;
+ }
+ 50% {
+ border-color: #b07cc6;
+ }
+}
+@-webkit-keyframes type-dark {
+ 1%,
+ 100% {
+ border-color: #34495e;
+ }
+ 50% {
+ border-color: #46627f;
+ }
+}
+@keyframes type-dark {
+ 1%,
+ 100% {
+ border-color: #34495e;
+ }
+ 50% {
+ border-color: #46627f;
+ }
+}
+.jconfirm .jconfirm-box.jconfirm-type-animated {
+ -webkit-animation-duration: 2s;
+ animation-duration: 2s;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+}
+.jconfirm .jconfirm-box.jconfirm-type-blue {
+ border-top: solid 7px #3498db;
+ -webkit-animation-name: type-blue;
+ animation-name: type-blue;
+}
+.jconfirm .jconfirm-box.jconfirm-type-green {
+ border-top: solid 7px #2ecc71;
+ -webkit-animation-name: type-green;
+ animation-name: type-green;
+}
+.jconfirm .jconfirm-box.jconfirm-type-red {
+ border-top: solid 7px #e74c3c;
+ -webkit-animation-name: type-red;
+ animation-name: type-red;
+}
+.jconfirm .jconfirm-box.jconfirm-type-orange {
+ border-top: solid 7px #f1c40f;
+ -webkit-animation-name: type-orange;
+ animation-name: type-orange;
+}
+.jconfirm .jconfirm-box.jconfirm-type-purple {
+ border-top: solid 7px #9b59b6;
+ -webkit-animation-name: type-purple;
+ animation-name: type-purple;
+}
+.jconfirm .jconfirm-box.jconfirm-type-dark {
+ border-top: solid 7px #34495e;
+ -webkit-animation-name: type-dark;
+ animation-name: type-dark;
+}
+.jconfirm .jconfirm-box.loading {
+ height: 120px;
+}
+.jconfirm .jconfirm-box.loading:before {
+ content: "";
+ position: absolute;
+ left: 0;
+ background: white;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ border-radius: 10px;
+ z-index: 1;
+}
+.jconfirm .jconfirm-box.loading:after {
+ opacity: 0.6;
+ content: "";
+ height: 30px;
+ width: 30px;
+ border: solid 3px transparent;
+ position: absolute;
+ left: 50%;
+ margin-left: -15px;
+ border-radius: 50%;
+ -webkit-animation: jconfirm-spin 1s infinite linear;
+ animation: jconfirm-spin 1s infinite linear;
+ border-bottom-color: dodgerblue;
+ top: 50%;
+ margin-top: -15px;
+ z-index: 2;
+}
+.jconfirm .jconfirm-box div.jconfirm-closeIcon {
+ height: 20px;
+ width: 20px;
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ cursor: pointer;
+ opacity: 0.6;
+ text-align: center;
+ font-size: 27px !important;
+ line-height: 14px !important;
+ display: none;
+ z-index: 1;
+}
+.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
+ display: none;
+}
+.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
+ font-size: 16px;
+}
+.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
+ font-size: 16px;
+}
+.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
+ font-size: 16px;
+}
+.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
+ opacity: 1;
+}
+.jconfirm .jconfirm-box div.jconfirm-title-c {
+ display: block;
+ font-size: 22px;
+ line-height: 20px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ cursor: default;
+ padding-bottom: 15px;
+}
+.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
+ cursor: move;
+}
+.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
+ font-size: inherit;
+ display: inline-block;
+ vertical-align: middle;
+}
+.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
+ vertical-align: middle;
+}
+.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
+ display: none;
+}
+.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ font-size: inherit;
+ font-family: inherit;
+ display: inline-block;
+ vertical-align: middle;
+}
+.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
+ display: none;
+}
+.jconfirm .jconfirm-box div.jconfirm-content-pane {
+ margin-bottom: 15px;
+ height: auto;
+ -webkit-transition: height 0.4s ease-in;
+ transition: height 0.4s ease-in;
+ display: inline-block;
+ width: 100%;
+ position: relative;
+ overflow-x: hidden;
+ overflow-y: auto;
+}
+.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
+ overflow-y: hidden;
+}
+.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
+ width: 3px;
+}
+.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
+ background: rgba(0, 0, 0, 0.1);
+}
+.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
+ background: #666;
+ border-radius: 3px;
+}
+.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
+ overflow: auto;
+}
+.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
+ max-width: 100%;
+ height: auto;
+}
+.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
+ display: none;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons {
+ padding-bottom: 11px;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons > button {
+ margin-bottom: 4px;
+ margin-left: 2px;
+ margin-right: 2px;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button {
+ display: inline-block;
+ padding: 6px 12px;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 1.42857143;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: middle;
+ -ms-touch-action: manipulation;
+ touch-action: manipulation;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ border-radius: 4px;
+ min-height: 1em;
+ -webkit-transition: opacity 0.1s ease, background-color 0.1s ease,
+ color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
+ transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease,
+ background 0.1s ease, -webkit-box-shadow 0.1s ease;
+ transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease,
+ box-shadow 0.1s ease, background 0.1s ease;
+ transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease,
+ box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
+ -webkit-tap-highlight-color: transparent;
+ border: none;
+ background-image: none;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
+ background-color: #3498db;
+ color: #fff;
+ text-shadow: none;
+ -webkit-transition: background 0.2s;
+ transition: background 0.2s;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
+ background-color: #2980b9;
+ color: #fff;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
+ background-color: #2ecc71;
+ color: #fff;
+ text-shadow: none;
+ -webkit-transition: background 0.2s;
+ transition: background 0.2s;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
+ background-color: #27ae60;
+ color: #fff;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
+ background-color: #e74c3c;
+ color: #fff;
+ text-shadow: none;
+ -webkit-transition: background 0.2s;
+ transition: background 0.2s;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
+ background-color: #c0392b;
+ color: #fff;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
+ background-color: #f1c40f;
+ color: #fff;
+ text-shadow: none;
+ -webkit-transition: background 0.2s;
+ transition: background 0.2s;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
+ background-color: #f39c12;
+ color: #fff;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
+ background-color: #ecf0f1;
+ color: #000;
+ text-shadow: none;
+ -webkit-transition: background 0.2s;
+ transition: background 0.2s;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
+ background-color: #bdc3c7;
+ color: #000;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
+ background-color: #9b59b6;
+ color: #fff;
+ text-shadow: none;
+ -webkit-transition: background 0.2s;
+ transition: background 0.2s;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
+ background-color: #8e44ad;
+ color: #fff;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
+ background-color: #34495e;
+ color: #fff;
+ text-shadow: none;
+ -webkit-transition: background 0.2s;
+ transition: background 0.2s;
+}
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
+ background-color: #2c3e50;
+ color: #fff;
+}
+.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
+ color: #e74c3c !important;
+}
+.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
+ color: #3498db !important;
+}
+.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
+ color: #2ecc71 !important;
+}
+.jconfirm
+ .jconfirm-box.jconfirm-type-purple
+ .jconfirm-title-c
+ .jconfirm-icon-c {
+ color: #9b59b6 !important;
+}
+.jconfirm
+ .jconfirm-box.jconfirm-type-orange
+ .jconfirm-title-c
+ .jconfirm-icon-c {
+ color: #f1c40f !important;
+}
+.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
+ color: #34495e !important;
+}
+.jconfirm .jconfirm-clear {
+ clear: both;
+}
+.jconfirm.jconfirm-rtl {
+ direction: rtl;
+}
+.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
+ left: 5px;
+ right: auto;
+}
+.jconfirm.jconfirm-white .jconfirm-bg,
+.jconfirm.jconfirm-light .jconfirm-bg {
+ background-color: #444;
+ opacity: 0.2;
+}
+.jconfirm.jconfirm-white .jconfirm-box,
+.jconfirm.jconfirm-light .jconfirm-box {
+ -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+ border-radius: 5px;
+}
+.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
+.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
+ margin-right: 8px;
+ margin-left: 0px;
+}
+.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
+.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
+ float: right;
+}
+.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
+.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
+ text-transform: uppercase;
+ font-size: 14px;
+ font-weight: bold;
+ text-shadow: none;
+}
+.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
+.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: #333;
+}
+.jconfirm.jconfirm-white
+ .jconfirm-box
+ .jconfirm-buttons
+ button.btn-default:hover,
+.jconfirm.jconfirm-light
+ .jconfirm-box
+ .jconfirm-buttons
+ button.btn-default:hover {
+ background: #ddd;
+}
+.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
+.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+.jconfirm.jconfirm-black .jconfirm-bg,
+.jconfirm.jconfirm-dark .jconfirm-bg {
+ background-color: darkslategray;
+ opacity: 0.4;
+}
+.jconfirm.jconfirm-black .jconfirm-box,
+.jconfirm.jconfirm-dark .jconfirm-box {
+ -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+ background: #444;
+ border-radius: 5px;
+ color: white;
+}
+.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
+.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
+ margin-right: 8px;
+ margin-left: 0px;
+}
+.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
+.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
+ float: right;
+}
+.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
+.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
+ border: none;
+ background-image: none;
+ text-transform: uppercase;
+ font-size: 14px;
+ font-weight: bold;
+ text-shadow: none;
+ -webkit-transition: background 0.1s;
+ transition: background 0.1s;
+ color: white;
+}
+.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
+.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: #fff;
+ background: none;
+}
+.jconfirm.jconfirm-black
+ .jconfirm-box
+ .jconfirm-buttons
+ button.btn-default:hover,
+.jconfirm.jconfirm-dark
+ .jconfirm-box
+ .jconfirm-buttons
+ button.btn-default:hover {
+ background: #666;
+}
+.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
+.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
+ -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+ animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
+ -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+ animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+@-webkit-keyframes shake {
+ 10%,
+ 90% {
+ -webkit-transform: translate3d(-2px, 0, 0);
+ transform: translate3d(-2px, 0, 0);
+ }
+ 20%,
+ 80% {
+ -webkit-transform: translate3d(4px, 0, 0);
+ transform: translate3d(4px, 0, 0);
+ }
+ 30%,
+ 50%,
+ 70% {
+ -webkit-transform: translate3d(-8px, 0, 0);
+ transform: translate3d(-8px, 0, 0);
+ }
+ 40%,
+ 60% {
+ -webkit-transform: translate3d(8px, 0, 0);
+ transform: translate3d(8px, 0, 0);
+ }
+}
+@keyframes shake {
+ 10%,
+ 90% {
+ -webkit-transform: translate3d(-2px, 0, 0);
+ transform: translate3d(-2px, 0, 0);
+ }
+ 20%,
+ 80% {
+ -webkit-transform: translate3d(4px, 0, 0);
+ transform: translate3d(4px, 0, 0);
+ }
+ 30%,
+ 50%,
+ 70% {
+ -webkit-transform: translate3d(-8px, 0, 0);
+ transform: translate3d(-8px, 0, 0);
+ }
+ 40%,
+ 60% {
+ -webkit-transform: translate3d(8px, 0, 0);
+ transform: translate3d(8px, 0, 0);
+ }
+}
+@-webkit-keyframes glow {
+ 0%,
+ 100% {
+ -webkit-box-shadow: 0 0 0px red;
+ box-shadow: 0 0 0px red;
+ }
+ 50% {
+ -webkit-box-shadow: 0 0 30px red;
+ box-shadow: 0 0 30px red;
+ }
+}
+@keyframes glow {
+ 0%,
+ 100% {
+ -webkit-box-shadow: 0 0 0px red;
+ box-shadow: 0 0 0px red;
+ }
+ 50% {
+ -webkit-box-shadow: 0 0 30px red;
+ box-shadow: 0 0 30px red;
+ }
+}
+/*Transition rules*/
+.jconfirm {
+ -webkit-perspective: 400px;
+ perspective: 400px;
+}
+.jconfirm .jconfirm-box {
+ opacity: 1;
+ -webkit-transition-property: all;
+ transition-property: all;
+}
+.jconfirm .jconfirm-box.jconfirm-animation-top,
+.jconfirm .jconfirm-box.jconfirm-animation-left,
+.jconfirm .jconfirm-box.jconfirm-animation-right,
+.jconfirm .jconfirm-box.jconfirm-animation-bottom,
+.jconfirm .jconfirm-box.jconfirm-animation-opacity,
+.jconfirm .jconfirm-box.jconfirm-animation-zoom,
+.jconfirm .jconfirm-box.jconfirm-animation-scale,
+.jconfirm .jconfirm-box.jconfirm-animation-none,
+.jconfirm .jconfirm-box.jconfirm-animation-rotate,
+.jconfirm .jconfirm-box.jconfirm-animation-rotatex,
+.jconfirm .jconfirm-box.jconfirm-animation-rotatey,
+.jconfirm .jconfirm-box.jconfirm-animation-scaley,
+.jconfirm .jconfirm-box.jconfirm-animation-scalex {
+ opacity: 0;
+}
+.jconfirm .jconfirm-box.jconfirm-animation-rotate {
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
+ -webkit-transform: rotateX(90deg);
+ transform: rotateX(90deg);
+ -webkit-transform-origin: center;
+ transform-origin: center;
+}
+.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
+ -webkit-transform: rotateX(-90deg);
+ transform: rotateX(-90deg);
+ -webkit-transform-origin: center;
+ transform-origin: center;
+}
+.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
+ -webkit-transform: rotatey(90deg);
+ transform: rotatey(90deg);
+ -webkit-transform-origin: center;
+ transform-origin: center;
+}
+.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
+ -webkit-transform: rotatey(-90deg);
+ transform: rotatey(-90deg);
+ -webkit-transform-origin: center;
+ transform-origin: center;
+}
+.jconfirm .jconfirm-box.jconfirm-animation-scaley {
+ -webkit-transform: scaley(1.5);
+ transform: scaley(1.5);
+ -webkit-transform-origin: center;
+ transform-origin: center;
+}
+.jconfirm .jconfirm-box.jconfirm-animation-scalex {
+ -webkit-transform: scalex(1.5);
+ transform: scalex(1.5);
+ -webkit-transform-origin: center;
+ transform-origin: center;
+}
+.jconfirm .jconfirm-box.jconfirm-animation-top {
+ -webkit-transform: translate(0px, -100px);
+ transform: translate(0px, -100px);
+}
+.jconfirm .jconfirm-box.jconfirm-animation-left {
+ -webkit-transform: translate(-100px, 0px);
+ transform: translate(-100px, 0px);
+}
+.jconfirm .jconfirm-box.jconfirm-animation-right {
+ -webkit-transform: translate(100px, 0px);
+ transform: translate(100px, 0px);
+}
+.jconfirm .jconfirm-box.jconfirm-animation-bottom {
+ -webkit-transform: translate(0px, 100px);
+ transform: translate(0px, 100px);
+}
+.jconfirm .jconfirm-box.jconfirm-animation-zoom {
+ -webkit-transform: scale(1.2);
+ transform: scale(1.2);
+}
+.jconfirm .jconfirm-box.jconfirm-animation-scale {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+}
+.jconfirm .jconfirm-box.jconfirm-animation-none {
+ visibility: hidden;
+}
+.jconfirm.jconfirm-supervan .jconfirm-bg {
+ background-color: rgba(54, 70, 93, 0.95);
+}
+.jconfirm.jconfirm-supervan .jconfirm-box {
+ background-color: transparent;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
+ border: none;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
+ border: none;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
+ border: none;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
+ border: none;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
+ border: none;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
+ border: none;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
+ color: white;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
+ text-align: center;
+ color: white;
+ font-size: 28px;
+ font-weight: normal;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
+ padding-bottom: 25px;
+}
+.jconfirm.jconfirm-supervan
+ .jconfirm-box
+ div.jconfirm-title-c
+ .jconfirm-icon-c {
+ margin-right: 8px;
+ margin-left: 0px;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
+ margin-bottom: 25px;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
+ text-align: center;
+ color: white;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
+ text-align: center;
+}
+.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
+ font-size: 16px;
+ border-radius: 2px;
+ background: #303f53;
+ text-shadow: none;
+ border: none;
+ color: white;
+ padding: 10px;
+ min-width: 100px;
+}
+.jconfirm.jconfirm-supervan.jconfirm-rtl
+ .jconfirm-box
+ div.jconfirm-title-c
+ .jconfirm-icon-c {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+.jconfirm.jconfirm-material .jconfirm-bg {
+ background-color: rgba(0, 0, 0, 0.67);
+}
+.jconfirm.jconfirm-material .jconfirm-box {
+ background-color: white;
+ -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
+ 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
+ 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
+ padding: 30px 25px 10px 25px;
+}
+.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
+ margin-right: 8px;
+ margin-left: 0px;
+}
+.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
+ color: rgba(0, 0, 0, 0.87);
+}
+.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
+ color: rgba(0, 0, 0, 0.87);
+ font-size: 22px;
+ font-weight: bold;
+}
+.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
+ color: rgba(0, 0, 0, 0.87);
+}
+.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
+ text-align: right;
+}
+.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
+ text-transform: uppercase;
+ font-weight: 500;
+}
+.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+.jconfirm.jconfirm-bootstrap .jconfirm-bg {
+ background-color: rgba(0, 0, 0, 0.21);
+}
+.jconfirm.jconfirm-bootstrap .jconfirm-box {
+ background-color: white;
+ -webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
+ border: solid 1px rgba(0, 0, 0, 0.4);
+ padding: 15px 0 0;
+}
+.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
+ margin-right: 8px;
+ margin-left: 0px;
+}
+.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
+ color: rgba(0, 0, 0, 0.87);
+}
+.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
+ color: rgba(0, 0, 0, 0.87);
+ font-size: 22px;
+ font-weight: bold;
+ padding-left: 15px;
+ padding-right: 15px;
+}
+.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0px 15px;
+}
+.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
+ text-align: right;
+ padding: 10px;
+ margin: -5px 0 0px;
+ border-top: solid 1px #ddd;
+ overflow: hidden;
+ border-radius: 0 0 4px 4px;
+}
+.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
+ font-weight: 500;
+}
+.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
+ margin-left: 8px;
+ margin-right: 0px;
+}
+.jconfirm.jconfirm-modern .jconfirm-bg {
+ background-color: slategray;
+ opacity: 0.6;
+}
+.jconfirm.jconfirm-modern .jconfirm-box {
+ background-color: white;
+ -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
+ 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
+ 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
+ padding: 30px 30px 15px;
+}
+.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
+ color: rgba(0, 0, 0, 0.87);
+ top: 15px;
+ right: 15px;
+}
+.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
+ color: rgba(0, 0, 0, 0.87);
+ font-size: 24px;
+ font-weight: bold;
+ text-align: center;
+ margin-bottom: 10px;
+}
+.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
+ -webkit-transition: -webkit-transform 0.5s;
+ transition: -webkit-transform 0.5s;
+ transition: transform 0.5s;
+ transition: transform 0.5s, -webkit-transform 0.5s;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ display: block;
+ margin-right: 0px;
+ margin-left: 0px;
+ margin-bottom: 10px;
+ font-size: 69px;
+ color: #aaa;
+}
+.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
+ text-align: center;
+ font-size: 15px;
+ color: #777;
+ margin-bottom: 25px;
+}
+.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
+ text-align: center;
+}
+.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
+ font-weight: bold;
+ text-transform: uppercase;
+ -webkit-transition: background 0.1s;
+ transition: background 0.1s;
+ padding: 10px 20px;
+}
+.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
+ margin-left: 4px;
+}
+.jconfirm.jconfirm-modern.jconfirm-open
+ .jconfirm-box
+ .jconfirm-title-c
+ .jconfirm-icon-c {
+ -webkit-transform: scale(1);
+ transform: scale(1);
+}
+.login {
+ margin-top: 95px;
+}
+
+.login .title {
+ font-size: 21px;
+ background: #ff9900;
+ height: 45px;
+ line-height: 45px;
+ margin-bottom: 50px;
+ font-weight: bold;
+}
+
+.login .note {
+ margin-bottom: 35px;
+}
+
+.page .row button {
+ margin-right: 20px;
+}
+
+.scroll {
+ overflow: auto;
+}
+
+.table th span,
+.table td span {
+ white-space: nowrap;
+}
+
+.table label {
+ margin: 0;
+}
+
+.table td .btn_action {
+ display: inline-block;
+}
+
+.table tr.bacground td {
+ background-color: #fce5cd;
+}
+
+.error_input {
+ border: 1px solid #dc3545;
+ border-radius: 5px;
+}
+
+.table_left {
+ padding-right: 0 !important;
+}
+
+.table_left.col-lg-2 {
+ max-width: 12%;
+}
+
+.table_left table thead th {
+ padding-left: 9px;
+}
+
+.table_left table tr td {
+ padding: 9px;
+ background-color: #fff0dc;
+}
+
+.table_left .table_check tr td {
+ padding: 11px 9px 10px !important;
+}
+
+.table_right {
+ padding-left: 0 !important;
+}
+
+.table_right .column_no_wrap tr td {
+ white-space: nowrap;
+}
+
+.table_right.col-lg-10 {
+ max-width: 88%;
+}
+
+.table_right table tr td {
+ height: 30px;
+}
+
+table.dataTable thead .sorting:before,
+table.dataTable thead .sorting:after,
+table.dataTable thead .sorting_asc:before,
+table.dataTable thead .sorting_asc:after,
+table.dataTable thead .sorting_desc:before,
+table.dataTable thead .sorting_desc:after,
+table.dataTable thead .sorting_asc_disabled:before,
+table.dataTable thead .sorting_asc_disabled:after,
+table.dataTable thead .sorting_desc_disabled:before,
+table.dataTable thead .sorting_desc_disabled:after {
+ bottom: 8px;
+}
+
+.no_padding_right {
+ padding-right: 0 !important;
+}
+
+.container-fluid .pagination {
+ margin: 0 !important;
+ float: right;
+}
+
+.container-fluid.mb20 .btn {
+ height: 38px;
+}
+
+a.btn.add_new {
+ line-height: 29px;
+}
+
+@media (max-width: 576px) {
+ .table_left {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 40%;
+ flex: 0 0 40%;
+ max-width: 40%;
+ }
+
+ .table_right {
+ -webkit-box-flex: 0;
+ -ms-flex: 0 0 60%;
+ flex: 0 0 60%;
+ max-width: 60%;
+ }
+}
+
+label.required:after {
+ content: "*";
+ color: red;
+}
+
+.image {
+ width: 200px;
+ height: auto;
+}
+
+.image_list {
+ width: 40px;
+ height: auto;
+}
+
+.sorting span {
+ text-decoration: underline;
+ cursor: pointer;
+}
+
+.new {
+ line-height: 30px;
+}
+
+.color_white {
+ color: white;
+}
+
+.btn_filter {
+ width: 155px;
+}
+
+a.btn_filter {
+ background-color: buttonface;
+ color: buttontext;
+}
+
+.border_row {
+ border: 1px solid rgba(86, 61, 124, 0.2);
+}
+
+.padding-5 {
+ padding: 5px;
+}
+
+.no_padding_left {
+ padding-left: 0px !important;
+}
+
+.input_personal {
+ border-radius: 0;
+ height: 100%;
+}
+
+.h100 {
+ height: 100% !important;
+}
+
+.mg-0 {
+ margin: 0 !important;
+}
+
+.background-color {
+ background: #cccccc;
+}
+
+.swa-81-fixed-container {
+ position: relative;
+ padding-top: 85px;
+ background: #fff;
+}
+
+.swa-81-fixed-container-header {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 100;
+ width: 100%;
+}
+
+.swa-81-fixed-container-header .card {
+ -webkit-border-bottom-right-radius: 0;
+ -webkit-border-bottom-left-radius: 0;
+ -moz-border-radius-bottomright: 0;
+ -moz-border-radius-bottomleft: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.swa-81-fixed-container-header .card .card-body .form-group {
+ margin-bottom: 0;
+}
+
+.sw-81-ye-title {
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+
+.sw-81-ye-highlight {
+ margin-left: 20px;
+ padding: 5px 20px;
+ background: orange;
+}
+
+.nav-sidebar .nav-treeview {
+ padding: 0 0 0 20px;
+}
+
+.form-control {
+ color: #808080 !important;
+}
+
+@media screen and (min-width: 576px) {
+ .table_left.col-lg-2 {
+ min-width: 25%;
+ }
+
+ .table_right.col-lg-10 {
+ min-width: 75%;
+ }
+}
+
+@media screen and (min-width: 768px) {
+ .table_left.col-lg-2 {
+ min-width: 15%;
+ }
+
+ .table_right.col-lg-10 {
+ min-width: 85%;
+ }
+}
+
+@media screen and (min-width: 992px) {
+ .table_left.col-lg-2 {
+ min-width: 15%;
+ }
+
+ .table_right.col-lg-10 {
+ min-width: 85%;
+ }
+}
+
+@media screen and (min-width: 1200px) {
+ .table_left.col-lg-2 {
+ min-width: 12%;
+ }
+
+ .table_right.col-lg-10 {
+ min-width: 88%;
+ }
+}
+
+.clone-head-table-wrap .table.dataTable {
+ margin-top: 0 !important;
+}
+
+.freeze-table .td-input {
+ background-color: #fff0dc;
+}
+
+.freeze-table thead th:first-child {
+ width: 82px;
+ display: block;
+}
+
+.badge-pill.error-btn {
+ border-radius: 0.5rem;
+}
+
+.searchUserSeqGroup
+ .select2-container
+ .select2-selection--single
+ .select2-selection__rendered {
+ font-family: inherit;
+ font-size: 1.25rem;
+ color: #808080 !important;
+ height: calc(2.875rem + 2px);
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-align: center;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: 0 1rem;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ margin-top: 0;
+}
+
+.searchUserSeqGroup {
+ height: calc(2.875rem + 2px);
+}
+
+.searchUserSeqGroup .searchUserSeq {
+ height: 100%;
+}
+
+.searchUserSeqGroup .select2-container--default .select2-selection--single,
+.select2-selection .select2-selection--single {
+ height: 100%;
+ padding: 0;
+}
+
+.searchUserSeqGroup
+ .select2-container--default
+ .select2-selection--single
+ .select2-selection__arrow {
+ height: 100%;
+ top: -2px;
+}
+
+.form-control::-webkit-input-placeholder {
+ color: #c4c9cc;
+}
+
+.form-control::-moz-placeholder {
+ color: #c4c9cc;
+}
+
+.form-control:-moz-placeholder {
+ color: #c4c9cc;
+}
+
+.form-control:-ms-input-placeholder {
+ color: #c4c9cc;
+}
+
+.font-size-1_25 {
+ font-size: 1.25rem;
+}
+.text-danger-bold {
+ color: #dc3545 !important;
+ font-weight: bold;
+}
\ No newline at end of file
diff --git a/public/assets/css/mypage/bootstrap.min.css b/public/assets/css/mypage/bootstrap.min.css
new file mode 100644
index 0000000..4b48b3f
--- /dev/null
+++ b/public/assets/css/mypage/bootstrap.min.css
@@ -0,0 +1,10003 @@
+/*!
+ * Bootstrap v4.1.3 (https://getbootstrap.com/)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+:root {
+ --blue: #007bff;
+ --indigo: #6610f2;
+ --purple: #6f42c1;
+ --pink: #e83e8c;
+ --red: #dc3545;
+ --orange: #fd7e14;
+ --yellow: #ffc107;
+ --green: #28a745;
+ --teal: #20c997;
+ --cyan: #17a2b8;
+ --white: #fff;
+ --gray: #6c757d;
+ --gray-dark: #343a40;
+ --primary: #007bff;
+ --secondary: #6c757d;
+ --success: #28a745;
+ --info: #17a2b8;
+ --warning: #ffc107;
+ --danger: #dc3545;
+ --light: #f8f9fa;
+ --dark: #343a40;
+ --breakpoint-xs: 0;
+ --breakpoint-sm: 576px;
+ --breakpoint-md: 768px;
+ --breakpoint-lg: 992px;
+ --breakpoint-xl: 1200px;
+ --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
+}
+
+*,
+::after,
+::before {
+ box-sizing: border-box
+}
+
+html {
+ font-family: sans-serif;
+ line-height: 1.15;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -ms-overflow-style: scrollbar;
+ -webkit-tap-highlight-color: transparent
+}
+
+@-ms-viewport {
+ width: device-width
+}
+
+article,
+aside,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section {
+ display: block
+}
+
+body {
+ margin: 0;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #212529;
+ text-align: left;
+ background-color: #fff
+}
+
+[tabindex="-1"]:focus {
+ outline: 0 !important
+}
+
+hr {
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin-top: 0;
+ margin-bottom: .5rem
+}
+
+p {
+ margin-top: 0;
+ margin-bottom: 1rem
+}
+
+abbr[data-original-title],
+abbr[title] {
+ text-decoration: underline;
+ -webkit-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+ cursor: help;
+ border-bottom: 0
+}
+
+address {
+ margin-bottom: 1rem;
+ font-style: normal;
+ line-height: inherit
+}
+
+dl,
+ol,
+ul {
+ margin-top: 0;
+ margin-bottom: 1rem
+}
+
+ol ol,
+ol ul,
+ul ol,
+ul ul {
+ margin-bottom: 0
+}
+
+dt {
+ font-weight: 700
+}
+
+dd {
+ margin-bottom: .5rem;
+ margin-left: 0
+}
+
+blockquote {
+ margin: 0 0 1rem
+}
+
+dfn {
+ font-style: italic
+}
+
+b,
+strong {
+ font-weight: bolder
+}
+
+small {
+ font-size: 80%
+}
+
+sub,
+sup {
+ position: relative;
+ font-size: 75%;
+ line-height: 0;
+ vertical-align: baseline
+}
+
+sub {
+ bottom: -.25em
+}
+
+sup {
+ top: -.5em
+}
+
+a {
+ color: #007bff;
+ text-decoration: none;
+ background-color: transparent;
+ -webkit-text-decoration-skip: objects
+}
+
+a:hover {
+ color: #0056b3;
+ text-decoration: underline
+}
+
+a:not([href]):not([tabindex]) {
+ color: inherit;
+ text-decoration: none
+}
+
+a:not([href]):not([tabindex]):focus,
+a:not([href]):not([tabindex]):hover {
+ color: inherit;
+ text-decoration: none
+}
+
+a:not([href]):not([tabindex]):focus {
+ outline: 0
+}
+
+code,
+kbd,
+pre,
+samp {
+ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+ font-size: 1em
+}
+
+pre {
+ margin-top: 0;
+ margin-bottom: 1rem;
+ overflow: auto;
+ -ms-overflow-style: scrollbar
+}
+
+figure {
+ margin: 0 0 1rem
+}
+
+img {
+ vertical-align: middle;
+ border-style: none
+}
+
+svg {
+ overflow: hidden;
+ vertical-align: middle
+}
+
+table {
+ border-collapse: collapse
+}
+
+caption {
+ padding-top: .75rem;
+ padding-bottom: .75rem;
+ color: #6c757d;
+ text-align: left;
+ caption-side: bottom
+}
+
+th {
+ text-align: inherit
+}
+
+label {
+ display: inline-block;
+ margin-bottom: .5rem
+}
+
+button {
+ border-radius: 0
+}
+
+button:focus {
+ outline: 1px dotted;
+ outline: 5px auto -webkit-focus-ring-color
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ margin: 0;
+ font-family: inherit;
+ font-size: inherit;
+ line-height: inherit
+}
+
+button,
+input {
+ overflow: visible
+}
+
+button,
+select {
+ text-transform: none
+}
+
+[type=reset],
+[type=submit],
+button,
+html [type=button] {
+ -webkit-appearance: button
+}
+
+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner,
+button::-moz-focus-inner {
+ padding: 0;
+ border-style: none
+}
+
+input[type=checkbox],
+input[type=radio] {
+ box-sizing: border-box;
+ padding: 0
+}
+
+input[type=date],
+input[type=datetime-local],
+input[type=month],
+input[type=time] {
+ -webkit-appearance: listbox
+}
+
+textarea {
+ overflow: auto;
+ resize: vertical
+}
+
+fieldset {
+ min-width: 0;
+ padding: 0;
+ margin: 0;
+ border: 0
+}
+
+legend {
+ display: block;
+ width: 100%;
+ max-width: 100%;
+ padding: 0;
+ margin-bottom: .5rem;
+ font-size: 1.5rem;
+ line-height: inherit;
+ color: inherit;
+ white-space: normal
+}
+
+progress {
+ vertical-align: baseline
+}
+
+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
+ height: auto
+}
+
+[type=search] {
+ outline-offset: -2px;
+ -webkit-appearance: none
+}
+
+[type=search]::-webkit-search-cancel-button,
+[type=search]::-webkit-search-decoration {
+ -webkit-appearance: none
+}
+
+::-webkit-file-upload-button {
+ font: inherit;
+ -webkit-appearance: button
+}
+
+output {
+ display: inline-block
+}
+
+summary {
+ display: list-item;
+ cursor: pointer
+}
+
+template {
+ display: none
+}
+
+[hidden] {
+ display: none !important
+}
+
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin-bottom: .5rem;
+ font-family: inherit;
+ font-weight: 500;
+ line-height: 1.2;
+ color: inherit
+}
+
+.h1,
+h1 {
+ font-size: 2.5rem
+}
+
+.h2,
+h2 {
+ font-size: 2rem
+}
+
+.h3,
+h3 {
+ font-size: 1.75rem
+}
+
+.h4,
+h4 {
+ font-size: 1.5rem
+}
+
+.h5,
+h5 {
+ font-size: 1.25rem
+}
+
+.h6,
+h6 {
+ font-size: 1rem
+}
+
+.lead {
+ font-size: 1.25rem;
+ font-weight: 300
+}
+
+.display-1 {
+ font-size: 6rem;
+ font-weight: 300;
+ line-height: 1.2
+}
+
+.display-2 {
+ font-size: 5.5rem;
+ font-weight: 300;
+ line-height: 1.2
+}
+
+.display-3 {
+ font-size: 4.5rem;
+ font-weight: 300;
+ line-height: 1.2
+}
+
+.display-4 {
+ font-size: 3.5rem;
+ font-weight: 300;
+ line-height: 1.2
+}
+
+hr {
+ margin-top: 1rem;
+ margin-bottom: 1rem;
+ border: 0;
+ border-top: 1px solid rgba(0, 0, 0, .1)
+}
+
+.small,
+small {
+ font-size: 80%;
+ font-weight: 400
+}
+
+.mark,
+mark {
+ padding: .2em;
+ background-color: #fcf8e3
+}
+
+.list-unstyled {
+ padding-left: 0;
+ list-style: none
+}
+
+.list-inline {
+ padding-left: 0;
+ list-style: none
+}
+
+.list-inline-item {
+ display: inline-block
+}
+
+.list-inline-item:not(:last-child) {
+ margin-right: .5rem
+}
+
+.initialism {
+ font-size: 90%;
+ text-transform: uppercase
+}
+
+.blockquote {
+ margin-bottom: 1rem;
+ font-size: 1.25rem
+}
+
+.blockquote-footer {
+ display: block;
+ font-size: 80%;
+ color: #6c757d
+}
+
+.blockquote-footer::before {
+ content: "\2014 \00A0"
+}
+
+.img-fluid {
+ max-width: 100%;
+ height: auto
+}
+
+.img-thumbnail {
+ padding: .25rem;
+ background-color: #fff;
+ border: 1px solid #dee2e6;
+ border-radius: .25rem;
+ max-width: 100%;
+ height: auto
+}
+
+.figure {
+ display: inline-block
+}
+
+.figure-img {
+ margin-bottom: .5rem;
+ line-height: 1
+}
+
+.figure-caption {
+ font-size: 90%;
+ color: #6c757d
+}
+
+code {
+ font-size: 87.5%;
+ color: #e83e8c;
+ word-break: break-word
+}
+
+a>code {
+ color: inherit
+}
+
+kbd {
+ padding: .2rem .4rem;
+ font-size: 87.5%;
+ color: #fff;
+ background-color: #212529;
+ border-radius: .2rem
+}
+
+kbd kbd {
+ padding: 0;
+ font-size: 100%;
+ font-weight: 700
+}
+
+pre {
+ display: block;
+ font-size: 87.5%;
+ color: #212529
+}
+
+pre code {
+ font-size: inherit;
+ color: inherit;
+ word-break: normal
+}
+
+.pre-scrollable {
+ max-height: 340px;
+ overflow-y: scroll
+}
+
+.container {
+ width: 100%;
+ padding-right: 15px;
+ padding-left: 15px;
+ margin-right: auto;
+ margin-left: auto
+}
+
+@media (min-width:576px) {
+ .container {
+ max-width: 540px
+ }
+}
+
+@media (min-width:768px) {
+ .container {
+ max-width: 720px
+ }
+}
+
+@media (min-width:992px) {
+ .container {
+ max-width: 960px
+ }
+}
+
+@media (min-width:1200px) {
+ .container {
+ max-width: 1140px
+ }
+}
+
+.container-fluid {
+ width: 100%;
+ padding-right: 15px;
+ padding-left: 15px;
+ margin-right: auto;
+ margin-left: auto
+}
+
+.row {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -15px;
+ margin-left: -15px
+}
+
+.no-gutters {
+ margin-right: 0;
+ margin-left: 0
+}
+
+.no-gutters>.col,
+.no-gutters>[class*=col-] {
+ padding-right: 0;
+ padding-left: 0
+}
+
+.col,
+.col-1,
+.col-10,
+.col-11,
+.col-12,
+.col-2,
+.col-3,
+.col-4,
+.col-5,
+.col-6,
+.col-7,
+.col-8,
+.col-9,
+.col-auto,
+.col-lg,
+.col-lg-1,
+.col-lg-10,
+.col-lg-11,
+.col-lg-12,
+.col-lg-2,
+.col-lg-3,
+.col-lg-4,
+.col-lg-5,
+.col-lg-6,
+.col-lg-7,
+.col-lg-8,
+.col-lg-9,
+.col-lg-auto,
+.col-md,
+.col-md-1,
+.col-md-10,
+.col-md-11,
+.col-md-12,
+.col-md-2,
+.col-md-3,
+.col-md-4,
+.col-md-5,
+.col-md-6,
+.col-md-7,
+.col-md-8,
+.col-md-9,
+.col-md-auto,
+.col-sm,
+.col-sm-1,
+.col-sm-10,
+.col-sm-11,
+.col-sm-12,
+.col-sm-2,
+.col-sm-3,
+.col-sm-4,
+.col-sm-5,
+.col-sm-6,
+.col-sm-7,
+.col-sm-8,
+.col-sm-9,
+.col-sm-auto,
+.col-xl,
+.col-xl-1,
+.col-xl-10,
+.col-xl-11,
+.col-xl-12,
+.col-xl-2,
+.col-xl-3,
+.col-xl-4,
+.col-xl-5,
+.col-xl-6,
+.col-xl-7,
+.col-xl-8,
+.col-xl-9,
+.col-xl-auto {
+ position: relative;
+ width: 100%;
+ min-height: 1px;
+ padding-right: 15px;
+ padding-left: 15px
+}
+
+.col {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%
+}
+
+.col-auto {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: none
+}
+
+.col-1 {
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%
+}
+
+.col-2 {
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%
+}
+
+.col-3 {
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%
+}
+
+.col-4 {
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%
+}
+
+.col-5 {
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%
+}
+
+.col-6 {
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%
+}
+
+.col-7 {
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%
+}
+
+.col-8 {
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%
+}
+
+.col-9 {
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%
+}
+
+.col-10 {
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%
+}
+
+.col-11 {
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%
+}
+
+.col-12 {
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%
+}
+
+.order-first {
+ -ms-flex-order: -1;
+ order: -1
+}
+
+.order-last {
+ -ms-flex-order: 13;
+ order: 13
+}
+
+.order-0 {
+ -ms-flex-order: 0;
+ order: 0
+}
+
+.order-1 {
+ -ms-flex-order: 1;
+ order: 1
+}
+
+.order-2 {
+ -ms-flex-order: 2;
+ order: 2
+}
+
+.order-3 {
+ -ms-flex-order: 3;
+ order: 3
+}
+
+.order-4 {
+ -ms-flex-order: 4;
+ order: 4
+}
+
+.order-5 {
+ -ms-flex-order: 5;
+ order: 5
+}
+
+.order-6 {
+ -ms-flex-order: 6;
+ order: 6
+}
+
+.order-7 {
+ -ms-flex-order: 7;
+ order: 7
+}
+
+.order-8 {
+ -ms-flex-order: 8;
+ order: 8
+}
+
+.order-9 {
+ -ms-flex-order: 9;
+ order: 9
+}
+
+.order-10 {
+ -ms-flex-order: 10;
+ order: 10
+}
+
+.order-11 {
+ -ms-flex-order: 11;
+ order: 11
+}
+
+.order-12 {
+ -ms-flex-order: 12;
+ order: 12
+}
+
+.offset-1 {
+ margin-left: 8.333333%
+}
+
+.offset-2 {
+ margin-left: 16.666667%
+}
+
+.offset-3 {
+ margin-left: 25%
+}
+
+.offset-4 {
+ margin-left: 33.333333%
+}
+
+.offset-5 {
+ margin-left: 41.666667%
+}
+
+.offset-6 {
+ margin-left: 50%
+}
+
+.offset-7 {
+ margin-left: 58.333333%
+}
+
+.offset-8 {
+ margin-left: 66.666667%
+}
+
+.offset-9 {
+ margin-left: 75%
+}
+
+.offset-10 {
+ margin-left: 83.333333%
+}
+
+.offset-11 {
+ margin-left: 91.666667%
+}
+
+@media (min-width:576px) {
+ .col-sm {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%
+ }
+
+ .col-sm-auto {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: none
+ }
+
+ .col-sm-1 {
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%
+ }
+
+ .col-sm-2 {
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%
+ }
+
+ .col-sm-3 {
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%
+ }
+
+ .col-sm-4 {
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%
+ }
+
+ .col-sm-5 {
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%
+ }
+
+ .col-sm-6 {
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%
+ }
+
+ .col-sm-7 {
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%
+ }
+
+ .col-sm-8 {
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%
+ }
+
+ .col-sm-9 {
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%
+ }
+
+ .col-sm-10 {
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%
+ }
+
+ .col-sm-11 {
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%
+ }
+
+ .col-sm-12 {
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%
+ }
+
+ .order-sm-first {
+ -ms-flex-order: -1;
+ order: -1
+ }
+
+ .order-sm-last {
+ -ms-flex-order: 13;
+ order: 13
+ }
+
+ .order-sm-0 {
+ -ms-flex-order: 0;
+ order: 0
+ }
+
+ .order-sm-1 {
+ -ms-flex-order: 1;
+ order: 1
+ }
+
+ .order-sm-2 {
+ -ms-flex-order: 2;
+ order: 2
+ }
+
+ .order-sm-3 {
+ -ms-flex-order: 3;
+ order: 3
+ }
+
+ .order-sm-4 {
+ -ms-flex-order: 4;
+ order: 4
+ }
+
+ .order-sm-5 {
+ -ms-flex-order: 5;
+ order: 5
+ }
+
+ .order-sm-6 {
+ -ms-flex-order: 6;
+ order: 6
+ }
+
+ .order-sm-7 {
+ -ms-flex-order: 7;
+ order: 7
+ }
+
+ .order-sm-8 {
+ -ms-flex-order: 8;
+ order: 8
+ }
+
+ .order-sm-9 {
+ -ms-flex-order: 9;
+ order: 9
+ }
+
+ .order-sm-10 {
+ -ms-flex-order: 10;
+ order: 10
+ }
+
+ .order-sm-11 {
+ -ms-flex-order: 11;
+ order: 11
+ }
+
+ .order-sm-12 {
+ -ms-flex-order: 12;
+ order: 12
+ }
+
+ .offset-sm-0 {
+ margin-left: 0
+ }
+
+ .offset-sm-1 {
+ margin-left: 8.333333%
+ }
+
+ .offset-sm-2 {
+ margin-left: 16.666667%
+ }
+
+ .offset-sm-3 {
+ margin-left: 25%
+ }
+
+ .offset-sm-4 {
+ margin-left: 33.333333%
+ }
+
+ .offset-sm-5 {
+ margin-left: 41.666667%
+ }
+
+ .offset-sm-6 {
+ margin-left: 50%
+ }
+
+ .offset-sm-7 {
+ margin-left: 58.333333%
+ }
+
+ .offset-sm-8 {
+ margin-left: 66.666667%
+ }
+
+ .offset-sm-9 {
+ margin-left: 75%
+ }
+
+ .offset-sm-10 {
+ margin-left: 83.333333%
+ }
+
+ .offset-sm-11 {
+ margin-left: 91.666667%
+ }
+}
+
+@media (min-width:768px) {
+ .col-md {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%
+ }
+
+ .col-md-auto {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: none
+ }
+
+ .col-md-1 {
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%
+ }
+
+ .col-md-2 {
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%
+ }
+
+ .col-md-3 {
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%
+ }
+
+ .col-md-4 {
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%
+ }
+
+ .col-md-5 {
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%
+ }
+
+ .col-md-6 {
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%
+ }
+
+ .col-md-7 {
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%
+ }
+
+ .col-md-8 {
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%
+ }
+
+ .col-md-9 {
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%
+ }
+
+ .col-md-10 {
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%
+ }
+
+ .col-md-11 {
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%
+ }
+
+ .col-md-12 {
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%
+ }
+
+ .order-md-first {
+ -ms-flex-order: -1;
+ order: -1
+ }
+
+ .order-md-last {
+ -ms-flex-order: 13;
+ order: 13
+ }
+
+ .order-md-0 {
+ -ms-flex-order: 0;
+ order: 0
+ }
+
+ .order-md-1 {
+ -ms-flex-order: 1;
+ order: 1
+ }
+
+ .order-md-2 {
+ -ms-flex-order: 2;
+ order: 2
+ }
+
+ .order-md-3 {
+ -ms-flex-order: 3;
+ order: 3
+ }
+
+ .order-md-4 {
+ -ms-flex-order: 4;
+ order: 4
+ }
+
+ .order-md-5 {
+ -ms-flex-order: 5;
+ order: 5
+ }
+
+ .order-md-6 {
+ -ms-flex-order: 6;
+ order: 6
+ }
+
+ .order-md-7 {
+ -ms-flex-order: 7;
+ order: 7
+ }
+
+ .order-md-8 {
+ -ms-flex-order: 8;
+ order: 8
+ }
+
+ .order-md-9 {
+ -ms-flex-order: 9;
+ order: 9
+ }
+
+ .order-md-10 {
+ -ms-flex-order: 10;
+ order: 10
+ }
+
+ .order-md-11 {
+ -ms-flex-order: 11;
+ order: 11
+ }
+
+ .order-md-12 {
+ -ms-flex-order: 12;
+ order: 12
+ }
+
+ .offset-md-0 {
+ margin-left: 0
+ }
+
+ .offset-md-1 {
+ margin-left: 8.333333%
+ }
+
+ .offset-md-2 {
+ margin-left: 16.666667%
+ }
+
+ .offset-md-3 {
+ margin-left: 25%
+ }
+
+ .offset-md-4 {
+ margin-left: 33.333333%
+ }
+
+ .offset-md-5 {
+ margin-left: 41.666667%
+ }
+
+ .offset-md-6 {
+ margin-left: 50%
+ }
+
+ .offset-md-7 {
+ margin-left: 58.333333%
+ }
+
+ .offset-md-8 {
+ margin-left: 66.666667%
+ }
+
+ .offset-md-9 {
+ margin-left: 75%
+ }
+
+ .offset-md-10 {
+ margin-left: 83.333333%
+ }
+
+ .offset-md-11 {
+ margin-left: 91.666667%
+ }
+}
+
+@media (min-width:992px) {
+ .col-lg {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%
+ }
+
+ .col-lg-auto {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: none
+ }
+
+ .col-lg-1 {
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%
+ }
+
+ .col-lg-2 {
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%
+ }
+
+ .col-lg-3 {
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%
+ }
+
+ .col-lg-4 {
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%
+ }
+
+ .col-lg-5 {
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%
+ }
+
+ .col-lg-6 {
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%
+ }
+
+ .col-lg-7 {
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%
+ }
+
+ .col-lg-8 {
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%
+ }
+
+ .col-lg-9 {
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%
+ }
+
+ .col-lg-10 {
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%
+ }
+
+ .col-lg-11 {
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%
+ }
+
+ .col-lg-12 {
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%
+ }
+
+ .order-lg-first {
+ -ms-flex-order: -1;
+ order: -1
+ }
+
+ .order-lg-last {
+ -ms-flex-order: 13;
+ order: 13
+ }
+
+ .order-lg-0 {
+ -ms-flex-order: 0;
+ order: 0
+ }
+
+ .order-lg-1 {
+ -ms-flex-order: 1;
+ order: 1
+ }
+
+ .order-lg-2 {
+ -ms-flex-order: 2;
+ order: 2
+ }
+
+ .order-lg-3 {
+ -ms-flex-order: 3;
+ order: 3
+ }
+
+ .order-lg-4 {
+ -ms-flex-order: 4;
+ order: 4
+ }
+
+ .order-lg-5 {
+ -ms-flex-order: 5;
+ order: 5
+ }
+
+ .order-lg-6 {
+ -ms-flex-order: 6;
+ order: 6
+ }
+
+ .order-lg-7 {
+ -ms-flex-order: 7;
+ order: 7
+ }
+
+ .order-lg-8 {
+ -ms-flex-order: 8;
+ order: 8
+ }
+
+ .order-lg-9 {
+ -ms-flex-order: 9;
+ order: 9
+ }
+
+ .order-lg-10 {
+ -ms-flex-order: 10;
+ order: 10
+ }
+
+ .order-lg-11 {
+ -ms-flex-order: 11;
+ order: 11
+ }
+
+ .order-lg-12 {
+ -ms-flex-order: 12;
+ order: 12
+ }
+
+ .offset-lg-0 {
+ margin-left: 0
+ }
+
+ .offset-lg-1 {
+ margin-left: 8.333333%
+ }
+
+ .offset-lg-2 {
+ margin-left: 16.666667%
+ }
+
+ .offset-lg-3 {
+ margin-left: 25%
+ }
+
+ .offset-lg-4 {
+ margin-left: 33.333333%
+ }
+
+ .offset-lg-5 {
+ margin-left: 41.666667%
+ }
+
+ .offset-lg-6 {
+ margin-left: 50%
+ }
+
+ .offset-lg-7 {
+ margin-left: 58.333333%
+ }
+
+ .offset-lg-8 {
+ margin-left: 66.666667%
+ }
+
+ .offset-lg-9 {
+ margin-left: 75%
+ }
+
+ .offset-lg-10 {
+ margin-left: 83.333333%
+ }
+
+ .offset-lg-11 {
+ margin-left: 91.666667%
+ }
+}
+
+@media (min-width:1200px) {
+ .col-xl {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ max-width: 100%
+ }
+
+ .col-xl-auto {
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ width: auto;
+ max-width: none
+ }
+
+ .col-xl-1 {
+ -ms-flex: 0 0 8.333333%;
+ flex: 0 0 8.333333%;
+ max-width: 8.333333%
+ }
+
+ .col-xl-2 {
+ -ms-flex: 0 0 16.666667%;
+ flex: 0 0 16.666667%;
+ max-width: 16.666667%
+ }
+
+ .col-xl-3 {
+ -ms-flex: 0 0 25%;
+ flex: 0 0 25%;
+ max-width: 25%
+ }
+
+ .col-xl-4 {
+ -ms-flex: 0 0 33.333333%;
+ flex: 0 0 33.333333%;
+ max-width: 33.333333%
+ }
+
+ .col-xl-5 {
+ -ms-flex: 0 0 41.666667%;
+ flex: 0 0 41.666667%;
+ max-width: 41.666667%
+ }
+
+ .col-xl-6 {
+ -ms-flex: 0 0 50%;
+ flex: 0 0 50%;
+ max-width: 50%
+ }
+
+ .col-xl-7 {
+ -ms-flex: 0 0 58.333333%;
+ flex: 0 0 58.333333%;
+ max-width: 58.333333%
+ }
+
+ .col-xl-8 {
+ -ms-flex: 0 0 66.666667%;
+ flex: 0 0 66.666667%;
+ max-width: 66.666667%
+ }
+
+ .col-xl-9 {
+ -ms-flex: 0 0 75%;
+ flex: 0 0 75%;
+ max-width: 75%
+ }
+
+ .col-xl-10 {
+ -ms-flex: 0 0 83.333333%;
+ flex: 0 0 83.333333%;
+ max-width: 83.333333%
+ }
+
+ .col-xl-11 {
+ -ms-flex: 0 0 91.666667%;
+ flex: 0 0 91.666667%;
+ max-width: 91.666667%
+ }
+
+ .col-xl-12 {
+ -ms-flex: 0 0 100%;
+ flex: 0 0 100%;
+ max-width: 100%
+ }
+
+ .order-xl-first {
+ -ms-flex-order: -1;
+ order: -1
+ }
+
+ .order-xl-last {
+ -ms-flex-order: 13;
+ order: 13
+ }
+
+ .order-xl-0 {
+ -ms-flex-order: 0;
+ order: 0
+ }
+
+ .order-xl-1 {
+ -ms-flex-order: 1;
+ order: 1
+ }
+
+ .order-xl-2 {
+ -ms-flex-order: 2;
+ order: 2
+ }
+
+ .order-xl-3 {
+ -ms-flex-order: 3;
+ order: 3
+ }
+
+ .order-xl-4 {
+ -ms-flex-order: 4;
+ order: 4
+ }
+
+ .order-xl-5 {
+ -ms-flex-order: 5;
+ order: 5
+ }
+
+ .order-xl-6 {
+ -ms-flex-order: 6;
+ order: 6
+ }
+
+ .order-xl-7 {
+ -ms-flex-order: 7;
+ order: 7
+ }
+
+ .order-xl-8 {
+ -ms-flex-order: 8;
+ order: 8
+ }
+
+ .order-xl-9 {
+ -ms-flex-order: 9;
+ order: 9
+ }
+
+ .order-xl-10 {
+ -ms-flex-order: 10;
+ order: 10
+ }
+
+ .order-xl-11 {
+ -ms-flex-order: 11;
+ order: 11
+ }
+
+ .order-xl-12 {
+ -ms-flex-order: 12;
+ order: 12
+ }
+
+ .offset-xl-0 {
+ margin-left: 0
+ }
+
+ .offset-xl-1 {
+ margin-left: 8.333333%
+ }
+
+ .offset-xl-2 {
+ margin-left: 16.666667%
+ }
+
+ .offset-xl-3 {
+ margin-left: 25%
+ }
+
+ .offset-xl-4 {
+ margin-left: 33.333333%
+ }
+
+ .offset-xl-5 {
+ margin-left: 41.666667%
+ }
+
+ .offset-xl-6 {
+ margin-left: 50%
+ }
+
+ .offset-xl-7 {
+ margin-left: 58.333333%
+ }
+
+ .offset-xl-8 {
+ margin-left: 66.666667%
+ }
+
+ .offset-xl-9 {
+ margin-left: 75%
+ }
+
+ .offset-xl-10 {
+ margin-left: 83.333333%
+ }
+
+ .offset-xl-11 {
+ margin-left: 91.666667%
+ }
+}
+
+.table {
+ width: 100%;
+ margin-bottom: 1rem;
+ background-color: transparent
+}
+
+.table td,
+.table th {
+ padding: .75rem;
+ vertical-align: top;
+ border-top: 1px solid #dee2e6
+}
+
+.table thead th {
+ vertical-align: bottom;
+ border-bottom: 2px solid #dee2e6
+}
+
+.table tbody+tbody {
+ border-top: 2px solid #dee2e6
+}
+
+.table .table {
+ background-color: #fff
+}
+
+.table-sm td,
+.table-sm th {
+ padding: .3rem
+}
+
+.table-bordered {
+ border: 1px solid #dee2e6
+}
+
+.table-bordered td,
+.table-bordered th {
+ border: 1px solid #dee2e6
+}
+
+.table-bordered thead td,
+.table-bordered thead th {
+ border-bottom-width: 2px
+}
+
+.table-borderless tbody+tbody,
+.table-borderless td,
+.table-borderless th,
+.table-borderless thead th {
+ border: 0
+}
+
+.table-striped tbody tr:nth-of-type(odd) {
+ background-color: rgba(0, 0, 0, .05)
+}
+
+.table-hover tbody tr:hover {
+ background-color: rgba(0, 0, 0, .075)
+}
+
+.table-primary,
+.table-primary>td,
+.table-primary>th {
+ background-color: #b8daff
+}
+
+.table-hover .table-primary:hover {
+ background-color: #9fcdff
+}
+
+.table-hover .table-primary:hover>td,
+.table-hover .table-primary:hover>th {
+ background-color: #9fcdff
+}
+
+.table-secondary,
+.table-secondary>td,
+.table-secondary>th {
+ background-color: #d6d8db
+}
+
+.table-hover .table-secondary:hover {
+ background-color: #c8cbcf
+}
+
+.table-hover .table-secondary:hover>td,
+.table-hover .table-secondary:hover>th {
+ background-color: #c8cbcf
+}
+
+.table-success,
+.table-success>td,
+.table-success>th {
+ background-color: #c3e6cb
+}
+
+.table-hover .table-success:hover {
+ background-color: #b1dfbb
+}
+
+.table-hover .table-success:hover>td,
+.table-hover .table-success:hover>th {
+ background-color: #b1dfbb
+}
+
+.table-info,
+.table-info>td,
+.table-info>th {
+ background-color: #bee5eb
+}
+
+.table-hover .table-info:hover {
+ background-color: #abdde5
+}
+
+.table-hover .table-info:hover>td,
+.table-hover .table-info:hover>th {
+ background-color: #abdde5
+}
+
+.table-warning,
+.table-warning>td,
+.table-warning>th {
+ background-color: #ffeeba
+}
+
+.table-hover .table-warning:hover {
+ background-color: #ffe8a1
+}
+
+.table-hover .table-warning:hover>td,
+.table-hover .table-warning:hover>th {
+ background-color: #ffe8a1
+}
+
+.table-danger,
+.table-danger>td,
+.table-danger>th {
+ background-color: #f5c6cb
+}
+
+.table-hover .table-danger:hover {
+ background-color: #f1b0b7
+}
+
+.table-hover .table-danger:hover>td,
+.table-hover .table-danger:hover>th {
+ background-color: #f1b0b7
+}
+
+.table-light,
+.table-light>td,
+.table-light>th {
+ background-color: #fdfdfe
+}
+
+.table-hover .table-light:hover {
+ background-color: #ececf6
+}
+
+.table-hover .table-light:hover>td,
+.table-hover .table-light:hover>th {
+ background-color: #ececf6
+}
+
+.table-dark,
+.table-dark>td,
+.table-dark>th {
+ background-color: #c6c8ca
+}
+
+.table-hover .table-dark:hover {
+ background-color: #b9bbbe
+}
+
+.table-hover .table-dark:hover>td,
+.table-hover .table-dark:hover>th {
+ background-color: #b9bbbe
+}
+
+.table-active,
+.table-active>td,
+.table-active>th {
+ background-color: rgba(0, 0, 0, .075)
+}
+
+.table-hover .table-active:hover {
+ background-color: rgba(0, 0, 0, .075)
+}
+
+.table-hover .table-active:hover>td,
+.table-hover .table-active:hover>th {
+ background-color: rgba(0, 0, 0, .075)
+}
+
+.table .thead-dark th {
+ color: #fff;
+ background-color: #212529;
+ border-color: #32383e
+}
+
+.table .thead-light th {
+ color: #495057;
+ background-color: #e9ecef;
+ border-color: #dee2e6
+}
+
+.table-dark {
+ color: #fff;
+ background-color: #212529
+}
+
+.table-dark td,
+.table-dark th,
+.table-dark thead th {
+ border-color: #32383e
+}
+
+.table-dark.table-bordered {
+ border: 0
+}
+
+.table-dark.table-striped tbody tr:nth-of-type(odd) {
+ background-color: rgba(255, 255, 255, .05)
+}
+
+.table-dark.table-hover tbody tr:hover {
+ background-color: rgba(255, 255, 255, .075)
+}
+
+@media (max-width:575.98px) {
+ .table-responsive-sm {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar
+ }
+
+ .table-responsive-sm>.table-bordered {
+ border: 0
+ }
+}
+
+@media (max-width:767.98px) {
+ .table-responsive-md {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar
+ }
+
+ .table-responsive-md>.table-bordered {
+ border: 0
+ }
+}
+
+@media (max-width:991.98px) {
+ .table-responsive-lg {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar
+ }
+
+ .table-responsive-lg>.table-bordered {
+ border: 0
+ }
+}
+
+@media (max-width:1199.98px) {
+ .table-responsive-xl {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar
+ }
+
+ .table-responsive-xl>.table-bordered {
+ border: 0
+ }
+}
+
+.table-responsive {
+ display: block;
+ width: 100%;
+ overflow-x: auto;
+ -webkit-overflow-scrolling: touch;
+ -ms-overflow-style: -ms-autohiding-scrollbar
+}
+
+.table-responsive>.table-bordered {
+ border: 0
+}
+
+.form-control {
+ display: block;
+ width: 100%;
+ height: calc(2.25rem + 2px);
+ padding: .375rem .75rem;
+ font-size: 1rem;
+ line-height: 1.5;
+ color: #495057;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid #ced4da;
+ border-radius: .25rem;
+ transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
+}
+
+@media screen and (prefers-reduced-motion:reduce) {
+ .form-control {
+ transition: none
+ }
+}
+
+.form-control::-ms-expand {
+ background-color: transparent;
+ border: 0
+}
+
+.form-control:focus {
+ color: #495057;
+ background-color: #fff;
+ border-color: #80bdff;
+ outline: 0;
+ box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
+}
+
+.form-control::-webkit-input-placeholder {
+ color: #6c757d;
+ opacity: 1
+}
+
+.form-control::-moz-placeholder {
+ color: #6c757d;
+ opacity: 1
+}
+
+.form-control:-ms-input-placeholder {
+ color: #6c757d;
+ opacity: 1
+}
+
+.form-control::-ms-input-placeholder {
+ color: #6c757d;
+ opacity: 1
+}
+
+.form-control::placeholder {
+ color: #6c757d;
+ opacity: 1
+}
+
+.form-control:disabled,
+.form-control[readonly] {
+ background-color: #e9ecef;
+ opacity: 1
+}
+
+select.form-control:focus::-ms-value {
+ color: #495057;
+ background-color: #fff
+}
+
+.form-control-file,
+.form-control-range {
+ display: block;
+ width: 100%
+}
+
+.col-form-label {
+ padding-top: calc(.375rem + 1px);
+ padding-bottom: calc(.375rem + 1px);
+ margin-bottom: 0;
+ font-size: inherit;
+ line-height: 1.5
+}
+
+.col-form-label-lg {
+ padding-top: calc(.5rem + 1px);
+ padding-bottom: calc(.5rem + 1px);
+ font-size: 1.25rem;
+ line-height: 1.5
+}
+
+.col-form-label-sm {
+ padding-top: calc(.25rem + 1px);
+ padding-bottom: calc(.25rem + 1px);
+ font-size: .875rem;
+ line-height: 1.5
+}
+
+.form-control-plaintext {
+ display: block;
+ width: 100%;
+ padding-top: .375rem;
+ padding-bottom: .375rem;
+ margin-bottom: 0;
+ line-height: 1.5;
+ color: #212529;
+ background-color: transparent;
+ border: solid transparent;
+ border-width: 1px 0
+}
+
+.form-control-plaintext.form-control-lg,
+.form-control-plaintext.form-control-sm {
+ padding-right: 0;
+ padding-left: 0
+}
+
+.form-control-sm {
+ height: calc(1.8125rem + 2px);
+ padding: .25rem .5rem;
+ font-size: .875rem;
+ line-height: 1.5;
+ border-radius: .2rem
+}
+
+.form-control-lg {
+ height: calc(2.875rem + 2px);
+ padding: .5rem 1rem;
+ font-size: 1.25rem;
+ line-height: 1.5;
+ border-radius: .3rem
+}
+
+select.form-control[multiple],
+select.form-control[size] {
+ height: auto
+}
+
+textarea.form-control {
+ height: auto
+}
+
+.form-group {
+ margin-bottom: 1rem
+}
+
+.form-text {
+ display: block;
+ margin-top: .25rem
+}
+
+.form-row {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: -5px;
+ margin-left: -5px
+}
+
+.form-row>.col,
+.form-row>[class*=col-] {
+ padding-right: 5px;
+ padding-left: 5px
+}
+
+.form-check {
+ position: relative;
+ display: block;
+ padding-left: 1.25rem
+}
+
+.form-check-input {
+ position: absolute;
+ margin-top: .3rem;
+ margin-left: -1.25rem
+}
+
+.form-check-input:disabled~.form-check-label {
+ color: #6c757d
+}
+
+.form-check-label {
+ margin-bottom: 0
+}
+
+.form-check-inline {
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ -ms-flex-align: center;
+ align-items: center;
+ padding-left: 0;
+ margin-right: .75rem
+}
+
+.form-check-inline .form-check-input {
+ position: static;
+ margin-top: 0;
+ margin-right: .3125rem;
+ margin-left: 0
+}
+
+.valid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: .25rem;
+ font-size: 80%;
+ color: #28a745
+}
+
+.valid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: .25rem .5rem;
+ margin-top: .1rem;
+ font-size: .875rem;
+ line-height: 1.5;
+ color: #fff;
+ background-color: rgba(40, 167, 69, .9);
+ border-radius: .25rem
+}
+
+.custom-select.is-valid,
+.form-control.is-valid,
+.was-validated .custom-select:valid,
+.was-validated .form-control:valid {
+ border-color: #28a745
+}
+
+.custom-select.is-valid:focus,
+.form-control.is-valid:focus,
+.was-validated .custom-select:valid:focus,
+.was-validated .form-control:valid:focus {
+ border-color: #28a745;
+ box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
+}
+
+.custom-select.is-valid~.valid-feedback,
+.custom-select.is-valid~.valid-tooltip,
+.form-control.is-valid~.valid-feedback,
+.form-control.is-valid~.valid-tooltip,
+.was-validated .custom-select:valid~.valid-feedback,
+.was-validated .custom-select:valid~.valid-tooltip,
+.was-validated .form-control:valid~.valid-feedback,
+.was-validated .form-control:valid~.valid-tooltip {
+ display: block
+}
+
+.form-control-file.is-valid~.valid-feedback,
+.form-control-file.is-valid~.valid-tooltip,
+.was-validated .form-control-file:valid~.valid-feedback,
+.was-validated .form-control-file:valid~.valid-tooltip {
+ display: block
+}
+
+.form-check-input.is-valid~.form-check-label,
+.was-validated .form-check-input:valid~.form-check-label {
+ color: #28a745
+}
+
+.form-check-input.is-valid~.valid-feedback,
+.form-check-input.is-valid~.valid-tooltip,
+.was-validated .form-check-input:valid~.valid-feedback,
+.was-validated .form-check-input:valid~.valid-tooltip {
+ display: block
+}
+
+.custom-control-input.is-valid~.custom-control-label,
+.was-validated .custom-control-input:valid~.custom-control-label {
+ color: #28a745
+}
+
+.custom-control-input.is-valid~.custom-control-label::before,
+.was-validated .custom-control-input:valid~.custom-control-label::before {
+ background-color: #71dd8a
+}
+
+.custom-control-input.is-valid~.valid-feedback,
+.custom-control-input.is-valid~.valid-tooltip,
+.was-validated .custom-control-input:valid~.valid-feedback,
+.was-validated .custom-control-input:valid~.valid-tooltip {
+ display: block
+}
+
+.custom-control-input.is-valid:checked~.custom-control-label::before,
+.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
+ background-color: #34ce57
+}
+
+.custom-control-input.is-valid:focus~.custom-control-label::before,
+.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(40, 167, 69, .25)
+}
+
+.custom-file-input.is-valid~.custom-file-label,
+.was-validated .custom-file-input:valid~.custom-file-label {
+ border-color: #28a745
+}
+
+.custom-file-input.is-valid~.custom-file-label::after,
+.was-validated .custom-file-input:valid~.custom-file-label::after {
+ border-color: inherit
+}
+
+.custom-file-input.is-valid~.valid-feedback,
+.custom-file-input.is-valid~.valid-tooltip,
+.was-validated .custom-file-input:valid~.valid-feedback,
+.was-validated .custom-file-input:valid~.valid-tooltip {
+ display: block
+}
+
+.custom-file-input.is-valid:focus~.custom-file-label,
+.was-validated .custom-file-input:valid:focus~.custom-file-label {
+ box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
+}
+
+.invalid-feedback {
+ display: none;
+ width: 100%;
+ margin-top: .25rem;
+ font-size: 80%;
+ color: #dc3545
+}
+
+.invalid-tooltip {
+ position: absolute;
+ top: 100%;
+ z-index: 5;
+ display: none;
+ max-width: 100%;
+ padding: .25rem .5rem;
+ margin-top: .1rem;
+ font-size: .875rem;
+ line-height: 1.5;
+ color: #fff;
+ background-color: rgba(220, 53, 69, .9);
+ border-radius: .25rem
+}
+
+.custom-select.is-invalid,
+.form-control.is-invalid,
+.was-validated .custom-select:invalid,
+.was-validated .form-control:invalid {
+ border-color: #dc3545
+}
+
+.custom-select.is-invalid:focus,
+.form-control.is-invalid:focus,
+.was-validated .custom-select:invalid:focus,
+.was-validated .form-control:invalid:focus {
+ border-color: #dc3545;
+ box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
+}
+
+.custom-select.is-invalid~.invalid-feedback,
+.custom-select.is-invalid~.invalid-tooltip,
+.form-control.is-invalid~.invalid-feedback,
+.form-control.is-invalid~.invalid-tooltip,
+.was-validated .custom-select:invalid~.invalid-feedback,
+.was-validated .custom-select:invalid~.invalid-tooltip,
+.was-validated .form-control:invalid~.invalid-feedback,
+.was-validated .form-control:invalid~.invalid-tooltip {
+ display: block
+}
+
+.form-control-file.is-invalid~.invalid-feedback,
+.form-control-file.is-invalid~.invalid-tooltip,
+.was-validated .form-control-file:invalid~.invalid-feedback,
+.was-validated .form-control-file:invalid~.invalid-tooltip {
+ display: block
+}
+
+.form-check-input.is-invalid~.form-check-label,
+.was-validated .form-check-input:invalid~.form-check-label {
+ color: #dc3545
+}
+
+.form-check-input.is-invalid~.invalid-feedback,
+.form-check-input.is-invalid~.invalid-tooltip,
+.was-validated .form-check-input:invalid~.invalid-feedback,
+.was-validated .form-check-input:invalid~.invalid-tooltip {
+ display: block
+}
+
+.custom-control-input.is-invalid~.custom-control-label,
+.was-validated .custom-control-input:invalid~.custom-control-label {
+ color: #dc3545
+}
+
+.custom-control-input.is-invalid~.custom-control-label::before,
+.was-validated .custom-control-input:invalid~.custom-control-label::before {
+ background-color: #efa2a9
+}
+
+.custom-control-input.is-invalid~.invalid-feedback,
+.custom-control-input.is-invalid~.invalid-tooltip,
+.was-validated .custom-control-input:invalid~.invalid-feedback,
+.was-validated .custom-control-input:invalid~.invalid-tooltip {
+ display: block
+}
+
+.custom-control-input.is-invalid:checked~.custom-control-label::before,
+.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
+ background-color: #e4606d
+}
+
+.custom-control-input.is-invalid:focus~.custom-control-label::before,
+.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(220, 53, 69, .25)
+}
+
+.custom-file-input.is-invalid~.custom-file-label,
+.was-validated .custom-file-input:invalid~.custom-file-label {
+ border-color: #dc3545
+}
+
+.custom-file-input.is-invalid~.custom-file-label::after,
+.was-validated .custom-file-input:invalid~.custom-file-label::after {
+ border-color: inherit
+}
+
+.custom-file-input.is-invalid~.invalid-feedback,
+.custom-file-input.is-invalid~.invalid-tooltip,
+.was-validated .custom-file-input:invalid~.invalid-feedback,
+.was-validated .custom-file-input:invalid~.invalid-tooltip {
+ display: block
+}
+
+.custom-file-input.is-invalid:focus~.custom-file-label,
+.was-validated .custom-file-input:invalid:focus~.custom-file-label {
+ box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
+}
+
+.form-inline {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+.form-inline .form-check {
+ width: 100%
+}
+
+@media (min-width:576px) {
+ .form-inline label {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ margin-bottom: 0
+ }
+
+ .form-inline .form-group {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ -ms-flex-align: center;
+ align-items: center;
+ margin-bottom: 0
+ }
+
+ .form-inline .form-control {
+ display: inline-block;
+ width: auto;
+ vertical-align: middle
+ }
+
+ .form-inline .form-control-plaintext {
+ display: inline-block
+ }
+
+ .form-inline .custom-select,
+ .form-inline .input-group {
+ width: auto
+ }
+
+ .form-inline .form-check {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: auto;
+ padding-left: 0
+ }
+
+ .form-inline .form-check-input {
+ position: relative;
+ margin-top: 0;
+ margin-right: .25rem;
+ margin-left: 0
+ }
+
+ .form-inline .custom-control {
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-pack: center;
+ justify-content: center
+ }
+
+ .form-inline .custom-control-label {
+ margin-bottom: 0
+ }
+}
+
+.btn {
+ display: inline-block;
+ font-weight: 400;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: middle;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ border: 1px solid transparent;
+ padding: .375rem .75rem;
+ font-size: 1rem;
+ line-height: 1.5;
+ border-radius: .25rem;
+ transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
+}
+
+@media screen and (prefers-reduced-motion:reduce) {
+ .btn {
+ transition: none
+ }
+}
+
+.btn:focus,
+.btn:hover {
+ text-decoration: none
+}
+
+.btn.focus,
+.btn:focus {
+ outline: 0;
+ box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
+}
+
+.btn.disabled,
+.btn:disabled {
+ opacity: .65
+}
+
+.btn:not(:disabled):not(.disabled) {
+ cursor: pointer
+}
+
+a.btn.disabled,
+fieldset:disabled a.btn {
+ pointer-events: none
+}
+
+.btn-primary {
+ color: #fff;
+ background-color: #007bff;
+ border-color: #007bff
+}
+
+.btn-primary:hover {
+ color: #fff;
+ background-color: #0069d9;
+ border-color: #0062cc
+}
+
+.btn-primary.focus,
+.btn-primary:focus {
+ box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
+}
+
+.btn-primary.disabled,
+.btn-primary:disabled {
+ color: #fff;
+ background-color: #007bff;
+ border-color: #007bff
+}
+
+.btn-primary:not(:disabled):not(.disabled).active,
+.btn-primary:not(:disabled):not(.disabled):active,
+.show>.btn-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #0062cc;
+ border-color: #005cbf
+}
+
+.btn-primary:not(:disabled):not(.disabled).active:focus,
+.btn-primary:not(:disabled):not(.disabled):active:focus,
+.show>.btn-primary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
+}
+
+.btn-secondary {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d
+}
+
+.btn-secondary:hover {
+ color: #fff;
+ background-color: #5a6268;
+ border-color: #545b62
+}
+
+.btn-secondary.focus,
+.btn-secondary:focus {
+ box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
+}
+
+.btn-secondary.disabled,
+.btn-secondary:disabled {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d
+}
+
+.btn-secondary:not(:disabled):not(.disabled).active,
+.btn-secondary:not(:disabled):not(.disabled):active,
+.show>.btn-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #545b62;
+ border-color: #4e555b
+}
+
+.btn-secondary:not(:disabled):not(.disabled).active:focus,
+.btn-secondary:not(:disabled):not(.disabled):active:focus,
+.show>.btn-secondary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
+}
+
+.btn-success {
+ color: #fff;
+ background-color: #28a745;
+ border-color: #28a745
+}
+
+.btn-success:hover {
+ color: #fff;
+ background-color: #218838;
+ border-color: #1e7e34
+}
+
+.btn-success.focus,
+.btn-success:focus {
+ box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
+}
+
+.btn-success.disabled,
+.btn-success:disabled {
+ color: #fff;
+ background-color: #28a745;
+ border-color: #28a745
+}
+
+.btn-success:not(:disabled):not(.disabled).active,
+.btn-success:not(:disabled):not(.disabled):active,
+.show>.btn-success.dropdown-toggle {
+ color: #fff;
+ background-color: #1e7e34;
+ border-color: #1c7430
+}
+
+.btn-success:not(:disabled):not(.disabled).active:focus,
+.btn-success:not(:disabled):not(.disabled):active:focus,
+.show>.btn-success.dropdown-toggle:focus {
+ box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
+}
+
+.btn-info {
+ color: #fff;
+ background-color: #17a2b8;
+ border-color: #17a2b8
+}
+
+.btn-info:hover {
+ color: #fff;
+ background-color: #138496;
+ border-color: #117a8b
+}
+
+.btn-info.focus,
+.btn-info:focus {
+ box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
+}
+
+.btn-info.disabled,
+.btn-info:disabled {
+ color: #fff;
+ background-color: #17a2b8;
+ border-color: #17a2b8
+}
+
+.btn-info:not(:disabled):not(.disabled).active,
+.btn-info:not(:disabled):not(.disabled):active,
+.show>.btn-info.dropdown-toggle {
+ color: #fff;
+ background-color: #117a8b;
+ border-color: #10707f
+}
+
+.btn-info:not(:disabled):not(.disabled).active:focus,
+.btn-info:not(:disabled):not(.disabled):active:focus,
+.show>.btn-info.dropdown-toggle:focus {
+ box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
+}
+
+.btn-warning {
+ color: #212529;
+ background-color: #ffc107;
+ border-color: #ffc107
+}
+
+.btn-warning:hover {
+ color: #212529;
+ background-color: #e0a800;
+ border-color: #d39e00
+}
+
+.btn-warning.focus,
+.btn-warning:focus {
+ box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
+}
+
+.btn-warning.disabled,
+.btn-warning:disabled {
+ color: #212529;
+ background-color: #ffc107;
+ border-color: #ffc107
+}
+
+.btn-warning:not(:disabled):not(.disabled).active,
+.btn-warning:not(:disabled):not(.disabled):active,
+.show>.btn-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #d39e00;
+ border-color: #c69500
+}
+
+.btn-warning:not(:disabled):not(.disabled).active:focus,
+.btn-warning:not(:disabled):not(.disabled):active:focus,
+.show>.btn-warning.dropdown-toggle:focus {
+ box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
+}
+
+.btn-danger {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545
+}
+
+.btn-danger:hover {
+ color: #fff;
+ background-color: #c82333;
+ border-color: #bd2130
+}
+
+.btn-danger.focus,
+.btn-danger:focus {
+ box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
+}
+
+.btn-danger.disabled,
+.btn-danger:disabled {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545
+}
+
+.btn-danger:not(:disabled):not(.disabled).active,
+.btn-danger:not(:disabled):not(.disabled):active,
+.show>.btn-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #bd2130;
+ border-color: #b21f2d
+}
+
+.btn-danger:not(:disabled):not(.disabled).active:focus,
+.btn-danger:not(:disabled):not(.disabled):active:focus,
+.show>.btn-danger.dropdown-toggle:focus {
+ box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
+}
+
+.btn-light {
+ color: #212529;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa
+}
+
+.btn-light:hover {
+ color: #212529;
+ background-color: #e2e6ea;
+ border-color: #dae0e5
+}
+
+.btn-light.focus,
+.btn-light:focus {
+ box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
+}
+
+.btn-light.disabled,
+.btn-light:disabled {
+ color: #212529;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa
+}
+
+.btn-light:not(:disabled):not(.disabled).active,
+.btn-light:not(:disabled):not(.disabled):active,
+.show>.btn-light.dropdown-toggle {
+ color: #212529;
+ background-color: #dae0e5;
+ border-color: #d3d9df
+}
+
+.btn-light:not(:disabled):not(.disabled).active:focus,
+.btn-light:not(:disabled):not(.disabled):active:focus,
+.show>.btn-light.dropdown-toggle:focus {
+ box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
+}
+
+.btn-dark {
+ color: #fff;
+ background-color: #343a40;
+ border-color: #343a40
+}
+
+.btn-dark:hover {
+ color: #fff;
+ background-color: #23272b;
+ border-color: #1d2124
+}
+
+.btn-dark.focus,
+.btn-dark:focus {
+ box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
+}
+
+.btn-dark.disabled,
+.btn-dark:disabled {
+ color: #fff;
+ background-color: #343a40;
+ border-color: #343a40
+}
+
+.btn-dark:not(:disabled):not(.disabled).active,
+.btn-dark:not(:disabled):not(.disabled):active,
+.show>.btn-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #1d2124;
+ border-color: #171a1d
+}
+
+.btn-dark:not(:disabled):not(.disabled).active:focus,
+.btn-dark:not(:disabled):not(.disabled):active:focus,
+.show>.btn-dark.dropdown-toggle:focus {
+ box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
+}
+
+.btn-outline-primary {
+ color: #007bff;
+ background-color: transparent;
+ background-image: none;
+ border-color: #007bff
+}
+
+.btn-outline-primary:hover {
+ color: #fff;
+ background-color: #007bff;
+ border-color: #007bff
+}
+
+.btn-outline-primary.focus,
+.btn-outline-primary:focus {
+ box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
+}
+
+.btn-outline-primary.disabled,
+.btn-outline-primary:disabled {
+ color: #007bff;
+ background-color: transparent
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled).active,
+.btn-outline-primary:not(:disabled):not(.disabled):active,
+.show>.btn-outline-primary.dropdown-toggle {
+ color: #fff;
+ background-color: #007bff;
+ border-color: #007bff
+}
+
+.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-primary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
+}
+
+.btn-outline-secondary {
+ color: #6c757d;
+ background-color: transparent;
+ background-image: none;
+ border-color: #6c757d
+}
+
+.btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d
+}
+
+.btn-outline-secondary.focus,
+.btn-outline-secondary:focus {
+ box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
+}
+
+.btn-outline-secondary.disabled,
+.btn-outline-secondary:disabled {
+ color: #6c757d;
+ background-color: transparent
+}
+
+.btn-outline-secondary:not(:disabled):not(.disabled).active,
+.btn-outline-secondary:not(:disabled):not(.disabled):active,
+.show>.btn-outline-secondary.dropdown-toggle {
+ color: #fff;
+ background-color: #6c757d;
+ border-color: #6c757d
+}
+
+.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-secondary.dropdown-toggle:focus {
+ box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
+}
+
+.btn-outline-success {
+ color: #28a745;
+ background-color: transparent;
+ background-image: none;
+ border-color: #28a745
+}
+
+.btn-outline-success:hover {
+ color: #fff;
+ background-color: #28a745;
+ border-color: #28a745
+}
+
+.btn-outline-success.focus,
+.btn-outline-success:focus {
+ box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
+}
+
+.btn-outline-success.disabled,
+.btn-outline-success:disabled {
+ color: #28a745;
+ background-color: transparent
+}
+
+.btn-outline-success:not(:disabled):not(.disabled).active,
+.btn-outline-success:not(:disabled):not(.disabled):active,
+.show>.btn-outline-success.dropdown-toggle {
+ color: #fff;
+ background-color: #28a745;
+ border-color: #28a745
+}
+
+.btn-outline-success:not(:disabled):not(.disabled).active:focus,
+.btn-outline-success:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-success.dropdown-toggle:focus {
+ box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
+}
+
+.btn-outline-info {
+ color: #17a2b8;
+ background-color: transparent;
+ background-image: none;
+ border-color: #17a2b8
+}
+
+.btn-outline-info:hover {
+ color: #fff;
+ background-color: #17a2b8;
+ border-color: #17a2b8
+}
+
+.btn-outline-info.focus,
+.btn-outline-info:focus {
+ box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
+}
+
+.btn-outline-info.disabled,
+.btn-outline-info:disabled {
+ color: #17a2b8;
+ background-color: transparent
+}
+
+.btn-outline-info:not(:disabled):not(.disabled).active,
+.btn-outline-info:not(:disabled):not(.disabled):active,
+.show>.btn-outline-info.dropdown-toggle {
+ color: #fff;
+ background-color: #17a2b8;
+ border-color: #17a2b8
+}
+
+.btn-outline-info:not(:disabled):not(.disabled).active:focus,
+.btn-outline-info:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-info.dropdown-toggle:focus {
+ box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
+}
+
+.btn-outline-warning {
+ color: #ffc107;
+ background-color: transparent;
+ background-image: none;
+ border-color: #ffc107
+}
+
+.btn-outline-warning:hover {
+ color: #212529;
+ background-color: #ffc107;
+ border-color: #ffc107
+}
+
+.btn-outline-warning.focus,
+.btn-outline-warning:focus {
+ box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
+}
+
+.btn-outline-warning.disabled,
+.btn-outline-warning:disabled {
+ color: #ffc107;
+ background-color: transparent
+}
+
+.btn-outline-warning:not(:disabled):not(.disabled).active,
+.btn-outline-warning:not(:disabled):not(.disabled):active,
+.show>.btn-outline-warning.dropdown-toggle {
+ color: #212529;
+ background-color: #ffc107;
+ border-color: #ffc107
+}
+
+.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-warning.dropdown-toggle:focus {
+ box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
+}
+
+.btn-outline-danger {
+ color: #dc3545;
+ background-color: transparent;
+ background-image: none;
+ border-color: #dc3545
+}
+
+.btn-outline-danger:hover {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545
+}
+
+.btn-outline-danger.focus,
+.btn-outline-danger:focus {
+ box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
+}
+
+.btn-outline-danger.disabled,
+.btn-outline-danger:disabled {
+ color: #dc3545;
+ background-color: transparent
+}
+
+.btn-outline-danger:not(:disabled):not(.disabled).active,
+.btn-outline-danger:not(:disabled):not(.disabled):active,
+.show>.btn-outline-danger.dropdown-toggle {
+ color: #fff;
+ background-color: #dc3545;
+ border-color: #dc3545
+}
+
+.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-danger.dropdown-toggle:focus {
+ box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
+}
+
+.btn-outline-light {
+ color: #f8f9fa;
+ background-color: transparent;
+ background-image: none;
+ border-color: #f8f9fa
+}
+
+.btn-outline-light:hover {
+ color: #212529;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa
+}
+
+.btn-outline-light.focus,
+.btn-outline-light:focus {
+ box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
+}
+
+.btn-outline-light.disabled,
+.btn-outline-light:disabled {
+ color: #f8f9fa;
+ background-color: transparent
+}
+
+.btn-outline-light:not(:disabled):not(.disabled).active,
+.btn-outline-light:not(:disabled):not(.disabled):active,
+.show>.btn-outline-light.dropdown-toggle {
+ color: #212529;
+ background-color: #f8f9fa;
+ border-color: #f8f9fa
+}
+
+.btn-outline-light:not(:disabled):not(.disabled).active:focus,
+.btn-outline-light:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-light.dropdown-toggle:focus {
+ box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
+}
+
+.btn-outline-dark {
+ color: #343a40;
+ background-color: transparent;
+ background-image: none;
+ border-color: #343a40
+}
+
+.btn-outline-dark:hover {
+ color: #fff;
+ background-color: #343a40;
+ border-color: #343a40
+}
+
+.btn-outline-dark.focus,
+.btn-outline-dark:focus {
+ box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
+}
+
+.btn-outline-dark.disabled,
+.btn-outline-dark:disabled {
+ color: #343a40;
+ background-color: transparent
+}
+
+.btn-outline-dark:not(:disabled):not(.disabled).active,
+.btn-outline-dark:not(:disabled):not(.disabled):active,
+.show>.btn-outline-dark.dropdown-toggle {
+ color: #fff;
+ background-color: #343a40;
+ border-color: #343a40
+}
+
+.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
+.show>.btn-outline-dark.dropdown-toggle:focus {
+ box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
+}
+
+.btn-link {
+ font-weight: 400;
+ color: #007bff;
+ background-color: transparent
+}
+
+.btn-link:hover {
+ color: #0056b3;
+ text-decoration: underline;
+ background-color: transparent;
+ border-color: transparent
+}
+
+.btn-link.focus,
+.btn-link:focus {
+ text-decoration: underline;
+ border-color: transparent;
+ box-shadow: none
+}
+
+.btn-link.disabled,
+.btn-link:disabled {
+ color: #6c757d;
+ pointer-events: none
+}
+
+.btn-group-lg>.btn,
+.btn-lg {
+ padding: .5rem 1rem;
+ font-size: 1.25rem;
+ line-height: 1.5;
+ border-radius: .3rem
+}
+
+.btn-group-sm>.btn,
+.btn-sm {
+ padding: .25rem .5rem;
+ font-size: .875rem;
+ line-height: 1.5;
+ border-radius: .2rem
+}
+
+.btn-block {
+ display: block;
+ width: 100%
+}
+
+.btn-block+.btn-block {
+ margin-top: .5rem
+}
+
+input[type=button].btn-block,
+input[type=reset].btn-block,
+input[type=submit].btn-block {
+ width: 100%
+}
+
+.fade {
+ transition: opacity .15s linear
+}
+
+@media screen and (prefers-reduced-motion:reduce) {
+ .fade {
+ transition: none
+ }
+}
+
+.fade:not(.show) {
+ opacity: 0
+}
+
+.collapse:not(.show) {
+ display: none
+}
+
+.collapsing {
+ position: relative;
+ height: 0;
+ overflow: hidden;
+ transition: height .35s ease
+}
+
+@media screen and (prefers-reduced-motion:reduce) {
+ .collapsing {
+ transition: none
+ }
+}
+
+.dropdown,
+.dropleft,
+.dropright,
+.dropup {
+ position: relative
+}
+
+.dropdown-toggle::after {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-left: .255em;
+ vertical-align: .255em;
+ content: "";
+ border-top: .3em solid;
+ border-right: .3em solid transparent;
+ border-bottom: 0;
+ border-left: .3em solid transparent
+}
+
+.dropdown-toggle:empty::after {
+ margin-left: 0
+}
+
+.dropdown-menu {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: 1000;
+ display: none;
+ float: left;
+ min-width: 10rem;
+ padding: .5rem 0;
+ margin: .125rem 0 0;
+ font-size: 1rem;
+ color: #212529;
+ text-align: left;
+ list-style: none;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, .15);
+ border-radius: .25rem
+}
+
+.dropdown-menu-right {
+ right: 0;
+ left: auto
+}
+
+.dropup .dropdown-menu {
+ top: auto;
+ bottom: 100%;
+ margin-top: 0;
+ margin-bottom: .125rem
+}
+
+.dropup .dropdown-toggle::after {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-left: .255em;
+ vertical-align: .255em;
+ content: "";
+ border-top: 0;
+ border-right: .3em solid transparent;
+ border-bottom: .3em solid;
+ border-left: .3em solid transparent
+}
+
+.dropup .dropdown-toggle:empty::after {
+ margin-left: 0
+}
+
+.dropright .dropdown-menu {
+ top: 0;
+ right: auto;
+ left: 100%;
+ margin-top: 0;
+ margin-left: .125rem
+}
+
+.dropright .dropdown-toggle::after {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-left: .255em;
+ vertical-align: .255em;
+ content: "";
+ border-top: .3em solid transparent;
+ border-right: 0;
+ border-bottom: .3em solid transparent;
+ border-left: .3em solid
+}
+
+.dropright .dropdown-toggle:empty::after {
+ margin-left: 0
+}
+
+.dropright .dropdown-toggle::after {
+ vertical-align: 0
+}
+
+.dropleft .dropdown-menu {
+ top: 0;
+ right: 100%;
+ left: auto;
+ margin-top: 0;
+ margin-right: .125rem
+}
+
+.dropleft .dropdown-toggle::after {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-left: .255em;
+ vertical-align: .255em;
+ content: ""
+}
+
+.dropleft .dropdown-toggle::after {
+ display: none
+}
+
+.dropleft .dropdown-toggle::before {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-right: .255em;
+ vertical-align: .255em;
+ content: "";
+ border-top: .3em solid transparent;
+ border-right: .3em solid;
+ border-bottom: .3em solid transparent
+}
+
+.dropleft .dropdown-toggle:empty::after {
+ margin-left: 0
+}
+
+.dropleft .dropdown-toggle::before {
+ vertical-align: 0
+}
+
+.dropdown-menu[x-placement^=bottom],
+.dropdown-menu[x-placement^=left],
+.dropdown-menu[x-placement^=right],
+.dropdown-menu[x-placement^=top] {
+ right: auto;
+ bottom: auto
+}
+
+.dropdown-divider {
+ height: 0;
+ margin: .5rem 0;
+ overflow: hidden;
+ border-top: 1px solid #e9ecef
+}
+
+.dropdown-item {
+ display: block;
+ width: 100%;
+ padding: .25rem 1.5rem;
+ clear: both;
+ font-weight: 400;
+ color: #212529;
+ text-align: inherit;
+ white-space: nowrap;
+ background-color: transparent;
+ border: 0
+}
+
+.dropdown-item:focus,
+.dropdown-item:hover {
+ color: #16181b;
+ text-decoration: none;
+ background-color: #f8f9fa
+}
+
+.dropdown-item.active,
+.dropdown-item:active {
+ color: #fff;
+ text-decoration: none;
+ background-color: #007bff
+}
+
+.dropdown-item.disabled,
+.dropdown-item:disabled {
+ color: #6c757d;
+ background-color: transparent
+}
+
+.dropdown-menu.show {
+ display: block
+}
+
+.dropdown-header {
+ display: block;
+ padding: .5rem 1.5rem;
+ margin-bottom: 0;
+ font-size: .875rem;
+ color: #6c757d;
+ white-space: nowrap
+}
+
+.dropdown-item-text {
+ display: block;
+ padding: .25rem 1.5rem;
+ color: #212529
+}
+
+.btn-group,
+.btn-group-vertical {
+ position: relative;
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ vertical-align: middle
+}
+
+.btn-group-vertical>.btn,
+.btn-group>.btn {
+ position: relative;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto
+}
+
+.btn-group-vertical>.btn:hover,
+.btn-group>.btn:hover {
+ z-index: 1
+}
+
+.btn-group-vertical>.btn.active,
+.btn-group-vertical>.btn:active,
+.btn-group-vertical>.btn:focus,
+.btn-group>.btn.active,
+.btn-group>.btn:active,
+.btn-group>.btn:focus {
+ z-index: 1
+}
+
+.btn-group .btn+.btn,
+.btn-group .btn+.btn-group,
+.btn-group .btn-group+.btn,
+.btn-group .btn-group+.btn-group,
+.btn-group-vertical .btn+.btn,
+.btn-group-vertical .btn+.btn-group,
+.btn-group-vertical .btn-group+.btn,
+.btn-group-vertical .btn-group+.btn-group {
+ margin-left: -1px
+}
+
+.btn-toolbar {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -ms-flex-pack: start;
+ justify-content: flex-start
+}
+
+.btn-toolbar .input-group {
+ width: auto
+}
+
+.btn-group>.btn:first-child {
+ margin-left: 0
+}
+
+.btn-group>.btn-group:not(:last-child)>.btn,
+.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0
+}
+
+.btn-group>.btn-group:not(:first-child)>.btn,
+.btn-group>.btn:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0
+}
+
+.dropdown-toggle-split {
+ padding-right: .5625rem;
+ padding-left: .5625rem
+}
+
+.dropdown-toggle-split::after,
+.dropright .dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after {
+ margin-left: 0
+}
+
+.dropleft .dropdown-toggle-split::before {
+ margin-right: 0
+}
+
+.btn-group-sm>.btn+.dropdown-toggle-split,
+.btn-sm+.dropdown-toggle-split {
+ padding-right: .375rem;
+ padding-left: .375rem
+}
+
+.btn-group-lg>.btn+.dropdown-toggle-split,
+.btn-lg+.dropdown-toggle-split {
+ padding-right: .75rem;
+ padding-left: .75rem
+}
+
+.btn-group-vertical {
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -ms-flex-pack: center;
+ justify-content: center
+}
+
+.btn-group-vertical .btn,
+.btn-group-vertical .btn-group {
+ width: 100%
+}
+
+.btn-group-vertical>.btn+.btn,
+.btn-group-vertical>.btn+.btn-group,
+.btn-group-vertical>.btn-group+.btn,
+.btn-group-vertical>.btn-group+.btn-group {
+ margin-top: -1px;
+ margin-left: 0
+}
+
+.btn-group-vertical>.btn-group:not(:last-child)>.btn,
+.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0
+}
+
+.btn-group-vertical>.btn-group:not(:first-child)>.btn,
+.btn-group-vertical>.btn:not(:first-child) {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0
+}
+
+.btn-group-toggle>.btn,
+.btn-group-toggle>.btn-group>.btn {
+ margin-bottom: 0
+}
+
+.btn-group-toggle>.btn input[type=checkbox],
+.btn-group-toggle>.btn input[type=radio],
+.btn-group-toggle>.btn-group>.btn input[type=checkbox],
+.btn-group-toggle>.btn-group>.btn input[type=radio] {
+ position: absolute;
+ clip: rect(0, 0, 0, 0);
+ pointer-events: none
+}
+
+.input-group {
+ position: relative;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -ms-flex-align: stretch;
+ align-items: stretch;
+ width: 100%
+}
+
+.input-group>.custom-file,
+.input-group>.custom-select,
+.input-group>.form-control {
+ position: relative;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ width: 1%;
+ margin-bottom: 0
+}
+
+.input-group>.custom-file+.custom-file,
+.input-group>.custom-file+.custom-select,
+.input-group>.custom-file+.form-control,
+.input-group>.custom-select+.custom-file,
+.input-group>.custom-select+.custom-select,
+.input-group>.custom-select+.form-control,
+.input-group>.form-control+.custom-file,
+.input-group>.form-control+.custom-select,
+.input-group>.form-control+.form-control {
+ margin-left: -1px
+}
+
+.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
+.input-group>.custom-select:focus,
+.input-group>.form-control:focus {
+ z-index: 3
+}
+
+.input-group>.custom-file .custom-file-input:focus {
+ z-index: 4
+}
+
+.input-group>.custom-select:not(:last-child),
+.input-group>.form-control:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0
+}
+
+.input-group>.custom-select:not(:first-child),
+.input-group>.form-control:not(:first-child) {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0
+}
+
+.input-group>.custom-file {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+.input-group>.custom-file:not(:last-child) .custom-file-label,
+.input-group>.custom-file:not(:last-child) .custom-file-label::after {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0
+}
+
+.input-group>.custom-file:not(:first-child) .custom-file-label {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0
+}
+
+.input-group-append,
+.input-group-prepend {
+ display: -ms-flexbox;
+ display: flex
+}
+
+.input-group-append .btn,
+.input-group-prepend .btn {
+ position: relative;
+ z-index: 2
+}
+
+.input-group-append .btn+.btn,
+.input-group-append .btn+.input-group-text,
+.input-group-append .input-group-text+.btn,
+.input-group-append .input-group-text+.input-group-text,
+.input-group-prepend .btn+.btn,
+.input-group-prepend .btn+.input-group-text,
+.input-group-prepend .input-group-text+.btn,
+.input-group-prepend .input-group-text+.input-group-text {
+ margin-left: -1px
+}
+
+.input-group-prepend {
+ margin-right: -1px
+}
+
+.input-group-append {
+ margin-left: -1px
+}
+
+.input-group-text {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-align: center;
+ align-items: center;
+ padding: .375rem .75rem;
+ margin-bottom: 0;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: #495057;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #e9ecef;
+ border: 1px solid #ced4da;
+ border-radius: .25rem
+}
+
+.input-group-text input[type=checkbox],
+.input-group-text input[type=radio] {
+ margin-top: 0
+}
+
+.input-group-lg>.form-control,
+.input-group-lg>.input-group-append>.btn,
+.input-group-lg>.input-group-append>.input-group-text,
+.input-group-lg>.input-group-prepend>.btn,
+.input-group-lg>.input-group-prepend>.input-group-text {
+ height: calc(2.875rem + 2px);
+ padding: .5rem 1rem;
+ font-size: 1.25rem;
+ line-height: 1.5;
+ border-radius: .3rem
+}
+
+.input-group-sm>.form-control,
+.input-group-sm>.input-group-append>.btn,
+.input-group-sm>.input-group-append>.input-group-text,
+.input-group-sm>.input-group-prepend>.btn,
+.input-group-sm>.input-group-prepend>.input-group-text {
+ height: calc(1.8125rem + 2px);
+ padding: .25rem .5rem;
+ font-size: .875rem;
+ line-height: 1.5;
+ border-radius: .2rem
+}
+
+.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
+.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
+.input-group>.input-group-append:not(:last-child)>.btn,
+.input-group>.input-group-append:not(:last-child)>.input-group-text,
+.input-group>.input-group-prepend>.btn,
+.input-group>.input-group-prepend>.input-group-text {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0
+}
+
+.input-group>.input-group-append>.btn,
+.input-group>.input-group-append>.input-group-text,
+.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
+.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
+.input-group>.input-group-prepend:not(:first-child)>.btn,
+.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0
+}
+
+.custom-control {
+ position: relative;
+ display: block;
+ min-height: 1.5rem;
+ padding-left: 1.5rem
+}
+
+.custom-control-inline {
+ display: -ms-inline-flexbox;
+ display: inline-flex;
+ margin-right: 1rem
+}
+
+.custom-control-input {
+ position: absolute;
+ z-index: -1;
+ opacity: 0
+}
+
+.custom-control-input:checked~.custom-control-label::before {
+ color: #fff;
+ background-color: #007bff
+}
+
+.custom-control-input:focus~.custom-control-label::before {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
+}
+
+.custom-control-input:active~.custom-control-label::before {
+ color: #fff;
+ background-color: #b3d7ff
+}
+
+.custom-control-input:disabled~.custom-control-label {
+ color: #6c757d
+}
+
+.custom-control-input:disabled~.custom-control-label::before {
+ background-color: #e9ecef
+}
+
+.custom-control-label {
+ position: relative;
+ margin-bottom: 0
+}
+
+.custom-control-label::before {
+ position: absolute;
+ top: .25rem;
+ left: -1.5rem;
+ display: block;
+ width: 1rem;
+ height: 1rem;
+ pointer-events: none;
+ content: "";
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-color: #dee2e6
+}
+
+.custom-control-label::after {
+ position: absolute;
+ top: .25rem;
+ left: -1.5rem;
+ display: block;
+ width: 1rem;
+ height: 1rem;
+ content: "";
+ background-repeat: no-repeat;
+ background-position: center center;
+ background-size: 50% 50%
+}
+
+.custom-checkbox .custom-control-label::before {
+ border-radius: .25rem
+}
+
+.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
+ background-color: #007bff
+}
+
+.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
+}
+
+.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
+ background-color: #007bff
+}
+
+.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
+}
+
+.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
+ background-color: rgba(0, 123, 255, .5)
+}
+
+.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
+ background-color: rgba(0, 123, 255, .5)
+}
+
+.custom-radio .custom-control-label::before {
+ border-radius: 50%
+}
+
+.custom-radio .custom-control-input:checked~.custom-control-label::before {
+ background-color: #007bff
+}
+
+.custom-radio .custom-control-input:checked~.custom-control-label::after {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
+}
+
+.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
+ background-color: rgba(0, 123, 255, .5)
+}
+
+.custom-select {
+ display: inline-block;
+ width: 100%;
+ height: calc(2.25rem + 2px);
+ padding: .375rem 1.75rem .375rem .75rem;
+ line-height: 1.5;
+ color: #495057;
+ vertical-align: middle;
+ background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
+ background-size: 8px 10px;
+ border: 1px solid #ced4da;
+ border-radius: .25rem;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none
+}
+
+.custom-select:focus {
+ border-color: #80bdff;
+ outline: 0;
+ box-shadow: 0 0 0 .2rem rgba(128, 189, 255, .5)
+}
+
+.custom-select:focus::-ms-value {
+ color: #495057;
+ background-color: #fff
+}
+
+.custom-select[multiple],
+.custom-select[size]:not([size="1"]) {
+ height: auto;
+ padding-right: .75rem;
+ background-image: none
+}
+
+.custom-select:disabled {
+ color: #6c757d;
+ background-color: #e9ecef
+}
+
+.custom-select::-ms-expand {
+ opacity: 0
+}
+
+.custom-select-sm {
+ height: calc(1.8125rem + 2px);
+ padding-top: .375rem;
+ padding-bottom: .375rem;
+ font-size: 75%
+}
+
+.custom-select-lg {
+ height: calc(2.875rem + 2px);
+ padding-top: .375rem;
+ padding-bottom: .375rem;
+ font-size: 125%
+}
+
+.custom-file {
+ position: relative;
+ display: inline-block;
+ width: 100%;
+ height: calc(2.25rem + 2px);
+ margin-bottom: 0
+}
+
+.custom-file-input {
+ position: relative;
+ z-index: 2;
+ width: 100%;
+ height: calc(2.25rem + 2px);
+ margin: 0;
+ opacity: 0
+}
+
+.custom-file-input:focus~.custom-file-label {
+ border-color: #80bdff;
+ box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
+}
+
+.custom-file-input:focus~.custom-file-label::after {
+ border-color: #80bdff
+}
+
+.custom-file-input:disabled~.custom-file-label {
+ background-color: #e9ecef
+}
+
+.custom-file-input:lang(en)~.custom-file-label::after {
+ content: "Browse"
+}
+
+.custom-file-label {
+ position: absolute;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1;
+ height: calc(2.25rem + 2px);
+ padding: .375rem .75rem;
+ line-height: 1.5;
+ color: #495057;
+ background-color: #fff;
+ border: 1px solid #ced4da;
+ border-radius: .25rem
+}
+
+.custom-file-label::after {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 3;
+ display: block;
+ height: 2.25rem;
+ padding: .375rem .75rem;
+ line-height: 1.5;
+ color: #495057;
+ content: "Browse";
+ background-color: #e9ecef;
+ border-left: 1px solid #ced4da;
+ border-radius: 0 .25rem .25rem 0
+}
+
+.custom-range {
+ width: 100%;
+ padding-left: 0;
+ background-color: transparent;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none
+}
+
+.custom-range:focus {
+ outline: 0
+}
+
+.custom-range:focus::-webkit-slider-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
+}
+
+.custom-range:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
+}
+
+.custom-range:focus::-ms-thumb {
+ box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
+}
+
+.custom-range::-moz-focus-outer {
+ border: 0
+}
+
+.custom-range::-webkit-slider-thumb {
+ width: 1rem;
+ height: 1rem;
+ margin-top: -.25rem;
+ background-color: #007bff;
+ border: 0;
+ border-radius: 1rem;
+ transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+ -webkit-appearance: none;
+ appearance: none
+}
+
+@media screen and (prefers-reduced-motion:reduce) {
+ .custom-range::-webkit-slider-thumb {
+ transition: none
+ }
+}
+
+.custom-range::-webkit-slider-thumb:active {
+ background-color: #b3d7ff
+}
+
+.custom-range::-webkit-slider-runnable-track {
+ width: 100%;
+ height: .5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: #dee2e6;
+ border-color: transparent;
+ border-radius: 1rem
+}
+
+.custom-range::-moz-range-thumb {
+ width: 1rem;
+ height: 1rem;
+ background-color: #007bff;
+ border: 0;
+ border-radius: 1rem;
+ transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+ -moz-appearance: none;
+ appearance: none
+}
+
+@media screen and (prefers-reduced-motion:reduce) {
+ .custom-range::-moz-range-thumb {
+ transition: none
+ }
+}
+
+.custom-range::-moz-range-thumb:active {
+ background-color: #b3d7ff
+}
+
+.custom-range::-moz-range-track {
+ width: 100%;
+ height: .5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: #dee2e6;
+ border-color: transparent;
+ border-radius: 1rem
+}
+
+.custom-range::-ms-thumb {
+ width: 1rem;
+ height: 1rem;
+ margin-top: 0;
+ margin-right: .2rem;
+ margin-left: .2rem;
+ background-color: #007bff;
+ border: 0;
+ border-radius: 1rem;
+ transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+ appearance: none
+}
+
+@media screen and (prefers-reduced-motion:reduce) {
+ .custom-range::-ms-thumb {
+ transition: none
+ }
+}
+
+.custom-range::-ms-thumb:active {
+ background-color: #b3d7ff
+}
+
+.custom-range::-ms-track {
+ width: 100%;
+ height: .5rem;
+ color: transparent;
+ cursor: pointer;
+ background-color: transparent;
+ border-color: transparent;
+ border-width: .5rem
+}
+
+.custom-range::-ms-fill-lower {
+ background-color: #dee2e6;
+ border-radius: 1rem
+}
+
+.custom-range::-ms-fill-upper {
+ margin-right: 15px;
+ background-color: #dee2e6;
+ border-radius: 1rem
+}
+
+.custom-control-label::before,
+.custom-file-label,
+.custom-select {
+ transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
+}
+
+@media screen and (prefers-reduced-motion:reduce) {
+
+ .custom-control-label::before,
+ .custom-file-label,
+ .custom-select {
+ transition: none
+ }
+}
+
+.nav {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none
+}
+
+.nav-link {
+ display: block;
+ padding: .5rem 1rem
+}
+
+.nav-link:focus,
+.nav-link:hover {
+ text-decoration: none
+}
+
+.nav-link.disabled {
+ color: #6c757d
+}
+
+.nav-tabs {
+ border-bottom: 1px solid #dee2e6
+}
+
+.nav-tabs .nav-item {
+ margin-bottom: -1px
+}
+
+.nav-tabs .nav-link {
+ border: 1px solid transparent;
+ border-top-left-radius: .25rem;
+ border-top-right-radius: .25rem
+}
+
+.nav-tabs .nav-link:focus,
+.nav-tabs .nav-link:hover {
+ border-color: #e9ecef #e9ecef #dee2e6
+}
+
+.nav-tabs .nav-link.disabled {
+ color: #6c757d;
+ background-color: transparent;
+ border-color: transparent
+}
+
+.nav-tabs .nav-item.show .nav-link,
+.nav-tabs .nav-link.active {
+ color: #495057;
+ background-color: #fff;
+ border-color: #dee2e6 #dee2e6 #fff
+}
+
+.nav-tabs .dropdown-menu {
+ margin-top: -1px;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0
+}
+
+.nav-pills .nav-link {
+ border-radius: .25rem
+}
+
+.nav-pills .nav-link.active,
+.nav-pills .show>.nav-link {
+ color: #fff;
+ background-color: #007bff
+}
+
+.nav-fill .nav-item {
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ text-align: center
+}
+
+.nav-justified .nav-item {
+ -ms-flex-preferred-size: 0;
+ flex-basis: 0;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ text-align: center
+}
+
+.tab-content>.tab-pane {
+ display: none
+}
+
+.tab-content>.active {
+ display: block
+}
+
+.navbar {
+ position: relative;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: .5rem 1rem
+}
+
+.navbar>.container,
+.navbar>.container-fluid {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-pack: justify;
+ justify-content: space-between
+}
+
+.navbar-brand {
+ display: inline-block;
+ padding-top: .3125rem;
+ padding-bottom: .3125rem;
+ margin-right: 1rem;
+ font-size: 1.25rem;
+ line-height: inherit;
+ white-space: nowrap
+}
+
+.navbar-brand:focus,
+.navbar-brand:hover {
+ text-decoration: none
+}
+
+.navbar-nav {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0;
+ list-style: none
+}
+
+.navbar-nav .nav-link {
+ padding-right: 0;
+ padding-left: 0
+}
+
+.navbar-nav .dropdown-menu {
+ position: static;
+ float: none
+}
+
+.navbar-text {
+ display: inline-block;
+ padding-top: .5rem;
+ padding-bottom: .5rem
+}
+
+.navbar-collapse {
+ -ms-flex-preferred-size: 100%;
+ flex-basis: 100%;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
+ -ms-flex-align: center;
+ align-items: center
+}
+
+.navbar-toggler {
+ padding: .25rem .75rem;
+ font-size: 1.25rem;
+ line-height: 1;
+ background-color: transparent;
+ border: 1px solid transparent;
+ border-radius: .25rem
+}
+
+.navbar-toggler:focus,
+.navbar-toggler:hover {
+ text-decoration: none
+}
+
+.navbar-toggler:not(:disabled):not(.disabled) {
+ cursor: pointer
+}
+
+.navbar-toggler-icon {
+ display: inline-block;
+ width: 1.5em;
+ height: 1.5em;
+ vertical-align: middle;
+ content: "";
+ background: no-repeat center center;
+ background-size: 100% 100%
+}
+
+@media (max-width:575.98px) {
+
+ .navbar-expand-sm>.container,
+ .navbar-expand-sm>.container-fluid {
+ padding-right: 0;
+ padding-left: 0
+ }
+}
+
+@media (min-width:576px) {
+ .navbar-expand-sm {
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -ms-flex-pack: start;
+ justify-content: flex-start
+ }
+
+ .navbar-expand-sm .navbar-nav {
+ -ms-flex-direction: row;
+ flex-direction: row
+ }
+
+ .navbar-expand-sm .navbar-nav .dropdown-menu {
+ position: absolute
+ }
+
+ .navbar-expand-sm .navbar-nav .nav-link {
+ padding-right: .5rem;
+ padding-left: .5rem
+ }
+
+ .navbar-expand-sm>.container,
+ .navbar-expand-sm>.container-fluid {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap
+ }
+
+ .navbar-expand-sm .navbar-collapse {
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto
+ }
+
+ .navbar-expand-sm .navbar-toggler {
+ display: none
+ }
+}
+
+@media (max-width:767.98px) {
+
+ .navbar-expand-md>.container,
+ .navbar-expand-md>.container-fluid {
+ padding-right: 0;
+ padding-left: 0
+ }
+}
+
+@media (min-width:768px) {
+ .navbar-expand-md {
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -ms-flex-pack: start;
+ justify-content: flex-start
+ }
+
+ .navbar-expand-md .navbar-nav {
+ -ms-flex-direction: row;
+ flex-direction: row
+ }
+
+ .navbar-expand-md .navbar-nav .dropdown-menu {
+ position: absolute
+ }
+
+ .navbar-expand-md .navbar-nav .nav-link {
+ padding-right: .5rem;
+ padding-left: .5rem
+ }
+
+ .navbar-expand-md>.container,
+ .navbar-expand-md>.container-fluid {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap
+ }
+
+ .navbar-expand-md .navbar-collapse {
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto
+ }
+
+ .navbar-expand-md .navbar-toggler {
+ display: none
+ }
+}
+
+@media (max-width:991.98px) {
+
+ .navbar-expand-lg>.container,
+ .navbar-expand-lg>.container-fluid {
+ padding-right: 0;
+ padding-left: 0
+ }
+}
+
+@media (min-width:992px) {
+ .navbar-expand-lg {
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -ms-flex-pack: start;
+ justify-content: flex-start
+ }
+
+ .navbar-expand-lg .navbar-nav {
+ -ms-flex-direction: row;
+ flex-direction: row
+ }
+
+ .navbar-expand-lg .navbar-nav .dropdown-menu {
+ position: absolute
+ }
+
+ .navbar-expand-lg .navbar-nav .nav-link {
+ padding-right: .5rem;
+ padding-left: .5rem
+ }
+
+ .navbar-expand-lg>.container,
+ .navbar-expand-lg>.container-fluid {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap
+ }
+
+ .navbar-expand-lg .navbar-collapse {
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto
+ }
+
+ .navbar-expand-lg .navbar-toggler {
+ display: none
+ }
+}
+
+@media (max-width:1199.98px) {
+
+ .navbar-expand-xl>.container,
+ .navbar-expand-xl>.container-fluid {
+ padding-right: 0;
+ padding-left: 0
+ }
+}
+
+@media (min-width:1200px) {
+ .navbar-expand-xl {
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -ms-flex-pack: start;
+ justify-content: flex-start
+ }
+
+ .navbar-expand-xl .navbar-nav {
+ -ms-flex-direction: row;
+ flex-direction: row
+ }
+
+ .navbar-expand-xl .navbar-nav .dropdown-menu {
+ position: absolute
+ }
+
+ .navbar-expand-xl .navbar-nav .nav-link {
+ padding-right: .5rem;
+ padding-left: .5rem
+ }
+
+ .navbar-expand-xl>.container,
+ .navbar-expand-xl>.container-fluid {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap
+ }
+
+ .navbar-expand-xl .navbar-collapse {
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto
+ }
+
+ .navbar-expand-xl .navbar-toggler {
+ display: none
+ }
+}
+
+.navbar-expand {
+ -ms-flex-flow: row nowrap;
+ flex-flow: row nowrap;
+ -ms-flex-pack: start;
+ justify-content: flex-start
+}
+
+.navbar-expand>.container,
+.navbar-expand>.container-fluid {
+ padding-right: 0;
+ padding-left: 0
+}
+
+.navbar-expand .navbar-nav {
+ -ms-flex-direction: row;
+ flex-direction: row
+}
+
+.navbar-expand .navbar-nav .dropdown-menu {
+ position: absolute
+}
+
+.navbar-expand .navbar-nav .nav-link {
+ padding-right: .5rem;
+ padding-left: .5rem
+}
+
+.navbar-expand>.container,
+.navbar-expand>.container-fluid {
+ -ms-flex-wrap: nowrap;
+ flex-wrap: nowrap
+}
+
+.navbar-expand .navbar-collapse {
+ display: -ms-flexbox !important;
+ display: flex !important;
+ -ms-flex-preferred-size: auto;
+ flex-basis: auto
+}
+
+.navbar-expand .navbar-toggler {
+ display: none
+}
+
+.navbar-light .navbar-brand {
+ color: rgba(0, 0, 0, .9)
+}
+
+.navbar-light .navbar-brand:focus,
+.navbar-light .navbar-brand:hover {
+ color: rgba(0, 0, 0, .9)
+}
+
+.navbar-light .navbar-nav .nav-link {
+ color: rgba(0, 0, 0, .5)
+}
+
+.navbar-light .navbar-nav .nav-link:focus,
+.navbar-light .navbar-nav .nav-link:hover {
+ color: rgba(0, 0, 0, .7)
+}
+
+.navbar-light .navbar-nav .nav-link.disabled {
+ color: rgba(0, 0, 0, .3)
+}
+
+.navbar-light .navbar-nav .active>.nav-link,
+.navbar-light .navbar-nav .nav-link.active,
+.navbar-light .navbar-nav .nav-link.show,
+.navbar-light .navbar-nav .show>.nav-link {
+ color: rgba(0, 0, 0, .9)
+}
+
+.navbar-light .navbar-toggler {
+ color: rgba(0, 0, 0, .5);
+ border-color: rgba(0, 0, 0, .1)
+}
+
+.navbar-light .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
+}
+
+.navbar-light .navbar-text {
+ color: rgba(0, 0, 0, .5)
+}
+
+.navbar-light .navbar-text a {
+ color: rgba(0, 0, 0, .9)
+}
+
+.navbar-light .navbar-text a:focus,
+.navbar-light .navbar-text a:hover {
+ color: rgba(0, 0, 0, .9)
+}
+
+.navbar-dark .navbar-brand {
+ color: #fff
+}
+
+.navbar-dark .navbar-brand:focus,
+.navbar-dark .navbar-brand:hover {
+ color: #fff
+}
+
+.navbar-dark .navbar-nav .nav-link {
+ color: rgba(255, 255, 255, .5)
+}
+
+.navbar-dark .navbar-nav .nav-link:focus,
+.navbar-dark .navbar-nav .nav-link:hover {
+ color: rgba(255, 255, 255, .75)
+}
+
+.navbar-dark .navbar-nav .nav-link.disabled {
+ color: rgba(255, 255, 255, .25)
+}
+
+.navbar-dark .navbar-nav .active>.nav-link,
+.navbar-dark .navbar-nav .nav-link.active,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .show>.nav-link {
+ color: #fff
+}
+
+.navbar-dark .navbar-toggler {
+ color: rgba(255, 255, 255, .5);
+ border-color: rgba(255, 255, 255, .1)
+}
+
+.navbar-dark .navbar-toggler-icon {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
+}
+
+.navbar-dark .navbar-text {
+ color: rgba(255, 255, 255, .5)
+}
+
+.navbar-dark .navbar-text a {
+ color: #fff
+}
+
+.navbar-dark .navbar-text a:focus,
+.navbar-dark .navbar-text a:hover {
+ color: #fff
+}
+
+.card {
+ position: relative;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ min-width: 0;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: border-box;
+ border: 1px solid rgba(0, 0, 0, .125);
+ border-radius: .25rem
+}
+
+.card>hr {
+ margin-right: 0;
+ margin-left: 0
+}
+
+.card>.list-group:first-child .list-group-item:first-child {
+ border-top-left-radius: .25rem;
+ border-top-right-radius: .25rem
+}
+
+.card>.list-group:last-child .list-group-item:last-child {
+ border-bottom-right-radius: .25rem;
+ border-bottom-left-radius: .25rem
+}
+
+.card-body {
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ padding: 1.25rem
+}
+
+.card-title {
+ margin-bottom: .75rem
+}
+
+.card-subtitle {
+ margin-top: -.375rem;
+ margin-bottom: 0
+}
+
+.card-text:last-child {
+ margin-bottom: 0
+}
+
+.card-link:hover {
+ text-decoration: none
+}
+
+.card-link+.card-link {
+ margin-left: 1.25rem
+}
+
+.card-header {
+ padding: .75rem 1.25rem;
+ margin-bottom: 0;
+ background-color: rgba(0, 0, 0, .03);
+ border-bottom: 1px solid rgba(0, 0, 0, .125)
+}
+
+.card-header:first-child {
+ border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
+}
+
+.card-header+.list-group .list-group-item:first-child {
+ border-top: 0
+}
+
+.card-footer {
+ padding: .75rem 1.25rem;
+ background-color: rgba(0, 0, 0, .03);
+ border-top: 1px solid rgba(0, 0, 0, .125)
+}
+
+.card-footer:last-child {
+ border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
+}
+
+.card-header-tabs {
+ margin-right: -.625rem;
+ margin-bottom: -.75rem;
+ margin-left: -.625rem;
+ border-bottom: 0
+}
+
+.card-header-pills {
+ margin-right: -.625rem;
+ margin-left: -.625rem
+}
+
+.card-img-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: 1.25rem
+}
+
+.card-img {
+ width: 100%;
+ border-radius: calc(.25rem - 1px)
+}
+
+.card-img-top {
+ width: 100%;
+ border-top-left-radius: calc(.25rem - 1px);
+ border-top-right-radius: calc(.25rem - 1px)
+}
+
+.card-img-bottom {
+ width: 100%;
+ border-bottom-right-radius: calc(.25rem - 1px);
+ border-bottom-left-radius: calc(.25rem - 1px)
+}
+
+.card-deck {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-direction: column;
+ flex-direction: column
+}
+
+.card-deck .card {
+ margin-bottom: 15px
+}
+
+@media (min-width:576px) {
+ .card-deck {
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap;
+ margin-right: -15px;
+ margin-left: -15px
+ }
+
+ .card-deck .card {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-right: 15px;
+ margin-bottom: 0;
+ margin-left: 15px
+ }
+}
+
+.card-group {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-direction: column;
+ flex-direction: column
+}
+
+.card-group>.card {
+ margin-bottom: 15px
+}
+
+@media (min-width:576px) {
+ .card-group {
+ -ms-flex-flow: row wrap;
+ flex-flow: row wrap
+ }
+
+ .card-group>.card {
+ -ms-flex: 1 0 0%;
+ flex: 1 0 0%;
+ margin-bottom: 0
+ }
+
+ .card-group>.card+.card {
+ margin-left: 0;
+ border-left: 0
+ }
+
+ .card-group>.card:first-child {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0
+ }
+
+ .card-group>.card:first-child .card-header,
+ .card-group>.card:first-child .card-img-top {
+ border-top-right-radius: 0
+ }
+
+ .card-group>.card:first-child .card-footer,
+ .card-group>.card:first-child .card-img-bottom {
+ border-bottom-right-radius: 0
+ }
+
+ .card-group>.card:last-child {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0
+ }
+
+ .card-group>.card:last-child .card-header,
+ .card-group>.card:last-child .card-img-top {
+ border-top-left-radius: 0
+ }
+
+ .card-group>.card:last-child .card-footer,
+ .card-group>.card:last-child .card-img-bottom {
+ border-bottom-left-radius: 0
+ }
+
+ .card-group>.card:only-child {
+ border-radius: .25rem
+ }
+
+ .card-group>.card:only-child .card-header,
+ .card-group>.card:only-child .card-img-top {
+ border-top-left-radius: .25rem;
+ border-top-right-radius: .25rem
+ }
+
+ .card-group>.card:only-child .card-footer,
+ .card-group>.card:only-child .card-img-bottom {
+ border-bottom-right-radius: .25rem;
+ border-bottom-left-radius: .25rem
+ }
+
+ .card-group>.card:not(:first-child):not(:last-child):not(:only-child) {
+ border-radius: 0
+ }
+
+ .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
+ .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-header,
+ .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
+ .card-group>.card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
+ border-radius: 0
+ }
+}
+
+.card-columns .card {
+ margin-bottom: .75rem
+}
+
+@media (min-width:576px) {
+ .card-columns {
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3;
+ -webkit-column-gap: 1.25rem;
+ -moz-column-gap: 1.25rem;
+ column-gap: 1.25rem;
+ orphans: 1;
+ widows: 1
+ }
+
+ .card-columns .card {
+ display: inline-block;
+ width: 100%
+ }
+}
+
+.accordion .card:not(:first-of-type):not(:last-of-type) {
+ border-bottom: 0;
+ border-radius: 0
+}
+
+.accordion .card:not(:first-of-type) .card-header:first-child {
+ border-radius: 0
+}
+
+.accordion .card:first-of-type {
+ border-bottom: 0;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0
+}
+
+.accordion .card:last-of-type {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0
+}
+
+.breadcrumb {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding: .75rem 1rem;
+ margin-bottom: 1rem;
+ list-style: none;
+ background-color: #e9ecef;
+ border-radius: .25rem
+}
+
+.breadcrumb-item+.breadcrumb-item {
+ padding-left: .5rem
+}
+
+.breadcrumb-item+.breadcrumb-item::before {
+ display: inline-block;
+ padding-right: .5rem;
+ color: #6c757d;
+ content: "/"
+}
+
+.breadcrumb-item+.breadcrumb-item:hover::before {
+ text-decoration: underline
+}
+
+.breadcrumb-item+.breadcrumb-item:hover::before {
+ text-decoration: none
+}
+
+.breadcrumb-item.active {
+ color: #6c757d
+}
+
+.pagination {
+ display: -ms-flexbox;
+ display: flex;
+ padding-left: 0;
+ list-style: none;
+ border-radius: .25rem
+}
+
+.page-link {
+ position: relative;
+ display: block;
+ padding: .5rem .75rem;
+ margin-left: -1px;
+ line-height: 1.25;
+ color: #007bff;
+ background-color: #fff;
+ border: 1px solid #dee2e6
+}
+
+.page-link:hover {
+ z-index: 2;
+ color: #0056b3;
+ text-decoration: none;
+ background-color: #e9ecef;
+ border-color: #dee2e6
+}
+
+.page-link:focus {
+ z-index: 2;
+ outline: 0;
+ box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
+}
+
+.page-link:not(:disabled):not(.disabled) {
+ cursor: pointer
+}
+
+.page-item:first-child .page-link {
+ margin-left: 0;
+ border-top-left-radius: .25rem;
+ border-bottom-left-radius: .25rem
+}
+
+.page-item:last-child .page-link {
+ border-top-right-radius: .25rem;
+ border-bottom-right-radius: .25rem
+}
+
+.page-item.active .page-link {
+ z-index: 1;
+ color: #fff;
+ background-color: #007bff;
+ border-color: #007bff
+}
+
+.page-item.disabled .page-link {
+ color: #6c757d;
+ pointer-events: none;
+ cursor: auto;
+ background-color: #fff;
+ border-color: #dee2e6
+}
+
+.pagination-lg .page-link {
+ padding: .75rem 1.5rem;
+ font-size: 1.25rem;
+ line-height: 1.5
+}
+
+.pagination-lg .page-item:first-child .page-link {
+ border-top-left-radius: .3rem;
+ border-bottom-left-radius: .3rem
+}
+
+.pagination-lg .page-item:last-child .page-link {
+ border-top-right-radius: .3rem;
+ border-bottom-right-radius: .3rem
+}
+
+.pagination-sm .page-link {
+ padding: .25rem .5rem;
+ font-size: .875rem;
+ line-height: 1.5
+}
+
+.pagination-sm .page-item:first-child .page-link {
+ border-top-left-radius: .2rem;
+ border-bottom-left-radius: .2rem
+}
+
+.pagination-sm .page-item:last-child .page-link {
+ border-top-right-radius: .2rem;
+ border-bottom-right-radius: .2rem
+}
+
+.badge {
+ display: inline-block;
+ padding: .25em .4em;
+ font-size: 75%;
+ font-weight: 700;
+ line-height: 1;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: baseline;
+ border-radius: .25rem
+}
+
+.badge:empty {
+ display: none
+}
+
+.btn .badge {
+ position: relative;
+ top: -1px
+}
+
+.badge-pill {
+ padding-right: .6em;
+ padding-left: .6em;
+ border-radius: 10rem
+}
+
+.badge-primary {
+ color: #fff;
+ background-color: #007bff
+}
+
+.badge-primary[href]:focus,
+.badge-primary[href]:hover {
+ color: #fff;
+ text-decoration: none;
+ background-color: #0062cc
+}
+
+.badge-secondary {
+ color: #fff;
+ background-color: #6c757d
+}
+
+.badge-secondary[href]:focus,
+.badge-secondary[href]:hover {
+ color: #fff;
+ text-decoration: none;
+ background-color: #545b62
+}
+
+.badge-success {
+ color: #fff;
+ background-color: #28a745
+}
+
+.badge-success[href]:focus,
+.badge-success[href]:hover {
+ color: #fff;
+ text-decoration: none;
+ background-color: #1e7e34
+}
+
+.badge-info {
+ color: #fff;
+ background-color: #17a2b8
+}
+
+.badge-info[href]:focus,
+.badge-info[href]:hover {
+ color: #fff;
+ text-decoration: none;
+ background-color: #117a8b
+}
+
+.badge-warning {
+ color: #212529;
+ background-color: #ffc107
+}
+
+.badge-warning[href]:focus,
+.badge-warning[href]:hover {
+ color: #212529;
+ text-decoration: none;
+ background-color: #d39e00
+}
+
+.badge-danger {
+ color: #fff;
+ background-color: #dc3545
+}
+
+.badge-danger[href]:focus,
+.badge-danger[href]:hover {
+ color: #fff;
+ text-decoration: none;
+ background-color: #bd2130
+}
+
+.badge-light {
+ color: #212529;
+ background-color: #f8f9fa
+}
+
+.badge-light[href]:focus,
+.badge-light[href]:hover {
+ color: #212529;
+ text-decoration: none;
+ background-color: #dae0e5
+}
+
+.badge-dark {
+ color: #fff;
+ background-color: #343a40
+}
+
+.badge-dark[href]:focus,
+.badge-dark[href]:hover {
+ color: #fff;
+ text-decoration: none;
+ background-color: #1d2124
+}
+
+.jumbotron {
+ padding: 2rem 1rem;
+ margin-bottom: 2rem;
+ background-color: #e9ecef;
+ border-radius: .3rem
+}
+
+@media (min-width:576px) {
+ .jumbotron {
+ padding: 4rem 2rem
+ }
+}
+
+.jumbotron-fluid {
+ padding-right: 0;
+ padding-left: 0;
+ border-radius: 0
+}
+
+.alert {
+ position: relative;
+ padding: .75rem 1.25rem;
+ margin-bottom: 1rem;
+ border: 1px solid transparent;
+ border-radius: .25rem
+}
+
+.alert-heading {
+ color: inherit
+}
+
+.alert-link {
+ font-weight: 700
+}
+
+.alert-dismissible {
+ padding-right: 4rem
+}
+
+.alert-dismissible .close {
+ position: absolute;
+ top: 0;
+ right: 0;
+ padding: .75rem 1.25rem;
+ color: inherit
+}
+
+.alert-primary {
+ color: #004085;
+ background-color: #cce5ff;
+ border-color: #b8daff
+}
+
+.alert-primary hr {
+ border-top-color: #9fcdff
+}
+
+.alert-primary .alert-link {
+ color: #002752
+}
+
+.alert-secondary {
+ color: #383d41;
+ background-color: #e2e3e5;
+ border-color: #d6d8db
+}
+
+.alert-secondary hr {
+ border-top-color: #c8cbcf
+}
+
+.alert-secondary .alert-link {
+ color: #202326
+}
+
+.alert-success {
+ color: #155724;
+ background-color: #d4edda;
+ border-color: #c3e6cb
+}
+
+.alert-success hr {
+ border-top-color: #b1dfbb
+}
+
+.alert-success .alert-link {
+ color: #0b2e13
+}
+
+.alert-info {
+ color: #0c5460;
+ background-color: #d1ecf1;
+ border-color: #bee5eb
+}
+
+.alert-info hr {
+ border-top-color: #abdde5
+}
+
+.alert-info .alert-link {
+ color: #062c33
+}
+
+.alert-warning {
+ color: #856404;
+ background-color: #fff3cd;
+ border-color: #ffeeba
+}
+
+.alert-warning hr {
+ border-top-color: #ffe8a1
+}
+
+.alert-warning .alert-link {
+ color: #533f03
+}
+
+.alert-danger {
+ color: #721c24;
+ background-color: #f8d7da;
+ border-color: #f5c6cb
+}
+
+.alert-danger hr {
+ border-top-color: #f1b0b7
+}
+
+.alert-danger .alert-link {
+ color: #491217
+}
+
+.alert-light {
+ color: #818182;
+ background-color: #fefefe;
+ border-color: #fdfdfe
+}
+
+.alert-light hr {
+ border-top-color: #ececf6
+}
+
+.alert-light .alert-link {
+ color: #686868
+}
+
+.alert-dark {
+ color: #1b1e21;
+ background-color: #d6d8d9;
+ border-color: #c6c8ca
+}
+
+.alert-dark hr {
+ border-top-color: #b9bbbe
+}
+
+.alert-dark .alert-link {
+ color: #040505
+}
+
+@-webkit-keyframes progress-bar-stripes {
+ from {
+ background-position: 1rem 0
+ }
+
+ to {
+ background-position: 0 0
+ }
+}
+
+@keyframes progress-bar-stripes {
+ from {
+ background-position: 1rem 0
+ }
+
+ to {
+ background-position: 0 0
+ }
+}
+
+.progress {
+ display: -ms-flexbox;
+ display: flex;
+ height: 1rem;
+ overflow: hidden;
+ font-size: .75rem;
+ background-color: #e9ecef;
+ border-radius: .25rem
+}
+
+.progress-bar {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -ms-flex-pack: center;
+ justify-content: center;
+ color: #fff;
+ text-align: center;
+ white-space: nowrap;
+ background-color: #007bff;
+ transition: width .6s ease
+}
+
+@media screen and (prefers-reduced-motion:reduce) {
+ .progress-bar {
+ transition: none
+ }
+}
+
+.progress-bar-striped {
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
+ background-size: 1rem 1rem
+}
+
+.progress-bar-animated {
+ -webkit-animation: progress-bar-stripes 1s linear infinite;
+ animation: progress-bar-stripes 1s linear infinite
+}
+
+.media {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-align: start;
+ align-items: flex-start
+}
+
+.media-body {
+ -ms-flex: 1;
+ flex: 1
+}
+
+.list-group {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding-left: 0;
+ margin-bottom: 0
+}
+
+.list-group-item-action {
+ width: 100%;
+ color: #495057;
+ text-align: inherit
+}
+
+.list-group-item-action:focus,
+.list-group-item-action:hover {
+ color: #495057;
+ text-decoration: none;
+ background-color: #f8f9fa
+}
+
+.list-group-item-action:active {
+ color: #212529;
+ background-color: #e9ecef
+}
+
+.list-group-item {
+ position: relative;
+ display: block;
+ padding: .75rem 1.25rem;
+ margin-bottom: -1px;
+ background-color: #fff;
+ border: 1px solid rgba(0, 0, 0, .125)
+}
+
+.list-group-item:first-child {
+ border-top-left-radius: .25rem;
+ border-top-right-radius: .25rem
+}
+
+.list-group-item:last-child {
+ margin-bottom: 0;
+ border-bottom-right-radius: .25rem;
+ border-bottom-left-radius: .25rem
+}
+
+.list-group-item:focus,
+.list-group-item:hover {
+ z-index: 1;
+ text-decoration: none
+}
+
+.list-group-item.disabled,
+.list-group-item:disabled {
+ color: #6c757d;
+ background-color: #fff
+}
+
+.list-group-item.active {
+ z-index: 2;
+ color: #fff;
+ background-color: #007bff;
+ border-color: #007bff
+}
+
+.list-group-flush .list-group-item {
+ border-right: 0;
+ border-left: 0;
+ border-radius: 0
+}
+
+.list-group-flush:first-child .list-group-item:first-child {
+ border-top: 0
+}
+
+.list-group-flush:last-child .list-group-item:last-child {
+ border-bottom: 0
+}
+
+.list-group-item-primary {
+ color: #004085;
+ background-color: #b8daff
+}
+
+.list-group-item-primary.list-group-item-action:focus,
+.list-group-item-primary.list-group-item-action:hover {
+ color: #004085;
+ background-color: #9fcdff
+}
+
+.list-group-item-primary.list-group-item-action.active {
+ color: #fff;
+ background-color: #004085;
+ border-color: #004085
+}
+
+.list-group-item-secondary {
+ color: #383d41;
+ background-color: #d6d8db
+}
+
+.list-group-item-secondary.list-group-item-action:focus,
+.list-group-item-secondary.list-group-item-action:hover {
+ color: #383d41;
+ background-color: #c8cbcf
+}
+
+.list-group-item-secondary.list-group-item-action.active {
+ color: #fff;
+ background-color: #383d41;
+ border-color: #383d41
+}
+
+.list-group-item-success {
+ color: #155724;
+ background-color: #c3e6cb
+}
+
+.list-group-item-success.list-group-item-action:focus,
+.list-group-item-success.list-group-item-action:hover {
+ color: #155724;
+ background-color: #b1dfbb
+}
+
+.list-group-item-success.list-group-item-action.active {
+ color: #fff;
+ background-color: #155724;
+ border-color: #155724
+}
+
+.list-group-item-info {
+ color: #0c5460;
+ background-color: #bee5eb
+}
+
+.list-group-item-info.list-group-item-action:focus,
+.list-group-item-info.list-group-item-action:hover {
+ color: #0c5460;
+ background-color: #abdde5
+}
+
+.list-group-item-info.list-group-item-action.active {
+ color: #fff;
+ background-color: #0c5460;
+ border-color: #0c5460
+}
+
+.list-group-item-warning {
+ color: #856404;
+ background-color: #ffeeba
+}
+
+.list-group-item-warning.list-group-item-action:focus,
+.list-group-item-warning.list-group-item-action:hover {
+ color: #856404;
+ background-color: #ffe8a1
+}
+
+.list-group-item-warning.list-group-item-action.active {
+ color: #fff;
+ background-color: #856404;
+ border-color: #856404
+}
+
+.list-group-item-danger {
+ color: #721c24;
+ background-color: #f5c6cb
+}
+
+.list-group-item-danger.list-group-item-action:focus,
+.list-group-item-danger.list-group-item-action:hover {
+ color: #721c24;
+ background-color: #f1b0b7
+}
+
+.list-group-item-danger.list-group-item-action.active {
+ color: #fff;
+ background-color: #721c24;
+ border-color: #721c24
+}
+
+.list-group-item-light {
+ color: #818182;
+ background-color: #fdfdfe
+}
+
+.list-group-item-light.list-group-item-action:focus,
+.list-group-item-light.list-group-item-action:hover {
+ color: #818182;
+ background-color: #ececf6
+}
+
+.list-group-item-light.list-group-item-action.active {
+ color: #fff;
+ background-color: #818182;
+ border-color: #818182
+}
+
+.list-group-item-dark {
+ color: #1b1e21;
+ background-color: #c6c8ca
+}
+
+.list-group-item-dark.list-group-item-action:focus,
+.list-group-item-dark.list-group-item-action:hover {
+ color: #1b1e21;
+ background-color: #b9bbbe
+}
+
+.list-group-item-dark.list-group-item-action.active {
+ color: #fff;
+ background-color: #1b1e21;
+ border-color: #1b1e21
+}
+
+.close {
+ float: right;
+ font-size: 1.5rem;
+ font-weight: 700;
+ line-height: 1;
+ color: #000;
+ text-shadow: 0 1px 0 #fff;
+ opacity: .5
+}
+
+.close:not(:disabled):not(.disabled) {
+ cursor: pointer
+}
+
+.close:not(:disabled):not(.disabled):focus,
+.close:not(:disabled):not(.disabled):hover {
+ color: #000;
+ text-decoration: none;
+ opacity: .75
+}
+
+button.close {
+ padding: 0;
+ background-color: transparent;
+ border: 0;
+ -webkit-appearance: none
+}
+
+.modal-open {
+ overflow: hidden
+}
+
+.modal-open .modal {
+ overflow-x: hidden;
+ overflow-y: auto
+}
+
+.modal {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1050;
+ display: none;
+ overflow: hidden;
+ outline: 0
+}
+
+.modal-dialog {
+ position: relative;
+ width: auto;
+ margin: .5rem;
+ pointer-events: none
+}
+
+.modal.fade .modal-dialog {
+ transition: -webkit-transform .3s ease-out;
+ transition: transform .3s ease-out;
+ transition: transform .3s ease-out, -webkit-transform .3s ease-out;
+ -webkit-transform: translate(0, -25%);
+ transform: translate(0, -25%)
+}
+
+@media screen and (prefers-reduced-motion:reduce) {
+ .modal.fade .modal-dialog {
+ transition: none
+ }
+}
+
+.modal.show .modal-dialog {
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0)
+}
+
+.modal-dialog-centered {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-align: center;
+ align-items: center;
+ min-height: calc(100% - (.5rem * 2))
+}
+
+.modal-dialog-centered::before {
+ display: block;
+ height: calc(100vh - (.5rem * 2));
+ content: ""
+}
+
+.modal-content {
+ position: relative;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ width: 100%;
+ pointer-events: auto;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, .2);
+ border-radius: .3rem;
+ outline: 0
+}
+
+.modal-backdrop {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1040;
+ background-color: #000
+}
+
+.modal-backdrop.fade {
+ opacity: 0
+}
+
+.modal-backdrop.show {
+ opacity: .5
+}
+
+.modal-header {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-align: start;
+ align-items: flex-start;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ padding: 1rem;
+ border-bottom: 1px solid #e9ecef;
+ border-top-left-radius: .3rem;
+ border-top-right-radius: .3rem
+}
+
+.modal-header .close {
+ padding: 1rem;
+ margin: -1rem -1rem -1rem auto
+}
+
+.modal-title {
+ margin-bottom: 0;
+ line-height: 1.5
+}
+
+.modal-body {
+ position: relative;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ padding: 1rem
+}
+
+.modal-footer {
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-pack: end;
+ justify-content: flex-end;
+ padding: 1rem;
+ border-top: 1px solid #e9ecef
+}
+
+.modal-footer>:not(:first-child) {
+ margin-left: .25rem
+}
+
+.modal-footer>:not(:last-child) {
+ margin-right: .25rem
+}
+
+.modal-scrollbar-measure {
+ position: absolute;
+ top: -9999px;
+ width: 50px;
+ height: 50px;
+ overflow: scroll
+}
+
+@media (min-width:576px) {
+ .modal-dialog {
+ max-width: 500px;
+ margin: 1.75rem auto
+ }
+
+ .modal-dialog-centered {
+ min-height: calc(100% - (1.75rem * 2))
+ }
+
+ .modal-dialog-centered::before {
+ height: calc(100vh - (1.75rem * 2))
+ }
+
+ .modal-sm {
+ max-width: 300px
+ }
+}
+
+@media (min-width:992px) {
+ .modal-lg {
+ max-width: 800px
+ }
+}
+
+.tooltip {
+ position: absolute;
+ z-index: 1070;
+ display: block;
+ margin: 0;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: .875rem;
+ word-wrap: break-word;
+ opacity: 0
+}
+
+.tooltip.show {
+ opacity: .9
+}
+
+.tooltip .arrow {
+ position: absolute;
+ display: block;
+ width: .8rem;
+ height: .4rem
+}
+
+.tooltip .arrow::before {
+ position: absolute;
+ content: "";
+ border-color: transparent;
+ border-style: solid
+}
+
+.bs-tooltip-auto[x-placement^=top],
+.bs-tooltip-top {
+ padding: .4rem 0
+}
+
+.bs-tooltip-auto[x-placement^=top] .arrow,
+.bs-tooltip-top .arrow {
+ bottom: 0
+}
+
+.bs-tooltip-auto[x-placement^=top] .arrow::before,
+.bs-tooltip-top .arrow::before {
+ top: 0;
+ border-width: .4rem .4rem 0;
+ border-top-color: #000
+}
+
+.bs-tooltip-auto[x-placement^=right],
+.bs-tooltip-right {
+ padding: 0 .4rem
+}
+
+.bs-tooltip-auto[x-placement^=right] .arrow,
+.bs-tooltip-right .arrow {
+ left: 0;
+ width: .4rem;
+ height: .8rem
+}
+
+.bs-tooltip-auto[x-placement^=right] .arrow::before,
+.bs-tooltip-right .arrow::before {
+ right: 0;
+ border-width: .4rem .4rem .4rem 0;
+ border-right-color: #000
+}
+
+.bs-tooltip-auto[x-placement^=bottom],
+.bs-tooltip-bottom {
+ padding: .4rem 0
+}
+
+.bs-tooltip-auto[x-placement^=bottom] .arrow,
+.bs-tooltip-bottom .arrow {
+ top: 0
+}
+
+.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
+.bs-tooltip-bottom .arrow::before {
+ bottom: 0;
+ border-width: 0 .4rem .4rem;
+ border-bottom-color: #000
+}
+
+.bs-tooltip-auto[x-placement^=left],
+.bs-tooltip-left {
+ padding: 0 .4rem
+}
+
+.bs-tooltip-auto[x-placement^=left] .arrow,
+.bs-tooltip-left .arrow {
+ right: 0;
+ width: .4rem;
+ height: .8rem
+}
+
+.bs-tooltip-auto[x-placement^=left] .arrow::before,
+.bs-tooltip-left .arrow::before {
+ left: 0;
+ border-width: .4rem 0 .4rem .4rem;
+ border-left-color: #000
+}
+
+.tooltip-inner {
+ max-width: 200px;
+ padding: .25rem .5rem;
+ color: #fff;
+ text-align: center;
+ background-color: #000;
+ border-radius: .25rem
+}
+
+.popover {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 1060;
+ display: block;
+ max-width: 276px;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1.5;
+ text-align: left;
+ text-align: start;
+ text-decoration: none;
+ text-shadow: none;
+ text-transform: none;
+ letter-spacing: normal;
+ word-break: normal;
+ word-spacing: normal;
+ white-space: normal;
+ line-break: auto;
+ font-size: .875rem;
+ word-wrap: break-word;
+ background-color: #fff;
+ background-clip: padding-box;
+ border: 1px solid rgba(0, 0, 0, .2);
+ border-radius: .3rem
+}
+
+.popover .arrow {
+ position: absolute;
+ display: block;
+ width: 1rem;
+ height: .5rem;
+ margin: 0 .3rem
+}
+
+.popover .arrow::after,
+.popover .arrow::before {
+ position: absolute;
+ display: block;
+ content: "";
+ border-color: transparent;
+ border-style: solid
+}
+
+.bs-popover-auto[x-placement^=top],
+.bs-popover-top {
+ margin-bottom: .5rem
+}
+
+.bs-popover-auto[x-placement^=top] .arrow,
+.bs-popover-top .arrow {
+ bottom: calc((.5rem + 1px) * -1)
+}
+
+.bs-popover-auto[x-placement^=top] .arrow::after,
+.bs-popover-auto[x-placement^=top] .arrow::before,
+.bs-popover-top .arrow::after,
+.bs-popover-top .arrow::before {
+ border-width: .5rem .5rem 0
+}
+
+.bs-popover-auto[x-placement^=top] .arrow::before,
+.bs-popover-top .arrow::before {
+ bottom: 0;
+ border-top-color: rgba(0, 0, 0, .25)
+}
+
+.bs-popover-auto[x-placement^=top] .arrow::after,
+.bs-popover-top .arrow::after {
+ bottom: 1px;
+ border-top-color: #fff
+}
+
+.bs-popover-auto[x-placement^=right],
+.bs-popover-right {
+ margin-left: .5rem
+}
+
+.bs-popover-auto[x-placement^=right] .arrow,
+.bs-popover-right .arrow {
+ left: calc((.5rem + 1px) * -1);
+ width: .5rem;
+ height: 1rem;
+ margin: .3rem 0
+}
+
+.bs-popover-auto[x-placement^=right] .arrow::after,
+.bs-popover-auto[x-placement^=right] .arrow::before,
+.bs-popover-right .arrow::after,
+.bs-popover-right .arrow::before {
+ border-width: .5rem .5rem .5rem 0
+}
+
+.bs-popover-auto[x-placement^=right] .arrow::before,
+.bs-popover-right .arrow::before {
+ left: 0;
+ border-right-color: rgba(0, 0, 0, .25)
+}
+
+.bs-popover-auto[x-placement^=right] .arrow::after,
+.bs-popover-right .arrow::after {
+ left: 1px;
+ border-right-color: #fff
+}
+
+.bs-popover-auto[x-placement^=bottom],
+.bs-popover-bottom {
+ margin-top: .5rem
+}
+
+.bs-popover-auto[x-placement^=bottom] .arrow,
+.bs-popover-bottom .arrow {
+ top: calc((.5rem + 1px) * -1)
+}
+
+.bs-popover-auto[x-placement^=bottom] .arrow::after,
+.bs-popover-auto[x-placement^=bottom] .arrow::before,
+.bs-popover-bottom .arrow::after,
+.bs-popover-bottom .arrow::before {
+ border-width: 0 .5rem .5rem .5rem
+}
+
+.bs-popover-auto[x-placement^=bottom] .arrow::before,
+.bs-popover-bottom .arrow::before {
+ top: 0;
+ border-bottom-color: rgba(0, 0, 0, .25)
+}
+
+.bs-popover-auto[x-placement^=bottom] .arrow::after,
+.bs-popover-bottom .arrow::after {
+ top: 1px;
+ border-bottom-color: #fff
+}
+
+.bs-popover-auto[x-placement^=bottom] .popover-header::before,
+.bs-popover-bottom .popover-header::before {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ display: block;
+ width: 1rem;
+ margin-left: -.5rem;
+ content: "";
+ border-bottom: 1px solid #f7f7f7
+}
+
+.bs-popover-auto[x-placement^=left],
+.bs-popover-left {
+ margin-right: .5rem
+}
+
+.bs-popover-auto[x-placement^=left] .arrow,
+.bs-popover-left .arrow {
+ right: calc((.5rem + 1px) * -1);
+ width: .5rem;
+ height: 1rem;
+ margin: .3rem 0
+}
+
+.bs-popover-auto[x-placement^=left] .arrow::after,
+.bs-popover-auto[x-placement^=left] .arrow::before,
+.bs-popover-left .arrow::after,
+.bs-popover-left .arrow::before {
+ border-width: .5rem 0 .5rem .5rem
+}
+
+.bs-popover-auto[x-placement^=left] .arrow::before,
+.bs-popover-left .arrow::before {
+ right: 0;
+ border-left-color: rgba(0, 0, 0, .25)
+}
+
+.bs-popover-auto[x-placement^=left] .arrow::after,
+.bs-popover-left .arrow::after {
+ right: 1px;
+ border-left-color: #fff
+}
+
+.popover-header {
+ padding: .5rem .75rem;
+ margin-bottom: 0;
+ font-size: 1rem;
+ color: inherit;
+ background-color: #f7f7f7;
+ border-bottom: 1px solid #ebebeb;
+ border-top-left-radius: calc(.3rem - 1px);
+ border-top-right-radius: calc(.3rem - 1px)
+}
+
+.popover-header:empty {
+ display: none
+}
+
+.popover-body {
+ padding: .5rem .75rem;
+ color: #212529
+}
+
+.carousel {
+ position: relative
+}
+
+.carousel-inner {
+ position: relative;
+ width: 100%;
+ overflow: hidden
+}
+
+.carousel-item {
+ position: relative;
+ display: none;
+ -ms-flex-align: center;
+ align-items: center;
+ width: 100%;
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-perspective: 1000px;
+ perspective: 1000px
+}
+
+.carousel-item-next,
+.carousel-item-prev,
+.carousel-item.active {
+ display: block;
+ transition: -webkit-transform .6s ease;
+ transition: transform .6s ease;
+ transition: transform .6s ease, -webkit-transform .6s ease
+}
+
+@media screen and (prefers-reduced-motion:reduce) {
+
+ .carousel-item-next,
+ .carousel-item-prev,
+ .carousel-item.active {
+ transition: none
+ }
+}
+
+.carousel-item-next,
+.carousel-item-prev {
+ position: absolute;
+ top: 0
+}
+
+.carousel-item-next.carousel-item-left,
+.carousel-item-prev.carousel-item-right {
+ -webkit-transform: translateX(0);
+ transform: translateX(0)
+}
+
+@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
+
+ .carousel-item-next.carousel-item-left,
+ .carousel-item-prev.carousel-item-right {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0)
+ }
+}
+
+.active.carousel-item-right,
+.carousel-item-next {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%)
+}
+
+@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
+
+ .active.carousel-item-right,
+ .carousel-item-next {
+ -webkit-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0)
+ }
+}
+
+.active.carousel-item-left,
+.carousel-item-prev {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%)
+}
+
+@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
+
+ .active.carousel-item-left,
+ .carousel-item-prev {
+ -webkit-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0)
+ }
+}
+
+.carousel-fade .carousel-item {
+ opacity: 0;
+ transition-duration: .6s;
+ transition-property: opacity
+}
+
+.carousel-fade .carousel-item-next.carousel-item-left,
+.carousel-fade .carousel-item-prev.carousel-item-right,
+.carousel-fade .carousel-item.active {
+ opacity: 1
+}
+
+.carousel-fade .active.carousel-item-left,
+.carousel-fade .active.carousel-item-right {
+ opacity: 0
+}
+
+.carousel-fade .active.carousel-item-left,
+.carousel-fade .active.carousel-item-prev,
+.carousel-fade .carousel-item-next,
+.carousel-fade .carousel-item-prev,
+.carousel-fade .carousel-item.active {
+ -webkit-transform: translateX(0);
+ transform: translateX(0)
+}
+
+@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {
+
+ .carousel-fade .active.carousel-item-left,
+ .carousel-fade .active.carousel-item-prev,
+ .carousel-fade .carousel-item-next,
+ .carousel-fade .carousel-item-prev,
+ .carousel-fade .carousel-item.active {
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0)
+ }
+}
+
+.carousel-control-next,
+.carousel-control-prev {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-align: center;
+ align-items: center;
+ -ms-flex-pack: center;
+ justify-content: center;
+ width: 15%;
+ color: #fff;
+ text-align: center;
+ opacity: .5
+}
+
+.carousel-control-next:focus,
+.carousel-control-next:hover,
+.carousel-control-prev:focus,
+.carousel-control-prev:hover {
+ color: #fff;
+ text-decoration: none;
+ outline: 0;
+ opacity: .9
+}
+
+.carousel-control-prev {
+ left: 0
+}
+
+.carousel-control-next {
+ right: 0
+}
+
+.carousel-control-next-icon,
+.carousel-control-prev-icon {
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ background: transparent no-repeat center center;
+ background-size: 100% 100%
+}
+
+.carousel-control-prev-icon {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
+}
+
+.carousel-control-next-icon {
+ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
+}
+
+.carousel-indicators {
+ position: absolute;
+ right: 0;
+ bottom: 10px;
+ left: 0;
+ z-index: 15;
+ display: -ms-flexbox;
+ display: flex;
+ -ms-flex-pack: center;
+ justify-content: center;
+ padding-left: 0;
+ margin-right: 15%;
+ margin-left: 15%;
+ list-style: none
+}
+
+.carousel-indicators li {
+ position: relative;
+ -ms-flex: 0 1 auto;
+ flex: 0 1 auto;
+ width: 30px;
+ height: 3px;
+ margin-right: 3px;
+ margin-left: 3px;
+ text-indent: -999px;
+ cursor: pointer;
+ background-color: rgba(255, 255, 255, .5)
+}
+
+.carousel-indicators li::before {
+ position: absolute;
+ top: -10px;
+ left: 0;
+ display: inline-block;
+ width: 100%;
+ height: 10px;
+ content: ""
+}
+
+.carousel-indicators li::after {
+ position: absolute;
+ bottom: -10px;
+ left: 0;
+ display: inline-block;
+ width: 100%;
+ height: 10px;
+ content: ""
+}
+
+.carousel-indicators .active {
+ background-color: #fff
+}
+
+.carousel-caption {
+ position: absolute;
+ right: 15%;
+ bottom: 20px;
+ left: 15%;
+ z-index: 10;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ color: #fff;
+ text-align: center
+}
+
+.align-baseline {
+ vertical-align: baseline !important
+}
+
+.align-top {
+ vertical-align: top !important
+}
+
+.align-middle {
+ vertical-align: middle !important
+}
+
+.align-bottom {
+ vertical-align: bottom !important
+}
+
+.align-text-bottom {
+ vertical-align: text-bottom !important
+}
+
+.align-text-top {
+ vertical-align: text-top !important
+}
+
+.bg-primary {
+ background-color: #007bff !important
+}
+
+a.bg-primary:focus,
+a.bg-primary:hover,
+button.bg-primary:focus,
+button.bg-primary:hover {
+ background-color: #0062cc !important
+}
+
+.bg-secondary {
+ background-color: #6c757d !important
+}
+
+a.bg-secondary:focus,
+a.bg-secondary:hover,
+button.bg-secondary:focus,
+button.bg-secondary:hover {
+ background-color: #545b62 !important
+}
+
+.bg-success {
+ background-color: #28a745 !important
+}
+
+a.bg-success:focus,
+a.bg-success:hover,
+button.bg-success:focus,
+button.bg-success:hover {
+ background-color: #1e7e34 !important
+}
+
+.bg-info {
+ background-color: #17a2b8 !important
+}
+
+a.bg-info:focus,
+a.bg-info:hover,
+button.bg-info:focus,
+button.bg-info:hover {
+ background-color: #117a8b !important
+}
+
+.bg-warning {
+ background-color: #ffc107 !important
+}
+
+a.bg-warning:focus,
+a.bg-warning:hover,
+button.bg-warning:focus,
+button.bg-warning:hover {
+ background-color: #d39e00 !important
+}
+
+.bg-danger {
+ background-color: #dc3545 !important
+}
+
+a.bg-danger:focus,
+a.bg-danger:hover,
+button.bg-danger:focus,
+button.bg-danger:hover {
+ background-color: #bd2130 !important
+}
+
+.bg-light {
+ background-color: #f8f9fa !important
+}
+
+a.bg-light:focus,
+a.bg-light:hover,
+button.bg-light:focus,
+button.bg-light:hover {
+ background-color: #dae0e5 !important
+}
+
+.bg-dark {
+ background-color: #343a40 !important
+}
+
+a.bg-dark:focus,
+a.bg-dark:hover,
+button.bg-dark:focus,
+button.bg-dark:hover {
+ background-color: #1d2124 !important
+}
+
+.bg-white {
+ background-color: #fff !important
+}
+
+.bg-transparent {
+ background-color: transparent !important
+}
+
+.border {
+ border: 1px solid #dee2e6 !important
+}
+
+.border-top {
+ border-top: 1px solid #dee2e6 !important
+}
+
+.border-right {
+ border-right: 1px solid #dee2e6 !important
+}
+
+.border-bottom {
+ border-bottom: 1px solid #dee2e6 !important
+}
+
+.border-left {
+ border-left: 1px solid #dee2e6 !important
+}
+
+.border-0 {
+ border: 0 !important
+}
+
+.border-top-0 {
+ border-top: 0 !important
+}
+
+.border-right-0 {
+ border-right: 0 !important
+}
+
+.border-bottom-0 {
+ border-bottom: 0 !important
+}
+
+.border-left-0 {
+ border-left: 0 !important
+}
+
+.border-primary {
+ border-color: #007bff !important
+}
+
+.border-secondary {
+ border-color: #6c757d !important
+}
+
+.border-success {
+ border-color: #28a745 !important
+}
+
+.border-info {
+ border-color: #17a2b8 !important
+}
+
+.border-warning {
+ border-color: #ffc107 !important
+}
+
+.border-danger {
+ border-color: #dc3545 !important
+}
+
+.border-light {
+ border-color: #f8f9fa !important
+}
+
+.border-dark {
+ border-color: #343a40 !important
+}
+
+.border-white {
+ border-color: #fff !important
+}
+
+.rounded {
+ border-radius: .25rem !important
+}
+
+.rounded-top {
+ border-top-left-radius: .25rem !important;
+ border-top-right-radius: .25rem !important
+}
+
+.rounded-right {
+ border-top-right-radius: .25rem !important;
+ border-bottom-right-radius: .25rem !important
+}
+
+.rounded-bottom {
+ border-bottom-right-radius: .25rem !important;
+ border-bottom-left-radius: .25rem !important
+}
+
+.rounded-left {
+ border-top-left-radius: .25rem !important;
+ border-bottom-left-radius: .25rem !important
+}
+
+.rounded-circle {
+ border-radius: 50% !important
+}
+
+.rounded-0 {
+ border-radius: 0 !important
+}
+
+.clearfix::after {
+ display: block;
+ clear: both;
+ content: ""
+}
+
+.d-none {
+ display: none !important
+}
+
+.d-inline {
+ display: inline !important
+}
+
+.d-inline-block {
+ display: inline-block !important
+}
+
+.d-block {
+ display: block !important
+}
+
+.d-table {
+ display: table !important
+}
+
+.d-table-row {
+ display: table-row !important
+}
+
+.d-table-cell {
+ display: table-cell !important
+}
+
+.d-flex {
+ display: -ms-flexbox !important;
+ display: flex !important
+}
+
+.d-inline-flex {
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important
+}
+
+@media (min-width:576px) {
+ .d-sm-none {
+ display: none !important
+ }
+
+ .d-sm-inline {
+ display: inline !important
+ }
+
+ .d-sm-inline-block {
+ display: inline-block !important
+ }
+
+ .d-sm-block {
+ display: block !important
+ }
+
+ .d-sm-table {
+ display: table !important
+ }
+
+ .d-sm-table-row {
+ display: table-row !important
+ }
+
+ .d-sm-table-cell {
+ display: table-cell !important
+ }
+
+ .d-sm-flex {
+ display: -ms-flexbox !important;
+ display: flex !important
+ }
+
+ .d-sm-inline-flex {
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important
+ }
+}
+
+@media (min-width:768px) {
+ .d-md-none {
+ display: none !important
+ }
+
+ .d-md-inline {
+ display: inline !important
+ }
+
+ .d-md-inline-block {
+ display: inline-block !important
+ }
+
+ .d-md-block {
+ display: block !important
+ }
+
+ .d-md-table {
+ display: table !important
+ }
+
+ .d-md-table-row {
+ display: table-row !important
+ }
+
+ .d-md-table-cell {
+ display: table-cell !important
+ }
+
+ .d-md-flex {
+ display: -ms-flexbox !important;
+ display: flex !important
+ }
+
+ .d-md-inline-flex {
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important
+ }
+}
+
+@media (min-width:992px) {
+ .d-lg-none {
+ display: none !important
+ }
+
+ .d-lg-inline {
+ display: inline !important
+ }
+
+ .d-lg-inline-block {
+ display: inline-block !important
+ }
+
+ .d-lg-block {
+ display: block !important
+ }
+
+ .d-lg-table {
+ display: table !important
+ }
+
+ .d-lg-table-row {
+ display: table-row !important
+ }
+
+ .d-lg-table-cell {
+ display: table-cell !important
+ }
+
+ .d-lg-flex {
+ display: -ms-flexbox !important;
+ display: flex !important
+ }
+
+ .d-lg-inline-flex {
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important
+ }
+}
+
+@media (min-width:1200px) {
+ .d-xl-none {
+ display: none !important
+ }
+
+ .d-xl-inline {
+ display: inline !important
+ }
+
+ .d-xl-inline-block {
+ display: inline-block !important
+ }
+
+ .d-xl-block {
+ display: block !important
+ }
+
+ .d-xl-table {
+ display: table !important
+ }
+
+ .d-xl-table-row {
+ display: table-row !important
+ }
+
+ .d-xl-table-cell {
+ display: table-cell !important
+ }
+
+ .d-xl-flex {
+ display: -ms-flexbox !important;
+ display: flex !important
+ }
+
+ .d-xl-inline-flex {
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important
+ }
+}
+
+@media print {
+ .d-print-none {
+ display: none !important
+ }
+
+ .d-print-inline {
+ display: inline !important
+ }
+
+ .d-print-inline-block {
+ display: inline-block !important
+ }
+
+ .d-print-block {
+ display: block !important
+ }
+
+ .d-print-table {
+ display: table !important
+ }
+
+ .d-print-table-row {
+ display: table-row !important
+ }
+
+ .d-print-table-cell {
+ display: table-cell !important
+ }
+
+ .d-print-flex {
+ display: -ms-flexbox !important;
+ display: flex !important
+ }
+
+ .d-print-inline-flex {
+ display: -ms-inline-flexbox !important;
+ display: inline-flex !important
+ }
+}
+
+.embed-responsive {
+ position: relative;
+ display: block;
+ width: 100%;
+ padding: 0;
+ overflow: hidden
+}
+
+.embed-responsive::before {
+ display: block;
+ content: ""
+}
+
+.embed-responsive .embed-responsive-item,
+.embed-responsive embed,
+.embed-responsive iframe,
+.embed-responsive object,
+.embed-responsive video {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ border: 0
+}
+
+.embed-responsive-21by9::before {
+ padding-top: 42.857143%
+}
+
+.embed-responsive-16by9::before {
+ padding-top: 56.25%
+}
+
+.embed-responsive-4by3::before {
+ padding-top: 75%
+}
+
+.embed-responsive-1by1::before {
+ padding-top: 100%
+}
+
+.flex-row {
+ -ms-flex-direction: row !important;
+ flex-direction: row !important
+}
+
+.flex-column {
+ -ms-flex-direction: column !important;
+ flex-direction: column !important
+}
+
+.flex-row-reverse {
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important
+}
+
+.flex-column-reverse {
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important
+}
+
+.flex-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important
+}
+
+.flex-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important
+}
+
+.flex-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important
+}
+
+.flex-fill {
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important
+}
+
+.flex-grow-0 {
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important
+}
+
+.flex-grow-1 {
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important
+}
+
+.flex-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important
+}
+
+.flex-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important
+}
+
+.justify-content-start {
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important
+}
+
+.justify-content-end {
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important
+}
+
+.justify-content-center {
+ -ms-flex-pack: center !important;
+ justify-content: center !important
+}
+
+.justify-content-between {
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important
+}
+
+.justify-content-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important
+}
+
+.align-items-start {
+ -ms-flex-align: start !important;
+ align-items: flex-start !important
+}
+
+.align-items-end {
+ -ms-flex-align: end !important;
+ align-items: flex-end !important
+}
+
+.align-items-center {
+ -ms-flex-align: center !important;
+ align-items: center !important
+}
+
+.align-items-baseline {
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important
+}
+
+.align-items-stretch {
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important
+}
+
+.align-content-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important
+}
+
+.align-content-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important
+}
+
+.align-content-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important
+}
+
+.align-content-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important
+}
+
+.align-content-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important
+}
+
+.align-content-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important
+}
+
+.align-self-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important
+}
+
+.align-self-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important
+}
+
+.align-self-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important
+}
+
+.align-self-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important
+}
+
+.align-self-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important
+}
+
+.align-self-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important
+}
+
+@media (min-width:576px) {
+ .flex-sm-row {
+ -ms-flex-direction: row !important;
+ flex-direction: row !important
+ }
+
+ .flex-sm-column {
+ -ms-flex-direction: column !important;
+ flex-direction: column !important
+ }
+
+ .flex-sm-row-reverse {
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important
+ }
+
+ .flex-sm-column-reverse {
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important
+ }
+
+ .flex-sm-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important
+ }
+
+ .flex-sm-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important
+ }
+
+ .flex-sm-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important
+ }
+
+ .flex-sm-fill {
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important
+ }
+
+ .flex-sm-grow-0 {
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important
+ }
+
+ .flex-sm-grow-1 {
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important
+ }
+
+ .flex-sm-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important
+ }
+
+ .flex-sm-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important
+ }
+
+ .justify-content-sm-start {
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important
+ }
+
+ .justify-content-sm-end {
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important
+ }
+
+ .justify-content-sm-center {
+ -ms-flex-pack: center !important;
+ justify-content: center !important
+ }
+
+ .justify-content-sm-between {
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important
+ }
+
+ .justify-content-sm-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important
+ }
+
+ .align-items-sm-start {
+ -ms-flex-align: start !important;
+ align-items: flex-start !important
+ }
+
+ .align-items-sm-end {
+ -ms-flex-align: end !important;
+ align-items: flex-end !important
+ }
+
+ .align-items-sm-center {
+ -ms-flex-align: center !important;
+ align-items: center !important
+ }
+
+ .align-items-sm-baseline {
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important
+ }
+
+ .align-items-sm-stretch {
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important
+ }
+
+ .align-content-sm-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important
+ }
+
+ .align-content-sm-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important
+ }
+
+ .align-content-sm-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important
+ }
+
+ .align-content-sm-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important
+ }
+
+ .align-content-sm-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important
+ }
+
+ .align-content-sm-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important
+ }
+
+ .align-self-sm-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important
+ }
+
+ .align-self-sm-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important
+ }
+
+ .align-self-sm-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important
+ }
+
+ .align-self-sm-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important
+ }
+
+ .align-self-sm-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important
+ }
+
+ .align-self-sm-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important
+ }
+}
+
+@media (min-width:768px) {
+ .flex-md-row {
+ -ms-flex-direction: row !important;
+ flex-direction: row !important
+ }
+
+ .flex-md-column {
+ -ms-flex-direction: column !important;
+ flex-direction: column !important
+ }
+
+ .flex-md-row-reverse {
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important
+ }
+
+ .flex-md-column-reverse {
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important
+ }
+
+ .flex-md-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important
+ }
+
+ .flex-md-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important
+ }
+
+ .flex-md-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important
+ }
+
+ .flex-md-fill {
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important
+ }
+
+ .flex-md-grow-0 {
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important
+ }
+
+ .flex-md-grow-1 {
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important
+ }
+
+ .flex-md-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important
+ }
+
+ .flex-md-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important
+ }
+
+ .justify-content-md-start {
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important
+ }
+
+ .justify-content-md-end {
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important
+ }
+
+ .justify-content-md-center {
+ -ms-flex-pack: center !important;
+ justify-content: center !important
+ }
+
+ .justify-content-md-between {
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important
+ }
+
+ .justify-content-md-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important
+ }
+
+ .align-items-md-start {
+ -ms-flex-align: start !important;
+ align-items: flex-start !important
+ }
+
+ .align-items-md-end {
+ -ms-flex-align: end !important;
+ align-items: flex-end !important
+ }
+
+ .align-items-md-center {
+ -ms-flex-align: center !important;
+ align-items: center !important
+ }
+
+ .align-items-md-baseline {
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important
+ }
+
+ .align-items-md-stretch {
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important
+ }
+
+ .align-content-md-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important
+ }
+
+ .align-content-md-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important
+ }
+
+ .align-content-md-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important
+ }
+
+ .align-content-md-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important
+ }
+
+ .align-content-md-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important
+ }
+
+ .align-content-md-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important
+ }
+
+ .align-self-md-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important
+ }
+
+ .align-self-md-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important
+ }
+
+ .align-self-md-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important
+ }
+
+ .align-self-md-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important
+ }
+
+ .align-self-md-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important
+ }
+
+ .align-self-md-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important
+ }
+}
+
+@media (min-width:992px) {
+ .flex-lg-row {
+ -ms-flex-direction: row !important;
+ flex-direction: row !important
+ }
+
+ .flex-lg-column {
+ -ms-flex-direction: column !important;
+ flex-direction: column !important
+ }
+
+ .flex-lg-row-reverse {
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important
+ }
+
+ .flex-lg-column-reverse {
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important
+ }
+
+ .flex-lg-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important
+ }
+
+ .flex-lg-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important
+ }
+
+ .flex-lg-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important
+ }
+
+ .flex-lg-fill {
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important
+ }
+
+ .flex-lg-grow-0 {
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important
+ }
+
+ .flex-lg-grow-1 {
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important
+ }
+
+ .flex-lg-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important
+ }
+
+ .flex-lg-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important
+ }
+
+ .justify-content-lg-start {
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important
+ }
+
+ .justify-content-lg-end {
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important
+ }
+
+ .justify-content-lg-center {
+ -ms-flex-pack: center !important;
+ justify-content: center !important
+ }
+
+ .justify-content-lg-between {
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important
+ }
+
+ .justify-content-lg-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important
+ }
+
+ .align-items-lg-start {
+ -ms-flex-align: start !important;
+ align-items: flex-start !important
+ }
+
+ .align-items-lg-end {
+ -ms-flex-align: end !important;
+ align-items: flex-end !important
+ }
+
+ .align-items-lg-center {
+ -ms-flex-align: center !important;
+ align-items: center !important
+ }
+
+ .align-items-lg-baseline {
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important
+ }
+
+ .align-items-lg-stretch {
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important
+ }
+
+ .align-content-lg-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important
+ }
+
+ .align-content-lg-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important
+ }
+
+ .align-content-lg-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important
+ }
+
+ .align-content-lg-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important
+ }
+
+ .align-content-lg-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important
+ }
+
+ .align-content-lg-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important
+ }
+
+ .align-self-lg-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important
+ }
+
+ .align-self-lg-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important
+ }
+
+ .align-self-lg-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important
+ }
+
+ .align-self-lg-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important
+ }
+
+ .align-self-lg-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important
+ }
+
+ .align-self-lg-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important
+ }
+}
+
+@media (min-width:1200px) {
+ .flex-xl-row {
+ -ms-flex-direction: row !important;
+ flex-direction: row !important
+ }
+
+ .flex-xl-column {
+ -ms-flex-direction: column !important;
+ flex-direction: column !important
+ }
+
+ .flex-xl-row-reverse {
+ -ms-flex-direction: row-reverse !important;
+ flex-direction: row-reverse !important
+ }
+
+ .flex-xl-column-reverse {
+ -ms-flex-direction: column-reverse !important;
+ flex-direction: column-reverse !important
+ }
+
+ .flex-xl-wrap {
+ -ms-flex-wrap: wrap !important;
+ flex-wrap: wrap !important
+ }
+
+ .flex-xl-nowrap {
+ -ms-flex-wrap: nowrap !important;
+ flex-wrap: nowrap !important
+ }
+
+ .flex-xl-wrap-reverse {
+ -ms-flex-wrap: wrap-reverse !important;
+ flex-wrap: wrap-reverse !important
+ }
+
+ .flex-xl-fill {
+ -ms-flex: 1 1 auto !important;
+ flex: 1 1 auto !important
+ }
+
+ .flex-xl-grow-0 {
+ -ms-flex-positive: 0 !important;
+ flex-grow: 0 !important
+ }
+
+ .flex-xl-grow-1 {
+ -ms-flex-positive: 1 !important;
+ flex-grow: 1 !important
+ }
+
+ .flex-xl-shrink-0 {
+ -ms-flex-negative: 0 !important;
+ flex-shrink: 0 !important
+ }
+
+ .flex-xl-shrink-1 {
+ -ms-flex-negative: 1 !important;
+ flex-shrink: 1 !important
+ }
+
+ .justify-content-xl-start {
+ -ms-flex-pack: start !important;
+ justify-content: flex-start !important
+ }
+
+ .justify-content-xl-end {
+ -ms-flex-pack: end !important;
+ justify-content: flex-end !important
+ }
+
+ .justify-content-xl-center {
+ -ms-flex-pack: center !important;
+ justify-content: center !important
+ }
+
+ .justify-content-xl-between {
+ -ms-flex-pack: justify !important;
+ justify-content: space-between !important
+ }
+
+ .justify-content-xl-around {
+ -ms-flex-pack: distribute !important;
+ justify-content: space-around !important
+ }
+
+ .align-items-xl-start {
+ -ms-flex-align: start !important;
+ align-items: flex-start !important
+ }
+
+ .align-items-xl-end {
+ -ms-flex-align: end !important;
+ align-items: flex-end !important
+ }
+
+ .align-items-xl-center {
+ -ms-flex-align: center !important;
+ align-items: center !important
+ }
+
+ .align-items-xl-baseline {
+ -ms-flex-align: baseline !important;
+ align-items: baseline !important
+ }
+
+ .align-items-xl-stretch {
+ -ms-flex-align: stretch !important;
+ align-items: stretch !important
+ }
+
+ .align-content-xl-start {
+ -ms-flex-line-pack: start !important;
+ align-content: flex-start !important
+ }
+
+ .align-content-xl-end {
+ -ms-flex-line-pack: end !important;
+ align-content: flex-end !important
+ }
+
+ .align-content-xl-center {
+ -ms-flex-line-pack: center !important;
+ align-content: center !important
+ }
+
+ .align-content-xl-between {
+ -ms-flex-line-pack: justify !important;
+ align-content: space-between !important
+ }
+
+ .align-content-xl-around {
+ -ms-flex-line-pack: distribute !important;
+ align-content: space-around !important
+ }
+
+ .align-content-xl-stretch {
+ -ms-flex-line-pack: stretch !important;
+ align-content: stretch !important
+ }
+
+ .align-self-xl-auto {
+ -ms-flex-item-align: auto !important;
+ align-self: auto !important
+ }
+
+ .align-self-xl-start {
+ -ms-flex-item-align: start !important;
+ align-self: flex-start !important
+ }
+
+ .align-self-xl-end {
+ -ms-flex-item-align: end !important;
+ align-self: flex-end !important
+ }
+
+ .align-self-xl-center {
+ -ms-flex-item-align: center !important;
+ align-self: center !important
+ }
+
+ .align-self-xl-baseline {
+ -ms-flex-item-align: baseline !important;
+ align-self: baseline !important
+ }
+
+ .align-self-xl-stretch {
+ -ms-flex-item-align: stretch !important;
+ align-self: stretch !important
+ }
+}
+
+.float-left {
+ float: left !important
+}
+
+.float-right {
+ float: right !important
+}
+
+.float-none {
+ float: none !important
+}
+
+@media (min-width:576px) {
+ .float-sm-left {
+ float: left !important
+ }
+
+ .float-sm-right {
+ float: right !important
+ }
+
+ .float-sm-none {
+ float: none !important
+ }
+}
+
+@media (min-width:768px) {
+ .float-md-left {
+ float: left !important
+ }
+
+ .float-md-right {
+ float: right !important
+ }
+
+ .float-md-none {
+ float: none !important
+ }
+}
+
+@media (min-width:992px) {
+ .float-lg-left {
+ float: left !important
+ }
+
+ .float-lg-right {
+ float: right !important
+ }
+
+ .float-lg-none {
+ float: none !important
+ }
+}
+
+@media (min-width:1200px) {
+ .float-xl-left {
+ float: left !important
+ }
+
+ .float-xl-right {
+ float: right !important
+ }
+
+ .float-xl-none {
+ float: none !important
+ }
+}
+
+.position-static {
+ position: static !important
+}
+
+.position-relative {
+ position: relative !important
+}
+
+.position-absolute {
+ position: absolute !important
+}
+
+.position-fixed {
+ position: fixed !important
+}
+
+.position-sticky {
+ position: -webkit-sticky !important;
+ position: sticky !important
+}
+
+.fixed-top {
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1030
+}
+
+.fixed-bottom {
+ position: fixed;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1030
+}
+
+@supports ((position:-webkit-sticky) or (position:sticky)) {
+ .sticky-top {
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0;
+ z-index: 1020
+ }
+}
+
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border: 0
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ overflow: visible;
+ clip: auto;
+ white-space: normal
+}
+
+.shadow-sm {
+ box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
+}
+
+.shadow {
+ box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
+}
+
+.shadow-lg {
+ box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
+}
+
+.shadow-none {
+ box-shadow: none !important
+}
+
+.w-25 {
+ width: 25% !important
+}
+
+.w-50 {
+ width: 50% !important
+}
+
+.w-75 {
+ width: 75% !important
+}
+
+.w-100 {
+ width: 100% !important
+}
+
+.w-auto {
+ width: auto !important
+}
+
+.h-25 {
+ height: 25% !important
+}
+
+.h-50 {
+ height: 50% !important
+}
+
+.h-75 {
+ height: 75% !important
+}
+
+.h-100 {
+ height: 100% !important
+}
+
+.h-auto {
+ height: auto !important
+}
+
+.mw-100 {
+ max-width: 100% !important
+}
+
+.mh-100 {
+ max-height: 100% !important
+}
+
+.m-0 {
+ margin: 0 !important
+}
+
+.mt-0,
+.my-0 {
+ margin-top: 0 !important
+}
+
+.mr-0,
+.mx-0 {
+ margin-right: 0 !important
+}
+
+.mb-0,
+.my-0 {
+ margin-bottom: 0 !important
+}
+
+.ml-0,
+.mx-0 {
+ margin-left: 0 !important
+}
+
+.m-1 {
+ margin: .25rem !important
+}
+
+.mt-1,
+.my-1 {
+ margin-top: .25rem !important
+}
+
+.mr-1,
+.mx-1 {
+ margin-right: .25rem !important
+}
+
+.mb-1,
+.my-1 {
+ margin-bottom: .25rem !important
+}
+
+.ml-1,
+.mx-1 {
+ margin-left: .25rem !important
+}
+
+.m-2 {
+ margin: .5rem !important
+}
+
+.mt-2,
+.my-2 {
+ margin-top: .5rem !important
+}
+
+.mr-2,
+.mx-2 {
+ margin-right: .5rem !important
+}
+
+.mb-2,
+.my-2 {
+ margin-bottom: .5rem !important
+}
+
+.ml-2,
+.mx-2 {
+ margin-left: .5rem !important
+}
+
+.m-3 {
+ margin: 1rem !important
+}
+
+.mt-3,
+.my-3 {
+ margin-top: 1rem !important
+}
+
+.mr-3,
+.mx-3 {
+ margin-right: 1rem !important
+}
+
+.mb-3,
+.my-3 {
+ margin-bottom: 1rem !important
+}
+
+.ml-3,
+.mx-3 {
+ margin-left: 1rem !important
+}
+
+.m-4 {
+ margin: 1.5rem !important
+}
+
+.mt-4,
+.my-4 {
+ margin-top: 1.5rem !important
+}
+
+.mr-4,
+.mx-4 {
+ margin-right: 1.5rem !important
+}
+
+.mb-4,
+.my-4 {
+ margin-bottom: 1.5rem !important
+}
+
+.ml-4,
+.mx-4 {
+ margin-left: 1.5rem !important
+}
+
+.m-5 {
+ margin: 3rem !important
+}
+
+.mt-5,
+.my-5 {
+ margin-top: 3rem !important
+}
+
+.mr-5,
+.mx-5 {
+ margin-right: 3rem !important
+}
+
+.mb-5,
+.my-5 {
+ margin-bottom: 3rem !important
+}
+
+.ml-5,
+.mx-5 {
+ margin-left: 3rem !important
+}
+
+.p-0 {
+ padding: 0 !important
+}
+
+.pt-0,
+.py-0 {
+ padding-top: 0 !important
+}
+
+.pr-0,
+.px-0 {
+ padding-right: 0 !important
+}
+
+.pb-0,
+.py-0 {
+ padding-bottom: 0 !important
+}
+
+.pl-0,
+.px-0 {
+ padding-left: 0 !important
+}
+
+.p-1 {
+ padding: .25rem !important
+}
+
+.pt-1,
+.py-1 {
+ padding-top: .25rem !important
+}
+
+.pr-1,
+.px-1 {
+ padding-right: .25rem !important
+}
+
+.pb-1,
+.py-1 {
+ padding-bottom: .25rem !important
+}
+
+.pl-1,
+.px-1 {
+ padding-left: .25rem !important
+}
+
+.p-2 {
+ padding: .5rem !important
+}
+
+.pt-2,
+.py-2 {
+ padding-top: .5rem !important
+}
+
+.pr-2,
+.px-2 {
+ padding-right: .5rem !important
+}
+
+.pb-2,
+.py-2 {
+ padding-bottom: .5rem !important
+}
+
+.pl-2,
+.px-2 {
+ padding-left: .5rem !important
+}
+
+.p-3 {
+ padding: 1rem !important
+}
+
+.pt-3,
+.py-3 {
+ padding-top: 1rem !important
+}
+
+.pr-3,
+.px-3 {
+ padding-right: 1rem !important
+}
+
+.pb-3,
+.py-3 {
+ padding-bottom: 1rem !important
+}
+
+.pl-3,
+.px-3 {
+ padding-left: 1rem !important
+}
+
+.p-4 {
+ padding: 1.5rem !important
+}
+
+.pt-4,
+.py-4 {
+ padding-top: 1.5rem !important
+}
+
+.pr-4,
+.px-4 {
+ padding-right: 1.5rem !important
+}
+
+.pb-4,
+.py-4 {
+ padding-bottom: 1.5rem !important
+}
+
+.pl-4,
+.px-4 {
+ padding-left: 1.5rem !important
+}
+
+.p-5 {
+ padding: 3rem !important
+}
+
+.pt-5,
+.py-5 {
+ padding-top: 3rem !important
+}
+
+.pr-5,
+.px-5 {
+ padding-right: 3rem !important
+}
+
+.pb-5,
+.py-5 {
+ padding-bottom: 3rem !important
+}
+
+.pl-5,
+.px-5 {
+ padding-left: 3rem !important
+}
+
+.m-auto {
+ margin: auto !important
+}
+
+.mt-auto,
+.my-auto {
+ margin-top: auto !important
+}
+
+.mr-auto,
+.mx-auto {
+ margin-right: auto !important
+}
+
+.mb-auto,
+.my-auto {
+ margin-bottom: auto !important
+}
+
+.ml-auto,
+.mx-auto {
+ margin-left: auto !important
+}
+
+@media (min-width:576px) {
+ .m-sm-0 {
+ margin: 0 !important
+ }
+
+ .mt-sm-0,
+ .my-sm-0 {
+ margin-top: 0 !important
+ }
+
+ .mr-sm-0,
+ .mx-sm-0 {
+ margin-right: 0 !important
+ }
+
+ .mb-sm-0,
+ .my-sm-0 {
+ margin-bottom: 0 !important
+ }
+
+ .ml-sm-0,
+ .mx-sm-0 {
+ margin-left: 0 !important
+ }
+
+ .m-sm-1 {
+ margin: .25rem !important
+ }
+
+ .mt-sm-1,
+ .my-sm-1 {
+ margin-top: .25rem !important
+ }
+
+ .mr-sm-1,
+ .mx-sm-1 {
+ margin-right: .25rem !important
+ }
+
+ .mb-sm-1,
+ .my-sm-1 {
+ margin-bottom: .25rem !important
+ }
+
+ .ml-sm-1,
+ .mx-sm-1 {
+ margin-left: .25rem !important
+ }
+
+ .m-sm-2 {
+ margin: .5rem !important
+ }
+
+ .mt-sm-2,
+ .my-sm-2 {
+ margin-top: .5rem !important
+ }
+
+ .mr-sm-2,
+ .mx-sm-2 {
+ margin-right: .5rem !important
+ }
+
+ .mb-sm-2,
+ .my-sm-2 {
+ margin-bottom: .5rem !important
+ }
+
+ .ml-sm-2,
+ .mx-sm-2 {
+ margin-left: .5rem !important
+ }
+
+ .m-sm-3 {
+ margin: 1rem !important
+ }
+
+ .mt-sm-3,
+ .my-sm-3 {
+ margin-top: 1rem !important
+ }
+
+ .mr-sm-3,
+ .mx-sm-3 {
+ margin-right: 1rem !important
+ }
+
+ .mb-sm-3,
+ .my-sm-3 {
+ margin-bottom: 1rem !important
+ }
+
+ .ml-sm-3,
+ .mx-sm-3 {
+ margin-left: 1rem !important
+ }
+
+ .m-sm-4 {
+ margin: 1.5rem !important
+ }
+
+ .mt-sm-4,
+ .my-sm-4 {
+ margin-top: 1.5rem !important
+ }
+
+ .mr-sm-4,
+ .mx-sm-4 {
+ margin-right: 1.5rem !important
+ }
+
+ .mb-sm-4,
+ .my-sm-4 {
+ margin-bottom: 1.5rem !important
+ }
+
+ .ml-sm-4,
+ .mx-sm-4 {
+ margin-left: 1.5rem !important
+ }
+
+ .m-sm-5 {
+ margin: 3rem !important
+ }
+
+ .mt-sm-5,
+ .my-sm-5 {
+ margin-top: 3rem !important
+ }
+
+ .mr-sm-5,
+ .mx-sm-5 {
+ margin-right: 3rem !important
+ }
+
+ .mb-sm-5,
+ .my-sm-5 {
+ margin-bottom: 3rem !important
+ }
+
+ .ml-sm-5,
+ .mx-sm-5 {
+ margin-left: 3rem !important
+ }
+
+ .p-sm-0 {
+ padding: 0 !important
+ }
+
+ .pt-sm-0,
+ .py-sm-0 {
+ padding-top: 0 !important
+ }
+
+ .pr-sm-0,
+ .px-sm-0 {
+ padding-right: 0 !important
+ }
+
+ .pb-sm-0,
+ .py-sm-0 {
+ padding-bottom: 0 !important
+ }
+
+ .pl-sm-0,
+ .px-sm-0 {
+ padding-left: 0 !important
+ }
+
+ .p-sm-1 {
+ padding: .25rem !important
+ }
+
+ .pt-sm-1,
+ .py-sm-1 {
+ padding-top: .25rem !important
+ }
+
+ .pr-sm-1,
+ .px-sm-1 {
+ padding-right: .25rem !important
+ }
+
+ .pb-sm-1,
+ .py-sm-1 {
+ padding-bottom: .25rem !important
+ }
+
+ .pl-sm-1,
+ .px-sm-1 {
+ padding-left: .25rem !important
+ }
+
+ .p-sm-2 {
+ padding: .5rem !important
+ }
+
+ .pt-sm-2,
+ .py-sm-2 {
+ padding-top: .5rem !important
+ }
+
+ .pr-sm-2,
+ .px-sm-2 {
+ padding-right: .5rem !important
+ }
+
+ .pb-sm-2,
+ .py-sm-2 {
+ padding-bottom: .5rem !important
+ }
+
+ .pl-sm-2,
+ .px-sm-2 {
+ padding-left: .5rem !important
+ }
+
+ .p-sm-3 {
+ padding: 1rem !important
+ }
+
+ .pt-sm-3,
+ .py-sm-3 {
+ padding-top: 1rem !important
+ }
+
+ .pr-sm-3,
+ .px-sm-3 {
+ padding-right: 1rem !important
+ }
+
+ .pb-sm-3,
+ .py-sm-3 {
+ padding-bottom: 1rem !important
+ }
+
+ .pl-sm-3,
+ .px-sm-3 {
+ padding-left: 1rem !important
+ }
+
+ .p-sm-4 {
+ padding: 1.5rem !important
+ }
+
+ .pt-sm-4,
+ .py-sm-4 {
+ padding-top: 1.5rem !important
+ }
+
+ .pr-sm-4,
+ .px-sm-4 {
+ padding-right: 1.5rem !important
+ }
+
+ .pb-sm-4,
+ .py-sm-4 {
+ padding-bottom: 1.5rem !important
+ }
+
+ .pl-sm-4,
+ .px-sm-4 {
+ padding-left: 1.5rem !important
+ }
+
+ .p-sm-5 {
+ padding: 3rem !important
+ }
+
+ .pt-sm-5,
+ .py-sm-5 {
+ padding-top: 3rem !important
+ }
+
+ .pr-sm-5,
+ .px-sm-5 {
+ padding-right: 3rem !important
+ }
+
+ .pb-sm-5,
+ .py-sm-5 {
+ padding-bottom: 3rem !important
+ }
+
+ .pl-sm-5,
+ .px-sm-5 {
+ padding-left: 3rem !important
+ }
+
+ .m-sm-auto {
+ margin: auto !important
+ }
+
+ .mt-sm-auto,
+ .my-sm-auto {
+ margin-top: auto !important
+ }
+
+ .mr-sm-auto,
+ .mx-sm-auto {
+ margin-right: auto !important
+ }
+
+ .mb-sm-auto,
+ .my-sm-auto {
+ margin-bottom: auto !important
+ }
+
+ .ml-sm-auto,
+ .mx-sm-auto {
+ margin-left: auto !important
+ }
+}
+
+@media (min-width:768px) {
+ .m-md-0 {
+ margin: 0 !important
+ }
+
+ .mt-md-0,
+ .my-md-0 {
+ margin-top: 0 !important
+ }
+
+ .mr-md-0,
+ .mx-md-0 {
+ margin-right: 0 !important
+ }
+
+ .mb-md-0,
+ .my-md-0 {
+ margin-bottom: 0 !important
+ }
+
+ .ml-md-0,
+ .mx-md-0 {
+ margin-left: 0 !important
+ }
+
+ .m-md-1 {
+ margin: .25rem !important
+ }
+
+ .mt-md-1,
+ .my-md-1 {
+ margin-top: .25rem !important
+ }
+
+ .mr-md-1,
+ .mx-md-1 {
+ margin-right: .25rem !important
+ }
+
+ .mb-md-1,
+ .my-md-1 {
+ margin-bottom: .25rem !important
+ }
+
+ .ml-md-1,
+ .mx-md-1 {
+ margin-left: .25rem !important
+ }
+
+ .m-md-2 {
+ margin: .5rem !important
+ }
+
+ .mt-md-2,
+ .my-md-2 {
+ margin-top: .5rem !important
+ }
+
+ .mr-md-2,
+ .mx-md-2 {
+ margin-right: .5rem !important
+ }
+
+ .mb-md-2,
+ .my-md-2 {
+ margin-bottom: .5rem !important
+ }
+
+ .ml-md-2,
+ .mx-md-2 {
+ margin-left: .5rem !important
+ }
+
+ .m-md-3 {
+ margin: 1rem !important
+ }
+
+ .mt-md-3,
+ .my-md-3 {
+ margin-top: 1rem !important
+ }
+
+ .mr-md-3,
+ .mx-md-3 {
+ margin-right: 1rem !important
+ }
+
+ .mb-md-3,
+ .my-md-3 {
+ margin-bottom: 1rem !important
+ }
+
+ .ml-md-3,
+ .mx-md-3 {
+ margin-left: 1rem !important
+ }
+
+ .m-md-4 {
+ margin: 1.5rem !important
+ }
+
+ .mt-md-4,
+ .my-md-4 {
+ margin-top: 1.5rem !important
+ }
+
+ .mr-md-4,
+ .mx-md-4 {
+ margin-right: 1.5rem !important
+ }
+
+ .mb-md-4,
+ .my-md-4 {
+ margin-bottom: 1.5rem !important
+ }
+
+ .ml-md-4,
+ .mx-md-4 {
+ margin-left: 1.5rem !important
+ }
+
+ .m-md-5 {
+ margin: 3rem !important
+ }
+
+ .mt-md-5,
+ .my-md-5 {
+ margin-top: 3rem !important
+ }
+
+ .mr-md-5,
+ .mx-md-5 {
+ margin-right: 3rem !important
+ }
+
+ .mb-md-5,
+ .my-md-5 {
+ margin-bottom: 3rem !important
+ }
+
+ .ml-md-5,
+ .mx-md-5 {
+ margin-left: 3rem !important
+ }
+
+ .p-md-0 {
+ padding: 0 !important
+ }
+
+ .pt-md-0,
+ .py-md-0 {
+ padding-top: 0 !important
+ }
+
+ .pr-md-0,
+ .px-md-0 {
+ padding-right: 0 !important
+ }
+
+ .pb-md-0,
+ .py-md-0 {
+ padding-bottom: 0 !important
+ }
+
+ .pl-md-0,
+ .px-md-0 {
+ padding-left: 0 !important
+ }
+
+ .p-md-1 {
+ padding: .25rem !important
+ }
+
+ .pt-md-1,
+ .py-md-1 {
+ padding-top: .25rem !important
+ }
+
+ .pr-md-1,
+ .px-md-1 {
+ padding-right: .25rem !important
+ }
+
+ .pb-md-1,
+ .py-md-1 {
+ padding-bottom: .25rem !important
+ }
+
+ .pl-md-1,
+ .px-md-1 {
+ padding-left: .25rem !important
+ }
+
+ .p-md-2 {
+ padding: .5rem !important
+ }
+
+ .pt-md-2,
+ .py-md-2 {
+ padding-top: .5rem !important
+ }
+
+ .pr-md-2,
+ .px-md-2 {
+ padding-right: .5rem !important
+ }
+
+ .pb-md-2,
+ .py-md-2 {
+ padding-bottom: .5rem !important
+ }
+
+ .pl-md-2,
+ .px-md-2 {
+ padding-left: .5rem !important
+ }
+
+ .p-md-3 {
+ padding: 1rem !important
+ }
+
+ .pt-md-3,
+ .py-md-3 {
+ padding-top: 1rem !important
+ }
+
+ .pr-md-3,
+ .px-md-3 {
+ padding-right: 1rem !important
+ }
+
+ .pb-md-3,
+ .py-md-3 {
+ padding-bottom: 1rem !important
+ }
+
+ .pl-md-3,
+ .px-md-3 {
+ padding-left: 1rem !important
+ }
+
+ .p-md-4 {
+ padding: 1.5rem !important
+ }
+
+ .pt-md-4,
+ .py-md-4 {
+ padding-top: 1.5rem !important
+ }
+
+ .pr-md-4,
+ .px-md-4 {
+ padding-right: 1.5rem !important
+ }
+
+ .pb-md-4,
+ .py-md-4 {
+ padding-bottom: 1.5rem !important
+ }
+
+ .pl-md-4,
+ .px-md-4 {
+ padding-left: 1.5rem !important
+ }
+
+ .p-md-5 {
+ padding: 3rem !important
+ }
+
+ .pt-md-5,
+ .py-md-5 {
+ padding-top: 3rem !important
+ }
+
+ .pr-md-5,
+ .px-md-5 {
+ padding-right: 3rem !important
+ }
+
+ .pb-md-5,
+ .py-md-5 {
+ padding-bottom: 3rem !important
+ }
+
+ .pl-md-5,
+ .px-md-5 {
+ padding-left: 3rem !important
+ }
+
+ .m-md-auto {
+ margin: auto !important
+ }
+
+ .mt-md-auto,
+ .my-md-auto {
+ margin-top: auto !important
+ }
+
+ .mr-md-auto,
+ .mx-md-auto {
+ margin-right: auto !important
+ }
+
+ .mb-md-auto,
+ .my-md-auto {
+ margin-bottom: auto !important
+ }
+
+ .ml-md-auto,
+ .mx-md-auto {
+ margin-left: auto !important
+ }
+}
+
+@media (min-width:992px) {
+ .m-lg-0 {
+ margin: 0 !important
+ }
+
+ .mt-lg-0,
+ .my-lg-0 {
+ margin-top: 0 !important
+ }
+
+ .mr-lg-0,
+ .mx-lg-0 {
+ margin-right: 0 !important
+ }
+
+ .mb-lg-0,
+ .my-lg-0 {
+ margin-bottom: 0 !important
+ }
+
+ .ml-lg-0,
+ .mx-lg-0 {
+ margin-left: 0 !important
+ }
+
+ .m-lg-1 {
+ margin: .25rem !important
+ }
+
+ .mt-lg-1,
+ .my-lg-1 {
+ margin-top: .25rem !important
+ }
+
+ .mr-lg-1,
+ .mx-lg-1 {
+ margin-right: .25rem !important
+ }
+
+ .mb-lg-1,
+ .my-lg-1 {
+ margin-bottom: .25rem !important
+ }
+
+ .ml-lg-1,
+ .mx-lg-1 {
+ margin-left: .25rem !important
+ }
+
+ .m-lg-2 {
+ margin: .5rem !important
+ }
+
+ .mt-lg-2,
+ .my-lg-2 {
+ margin-top: .5rem !important
+ }
+
+ .mr-lg-2,
+ .mx-lg-2 {
+ margin-right: .5rem !important
+ }
+
+ .mb-lg-2,
+ .my-lg-2 {
+ margin-bottom: .5rem !important
+ }
+
+ .ml-lg-2,
+ .mx-lg-2 {
+ margin-left: .5rem !important
+ }
+
+ .m-lg-3 {
+ margin: 1rem !important
+ }
+
+ .mt-lg-3,
+ .my-lg-3 {
+ margin-top: 1rem !important
+ }
+
+ .mr-lg-3,
+ .mx-lg-3 {
+ margin-right: 1rem !important
+ }
+
+ .mb-lg-3,
+ .my-lg-3 {
+ margin-bottom: 1rem !important
+ }
+
+ .ml-lg-3,
+ .mx-lg-3 {
+ margin-left: 1rem !important
+ }
+
+ .m-lg-4 {
+ margin: 1.5rem !important
+ }
+
+ .mt-lg-4,
+ .my-lg-4 {
+ margin-top: 1.5rem !important
+ }
+
+ .mr-lg-4,
+ .mx-lg-4 {
+ margin-right: 1.5rem !important
+ }
+
+ .mb-lg-4,
+ .my-lg-4 {
+ margin-bottom: 1.5rem !important
+ }
+
+ .ml-lg-4,
+ .mx-lg-4 {
+ margin-left: 1.5rem !important
+ }
+
+ .m-lg-5 {
+ margin: 3rem !important
+ }
+
+ .mt-lg-5,
+ .my-lg-5 {
+ margin-top: 3rem !important
+ }
+
+ .mr-lg-5,
+ .mx-lg-5 {
+ margin-right: 3rem !important
+ }
+
+ .mb-lg-5,
+ .my-lg-5 {
+ margin-bottom: 3rem !important
+ }
+
+ .ml-lg-5,
+ .mx-lg-5 {
+ margin-left: 3rem !important
+ }
+
+ .p-lg-0 {
+ padding: 0 !important
+ }
+
+ .pt-lg-0,
+ .py-lg-0 {
+ padding-top: 0 !important
+ }
+
+ .pr-lg-0,
+ .px-lg-0 {
+ padding-right: 0 !important
+ }
+
+ .pb-lg-0,
+ .py-lg-0 {
+ padding-bottom: 0 !important
+ }
+
+ .pl-lg-0,
+ .px-lg-0 {
+ padding-left: 0 !important
+ }
+
+ .p-lg-1 {
+ padding: .25rem !important
+ }
+
+ .pt-lg-1,
+ .py-lg-1 {
+ padding-top: .25rem !important
+ }
+
+ .pr-lg-1,
+ .px-lg-1 {
+ padding-right: .25rem !important
+ }
+
+ .pb-lg-1,
+ .py-lg-1 {
+ padding-bottom: .25rem !important
+ }
+
+ .pl-lg-1,
+ .px-lg-1 {
+ padding-left: .25rem !important
+ }
+
+ .p-lg-2 {
+ padding: .5rem !important
+ }
+
+ .pt-lg-2,
+ .py-lg-2 {
+ padding-top: .5rem !important
+ }
+
+ .pr-lg-2,
+ .px-lg-2 {
+ padding-right: .5rem !important
+ }
+
+ .pb-lg-2,
+ .py-lg-2 {
+ padding-bottom: .5rem !important
+ }
+
+ .pl-lg-2,
+ .px-lg-2 {
+ padding-left: .5rem !important
+ }
+
+ .p-lg-3 {
+ padding: 1rem !important
+ }
+
+ .pt-lg-3,
+ .py-lg-3 {
+ padding-top: 1rem !important
+ }
+
+ .pr-lg-3,
+ .px-lg-3 {
+ padding-right: 1rem !important
+ }
+
+ .pb-lg-3,
+ .py-lg-3 {
+ padding-bottom: 1rem !important
+ }
+
+ .pl-lg-3,
+ .px-lg-3 {
+ padding-left: 1rem !important
+ }
+
+ .p-lg-4 {
+ padding: 1.5rem !important
+ }
+
+ .pt-lg-4,
+ .py-lg-4 {
+ padding-top: 1.5rem !important
+ }
+
+ .pr-lg-4,
+ .px-lg-4 {
+ padding-right: 1.5rem !important
+ }
+
+ .pb-lg-4,
+ .py-lg-4 {
+ padding-bottom: 1.5rem !important
+ }
+
+ .pl-lg-4,
+ .px-lg-4 {
+ padding-left: 1.5rem !important
+ }
+
+ .p-lg-5 {
+ padding: 3rem !important
+ }
+
+ .pt-lg-5,
+ .py-lg-5 {
+ padding-top: 3rem !important
+ }
+
+ .pr-lg-5,
+ .px-lg-5 {
+ padding-right: 3rem !important
+ }
+
+ .pb-lg-5,
+ .py-lg-5 {
+ padding-bottom: 3rem !important
+ }
+
+ .pl-lg-5,
+ .px-lg-5 {
+ padding-left: 3rem !important
+ }
+
+ .m-lg-auto {
+ margin: auto !important
+ }
+
+ .mt-lg-auto,
+ .my-lg-auto {
+ margin-top: auto !important
+ }
+
+ .mr-lg-auto,
+ .mx-lg-auto {
+ margin-right: auto !important
+ }
+
+ .mb-lg-auto,
+ .my-lg-auto {
+ margin-bottom: auto !important
+ }
+
+ .ml-lg-auto,
+ .mx-lg-auto {
+ margin-left: auto !important
+ }
+}
+
+@media (min-width:1200px) {
+ .m-xl-0 {
+ margin: 0 !important
+ }
+
+ .mt-xl-0,
+ .my-xl-0 {
+ margin-top: 0 !important
+ }
+
+ .mr-xl-0,
+ .mx-xl-0 {
+ margin-right: 0 !important
+ }
+
+ .mb-xl-0,
+ .my-xl-0 {
+ margin-bottom: 0 !important
+ }
+
+ .ml-xl-0,
+ .mx-xl-0 {
+ margin-left: 0 !important
+ }
+
+ .m-xl-1 {
+ margin: .25rem !important
+ }
+
+ .mt-xl-1,
+ .my-xl-1 {
+ margin-top: .25rem !important
+ }
+
+ .mr-xl-1,
+ .mx-xl-1 {
+ margin-right: .25rem !important
+ }
+
+ .mb-xl-1,
+ .my-xl-1 {
+ margin-bottom: .25rem !important
+ }
+
+ .ml-xl-1,
+ .mx-xl-1 {
+ margin-left: .25rem !important
+ }
+
+ .m-xl-2 {
+ margin: .5rem !important
+ }
+
+ .mt-xl-2,
+ .my-xl-2 {
+ margin-top: .5rem !important
+ }
+
+ .mr-xl-2,
+ .mx-xl-2 {
+ margin-right: .5rem !important
+ }
+
+ .mb-xl-2,
+ .my-xl-2 {
+ margin-bottom: .5rem !important
+ }
+
+ .ml-xl-2,
+ .mx-xl-2 {
+ margin-left: .5rem !important
+ }
+
+ .m-xl-3 {
+ margin: 1rem !important
+ }
+
+ .mt-xl-3,
+ .my-xl-3 {
+ margin-top: 1rem !important
+ }
+
+ .mr-xl-3,
+ .mx-xl-3 {
+ margin-right: 1rem !important
+ }
+
+ .mb-xl-3,
+ .my-xl-3 {
+ margin-bottom: 1rem !important
+ }
+
+ .ml-xl-3,
+ .mx-xl-3 {
+ margin-left: 1rem !important
+ }
+
+ .m-xl-4 {
+ margin: 1.5rem !important
+ }
+
+ .mt-xl-4,
+ .my-xl-4 {
+ margin-top: 1.5rem !important
+ }
+
+ .mr-xl-4,
+ .mx-xl-4 {
+ margin-right: 1.5rem !important
+ }
+
+ .mb-xl-4,
+ .my-xl-4 {
+ margin-bottom: 1.5rem !important
+ }
+
+ .ml-xl-4,
+ .mx-xl-4 {
+ margin-left: 1.5rem !important
+ }
+
+ .m-xl-5 {
+ margin: 3rem !important
+ }
+
+ .mt-xl-5,
+ .my-xl-5 {
+ margin-top: 3rem !important
+ }
+
+ .mr-xl-5,
+ .mx-xl-5 {
+ margin-right: 3rem !important
+ }
+
+ .mb-xl-5,
+ .my-xl-5 {
+ margin-bottom: 3rem !important
+ }
+
+ .ml-xl-5,
+ .mx-xl-5 {
+ margin-left: 3rem !important
+ }
+
+ .p-xl-0 {
+ padding: 0 !important
+ }
+
+ .pt-xl-0,
+ .py-xl-0 {
+ padding-top: 0 !important
+ }
+
+ .pr-xl-0,
+ .px-xl-0 {
+ padding-right: 0 !important
+ }
+
+ .pb-xl-0,
+ .py-xl-0 {
+ padding-bottom: 0 !important
+ }
+
+ .pl-xl-0,
+ .px-xl-0 {
+ padding-left: 0 !important
+ }
+
+ .p-xl-1 {
+ padding: .25rem !important
+ }
+
+ .pt-xl-1,
+ .py-xl-1 {
+ padding-top: .25rem !important
+ }
+
+ .pr-xl-1,
+ .px-xl-1 {
+ padding-right: .25rem !important
+ }
+
+ .pb-xl-1,
+ .py-xl-1 {
+ padding-bottom: .25rem !important
+ }
+
+ .pl-xl-1,
+ .px-xl-1 {
+ padding-left: .25rem !important
+ }
+
+ .p-xl-2 {
+ padding: .5rem !important
+ }
+
+ .pt-xl-2,
+ .py-xl-2 {
+ padding-top: .5rem !important
+ }
+
+ .pr-xl-2,
+ .px-xl-2 {
+ padding-right: .5rem !important
+ }
+
+ .pb-xl-2,
+ .py-xl-2 {
+ padding-bottom: .5rem !important
+ }
+
+ .pl-xl-2,
+ .px-xl-2 {
+ padding-left: .5rem !important
+ }
+
+ .p-xl-3 {
+ padding: 1rem !important
+ }
+
+ .pt-xl-3,
+ .py-xl-3 {
+ padding-top: 1rem !important
+ }
+
+ .pr-xl-3,
+ .px-xl-3 {
+ padding-right: 1rem !important
+ }
+
+ .pb-xl-3,
+ .py-xl-3 {
+ padding-bottom: 1rem !important
+ }
+
+ .pl-xl-3,
+ .px-xl-3 {
+ padding-left: 1rem !important
+ }
+
+ .p-xl-4 {
+ padding: 1.5rem !important
+ }
+
+ .pt-xl-4,
+ .py-xl-4 {
+ padding-top: 1.5rem !important
+ }
+
+ .pr-xl-4,
+ .px-xl-4 {
+ padding-right: 1.5rem !important
+ }
+
+ .pb-xl-4,
+ .py-xl-4 {
+ padding-bottom: 1.5rem !important
+ }
+
+ .pl-xl-4,
+ .px-xl-4 {
+ padding-left: 1.5rem !important
+ }
+
+ .p-xl-5 {
+ padding: 3rem !important
+ }
+
+ .pt-xl-5,
+ .py-xl-5 {
+ padding-top: 3rem !important
+ }
+
+ .pr-xl-5,
+ .px-xl-5 {
+ padding-right: 3rem !important
+ }
+
+ .pb-xl-5,
+ .py-xl-5 {
+ padding-bottom: 3rem !important
+ }
+
+ .pl-xl-5,
+ .px-xl-5 {
+ padding-left: 3rem !important
+ }
+
+ .m-xl-auto {
+ margin: auto !important
+ }
+
+ .mt-xl-auto,
+ .my-xl-auto {
+ margin-top: auto !important
+ }
+
+ .mr-xl-auto,
+ .mx-xl-auto {
+ margin-right: auto !important
+ }
+
+ .mb-xl-auto,
+ .my-xl-auto {
+ margin-bottom: auto !important
+ }
+
+ .ml-xl-auto,
+ .mx-xl-auto {
+ margin-left: auto !important
+ }
+}
+
+.text-monospace {
+ font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
+}
+
+.text-justify {
+ text-align: justify !important
+}
+
+.text-nowrap {
+ white-space: nowrap !important
+}
+
+.text-truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap
+}
+
+.text-left {
+ text-align: left !important
+}
+
+.text-right {
+ text-align: right !important
+}
+
+.text-center {
+ text-align: center !important
+}
+
+@media (min-width:576px) {
+ .text-sm-left {
+ text-align: left !important
+ }
+
+ .text-sm-right {
+ text-align: right !important
+ }
+
+ .text-sm-center {
+ text-align: center !important
+ }
+}
+
+@media (min-width:768px) {
+ .text-md-left {
+ text-align: left !important
+ }
+
+ .text-md-right {
+ text-align: right !important
+ }
+
+ .text-md-center {
+ text-align: center !important
+ }
+}
+
+@media (min-width:992px) {
+ .text-lg-left {
+ text-align: left !important
+ }
+
+ .text-lg-right {
+ text-align: right !important
+ }
+
+ .text-lg-center {
+ text-align: center !important
+ }
+}
+
+@media (min-width:1200px) {
+ .text-xl-left {
+ text-align: left !important
+ }
+
+ .text-xl-right {
+ text-align: right !important
+ }
+
+ .text-xl-center {
+ text-align: center !important
+ }
+}
+
+.text-lowercase {
+ text-transform: lowercase !important
+}
+
+.text-uppercase {
+ text-transform: uppercase !important
+}
+
+.text-capitalize {
+ text-transform: capitalize !important
+}
+
+.font-weight-light {
+ font-weight: 300 !important
+}
+
+.font-weight-normal {
+ font-weight: 400 !important
+}
+
+.font-weight-bold {
+ font-weight: 700 !important
+}
+
+.font-italic {
+ font-style: italic !important
+}
+
+.text-white {
+ color: #fff !important
+}
+
+.text-primary {
+ color: #007bff !important
+}
+
+a.text-primary:focus,
+a.text-primary:hover {
+ color: #0062cc !important
+}
+
+.text-secondary {
+ color: #6c757d !important
+}
+
+a.text-secondary:focus,
+a.text-secondary:hover {
+ color: #545b62 !important
+}
+
+.text-success {
+ color: #28a745 !important
+}
+
+a.text-success:focus,
+a.text-success:hover {
+ color: #1e7e34 !important
+}
+
+.text-info {
+ color: #17a2b8 !important
+}
+
+a.text-info:focus,
+a.text-info:hover {
+ color: #117a8b !important
+}
+
+.text-warning {
+ color: #ffc107 !important
+}
+
+a.text-warning:focus,
+a.text-warning:hover {
+ color: #d39e00 !important
+}
+
+.text-danger {
+ color: #dc3545 !important
+}
+
+a.text-danger:focus,
+a.text-danger:hover {
+ color: #bd2130 !important
+}
+
+.text-light {
+ color: #f8f9fa !important
+}
+
+a.text-light:focus,
+a.text-light:hover {
+ color: #dae0e5 !important
+}
+
+.text-dark {
+ color: #343a40 !important
+}
+
+a.text-dark:focus,
+a.text-dark:hover {
+ color: #1d2124 !important
+}
+
+.text-body {
+ color: #212529 !important
+}
+
+.text-muted {
+ color: #6c757d !important
+}
+
+.text-black-50 {
+ color: rgba(0, 0, 0, .5) !important
+}
+
+.text-white-50 {
+ color: rgba(255, 255, 255, .5) !important
+}
+
+.text-hide {
+ font: 0/0 a;
+ color: transparent;
+ text-shadow: none;
+ background-color: transparent;
+ border: 0
+}
+
+.visible {
+ visibility: visible !important
+}
+
+.invisible {
+ visibility: hidden !important
+}
+
+@media print {
+
+ *,
+ ::after,
+ ::before {
+ text-shadow: none !important;
+ box-shadow: none !important
+ }
+
+ a:not(.btn) {
+ text-decoration: underline
+ }
+
+ abbr[title]::after {
+ content: " (" attr(title) ")"
+ }
+
+ pre {
+ white-space: pre-wrap !important
+ }
+
+ blockquote,
+ pre {
+ border: 1px solid #adb5bd;
+ page-break-inside: avoid
+ }
+
+ thead {
+ display: table-header-group
+ }
+
+ img,
+ tr {
+ page-break-inside: avoid
+ }
+
+ h2,
+ h3,
+ p {
+ orphans: 3;
+ widows: 3
+ }
+
+ h2,
+ h3 {
+ page-break-after: avoid
+ }
+
+ @page {
+ size: a3
+ }
+
+ body {
+ min-width: 992px !important
+ }
+
+ .container {
+ min-width: 992px !important
+ }
+
+ .navbar {
+ display: none
+ }
+
+ .badge {
+ border: 1px solid #000
+ }
+
+ .table {
+ border-collapse: collapse !important
+ }
+
+ .table td,
+ .table th {
+ background-color: #fff !important
+ }
+
+ .table-bordered td,
+ .table-bordered th {
+ border: 1px solid #dee2e6 !important
+ }
+
+ .table-dark {
+ color: inherit
+ }
+
+ .table-dark tbody+tbody,
+ .table-dark td,
+ .table-dark th,
+ .table-dark thead th {
+ border-color: #dee2e6
+ }
+
+ .table .thead-dark th {
+ color: inherit;
+ border-color: #dee2e6
+ }
+}
+
+/*# sourceMappingURL=bootstrap.min.css.map */
\ No newline at end of file
diff --git a/public/assets/css/mypage/font-awesome.min.css b/public/assets/css/mypage/font-awesome.min.css
new file mode 100644
index 0000000..8d5c44b
--- /dev/null
+++ b/public/assets/css/mypage/font-awesome.min.css
@@ -0,0 +1,3045 @@
+/*!
+ * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+@font-face {
+ font-family: 'FontAwesome';
+ src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
+ src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
+ font-weight: normal;
+ font-style: normal
+}
+
+.fa {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale
+}
+
+.fa-lg {
+ font-size: 1.33333333em;
+ line-height: .75em;
+ vertical-align: -15%
+}
+
+.fa-2x {
+ font-size: 2em
+}
+
+.fa-3x {
+ font-size: 3em
+}
+
+.fa-4x {
+ font-size: 4em
+}
+
+.fa-5x {
+ font-size: 5em
+}
+
+.fa-fw {
+ width: 1.28571429em;
+ text-align: center
+}
+
+.fa-ul {
+ padding-left: 0;
+ margin-left: 2.14285714em;
+ list-style-type: none
+}
+
+.fa-ul>li {
+ position: relative
+}
+
+.fa-li {
+ position: absolute;
+ left: -2.14285714em;
+ width: 2.14285714em;
+ top: .14285714em;
+ text-align: center
+}
+
+.fa-li.fa-lg {
+ left: -1.85714286em
+}
+
+.fa-border {
+ padding: .2em .25em .15em;
+ border: solid .08em #eee;
+ border-radius: .1em
+}
+
+.fa-pull-left {
+ float: left
+}
+
+.fa-pull-right {
+ float: right
+}
+
+.fa.fa-pull-left {
+ margin-right: .3em
+}
+
+.fa.fa-pull-right {
+ margin-left: .3em
+}
+
+.pull-right {
+ float: right
+}
+
+.pull-left {
+ float: left
+}
+
+.fa.pull-left {
+ margin-right: .3em
+}
+
+.fa.pull-right {
+ margin-left: .3em
+}
+
+.fa-spin {
+ -webkit-animation: fa-spin 2s infinite linear;
+ animation: fa-spin 2s infinite linear
+}
+
+.fa-pulse {
+ -webkit-animation: fa-spin 1s infinite steps(8);
+ animation: fa-spin 1s infinite steps(8)
+}
+
+@-webkit-keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg)
+ }
+
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg)
+ }
+}
+
+@keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg)
+ }
+
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg)
+ }
+}
+
+.fa-rotate-90 {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg)
+}
+
+.fa-rotate-180 {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg)
+}
+
+.fa-rotate-270 {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
+ -webkit-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ transform: rotate(270deg)
+}
+
+.fa-flip-horizontal {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
+ -webkit-transform: scale(-1, 1);
+ -ms-transform: scale(-1, 1);
+ transform: scale(-1, 1)
+}
+
+.fa-flip-vertical {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+ -webkit-transform: scale(1, -1);
+ -ms-transform: scale(1, -1);
+ transform: scale(1, -1)
+}
+
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical {
+ filter: none
+}
+
+.fa-stack {
+ position: relative;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: middle
+}
+
+.fa-stack-1x,
+.fa-stack-2x {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center
+}
+
+.fa-stack-1x {
+ line-height: inherit
+}
+
+.fa-stack-2x {
+ font-size: 2em
+}
+
+.fa-inverse {
+ color: #fff
+}
+
+.fa-glass:before {
+ content: "\f000"
+}
+
+.fa-music:before {
+ content: "\f001"
+}
+
+.fa-search:before {
+ content: "\f002"
+}
+
+.fa-envelope-o:before {
+ content: "\f003"
+}
+
+.fa-heart:before {
+ content: "\f004"
+}
+
+.fa-star:before {
+ content: "\f005"
+}
+
+.fa-star-o:before {
+ content: "\f006"
+}
+
+.fa-user:before {
+ content: "\f007"
+}
+
+.fa-film:before {
+ content: "\f008"
+}
+
+.fa-th-large:before {
+ content: "\f009"
+}
+
+.fa-th:before {
+ content: "\f00a"
+}
+
+.fa-th-list:before {
+ content: "\f00b"
+}
+
+.fa-check:before {
+ content: "\f00c"
+}
+
+.fa-remove:before,
+.fa-close:before,
+.fa-times:before {
+ content: "\f00d"
+}
+
+.fa-search-plus:before {
+ content: "\f00e"
+}
+
+.fa-search-minus:before {
+ content: "\f010"
+}
+
+.fa-power-off:before {
+ content: "\f011"
+}
+
+.fa-signal:before {
+ content: "\f012"
+}
+
+.fa-gear:before,
+.fa-cog:before {
+ content: "\f013"
+}
+
+.fa-trash-o:before {
+ content: "\f014"
+}
+
+.fa-home:before {
+ content: "\f015"
+}
+
+.fa-file-o:before {
+ content: "\f016"
+}
+
+.fa-clock-o:before {
+ content: "\f017"
+}
+
+.fa-road:before {
+ content: "\f018"
+}
+
+.fa-download:before {
+ content: "\f019"
+}
+
+.fa-arrow-circle-o-down:before {
+ content: "\f01a"
+}
+
+.fa-arrow-circle-o-up:before {
+ content: "\f01b"
+}
+
+.fa-inbox:before {
+ content: "\f01c"
+}
+
+.fa-play-circle-o:before {
+ content: "\f01d"
+}
+
+.fa-rotate-right:before,
+.fa-repeat:before {
+ content: "\f01e"
+}
+
+.fa-refresh:before {
+ content: "\f021"
+}
+
+.fa-list-alt:before {
+ content: "\f022"
+}
+
+.fa-lock:before {
+ content: "\f023"
+}
+
+.fa-flag:before {
+ content: "\f024"
+}
+
+.fa-headphones:before {
+ content: "\f025"
+}
+
+.fa-volume-off:before {
+ content: "\f026"
+}
+
+.fa-volume-down:before {
+ content: "\f027"
+}
+
+.fa-volume-up:before {
+ content: "\f028"
+}
+
+.fa-qrcode:before {
+ content: "\f029"
+}
+
+.fa-barcode:before {
+ content: "\f02a"
+}
+
+.fa-tag:before {
+ content: "\f02b"
+}
+
+.fa-tags:before {
+ content: "\f02c"
+}
+
+.fa-book:before {
+ content: "\f02d"
+}
+
+.fa-bookmark:before {
+ content: "\f02e"
+}
+
+.fa-print:before {
+ content: "\f02f"
+}
+
+.fa-camera:before {
+ content: "\f030"
+}
+
+.fa-font:before {
+ content: "\f031"
+}
+
+.fa-bold:before {
+ content: "\f032"
+}
+
+.fa-italic:before {
+ content: "\f033"
+}
+
+.fa-text-height:before {
+ content: "\f034"
+}
+
+.fa-text-width:before {
+ content: "\f035"
+}
+
+.fa-align-left:before {
+ content: "\f036"
+}
+
+.fa-align-center:before {
+ content: "\f037"
+}
+
+.fa-align-right:before {
+ content: "\f038"
+}
+
+.fa-align-justify:before {
+ content: "\f039"
+}
+
+.fa-list:before {
+ content: "\f03a"
+}
+
+.fa-dedent:before,
+.fa-outdent:before {
+ content: "\f03b"
+}
+
+.fa-indent:before {
+ content: "\f03c"
+}
+
+.fa-video-camera:before {
+ content: "\f03d"
+}
+
+.fa-photo:before,
+.fa-image:before,
+.fa-picture-o:before {
+ content: "\f03e"
+}
+
+.fa-pencil:before {
+ content: "\f040"
+}
+
+.fa-map-marker:before {
+ content: "\f041"
+}
+
+.fa-adjust:before {
+ content: "\f042"
+}
+
+.fa-tint:before {
+ content: "\f043"
+}
+
+.fa-edit:before,
+.fa-pencil-square-o:before {
+ content: "\f044"
+}
+
+.fa-share-square-o:before {
+ content: "\f045"
+}
+
+.fa-check-square-o:before {
+ content: "\f046"
+}
+
+.fa-arrows:before {
+ content: "\f047"
+}
+
+.fa-step-backward:before {
+ content: "\f048"
+}
+
+.fa-fast-backward:before {
+ content: "\f049"
+}
+
+.fa-backward:before {
+ content: "\f04a"
+}
+
+.fa-play:before {
+ content: "\f04b"
+}
+
+.fa-pause:before {
+ content: "\f04c"
+}
+
+.fa-stop:before {
+ content: "\f04d"
+}
+
+.fa-forward:before {
+ content: "\f04e"
+}
+
+.fa-fast-forward:before {
+ content: "\f050"
+}
+
+.fa-step-forward:before {
+ content: "\f051"
+}
+
+.fa-eject:before {
+ content: "\f052"
+}
+
+.fa-chevron-left:before {
+ content: "\f053"
+}
+
+.fa-chevron-right:before {
+ content: "\f054"
+}
+
+.fa-plus-circle:before {
+ content: "\f055"
+}
+
+.fa-minus-circle:before {
+ content: "\f056"
+}
+
+.fa-times-circle:before {
+ content: "\f057"
+}
+
+.fa-check-circle:before {
+ content: "\f058"
+}
+
+.fa-question-circle:before {
+ content: "\f059"
+}
+
+.fa-info-circle:before {
+ content: "\f05a"
+}
+
+.fa-crosshairs:before {
+ content: "\f05b"
+}
+
+.fa-times-circle-o:before {
+ content: "\f05c"
+}
+
+.fa-check-circle-o:before {
+ content: "\f05d"
+}
+
+.fa-ban:before {
+ content: "\f05e"
+}
+
+.fa-arrow-left:before {
+ content: "\f060"
+}
+
+.fa-arrow-right:before {
+ content: "\f061"
+}
+
+.fa-arrow-up:before {
+ content: "\f062"
+}
+
+.fa-arrow-down:before {
+ content: "\f063"
+}
+
+.fa-mail-forward:before,
+.fa-share:before {
+ content: "\f064"
+}
+
+.fa-expand:before {
+ content: "\f065"
+}
+
+.fa-compress:before {
+ content: "\f066"
+}
+
+.fa-plus:before {
+ content: "\f067"
+}
+
+.fa-minus:before {
+ content: "\f068"
+}
+
+.fa-asterisk:before {
+ content: "\f069"
+}
+
+.fa-exclamation-circle:before {
+ content: "\f06a"
+}
+
+.fa-gift:before {
+ content: "\f06b"
+}
+
+.fa-leaf:before {
+ content: "\f06c"
+}
+
+.fa-fire:before {
+ content: "\f06d"
+}
+
+.fa-eye:before {
+ content: "\f06e"
+}
+
+.fa-eye-slash:before {
+ content: "\f070"
+}
+
+.fa-warning:before,
+.fa-exclamation-triangle:before {
+ content: "\f071"
+}
+
+.fa-plane:before {
+ content: "\f072"
+}
+
+.fa-calendar:before {
+ content: "\f073"
+}
+
+.fa-random:before {
+ content: "\f074"
+}
+
+.fa-comment:before {
+ content: "\f075"
+}
+
+.fa-magnet:before {
+ content: "\f076"
+}
+
+.fa-chevron-up:before {
+ content: "\f077"
+}
+
+.fa-chevron-down:before {
+ content: "\f078"
+}
+
+.fa-retweet:before {
+ content: "\f079"
+}
+
+.fa-shopping-cart:before {
+ content: "\f07a"
+}
+
+.fa-folder:before {
+ content: "\f07b"
+}
+
+.fa-folder-open:before {
+ content: "\f07c"
+}
+
+.fa-arrows-v:before {
+ content: "\f07d"
+}
+
+.fa-arrows-h:before {
+ content: "\f07e"
+}
+
+.fa-bar-chart-o:before,
+.fa-bar-chart:before {
+ content: "\f080"
+}
+
+.fa-twitter-square:before {
+ content: "\f081"
+}
+
+.fa-facebook-square:before {
+ content: "\f082"
+}
+
+.fa-camera-retro:before {
+ content: "\f083"
+}
+
+.fa-key:before {
+ content: "\f084"
+}
+
+.fa-gears:before,
+.fa-cogs:before {
+ content: "\f085"
+}
+
+.fa-comments:before {
+ content: "\f086"
+}
+
+.fa-thumbs-o-up:before {
+ content: "\f087"
+}
+
+.fa-thumbs-o-down:before {
+ content: "\f088"
+}
+
+.fa-star-half:before {
+ content: "\f089"
+}
+
+.fa-heart-o:before {
+ content: "\f08a"
+}
+
+.fa-sign-out:before {
+ content: "\f08b"
+}
+
+.fa-linkedin-square:before {
+ content: "\f08c"
+}
+
+.fa-thumb-tack:before {
+ content: "\f08d"
+}
+
+.fa-external-link:before {
+ content: "\f08e"
+}
+
+.fa-sign-in:before {
+ content: "\f090"
+}
+
+.fa-trophy:before {
+ content: "\f091"
+}
+
+.fa-github-square:before {
+ content: "\f092"
+}
+
+.fa-upload:before {
+ content: "\f093"
+}
+
+.fa-lemon-o:before {
+ content: "\f094"
+}
+
+.fa-phone:before {
+ content: "\f095"
+}
+
+.fa-square-o:before {
+ content: "\f096"
+}
+
+.fa-bookmark-o:before {
+ content: "\f097"
+}
+
+.fa-phone-square:before {
+ content: "\f098"
+}
+
+.fa-twitter:before {
+ content: "\f099"
+}
+
+.fa-facebook-f:before,
+.fa-facebook:before {
+ content: "\f09a"
+}
+
+.fa-github:before {
+ content: "\f09b"
+}
+
+.fa-unlock:before {
+ content: "\f09c"
+}
+
+.fa-credit-card:before {
+ content: "\f09d"
+}
+
+.fa-feed:before,
+.fa-rss:before {
+ content: "\f09e"
+}
+
+.fa-hdd-o:before {
+ content: "\f0a0"
+}
+
+.fa-bullhorn:before {
+ content: "\f0a1"
+}
+
+.fa-bell:before {
+ content: "\f0f3"
+}
+
+.fa-certificate:before {
+ content: "\f0a3"
+}
+
+.fa-hand-o-right:before {
+ content: "\f0a4"
+}
+
+.fa-hand-o-left:before {
+ content: "\f0a5"
+}
+
+.fa-hand-o-up:before {
+ content: "\f0a6"
+}
+
+.fa-hand-o-down:before {
+ content: "\f0a7"
+}
+
+.fa-arrow-circle-left:before {
+ content: "\f0a8"
+}
+
+.fa-arrow-circle-right:before {
+ content: "\f0a9"
+}
+
+.fa-arrow-circle-up:before {
+ content: "\f0aa"
+}
+
+.fa-arrow-circle-down:before {
+ content: "\f0ab"
+}
+
+.fa-globe:before {
+ content: "\f0ac"
+}
+
+.fa-wrench:before {
+ content: "\f0ad"
+}
+
+.fa-tasks:before {
+ content: "\f0ae"
+}
+
+.fa-filter:before {
+ content: "\f0b0"
+}
+
+.fa-briefcase:before {
+ content: "\f0b1"
+}
+
+.fa-arrows-alt:before {
+ content: "\f0b2"
+}
+
+.fa-group:before,
+.fa-users:before {
+ content: "\f0c0"
+}
+
+.fa-chain:before,
+.fa-link:before {
+ content: "\f0c1"
+}
+
+.fa-cloud:before {
+ content: "\f0c2"
+}
+
+.fa-flask:before {
+ content: "\f0c3"
+}
+
+.fa-cut:before,
+.fa-scissors:before {
+ content: "\f0c4"
+}
+
+.fa-copy:before,
+.fa-files-o:before {
+ content: "\f0c5"
+}
+
+.fa-paperclip:before {
+ content: "\f0c6"
+}
+
+.fa-save:before,
+.fa-floppy-o:before {
+ content: "\f0c7"
+}
+
+.fa-square:before {
+ content: "\f0c8"
+}
+
+.fa-navicon:before,
+.fa-reorder:before,
+.fa-bars:before {
+ content: "\f0c9"
+}
+
+.fa-list-ul:before {
+ content: "\f0ca"
+}
+
+.fa-list-ol:before {
+ content: "\f0cb"
+}
+
+.fa-strikethrough:before {
+ content: "\f0cc"
+}
+
+.fa-underline:before {
+ content: "\f0cd"
+}
+
+.fa-table:before {
+ content: "\f0ce"
+}
+
+.fa-magic:before {
+ content: "\f0d0"
+}
+
+.fa-truck:before {
+ content: "\f0d1"
+}
+
+.fa-pinterest:before {
+ content: "\f0d2"
+}
+
+.fa-pinterest-square:before {
+ content: "\f0d3"
+}
+
+.fa-google-plus-square:before {
+ content: "\f0d4"
+}
+
+.fa-google-plus:before {
+ content: "\f0d5"
+}
+
+.fa-money:before {
+ content: "\f0d6"
+}
+
+.fa-caret-down:before {
+ content: "\f0d7"
+}
+
+.fa-caret-up:before {
+ content: "\f0d8"
+}
+
+.fa-caret-left:before {
+ content: "\f0d9"
+}
+
+.fa-caret-right:before {
+ content: "\f0da"
+}
+
+.fa-columns:before {
+ content: "\f0db"
+}
+
+.fa-unsorted:before,
+.fa-sort:before {
+ content: "\f0dc"
+}
+
+.fa-sort-down:before,
+.fa-sort-desc:before {
+ content: "\f0dd"
+}
+
+.fa-sort-up:before,
+.fa-sort-asc:before {
+ content: "\f0de"
+}
+
+.fa-envelope:before {
+ content: "\f0e0"
+}
+
+.fa-linkedin:before {
+ content: "\f0e1"
+}
+
+.fa-rotate-left:before,
+.fa-undo:before {
+ content: "\f0e2"
+}
+
+.fa-legal:before,
+.fa-gavel:before {
+ content: "\f0e3"
+}
+
+.fa-dashboard:before,
+.fa-tachometer:before {
+ content: "\f0e4"
+}
+
+.fa-comment-o:before {
+ content: "\f0e5"
+}
+
+.fa-comments-o:before {
+ content: "\f0e6"
+}
+
+.fa-flash:before,
+.fa-bolt:before {
+ content: "\f0e7"
+}
+
+.fa-sitemap:before {
+ content: "\f0e8"
+}
+
+.fa-umbrella:before {
+ content: "\f0e9"
+}
+
+.fa-paste:before,
+.fa-clipboard:before {
+ content: "\f0ea"
+}
+
+.fa-lightbulb-o:before {
+ content: "\f0eb"
+}
+
+.fa-exchange:before {
+ content: "\f0ec"
+}
+
+.fa-cloud-download:before {
+ content: "\f0ed"
+}
+
+.fa-cloud-upload:before {
+ content: "\f0ee"
+}
+
+.fa-user-md:before {
+ content: "\f0f0"
+}
+
+.fa-stethoscope:before {
+ content: "\f0f1"
+}
+
+.fa-suitcase:before {
+ content: "\f0f2"
+}
+
+.fa-bell-o:before {
+ content: "\f0a2"
+}
+
+.fa-coffee:before {
+ content: "\f0f4"
+}
+
+.fa-cutlery:before {
+ content: "\f0f5"
+}
+
+.fa-file-text-o:before {
+ content: "\f0f6"
+}
+
+.fa-building-o:before {
+ content: "\f0f7"
+}
+
+.fa-hospital-o:before {
+ content: "\f0f8"
+}
+
+.fa-ambulance:before {
+ content: "\f0f9"
+}
+
+.fa-medkit:before {
+ content: "\f0fa"
+}
+
+.fa-fighter-jet:before {
+ content: "\f0fb"
+}
+
+.fa-beer:before {
+ content: "\f0fc"
+}
+
+.fa-h-square:before {
+ content: "\f0fd"
+}
+
+.fa-plus-square:before {
+ content: "\f0fe"
+}
+
+.fa-angle-double-left:before {
+ content: "\f100"
+}
+
+.fa-angle-double-right:before {
+ content: "\f101"
+}
+
+.fa-angle-double-up:before {
+ content: "\f102"
+}
+
+.fa-angle-double-down:before {
+ content: "\f103"
+}
+
+.fa-angle-left:before {
+ content: "\f104"
+}
+
+.fa-angle-right:before {
+ content: "\f105"
+}
+
+.fa-angle-up:before {
+ content: "\f106"
+}
+
+.fa-angle-down:before {
+ content: "\f107"
+}
+
+.fa-desktop:before {
+ content: "\f108"
+}
+
+.fa-laptop:before {
+ content: "\f109"
+}
+
+.fa-tablet:before {
+ content: "\f10a"
+}
+
+.fa-mobile-phone:before,
+.fa-mobile:before {
+ content: "\f10b"
+}
+
+.fa-circle-o:before {
+ content: "\f10c"
+}
+
+.fa-quote-left:before {
+ content: "\f10d"
+}
+
+.fa-quote-right:before {
+ content: "\f10e"
+}
+
+.fa-spinner:before {
+ content: "\f110"
+}
+
+.fa-circle:before {
+ content: "\f111"
+}
+
+.fa-mail-reply:before,
+.fa-reply:before {
+ content: "\f112"
+}
+
+.fa-github-alt:before {
+ content: "\f113"
+}
+
+.fa-folder-o:before {
+ content: "\f114"
+}
+
+.fa-folder-open-o:before {
+ content: "\f115"
+}
+
+.fa-smile-o:before {
+ content: "\f118"
+}
+
+.fa-frown-o:before {
+ content: "\f119"
+}
+
+.fa-meh-o:before {
+ content: "\f11a"
+}
+
+.fa-gamepad:before {
+ content: "\f11b"
+}
+
+.fa-keyboard-o:before {
+ content: "\f11c"
+}
+
+.fa-flag-o:before {
+ content: "\f11d"
+}
+
+.fa-flag-checkered:before {
+ content: "\f11e"
+}
+
+.fa-terminal:before {
+ content: "\f120"
+}
+
+.fa-code:before {
+ content: "\f121"
+}
+
+.fa-mail-reply-all:before,
+.fa-reply-all:before {
+ content: "\f122"
+}
+
+.fa-star-half-empty:before,
+.fa-star-half-full:before,
+.fa-star-half-o:before {
+ content: "\f123"
+}
+
+.fa-location-arrow:before {
+ content: "\f124"
+}
+
+.fa-crop:before {
+ content: "\f125"
+}
+
+.fa-code-fork:before {
+ content: "\f126"
+}
+
+.fa-unlink:before,
+.fa-chain-broken:before {
+ content: "\f127"
+}
+
+.fa-question:before {
+ content: "\f128"
+}
+
+.fa-info:before {
+ content: "\f129"
+}
+
+.fa-exclamation:before {
+ content: "\f12a"
+}
+
+.fa-superscript:before {
+ content: "\f12b"
+}
+
+.fa-subscript:before {
+ content: "\f12c"
+}
+
+.fa-eraser:before {
+ content: "\f12d"
+}
+
+.fa-puzzle-piece:before {
+ content: "\f12e"
+}
+
+.fa-microphone:before {
+ content: "\f130"
+}
+
+.fa-microphone-slash:before {
+ content: "\f131"
+}
+
+.fa-shield:before {
+ content: "\f132"
+}
+
+.fa-calendar-o:before {
+ content: "\f133"
+}
+
+.fa-fire-extinguisher:before {
+ content: "\f134"
+}
+
+.fa-rocket:before {
+ content: "\f135"
+}
+
+.fa-maxcdn:before {
+ content: "\f136"
+}
+
+.fa-chevron-circle-left:before {
+ content: "\f137"
+}
+
+.fa-chevron-circle-right:before {
+ content: "\f138"
+}
+
+.fa-chevron-circle-up:before {
+ content: "\f139"
+}
+
+.fa-chevron-circle-down:before {
+ content: "\f13a"
+}
+
+.fa-html5:before {
+ content: "\f13b"
+}
+
+.fa-css3:before {
+ content: "\f13c"
+}
+
+.fa-anchor:before {
+ content: "\f13d"
+}
+
+.fa-unlock-alt:before {
+ content: "\f13e"
+}
+
+.fa-bullseye:before {
+ content: "\f140"
+}
+
+.fa-ellipsis-h:before {
+ content: "\f141"
+}
+
+.fa-ellipsis-v:before {
+ content: "\f142"
+}
+
+.fa-rss-square:before {
+ content: "\f143"
+}
+
+.fa-play-circle:before {
+ content: "\f144"
+}
+
+.fa-ticket:before {
+ content: "\f145"
+}
+
+.fa-minus-square:before {
+ content: "\f146"
+}
+
+.fa-minus-square-o:before {
+ content: "\f147"
+}
+
+.fa-level-up:before {
+ content: "\f148"
+}
+
+.fa-level-down:before {
+ content: "\f149"
+}
+
+.fa-check-square:before {
+ content: "\f14a"
+}
+
+.fa-pencil-square:before {
+ content: "\f14b"
+}
+
+.fa-external-link-square:before {
+ content: "\f14c"
+}
+
+.fa-share-square:before {
+ content: "\f14d"
+}
+
+.fa-compass:before {
+ content: "\f14e"
+}
+
+.fa-toggle-down:before,
+.fa-caret-square-o-down:before {
+ content: "\f150"
+}
+
+.fa-toggle-up:before,
+.fa-caret-square-o-up:before {
+ content: "\f151"
+}
+
+.fa-toggle-right:before,
+.fa-caret-square-o-right:before {
+ content: "\f152"
+}
+
+.fa-euro:before,
+.fa-eur:before {
+ content: "\f153"
+}
+
+.fa-gbp:before {
+ content: "\f154"
+}
+
+.fa-dollar:before,
+.fa-usd:before {
+ content: "\f155"
+}
+
+.fa-rupee:before,
+.fa-inr:before {
+ content: "\f156"
+}
+
+.fa-cny:before,
+.fa-rmb:before,
+.fa-yen:before,
+.fa-jpy:before {
+ content: "\f157"
+}
+
+.fa-ruble:before,
+.fa-rouble:before,
+.fa-rub:before {
+ content: "\f158"
+}
+
+.fa-won:before,
+.fa-krw:before {
+ content: "\f159"
+}
+
+.fa-bitcoin:before,
+.fa-btc:before {
+ content: "\f15a"
+}
+
+.fa-file:before {
+ content: "\f15b"
+}
+
+.fa-file-text:before {
+ content: "\f15c"
+}
+
+.fa-sort-alpha-asc:before {
+ content: "\f15d"
+}
+
+.fa-sort-alpha-desc:before {
+ content: "\f15e"
+}
+
+.fa-sort-amount-asc:before {
+ content: "\f160"
+}
+
+.fa-sort-amount-desc:before {
+ content: "\f161"
+}
+
+.fa-sort-numeric-asc:before {
+ content: "\f162"
+}
+
+.fa-sort-numeric-desc:before {
+ content: "\f163"
+}
+
+.fa-thumbs-up:before {
+ content: "\f164"
+}
+
+.fa-thumbs-down:before {
+ content: "\f165"
+}
+
+.fa-youtube-square:before {
+ content: "\f166"
+}
+
+.fa-youtube:before {
+ content: "\f167"
+}
+
+.fa-xing:before {
+ content: "\f168"
+}
+
+.fa-xing-square:before {
+ content: "\f169"
+}
+
+.fa-youtube-play:before {
+ content: "\f16a"
+}
+
+.fa-dropbox:before {
+ content: "\f16b"
+}
+
+.fa-stack-overflow:before {
+ content: "\f16c"
+}
+
+.fa-instagram:before {
+ content: "\f16d"
+}
+
+.fa-flickr:before {
+ content: "\f16e"
+}
+
+.fa-adn:before {
+ content: "\f170"
+}
+
+.fa-bitbucket:before {
+ content: "\f171"
+}
+
+.fa-bitbucket-square:before {
+ content: "\f172"
+}
+
+.fa-tumblr:before {
+ content: "\f173"
+}
+
+.fa-tumblr-square:before {
+ content: "\f174"
+}
+
+.fa-long-arrow-down:before {
+ content: "\f175"
+}
+
+.fa-long-arrow-up:before {
+ content: "\f176"
+}
+
+.fa-long-arrow-left:before {
+ content: "\f177"
+}
+
+.fa-long-arrow-right:before {
+ content: "\f178"
+}
+
+.fa-apple:before {
+ content: "\f179"
+}
+
+.fa-windows:before {
+ content: "\f17a"
+}
+
+.fa-android:before {
+ content: "\f17b"
+}
+
+.fa-linux:before {
+ content: "\f17c"
+}
+
+.fa-dribbble:before {
+ content: "\f17d"
+}
+
+.fa-skype:before {
+ content: "\f17e"
+}
+
+.fa-foursquare:before {
+ content: "\f180"
+}
+
+.fa-trello:before {
+ content: "\f181"
+}
+
+.fa-female:before {
+ content: "\f182"
+}
+
+.fa-male:before {
+ content: "\f183"
+}
+
+.fa-gittip:before,
+.fa-gratipay:before {
+ content: "\f184"
+}
+
+.fa-sun-o:before {
+ content: "\f185"
+}
+
+.fa-moon-o:before {
+ content: "\f186"
+}
+
+.fa-archive:before {
+ content: "\f187"
+}
+
+.fa-bug:before {
+ content: "\f188"
+}
+
+.fa-vk:before {
+ content: "\f189"
+}
+
+.fa-weibo:before {
+ content: "\f18a"
+}
+
+.fa-renren:before {
+ content: "\f18b"
+}
+
+.fa-pagelines:before {
+ content: "\f18c"
+}
+
+.fa-stack-exchange:before {
+ content: "\f18d"
+}
+
+.fa-arrow-circle-o-right:before {
+ content: "\f18e"
+}
+
+.fa-arrow-circle-o-left:before {
+ content: "\f190"
+}
+
+.fa-toggle-left:before,
+.fa-caret-square-o-left:before {
+ content: "\f191"
+}
+
+.fa-dot-circle-o:before {
+ content: "\f192"
+}
+
+.fa-wheelchair:before {
+ content: "\f193"
+}
+
+.fa-vimeo-square:before {
+ content: "\f194"
+}
+
+.fa-turkish-lira:before,
+.fa-try:before {
+ content: "\f195"
+}
+
+.fa-plus-square-o:before {
+ content: "\f196"
+}
+
+.fa-space-shuttle:before {
+ content: "\f197"
+}
+
+.fa-slack:before {
+ content: "\f198"
+}
+
+.fa-envelope-square:before {
+ content: "\f199"
+}
+
+.fa-wordpress:before {
+ content: "\f19a"
+}
+
+.fa-openid:before {
+ content: "\f19b"
+}
+
+.fa-institution:before,
+.fa-bank:before,
+.fa-university:before {
+ content: "\f19c"
+}
+
+.fa-mortar-board:before,
+.fa-graduation-cap:before {
+ content: "\f19d"
+}
+
+.fa-yahoo:before {
+ content: "\f19e"
+}
+
+.fa-google:before {
+ content: "\f1a0"
+}
+
+.fa-reddit:before {
+ content: "\f1a1"
+}
+
+.fa-reddit-square:before {
+ content: "\f1a2"
+}
+
+.fa-stumbleupon-circle:before {
+ content: "\f1a3"
+}
+
+.fa-stumbleupon:before {
+ content: "\f1a4"
+}
+
+.fa-delicious:before {
+ content: "\f1a5"
+}
+
+.fa-digg:before {
+ content: "\f1a6"
+}
+
+.fa-pied-piper-pp:before {
+ content: "\f1a7"
+}
+
+.fa-pied-piper-alt:before {
+ content: "\f1a8"
+}
+
+.fa-drupal:before {
+ content: "\f1a9"
+}
+
+.fa-joomla:before {
+ content: "\f1aa"
+}
+
+.fa-language:before {
+ content: "\f1ab"
+}
+
+.fa-fax:before {
+ content: "\f1ac"
+}
+
+.fa-building:before {
+ content: "\f1ad"
+}
+
+.fa-child:before {
+ content: "\f1ae"
+}
+
+.fa-paw:before {
+ content: "\f1b0"
+}
+
+.fa-spoon:before {
+ content: "\f1b1"
+}
+
+.fa-cube:before {
+ content: "\f1b2"
+}
+
+.fa-cubes:before {
+ content: "\f1b3"
+}
+
+.fa-behance:before {
+ content: "\f1b4"
+}
+
+.fa-behance-square:before {
+ content: "\f1b5"
+}
+
+.fa-steam:before {
+ content: "\f1b6"
+}
+
+.fa-steam-square:before {
+ content: "\f1b7"
+}
+
+.fa-recycle:before {
+ content: "\f1b8"
+}
+
+.fa-automobile:before,
+.fa-car:before {
+ content: "\f1b9"
+}
+
+.fa-cab:before,
+.fa-taxi:before {
+ content: "\f1ba"
+}
+
+.fa-tree:before {
+ content: "\f1bb"
+}
+
+.fa-spotify:before {
+ content: "\f1bc"
+}
+
+.fa-deviantart:before {
+ content: "\f1bd"
+}
+
+.fa-soundcloud:before {
+ content: "\f1be"
+}
+
+.fa-database:before {
+ content: "\f1c0"
+}
+
+.fa-file-pdf-o:before {
+ content: "\f1c1"
+}
+
+.fa-file-word-o:before {
+ content: "\f1c2"
+}
+
+.fa-file-excel-o:before {
+ content: "\f1c3"
+}
+
+.fa-file-powerpoint-o:before {
+ content: "\f1c4"
+}
+
+.fa-file-photo-o:before,
+.fa-file-picture-o:before,
+.fa-file-image-o:before {
+ content: "\f1c5"
+}
+
+.fa-file-zip-o:before,
+.fa-file-archive-o:before {
+ content: "\f1c6"
+}
+
+.fa-file-sound-o:before,
+.fa-file-audio-o:before {
+ content: "\f1c7"
+}
+
+.fa-file-movie-o:before,
+.fa-file-video-o:before {
+ content: "\f1c8"
+}
+
+.fa-file-code-o:before {
+ content: "\f1c9"
+}
+
+.fa-vine:before {
+ content: "\f1ca"
+}
+
+.fa-codepen:before {
+ content: "\f1cb"
+}
+
+.fa-jsfiddle:before {
+ content: "\f1cc"
+}
+
+.fa-life-bouy:before,
+.fa-life-buoy:before,
+.fa-life-saver:before,
+.fa-support:before,
+.fa-life-ring:before {
+ content: "\f1cd"
+}
+
+.fa-circle-o-notch:before {
+ content: "\f1ce"
+}
+
+.fa-ra:before,
+.fa-resistance:before,
+.fa-rebel:before {
+ content: "\f1d0"
+}
+
+.fa-ge:before,
+.fa-empire:before {
+ content: "\f1d1"
+}
+
+.fa-git-square:before {
+ content: "\f1d2"
+}
+
+.fa-git:before {
+ content: "\f1d3"
+}
+
+.fa-y-combinator-square:before,
+.fa-yc-square:before,
+.fa-hacker-news:before {
+ content: "\f1d4"
+}
+
+.fa-tencent-weibo:before {
+ content: "\f1d5"
+}
+
+.fa-qq:before {
+ content: "\f1d6"
+}
+
+.fa-wechat:before,
+.fa-weixin:before {
+ content: "\f1d7"
+}
+
+.fa-send:before,
+.fa-paper-plane:before {
+ content: "\f1d8"
+}
+
+.fa-send-o:before,
+.fa-paper-plane-o:before {
+ content: "\f1d9"
+}
+
+.fa-history:before {
+ content: "\f1da"
+}
+
+.fa-circle-thin:before {
+ content: "\f1db"
+}
+
+.fa-header:before {
+ content: "\f1dc"
+}
+
+.fa-paragraph:before {
+ content: "\f1dd"
+}
+
+.fa-sliders:before {
+ content: "\f1de"
+}
+
+.fa-share-alt:before {
+ content: "\f1e0"
+}
+
+.fa-share-alt-square:before {
+ content: "\f1e1"
+}
+
+.fa-bomb:before {
+ content: "\f1e2"
+}
+
+.fa-soccer-ball-o:before,
+.fa-futbol-o:before {
+ content: "\f1e3"
+}
+
+.fa-tty:before {
+ content: "\f1e4"
+}
+
+.fa-binoculars:before {
+ content: "\f1e5"
+}
+
+.fa-plug:before {
+ content: "\f1e6"
+}
+
+.fa-slideshare:before {
+ content: "\f1e7"
+}
+
+.fa-twitch:before {
+ content: "\f1e8"
+}
+
+.fa-yelp:before {
+ content: "\f1e9"
+}
+
+.fa-newspaper-o:before {
+ content: "\f1ea"
+}
+
+.fa-wifi:before {
+ content: "\f1eb"
+}
+
+.fa-calculator:before {
+ content: "\f1ec"
+}
+
+.fa-paypal:before {
+ content: "\f1ed"
+}
+
+.fa-google-wallet:before {
+ content: "\f1ee"
+}
+
+.fa-cc-visa:before {
+ content: "\f1f0"
+}
+
+.fa-cc-mastercard:before {
+ content: "\f1f1"
+}
+
+.fa-cc-discover:before {
+ content: "\f1f2"
+}
+
+.fa-cc-amex:before {
+ content: "\f1f3"
+}
+
+.fa-cc-paypal:before {
+ content: "\f1f4"
+}
+
+.fa-cc-stripe:before {
+ content: "\f1f5"
+}
+
+.fa-bell-slash:before {
+ content: "\f1f6"
+}
+
+.fa-bell-slash-o:before {
+ content: "\f1f7"
+}
+
+.fa-trash:before {
+ content: "\f1f8"
+}
+
+.fa-copyright:before {
+ content: "\f1f9"
+}
+
+.fa-at:before {
+ content: "\f1fa"
+}
+
+.fa-eyedropper:before {
+ content: "\f1fb"
+}
+
+.fa-paint-brush:before {
+ content: "\f1fc"
+}
+
+.fa-birthday-cake:before {
+ content: "\f1fd"
+}
+
+.fa-area-chart:before {
+ content: "\f1fe"
+}
+
+.fa-pie-chart:before {
+ content: "\f200"
+}
+
+.fa-line-chart:before {
+ content: "\f201"
+}
+
+.fa-lastfm:before {
+ content: "\f202"
+}
+
+.fa-lastfm-square:before {
+ content: "\f203"
+}
+
+.fa-toggle-off:before {
+ content: "\f204"
+}
+
+.fa-toggle-on:before {
+ content: "\f205"
+}
+
+.fa-bicycle:before {
+ content: "\f206"
+}
+
+.fa-bus:before {
+ content: "\f207"
+}
+
+.fa-ioxhost:before {
+ content: "\f208"
+}
+
+.fa-angellist:before {
+ content: "\f209"
+}
+
+.fa-cc:before {
+ content: "\f20a"
+}
+
+.fa-shekel:before,
+.fa-sheqel:before,
+.fa-ils:before {
+ content: "\f20b"
+}
+
+.fa-meanpath:before {
+ content: "\f20c"
+}
+
+.fa-buysellads:before {
+ content: "\f20d"
+}
+
+.fa-connectdevelop:before {
+ content: "\f20e"
+}
+
+.fa-dashcube:before {
+ content: "\f210"
+}
+
+.fa-forumbee:before {
+ content: "\f211"
+}
+
+.fa-leanpub:before {
+ content: "\f212"
+}
+
+.fa-sellsy:before {
+ content: "\f213"
+}
+
+.fa-shirtsinbulk:before {
+ content: "\f214"
+}
+
+.fa-simplybuilt:before {
+ content: "\f215"
+}
+
+.fa-skyatlas:before {
+ content: "\f216"
+}
+
+.fa-cart-plus:before {
+ content: "\f217"
+}
+
+.fa-cart-arrow-down:before {
+ content: "\f218"
+}
+
+.fa-diamond:before {
+ content: "\f219"
+}
+
+.fa-ship:before {
+ content: "\f21a"
+}
+
+.fa-user-secret:before {
+ content: "\f21b"
+}
+
+.fa-motorcycle:before {
+ content: "\f21c"
+}
+
+.fa-street-view:before {
+ content: "\f21d"
+}
+
+.fa-heartbeat:before {
+ content: "\f21e"
+}
+
+.fa-venus:before {
+ content: "\f221"
+}
+
+.fa-mars:before {
+ content: "\f222"
+}
+
+.fa-mercury:before {
+ content: "\f223"
+}
+
+.fa-intersex:before,
+.fa-transgender:before {
+ content: "\f224"
+}
+
+.fa-transgender-alt:before {
+ content: "\f225"
+}
+
+.fa-venus-double:before {
+ content: "\f226"
+}
+
+.fa-mars-double:before {
+ content: "\f227"
+}
+
+.fa-venus-mars:before {
+ content: "\f228"
+}
+
+.fa-mars-stroke:before {
+ content: "\f229"
+}
+
+.fa-mars-stroke-v:before {
+ content: "\f22a"
+}
+
+.fa-mars-stroke-h:before {
+ content: "\f22b"
+}
+
+.fa-neuter:before {
+ content: "\f22c"
+}
+
+.fa-genderless:before {
+ content: "\f22d"
+}
+
+.fa-facebook-official:before {
+ content: "\f230"
+}
+
+.fa-pinterest-p:before {
+ content: "\f231"
+}
+
+.fa-whatsapp:before {
+ content: "\f232"
+}
+
+.fa-server:before {
+ content: "\f233"
+}
+
+.fa-user-plus:before {
+ content: "\f234"
+}
+
+.fa-user-times:before {
+ content: "\f235"
+}
+
+.fa-hotel:before,
+.fa-bed:before {
+ content: "\f236"
+}
+
+.fa-viacoin:before {
+ content: "\f237"
+}
+
+.fa-train:before {
+ content: "\f238"
+}
+
+.fa-subway:before {
+ content: "\f239"
+}
+
+.fa-medium:before {
+ content: "\f23a"
+}
+
+.fa-yc:before,
+.fa-y-combinator:before {
+ content: "\f23b"
+}
+
+.fa-optin-monster:before {
+ content: "\f23c"
+}
+
+.fa-opencart:before {
+ content: "\f23d"
+}
+
+.fa-expeditedssl:before {
+ content: "\f23e"
+}
+
+.fa-battery-4:before,
+.fa-battery:before,
+.fa-battery-full:before {
+ content: "\f240"
+}
+
+.fa-battery-3:before,
+.fa-battery-three-quarters:before {
+ content: "\f241"
+}
+
+.fa-battery-2:before,
+.fa-battery-half:before {
+ content: "\f242"
+}
+
+.fa-battery-1:before,
+.fa-battery-quarter:before {
+ content: "\f243"
+}
+
+.fa-battery-0:before,
+.fa-battery-empty:before {
+ content: "\f244"
+}
+
+.fa-mouse-pointer:before {
+ content: "\f245"
+}
+
+.fa-i-cursor:before {
+ content: "\f246"
+}
+
+.fa-object-group:before {
+ content: "\f247"
+}
+
+.fa-object-ungroup:before {
+ content: "\f248"
+}
+
+.fa-sticky-note:before {
+ content: "\f249"
+}
+
+.fa-sticky-note-o:before {
+ content: "\f24a"
+}
+
+.fa-cc-jcb:before {
+ content: "\f24b"
+}
+
+.fa-cc-diners-club:before {
+ content: "\f24c"
+}
+
+.fa-clone:before {
+ content: "\f24d"
+}
+
+.fa-balance-scale:before {
+ content: "\f24e"
+}
+
+.fa-hourglass-o:before {
+ content: "\f250"
+}
+
+.fa-hourglass-1:before,
+.fa-hourglass-start:before {
+ content: "\f251"
+}
+
+.fa-hourglass-2:before,
+.fa-hourglass-half:before {
+ content: "\f252"
+}
+
+.fa-hourglass-3:before,
+.fa-hourglass-end:before {
+ content: "\f253"
+}
+
+.fa-hourglass:before {
+ content: "\f254"
+}
+
+.fa-hand-grab-o:before,
+.fa-hand-rock-o:before {
+ content: "\f255"
+}
+
+.fa-hand-stop-o:before,
+.fa-hand-paper-o:before {
+ content: "\f256"
+}
+
+.fa-hand-scissors-o:before {
+ content: "\f257"
+}
+
+.fa-hand-lizard-o:before {
+ content: "\f258"
+}
+
+.fa-hand-spock-o:before {
+ content: "\f259"
+}
+
+.fa-hand-pointer-o:before {
+ content: "\f25a"
+}
+
+.fa-hand-peace-o:before {
+ content: "\f25b"
+}
+
+.fa-trademark:before {
+ content: "\f25c"
+}
+
+.fa-registered:before {
+ content: "\f25d"
+}
+
+.fa-creative-commons:before {
+ content: "\f25e"
+}
+
+.fa-gg:before {
+ content: "\f260"
+}
+
+.fa-gg-circle:before {
+ content: "\f261"
+}
+
+.fa-tripadvisor:before {
+ content: "\f262"
+}
+
+.fa-odnoklassniki:before {
+ content: "\f263"
+}
+
+.fa-odnoklassniki-square:before {
+ content: "\f264"
+}
+
+.fa-get-pocket:before {
+ content: "\f265"
+}
+
+.fa-wikipedia-w:before {
+ content: "\f266"
+}
+
+.fa-safari:before {
+ content: "\f267"
+}
+
+.fa-chrome:before {
+ content: "\f268"
+}
+
+.fa-firefox:before {
+ content: "\f269"
+}
+
+.fa-opera:before {
+ content: "\f26a"
+}
+
+.fa-internet-explorer:before {
+ content: "\f26b"
+}
+
+.fa-tv:before,
+.fa-television:before {
+ content: "\f26c"
+}
+
+.fa-contao:before {
+ content: "\f26d"
+}
+
+.fa-500px:before {
+ content: "\f26e"
+}
+
+.fa-amazon:before {
+ content: "\f270"
+}
+
+.fa-calendar-plus-o:before {
+ content: "\f271"
+}
+
+.fa-calendar-minus-o:before {
+ content: "\f272"
+}
+
+.fa-calendar-times-o:before {
+ content: "\f273"
+}
+
+.fa-calendar-check-o:before {
+ content: "\f274"
+}
+
+.fa-industry:before {
+ content: "\f275"
+}
+
+.fa-map-pin:before {
+ content: "\f276"
+}
+
+.fa-map-signs:before {
+ content: "\f277"
+}
+
+.fa-map-o:before {
+ content: "\f278"
+}
+
+.fa-map:before {
+ content: "\f279"
+}
+
+.fa-commenting:before {
+ content: "\f27a"
+}
+
+.fa-commenting-o:before {
+ content: "\f27b"
+}
+
+.fa-houzz:before {
+ content: "\f27c"
+}
+
+.fa-vimeo:before {
+ content: "\f27d"
+}
+
+.fa-black-tie:before {
+ content: "\f27e"
+}
+
+.fa-fonticons:before {
+ content: "\f280"
+}
+
+.fa-reddit-alien:before {
+ content: "\f281"
+}
+
+.fa-edge:before {
+ content: "\f282"
+}
+
+.fa-credit-card-alt:before {
+ content: "\f283"
+}
+
+.fa-codiepie:before {
+ content: "\f284"
+}
+
+.fa-modx:before {
+ content: "\f285"
+}
+
+.fa-fort-awesome:before {
+ content: "\f286"
+}
+
+.fa-usb:before {
+ content: "\f287"
+}
+
+.fa-product-hunt:before {
+ content: "\f288"
+}
+
+.fa-mixcloud:before {
+ content: "\f289"
+}
+
+.fa-scribd:before {
+ content: "\f28a"
+}
+
+.fa-pause-circle:before {
+ content: "\f28b"
+}
+
+.fa-pause-circle-o:before {
+ content: "\f28c"
+}
+
+.fa-stop-circle:before {
+ content: "\f28d"
+}
+
+.fa-stop-circle-o:before {
+ content: "\f28e"
+}
+
+.fa-shopping-bag:before {
+ content: "\f290"
+}
+
+.fa-shopping-basket:before {
+ content: "\f291"
+}
+
+.fa-hashtag:before {
+ content: "\f292"
+}
+
+.fa-bluetooth:before {
+ content: "\f293"
+}
+
+.fa-bluetooth-b:before {
+ content: "\f294"
+}
+
+.fa-percent:before {
+ content: "\f295"
+}
+
+.fa-gitlab:before {
+ content: "\f296"
+}
+
+.fa-wpbeginner:before {
+ content: "\f297"
+}
+
+.fa-wpforms:before {
+ content: "\f298"
+}
+
+.fa-envira:before {
+ content: "\f299"
+}
+
+.fa-universal-access:before {
+ content: "\f29a"
+}
+
+.fa-wheelchair-alt:before {
+ content: "\f29b"
+}
+
+.fa-question-circle-o:before {
+ content: "\f29c"
+}
+
+.fa-blind:before {
+ content: "\f29d"
+}
+
+.fa-audio-description:before {
+ content: "\f29e"
+}
+
+.fa-volume-control-phone:before {
+ content: "\f2a0"
+}
+
+.fa-braille:before {
+ content: "\f2a1"
+}
+
+.fa-assistive-listening-systems:before {
+ content: "\f2a2"
+}
+
+.fa-asl-interpreting:before,
+.fa-american-sign-language-interpreting:before {
+ content: "\f2a3"
+}
+
+.fa-deafness:before,
+.fa-hard-of-hearing:before,
+.fa-deaf:before {
+ content: "\f2a4"
+}
+
+.fa-glide:before {
+ content: "\f2a5"
+}
+
+.fa-glide-g:before {
+ content: "\f2a6"
+}
+
+.fa-signing:before,
+.fa-sign-language:before {
+ content: "\f2a7"
+}
+
+.fa-low-vision:before {
+ content: "\f2a8"
+}
+
+.fa-viadeo:before {
+ content: "\f2a9"
+}
+
+.fa-viadeo-square:before {
+ content: "\f2aa"
+}
+
+.fa-snapchat:before {
+ content: "\f2ab"
+}
+
+.fa-snapchat-ghost:before {
+ content: "\f2ac"
+}
+
+.fa-snapchat-square:before {
+ content: "\f2ad"
+}
+
+.fa-pied-piper:before {
+ content: "\f2ae"
+}
+
+.fa-first-order:before {
+ content: "\f2b0"
+}
+
+.fa-yoast:before {
+ content: "\f2b1"
+}
+
+.fa-themeisle:before {
+ content: "\f2b2"
+}
+
+.fa-google-plus-circle:before,
+.fa-google-plus-official:before {
+ content: "\f2b3"
+}
+
+.fa-fa:before,
+.fa-font-awesome:before {
+ content: "\f2b4"
+}
+
+.fa-handshake-o:before {
+ content: "\f2b5"
+}
+
+.fa-envelope-open:before {
+ content: "\f2b6"
+}
+
+.fa-envelope-open-o:before {
+ content: "\f2b7"
+}
+
+.fa-linode:before {
+ content: "\f2b8"
+}
+
+.fa-address-book:before {
+ content: "\f2b9"
+}
+
+.fa-address-book-o:before {
+ content: "\f2ba"
+}
+
+.fa-vcard:before,
+.fa-address-card:before {
+ content: "\f2bb"
+}
+
+.fa-vcard-o:before,
+.fa-address-card-o:before {
+ content: "\f2bc"
+}
+
+.fa-user-circle:before {
+ content: "\f2bd"
+}
+
+.fa-user-circle-o:before {
+ content: "\f2be"
+}
+
+.fa-user-o:before {
+ content: "\f2c0"
+}
+
+.fa-id-badge:before {
+ content: "\f2c1"
+}
+
+.fa-drivers-license:before,
+.fa-id-card:before {
+ content: "\f2c2"
+}
+
+.fa-drivers-license-o:before,
+.fa-id-card-o:before {
+ content: "\f2c3"
+}
+
+.fa-quora:before {
+ content: "\f2c4"
+}
+
+.fa-free-code-camp:before {
+ content: "\f2c5"
+}
+
+.fa-telegram:before {
+ content: "\f2c6"
+}
+
+.fa-thermometer-4:before,
+.fa-thermometer:before,
+.fa-thermometer-full:before {
+ content: "\f2c7"
+}
+
+.fa-thermometer-3:before,
+.fa-thermometer-three-quarters:before {
+ content: "\f2c8"
+}
+
+.fa-thermometer-2:before,
+.fa-thermometer-half:before {
+ content: "\f2c9"
+}
+
+.fa-thermometer-1:before,
+.fa-thermometer-quarter:before {
+ content: "\f2ca"
+}
+
+.fa-thermometer-0:before,
+.fa-thermometer-empty:before {
+ content: "\f2cb"
+}
+
+.fa-shower:before {
+ content: "\f2cc"
+}
+
+.fa-bathtub:before,
+.fa-s15:before,
+.fa-bath:before {
+ content: "\f2cd"
+}
+
+.fa-podcast:before {
+ content: "\f2ce"
+}
+
+.fa-window-maximize:before {
+ content: "\f2d0"
+}
+
+.fa-window-minimize:before {
+ content: "\f2d1"
+}
+
+.fa-window-restore:before {
+ content: "\f2d2"
+}
+
+.fa-times-rectangle:before,
+.fa-window-close:before {
+ content: "\f2d3"
+}
+
+.fa-times-rectangle-o:before,
+.fa-window-close-o:before {
+ content: "\f2d4"
+}
+
+.fa-bandcamp:before {
+ content: "\f2d5"
+}
+
+.fa-grav:before {
+ content: "\f2d6"
+}
+
+.fa-etsy:before {
+ content: "\f2d7"
+}
+
+.fa-imdb:before {
+ content: "\f2d8"
+}
+
+.fa-ravelry:before {
+ content: "\f2d9"
+}
+
+.fa-eercast:before {
+ content: "\f2da"
+}
+
+.fa-microchip:before {
+ content: "\f2db"
+}
+
+.fa-snowflake-o:before {
+ content: "\f2dc"
+}
+
+.fa-superpowers:before {
+ content: "\f2dd"
+}
+
+.fa-wpexplorer:before {
+ content: "\f2de"
+}
+
+.fa-meetup:before {
+ content: "\f2e0"
+}
+
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ border: 0
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ clip: auto
+}
\ No newline at end of file
diff --git a/public/assets/css/mypage/jquery-confirm.min.css b/public/assets/css/mypage/jquery-confirm.min.css
new file mode 100644
index 0000000..98383ca
--- /dev/null
+++ b/public/assets/css/mypage/jquery-confirm.min.css
@@ -0,0 +1,1177 @@
+/*!
+ * jquery-confirm v3.3.2 (http://craftpip.github.io/jquery-confirm/)
+ * Author: boniface pereira
+ * Website: www.craftpip.com
+ * Contact: hey@craftpip.com
+ *
+ * Copyright 2013-2017 jquery-confirm
+ * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
+ */
+@-webkit-keyframes jconfirm-spin {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg)
+ }
+
+ to {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg)
+ }
+}
+
+@keyframes jconfirm-spin {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg)
+ }
+
+ to {
+ -webkit-transform: rotate(360deg);
+ transform: rotate(360deg)
+ }
+}
+
+body[class*=jconfirm-no-scroll-] {
+ overflow: hidden !important
+}
+
+.jconfirm {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 99999999;
+ font-family: inherit;
+ overflow: hidden
+}
+
+.jconfirm .jconfirm-bg {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ -webkit-transition: opacity .4s;
+ transition: opacity .4s
+}
+
+.jconfirm .jconfirm-bg.jconfirm-bg-h {
+ opacity: 0 !important
+}
+
+.jconfirm .jconfirm-scrollpane {
+ -webkit-perspective: 500px;
+ perspective: 500px;
+ -webkit-perspective-origin: center;
+ perspective-origin: center;
+ display: table;
+ width: 100%;
+ height: 100%
+}
+
+.jconfirm .jconfirm-row {
+ display: table-row;
+ width: 100%
+}
+
+.jconfirm .jconfirm-cell {
+ display: table-cell;
+ vertical-align: middle
+}
+
+.jconfirm .jconfirm-holder {
+ max-height: 100%;
+ padding: 50px 0
+}
+
+.jconfirm .jconfirm-box-container {
+ -webkit-transition: -webkit-transform;
+ transition: -webkit-transform;
+ transition: transform;
+ transition: transform, -webkit-transform
+}
+
+.jconfirm .jconfirm-box-container.jconfirm-no-transition {
+ -webkit-transition: none !important;
+ transition: none !important
+}
+
+.jconfirm .jconfirm-box {
+ background: white;
+ border-radius: 4px;
+ position: relative;
+ outline: 0;
+ padding: 15px 15px 0;
+ overflow: hidden;
+ margin-left: auto;
+ margin-right: auto
+}
+
+@-webkit-keyframes type-blue {
+
+ 1%,
+ 100% {
+ border-color: #3498db
+ }
+
+ 50% {
+ border-color: #5faee3
+ }
+}
+
+@keyframes type-blue {
+
+ 1%,
+ 100% {
+ border-color: #3498db
+ }
+
+ 50% {
+ border-color: #5faee3
+ }
+}
+
+@-webkit-keyframes type-green {
+
+ 1%,
+ 100% {
+ border-color: #2ecc71
+ }
+
+ 50% {
+ border-color: #54d98c
+ }
+}
+
+@keyframes type-green {
+
+ 1%,
+ 100% {
+ border-color: #2ecc71
+ }
+
+ 50% {
+ border-color: #54d98c
+ }
+}
+
+@-webkit-keyframes type-red {
+
+ 1%,
+ 100% {
+ border-color: #e74c3c
+ }
+
+ 50% {
+ border-color: #ed7669
+ }
+}
+
+@keyframes type-red {
+
+ 1%,
+ 100% {
+ border-color: #e74c3c
+ }
+
+ 50% {
+ border-color: #ed7669
+ }
+}
+
+@-webkit-keyframes type-orange {
+
+ 1%,
+ 100% {
+ border-color: #f1c40f
+ }
+
+ 50% {
+ border-color: #f4d03f
+ }
+}
+
+@keyframes type-orange {
+
+ 1%,
+ 100% {
+ border-color: #f1c40f
+ }
+
+ 50% {
+ border-color: #f4d03f
+ }
+}
+
+@-webkit-keyframes type-purple {
+
+ 1%,
+ 100% {
+ border-color: #9b59b6
+ }
+
+ 50% {
+ border-color: #b07cc6
+ }
+}
+
+@keyframes type-purple {
+
+ 1%,
+ 100% {
+ border-color: #9b59b6
+ }
+
+ 50% {
+ border-color: #b07cc6
+ }
+}
+
+@-webkit-keyframes type-dark {
+
+ 1%,
+ 100% {
+ border-color: #34495e
+ }
+
+ 50% {
+ border-color: #46627f
+ }
+}
+
+@keyframes type-dark {
+
+ 1%,
+ 100% {
+ border-color: #34495e
+ }
+
+ 50% {
+ border-color: #46627f
+ }
+}
+
+.jconfirm .jconfirm-box.jconfirm-type-animated {
+ -webkit-animation-duration: 2s;
+ animation-duration: 2s;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite
+}
+
+.jconfirm .jconfirm-box.jconfirm-type-blue {
+ border-top: solid 7px #3498db;
+ -webkit-animation-name: type-blue;
+ animation-name: type-blue
+}
+
+.jconfirm .jconfirm-box.jconfirm-type-green {
+ border-top: solid 7px #2ecc71;
+ -webkit-animation-name: type-green;
+ animation-name: type-green
+}
+
+.jconfirm .jconfirm-box.jconfirm-type-red {
+ border-top: solid 7px #e74c3c;
+ -webkit-animation-name: type-red;
+ animation-name: type-red
+}
+
+.jconfirm .jconfirm-box.jconfirm-type-orange {
+ border-top: solid 7px #f1c40f;
+ -webkit-animation-name: type-orange;
+ animation-name: type-orange
+}
+
+.jconfirm .jconfirm-box.jconfirm-type-purple {
+ border-top: solid 7px #9b59b6;
+ -webkit-animation-name: type-purple;
+ animation-name: type-purple
+}
+
+.jconfirm .jconfirm-box.jconfirm-type-dark {
+ border-top: solid 7px #34495e;
+ -webkit-animation-name: type-dark;
+ animation-name: type-dark
+}
+
+.jconfirm .jconfirm-box.loading {
+ height: 120px
+}
+
+.jconfirm .jconfirm-box.loading:before {
+ content: '';
+ position: absolute;
+ left: 0;
+ background: white;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ border-radius: 10px;
+ z-index: 1
+}
+
+.jconfirm .jconfirm-box.loading:after {
+ opacity: .6;
+ content: '';
+ height: 30px;
+ width: 30px;
+ border: solid 3px transparent;
+ position: absolute;
+ left: 50%;
+ margin-left: -15px;
+ border-radius: 50%;
+ -webkit-animation: jconfirm-spin 1s infinite linear;
+ animation: jconfirm-spin 1s infinite linear;
+ border-bottom-color: dodgerblue;
+ top: 50%;
+ margin-top: -15px;
+ z-index: 2
+}
+
+.jconfirm .jconfirm-box div.jconfirm-closeIcon {
+ height: 20px;
+ width: 20px;
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ cursor: pointer;
+ opacity: .6;
+ text-align: center;
+ font-size: 27px !important;
+ line-height: 14px !important;
+ display: none;
+ z-index: 1
+}
+
+.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
+ display: none
+}
+
+.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
+ font-size: 16px
+}
+
+.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
+ font-size: 16px
+}
+
+.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
+ font-size: 16px
+}
+
+.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
+ opacity: 1
+}
+
+.jconfirm .jconfirm-box div.jconfirm-title-c {
+ display: block;
+ font-size: 22px;
+ line-height: 20px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ cursor: default;
+ padding-bottom: 15px
+}
+
+.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
+ cursor: move
+}
+
+.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
+ font-size: inherit;
+ display: inline-block;
+ vertical-align: middle
+}
+
+.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
+ vertical-align: middle
+}
+
+.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
+ display: none
+}
+
+.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ font-size: inherit;
+ font-family: inherit;
+ display: inline-block;
+ vertical-align: middle
+}
+
+.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
+ display: none
+}
+
+.jconfirm .jconfirm-box div.jconfirm-content-pane {
+ margin-bottom: 15px;
+ height: auto;
+ -webkit-transition: height .4s ease-in;
+ transition: height .4s ease-in;
+ display: inline-block;
+ width: 100%;
+ position: relative;
+ overflow-x: hidden;
+ overflow-y: auto
+}
+
+.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
+ overflow-y: hidden
+}
+
+.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
+ width: 3px
+}
+
+.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
+ background: rgba(0, 0, 0, 0.1)
+}
+
+.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
+ background: #666;
+ border-radius: 3px
+}
+
+.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
+ overflow: auto
+}
+
+.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
+ max-width: 100%;
+ height: auto
+}
+
+.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
+ display: none
+}
+
+.jconfirm .jconfirm-box .jconfirm-buttons {
+ padding-bottom: 11px
+}
+
+.jconfirm .jconfirm-box .jconfirm-buttons>button {
+ margin-bottom: 4px;
+ margin-left: 2px;
+ margin-right: 2px
+}
+
+.jconfirm .jconfirm-box .jconfirm-buttons button {
+ display: inline-block;
+ padding: 6px 12px;
+ font-size: 14px;
+ font-weight: 400;
+ line-height: 1.42857143;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: middle;
+ -ms-touch-action: manipulation;
+ touch-action: manipulation;
+ cursor: pointer;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ border-radius: 4px;
+ min-height: 1em;
+ -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
+ transition: opacity .1s ease, background-color .1s ease, color .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
+ transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
+ transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease, -webkit-box-shadow .1s ease;
+ -webkit-tap-highlight-color: transparent;
+ border: 0;
+ background-image: none
+}
+
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
+ background-color: #3498db;
+ color: #FFF;
+ text-shadow: none;
+ -webkit-transition: background .2s;
+ transition: background .2s
+}
+
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
+ background-color: #2980b9;
+ color: #FFF
+}
+
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
+ background-color: #2ecc71;
+ color: #FFF;
+ text-shadow: none;
+ -webkit-transition: background .2s;
+ transition: background .2s
+}
+
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
+ background-color: #27ae60;
+ color: #FFF
+}
+
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
+ background-color: #e74c3c;
+ color: #FFF;
+ text-shadow: none;
+ -webkit-transition: background .2s;
+ transition: background .2s
+}
+
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
+ background-color: #c0392b;
+ color: #FFF
+}
+
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
+ background-color: #f1c40f;
+ color: #FFF;
+ text-shadow: none;
+ -webkit-transition: background .2s;
+ transition: background .2s
+}
+
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
+ background-color: #f39c12;
+ color: #FFF
+}
+
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
+ background-color: #ecf0f1;
+ color: #000;
+ text-shadow: none;
+ -webkit-transition: background .2s;
+ transition: background .2s
+}
+
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
+ background-color: #bdc3c7;
+ color: #000
+}
+
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
+ background-color: #9b59b6;
+ color: #FFF;
+ text-shadow: none;
+ -webkit-transition: background .2s;
+ transition: background .2s
+}
+
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
+ background-color: #8e44ad;
+ color: #FFF
+}
+
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
+ background-color: #34495e;
+ color: #FFF;
+ text-shadow: none;
+ -webkit-transition: background .2s;
+ transition: background .2s
+}
+
+.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
+ background-color: #2c3e50;
+ color: #FFF
+}
+
+.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
+ color: #e74c3c !important
+}
+
+.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
+ color: #3498db !important
+}
+
+.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
+ color: #2ecc71 !important
+}
+
+.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
+ color: #9b59b6 !important
+}
+
+.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
+ color: #f1c40f !important
+}
+
+.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
+ color: #34495e !important
+}
+
+.jconfirm .jconfirm-clear {
+ clear: both
+}
+
+.jconfirm.jconfirm-rtl {
+ direction: rtl
+}
+
+.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
+ left: 5px;
+ right: auto
+}
+
+.jconfirm.jconfirm-white .jconfirm-bg,
+.jconfirm.jconfirm-light .jconfirm-bg {
+ background-color: #444;
+ opacity: .2
+}
+
+.jconfirm.jconfirm-white .jconfirm-box,
+.jconfirm.jconfirm-light .jconfirm-box {
+ -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+ border-radius: 5px
+}
+
+.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
+.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
+ margin-right: 8px;
+ margin-left: 0
+}
+
+.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
+.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
+ float: right
+}
+
+.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
+.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
+ text-transform: uppercase;
+ font-size: 14px;
+ font-weight: bold;
+ text-shadow: none
+}
+
+.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
+.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: #333
+}
+
+.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
+.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
+ background: #ddd
+}
+
+.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
+.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
+ margin-left: 8px;
+ margin-right: 0
+}
+
+.jconfirm.jconfirm-black .jconfirm-bg,
+.jconfirm.jconfirm-dark .jconfirm-bg {
+ background-color: darkslategray;
+ opacity: .4
+}
+
+.jconfirm.jconfirm-black .jconfirm-box,
+.jconfirm.jconfirm-dark .jconfirm-box {
+ -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+ background: #444;
+ border-radius: 5px;
+ color: white
+}
+
+.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
+.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
+ margin-right: 8px;
+ margin-left: 0
+}
+
+.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
+.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
+ float: right
+}
+
+.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
+.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
+ border: 0;
+ background-image: none;
+ text-transform: uppercase;
+ font-size: 14px;
+ font-weight: bold;
+ text-shadow: none;
+ -webkit-transition: background .1s;
+ transition: background .1s;
+ color: white
+}
+
+.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
+.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: #fff;
+ background: 0
+}
+
+.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,
+.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
+ background: #666
+}
+
+.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
+.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
+ margin-left: 8px;
+ margin-right: 0
+}
+
+.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
+ -webkit-animation: shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+ animation: shake .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0)
+}
+
+.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
+ -webkit-animation: glow .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+ animation: glow .82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
+ -webkit-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0)
+}
+
+@-webkit-keyframes shake {
+
+ 10%,
+ 90% {
+ -webkit-transform: translate3d(-2px, 0, 0);
+ transform: translate3d(-2px, 0, 0)
+ }
+
+ 20%,
+ 80% {
+ -webkit-transform: translate3d(4px, 0, 0);
+ transform: translate3d(4px, 0, 0)
+ }
+
+ 30%,
+ 50%,
+ 70% {
+ -webkit-transform: translate3d(-8px, 0, 0);
+ transform: translate3d(-8px, 0, 0)
+ }
+
+ 40%,
+ 60% {
+ -webkit-transform: translate3d(8px, 0, 0);
+ transform: translate3d(8px, 0, 0)
+ }
+}
+
+@keyframes shake {
+
+ 10%,
+ 90% {
+ -webkit-transform: translate3d(-2px, 0, 0);
+ transform: translate3d(-2px, 0, 0)
+ }
+
+ 20%,
+ 80% {
+ -webkit-transform: translate3d(4px, 0, 0);
+ transform: translate3d(4px, 0, 0)
+ }
+
+ 30%,
+ 50%,
+ 70% {
+ -webkit-transform: translate3d(-8px, 0, 0);
+ transform: translate3d(-8px, 0, 0)
+ }
+
+ 40%,
+ 60% {
+ -webkit-transform: translate3d(8px, 0, 0);
+ transform: translate3d(8px, 0, 0)
+ }
+}
+
+@-webkit-keyframes glow {
+
+ 0%,
+ 100% {
+ -webkit-box-shadow: 0 0 0 red;
+ box-shadow: 0 0 0 red
+ }
+
+ 50% {
+ -webkit-box-shadow: 0 0 30px red;
+ box-shadow: 0 0 30px red
+ }
+}
+
+@keyframes glow {
+
+ 0%,
+ 100% {
+ -webkit-box-shadow: 0 0 0 red;
+ box-shadow: 0 0 0 red
+ }
+
+ 50% {
+ -webkit-box-shadow: 0 0 30px red;
+ box-shadow: 0 0 30px red
+ }
+}
+
+.jconfirm {
+ -webkit-perspective: 400px;
+ perspective: 400px
+}
+
+.jconfirm .jconfirm-box {
+ opacity: 1;
+ -webkit-transition-property: all;
+ transition-property: all
+}
+
+.jconfirm .jconfirm-box.jconfirm-animation-top,
+.jconfirm .jconfirm-box.jconfirm-animation-left,
+.jconfirm .jconfirm-box.jconfirm-animation-right,
+.jconfirm .jconfirm-box.jconfirm-animation-bottom,
+.jconfirm .jconfirm-box.jconfirm-animation-opacity,
+.jconfirm .jconfirm-box.jconfirm-animation-zoom,
+.jconfirm .jconfirm-box.jconfirm-animation-scale,
+.jconfirm .jconfirm-box.jconfirm-animation-none,
+.jconfirm .jconfirm-box.jconfirm-animation-rotate,
+.jconfirm .jconfirm-box.jconfirm-animation-rotatex,
+.jconfirm .jconfirm-box.jconfirm-animation-rotatey,
+.jconfirm .jconfirm-box.jconfirm-animation-scaley,
+.jconfirm .jconfirm-box.jconfirm-animation-scalex {
+ opacity: 0
+}
+
+.jconfirm .jconfirm-box.jconfirm-animation-rotate {
+ -webkit-transform: rotate(90deg);
+ transform: rotate(90deg)
+}
+
+.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
+ -webkit-transform: rotateX(90deg);
+ transform: rotateX(90deg);
+ -webkit-transform-origin: center;
+ transform-origin: center
+}
+
+.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
+ -webkit-transform: rotateX(-90deg);
+ transform: rotateX(-90deg);
+ -webkit-transform-origin: center;
+ transform-origin: center
+}
+
+.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
+ -webkit-transform: rotatey(90deg);
+ transform: rotatey(90deg);
+ -webkit-transform-origin: center;
+ transform-origin: center
+}
+
+.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
+ -webkit-transform: rotatey(-90deg);
+ transform: rotatey(-90deg);
+ -webkit-transform-origin: center;
+ transform-origin: center
+}
+
+.jconfirm .jconfirm-box.jconfirm-animation-scaley {
+ -webkit-transform: scaley(1.5);
+ transform: scaley(1.5);
+ -webkit-transform-origin: center;
+ transform-origin: center
+}
+
+.jconfirm .jconfirm-box.jconfirm-animation-scalex {
+ -webkit-transform: scalex(1.5);
+ transform: scalex(1.5);
+ -webkit-transform-origin: center;
+ transform-origin: center
+}
+
+.jconfirm .jconfirm-box.jconfirm-animation-top {
+ -webkit-transform: translate(0px, -100px);
+ transform: translate(0px, -100px)
+}
+
+.jconfirm .jconfirm-box.jconfirm-animation-left {
+ -webkit-transform: translate(-100px, 0px);
+ transform: translate(-100px, 0px)
+}
+
+.jconfirm .jconfirm-box.jconfirm-animation-right {
+ -webkit-transform: translate(100px, 0px);
+ transform: translate(100px, 0px)
+}
+
+.jconfirm .jconfirm-box.jconfirm-animation-bottom {
+ -webkit-transform: translate(0px, 100px);
+ transform: translate(0px, 100px)
+}
+
+.jconfirm .jconfirm-box.jconfirm-animation-zoom {
+ -webkit-transform: scale(1.2);
+ transform: scale(1.2)
+}
+
+.jconfirm .jconfirm-box.jconfirm-animation-scale {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5)
+}
+
+.jconfirm .jconfirm-box.jconfirm-animation-none {
+ visibility: hidden
+}
+
+.jconfirm.jconfirm-supervan .jconfirm-bg {
+ background-color: rgba(54, 70, 93, 0.95)
+}
+
+.jconfirm.jconfirm-supervan .jconfirm-box {
+ background-color: transparent
+}
+
+.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
+ border: 0
+}
+
+.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
+ border: 0
+}
+
+.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
+ border: 0
+}
+
+.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
+ border: 0
+}
+
+.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
+ border: 0
+}
+
+.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
+ border: 0
+}
+
+.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
+ color: white
+}
+
+.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
+ text-align: center;
+ color: white;
+ font-size: 28px;
+ font-weight: normal
+}
+
+.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>* {
+ padding-bottom: 25px
+}
+
+.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
+ margin-right: 8px;
+ margin-left: 0
+}
+
+.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
+ margin-bottom: 25px
+}
+
+.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
+ text-align: center;
+ color: white
+}
+
+.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
+ text-align: center
+}
+
+.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
+ font-size: 16px;
+ border-radius: 2px;
+ background: #303f53;
+ text-shadow: none;
+ border: 0;
+ color: white;
+ padding: 10px;
+ min-width: 100px
+}
+
+.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
+ margin-left: 8px;
+ margin-right: 0
+}
+
+.jconfirm.jconfirm-material .jconfirm-bg {
+ background-color: rgba(0, 0, 0, 0.67)
+}
+
+.jconfirm.jconfirm-material .jconfirm-box {
+ background-color: white;
+ -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
+ padding: 30px 25px 10px 25px
+}
+
+.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
+ margin-right: 8px;
+ margin-left: 0
+}
+
+.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
+ color: rgba(0, 0, 0, 0.87)
+}
+
+.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
+ color: rgba(0, 0, 0, 0.87);
+ font-size: 22px;
+ font-weight: bold
+}
+
+.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
+ color: rgba(0, 0, 0, 0.87)
+}
+
+.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
+ text-align: right
+}
+
+.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
+ text-transform: uppercase;
+ font-weight: 500
+}
+
+.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
+ margin-left: 8px;
+ margin-right: 0
+}
+
+.jconfirm.jconfirm-bootstrap .jconfirm-bg {
+ background-color: rgba(0, 0, 0, 0.21)
+}
+
+.jconfirm.jconfirm-bootstrap .jconfirm-box {
+ background-color: white;
+ -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
+ box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
+ border: solid 1px rgba(0, 0, 0, 0.4);
+ padding: 15px 0 0
+}
+
+.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
+ margin-right: 8px;
+ margin-left: 0
+}
+
+.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
+ color: rgba(0, 0, 0, 0.87)
+}
+
+.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
+ color: rgba(0, 0, 0, 0.87);
+ font-size: 22px;
+ font-weight: bold;
+ padding-left: 15px;
+ padding-right: 15px
+}
+
+.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
+ color: rgba(0, 0, 0, 0.87);
+ padding: 0 15px
+}
+
+.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
+ text-align: right;
+ padding: 10px;
+ margin: -5px 0 0;
+ border-top: solid 1px #ddd;
+ overflow: hidden;
+ border-radius: 0 0 4px 4px
+}
+
+.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
+ font-weight: 500
+}
+
+.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
+ margin-left: 8px;
+ margin-right: 0
+}
+
+.jconfirm.jconfirm-modern .jconfirm-bg {
+ background-color: slategray;
+ opacity: .6
+}
+
+.jconfirm.jconfirm-modern .jconfirm-box {
+ background-color: white;
+ -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
+ box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
+ padding: 30px 30px 15px
+}
+
+.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
+ color: rgba(0, 0, 0, 0.87);
+ top: 15px;
+ right: 15px
+}
+
+.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
+ color: rgba(0, 0, 0, 0.87);
+ font-size: 24px;
+ font-weight: bold;
+ text-align: center;
+ margin-bottom: 10px
+}
+
+.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
+ -webkit-transition: -webkit-transform .5s;
+ transition: -webkit-transform .5s;
+ transition: transform .5s;
+ transition: transform .5s, -webkit-transform .5s;
+ -webkit-transform: scale(0);
+ transform: scale(0);
+ display: block;
+ margin-right: 0;
+ margin-left: 0;
+ margin-bottom: 10px;
+ font-size: 69px;
+ color: #aaa
+}
+
+.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
+ text-align: center;
+ font-size: 15px;
+ color: #777;
+ margin-bottom: 25px
+}
+
+.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
+ text-align: center
+}
+
+.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
+ font-weight: bold;
+ text-transform: uppercase;
+ -webkit-transition: background .1s;
+ transition: background .1s;
+ padding: 10px 20px
+}
+
+.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button+button {
+ margin-left: 4px
+}
+
+.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
+ -webkit-transform: scale(1);
+ transform: scale(1)
+}
\ No newline at end of file
diff --git a/public/assets/css/mypage/picker.min.css b/public/assets/css/mypage/picker.min.css
new file mode 100644
index 0000000..7c7943c
--- /dev/null
+++ b/public/assets/css/mypage/picker.min.css
@@ -0,0 +1,315 @@
+/*!
+ * Picker.js v1.2.1
+ * https://fengyuanchen.github.io/pickerjs
+ *
+ * Copyright 2016-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2019-02-18T13:08:09.658Z
+ */
+:root {
+ --gray: #999;
+ --blue: #0074d9;
+ --color: #333;
+ --background-color: #fff;
+ --border: 1px solid #eee
+}
+
+.picker {
+ background-color: rgba(0, 0, 0, .5);
+ color: #333;
+ color: var(--color);
+ direction: ltr;
+ display: none;
+ font-size: 1rem;
+ line-height: 1.5;
+ overflow: hidden;
+ -ms-touch-action: none;
+ touch-action: none;
+ -webkit-transition: opacity .15s;
+ transition: opacity .15s;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none
+}
+
+.picker-fixed {
+ bottom: 0;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ z-index: 1986
+}
+
+.picker-fixed>.picker-dialog {
+ bottom: -100%;
+ left: 0;
+ max-height: 100%;
+ position: absolute;
+ right: 0;
+ -webkit-transition: bottom .3s;
+ transition: bottom .3s
+}
+
+.picker-fixed .picker-header {
+ display: block
+}
+
+.picker-fixed .picker-footer {
+ display: table
+}
+
+.picker-open {
+ display: block;
+ opacity: 0
+}
+
+.picker-opened {
+ opacity: 1
+}
+
+.picker-opened>.picker-dialog {
+ bottom: 0
+}
+
+.picker-dialog {
+ background-color: #fff;
+ background-color: var(--background-color);
+ border: 1px solid #eee;
+ border: var(--border)
+}
+
+.picker-header {
+ border-bottom: 1px solid #eee;
+ border-bottom: var(--border);
+ display: none;
+ padding: .875rem 1.25rem;
+ position: relative
+}
+
+.picker-title {
+ font-size: 1.125rem;
+ font-weight: 500;
+ line-height: 1.25rem;
+ margin: 0
+}
+
+.picker-close {
+ background-color: rgba(0, 0, 0, 0);
+ border-width: 0;
+ color: #999;
+ color: var(--gray);
+ cursor: pointer;
+ font-size: 1.75rem;
+ height: 3rem;
+ opacity: .75;
+ padding: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 3rem
+}
+
+.picker-close:focus,
+.picker-close:hover {
+ opacity: 1;
+ outline: none
+}
+
+.picker-body {
+ overflow: hidden
+}
+
+.picker-grid {
+ display: table;
+ table-layout: fixed;
+ width: 100%
+}
+
+.picker-cell {
+ display: table-cell;
+ position: relative
+}
+
+.picker-cell:after,
+.picker-cell:before {
+ content: "";
+ display: block;
+ left: 0;
+ position: absolute;
+ right: 0;
+ z-index: 3
+}
+
+.picker-cell:before {
+ background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .05)));
+ background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .05));
+ bottom: 50%;
+ margin-bottom: 1rem;
+ top: 0
+}
+
+.picker-cell:after {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .05)));
+ background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .05));
+ bottom: 0;
+ margin-top: 1rem;
+ top: 50%
+}
+
+.picker-cell+.picker-cell {
+ border-left: 1px solid #eee;
+ border-left: var(--border)
+}
+
+.picker-headers .picker-cell:before {
+ margin-bottom: 0
+}
+
+.picker-headers .picker-cell:after {
+ margin-top: 2rem
+}
+
+.picker-single:not(.picker-controls):not(.picker-headers) .picker-cell:after,
+.picker-single:not(.picker-controls):not(.picker-headers) .picker-cell:before {
+ display: none
+}
+
+.picker-cell__header {
+ color: #999;
+ color: var(--gray);
+ font-size: .875rem;
+ font-weight: 500;
+ line-height: 1.5rem;
+ margin: 0;
+ overflow: hidden;
+ padding: .25rem .5rem;
+ text-align: center;
+ text-overflow: ellipsis;
+ white-space: nowrap
+}
+
+.picker-cell__control {
+ cursor: pointer;
+ height: 2rem;
+ padding: .25rem .5rem;
+ position: relative;
+ z-index: 4
+}
+
+.picker-cell__control:before {
+ border: 0 solid #ccc;
+ content: "";
+ display: block;
+ height: .5rem;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translate(-50%, -50%) rotate(-45deg);
+ -ms-transform: translate(-50%, -50%) rotate(-45deg);
+ transform: translate(-50%, -50%) rotate(-45deg);
+ width: .5rem
+}
+
+.picker-cell__control:hover:before {
+ border-color: var(--primary)
+}
+
+.picker-cell__control--prev:before {
+ border-right-width: 1px;
+ border-top-width: 1px;
+ margin-top: 2px
+}
+
+.picker-cell__control--next:before {
+ border-bottom-width: 1px;
+ border-left-width: 1px;
+ margin-bottom: 2px
+}
+
+.picker-cell__body {
+ overflow: hidden;
+ position: relative
+}
+
+.picker-cell__body:after,
+.picker-cell__body:before {
+ content: "";
+ height: 2rem;
+ left: 0;
+ position: absolute;
+ right: 0;
+ z-index: 1
+}
+
+.picker-cell__body:before {
+ background-image: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0)), to(#fff));
+ background-image: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fff);
+ top: 0
+}
+
+.picker-cell__body:after {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
+ background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
+ bottom: 0
+}
+
+.picker-single .picker-cell__body:after,
+.picker-single .picker-cell__body:before {
+ display: none
+}
+
+.picker-list {
+ list-style: none;
+ margin: -2rem 0;
+ padding: 0;
+ position: relative
+}
+
+.picker-item {
+ color: #999;
+ color: var(--gray);
+ padding: .25rem .5rem;
+ text-align: center;
+ white-space: nowrap
+}
+
+.picker-picked {
+ color: #0074d9;
+ color: var(--blue);
+ font-size: 1.125em;
+ line-height: 1.5rem
+}
+
+.picker-footer {
+ border-top: 1px solid #eee;
+ border-top: var(--border);
+ display: none;
+ width: 100%
+}
+
+.picker-cancel,
+.picker-confirm {
+ background-color: rgba(0, 0, 0, 0);
+ border-width: 0;
+ cursor: pointer;
+ display: table-cell;
+ font-size: 1rem;
+ padding: .75rem 1rem;
+ width: 50%
+}
+
+.picker-cancel:focus,
+.picker-cancel:hover,
+.picker-confirm:focus,
+.picker-confirm:hover {
+ background-color: #fcfcfc;
+ outline: none
+}
+
+.picker-confirm {
+ color: #0074d9;
+ color: var(--blue)
+}
\ No newline at end of file
diff --git a/public/assets/css/mypage/slick-theme.css b/public/assets/css/mypage/slick-theme.css
new file mode 100644
index 0000000..ef75494
--- /dev/null
+++ b/public/assets/css/mypage/slick-theme.css
@@ -0,0 +1,198 @@
+@charset 'UTF-8';
+
+/* Slider */
+.slick-loading .slick-list {
+ background: #fff url('./ajax-loader.gif') center center no-repeat;
+}
+
+/* Icons */
+@font-face {
+ font-family: 'slick';
+ font-weight: normal;
+ font-style: normal;
+
+ src: url('./fonts/slick.eot');
+ src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
+}
+
+/* Arrows */
+.slick-prev,
+.slick-next {
+ font-size: 0;
+ line-height: 0;
+
+ position: absolute;
+ top: 50%;
+
+ display: block;
+
+ width: 20px;
+ height: 20px;
+ padding: 0;
+ -webkit-transform: translate(0, -50%);
+ -ms-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+
+ cursor: pointer;
+
+ color: transparent;
+ border: none;
+ outline: none;
+ background: transparent;
+}
+
+.slick-prev:hover,
+.slick-prev:focus,
+.slick-next:hover,
+.slick-next:focus {
+ color: transparent;
+ outline: none;
+ background: transparent;
+}
+
+.slick-prev:hover:before,
+.slick-prev:focus:before,
+.slick-next:hover:before,
+.slick-next:focus:before {
+ opacity: 1;
+}
+
+.slick-prev.slick-disabled:before,
+.slick-next.slick-disabled:before {
+ opacity: .25;
+}
+
+.slick-prev:before,
+.slick-next:before {
+ font-family: 'slick';
+ font-size: 20px;
+ line-height: 1;
+
+ opacity: .75;
+ color: white;
+
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.slick-prev {
+ left: -25px;
+}
+
+[dir='rtl'] .slick-prev {
+ right: -25px;
+ left: auto;
+}
+
+.slick-prev:before {
+ content: '竊�';
+}
+
+[dir='rtl'] .slick-prev:before {
+ content: '竊�';
+}
+
+.slick-next {
+ right: -25px;
+}
+
+[dir='rtl'] .slick-next {
+ right: auto;
+ left: -25px;
+}
+
+.slick-next:before {
+ content: '竊�';
+}
+
+[dir='rtl'] .slick-next:before {
+ content: '竊�';
+}
+
+/* Dots */
+.slick-dotted.slick-slider {
+ margin-bottom: 30px;
+}
+
+.slick-dots {
+ position: absolute;
+ bottom: -25px;
+
+ display: block;
+
+ width: 100%;
+ padding: 0;
+ margin: 0;
+
+ list-style: none;
+
+ text-align: center;
+}
+
+.slick-dots li {
+ position: relative;
+
+ display: inline-block;
+
+ width: 20px;
+ height: 20px;
+ margin: 0 5px;
+ padding: 0;
+
+ cursor: pointer;
+}
+
+.slick-dots li button {
+ font-size: 0;
+ line-height: 0;
+
+ display: block;
+
+ width: 20px;
+ height: 20px;
+ padding: 5px;
+
+ cursor: pointer;
+
+ color: transparent;
+ border: 0;
+ outline: none;
+ background: transparent;
+}
+
+.slick-dots li button:hover,
+.slick-dots li button:focus {
+ outline: none;
+}
+
+.slick-dots li button:hover:before,
+.slick-dots li button:focus:before {
+ opacity: 1;
+}
+
+.slick-dots li button:before {
+ font-family: 'slick';
+ font-size: 6px;
+ line-height: 20px;
+
+ position: absolute;
+ top: 0;
+ left: 0;
+
+ width: 20px;
+ height: 20px;
+
+ content: '窶「';
+ text-align: center;
+
+ opacity: .25;
+ color: black;
+
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.slick-dots li.slick-active button:before {
+ opacity: .75;
+ color: black;
+}
\ No newline at end of file
diff --git a/public/assets/css/mypage/slick.css b/public/assets/css/mypage/slick.css
new file mode 100644
index 0000000..ce817ed
--- /dev/null
+++ b/public/assets/css/mypage/slick.css
@@ -0,0 +1,115 @@
+/* Slider */
+.slick-slider {
+ position: relative;
+
+ display: block;
+ box-sizing: border-box;
+
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+
+ -webkit-touch-callout: none;
+ -khtml-user-select: none;
+ -ms-touch-action: pan-y;
+ touch-action: pan-y;
+ -webkit-tap-highlight-color: transparent;
+}
+
+.slick-list {
+ position: relative;
+
+ display: block;
+ overflow: hidden;
+
+ margin: 0;
+ padding: 0;
+}
+
+.slick-list:focus {
+ outline: none;
+}
+
+.slick-list.dragging {
+ cursor: pointer;
+ cursor: hand;
+}
+
+.slick-slider .slick-track,
+.slick-slider .slick-list {
+ -webkit-transform: translate3d(0, 0, 0);
+ -moz-transform: translate3d(0, 0, 0);
+ -ms-transform: translate3d(0, 0, 0);
+ -o-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+
+.slick-track {
+ position: relative;
+ top: 0;
+ left: 0;
+
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.slick-track:before,
+.slick-track:after {
+ display: table;
+
+ content: '';
+}
+
+.slick-track:after {
+ clear: both;
+}
+
+.slick-loading .slick-track {
+ visibility: hidden;
+}
+
+.slick-slide {
+ display: none;
+ float: left;
+
+ height: 100%;
+ min-height: 1px;
+}
+
+[dir='rtl'] .slick-slide {
+ float: right;
+}
+
+.slick-slide img {
+ display: block;
+}
+
+.slick-slide.slick-loading img {
+ display: none;
+}
+
+.slick-slide.dragging img {
+ pointer-events: none;
+}
+
+.slick-initialized .slick-slide {
+ display: block;
+}
+
+.slick-loading .slick-slide {
+ visibility: hidden;
+}
+
+.slick-vertical .slick-slide {
+ display: block;
+
+ height: auto;
+
+ border: 1px solid transparent;
+}
+
+.slick-arrow.slick-hidden {
+ display: none;
+}
\ No newline at end of file
diff --git a/public/assets/css/mypage/style.css b/public/assets/css/mypage/style.css
new file mode 100644
index 0000000..9b59f7b
--- /dev/null
+++ b/public/assets/css/mypage/style.css
@@ -0,0 +1,1043 @@
+.padding-table.table td,
+.padding-table.table th {
+ padding: .75rem .50rem;
+}
+
+* {
+ font-family: "Rounded Mplus 1c";
+}
+
+.row img {
+ max-width: 100%;
+ height: auto;
+}
+
+a img {
+ -webkit-transition: 0.3s ease-in-out;
+ -moz-transition: 0.3s ease-in-out;
+ -o-transition: 0.3s ease-in-out;
+ transition: 0.3s ease-in-out;
+}
+
+a img:hover {
+ opacity: .7;
+}
+
+main .jumbotron {
+ margin-bottom: 0;
+ background-color: #e9ecef;
+ border-radius: 0;
+}
+
+section h2 {
+ font-size: 2em;
+}
+
+.vcenter {
+ display: flex;
+ align-items: center;
+ /*vertical*/
+}
+
+.hcenter {
+ display: flex;
+ justify-content: center;
+ /*horizonal*/
+}
+
+.text-secondary {
+ color: #666 !important;
+}
+
+.text-success {
+ color: rgba(27, 178, 117, 1) !important;
+}
+
+.btn-outline-secondary {
+ color: #666;
+ background-color: transparent;
+ background-image: none;
+ border-color: #666;
+}
+
+.btn-outline-secondary:hover {
+ color: #fff;
+ background-color: #666;
+ background-image: none;
+ border-color: #666;
+}
+
+.btn-success {
+ color: #fff;
+ background-color: rgba(27, 178, 117, 1);
+ border-color: rgba(27, 178, 117, 1);
+}
+
+.btn-outline-success {
+ color: rgba(27, 178, 117, 1);
+ background-color: transparent;
+ background-image: none;
+ border-color: rgba(27, 178, 117, 1);
+}
+
+.btn-btn-tertiary {
+ color: #fff;
+ background-color: rgba(102, 102, 102, 1);
+ border-color: rgba(102, 102, 102, 1);
+}
+
+.btn-btn-tertiary:hover {
+ color: #666;
+ background-color: #fff;
+ border-color: rgba(255, 255, 255, 1);
+}
+
+
+.btn-outline-success:hover {
+ background-color: rgba(27, 178, 117, 1);
+ border-color: rgba(27, 178, 117, 1);
+}
+
+.bg-success {
+ background-color: rgba(27, 178, 117, 1) !important;
+}
+
+.bg-dark {
+ background: #666 !important;
+}
+
+.bg-light {
+ background: #fff !important;
+}
+
+.bg-glay {
+ background: #ccc !important;
+}
+
+.border-success {
+ border-color: rgba(27, 178, 117, 1) !important;
+}
+
+.form-control {
+ border-radius: 0;
+}
+
+form .full {
+ width: 100% !important;
+}
+
+form textarea {
+ height: 300px;
+ padding: 1rem;
+ border: 1px solid #ced4da;
+ margin: 5px 5px 5px 0;
+}
+
+/* 繝ゥ繧ク繧ェ繝懊ち繝ウ縺ョ繝代ロ繝ォ蛹�
+========================*/
+.subject-radio input[type=radio] {
+ display: none;
+}
+
+.subject-radio label.radio {
+ display: block;
+ float: left;
+ margin: 5px 5px 5px 0;
+ min-width: 100px;
+ min-height: 45px;
+ padding-left: 5px;
+ padding-right: 5px;
+ color: #000;
+ text-align: center;
+ line-height: 45px;
+ cursor: pointer;
+ border: 1px solid #ced4da;
+}
+
+.subject-radio label.radio:hover {
+ background-color: #d4edda;
+}
+
+.subject-radio input[type="radio"]:checked+label {
+ background: rgba(27, 178, 117, 1);
+ /* 繝槭え繧ケ驕ク謚樊凾縺ョ閭梧勹濶イ繧呈欠螳壹☆繧� */
+ color: #ffffff;
+ /* 繝槭え繧ケ驕ク謚樊凾縺ョ繝輔か繝ウ繝郁牡繧呈欠螳壹☆繧� */
+}
+
+#top #site-logo {
+ color: #666;
+}
+
+#top #site-logo:hover {
+ color: #000;
+}
+
+#top #site-logo img {
+ margin-top: -8px;
+ width: 60px;
+ float: left;
+}
+
+#top #site-logo h1 {
+ margin-left: 70px;
+ margin-top: -15px;
+ font-size: 30px;
+ line-height: 30px;
+}
+
+#top #site-logo h1 .small {
+ font-size: 12px;
+ line-height: 12px;
+}
+
+.home section h2:after {
+ content: "";
+ display: block;
+ width: 10%;
+ height: 5px;
+ margin: 20px 45%;
+ border-bottom: 5px solid rgba(27, 178, 117, 1);
+}
+
+.my-page h4 {
+ margin-bottom: 0;
+ padding-left: 15px;
+ border-left: 5px solid rgba(27, 178, 117, 1);
+}
+
+.left0 {
+ left: 0 !important;
+}
+
+@media(min-width: 992px) {
+ .my-page h4 {
+ position: relative;
+ left: 30px;
+ }
+}
+
+.my-page .alert {
+ border-radius: 0;
+}
+
+#my-menu .navbar a {
+ color: #fff;
+}
+
+@media(min-width: 993px) {
+
+ #top .tl-search-area img,
+ #top .tl-btn-area img {
+ width: 40px;
+ height: auto;
+ -webkit-filter: grayscale(100%);
+ filter: grayscale(100%);
+ opacity: .6;
+ }
+
+ #top .tl-search-area img:hover,
+ #top .tl-btn-area img:hover {
+ opacity: .9;
+ }
+
+ #top .tl-search-area,
+ #top .tl-btn-area {
+ margin-top: 12px;
+ }
+
+ #top #pc-nav-menu {
+ background: #fff;
+ }
+
+ #top #pc-nav-menu a {
+ color: #333;
+ font-weight: bold;
+ margin-right: 2em;
+ margin-left: 2em;
+ border-bottom: 3px solid rgba(255, 255, 255, 0);
+ }
+
+ #top #pc-nav-menu a:hover {
+ color: #000;
+ border-bottom: 3px solid rgba(27, 178, 117, 1);
+ }
+
+ #top #pc-nav-menu li.active a {
+ color: #000;
+ border-bottom: 3px solid rgba(27, 178, 117, 1);
+ }
+
+ #my-menu .navbar a:hover {
+ background: rgba(255, 255, 255, .75);
+ border-radius: 1.5em;
+ color: #000;
+ }
+
+ #my-menu .navbar .active a {
+ background: rgba(255, 255, 255, .75);
+ border-radius: 1.5em;
+ color: #000;
+ }
+
+ #my-menu .dropdown-menu {
+ margin-top: 8px;
+ background-color: rgba(27, 178, 117, .95);
+ background-clip: padding-box;
+ border: 0px solid rgba(0, 0, 0, 0);
+ border-radius: 0;
+ }
+
+ #my-menu .navbar .dropdown-menu a {
+ color: #fff;
+ }
+
+ #my-menu .navbar .dropdown-menu a:hover {
+ color: #000;
+ }
+
+ footer.jumbotron {
+ padding: 2rem 1rem;
+ margin-bottom: 0;
+ background-color: #e9ecef;
+ border-radius: 0;
+ }
+
+ footer .footer-nav-menu {
+ width: 100%;
+ display: flex;
+ justify-content: space-around;
+ list-style: none;
+ }
+
+ footer .footer-nav-menu li {
+ text-align: center;
+ padding-right: 3em;
+ padding-left: 1em;
+ border-right: 1px solid #ccc;
+ }
+
+ footer .footer-nav-menu li:last-child {
+ border-right: 0px solid rgba(255, 255, 255, 0);
+ }
+
+ footer .footer-nav-menu li a {
+ color: #666;
+ }
+}
+
+@media(max-width: 992px) {
+ #top #site-logo img {
+ margin-top: -8px;
+ width: 40px;
+ float: left;
+ }
+
+ #top #site-logo h1 {
+ margin-left: 50px;
+ margin-top: 2px;
+ font-size: 22px;
+ line-height: 22px;
+ }
+
+ #top .navbar {
+ padding: 0 1rem;
+ }
+
+ #top .tl-btn-area {
+ margin-top: -5px;
+ }
+
+ #top .tl-btn-area .btn {
+ padding: .25rem .5rem;
+ }
+
+ #top .tl-btn-area #login-btn {
+ margin-top: 4px;
+ }
+
+ #top .tl-btn-area #nav-menu-btn {
+ position: absolute;
+ right: 10px;
+ }
+
+ #top .tl-btn-area #nav-menu-btn a {
+ color: #000;
+ }
+
+ #top .tl-btn-area #nav-menu-btn a:hover,
+ #top .tl-btn-area #nav-menu-btn a:focus,
+ #top .tl-btn-area #nav-menu-btn a:active {
+ color: #666;
+ }
+
+ #top #nav-menu {
+ background: #666;
+ }
+
+ #top #nav-menu a {
+ color: #fff;
+ }
+
+ #top #nav-menu a:hover {
+ color: #ccc;
+ }
+
+ #top #nav-menu form.container>.row {
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ #top .col-12 {
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+ }
+
+ #top .collapse.show {
+ width: 100%;
+ }
+
+ #top .collapse.show li {
+ border-bottom: 1px solid #ccc;
+ padding-left: 10px;
+ }
+
+ #top .collapse.show li:after {
+ content: '筺ゥ';
+ display: inline-block;
+ float: right;
+ margin-top: -2rem;
+ margin-right: 10px;
+ width: 1em;
+ text-indent: 0;
+ color: #999;
+ }
+
+ #my-menu .navbar-dark .navbar-toggler {
+ display: block;
+ width: 100%;
+ color: rgba(255, 255, 255, 1);
+ border-color: rgba(255, 255, 255, 0);
+ }
+
+ #nav-menu .container,
+ #my-menu .container {
+ padding-right: 0;
+ padding-left: 0;
+ }
+
+ #my-menu .navbar {
+ padding: .5rem 0;
+ }
+
+ #my-menu .navbar a:hover {
+ color: rgba(255, 255, 255, .75);
+ }
+
+ #nav-menu .collapse.show li,
+ #my-menu .collapse.show li {
+ border-bottom: 1px solid rgba(255, 255, 255, .5);
+ padding-left: 10px;
+ padding-right: 10px;
+ }
+
+ #my-menu .collapse.show li:first-child {
+ border-top: 1px solid rgba(255, 255, 255, .5);
+ margin-top: 10px;
+ }
+
+ #my-menu .collapse.show li:last-child {
+ border-bottom: 0px solid rgba(255, 255, 255, 0);
+ }
+
+ #my-menu .collapse.show li:after {
+ content: '筺ゥ';
+ display: inline-block;
+ float: right;
+ margin-top: -2em;
+ margin-right: 0px;
+ width: 1em;
+ text-indent: 0;
+ color: rgba(255, 255, 255, .75);
+ }
+
+ #my-menu .dropdown-toggle::after {
+ content: "";
+ border-top: 0 solid;
+ border-right: 0 solid transparent;
+ border-bottom: 0;
+ border-left: 0 solid transparent;
+ }
+
+ #my-menu .collapse.show li.dropdown:after {
+ content: '筺ゥ';
+ display: inline-block;
+ position: absolute;
+ top: 3em;
+ right: 15px;
+ width: 1em;
+ text-indent: 0;
+ color: rgba(255, 255, 255, .75);
+ transform: rotate(90deg);
+ }
+
+ #my-menu .dropdown-menu {
+ margin-top: 8px;
+ background-color: rgba(255, 255, 255, .25);
+ background-clip: padding-box;
+ border: 0px solid rgba(0, 0, 0, 0);
+ border-radius: 0;
+ }
+
+ #my-menu .navbar .dropdown-menu a {
+ color: #fff;
+ }
+
+ #my-menu .navbar .dropdown-menu a:hover {
+ color: #000;
+ }
+
+ footer.jumbotron {
+ padding: 0 0;
+ padding-bottom: 40px;
+ }
+
+ footer.jumbotron .container {
+ padding-right: 0;
+ padding-left: 0;
+ }
+
+ footer.jumbotron .container>.row {
+ margin-right: 0;
+ margin-left: 0;
+ }
+
+ footer.jumbotron .container>.row .col-12 {
+ padding-right: 0;
+ padding-left: 0;
+ }
+
+ footer .footer-nav-menu {
+ width: 100%;
+ margin: 0 0;
+ padding: 0 0;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-around;
+ list-style: none;
+ }
+
+ footer .footer-nav-menu li {
+ text-align: center;
+ width: 50%;
+ padding: .5em;
+ border-bottom: 1px solid #fff;
+ border-right: 1px solid #fff;
+ }
+
+ footer .footer-nav-menu li:last-child {
+ border-right: 0px solid rgba(255, 255, 255, 0);
+ }
+
+ footer .footer-nav-menu li a {
+ color: #666;
+ }
+}
+
+@media(max-width: 320px) {
+ #top #site-logo img {
+ margin-top: -5px;
+ width: 30px;
+ float: left;
+ }
+
+ #top #site-logo h1 {
+ margin-left: 35px;
+ margin-top: 2px;
+ font-size: 18px;
+ line-height: 18px;
+ }
+}
+
+#front-catch-area.jumbotron,
+#banner.jumbotron {
+ padding-bottom: 0;
+ margin-bottom: 0;
+ background: url(../img/main_bg.png) center;
+ background-size: cover;
+ background-color: rgba(27, 178, 117, 1);
+ border-radius: 0;
+}
+
+#front-catch-area.jumbotron h2 {
+ color: #fff;
+}
+
+#front-catch-area.jumbotron .btn-success {
+ color: rgba(27, 178, 117, 1);
+ background-color: rgba(255, 255, 255, 1);
+ border-color: rgba(255, 255, 255, 1);
+}
+
+#front-catch-area.jumbotron .btn-success:hover {
+ color: #fff;
+ background-color: #333;
+ border-color: rgba(255, 255, 255, 0.75);
+}
+
+#front-catch-area.jumbotron .btn-secondary {
+ color: #000;
+ background-color: #ccc;
+ border-color: #ccc;
+}
+
+#front-catch-area.jumbotron .btn-secondary:hover {
+ color: #fff;
+ background-color: #333;
+ border-color: rgba(255, 255, 255, 0.75);
+}
+
+#front-catch-area.jumbotron .card a {
+ color: #333;
+}
+
+#main-news .alert {
+ position: relative;
+ padding: .25rem 1.25rem;
+ margin-bottom: 1rem;
+ border: 0 solid transparent;
+ border-radius: 0;
+}
+
+#main-news table td h3 {
+ font-size: 1em;
+ padding-top: 5px;
+}
+
+#main-news table td h3 a {
+ display: block;
+ width: 98%;
+ height: 1em;
+ overflow: hidden;
+ color: #333;
+}
+
+#main-news table td h3 a:hover {
+ color: rgba(27, 178, 117, 1);
+}
+
+/*#main-news table td h3:after {*/
+/*content: "窶ヲ";*/
+/*display: block;*/
+/*width: 2%;*/
+/*float: right;*/
+/*position: relative;*/
+/*top: -1.3em;*/
+/*font-size: 1em;*/
+/*color: #333;*/
+/*}*/
+@media(max-width: 992px) {
+ #main-news table tr th {
+ display: block;
+ width: 45%;
+ float: left;
+ }
+
+ #main-news table tr td {
+ display: block;
+ width: 100%;
+ }
+}
+
+.p-mark {
+ float: right;
+ margin-top: -80px;
+}
+
+.my-page #top .tl-btn-area #login-btn {
+ color: rgba(27, 178, 117, 1);
+}
+
+@media (max-width: 992px) {
+ .my-page #top .tl-btn-area #login-btn {
+ position: relative;
+ top: 10px;
+ }
+}
+
+.my-page .card-title {
+ margin-bottom: 0;
+}
+
+/*蟾ヲ蜿ウ縺ョ遏「蜊ー縺ョ濶イ繧貞、峨∴繧�*/
+.my-page .slick-prev:before,
+.my-page .slick-next:before {
+ color: #000;
+}
+
+/*蟾ヲ蜿ウ縺ョ遏「蜊ー縺ョ菴咲スョ繧貞、峨∴繧�*/
+.my-page .slider_2-1 .slick-next {
+ right: -20px;
+ z-index: 99;
+}
+
+.my-page .slider_2-1 .slick-prev {
+ left: -20px;
+ z-index: 100;
+}
+
+.my-page .slider_1-1 .slick-next {
+ right: 10px;
+ z-index: 99;
+}
+
+.my-page .slider_1-1 .slick-prev {
+ left: 10px;
+ z-index: 100;
+}
+
+.my-page .info-slider_1-1 .slick-next {
+ right: -18px;
+ z-index: 99;
+}
+
+.my-page .info-slider_1-1 .slick-prev {
+ left: 15px;
+ z-index: 100;
+}
+
+.my-page .info-slider_1-1 {
+ margin-top: 18px;
+ margin-left: -10px;
+ margin-right: 20px;
+}
+
+.my-page .info-slider_1-1 li a {
+ display: block;
+ width: 100%;
+ height: 1.2em;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+.slider-container {
+ display: none;
+ position: relative;
+}
+
+.slider-container.initialized {
+ display: block;
+}
+
+.slider {
+ margin: 0 24px;
+ overflow: hidden;
+}
+
+.slick-list {
+ margin-right: -12px;
+ /* 繧ャ繧ソ繝シ蛻�ロ繧ャ繝�ぅ繝悶�繝シ繧ク繝ウ */
+}
+
+.slick-slide {
+ margin-right: 12px;
+ /* 繧ャ繧ソ繝シ */
+}
+
+.slick-slide {
+ padding: .15em 0;
+}
+
+table.tablesorter {
+ font-size: 1em;
+}
+
+table.tablesorter thead tr th,
+table.tablesorter tfoot tr th {
+ background-color: #d4edda;
+ font-size: 1em;
+}
+
+table.tablesorter thead tr .headerSortDown,
+table.tablesorter thead tr .headerSortUp {
+ background-color: rgba(27, 178, 117, .3);
+}
+
+@media (max-width: 768px) {
+ #searchTable-area {
+ width: 85vw;
+ min-height: 60vh;
+ overflow-x: scroll;
+ }
+
+ #searchTable {
+ width: 900px;
+ }
+}
+
+/* 譁�ュ励し繧、繧コ
+==============================*/
+body .f-big {
+ font-size: 120%;
+}
+
+body .f-bigger {
+ font-size: 140%;
+}
+
+body .f-small {
+ font-size: 80%;
+}
+
+@media(min-width: 1025px) {
+ #scale-control-area {
+ min-width: 170px;
+ height: auto;
+ background: rgba(0, 0, 0, .1);
+ text-align: right;
+ padding-bottom: 10px;
+ position: fixed;
+ top: 0;
+ right: 0;
+ }
+}
+
+@media(max-width: 1024px) {
+ #scale-control-area {
+ width: 100%;
+ height: auto;
+ background: rgba(0, 0, 0, .1);
+ text-align: center;
+ padding-bottom: 10px;
+ position: fixed;
+ bottom: 0;
+ left: 0;
+ }
+}
+
+/* 繝ャ繧ケ繝昴Φ繧キ繝門シキ蛻カ繧ッ繝ゥ繧ケ
+==============================*/
+@media(max-width: 992px) {
+ .pc {
+ display: none;
+ }
+}
+
+@media(min-width: 993px) {
+ .sp {
+ display: none;
+ }
+}
+
+/* 蠑キ蛻カ繝槭�繧ク繝ウ
+==============================*/
+.mt10 {
+ margin-top: 10px;
+}
+
+.mt15 {
+ margin-top: 15px;
+}
+
+.mt20 {
+ margin-top: 20px;
+}
+
+.mt30 {
+ margin-top: 30px;
+}
+
+.mt40 {
+ margin-top: 40px;
+}
+
+.mt50 {
+ margin-top: 50px;
+}
+
+.mb10 {
+ margin-bottom: 10px;
+}
+
+.mb15 {
+ margin-bottom: 15px;
+}
+
+.mb20 {
+ margin-bottom: 20px;
+}
+
+.mb30 {
+ margin-bottom: 30px;
+}
+
+.mb40 {
+ margin-bottom: 40px;
+}
+
+.mb50 {
+ margin-bottom: 50px;
+}
+
+.ml10 {
+ margin-left: 10px;
+}
+
+.ml15 {
+ margin-left: 15px;
+}
+
+.ml20 {
+ margin-left: 20px;
+}
+
+.ml30 {
+ margin-left: 30px;
+}
+
+.ml40 {
+ margin-left: 40px;
+}
+
+.ml50 {
+ margin-left: 50px;
+}
+
+.mr10 {
+ margin-right: 10px;
+}
+
+.mr15 {
+ margin-right: 15px;
+}
+
+.mr20 {
+ margin-right: 20px;
+}
+
+.mr30 {
+ margin-right: 30px;
+}
+
+.mr40 {
+ margin-right: 40px;
+}
+
+.mr50 {
+ margin-right: 50px;
+}
+
+.pt10 {
+ padding-top: 10px;
+}
+
+.pt20 {
+ padding-top: 20px;
+}
+
+.pt30 {
+ padding-top: 30px;
+}
+
+.pt40 {
+ padding-top: 40px;
+}
+
+.pt50 {
+ padding-top: 50px;
+}
+
+.pb10 {
+ padding-bottom: 10px;
+}
+
+.pb20 {
+ padding-bottom: 20px;
+}
+
+.pb30 {
+ padding-bottom: 30px;
+}
+
+.pb40 {
+ padding-bottom: 40px;
+}
+
+.pb50 {
+ padding-bottom: 50px;
+}
+
+.pl10 {
+ padding-left: 10px;
+}
+
+.pl20 {
+ padding-left: 20px;
+}
+
+.pl30 {
+ padding-left: 30px;
+}
+
+.pl40 {
+ padding-left: 40px;
+}
+
+.pl50 {
+ padding-left: 50px;
+}
+
+.pr10 {
+ padding-right: 10px;
+}
+
+.pr20 {
+ padding-right: 20px;
+}
+
+.pr30 {
+ padding-right: 30px;
+}
+
+.pr40 {
+ padding-right: 40px;
+}
+
+.pr50 {
+ padding-right: 50px;
+}
+
+
+/*!*for Webkit *!*/
+.form-control::-webkit-input-placeholder {
+ color: #dddddd;
+ font-size: 0.9em;
+}
+
+/ !*for Firefox * !*/ .form-control::-moz-placeholder {
+ color: #dddddd;
+ font-size: 0.9em;
+}
+
+/*!*for Firefox 18莉・蜑� *!*/
+.form-control:-moz-placeholder {
+ color: #dddddd;
+ font-size: 0.9em;
+}
+
+/*!*for Windows IE *!*/
+.form-control:-ms-input-placeholder {
+ color: #dddddd;
+ font-size: 0.9em;
+}
+
+#placeModal01 .modal-footer {
+ display: block !important;
+}
+
+#placeModal01 .modal-footer label,
+#placeModal01 .modal-footer .btn_82,
+#placeModal01 .modal-footer .btn_103 {
+ font-size: 11px !important;
+}
\ No newline at end of file
diff --git a/public/assets/css/mypage/tablesorter-blue.css b/public/assets/css/mypage/tablesorter-blue.css
new file mode 100644
index 0000000..1290f8d
--- /dev/null
+++ b/public/assets/css/mypage/tablesorter-blue.css
@@ -0,0 +1,48 @@
+/* tables */
+table.tablesorter {
+ font-family: arial;
+ background-color: #CDCDCD;
+ margin: 10px 0pt 15px;
+ font-size: 8pt;
+ width: 100%;
+ text-align: left;
+}
+
+table.tablesorter thead tr th,
+table.tablesorter tfoot tr th {
+ background-color: #e6EEEE;
+ border: 1px solid #FFF;
+ font-size: 8pt;
+ padding: 4px;
+}
+
+table.tablesorter thead tr .header {
+ background-image: url(bg.gif);
+ background-repeat: no-repeat;
+ background-position: center right;
+ cursor: pointer;
+}
+
+table.tablesorter tbody td {
+ color: #3D3D3D;
+ padding: 4px;
+ background-color: #FFF;
+ vertical-align: top;
+}
+
+table.tablesorter tbody tr.odd td {
+ background-color: #F0F0F6;
+}
+
+table.tablesorter thead tr .headerSortUp {
+ background-image: url(asc.gif);
+}
+
+table.tablesorter thead tr .headerSortDown {
+ background-image: url(desc.gif);
+}
+
+table.tablesorter thead tr .headerSortDown,
+table.tablesorter thead tr .headerSortUp {
+ background-color: #8dbdd8;
+}
\ No newline at end of file
diff --git a/public/assets/img/10740034_06_75_JP.gif b/public/assets/img/10740034_06_75_JP.gif
new file mode 100644
index 0000000..e7c8276
Binary files /dev/null and b/public/assets/img/10740034_06_75_JP.gif differ
diff --git a/public/assets/img/menu-aki.png b/public/assets/img/menu-aki.png
new file mode 100644
index 0000000..8ef4fb9
Binary files /dev/null and b/public/assets/img/menu-aki.png differ
diff --git a/public/assets/img/menu-help.png b/public/assets/img/menu-help.png
new file mode 100644
index 0000000..497d7a6
Binary files /dev/null and b/public/assets/img/menu-help.png differ
diff --git a/public/assets/img/menu-kakunin.png b/public/assets/img/menu-kakunin.png
new file mode 100644
index 0000000..3ac5246
Binary files /dev/null and b/public/assets/img/menu-kakunin.png differ
diff --git a/public/assets/img/menu-koshin.png b/public/assets/img/menu-koshin.png
new file mode 100644
index 0000000..60f3c0c
Binary files /dev/null and b/public/assets/img/menu-koshin.png differ
diff --git a/public/assets/img/menu-logout.png b/public/assets/img/menu-logout.png
new file mode 100644
index 0000000..e025583
Binary files /dev/null and b/public/assets/img/menu-logout.png differ
diff --git a/public/assets/img/menu-loguin.png b/public/assets/img/menu-loguin.png
new file mode 100644
index 0000000..031772f
Binary files /dev/null and b/public/assets/img/menu-loguin.png differ
diff --git a/public/assets/img/menu-rireki.png b/public/assets/img/menu-rireki.png
new file mode 100644
index 0000000..1eda059
Binary files /dev/null and b/public/assets/img/menu-rireki.png differ
diff --git a/public/assets/img/menu-sagasu.png b/public/assets/img/menu-sagasu.png
new file mode 100644
index 0000000..1b0b346
Binary files /dev/null and b/public/assets/img/menu-sagasu.png differ
diff --git a/public/assets/img/menu-shinki.png b/public/assets/img/menu-shinki.png
new file mode 100644
index 0000000..3c90586
Binary files /dev/null and b/public/assets/img/menu-shinki.png differ
diff --git a/public/assets/img/menu-teiki.png b/public/assets/img/menu-teiki.png
new file mode 100644
index 0000000..a98aae0
Binary files /dev/null and b/public/assets/img/menu-teiki.png differ
diff --git a/public/assets/img/menu-toroku.png b/public/assets/img/menu-toroku.png
new file mode 100644
index 0000000..fe20584
Binary files /dev/null and b/public/assets/img/menu-toroku.png differ
diff --git a/public/assets/img/menu-tuuchi.png b/public/assets/img/menu-tuuchi.png
new file mode 100644
index 0000000..4d6fd08
Binary files /dev/null and b/public/assets/img/menu-tuuchi.png differ
diff --git a/public/assets/img/menu-user.png b/public/assets/img/menu-user.png
new file mode 100644
index 0000000..308718d
Binary files /dev/null and b/public/assets/img/menu-user.png differ
diff --git a/public/assets/img/menu-yoyaku.png b/public/assets/img/menu-yoyaku.png
new file mode 100644
index 0000000..67404df
Binary files /dev/null and b/public/assets/img/menu-yoyaku.png differ
diff --git a/public/assets/img/so-rin_logo.png b/public/assets/img/so-rin_logo.png
new file mode 100644
index 0000000..f9aa87f
Binary files /dev/null and b/public/assets/img/so-rin_logo.png differ
diff --git a/public/footer.html b/public/footer.html
new file mode 100644
index 0000000..1113be7
--- /dev/null
+++ b/public/footer.html
@@ -0,0 +1,72 @@
+
+
+
+
+ header
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 株式会社ソーリン
+ 〒121-0073 東京都足立区六町4-12-25
+ tel:03-5856-4720(毎日12時~22時)
+
+
+ Copyright© so-rin Co.,Ltd. All Rights Reserved.
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/public/images/hanko.png b/public/images/hanko.png
new file mode 100644
index 0000000..980f2ab
Binary files /dev/null and b/public/images/hanko.png differ
diff --git a/public/images/reissue.png b/public/images/reissue.png
new file mode 100644
index 0000000..b855b1c
Binary files /dev/null and b/public/images/reissue.png differ
diff --git a/public/news.html b/public/news.html
new file mode 100644
index 0000000..0ac743a
--- /dev/null
+++ b/public/news.html
@@ -0,0 +1,87 @@
+
+
+
+
+ header
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/resources/fonts/NotoSansJP-Bold.ttf b/resources/fonts/NotoSansJP-Bold.ttf
new file mode 100644
index 0000000..f1596e8
Binary files /dev/null and b/resources/fonts/NotoSansJP-Bold.ttf differ
diff --git a/resources/fonts/NotoSansJP-Regular.ttf b/resources/fonts/NotoSansJP-Regular.ttf
new file mode 100644
index 0000000..7c15c59
Binary files /dev/null and b/resources/fonts/NotoSansJP-Regular.ttf differ
diff --git a/resources/views/emails/user_edit_verify.blade.php b/resources/views/emails/user_edit_verify.blade.php
new file mode 100644
index 0000000..0f1ac24
--- /dev/null
+++ b/resources/views/emails/user_edit_verify.blade.php
@@ -0,0 +1,10 @@
+{!! nl2br(e(
+$user->user_name . ' 様
+
+ユーザー情報変更を変更する
+
+' . $verifyUrl . '
+→URLをクリックすると変更が完了します。
+
+※このURLの有効期限は、24時間です。'
+)) !!}
\ No newline at end of file
diff --git a/resources/views/emails/withdraw_complete.blade.php b/resources/views/emails/withdraw_complete.blade.php
new file mode 100644
index 0000000..3615341
--- /dev/null
+++ b/resources/views/emails/withdraw_complete.blade.php
@@ -0,0 +1,22 @@
+{!! nl2br(e(
+$user_name . ' 様
+
+「So-Manager」をご利用いただきましてありがとうございます。
+お客様の退会手続きを受付けました。
+ご利用ありがとうございました。
+
+■ユーザー名
+' . $user_primemail . '
+
+退会日:' . $user_quitday . '
+
+今度ともSo-Managerを宜しくお願い致します。
+
+■お問合せ先■
+So-Managerコールセンター(ソーマネージャーコールセンター)
+●電話:03-5856-4720
+●メールでのお問合せ(専用フォームよりお問合わせください)
+
+※本メールアドレスは送信専用です。ご返信には回答致しかねますのでご了承ください。
+※本メールにお心あたりのない場合には、コールセンターまでご連絡くださいますようお願い致します。'
+)) !!}
\ No newline at end of file
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
new file mode 100644
index 0000000..f71c378
--- /dev/null
+++ b/resources/views/layouts/app.blade.php
@@ -0,0 +1,54 @@
+
+
+
+
+
+
+ @yield('title', 'So-Manager')
+
+
+
+
+
+
+
+
+
+
+
+
+ @yield('head')
+
+
+
+
+ {{-- ヘッダー --}}
+ @include('partials.mypage_header')
+ {{-- メニュー(active_menuを渡す) --}}
+ @include('partials.mypage_menu', ['active_menu' => $active_menu ?? ''])
+
+ @yield('content')
+
+ {{-- フッターメニュー --}}
+ @include('partials.mypagefootermenu')
+ {{-- ニュース・フッターiframe --}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ @yield('scripts')
+
+
+
\ No newline at end of file
diff --git a/resources/views/partials/mypage_header.blade.php b/resources/views/partials/mypage_header.blade.php
new file mode 100644
index 0000000..0200183
--- /dev/null
+++ b/resources/views/partials/mypage_header.blade.php
@@ -0,0 +1,28 @@
+@php
+// コントローラーから $user_name を渡してください
+if (!isset($user_name)) $user_name = '';
+@endphp
+
\ No newline at end of file
diff --git a/resources/views/partials/mypage_menu.blade.php b/resources/views/partials/mypage_menu.blade.php
new file mode 100644
index 0000000..19b086d
--- /dev/null
+++ b/resources/views/partials/mypage_menu.blade.php
@@ -0,0 +1,23 @@
+@php
+if (!isset($active_menu)) $active_menu = '';
+@endphp
+
\ No newline at end of file
diff --git a/resources/views/partials/mypagefootermenu.blade.php b/resources/views/partials/mypagefootermenu.blade.php
new file mode 100644
index 0000000..ad1646f
--- /dev/null
+++ b/resources/views/partials/mypagefootermenu.blade.php
@@ -0,0 +1,85 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/resources/views/receipt/input.blade.php b/resources/views/receipt/input.blade.php
new file mode 100644
index 0000000..26e3334
--- /dev/null
+++ b/resources/views/receipt/input.blade.php
@@ -0,0 +1,35 @@
+@extends('layouts.app')
+@section('content')
+
+
+ @if($errors->has('contract_id'))
+
+ {{ $errors->first('contract_id') }}
+
+ @endif
+
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/receipt/pdf.blade.php b/resources/views/receipt/pdf.blade.php
new file mode 100644
index 0000000..6421e93
--- /dev/null
+++ b/resources/views/receipt/pdf.blade.php
@@ -0,0 +1,132 @@
+
+
+
+
+
+
+
+
+
+
+ @if($is_reissue)
+
+ @endif
+
+ No. {{ $inv->seq ?? '' }}
+ 発行日: {{ !empty($inv->published_at) ? \Carbon\Carbon::parse($inv->published_at)->format('Y年m月d日') : '' }}
+
+
領収証
+
ID: {{ $contract->contract_id ?? '' }}
+
{{ $inv->inv_name ?? '' }}
+
+
+ 契約駐輪場名
+ {{ $park_name ?? '' }}
+
+
+ 小計(10%対象)
+
+ {{ isset($contract->contract_money) ? number_format(floor($contract->contract_money / 1.1)) : '' }} 円
+
+
+
+ 消費税額(10%)
+
+ {{ isset($contract->contract_money) ? number_format($contract->contract_money - floor($contract->contract_money / 1.1)) : '' }} 円
+
+
+
+ 合計
+ {{ number_format($contract->contract_money ?? 0) }} 円
+
+
+
+ 但し、駐輪場利用料(
+ {{ !empty($contract->contract_periods) ? \Carbon\Carbon::parse($contract->contract_periods)->format('Y年m月d日') : '' }}
+ ~
+ {{ !empty($contract->contract_periode) ? \Carbon\Carbon::parse($contract->contract_periode)->format('Y年m月d日') : '' }}
+ ) として
+ 上記金額を正に領収いたしました。
+
+
+
+
+
+
+ 株式会社ソーリン
+ 〒121-0073
+ 東京都足立区六町四丁目12-25
+ 適格事業者番号:{{ $t_number }}
+ TEL:03-5856-4647
+ FAX:03-5856-4648
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/resources/views/regular_contract/info.blade.php b/resources/views/regular_contract/info.blade.php
new file mode 100644
index 0000000..da5d4db
--- /dev/null
+++ b/resources/views/regular_contract/info.blade.php
@@ -0,0 +1,290 @@
+@extends('layouts.app')
+@section('content')
+@php
+function safeCarbonFromDDHM($dd, $hm = '00:00') {
+$now = \Carbon\Carbon::now();
+if (!$dd || !preg_match('/^\d{1,2}$/', $dd)) return null;
+if (!$hm || !preg_match('/^\d{2}:\d{2}$/', $hm)) $hm = '00:00';
+$date = $now->format('Y-m-') . str_pad($dd, 2, '0', STR_PAD_LEFT);
+$time = $hm . ':00';
+try {
+return \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $date . ' ' . $time);
+} catch (Exception $e) {
+return null;
+}
+}
+@endphp
+
+
+
+ @if(count($contracts) > 0)
+ @foreach($contracts as $i => $contract)
+ @if($i % 2 == 0)
+
+ @endif
+
+ @php
+ $now = \Carbon\Carbon::now();
+ $update_flag = $contract->contract_renewal;
+ $start_dd = $contract->update_grace_period_start_date;
+ $start_hm = $contract->update_grace_period_start_time;
+ $end_dd = $contract->update_grace_period_end_date;
+ $end_hm = $contract->update_grace_period_end_time;
+ $contract_end_dt = $contract->contract_periode ? \Carbon\Carbon::parse($contract->contract_periode) : null;
+ $periode_month = $contract_end_dt ? $contract_end_dt->month : null;
+ $periode_year = $contract_end_dt ? $contract_end_dt->year : null;
+ $bg = 'alert-warning';
+ $btn_text = '更新する';
+ $btn_active = true;
+
+ // 契約終了月以外は「ご契約中」
+ if ($periode_month && $periode_year && ($now->month != $periode_month || $now->year != $periode_year)) {
+ $bg = 'bg-white';
+ $btn_text = 'ご契約中';
+ $btn_active = false;
+ } else {
+ // 猶予期間のCarbon生成
+ if (is_numeric($start_dd) && is_numeric($end_dd)) {
+ // 開始日
+ $start_date = $contract_end_dt->format('Y-m-') . str_pad($start_dd, 2, '0', STR_PAD_LEFT);
+ $start_time = ($start_hm && preg_match('/^\d{2}:\d{2}$/', $start_hm)) ? $start_hm : '00:00';
+ $start_dt = \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $start_date . ' ' . $start_time . ':00');
+ // 終了日
+ if ($start_dd < $end_dd) {
+ // 終了月も契約終了月
+ $end_date=$contract_end_dt->format('Y-m-') . str_pad($end_dd, 2, '0', STR_PAD_LEFT);
+ $end_time = ($end_hm && preg_match('/^\d{2}:\d{2}$/', $end_hm)) ? $end_hm : '23:59';
+ $end_dt = \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $end_date . ' ' . $end_time . ':00');
+ } else {
+ // 終了日は契約終了月の翌月
+ $next_month_dt = $contract_end_dt->copy()->addMonth();
+ $end_date = $next_month_dt->format('Y-m-') . str_pad($end_dd, 2, '0', STR_PAD_LEFT);
+ $end_time = ($end_hm && preg_match('/^\d{2}:\d{2}$/', $end_hm)) ? $end_hm : '23:59';
+ $end_dt = \Carbon\Carbon::createFromFormat('Y-m-d H:i:s', $end_date . ' ' . $end_time . ':00');
+ }
+ } else {
+ $start_dt = null;
+ $end_dt = null;
+ }
+ // 以降は既存のボタン・背景色判定ロジック
+ if ($update_flag===0) {
+ $bg='bg-white';
+ $btn_text='手続き中';
+ $btn_active=false;
+ }
+ elseif ($update_flag===1) {
+ $bg='bg-white';
+ $btn_text='更新済';
+ $btn_active=false;
+ }
+ elseif (!is_null($end_dt) && $end_dt->gt($start_dt)) {
+ if ($start_dt && $now->lt($start_dt)) {
+ $bg = 'bg-white';
+ $btn_text = 'ご契約中';
+ $btn_active = false;
+ } else {
+ // 契約終了日を過ぎていて、更新可能期間内は赤背景
+ if ($contract_end_dt && $now->gt($contract_end_dt) && $start_dt && $end_dt && $now->between($start_dt, $end_dt)) {
+ $bg = 'alert-danger';
+ $btn_text = '更新する';
+ $btn_active = true;
+ } else {
+ $bg = 'alert-warning';
+ $btn_text = '更新する';
+ $btn_active = true;
+ }
+ }
+ }
+ elseif ($start_dt && $start_dt->gt($end_dt)) {
+ if ($now->lt($start_dt)) {
+ $bg = 'bg-white';
+ $btn_text = 'ご契約中';
+ $btn_active = false;
+ } elseif ($now->gte($start_dt) && $now->lte($contract_end_dt->copy()->endOfMonth())) {
+ $bg = 'alert-warning';
+ $btn_text = '更新する';
+ $btn_active = true;
+ } else {
+ $bg = 'alert-danger';
+ $btn_text = '更新する';
+ $btn_active = true;
+ }
+ }
+ }
+ @endphp
+ @endphp
+ @if($bg == 'bg-white')
+
+ @elseif($bg == 'alert-warning')
+
+ @elseif($bg == 'alert-danger')
+
+ @else
+
+ @endif
+
+
+
+ 定期契約ID
+ {{ $contract->contract_id }}
+
+
+ 駐輪場名
+ {{ $contract->park_name }}
+
+
+ 利用者区分
+ {{ $contract->usertype_subject1 }}
+
+
+ 車種
+ {{ $contract->psection_subject ?? '' }}
+
+
+ 階数
+ {{ $contract->ptype_subject ?? '' }}
+
+
+ 車室番号
+ {{ $contract->pplace_no ?? '' }}
+
+
+ 利用開始日
+ {{ \Carbon\Carbon::parse($contract->contract_periods)->format('Y/m/d') }}
+
+
+ 契約月数
+ {{ $contract->enable_months }}ヶ月
+
+
+
+
+
+ @if($bg == 'alert-warning' && $btn_active)
+
{{ $btn_text }}
+ @elseif($bg == 'alert-danger' && $btn_active)
+
{{ $btn_text }}
+ @else
+
{{ $btn_text }}
+ @endif
+ @if($bg == 'alert-warning')
+
解約について
+ @elseif($bg == 'alert-danger')
+
解約について
+ @else
+
解約について
+ @endif
+
+ @php
+ $has_receipt = DB::table('inv_publish')->where('contract_id', $contract->contract_id)->exists();
+ @endphp
+ @if($has_receipt)
+ @if($bg == 'alert-warning')
+
領収書再発行
+ @elseif($bg == 'alert-danger')
+
領収書再発行
+ @else
+
領収書再発行
+ @endif
+ @else
+ @if($bg == 'alert-warning')
+
領収書発行
+ @elseif($bg == 'alert-danger')
+
領収書発行
+ @else
+
領収書発行
+ @endif
+ @endif
+
+
+
+
+
+
+ @if($i % 2 == 1 || $i == count($contracts) - 1)
+
+ @endif
+ @endforeach
+ @else
+
+ @endif
+ {{-- modal moved to end of file to avoid clipping issues --}}
+
+
+
+
+@endsection
+
+
+
+
+
+ 解約の手続きにつきましては、下記コールセンターへお問い合わせください。 So-Managerコールセンター 03-5856-4720
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/resources/views/user/confirm.blade.php b/resources/views/user/confirm.blade.php
new file mode 100644
index 0000000..7872caf
--- /dev/null
+++ b/resources/views/user/confirm.blade.php
@@ -0,0 +1,224 @@
+@extends('layouts.app')
+@section('content')
+
+
+
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/user/edit.blade.php b/resources/views/user/edit.blade.php
new file mode 100644
index 0000000..8bf73ef
--- /dev/null
+++ b/resources/views/user/edit.blade.php
@@ -0,0 +1,515 @@
+@extends('layouts.app')
+
+@section('content')
+
+
+ ユーザー情報確認 > ユーザー情報を変更する
+
+
+ {{-- サーバーサイドエラー表示 --}}
+ @if ($errors->any())
+
+ @endif
+ {{-- クライアントサイド用エラー表示領域 --}}
+
+
+
+ {{-- 本人確認書類説明モーダル --}}
+
+
+
+
+
+
+ 免許証・旅券(パスポート)・在留カード・特別永住者証明書
+ 外国人登録証明書(特別永住者のみ)・学生証
+ 身体障害者手帳・生活保護受給証・保険証
+ 上記いずれかの住所記載のあるもの
+
+
※特別永住者の方は特別永住者証明書と外国人登録証明書の両方が必要となります。
+
+
+
+
+
+ {{-- 利用者区分説明モーダル --}}
+
+
+
+
+
+ 【一般】
+ 学生以外の利用者の方
+ 【学生】
+ 学生の利用者の方
+ 【減免】
+ 以下に該当される利用者の方が、減免の対象になる場合があります。
+ (例)
+ ・高齢者の方
+ ・障がい者の方
+ ・生活保護を受けられている方
+ ・中国残留邦人の方
+ ・児童扶養手当を受給されている方
+ 詳しくはサポートセンターまでお問い合わせください。
+ TEL:03-5856-4720
+
+
+
+
+
+
+
+{{-- JSバリデーション(info.blade.phpの内容を参考に) --}}
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/user/info.blade.php b/resources/views/user/info.blade.php
new file mode 100644
index 0000000..5358ad0
--- /dev/null
+++ b/resources/views/user/info.blade.php
@@ -0,0 +1,120 @@
+@extends('layouts.app')
+
+@section('content')
+
+ @if (session('success'))
+
+ {{ session('success') }}
+
+ @endif
+
+
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/user/mail_sent.blade.php b/resources/views/user/mail_sent.blade.php
new file mode 100644
index 0000000..56c013c
--- /dev/null
+++ b/resources/views/user/mail_sent.blade.php
@@ -0,0 +1,19 @@
+@extends('layouts.app')
+
+@section('content')
+
+
+
+
+
変更後のメールアドレスに確認メールを送信しました。
+ ご確認ください。
+
確認メールのURLをクリックすると変更が完了します。
+
+
+
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/user/withdraw_complete.blade.php b/resources/views/user/withdraw_complete.blade.php
new file mode 100644
index 0000000..941bb1e
--- /dev/null
+++ b/resources/views/user/withdraw_complete.blade.php
@@ -0,0 +1,20 @@
+@extends('layouts.app')
+
+@section('content')
+
+
+
+
+
+
退会処理が完了しました。
+
ご利用ありがとうございました。
+
+
+
+
+
+@endsection
\ No newline at end of file
diff --git a/resources/views/user/withdraw_confirm.blade.php b/resources/views/user/withdraw_confirm.blade.php
new file mode 100644
index 0000000..af4a4e2
--- /dev/null
+++ b/resources/views/user/withdraw_confirm.blade.php
@@ -0,0 +1,58 @@
+@extends('layouts.app')
+
+@section('content')
+
+
+
+
+
+ @if (!empty($error_message))
+
+ {{ $error_message }}
+
+ @endif
+
退会しますか?
+
+ 退会されますと、マイページでご覧いただけるすべての情報が消去されます。
+ また再度入会をご希望の場合には、新規ユーザーとして登録をお願いいたします。
+ 再度入会していただいても、過去の契約情報等ご確認いただくことはできなくなります。
+ 空き待ち登録されている駐輪場はすべてキャンセル扱いとなります。
+
+
+
+
+
+
+
+
確認ダイアログ
+
本当に退会しますか。
+
はい
+
いいえ
+
+
+
+
+
+
+
+
+@endsection
\ No newline at end of file
diff --git a/routes/web.php b/routes/web.php
index 86a06c5..d235e5e 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,7 +1,107 @@
+
route('login');
+});
+
+// ユーザー情報確認画面
+Route::get('/user/info', [UserInfoController::class, 'show'])
+ ->name('user.info');
+
+
+// ユーザー情報編集画面(GET: 編集フォーム表示)
+Route::get('/user/edit', [UserEditController::class, 'show'])
+ ->name('user.edit');
+
+// ユーザー情報編集(POST: 編集内容保存)
+Route::post('/user/edit', [UserEditController::class, 'update'])
+ ->name('user.edit.post');
+
+// ユーザー情報編集確認(GET: 確認画面表示)
+Route::get('/user/edit/confirm', [UserEditConfirmController::class, 'show'])
+ ->name('user.confirm');
+// ユーザー情報編集確認(POST: 確認画面表示)
+Route::post('/user/edit/confirm', [UserEditConfirmController::class, 'confirm'])
+ ->name('user.edit.confirm');
+
+// 入力内容確認画面から「変更を確定する」ボタン押下時(認証メール送信)
+Route::post('/user/edit/submit', [UserEditConfirmController::class, 'submit'])
+ ->name('user.edit.submit');
+
+// 認証メール内URLクリック時(変更確定処理)
+Route::get('/user/edit/verify', [UserEditConfirmController::class, 'verify'])
+ ->name('user.edit.verify');
+
+// 退会画面(GET: 退会確認)
+Route::get('/user/withdraw', [UserWithdrawController::class, 'showConfirm'])
+ ->name('user.withdraw');
+// 退会処理(POST: 退会確定)
+Route::post('/user/withdraw/confirm', [UserWithdrawController::class, 'withdraw'])
+ ->name('user.withdraw.confirm');
+
+
+// 定期契約情報確認
+Route::get('regular_contract/info', [RegularContractController::class, 'showInfo'])
+ ->name('regular_contract.info');
+
+// 領収書宛名入力画面
+Route::get('receipt/input/{contract_id}', [ReceiptController::class, 'input'])
+ ->name('receipt.input');
+Route::get('receipt/download/{contract_id}', [ReceiptController::class, 'download'])
+ ->name('receipt.download');
+Route::post('receipt/issue/{contract_id}', [ReceiptController::class, 'issue']);
+
+// 新規定期契約画面
+Route::get('regular_contract/create', [RegularContractCreateController::class, 'show'])
+ ->name('regular_contract.create');
+
+// 定期契約更新
+Route::get('regular_contract/update/{contract_id}', [RegularContractController::class, 'update']);
+// 契約区分確認
+Route::get('regular_contract/confirm_category/{contract_id}', [RegularContractController::class, 'confirmCategory'])
+ ->name('regular_contract.confirm_category');
+Route::get('regular_contract/confirm_category_next/{contract_id}', [RegularContractController::class, 'confirmCategoryNext'])
+ ->name('regular_contract.confirm_category_next');
+// 本人確認書類アップロード
+Route::get('regular_contract/upload_identity/{contract_id}', [RegularContractController::class, 'uploadIdentity'])
+ ->name('regular_contract.upload_identity');
+// 利用期間選択
+Route::get('regular_contract/select_period/{contract_id}', [RegularContractController::class, 'selectPeriod'])
+ ->name('regular_contract.select_period');
+
+// 空き待ち状況確認画面
+Route::get('park_waitlist', [ParkWaitlistController::class, 'index'])
+ ->name('park_waitlist.index');
+
+Route::get('/login', function () {
+ return '
+
+ ';
+})->name('login');
+
+
+Route::post('/login', function (Request $request) {
+ $user_id = $request->input('user_id');
+ Session::put('user_id', $user_id); // 入力されたIDをそのまま保存
+ return redirect('/user/info'); // 認証なしでリダイレクト
});